/**
 * FOXFAST HTML BUILD - v3.0 // 11.5 added styling additions for cart title menu 
 */
/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul { /*topmost and sub ULs, respectively*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	visibility: hidden;
	z-index: 100;
	border:3px solid #ffac13;
	background: #FFFFFF url(../images/bgNavTile.gif) bottom left repeat-x;
}

	.ddsubmenustyle li a, .ddsubmenustyle2 li a{
		display: block;
		width: 160px; /*width of menu (not including side paddings)*/
		color:#00618a;
		font-size:11px;
		font-weight:bold;
		text-decoration: none;
		padding: 4px 5px;
	}


.cartmenu1style, .cartmenu1style ul { /*topmost and sub ULs, respectively*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	visibility: hidden;
	z-index: 100;
	border:0;
	background: #00142c url(../images/bgDDTile.gif) bottom left repeat-x;
}
	.cartmenu1style li {
		display: block;
		width: 160px; /*width of menu (not including side paddings)*/
		color:#00152e;
		font-size:11px;
		font-weight: normal;
		text-decoration: none;
		padding: 4px 5px;
	}
	
.cartmenu2style, .cartmenu2style ul { /*topmost and sub ULs, respectively*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	visibility: hidden;
	z-index: 100;
	border:0;
	background: #00142c url(../images/bgDDTile.gif) bottom left repeat-x;
}
	.cartmenu2style li a, .cartmenu2style li a{
		display: block;
		width: 160px; /*width of menu (not including side paddings)*/
		color:#FFFFFF;
		font-size:11px;
		font-weight: normal;
		text-decoration: none;
		padding: 4px 5px;
	}


* html .ddsubmenustyle li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 170px; /*width of menu (include side paddings of LI A*/
}

* html .ddsubmenustyle2 li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 170px; /*width of menu (include side paddings of LI A*/
}

* html .cartmenu1style li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover, .ddsubmenustyle2 li a:hover{
	background: #ffac13;
	color:#00618a;
}

.cartmenu2style li a:hover{
	background: #00618a;
	color:#FFFFFF;
}


/* ######### Neutral CSS  ######### */

.navMainMenu .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
	padding: 9px 0 0 4px;
	border: 0;
}

.navTitleMenu .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
	padding: 19px 0 0 4px;
	border: 0;
}

.cartDDMenu .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
	padding: 4px 0 0 4px;
	border: 0;
}


.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
	position: absolute;
	padding-top: 3px;
	left: 100px;
	border: 0;
}

.ddiframeshim{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

/* ######### Main Menu Bar CSS ######### */

.navMainMenu {
	width: 750px;
	height: 20px;
	float: left;
	}
	
.navMainMenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	color:#00618a;
	font-size:11px;
	line-height: 20px;
	font-weight:bold;
	width: auto;
	height: 20px;
}

.navMainMenu li{
	float: left;
	display: inline;
	margin: 0;
	height: 20px;
	width: auto;
	line-height: 20px;
}

.navMainMenu li a{
	display: inline;
	float: left;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 0 5px 0 5px; /*padding inside each tab*/
	color:#00618a;
	line-height: 20px;
	height: 20px;
}

.navMainMenu li a:visited{
	color:#00618a;
}

.navMainMenu li a:hover{
	/*background of tabs for hover state */
	background: #ffac13 url(../images/bgGoldGradientHTIle.gif) repeat-x;
}

.navMainMenu a.selected{
	/*background of tab with "selected" class assigned to its LI */
	background: #ffac13 url(../images/bgGoldGradientHTIle.gif) repeat-x;
}

/* ######### Titles Menu Bar CSS ######### */

/*Add by sami on 03-MAR-2010 to fix categorylinks in litle nav menu*/
.titleDetails .navTitleMenu{
	width: 500px;/*changed by sami on 26-FEB-2010 from 500px to 750px to fix categorylinks in litle nav menu  */  
	height: 40px;
	float: right;
	}
	
