/* r.a.d.menu Boutique skin */

@import "/RadControls/Skins/Menu.css";

/***********  Boutique stuff below */

.RadMenu_Boutique 
{  /* do not put an image in here, it hides the rollover. */
}

.RadMenu_Boutique_Context
{
	background: none;
	border:0;
}

.RadMenu_Boutique .rmLink
{
	text-decoration: none;
	color: white;   /* This is the main menu text */
	background:  url(Menu/top_menu.jpg) repeat-x ;  /* THis is the main menu image for each item */
}

.RadMenu_Boutique .rmLink:hover,
.RadMenu_Boutique .rmFocused,
.RadMenu_Boutique .rmExpanded
{
	color: White;  /* This is the rollover text */
	background:  url(Menu/top_menu_over.jpg) repeat-x ;  /* This is the rollover image for the main menu items */
}

.RadMenu_Boutique .rmText
{
	/*background: transparent url(Menu/RootGroupArrowDown.gif) no-repeat right center;*/
	padding-left: 35px; /* should be adjusted to the size of the images, if they are larger than 16x16px */
	margin-right: 0px;
	font: bold 12px Arial, Verdana, Sans-serif;
	line-height: 35px;
	padding-right: 35px;
    background-image:none;
}


/*.RadMenu_Boutique .rmRootGroup .rmText .rmLeftImage
{
	margin: 3px 1px 0; /* should be adjusted to the size of the images, if they are larger than 16x16px */
/*}*/

.RadMenu_Boutique .rmHorizontal .rmExpandBottom,  
.RadMenu_Boutique .rmHorizontal .rmExpandTop  
{  
  background: transparent url(Menu/RootGroupArrowDown.gif) no-repeat right center;  
} 

.RadMenu_Boutique .rmVertical .rmExpandLeft,
.RadMenu_Boutique .rmVertical .rmExpandRight  
{  
  background: transparent url(Menu/invertedGroupImage.gif) no-repeat right center;  
} 


.RadMenu_Boutique .rmSlide
{
	margin-top:-1px;
}

.RadMenu_Boutique .rmGroup
{
	background: white;
	width:200px;
}

.RadMenu_Boutique .rmGroup .rmLink
{
	background: #ec008c; /* The flyout */
	border: 0px;
	color: #FFF;
	width:200px;
}

.RadMenu_Boutique .rmGroup .rmText
{
	font-weight: normal !important;
	background: none;
	margin-right: 0 !important;
	padding-left: 30px;
	padding-right: 40px;
	font-size: 12px;
}

.RadMenu_Boutique .rmGroup .rmLink:hover
{
	background: #f680c6; /* This is the hover for the flyout */
	border: 0px;
}

.RadMenu_Boutique .rmGroup .rmLink:hover .rmExpandRight
{
	background: #f680c6 url(Menu/invertedGroupImage.gif) no-repeat right center; /* This is the hover for the flyout when it has sub items */
	border: 0px;
}

.RadMenu_Boutique .rmGroup .rmExpanded
{
	background: #f680c6; /* This is the the flyout when sub items have been expanded from it */
	border: 0px;
}

.RadMenu_Boutique .rmLeftArrow,
.RadMenu_Boutique .rmRightArrow,
.RadMenu_Boutique .rmTopArrow,
.RadMenu_Boutique .rmBottomArrow,
.RadMenu_Boutique .rmLeftArrowDisabled,
.RadMenu_Boutique .rmRightArrowDisabled,
.RadMenu_Boutique .rmTopArrowDisabled,
.RadMenu_Boutique .rmBottomArrowDisabled
{
	background: #e7f1ff url(Menu/left.gif) center center no-repeat;
	width: 15px;
	text-decoration:none;
	text-indent:-3000px;
	color:#e7f1ff;
	overflow:hidden;
}

.RadMenu_Boutique .rmTopArrow,
.RadMenu_Boutique .rmTopArrowDisabled
{
	background-image: url(Menu/top.gif);
	width: 100%;
	height: 15px;
}

.RadMenu_Boutique .rmBottomArrow,
.RadMenu_Boutique .rmBottomArrowDisabled
{
	background-image:url(Menu/bottom.gif);
	width: 100%;
	height: 15px;
}

