@import url( colours.css );

#levelOneNavigation {
  float:left;
  position:relative;
  width:980px;
  padding:0;
  z-index:50;
  border-bottom:#5d9bcc 5px solid;
  background:url(/images/images/generic-img/topnav.gif) top repeat-x;
}
#levelOneNavigation ul {
  float:left;
  padding:0;
  margin:0 auto;
  list-style-type:none;
}
#levelOneNavigation a.toplevel {
  height:30px;
  width:auto;
  font-size:110%;
  margin:0;
  padding-top:7px;
  color:#FFFFFF;
  text-decoration:none;
  border-top:0px;
  border-right:#FFF 1px solid;
  border-bottom: #fff 2px solid;
  border-left:0px; 
  text-align:center;
}



#levelOneNavigation a.toplevel:hover {
  background: url(/images/images/generic-img/nav-norm-roll.gif) top repeat-x;
  text-decoration:underline;
}
#levelOneNavigation a.current {
  background: url(/images/images/generic-img/nav-norm-roll.gif) top repeat-x;
}

#nav {
	float:left; position:relative; margin-top:2px;
}
ul#nav{
	width:980px;
}
ul#nav li {
	float: left;
	display:inherit;
	width:140px;
	overflow:hidden;
}
#nav li a {
	text-align:left; font-size:110%; display: block; color: #FFFFFF; font-weight:bold;
}
#nav li a.toplevel {
  text-align:center; 
}
#nav li a.first {
	background:url(/images/images/generic-img/topnav-first.gif) top left no-repeat;
}
#nav li a.first.selected, #nav li a.first:hover {
	background:url(/images/images/generic-img/topnav-first-roll.gif) top left no-repeat !important;
}
#nav li a.last {
	background:url(/images/images/generic-img/topnav-last.gif) top right no-repeat;
	border-right:none;
}
#nav li a.last:hover {
	background:url(/images/images/generic-img/topnav-last-roll.gif) top right no-repeat !important; 
	border-right:none;
}
#nav li a.toplevel:hover {
  background:url(/images/images/generic-img/nav-norm-roll.gif) top repeat-x;
}
#nav li a#selected {
  background: #ffeda7;
}

/* First Level Subnav
=========================================================================================== */
#nav li li {
  width: auto; 
}
#nav li li a {
	padding:4px 15px 4px 10px; font-weight: normal; font-size: 90%; color: #FFF; border-bottom: #d6d6d6 1px solid; width:158px;    
}
#nav li li a:hover {
	background:#5d6150;
}
#nav li ul {
	border:#d6d6d6 1px solid; background:#8e8e82; left: -999em; width:183px; position:absolute;
}


	
/* Second Level Subnav
=========================================================================================== */
#nav li ul ul {
  background:#f7f7f7; margin: -27px 0px 0px 120px; width:160px;
}
#nav li ul ul li a {
  float:left; background:#e4e4e4 url(/images/images/generic-img/dropmenu-arrow.gif) 6px 10px no-repeat; width:135px;
}
#nav li ul ul li a:hover {
  background:#e4e4e4 url(/images/images/generic-img/dropmenu-arrow.gif) 6px 10px no-repeat;
}
#nav li:hover ul ul {
	left: -999em;
}
#nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul {
	left: auto;
}
#nav li li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}
#nav li li.sfhover ul {
	left: auto
}
#nav li:hover {
	background: url(/images/images/generic/topnav-button-roll.gif) top repeat-x;
}
#nav li .active {
	background: url(/images/images/generic/topnav-button-roll.gif) top repeat-x;
}
#nav li.selected {
	background-color: #fff;
}
#nav li.sfhover {
	background-color: #fff;
}
#nav li li:hover {
	background:none;
}
#nav li li.sfhover {
	background-color: #f7f7f7;
}
#levelOneNavigation a {
	padding:0px; display: block; font-weight: normal; background: none transparent scroll repeat 0% 0%; float:none; margin:0px; height:auto; text-decoration:none;
}
.navIframe {
	padding:0px; display: none; z-index:1; margin:0px; position: absolute;
}

	
/* Secondary Level Subnav
=========================================================================================== */
.darkTab {
	background: url(../images/generic-img/darkTab.gif) repeat-x; 
	padding: 7px 0 0 8px; 
	position: relative; 
	height: 22px
}
	.darkTab p {
		color:#fff; font-weight:bold; text-transform:uppercase;
	}