.navTitleMenu {
	width: 750px;/*changed by sami on 26-FEB-2010 from 500px to 750px to fix categorylinks in litle nav menu  */  
	height: 40px;
	float: right;
	}

.navTitleMenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	color:#00618a;
	font-size:11px;
	line-height: 40px;
	font-weight:bold;
	width: auto;
	height: 40px;
}

.navTitleMenu li{
	float: right;
	display: inline;
	margin: 0;
	height: 40px;
	width: auto;
	line-height: 40px;
}

.navTitleMenu li a {
	display: inline;
	float: left;
	text-decoration: none;
	margin: 0 0 0 5px;
	padding: 0 5px 0 5px; /*padding inside each tab*/
	color:#00618a;
	line-height: 40px;
	height: 40px;
	
}

.navTitleMenu li a:visited{
	color:#00618a;
}

.navTitleMenu li a:hover{
	/*background of tabs for hover state */
	background: #ffac13 url(../images/bgGoldGradientHTIle.gif) repeat-x;
}

.navTitleMenu a.selected{
	/*background of tab with "selected" class assigned to its LI */
	background: #ffac13 url(../images/bgGoldGradientHTIle.gif) repeat-x;
}

/* ######### Playlist Menu Bar CSS ######### */

.navPlaylistMenu {
	width: 430px;/* Changed by Anil on 20.Apr.2009 from 410px to 430px for playlist */
	height: 32px;
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	}

.navPlaylistMenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	color:#00264c;
	font-size:11px;
	line-height: 32px;
	font-weight:bold;
	width: auto;
	height: 32px;
}

.navPlaylistMenu li{
	float: left;
	display: inline;
	margin: 0;
	height: 32px;
	width: auto;
	line-height: 32px;
}

.navPlaylistMenu li a {
	display: inline;
	float: left;
	text-decoration: none;
	margin: 0 0 0 5px;
	padding: 0 5px 0 5px; /*padding inside each tab*/
	color:#00264c;
	line-height: 32px;
	height: 32px;
	
}

.navPlaylistMenu li a:visited{
	color:#00264c;
}

.navPlaylistMenu li a:hover{
	/*background of tabs for hover state */
	background: #ffac13 url(../images/bgGoldGradientHTIle.gif) repeat-x;
}

.navPlaylistMenu a.selected{
	/*background of tab with "selected" class assigned to its LI */
	background: #ffac13 url(../images/bgGoldGradientHTIle.gif) repeat-x;
}

/* ############################# Cart Title Menu CSS ################# */

.padL {
	padding: 0 0 0 10px;
	}
	
.padR {
	padding: 0 10px 0 0;
	}
	
#cartTitleMenu li.pipe {
	float: right;
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
	height: 40px;
	width: 1px !important;
	line-height: 40px;
	background-color: white;
}
	
/* ######### Cart Function Controls DropDowns CSS ######### */

.cartDDMenu {
	/*width:650px;*/ /*Given new width to overcome the problem of design for "with(checkmark):" in cart header*/
	width: 500px;
	height: 18px;
	}
	
.cartDDMenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	color:#00618a;
	font-size:11px;
	line-height: 18px;
	font-weight:bold;
	width: auto;
	height: 18px;
}

.cartDDMenu li{
	float: left;
	display: inline;
	margin: 0;
	height: 18px;
	width: auto;
	line-height: 18px;
	font-weight:bold;
}

.cartDDMenu li a{
	display: inline;
	float: left;
	font-weight: bold;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 0 5px 0 5px; /*padding inside each tab*/
	color:#00152e;
	line-height: 18px;
	height: 18px;
}

.cartDDMenu li a:visited{
	color:#00618a;
}



.cartDDMenu a.selected{
	color:#FFFFFF;
	text-decoration: none;
	/*background of tab with "selected" class assigned to its LI */
	background: #00142c;
}


