
/* Category rotator CSS Styles */


.topwrapper { z-index: 500; }
.navigation-bar { z-index: 501; }
.navigation { z-index: 502; }
.midwrapper { z-index: 503; }

.lfl w80 lm10 tm20 { width: 640px;  }

.cat-info-wrapper { border: none; }

.cat-photo { display: none; height: 1px; width: 1px; margin: -10000px; }

.dropNav ul { 
z-index: 100;
}

#categoryBanner { width: 640px; border: solid 1px #adadad; margin-left: -4px; margin-top: -6px;
font:62.5% Arial, Helvetica, sans-serif; z-index: -1000;
}

#preload { display: none; position: absolute; top: -5000px; }


/* visual */
#categoryBanner .visual{
	width:100%;
	margin: 0;
	position:relative;
}
#categoryBanner .visual .carousel-hold{
	width:640px;
	height:292px;
	overflow:hidden;
	position:relative;
}
#categoryBanner .overlay{
	width:100%;
	overflow:hidden;
	left:0;
	bottom:0;
	background:url(/Images/rotators/categories/shc_cat_bg-overlay.png);
	height:121px;
	position:absolute;
	z-index:3;
}
#categoryBanner .carousel{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	position:relative;
	width:9999px;
	height:292px;
	width:640px;
}
#categoryBanner .carousel li{
	left:0;
	top:0;
	position:absolute;
	width:640px;
	height:292px;
	z-index:1;
}
#categoryBanner .carousel li.active{ z-index:2;}
#categoryBanner .carousel .promoBanner{
	position:absolute;
	left:25px;
	top:12px;
	color:#fff;
}
#categoryBanner .heading_t {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26px;
	margin: 0; padding: 9px 0 3px 0;
	color: #fff;
	font-weight: bold;
}

#categoryBanner H2.heading_t {
	font: 28px #fff bold;
}

/*  extra crap kill me below */

#categoryBanner .feature-1{
	font-weight: bold;
	color: #FFF;
	font-style: italic;
	font-size:13px;
}
#categoryBanner .feature-2{
	font-weight: bolder;
	color: #FFF;
	padding-top: 40px;
	font-style: italic;
	font-size:14px;
}
#categoryBanner .btn-get{
	display:block;
	overflow:hidden;
	background:url(/Images/rotators/categories/shc_cat_btn-get.gif) no-repeat;
	width:126px;
	height:31px;
	margin:8px 0 0;
	text-indent:-9999px;
}
#categoryBanner .btn-get:hover{background:url(/Images/rotators/categories/shc_cat_btn-get-hover.gif) no-repeat;}

#categoryBanner .btn-getquote{
	display:block;
	overflow:hidden;
	background:url(/Images/rotators/categories/shc_cat_btn-getquote.gif) no-repeat;
	width:130px;
	height:31px;
	text-indent:-9999px;
	margin-top: 8px;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: -20px;
}
#categoryBanner .btn-getquote:hover{background:url(/Images/rotators/categories/shc_cat_btn-getquote-hover.gif) no-repeat;}
#categoryBanner .carousel h3{
	font-size:14px;
	margin:7px 0 0;
	font-weight:normal;
	color: #fff;
}
#categoryBanner .alter{width:330px; line-height: 18px;}

#categoryBanner .list-feature{
	margin:4px 0 0;
	padding:0 0 0 10px;
	list-style:none;
	font-style:italic;
	font-size:14px;
}
#categoryBanner .list-feature li{
	background:url(/Images/rotators/categories/shc_cat_bullet-feature.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	line-height:21px;
	position:static !important;
	float:none;
	width:auto;
	height:auto;
}
#categoryBanner .links{
	margin:7px 0 0;
	padding:0;
	list-style:none;
	font-size:12px;
}
#categoryBanner .links li{
	float:none;
	width:auto;
	height:auto;
	line-height:24px;
	position:static !important;
}