.lightTab {
	background: url(../images/generic-img/lightTab.gif) repeat-x; 
	padding: 7px 0 0 8px; 
	height: 22px
}
	.lightTab p {
		color:#222; font-weight:bold; text-transform:uppercase;
	}
.leftColContent {
	border-right:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	padding:8px 8px 14px 8px;
}
	#secondaryNav .leftColContent p {
		color:#222;
	}
		#secondaryNav .leftColContent p a {
			color:#253f7c;
			text-decoration:underline;
		}
			#secondaryNav .leftColContent p a:hover {
				color:#bf2726;
				text-decoration:none;
			}

#secondaryNav .leftColContent label {
	font-size:110%;
	padding:2px 0;
}



		#secondaryNav .brandList {
			padding:11px 9px;
			background:url(/images/images/generic-img/brandlist-bg.gif) top no-repeat;
		}
		#secondaryNav .brandList select {
			font-size:120%;
			padding:2px 0 1px 2px;
			height:22px;
			width:156px;
			color:#333;
		}

#leftCol-End {
	height:100px;
	background:url(/images/images/generic-img/leftCol-finish.gif) top no-repeat;
}
#rightCol-End {
	height:100px;
	background:url(/images/images/generic-img/rightCol-finish.gif) top no-repeat;
}




#featureContent .panelHeader {
	background: url(../images/generic-img/featurePanel-header.gif) no-repeat;   
	padding-top: 8px;  
	height: 20px
}

	#featureContent .panelHeader h2.sellers {
		background: url(../images/generic-img/headerSellers.gif) no-repeat; 
		margin-left: 9px;
		/*width: 66px*/
	}
	#featureContent .panelHeader h2.support {
		background: url(../images/generic-img/headerSupport.gif) no-repeat; 
		margin-left: 9px;
		/*width: 104px*/
	}


		
		
		