.RadMenu_Boutique .rmRightArrow,
.RadMenu_Boutique .rmLeftArrow
{
	height: 100%;
}

.RadMenu_Boutique .rmRightArrow,
.RadMenu_Boutique .rmRightArrowDisabled
{
	background-image: url(Menu/right.gif);
}

.RadMenu_Boutique .rmVertical .rmSeparator
{
}

.RadMenu_Boutique .rmSeparator .rmText
{
	display: none;
}

.RadMenu_Boutique .rmExpandLeft,
.RadMenu_Boutique .rmExpandRight,
.RadMenu_Boutique .rmFocused .rmExpandLeft,
.RadMenu_Boutique .rmFocused .rmExpandRight,
.RadMenu_Boutique .rmExpanded .rmExpandLeft,
.RadMenu_Boutique .rmExpanded .rmExpandRight
{ /* Rollover for a  menu item that has sub items hanging off it */
}

.RadMenu_Boutique .rmGroup .rmExpandLeft,
.RadMenu_Boutique .rmGroup .rmExpandRight,
.RadMenu_Boutique .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_Boutique .rmGroup .rmFocused .rmExpandRight,
.RadMenu_Boutique .rmGroup .rmExpanded .rmExpandLeft,
.RadMenu_Boutique .rmGroup .rmExpanded .rmExpandRight
{
}

/* mozilla only - disabled state */
.RadMenu_Boutique .rmLink.rmDisabled,
.RadMenu_Boutique .rmLink.rmDisabled:hover
{
	-moz-opacity: 0.8;
	opacity: 0.8;
	color: #ccc;
	background: none;
}


/*right-to-left support*/

.RadMenu_Boutique_rtl,
.RadMenu_Boutique_rtl *
{
    text-align:right;
}

.RadMenu_Boutique_rtl .rmRootGroup .rmText
{
	padding-left: 24px;
	padding-right: 8px;
	margin-right: 0;
	margin-left: 4px;
}

.RadMenu_Boutique_rtl .rmGroup .rmText
{
	margin-left: 0 !important;
	padding-left: 40px;
	padding-right: 30px;
}

.RadMenu_Boutique .rmLeftImage 
{
	margin: 5px 2px 0;
}

.RadMenu_Boutique_rtl .rmHorizontal .rmExpandBottom,  
.RadMenu_Boutique_rtl .rmHorizontal .rmExpandTop  
{  
  background-position:left center;  
} 

.RadMenu_Boutique_rtl .rmVertical .rmExpandLeft,
.RadMenu_Boutique_rtl .rmVertical .rmExpandRight  
{  
  background: transparent url(Menu/invertedGroupImageRTL.gif) no-repeat left center;
}

.RadMenu_Boutique_rtl .rmGroup .rmExpandLeft,
.RadMenu_Boutique_rtl .rmGroup .rmExpandRight  
{  
  background: transparent url(Menu/groupImageRTL.gif) no-repeat 5px center;  
}

.RadMenu_Boutique_rtl .rmVertical .rmLink:hover .rmExpandLeft,
.RadMenu_Boutique_rtl .rmVertical .rmLink:hover .rmExpandRight,
.RadMenu_Boutique_rtl .rmVertical .rmFocused .rmExpandLeft,
.RadMenu_Boutique_rtl .rmVertical .rmFocused .rmExpandRight,
.RadMenu_Boutique_rtl .rmVertical .rmExpanded .rmExpandLeft,
.RadMenu_Boutique_rtl .rmVertical .rmExpanded .rmExpandRight
{
	background: transparent url(Menu/invertedGroupImageRTL.gif) left center no-repeat;
}

.RadMenu_Boutique_rtl .rmGroup .rmLink:hover .rmExpandLeft,
.RadMenu_Boutique_rtl .rmGroup .rmLink:hover .rmExpandRight,
.RadMenu_Boutique_rtl .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_Boutique_rtl .rmGroup .rmFocused .rmExpandRight,
.RadMenu_Boutique_rtl .rmGroup .rmExpanded .rmExpandLeft,
.RadMenu_Boutique_rtl .rmGroup .rmExpanded .rmExpandRight
{
	background: transparent url(Menu/groupImageRTL.gif) 5px center no-repeat;
}