#categoryBanner .links a:hover{
	background:url(/Images/rotators/categories/shc_cat_bullet-arrow-hover.gif) no-repeat 0 50%;
	color:#CD8807;
	text-decoration:underline;
}
/* nav */
#categoryBanner .nav{
	position:absolute;
	left:0;
	top:183px;
	margin:0;
	padding:0 0 0 5px;
	list-style:none;
	z-index:4;
}
#categoryBanner .nav li{
	float:left;
	width:126px;
	display:inline;
}
#categoryBanner .nav li .promoBanner{
	background:url(/Images/rotators/categories/shc_cat_bg-category.png) no-repeat;
	width:100%;
	height:103px;
	overflow:hidden;
}
#categoryBanner .nav li h3{
	margin:8px 0 0 10px;
	overflow:hidden;
	text-indent:-9999px;
	line-height:normal;
	font-size:12px;
}
#categoryBanner .nav-heading-1{width:102px;}
#categoryBanner .nav-heading-2{
	width:102px;
	background-position:-121px 0 !important;
}
#categoryBanner .nav-heading-3{
	width:106px;
	background-position:-242px 0 !important;
}
#categoryBanner .nav-heading-4{
	width:102px;
	background-position:-363px 0 !important;
}
#categoryBanner .nav-heading-5{
	width:102px;
	background-position:-485px 0 !important;
}
#categoryBanner .nav-heading-6{
	width:87px;
	background-position:-607px 0 !important;
}
#categoryBanner .nav li .promoBanner div{
	padding:0 0 0 11px;
	margin:9px 0 0;
	width:98px;
}
#categoryBanner .nav li p{
	margin:0;
	color:#333;
	font-size:11px;
}
#categoryBanner .nav a{
	float:left;
	margin:9px 0 0;
	background:url(/Images/rotators/categories/shc_cat_bullet-link-carousel.gif) no-repeat 0 50%;
	padding:0 0 0 12px;
	margin:3px 0 0;
	color:#216bb4;
	font-size:11px;
	text-decoration:none;
	position:relative;
	z-index:9;
}
#categoryBanner .nav a:hover{
	color:#CD8807;
	background:url(/Images/rotators/categories/shc_cat_bullet-hover.gif) no-repeat 0 50%;
	text-decoration:underline;
}
#categoryBanner .nav li.active{
	margin:-9px -12px 0 -10px;
	position:relative;
	width:144px;
}
#categoryBanner .nav li.active .promoBanner{
	background:url(/Images/rotators/categories/shc_cat_bg-category-hover.png) no-repeat;
	height:132px;
	width:143px;
	padding:0 0 0 5px;
}
#categoryBanner .nav li.active p{font-size:13px;}
#categoryBanner .nav li.active a{
	font-size:13px;
	margin:6px 0 0;
}
#categoryBanner .nav li.active .promoBanner div{
	width:122px;
	margin:15px 0 0;
}
.nav li.active h3{
	height:18px;
}
#categoryBanner .nav li.active .nav-heading-1{width:121px;}
#categoryBanner .nav li.active .nav-heading-2{
	width:121px;
	background-position:-128px 0 !important;
}
/*127-6 = 122 */
#categoryBanner .nav li.active .nav-heading-3{
	width:121px;
	background-position:-252px 0 !important;
}
#categoryBanner .nav li.active .nav-heading-4{
	width:121px;
	background-position:-412px 0 !important;
}
#categoryBanner .nav li.active .nav-heading-5{
	width:121px;
	background-position:-532px 0 !important;
}
#categoryBanner .nav li.active .nav-heading-6{
	width:121px;
	background-position:-490px 0 !important;
}
#categoryBanner .promo-box{
	width:724px;
	overflow:hidden;
	background:#d6d6d6;
	padding:8px;
}

/* Brand rotator styles */

#BrandBanner {
width: 640px; border: solid 1px #adadad; margin-left: -4px; margin-top: -6px;
font-family: Arial, Helvetica, sans-serif; z-index: -1000;
	height:262px;
	padding: 0;
	color: #fff;
}

#BrandBanner .links a{
	background:url(/Images/rotators/categories/shc_cat_bullet-arrow.gif) no-repeat 0 50%;
	padding:0 0 0 15px;
	color:#fff;
	text-decoration:none;
}
#BrandBanner .feature-1 { color: #8CB7DC;
	font-weight: bold;
	font-style: italic;
	font-size:11px;
}

#BrandBanner .feature-1 { padding-top: 11px; }

#BrandBanner .feature-1 a:link, #BrandBanner .feature-1 a:visited { color: #8CB7DC; text-decoration: none; }

#BrandBanner .feature-1 a:hover { color: #F6990D; font-weight: bold; text-decoration: underline; }

#BrandBanner .brandText  {margin-top: 43px;}


#BrandBanner H1 {
	font-size: 34px; color: #09406E; font-weight: bold; margin: 0; padding: 0;
}

#BrandBanner .alter{width:330px; line-height: 18px;}

#BrandBanner  h3{
	font-size:13px;
	margin:7px 0 0 0;
	font-weight:normal;
	color: #fff;
	padding: 0;
}

#BrandBanner  h3 a, #BrandBanner  h3 a:active, #BrandBanner  h3 a:link, #BrandBanner  h3 a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}

#BrandBanner  h3 a:hover {
	text-decoration: underline;
	color: #F6990D;
}



.BrandContent { padding: 13px 12px 0 11px; }

#fakeLeft { position: absolute; left: 21px; top: 202px; }

#fakeLeft ul, #fakeLeft ul.filter {
		clear:left;
		width:175px;
		padding:8px 0 15px 0;
		list-style-type:none;
		line-height:20px;
		}
		
		#fakeLeft ul li {
			border-bottom:1px solid #c7c7c7;
			padding: 4px 0; margin: 0;
			background:url(/images/bg-navlist-li.gif) no-repeat;
			}

                #fakeLeft ul.filter li {
			background:none;
			margin-left:20px;
                        
                        }
			
	#fakeLeft a:link, #fakeLeft a:active, #fakeLeft a:visited {
		margin-left:20px;
		font: 12px Arial, Helvetica, sans-serif;
		color: #000;
		text-decoration:none;
		}

        #fakeLeft .filter a {
                margin-left:0;
                }
		
	#fakeLeft a:hover, #fakeLeft a:focus {
		color: #ff3300;
		text-decoration: underline;
		}
		
		
#BrandUnderlinks {background: #033F72 url(/Images/rotators/brands/darkblueBg.jpg) repeat-x; font-size: 15px; }		
	
#BrandUnderlinks a, #BrandUnderlinks a:active, #BrandUnderlinks a:hover, #BrandUnderlinks a:visited { color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; }	
/* a.nav-selected:link, a.nav-selected:active, a.nav-selected:visited {
	font-weight:bold;
	font-size:13px;
	} */