.productList {
	padding: 0px; 
	background: #ffffff url(/images/images/generic-img/leftNavBg.gif) top right no-repeat;  
	width: 176px; 
	position: relative
}
	.productList ul {
		padding: 0px; 
		margin:0;
		width: 176px; 
		list-style-type: none;
	}
		.productList ul li {
			padding: 0;
			/*background: url(/images/images/generic-img/dotsBlack2.gif) no-repeat 50% bottom; */
			border-bottom:#dedede 1px solid;
			margin: 0px; 
			width: 176px; 
			list-style-type: none; 
			position: relative
		}
			.productList ul li a {
				padding: 4px 23px 3px 25px;
				display: block;
				font-weight: normal; 
				font-size: 11px; 
				background: url(/images/images/generic-img/navRollover.gif) no-repeat 0px 0px; 
				width: 128px; 
				color: #222222; 
				line-height: 13px; 
				text-decoration: none
			}
				.productList ul li a:hover {
					background: url(/images/images/generic-img/navRollover.gif) no-repeat 0px -33px; 
					color: #FFFFFF; 
					text-decoration: none
				}
				
					.productList ul li a.noSubMenu {
						padding: 4px 12px 3px 25px;
						display: block;
						font-weight: normal; 
						font-size: 11px; 
						background: url(/images/images/generic-img/navRolloverEmpty.gif) no-repeat 0px 0px; 
						width: 139px; 
						color: #000000; 
						line-height: 13px; 
						text-decoration: none;
					}
					.productList ul li a.noSubMenu:hover {
						background: url(/images/images/generic-img/navRolloverEmpty.gif) no-repeat 0px -33px; 
						color: #FFFFFF; 
						text-decoration: none;
					}

		.productList ul.topBrands li a{
			padding: 4px 12px 3px 25px;
			display: block; 
			font-weight: normal; 
			font-size: 11px; 
			background: url(/images/images/generic-img/navRolloverEmpty.gif) no-repeat 0px 0px; 
			width: 139px; 
			color: #000000; 
			line-height: 13px;
			text-decoration: none
		}
			.productList ul.topBrands li a:hover {
				background: url(/images/images/generic-img/navRolloverEmpty.gif) no-repeat 0px -33px; 
				color: #FFFFFF;
				text-decoration: none
			}

		.productList ul li.bottom {
			padding: 1px 0;
			background: none transparent scroll repeat 0% 0%;
		}
		.productList ul li.viewAll {
			padding: 1px 0;
			background: none transparent scroll repeat 0% 0%;
		}
			.productList ul.topBrands li.viewAll a {
				padding: 4px 12px 3px 25px;
				display: block;
				font-weight: bold; 
				font-size: 11px; 
				background: url(/images/images/generic-img/bulletWhite.gif) no-repeat 13px center; 
				width: 139px; 
				color: #000; 
				text-decoration: none
			}
				.productList ul.topBrands li.viewAll a:hover {
					background: url(/images/images/generic-img/bulletWhite.gif) no-repeat 13px center; 
					color: #000; 
					text-decoration: underline
				}

		.productList ul li:hover {
			z-index: 1;
		}
		.productList ul li.iehover {
			z-index: 1
		}
		.productList ul li .flyoutMenu {
			border: #d6d6d6 1px solid; 
			padding: 0px; 
			margin:0;
			display: none; 
			left: 176px; 
			width: 220px; 
			position: absolute; 
			top: -1px; 
			background-color: #8e8e82
		}
			.productList ul li:hover .flyoutMenu {
				display: block
			}
			.productList ul li.iehover .flyoutMenu {
				display: block
			}
				.productList ul li .flyoutMenu ul li .flyoutMenu {
					border: #d6d6d6 1px solid; 
					padding:0;
					margin:0;
					display: none; 
					left: 220px; /*was 158*/
					width: 220px;
					position: absolute; 
					top: -1px; 
					background-color: #8e8e82
				}
				.productList ul li .flyoutMenu ul li:hover .flyoutMenu {
					display: block
				}
				.productList ul li .flyoutMenu ul li.iehover .flyoutMenu {
					display: block
				}
				
		.productList ul li .flyoutMenu ul {
			padding:0;
			margin:0;
			width: 220px;
			list-style-type: none;
		}
		.productList ul li .flyoutMenu ul li {
			background:none;
			border-bottom:#d6d6d6 1px solid;
			margin: 0px; 
			width: 220px;
			list-style-type: none; 
			position: relative
		}
			.productList ul li .flyoutMenu ul li a {
				padding: 3px 12px 3px 12px;
				display:block;
				font-weight: normal; 
				background: url(/images/images/generic-img/subNavRolloverEmpty.gif) no-repeat 0px 0px; 
				width: 202px; 
				color: #FFFFFF; 
				text-decoration: none
			}
				.productList ul li .flyoutMenu ul li a:hover {
					background: url(/images/images/generic-img/subNavRolloverEmpty.gif) no-repeat 0px -33px; 
					color: #FFFFFF;
					text-decoration: none
				}
				.productList ul li .flyoutMenu ul li a.subMenu {
					padding: 3px 22px 3px 11px;
					display:block;
					font-weight: normal; 
					background: url(/images/images/generic-img/subNavRollover.gif) no-repeat 0px 0px; 
					width: 202px;
					line-height:120%;
					color: #FFFFFF; 
					text-decoration: none;
				}
					.productList ul li .flyoutMenu ul li a.subMenu:hover {
						background: url(/images/images/generic-img/subNavRollover.gif) no-repeat 0px -33px; 
						color: #FFFFFF; 
						text-decoration: none;
					}
				.productList ul li .flyoutMenu ul li.bottom {
					padding: 1px 0;
					background: none transparent scroll repeat 0% 0%;
				}