.adjust_height_test {
	position: relative;
	z-index: 400;
	}
body {
	background: #fff url(../assets/images/html_bg_sub_pages.jpg) no-repeat 50% 0;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	}
	body.home  {background: #f0f0f0 url(../assets/images/html_bg.png) no-repeat 50% 705px;}
	/* product popups */
	body.product_snapshot {background-image: none;}
	::-moz-selection {background: #134478;color: #fff;} 
	::selection {background: #134478;color: #fff;}
	a,a:link, a:visited {color: #084c93;}
	a:hover, a:active, a:focus {color: #084c93;}	
#header {
	width: 100%;
	/*
	height: 615px;
	*/
	z-index: 200;
	margin: 0 auto;
	position: relative;
	background: transparent;
	}
	/* we dynamically change the height of #header_wrap, see global.js */
	#header_wrap {height: 190px;
		/*
		overflow: hidden;
		*/
		}
		.home #header_wrap {
			/*
			height: 615px;
			*/
			}

.announcement-takeover {
	background: #3f3f3f;
	background: rgba(0, 0, 0, 0.75);
	cursor: pointer;
	height: 0;
	position: fixed;
	top: 0; left: 0; right: 0;
	overflow: hidden;
	z-index: 999;
}
.announcement-takeover .blurred-bg {
	background: url('../assets/images/countdown/background-blurred.jpg') center center no-repeat;
	display/*\**/: none\9;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	opacity: 0;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: opacity 0.25s ease;
	   -moz-transition: opacity 0.25s ease;
			 -o-transition: opacity 0.25s ease;
					transition: opacity 0.25s ease;
}
html.cssfilters .announcement-takeover .blurred-bg {
	background: url('../assets/images/countdown/background.jpg') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.announcement-takeover .logo {
	background: url('../assets/images/countdown/logo.png') 0 0 no-repeat;
	display: none;
	height: 23px;
	position: absolute;
	bottom: 30px; right: 30px;
	text-indent: -9999px;
	width: 198px;
}
.announcement-takeover .container {
	margin: 0 auto;
	width: 980px;
}
.announcement-takeover.announcement-open {
	cursor: default;
	top: 0; right: 0; bottom: 0; left: 0;
}
.announcement-takeover.announcement-open .blurred-bg {
	display/*\**/: block\9;
	opacity: 1;
}
.announcement-takeover.announcement-open .logo { display: block; }
.announcement-takeover .announcement-content { display: none; }
.announcement-bar:before, .announcement-bar:after { content:""; display: block; overflow: hidden; }
.announcement-bar:after { clear: both; }
.announcement-bar { zoom: 1; }
.announcement-bar .close-bar {
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	margin-top: -17px;
	position: absolute;
	top: 50%; right: 15px;
	opacity: 0.5;
	text-align: center;
	width: 30px;
	-webkit-border-radius: 30px;
	 -khtml-border-radius: 30px;
	   -moz-border-radius: 30px;
					border-radius: 30px;
	-webkit-transition: opacity 0.25s ease;
	   -moz-transition: opacity 0.25s ease;
			 -o-transition: opacity 0.25s ease;
					transition: opacity 0.25s ease;
}
.announcement-bar .close-bar:hover { opacity: 1; }
.announcement-bar .ad-region {
	float: left;
	display: none;
	margin: 10px 0;
	width: 540px;
	color: #fff;
	line-height: 62px;
	font-size: 28px;
	font-weight: normal;
	text-shadow: #00b9b9 0 0 10px;
	text-transform: uppercase;
}
.announcement-bar .countdown-region {
	float: right;
	margin: 15px 0 0;
	width: 430px;
}
.announcement-content .content-wrap {
	margin: -170px 0 0 -321px;
	position: absolute;
	top: 50%; left: 50%;
	text-align: center;
	width: 642px;
}
.announcement-content .content-wrap h2 {
	color: #fff;
	line-height: 52px;
	font-size: 38px;
	font-weight: normal;
	text-shadow: #00b9b9 0 0 10px;
	text-transform: uppercase;
}
.announcement-content .content-wrap .flip-clock-wrapper { margin-bottom: 80px; }
.announcement-content .content-wrap p {
	color: #fff;
	display: none;
	font-size: 28px;
}
.announcement-content .content-wrap .announcement-btn {
	background: url('../assets/images/countdown/button.png') 0 0 no-repeat;
	color: #fff;
	display: block;
	height: 56px;
	margin: 0 auto;
	text-indent: -9999px;
	overflow: hidden;
	width: 226px;
}
.announcement-content .content-wrap .announcement-btn:hover { background-position: 0 -58px; }
.clock-mini.flip-clock-wrapper { top: -7px; }
.clock-mini.flip-clock-wrapper ul {
	height: 45px;
	font-size: 26px;
	line-height: 45px;
	width: 35px;
}
.clock-mini.flip-clock-wrapper { margin: 0; }
.clock-mini.flip-clock-wrapper ul li a div.up:after { top: 22px; }
.clock-mini.flip-clock-wrapper ul li a div div.inn { font-size: 26px; }
.clock-mini .flip-clock-divider {
	height: 55px;
	width: 15px;
}
.clock-mini .flip-clock-divider .flip-clock-label {
	background: none;
	color: #fff;
	color: rgba(255, 255, 255, 0.5);
	font-size: 9px;
	line-height: 1;
	padding-top: 5px;
	top: 100%; right: -110px;
}
.clock-mini .flip-clock-dot {
	height: 8px;
	width: 8px;
}

.announcement-takeover:before, .announcement-takeover:after { content:""; display: block; overflow: hidden; }
.announcement-takeover:after { clear: both; }
.announcement-takeover { zoom: 1; }

#overall_container {
	width: 980px;
	margin: 0 auto;
	font: normal 10px Tahoma, helvetica, arial, verdana, sans-serif;
	position: absolute;
	top: 190px;
	left: 50%;
	margin-left: -490px;
	z-index: 0;
	}
	.home #overall_container {
		z-index: 200;
		top: 675px;
		background: transparent url(../assets/images/header_featured_bg2.png) no-repeat 0 0;
		}
		/**********************************************************************************************************
		NEW AND COOL HTML HEADER
		**********************************************************************************************************/
		
		#header_top {
			width: 100%;
			background: transparent url(../assets/images/header/header_bg.png) top repeat-x;
			}
			#header_top .inside {
				display: block;
				position: relative;
				width: 980px;
				height: 180px;
				margin: 0px auto 0px auto;
				}		
			
			#header_top .logo {
				position: absolute;
				left: 25px;
				top: 30px;
				}
				
			#header_top .logo a {
				height: 40px;
				width: 195px;
				text-indent: -9999px;
				background: transparent url(../assets/images/header/header-logo.gif) no-repeat;
				}
			#header_top .social_nav {
				float: right;
				margin: 10px 25px 0 0;
				padding: 0;
				list-style-type: none;
				}
			#header_top .social_nav li {
				float: left;
				margin: 0;
				padding: 0;
				}
			#header_top .social_nav a {
				background: blue;
				display: block;
				height: 30px;
				width: 30px;
				text-indent: -9999px;
				}
			#header_top .social_nav a:hover { opacity: .8; }
			#header_top .social_nav span.connect {
				background: url(../assets/images/header/header-connect.gif) 0 0 no-repeat;
				display: block;
				height: 30px;
				text-indent: -9999px;
				width: 50px;
				}
			#header_top .social_nav a.facebook { background: url('../assets/images/header/header-icon_facebook.gif') 0 0 no-repeat;}
			#header_top .social_nav a.twitter { background: url('../assets/images/header/header-icon_twitter.gif') 0 0 no-repeat;}
			#header_top .social_nav a.instagram { background: url('../assets/images/header/header-icon_instagram.gif') 0 0 no-repeat;}
			#header_top .social_nav a.youtube { background: url('../assets/images/header/header-icon_youtube.gif') 0 0 no-repeat;}
			#header_top .main_navigation {
				position: absolute;
				left: 3px;
				top: 123px;
				margin: 0px;
				padding: 0px;
				list-style: none outside;
				}
				#header_top .main_navigation li {
					margin: 0px;
					padding: 0px;
					float: left;
					}
					#header_top .main_navigation li a {
						display: block;
						}
					#header_top .main_navigation li a.one {
						width: 106px;
						height: 50px;
						background: transparent url(../assets/images/header/header-btn-nav1.png) no-repeat top left;
						text-indent: -9999px;
						}
					#header_top .main_navigation li a.two {
						width: 102px;
						height: 50px;
						background: transparent url(../assets/images/header/header-btn-nav2.png) no-repeat top left;
						text-indent: -9999px;
						}
					#header_top .main_navigation li a.three  {
						width: 102px;
						height: 50px;
						background: transparent url(../assets/images/header/header-btn-nav3.png) no-repeat top left;
						text-indent: -9999px;
						}
					#header_top .main_navigation li a.four {
						width: 102px;
						height: 50px;
						background: transparent url(../assets/images/header/header-btn-nav4.png) no-repeat top left;
						text-indent: -9999px;
						}
					#header_top .main_navigation li a.five {
						width: 102px;
						height: 50px;
						background: transparent url(../assets/images/header/header-btn-nav5.png) no-repeat top left;
						text-indent: -9999px;
						}
					#header_top .main_navigation li a.six {
						width: 106px;
						height: 50px;
						background: transparent url(../assets/images/header/header-btn-nav6.png) no-repeat top left;
						text-indent: -9999px;
						}
					#header_top .main_navigation li a.seven {
						width: 165px;
						height: 50px;
						margin-left: 10px;
						background: transparent url(../assets/images/header/header-btn_dealers.png) no-repeat top left;
						text-indent: -9999px;
						}
					#header_top .main_navigation li a.eight {
						width: 165px;
						height: 50px;
						margin-left: 10px;
						background: transparent url(../assets/images/header/header-btn_store.png) no-repeat top left;
						text-indent: -9999px;
						}
					#header_top .main_navigation li:hover a.one,
					#header_top .main_navigation li:hover a.two,
					#header_top .main_navigation li:hover a.three,
					#header_top .main_navigation li:hover a.four,
					#header_top .main_navigation li:hover a.five,
					#header_top .main_navigation li:hover a.six {
						background-position: -125px 0px;
						}
					#header_top .main_navigation li:hover a.seven,
					#header_top .main_navigation li:hover a.eight {
						background-position: -200px 0px;
						}
					#header_top .main_navigation li:hover > .subnav-container {
						display: block;
						}
						
						
			#header_search {
				position: absolute;
				width: 160px;
				height: 20px;
				right: 25px;
				top: 46px;
				margin: 0px;
				padding: 0px;
				background: transparent url(../assets/images/header/header-search.png) no-repeat;
				}
				#header_search input  {
					display: block;
					/*
					float: left;
					margin: 3px 0px 0px 25px;
					*/
					position: absolute;
					left: 25px;
					top: 4px;
					margin: 0px;
					padding: 0px;
					width: 100px;
					border-style: none;
					background-color: transparent;
					font: normal 10px tahoma, verdana, arial, helvetica;
					color: #4d4d4d;
					}
				#header_search button {
					display: block;
					float: right;
					margin: 0px;
					height: 18px;
					width: 16px;
					background: transparent url(../assets/images/header/header-search_submit.png) no-repeat 0 0;
					border-style: none;
					text-indent: -9999px;
					cursor: pointer;
					}
				#header_search button:hover {
					background-position: -50px 0px;
					}
					
		
		/**********************************************************************************************************
		NEW AND COOL HTML HEADER - SUBNAV
		**********************************************************************************************************/
		#subnav1 {
			top: 15px;
			left: 132px;
		}
		#subnav2 {
			top: 15px;
			left: 233px;
		}
		#subnav3 {
			top: 15px;
			left: 338px;
		}
		#subnav4 {
			top: 15px;
			left: 438px;
		}
		.subnav-container {
			display: none;
			position: absolute;
			width: 255px;
			margin: 0;
			padding: 0;
			z-index: 250;
			pointer-events: none; 
			}
			.subnav-header {
				display: block;
				width: 255px;
				height: 32px;
				margin: 0;
				padding: 0;
				background: transparent url(../assets/images/header/subnav-header.png) no-repeat;
				}
			.subnav-links {
				display: block;
				width: 255px;
				margin: 0;
				padding: 0;
				overflow: hidden;
				}
			.subnav-links ul {
				display: block;
				margin: 0;
				padding: 0;
				}
				.subnav-links ul li{
					display: block;
					width: 255px;
					height: 24px;
					margin: 0;
					padding: 0;
					background: transparent url(../assets/images/header/subnav-item.png) no-repeat;
					text-align: center;
					}
				.subnav-links li:hover{
					background-position: -255px 0px;
					}
				.subnav-links a{
					height: 24px;
					color: #2d2d2d;
					text-decoration: none;
					font: normal 12px DIN-Medium, DIN, DIN-Light, helvetica, arial, verdana, sans-serif;
					padding-top: 5px;
					text-shadow: 1px 1px 1px #fff;
					pointer-events: auto; 
					opacity: .8;
					}
				.subnav-links a:hover{
					color: #fff;
					text-shadow: 1px 1px 1px #000;
					}
			.subnav-footer {
				display: block;
				width: 255px;
				height: 44px;
				margin: 0;
				padding: 0;
				background: transparent url(../assets/images/header/subnav-footer.png) no-repeat;
				pointer-events: none; 
				}
				
				
				
		/**********************************************************************************************************
		LOCATION DROPDOWN
		**********************************************************************************************************/
		
		#header_top .main_navigation li:hover > .location-container {
			display: block;
			}
			
		#subnav8 {
			top: 28px;
			left: 773px;
			}
		.location-container {
			display: none;
			position: absolute;
			width: 205px;
			margin: 0;
			padding: 0;
			z-index: 250;
			/*
			pointer-events: none; 
			*/
			}
			.location-header {
				display: block;
				width: 205px;
				height: 15px;
				margin: 0;
				padding: 0;
				background: transparent url(../assets/images/header/location-header.png) no-repeat;
				}
			.location-links {
				display: block;
				width: 205px;
				height: 336px;
				margin: 0;
				padding: 0;
				background: transparent url(../assets/images/header/location-middle.png) repeat-y;
				overflow: hidden;
				}
			.location-links ul {
				display: block;
				height: 315px;
				margin: 0;
				padding: 0;
				}
				.location-links ul li{
					display: block;
					width: 205px;
					height: 105px;
					margin: 0px;
					padding: 0;
					background: transparent url(../assets/images/header/location-item.png) no-repeat;
					text-align: center;
					}
				.location-links li:hover{
					background-position: -205px 0px;
					}
				.location-links a{
					display: inline-block;
					width: 205px;
					height: 105px;
					color: #525252;
					text-decoration: none;
					text-align: left;
					pointer-events: auto; 
					}
					
					.location-id{
						display: block;
						width: 20px;
						margin: 12px 0px 0px 10px;
						padding: 0px;
						font-size: 12px;
						font-weight: bold;
						color: #fff;
						text-align: center;
						float: left;
						}
					
					.location-links h3{
						display: block;
						margin: 14px 15px 3px 0px;
						padding: 0px;
						width: 155px;
						font-size: 13px;
						font-weight: 600;
						line-height: 14px;
						color: #0f5baa;
						text-align: left;
						float: right;
						}
					.location-links p{
						display: inline-block;
						margin: 0px 15px 0px 0px;
						padding: 0px;
						width: 155px;
						font-size: 10px;
						text-align: left;
						float: right;
						}
				.location-links a:hover{
					}
				.location-view {
					display: block;
					margin: 0px 10px 0px 0px;
					padding: 0px;
					float: right;
					}
					.location-view a{
						display: block;
						margin: 0;
						padding: 0;
						width: 100px;
						height: 21px;
						background: transparent url(../assets/images/header/location-viewall.png) no-repeat top left;
						text-indent: -9999px;
						}
					.location-view a:hover {
						background-position: -100px 0px;
						}
				
			.location-footer {
				display: block;
				width: 205px;
				height: 5px;
				margin: 0;
				padding: 0;
				background: transparent url(../assets/images/header/location-footer.png) no-repeat;
				}
		
				
				
				
				
		/**********************************************************************************************************
		HOMEPAGE FEATURE
		**********************************************************************************************************/
		#wrapper-feature {
			display: block;
			position: relative;
			width: 100%;
			height: 600px;
			margin-top: -75px;
			padding: 0px;
			text-align: center;
			background-color: black;
			text-align: center;
			overflow: hidden;
			border: 0;
			}
			#feature {
				display: block;
				position: relative;
				width: 100%;
				height: 600px;
				top: 0px; left: 0;
				z-index: 100;
				}
				#feature ul{
					width: 100%;
					margin: 0px;
					padding: 0px;
					}
				#feature ul li{
					display: none;
					position: absolute;
					left: 0;
					width: 100%;
					height: 600px;
					text-align: center;
					margin: 0px;
					padding: 0px;
					}
				#feature img{
					position: absolute;
					margin: 0px;
					padding: 0px;
					top: 0px;
					left: 50%;
					margin-left: -960px;
					}
			#carousel {
				display: block;
				position: relative;
				margin: -120px auto 0px auto;
				padding: 0px;
				list-style: none outside;
				text-align: center;
				z-index: 101;
				opacity: 0;
				width: auto;
				pointer-events: none; 
				-webkit-transition: all .5s;
				   -moz-transition: all .5s;
					-ms-transition: all .5s;
					 -o-transition: all .5s;
						transition: all .5s;
				}
				#carousel span {
					display: inline-block;
					padding: 15px;
					background-image: url('../assets/images/black-50opacity.png');
					-moz-border-radius: 15px;
					border-radius: 15px;
					pointer-events: auto; 
				}
				#carousel ul {
					display: block;
					margin: 0px;
					padding: 0px;
					}
					#carousel li {
						display: block;
						margin: 0px 5px 0px 5px;
						padding: 0px;
						float: left;
						opacity: .5;
						-webkit-transition: all .3s;
						   -moz-transition: all .3s;
							-ms-transition: all .3s;
							 -o-transition: all .3s;
								transition: all .3s;
						}
						#carousel li.active {
							opacity: 1;
							}
						#carousel li:hover {
							opacity: 1;
							}
			#wrapper-feature:hover > #carousel {
				opacity: 1;
				}
			#feature-status {
				display: block;
				position: relative;
				margin: -15px auto 0px auto;
				padding: 0px;
				z-index: 102;
				width: 540px;
				height: 3px;
				background-image: url('../assets/images/black-50opacity.png');
				}
				#feature-progress {
					display: block;
					margin: 0px;
					padding: 0px;
					width: 0px;
					height: 3px;
					background-color: white;
					}
			#feature-coverup {
				position: absolute;
				bottom: 0px;
				left: 0;
				margin: 0px;
				padding: 0px;
				width: 100%;
				height: 10px;
				background: transparent url(../assets/images/feature/background-cover.png) no-repeat top;
				z-index: 110;
				}
				
		
		/**********************************************************************************************************
		NON FLASH NAVIGATION AND HEADER CONTENT
			- already fine tuned for all browsers, do not edit based on just one browser.
			- SWFObject replaces #header NOT #header_nonflash. we do this to allow for #header to be 100% wide
			- .inside enables us to use absolute positioning on non-flash elements
			- sub pages non-flash BG image is in the BODY BG img (/assets/images/html_bg_sub_pages.jpg)
			- homepage non-flash BG image is below (/assets/images/home_non_flash_nav.jpg)	
		**********************************************************************************************************/
		#header_nonflash {
			width: 980px;
			position: absolute;
			left: 50%;
			margin-left: -490px;
			/* overflow: hidden; */
			}
			.home #header_nonflash {
				/*height: 615px;
				*/}
			#header_nonflash .inside {position: relative;}
				.home #header_nonflash .inside {background: transparent url(../assets/images/home_non_flash_nav.jpg) no-repeat 0 0;}				
			h2 {margin: 0;}
			h2 a {
				display: block;
				height: 90px;
				width: 260px;
				text-indent: -9999px;
				}
			ul.main_nav {
				position: absolute;
				left: 260px;
				top: 18px;
				list-style: none outside;
				}
				ul.main_nav li {
					display: inline;
					text-transform: uppercase;
					}
					ul.main_nav li a {
						text-decoration: none;
						padding: 5px 15px;
						display: block;
						float: left;
						}
					ul.main_nav li a:hover {background-color: #f0f0f0;}
			#header_nonflash .experience {position: relative; top: -40px;}
			.home #header_nonflash .experience {position: relative; top: 0;}
			#header_nonflash p {
				margin: 0;
				color: #acd2fd;
				position: absolute;
				top: 3px;
				left: 705px;
				font-size: 9px;
				width: 260px;
				text-align: center;
				}
				#header_nonflash .experience p {
					position: relative;
					left: 30px;
					top: 30px;
					width: 450px;
					font-size: 10px;
					color: #000;
					text-align: left;
					margin-bottom: 9px;
					}
				#header_nonflash p span {
					color: #fff;
					padding-right: 2px;
					}
				#header_nonflash p a,
				#header_nonflash p a:link,
				#header_nonflash p a:visited {
					color: #acd2fd;
					padding-left: 2px;
					text-decoration: none;
					}
				#header_nonflash .experience p a,
				#header_nonflash .experience p a:link,
				#header_nonflash .experience p a:visited {
					text-decoration: underline;
					color: #000;
					}
		
				#header_nonflash p a:hover,
				#header_nonflash p a:active,
				#header_nonflash p a:focus {color: #fff;}
				
			#header_nonflash a.find_store {
				position: absolute;
				top: 60px;
				left: 810px;
				width: 160px;
				height: 27px;
				text-indent: -9999px;
				}
/**********************************************************************************************************
HOMEPAGE
	- SEPERATE OUT HOME PAGE SPECIFIC ITEMS
	- the area directly below the flash content is actually sitting on TOP of the flash content above it.
	- 24 bit transparent pngs, template file: production_source/header_featured_bg.psd
	- .featured_pagination_wrap is 1px wider than it needs to be, to accommodate for a line that will
		show up when resizing browser. This method coversthat up (FF mac).
**********************************************************************************************************/
		#header_featured {
			padding-top: 10px;
			height: 230px;
			/*
			background: transparent url(../assets/images/header_featured_bg.png) no-repeat 0 0;
			*/
			position: relative;
			}
			h5.featured_title {
				width: 235px;
				height: 22px;
				background: transparent url(../assets/images/featured_title.png) no-repeat top left;
				position: absolute;
				top: -10px;
				left: 0;
				z-index: 250;
				text-indent: -9999px;
				}
			div.featured_pagination_wrap {
				width: 248px;
				background: transparent url(../assets/images/featured_pagination_wrap_bg.png) no-repeat top right;
				position: absolute;
				top: -10px;
				right: 0;
				z-index: 250;
				}
			ul.featured_pagination {
				margin: 4px 12px 0 0;
				padding: 0;
				list-style: none outside;
				width: 119px;
				background: transparent url(../assets/images/featured_pagination.png) no-repeat 0 0;
				height: 22px;
				float: right;
				}
				ul.featured_pagination li {
					display: block;
					float: left;
					}
				ul.featured_pagination li a {
					display: block;
					height: 22px;
					text-indent: -9999px;
					background: transparent url(../assets/images/featured_pagination.png) no-repeat 0 0;
					}
					ul.featured_pagination li.set_one a {
						width: 42px;
						background-position: 0 0;
						}
						ul.featured_pagination li.set_one a:hover,
						ul.featured_pagination li.set_one a.current {
							background-position: 0 -22px;
							}
					ul.featured_pagination li.set_two a {
						width: 35px;
						background-position: -42px 0;
						}
						ul.featured_pagination li.set_two a:hover,
						ul.featured_pagination li.set_two a.current{
							background-position: -42px -22px;
							}
					ul.featured_pagination li.set_three a {
						width: 42px;
						background-position: -77px 0;
						}
						ul.featured_pagination li.set_three a:hover,
						ul.featured_pagination li.set_three a.current {
							background-position: -77px -22px;
							}
			.scrollable {
				clear: both;
				overflow: hidden;
				position: relative;
				}
				.itemcontainer {
					margin: 0 0 0 31px;
					width: 916px;
					overflow: hidden;
					position: relative;
					}
					
			.items_nav span a {
				display: block;
				width: 9px;
				height: 16px;
				cursor: pointer;
				line-height: 15px;
				position: absolute;
				top: 108px;
				width: 16px;
				text-indent: -9999px;
			}
			.items_nav span.prev a {display: block; left: 18px; background: transparent url(../assets/images/scroll_prev.png) no-repeat 0 0;}
				.items_nav span.prev a.set_one_current {background-position: 0 -16px;}
				
			.items_nav span.next a {display: block; right: 10px; background: transparent url(../assets/images/scroll_next.png) no-repeat 0 0;}
				.items_nav span.next a.set_three_current {background-position: 0 -16px;}
					
			#header_featured ul.featured_items {
				clear: both;
				padding: 0 0 0 0;
				position: relative;
				width: 9999px;
				}
				#header_featured ul.featured_items li {
					border: 1px solid #bababa;
					position: relative;
					float: left;
					margin-left: 11px;
					position: relative;
					width: 290px;
					height: 194px;
					list-style: none outside;
					overflow: hidden;
					-webkit-border-radius: 5px;
					 -khtml-border-radius: 5px;
					   -moz-border-radius: 5px;
									border-radius: 5px;
					}
					ul.featured_items .item-details {
						background: #fff; /* IE7 Fallback */
						background: rgba(255, 255, 255, 0.8);
						max-height: 40px;
						position: absolute;
						bottom: 0; left: 0; right: 0;
						z-index: 10;
						-webkit-transition: max-height 0.35s ease-in-out;
						   -moz-transition: max-height 0.35s ease-in-out;
								 -o-transition: max-height 0.35s ease-in-out;
										transition: max-height 0.35s ease-in-out;
					}

					ul.featured_items .item-details .fb-link,
					ul.featured_items .item-details .twitter-link,
					ul.featured_items .item-details .instagram-link {
						display: block;
						position: absolute;
						top: 8px; right: 10px;
						text-indent: -9999px;
						height: 25px;
						width: 25px;
					}
					ul.featured_items .item-details .fb-link { background: url('../assets/images/icon-fb.png') 0 0 no-repeat; }
					ul.featured_items .item-details .twitter-link { background: url('../assets/images/icon-twitter.png') 0 0 no-repeat; }
					ul.featured_items .item-details .instagram-link { background: url('../assets/images/icon-instagram.png') 0 0 no-repeat; }
					ul.featured_items .item-details dl {
						margin: 10px 0;
						zoom: 1;
					}
					ul.featured_items .item-details dl:before, ul.featured_items .item-details dl:after { content:""; display: block; overflow: hidden; }
					ul.featured_items .item-details dl:after { clear: both; }
					ul.featured_items .item-details dt,
					ul.featured_items .item-details dd {
						float: left;
						padding: 3px 10px 4px;
						opacity: 0;
						filter: alpha(opacity=00);
						-webkit-transition: opacity 0.4s ease-in-out;
						   -moz-transition: opacity 0.4s ease-in-out;
								 -o-transition: opacity 0.4s ease-in-out;
										transition: opacity 0.4s ease-in-out;
					}
					ul.featured_items .item-details dt {
						clear: left;
						color: #0e5cb1;
						border-right: 1px solid #bababa;
						text-align: right;
						width: 60px;
					}
					ul.featured_items .item-details dd {
						color: #010101;
						border-left: 1px solid #fff;
						width: 170px;
					}
					ul.featured_items li:hover .item-details { max-height: 200px; }
					ul.featured_items li .item-details .vehicle,
					ul.featured_items li:hover dt,
					ul.featured_items li:hover dd {
						opacity: 1;
						filter: alpha(opacity=100);
					}

					ul.featured_items li img {
						display: block;
						position: relative;
						max-width: 100%;
						z-index: 5;
						}
					ul.featured_items li div.price {
						width: 85px;
						height: 16px;
						text-align: center;
						padding-top: 12px;
						position: absolute;
						right: 0;
						font: bold 14px helvetica, arial, verdana, sans-serif;
						color: #fff;
						text-shadow: #000000 -1px 0px 3px;
						background: transparent url(../assets/images/featured_price_bg.png) no-repeat 0 0;
						line-height: 14px;
						}
						div.price_sale {
							background-image: url(../assets/images/featured_price_sale_bg.png) ! important ;
							}
				/*************************************************************************************
				PRODUCT_DETAILS HOMEPAGE
					- SYSTEM INFO
					- info slides up and over the product image
					- allow for normal display of lists and other content
					- see global.js
					- the height of these elements has been perfected for ALL browsers. We do not want
						to accidentally display too much content.
				**************************************************************************************/
				.product_details {
					position: absolute;
					width: 290px;
					margin-top: 128px;
					height: 47px;
					overflow: hidden;
					/*
					background: transparent url(../assets/images/product_details_bg.png) repeat-y 0 0;
					*/
					}
					/* click the H3 to expand the System Info, global.js */
					ul.featured_items li h3 {
						height: 17px;
						font: bold 12px helvetica, arial, verdana, sans-serif;
						color: #414141;
						text-transform: uppercase;
						margin: 0;
						padding: 0 0 0 30px;
						background: transparent url(../assets/images/system_info_h3.png) no-repeat right 0;
						line-height: 18px;
						}
						ul.featured_items li h3.open {
							background-position: right -17px;
							}

					#header_featured ul.featured_items .system_info {
						font: normal 10px Tahoma, helvetica, arial, verdana, sans-serif;
						padding: 2px 10px 10px 30px;
						}

					/* possible content that may be added to the product details area */
					#header_featured ul.featured_items .system_info ul {
						margin: 0 0 8px 0;
						padding: 0;
						float: none; 
						display: block;
						}

					#header_featured ul.featured_items .system_info li {
						padding: 0px;
						margin: 0 0 1px 0;
						background-image: none;
						height: auto;
						float: none;
						}
					#header_featured ul.featured_items li .system_info p {
						padding: 0px;
						margin: 0 0 8px 0;
						background-image: none;
						height: auto;
						float: none;
						}
						
						ul.featured_items li .system_info a:link,
						ul.featured_items li .system_info a:visited {
							color: #084c93;
							}
						ul.featured_items li .system_info a:hover,
						ul.featured_items li .system_info a:active,
						ul.featured_items li .system_info a:focus {
							text-decoration: none;
							background: #084c93;
							color: #fff;
							}
					/**********************************************************
					CUSTOMIZE / BUILD IT
					**********************************************************/
					#header_featured ul.featured_items li ul.featured_buttons {
						position: absolute;
						bottom: 1px;
						left: 33px;
						margin: 0;
						padding: 0;
						background-image: none;
						}
					#header_featured ul.featured_items li ul.featured_buttons li.customize {
						width: 100px;
						height: 20px;
						margin: 0;
						padding: 0;
						background-image: none;
						}
						#header_featured ul.featured_items li ul.featured_buttons li.customize a:link,
						#header_featured ul.featured_items li ul.featured_buttons li.customize a:visited {
							width: 100px;
							height: 20px;
							text-indent: -9999px;
							display: block;
							background: transparent url(../assets/images/featured_buttons.png) no-repeat 0 0;
							}
						#header_featured ul.featured_items li ul.featured_buttons li.customize a:hover,
						#header_featured ul.featured_items li ul.featured_buttons li.customize a:active,
						#header_featured ul.featured_items li ul.featured_buttons li.customize a:focus {
							width: 100;
							height: 20px;
							text-indent: -9999px;
							display: block;
							background-position: 0 -20px;
							}
					#header_featured ul.featured_items li ul.featured_buttons li.build {
						width: 124px;
						height: 20px;
						margin: 0;
						padding: 0;
						background-image: none;
						}
						#header_featured ul.featured_items li ul.featured_buttons li.build a:link,
						#header_featured ul.featured_items li ul.featured_buttons li.build a:visited {
							width: 124px;
							height: 20px;
							text-indent: -9999px;
							display: block;
							background: transparent url(../assets/images/featured_buttons.png) no-repeat -100px 0;
							}
						#header_featured ul.featured_items li ul.featured_buttons li.build a:hover,
						#header_featured ul.featured_items li ul.featured_buttons li.build a:active,
						#header_featured ul.featured_items li ul.featured_buttons li.build a:focus {
							width: 124px;
							height: 20px;
							text-indent: -9999px;
							display: block;
							background-position: -100px -20px;
							}
		#bottom_touts {
			height: 283px;
			/*
			background: transparent url(../assets/images/bottom_touts_bg.jpg) no-repeat 0 0;
			*/
			}
			.featured_ride {
				padding: 75px 0 0 46px;
				float: left;
				width: 295px;
				overflow: hidden;
				}
				.featured_ride img {
					float: left;
					margin-right: 19px;
					}
				.featured_ride .ride_info {float: left;width: 138px;}
				 .ride_info h4 {
				 	font: normal 20px Tahoma, helvetica, arial, verdana, sans-serif;
				 	color: #0a519a;
				 	margin: 8px 0 5px 0;
				 	line-height: 21px;
				 	}
				 .ride_info h5 {
				 	font: normal 12px Tahoma, helvetica, arial, verdana, sans-serif;
				 	color: #3f3f3f;
				 	margin: -3px 0 8px 0;
				 	}
				 	.ride_info .views {
				 		font: normal 9px verdana, arial, sans-serif;
				 		color: #475259;
				 		margin: 0;
				 		padding: 0;
				 		}
				 		.ride_info .button {
				 			margin-top: 10px;
				 			}
			#buzz {
				position: relative;
				padding: 0px;
				margin: 60px 0px 0px 20px;
				float: left;
				width: 621px;
				height: 180px;
				overflow: hidden;
				}
				#buzz ul{
					display: block;
					margin: 0px;
					padding: 0px;
					}
				#buzz ul li{
					display: block;
					position: absolute;
					width: 621px;
					margin: 0px;
					padding: 0px;
					}
				.buzz_info {
					display: block;
					float: left;
					margin: 10px 0px 0px 10px;
					padding: 0px;
					width: 285px;
					}
					#buzz .buzz-product {
						display: block;
						position: relative;
						float: right;
						margin: 0px;
						padding: 0px;
						width: 305px;
						height: 190px;
						}
						img.buzz-product {
							width: 305px;
							height: 190px;
							}
					 #buzz h4 {
						display: block;
						font: bold 12px Tahoma, helvetica, arial, verdana, sans-serif;
						color: #333333;
						margin: 0px 0px 10px 0px;
						text-transform: uppercase;
						line-height: 10px;
						}
					 .buzz-avatar {
						 display: block;
						 float: left;
						 width: 50px;
						 margin: 0px 10px 70px 0px;
					 	}
						#buzz p {
							width: 225px;
							float: left;
							margin: 0px;
							padding: 0px;
							font: normal 9px verdana, arial, sans-serif;
							color: #475259;
							}
							#buzz p.buzz-source {
								margin: 5px 0px 0px 0px;
								color: #435597;
								font-weight: bold;
							}
							.buzz-icon {
								vertical-align: middle;
								margin: 0px 5px 0px 0px;
							}
							.buzz-date {
								font-weight: normal;
								color: #999999;
							}
						a.button_join {
							margin-top: 20px;
							float: right;
							width: 159px;
							height: 20px;
							background-image: url(../assets/images/buzz/button_join.png);
							text-indent: -9999px;
							}
						a.button_join:hover, a.button_join:active {background-position: 0 -20px;}
						
							
							
							
							
							
/* STAR RATINGS */
/* defaults to zero stars */
.rating {
	width: 62px;
	height: 11px;
	margin: 0;
	padding: 0;
	list-style: outside none;
	position: relative;
	background: transparent url(../assets/images/ratings.png) no-repeat 0 -55px;
	overflow: hidden;
	}

	/* add these classes to the ul to change to the correct number of stars */
	/* .nostar {background-position: 0 -55px;} */
	.rated_ {background-position: 0 -55px;}
	.rated_1 {background-position: 0 -44px;}
	.rated_2 {background-position: 0 -33px;}
	.rated_3 {background-position: 0 -22px;}
	.rated_4 {background-position: 0 -11px;}
	.rated_5 {background-position: 0 0;}

ul.rating li {
	cursor: pointer;
	float:left;
	text-indent: -9999px;
	margin-right: 2px;
	}
	
ul.rating li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 11px;
	height: 11px;
	text-decoration: none;
	z-index: 200;
	}
	ul.rating li.one a {left: 0;}
	ul.rating li.two a {left: 13px;}
	ul.rating li.three a {left: 26px;}
	ul.rating li.four a {left: 39px;}
	ul.rating li.five a {left: 52px;}
		
		ul.rating li a:hover {
			z-index: 2;
			width: 62px;
			height: 11px;
			overflow: hidden;
			left: 0;	
			background: transparent url(../assets/ratings.png) no-repeat 0 0;
			}
			
	ul.rating li.one a:hover {background-position: 0 -44px;}
	ul.rating li.two a:hover {background-position: 0 -33px;}
	ul.rating li.three a:hover {background-position: 0 -22px}
	ul.rating li.four a:hover {background-position: 0 -11px}
	ul.rating li.five a:hover {background-position: 0 0px}
/* END STAR RATINGS */

/* NEWSLETTER and CONTACT FORM */
.newsletter {
	float: left;
	margin-left: 27px;
	margin-top: 77px;
	color: #4d4d4d;
	position: relative;
	}
	.newsletter input,
	.company .contact input, .catalog input /* contact form */ {
		border-style: none;
		background-color: transparent;
		font: normal 10px tahoma, verdana, arial, helvetica;
		color: #4d4d4d;
		}
		.newsletter input.name {width: 190px;}
		.newsletter input.email {width: 190px;margin-top: 15px;}
		.company input.name,
		.company input.email {width: 255px;margin: 0;}
		.input_bg {
			padding: 7px 0 0 7px;
			height: 25px;
			background: transparent url(../assets/images/input_bg_contact.jpg) no-repeat 0 0;
			}
		.textarea_bg {
			width: 373px;
			height: 145px;
			background: transparent url(../assets/images/textarea_bg_contact.jpg) no-repeat 0 0;
			padding: 10px 0 0 7px;
			margin-top: 9px;
			}
		.company textarea /* contact form */ {
				border-style: none;
				background-color: transparent;
				font: normal 10px tahoma, verdana, arial, helvetica;
				color: #4d4d4d;
				width: 350px;
				height: 120px;
				}
	.newsletter p {
		overflow: auto;
		margin: 0;
		}
	p.choose {
		margin-top: 12px;
		margin-bottom: 8px;
		font-size: 9px;
		}
	p.privacy {
		margin-top: 5px;
		margin-bottom: 8px;
		font-size: 9px;
		}
	.newsletter button {
		margin-left: 183px;
                margin-top: -25px;
		}
	fieldset#group {
		padding: 0;
		margin: 0;
		}
	/************************************************
	FAKE CHECKBOXES, homepage
		- see global.js
	*************************************************/
	.fakecheck {
		text-decoration: none;
		outline: none;
		background: url(../assets/images/input_checkbox.png) no-repeat;
		width: auto;
		height: 20px;
		display: block;
		float: left;
		padding: 5px 9px 0 30px;
		color: #4d4d4d ! important;
	}
	#fake_all {clear: left;}
	/* fake checkbox : hover state */
	.fakecheck:hover {
		color:#4d4d4d;
		text-decoration: none;
	}
	/* fake checkbox : checked state */
	.fakechecked {
		background-position: 0 -25px;
	}
	.fakedisabled {
		background-position: 0 -50px;
		cursor: auto;
	}
/* FORM */
legend {display: none;}
/**********************************************************************************************************
BREADCRUMBS
	- used on all subpages
	- slightly sensitive to the width of the content within, but
		scales wonderfully. Even down to navigation items w/ only 3 chars
**********************************************************************************************************/
ul.breadcrumbs {
	clear: both;
	overflow: auto;
	font: normal 11px Tahoma, helvetica, arial, verdana, sans-serif;
	color: #494949;
	list-style: none outside;
	padding: 0;
	margin: 12px 0 16px 28px;
	}
	ul.breadcrumbs li {
		float: left;
		display: block;
		background: transparent url(../assets/images/crumb_li_bg.png) no-repeat top right;
		}
		ul.breadcrumbs li.current {background-position: right -21px;}
		ul.breadcrumbs li.home {background-image: none;}
	ul.breadcrumbs li a,
	ul.breadcrumbs li a:link,
	ul.breadcrumbs li a:visited {
		position: relative;
		display: block;
		float: left;
		height: 18px;
		color: #494949;
		text-decoration: none;
		padding-top: 3px;
		padding-left: 15px;
		padding-right: 24px;
		background: transparent url(../assets/images/crumb_arrow.png) no-repeat top right;
		}
	ul.breadcrumbs li a:hover,
	ul.breadcrumbs li a:active,
	ul.breadcrumbs li a:focus {
		color: #276cb2;
		}
		/* fancy CURRENT links */
		ul.breadcrumbs li.current a,
		ul.breadcrumbs li.current a:link,
		ul.breadcrumbs li.current a:visited,
		ul.breadcrumbs li.current a:hover,
		ul.breadcrumbs li.current a:active,
		ul.breadcrumbs li.current a:focus {
			color: #fff;
			text-decoration: none;
			display: block;
			background-position: right -21px;
			}
		/* These links PRECEDE those w/ a class of CURRENT. SEE global.js, where we apply the class */
		ul.breadcrumbs li.current_pre a,
		ul.breadcrumbs li.current_pre a:link,
		ul.breadcrumbs li.current_pre a:visited,
		ul.breadcrumbs li.current_pre a:hover,
		ul.breadcrumbs li.current_pre a:active,
		ul.breadcrumbs li.current_pre a:focus {
			background-position: right -42px;
			}
	/* SPECIFIC LINKS */
	ul.breadcrumbs li.home a,
	ul.breadcrumbs li.home a:link,
	ul.breadcrumbs li.home a:visited,
	ul.breadcrumbs li.home a:hover,
	ul.breadcrumbs li.home a:active,
	ul.breadcrumbs li.home a:focus {
		padding-left: 37px;
		padding-right: 20px;
		/* background-image: none; */
		}
/**********************************************************************************************************
INTROS
	- product and or page titles
	- contains the intro areas for most sub pages
	- Helvetica is a nice alternative to DIN, but try DIN first
	- parent container of all sub navigation
**********************************************************************************************************/
.intro {
	clear: both;
	background: transparent url(../assets/images/intro_bg_txt.png) no-repeat top right;
	margin-right: 31px;
	height: 54px;
	overflow: hidden;
	}
	.product .intro {
		background: transparent url(../assets/images/intro_bg_product.png) no-repeat top right;
		margin-right: 25px;
		}
	.products_page .intro,
	.stores .intro,
	.search .intro,
	.error_404 {background-image: none;}
	p.error {background-color: #ff0000; color: #fff; padding: 4px;}
.intro h2 {
	float: left;
	margin-left: 28px;
	color: #535353;
	font: normal 28px DIN-Medium, DIN, DIN-Light, helvetica, arial, verdana, sans-serif;
	padding-top: 7px;
	}
	.intro h2 span {
		display: block;
		font: normal 11px Tahoma, helvetica, arial, verdana, sans-serif;
		position: relative;
		top: -1px;
		}

	.builder .intro {
		background-image: none;
		background: transparent url(../assets/images/builder_steps.png) no-repeat 0 0;
		padding: 0;
		width: 895px;
		height: 48px;
		margin-left: 42px;
		}
		/* adjust background position based on the current step */
			.builder .intro_step2 {background-position: 0 -48px;}
			.builder .intro_step3 {background-position: 0 -96px;}
			.builder .intro_step4 {background-position: 0 -144px;}
			.builder .intro_step5 {background-position: 0 -192px;}

		.builder .intro ul {margin: 0;padding: 0;}
		.builder .intro li {
			display: block;
			float: left;
			width: 179px;
			height: 48px;
			}
			.builder .intro li a {display: block; text-indent: -9999px;height: 48px;}
/*****************************************************
SUB_NAV
	- non product sub navigation
*****************************************************/
	ul.sub_nav {
		float: right;
		list-style: none outside;
		text-align: right;
		margin: 20px 20px 0 0;
		padding: 0;
		font: normal 11px Tahoma, helvetica, arial, verdana, sans-serif;
		}
		ul.sub_nav li {
			display: inline;
			padding: 0 9px 0 10px;
			background: transparent url(../assets/images/sub_nav_garnish.png) no-repeat center left;
			}
			ul.sub_nav li a,
			ul.sub_nav li a:link,
			ul.sub_nav li a:visited {
				color: #373737;
				text-decoration: none;
				padding: 0 4px;
				}
				ul.sub_nav li a:hover,
				ul.sub_nav li a:active,
				ul.sub_nav li a:focus,
				ul.sub_nav li.current a,
				ul.sub_nav li.current a:link,
				ul.sub_nav li.current a:visited,
				ul.sub_nav li.current a:hover,
				ul.sub_nav li.current a:active,
				ul.sub_nav li.current a:focus {color: #fff;background-color: #f39a00;}
/************************************************************************************************
PRODUCT_NAV
	- big pretty buttons
	- see global.js for CSS3
	- we write .first_child and .last_child for IE via global.js
	- the trans 24 pngs look fine in IE 6, so no need to overwrite
	- keep our method of last_child as seperate declarations. We can NOT seperate the
		declarations by commas
************************************************************************************************/
	ul.product_nav {
		float: right;
		list-style: none outside;
		text-align: right;
		margin: 10px 17px 0 0;
		padding: 0;
		font: bold 11px helvetica, arial, tahoma, verdana, sans-serif;
		}
		ul.product_nav li {
			display: block;
			float: left;
			padding: 0;
			margin: 0;
			}
			ul.product_nav li:first-child,
			ul.product_nav li.first_child {
				padding-left: 4px;
				background: transparent url(../assets/images/sub_nav_bg_left.png) no-repeat 0 0;
				}
			ul.product_nav li:first-child:hover,
			ul.product_nav li.first_child:hover,
			ul.product_nav li.current:first-child,
			ul.product_nav li.current {
				background-position: bottom left;
				}
			ul.product_nav li a,
			ul.product_nav li a:link,
			ul.product_nav li a:visited {
				background: transparent url(../assets/images/sub_nav_bg.png) no-repeat top right;
				display: block;
				float: left;
				padding: 10px 30px 0 30px;
				height: 24px;
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				text-shadow: #000000 -1px 0px 3px;
				}
			ul.product_nav li:last-child a {background: transparent url(../assets/images/sub_nav_bg_right.png) no-repeat top right;}
			ul.product_nav li.last_child a {background: transparent url(../assets/images/sub_nav_bg_right.png) no-repeat top right;}
				ul.product_nav li a:hover,
				ul.product_nav li a:active,
				ul.product_nav li a:focus,
				ul.product_nav li.current a {
					color: #fff;
					background-position: bottom right;
					}
/*******************************************************************************
PRODUCT page
	- Has an expandable height, BUT the background gradient gets a bit weird
		when the height is way short.
	- .product_hero_right the width "can" be 346px, but we keep it @ 300
	- icons that are added by hand within the description
	- we get VERY specific with product_content margins.
	- the width of the brief_specs varies so much.
	- duplicate product H1 as old class names in case Alpine's old
		template files fail to be updated w/ the proper H1's
*******************************************************************************/
/*/.product_hero * {border: 1px dotted #ff0000;} /**/
sup {
	font-weight: normal;
	font-size: 10px;
	}
.product_hero_top {
	margin-left: 10px;
	height: 36px;
	background: transparent url(../assets/images/product_hero_top.png) no-repeat 0 0;
	}
.product_hero {
	clear: both;
	overflow: hidden;
	background: transparent url(../assets/images/product_hero_bg.png) no-repeat bottom left;
	margin-left: 10px;
	padding: 0 0 18px 39px;
	}
	.product_hero h1,
	.product_hero span.feat_title-blue {
		color: #0f5baa;
		font: bold 26px helvetica, arial, verdana, sans-serif;
		line-height: 27px;
		}
		.product_hero span.feat_title-blue {
			display: block;
			margin-bottom: 16px;
			}
	.product_hero_left {
		float: left;
		width: 505px;
		}
		/* see exploder.css, cea_logo.tpl.psd */
		.product_hero_left p.power_rating
		/* .product_hero_left p.brief_specs */ {
			padding: 39px 0 9px 88px;
			background: transparent url(../assets/images/products/icons/cea_logo.png) no-repeat 0 0;
			font-size: 10px;
			min-height: 51px;
			max-width: 150px;
			float: left;
			margin: 0 36px 0 0;
			clear: left;
			overflow: auto;
			color: #000;
			}
		.product_hero_left p.spkrpower_rating
		/* .product_hero_left p.brief_specs */ {
			padding: 39px 0 9px 88px;
			background: transparent url(../assets/images/products/icons/spkr-cea_logo.png) no-repeat 0 0;
			font-size: 10px;
			min-height: 51px;
			max-width: 150px;
			float: left;
			margin: 0 36px 0 0;
			clear: left;
			overflow: auto;
			color: #000;
			}
			.product_hero_left p.power_rating a {
				color: #000;
				text-decoration: none;
				}
			.product_hero_left p.power_rating a:hover {
				color: #000;
				text-decoration: none;
				}
	.product_features {font-weight: bold}
	.product_features ul {font-weight: normal}
	/*************************************************************************************************
	VIEWER (Product gallery, if used)
		- do we need to make this work outside of .product_hero as well?
		- keep it simple. Dont stress over IE 6 - those users will NOT miss a thing :)
		- if we have time, lets add <img src="assets/images/viewer_overlay.png" /> to each LI
			for the rounded corner effect (viewer_overlay.psd).
		- this can really only contain 3 thumbnails when it sits next to the power_rating. If there's TOO much
			content it will be pushed down to the next line, which is actually pretty darn perfect!
			If this is an issue, I suggest swapping the .power_rating and the .viewer. mo' pretty but STILL needs 
			some work in the IE's.
		- product_viewer.tpl.psd
		- viewer_arrow.psd
		- we declare a width of 222px for IE6 in exploder.css
		- we STILL use padding-bottom instead of margin-bottom on some of these floated elements.
			Like we're living in the stone ages or something. IEEEEEEEEEEEEEE
	*************************************************************************************************/
	.product_hero ul.viewer {
		margin: 0;
		padding: 9px 0 9px 0;
		list-style: none outside;
		float: left;
		}
		.product_hero ul.viewer li {
			display: block;
			float: left;
			margin: 0 10px 0 0;
			padding: 0;
			padding-top: 29px;
			}
			.product_hero ul.viewer li img {
				cursor: pointer;
				}
		.product_hero ul.viewer li {
			display: block;
			float: left;
			width: 64px;
			height: 46px;
			}
		.product_hero ul.viewer li.current,
		.product_hero ul.viewer li:hover {
			background: transparent url(../assets/images/viewer_arrow.png) no-repeat 0 0;
			}
		.product_hero ul.viewer li img {
			opacity: .5;
			filter: alpha(opacity=50);
			}
			.product_hero ul.viewer li.current img,
			.product_hero ul.viewer li:hover img {
				opacity: .9;
				filter: alpha(opacity=100);
				}
	/*************************************************************************************************/					
	.product_hero_right {
		margin: 20px 0 0 25px;
		width: 350px;
		float: left;
		font: normal 14px arial, helvetica, verdana, sans-serif;
		color: #373737;
		line-height: 19px;
		}
		.product_hero_right p {
			margin-bottom: 12px;
			}
		.product_hero_right p.price {line-height: 14px;}
		.product_hero_right img {
			margin-right: 14px;
			}
		.product_hero_right small {
			color: #ff6c00;
			font-size: 11px;
			}
.product_content {
	clear: both;
	font-size: 11px;
	overflow: auto;
	margin: 36px 0 45px 38px;
	font: normal 11px arial, verdana, helvetica, sans-serif;
	}
	.product_content_overview {margin-top: 18px;}
	/*************************************************************************************************
	Overwrite product hero area for use on the SNAPSHOT pages
	*************************************************************************************************/
	/*/ .product_snapshot * {border: 1px solid #ff0000;} /**/
	.product_snapshot .product_hero {
		background-image: none;
		padding: 0;
		margin-top: 4px;
		margin-left: 16px;
		}
		.product_snapshot .product_hero_left {
			width: 200px;
			text-align: center;
			}
		.product_snapshot .product_hero_left img {margin: 0 auto;}
		.product_snapshot .product_hero_right {
			margin: 5px 0 0 10px;
			font-size: 11px;
			line-height: 12px;
			width: 230px;
			}
		.product_snapshot .product_hero h1 {
			font-size: 18px;
			line-height: 16px;
			margin-bottom: 4px;
			}
		.product_snapshot .product_hero h1,
		.product_snapshot .product_hero span.feat_title-blue {
			font-size: 18px;
			line-height: 16px;
			margin-bottom: 4px;
			}
	/*************************************************************************************************
	POSSIBLE (and definitive) PRODUCT CONTENT
		- visited links are same color, as they're not terribly useful when there's
			minimal links within the content (unless we make them drastically different, visually)
	*************************************************************************************************/
	.product_content h2,
	span.feat_heading-blue {
		display: block;
		font: normal 18px helvetica, arial, verdana, sans-serif;
		margin: 0 0 9px 0;
		clear: both;
		}
	.product_content p {
		margin-bottom: 24px;
		line-height: 18px;
		}
	.product_content em {font-style: italic;}
	.product_content .highlight {color: #0f5baa;}
	.product_content strong {font-weight: bold; color: inherit;}
	
	.product_content a,
	.product_content a:link,
	.product_content a:visited {
		color: #0f5baa;
		text-decoration: underline;
		}
	.product_content a:hover,
	.product_content a:active,
	.product_content a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #084C93;
		}
	.product_content img.left {
		text-align: left;
		margin: 0 9px 0 0;
		display: inline;
		}
	.product_content img.right {
		text-align: right;
		margin: 8px 0 0 12px;
		display: inline;
		}
	.product_content ul {
		list-style: none outside;
		margin: 0 0 24px 0;
		padding: 0 0 0 9px;
		}
		.product_content li {
			background: transparent url(../assets/images/sub_nav_garnish.png) no-repeat 0 8px;
			padding-left: 16px;
			line-height: 18px;
			}
	/**********************************************************
	Fine tune some things, if our browser can handle it.
		-let's make sure these settings are OK in every scenario
	**********************************************************/
	.product_content p + ul {margin-top: -6px;}
	/* if an .icon section immediately follows an H2, we add padding to the top so that the space between the h2 and .icon add up to 24px */
	.product_content h2 + .icon {padding-top: 15px;}
	/* when H2's follow UL's, we need some more space for optical illusion purposes */
	.product_content ul + h2 {padding-top: 12px;}
	.product_content .icon + h2 {padding-top: 12px;}

	/**********************************************************
	ICONS within product content
		- use icons.tpl.psd to create icons
		- also see Fine tuning, above
		- we NEED float: left on .icon for IE 6
		- icon.tpl.psd
		- icon_huge.tpl.psd
	**********************************************************/
	.product_content .icon {float: left;}
		.product_content .icon h2 {
			font: bold 12px arial, helvetica, verdana, sans-serif;
			margin: 0 0 9px 0;
			color: #0f5baa;
			clear: none;
			}
			.product_content .icon h2 a {
				text-indent: 0;
				display: inline;
				height: auto;
				}
		.product_content .icon img {
			text-align: left;
			margin: 0 7px 0 0;
			display: block;
			float: left;
			width: 163px;
			}
		.product_content .icon * {
			float: right;
			width: 255px;
			}
			.product_content .icon * {
			float: right;
			width: 255px;
			}
			.product_content .icon * * {
				width: auto;
				float: none;
				}
			.product_content .icon ul {
				width: 255px;
				float: right;
				padding: 0;
				overflow: auto;
				}
			.product_content .icon li {
				display: block;
				float: left;
				width: 95px;
				background-position: left 6px;
				}
	/************************/
	.product_content_left {
		float: left;
		width: 425px;
		padding-right: 25px;
		border-right: 1px solid #f0f0f0;
		}
	.product_content_right {
		float: left;
		width: 425px;
		padding-left: 25px;
		}
   /* Without Class=icon */
   .product_content .noicon {float: left;}
   .product_content .noicon + h2 {padding-top: 12px;}
   .product_content h2 + .noicon {padding-top: 15px;}
   .product_content .noicon h2 {
			font: bold 12px arial, helvetica, verdana, sans-serif;
			margin: 0 0 9px 0;
			color: #0f5baa;
			clear: none;
			}
/*********************************************************************************************************
PRODUCTS page
	- /products/ - big list of Alpine products
	- we use "products_page" to avoid confusion w/ the "product" classes used elsewhere on the site
	- product_group_wrap - used to group items in threes
*********************************************************************************************************/
.products_page_content {
	margin-left: 45px;
	width: 906px;
	}
	.products_page_content .product_group_wrap {clear: both;}
	.products_page_content .product_group {
		background: transparent url(../assets/images/product_group_bg.jpg) no-repeat bottom left;
		position: relative;
		width: 296px;
		padding-bottom: 18px;
		margin-bottom: 12px;
		/*min-height maaaaay need some adjustments (FF has a hard time clearing .product_group if .product_group's above are taller than 290px.)*/
		min-height: 290px;
		font-size: 11px;
		overflow: auto;
		float: left;
		}
		.products_page_content .product_group h2 {
			font: normal 18px helvetica, arial, verdana, sans-serif;
			color: #535353;
			margin-bottom: 18px;
			margin-left: 5px;
			line-height: 18px;
			position: absolute;
			}
			/* possible sub categories */
			.products_page_content .product_group h3 {
				clear: both;
				margin: 0 0 4px 10px;
				font: normal 12px helvetica, arial, verdana, sans-serif;
				}
		/* category images */
		.products_page_content img {
			margin-top: 34px;
			margin-bottom: 4px;
			margin-left: 0;
			width: auto;
			}
		.products_page_content a.button {
			width: 70px;
			padding-left: 9px;
			position: absolute;
			top: 120px;
			left: 175px;
			}
			/*accessories view_all button*/
			.products_page_content .accessories a.button {top: 18px;left: 130px;}
		.products_page_content ul {
			overflow: auto;
			list-style: none outside;
			margin: 0 0 0 10px;
			padding: 0 0 18px 0;
			}
			.products_page_content ul li {
				display: block;
				float: left;
				width: 45%;
				padding-left: 10px;
				background: transparent url(../assets/images/sub_nav_garnish.png) no-repeat 0 5px;
				}
.products_page_content ul a {
	text-decoration: none;
	}
	.products_page_content ul a:hover {
		color: #ff7200;
		text-decoration: underline;
		}
	.products_page_content span {
		color: #ff7200;
		font-weight: bold;
		}
	/***********************************************************************
	overwrite some things for the fancy footer items on the products_page
	************************************************************************/
	.products_page_content .group_summary {
		width: 870px;
		background-image: none;
		background-color: #f2f2f2;
		padding: 17px 30px;
		margin-left: -25px;
		min-height: 0;
		}
	.products_page_content .group_summary h2 {
		color: #336699;
		position: relative;
		}
		.products_page_content .group_summary img {
			float: left;
			margin-left: 30px;
			}
		.products_page_content .group_summary ul {
			float: left;
			overflow: auto;
			list-style: none outside;
			margin: 0 0 0 20px;
			padding: 0 0 0 0;
			width: 450px;
			}
		.products_page_content .group_summary ul li {
			display: block;
			float: left;
			width: 100px;
			padding-left: 10px;
			background: transparent url(../assets/images/sub_nav_garnish.png) no-repeat 0 5px;
			}
	
		.group_summary a,
		.group_summary a:link,
		.group_summary a:visited {color: #494949;}

.products_page_content .accessories {
	clear: left;
	padding: 20px;
	background-color: #f2f2f2;
	overflow: auto;
	margin-left: -15px;
	position: relative;
	}
	.accessories a {
		font-size: 11px;
		}
	.accessories h2 {
		font: normal 18px helvetica, arial, verdana, sans-serif;
		color: #0B67C4;
		margin-bottom: 18px;
		margin-left: 5px;
		line-height: 18px;
		}
	.accessories ul {
		float: left;
		width: 475px;
		}
	.accessories ul li {
		float: left;
		width: 100px;
		}
	img#features {
		margin: 0px;
		}
.products_category_content {
	margin-left: 45px;
	width: 906px;
	}
	.products_category_content .group {
		overflow: auto;
		margin-bottom: 18px;
		}
		.products_category_content .group h2 {
			font: normal 18px helvetica, arial, verdana, sans-serif;
			color: #535353;
			margin: 18px 0 14px 5px;
			line-height: 18px;
			}
		.products_category_content .group .product {
			position: relative;
			float: left;
			width: 190px;
			padding: 10px 15px 10px 0;
			margin-right: 6px;
			height: 255px;
			font-size: 11px;
			line-height: 15px;
			background: transparent url(../assets/images/product_group_category_bg.jpg) no-repeat bottom right;
			}
			.products_category_content .group .product h3 {
				font-weight: bold;
				font-size: 12px;
				margin: 5px 8px 5px 15px;
				}
			.products_category_content .group .product p {
				font-weight: normal;
				font-size: 11px;
				margin: 5px 8px 5px 15px;
				}
			.products_category_content .group .product a,
			.products_category_content .group .product a:link,
			.products_category_content .group .product a:visited {color: #084c93;}
			.products_category_content .group .product a:hover,
			.products_category_content .group .product a:active,
			.products_category_content .group .product a:focus {color: #ff7200;}
			.products_category_content .group .product span {
				color: #ff7200;
				font-weight: bold;
				}
/* COMPARE */
p.compare_box {
	margin-left: 0;
	position: absolute;
	bottom: 11px;
	opacity: .5;
	}
	.compare_box:hover {opacity: .9;}
.compare_box {filter: alpha(opacity=50);}
	.compare_box:hover {filter: alpha(opacity=100);}

	input.compare_check {margin-left: 0 ! important;}
	.products_category_content .group .product a.compare,
	.products_category_content .group .product a.compare:link,
	.products_category_content .group .product a.compare:visited {
		color: #2a2a2a;
		text-decoration: none;
		}
	.products_category_content .group .product a.compare:hover,
	.products_category_content .group .product a.compare:active,
	.products_category_content .group .product a.compare:focus {
		color: #2a2a2a;
		text-decoration: underline;
		}
/*********************************************************************
SYTEM CONFIGURATOR
	- see .intro blocks for the steps listed across the top
*********************************************************************/
.builder_step1,
.builder_step2 {
	text-align: center;
	margin-bottom: 65px;
	overflow: auto;
	min-height: 400px;
	}
	.builder_step1 p,
	.builder_step2 p {margin-bottom: 0;}
	.builder_step1 img.header_img,
	.builder_step3 img.header_img,
	.builder_step2 img.header_img {
		margin: 49px auto 30px auto;
		display: block;
		}
		.builder_step2 img.header_img {margin-bottom: 50px;}
		.builder_step1 p.wants_desires,
		.builder_step2 p.wants_desires {
			margin: 0 auto;
			width: 688px;
			position: relative;
			left: -1px;
			}
			/* this width may change based on items selected. If not, let's roll into just the .wants_desires class */
			.builder_step2 p.wants_ipod {
				width: 457px;
				}
		/* "sub" images */
		.builder_step1 p.wants_desires img,
		.builder_step2 p.wants_desires img {
			display: block;
			float: left;
			}
.builder_step3 {
	margin-top: 23px;
	padding-left: 30px;
	padding-bottom: 24px;
	overflow: auto;
	}
	/********************************************************************
	Systems within the builder
		- how can we center these systems, when there's < 3?
	********************************************************************/
	.system {
		float: left;
		width: 300px;
		background: transparent url(../assets/images/builder_system_bg.png) no-repeat 0 0;
		text-align: center;
		padding-top: 6px;
		margin-right: 6px;
		position: relative;
		}
		.solo_system {margin-left: 300px;}
		.system img {margin: 0 auto;}
			.system div.price {
				width: 76px;
				height: 16px;
				padding-top: 8px;
				padding-right: 16px;
				text-align: right;
				position: absolute;
				right: 11px;
				top: 8px;
				font: bold 14px helvetica, arial, verdana, sans-serif;
				color: #fff;
				text-shadow: #000000 -1px 0px 3px;
				background: transparent url(../assets/images/builder_system_price_bg.png) no-repeat 0 0;
				line-height: 14px;
				}
				.components .system div.price {top: 30px;}
				.system div.price_sale {background-image: url(../assets/images/builder_system_price_bg.png) ! important ;}
					/* template file: buider_select_customizer.psd*/
					.system a.select_system {
						display: block;
						margin: 0 auto;
						text-indent: -9999px;
						width: 278px;
						height: 32px;
						background: transparent url(../assets/images/builder_select_customize_buttons.png) no-repeat 0 0;
						}
						.system a.select_system:hover {background-position: 0 -60px;}
					.system a.customize_system {
						display: block;
						margin: 0 auto;
						text-indent: -9999px;
						width: 278px;
						height: 27px;
						background: transparent url(../assets/images/builder_select_customize_buttons.png) no-repeat 0 -32px;
						}
						.system a.customize_system:hover {background-position: 0 -92px;}
				.system div.group {
					background: #fff url(../assets/images/builder_group_bg.png) no-repeat 0 0;
					width: 278px;
					margin: 0 auto;
					}
		.system h2 {
			font: bold 12px tahoma, arial, helvetica, verdana, sans-serif;
			color: #105caa;
			margin-bottom: 4px;
			color: #555;
			padding: 6px 0 16px 0;
			text-transform: uppercase;
			}
		.price_final h2 {
			font: normal 18px helvetica, arial, verdana, sans-serif;
			color: #535353;
			margin-bottom: 4px;
			line-height: 18px;
			}
			.price_final h2 {padding-bottom: 4px;}
				/* click the H3 to expand the System Info, global.js */
				.system h3 {
					height: 17px;
					font: bold 12px helvetica, arial, verdana, sans-serif;
					color: #414141;
					text-transform: uppercase;
					margin: 0;
					padding: 0 0 0 30px;
					background: transparent url(../assets/images/builder_product_info_h3.png) no-repeat right 0;
					line-height: 18px;
					text-indent: -9999px;
					}
					.system h3.flipped {background: transparent url(../assets/images/builder_product_info_h3_flipped.png) no-repeat right 0;}
					.system h3.open {
						background-position: right -17px;
						}
					.system ul.product_info {
						display: none;
						}
				.system ul {
					width: 266px;
					margin: 0 auto;
					padding: 0;
					}
					.system ul li {
						list-style-type: none;
						border-top: 1px solid #fefefe;
						background-color: #f6f6f6;
						color: #4a4a4a;
						padding: 3px 0;
						}
						.system ul li.odd {background-color: #ebebeb;}
.builder_step4 {
	margin-top: 23px;
	padding-left: 30px;
	overflow: auto;
	padding-bottom: 24px;
	}
	.builder_step4 .filters {
		float: left;
		background: transparent url(../assets/images/builder_criteria_bg.png) no-repeat;
		padding: 20px;
		width: 210px;
		margin-right: 6px;
		}
		.filters .fakecheck {float: none;}
		.filters h2 {
			font-size: 8pt;
			font-weight: bold;
			}
	.builder_step4 .results {
		float: left;
		background: transparent url(../assets/images/builder_criteria_bg.png) no-repeat -255px 0;
		padding: 10px;
		width: 660px;
		min-height: 400px;
		overflow: auto;
		}
		.results .buttons {
			margin: 20px 15px 0 0;
			overflow: auto;
			float: right;
			}
			.results .buttons_top {margin: 0 18px 9px 0;}
			.buttons #cancel {
				background: transparent url(../assets/images/cancel.png);
				width: 128px;
				height: 29px;
				display: block;
				float: left;
				margin-right: 5px;
				text-indent: -9999px;
				}
				#cancel:hover {background-position: 0 -29px;}
			.buttons .accept {
				background: transparent url(../assets/images/accept.png) 0 -29px;
				width: 168px;
				height: 29px;
				display: block;
				float: left;
				text-indent: -9999px;
				}
				.buttons .accept:hover {background-position: 0 0}

		#results {clear: both; overflow: auto;}			
		#results a {
			display: block;
			float: left;
			background: transparent url(../assets/images/builder_criteria_result.png) no-repeat;
			width: 210px;
			height: 164px;
			margin-right: 4px;
			padding: 1px;
			text-decoration: none;
			}
			#results div.price {
				width: 76px;
				height: 16px;
				padding-top: 8px;
				padding-right: 16px;
				margin-top: -155px;
				margin-left: 118px;
				text-align: right;
				position: relative;				
				font: bold 14px helvetica, arial, verdana, sans-serif;
				color: #fff;
				text-shadow: #000000 -1px 0px 3px;
				background: transparent url(../assets/images/builder_system_price_bg.png) no-repeat 0 0;
				line-height: 14px;
				}
			#results a span.model {
				display: block;
				font-weight: bold;
				text-align: center;
				color: #444;
				}
			#results a.selected, #results a:hover {background-position: 0 -164px;}
			
	.builder_system .header {
		margin: 5px;
		overflow: auto;
		}
		.builder_system .header h2 {
			float: left;
			margin-left: 28px;
			color: #535353;
			font: normal 28px DIN-Medium, DIN, DIN-Light, helvetica, arial, verdana, sans-serif;
			padding-top: 7px;
			}
			.builder_system .header h2 span.subtitle {
				font-size: 12px;
				margin-top: 4px;
				display: block;
				}
		.builder_system .add_component {
			background: transparent url(../assets/images/add_component.png);
			width: 168px;
			height: 29px;
			display: block;
			}
			.builder_system .add_component:hover {background-position: 0 -29px}
		.builder_system .header .choose {
			/* width: 197px; */
			text-align: left;
			float: right; 
			margin: 10px 15px 0 0;
			font-size: 11px;
			color: #444;
			}
			.choose_type {
				margin-top: -8px; 
				position: absolute; 
				display: none;
				width: 197px;
				z-index: 1;
				margin-left: -15px;
				}
				.choose_type span {
					color: #105caa;
					margin-left: 12px;
					}
				.choose_type a {
					display: block;
					color: #555;
					text-decoration: none;
					}
					.choose_type a:hover {color: #fff}
				.choose_type .choose_top {
					background: transparent url(../assets/images/builder_step4_choose_top.png) no-repeat;
					height: 22px;
					padding-top: 16px;
					}
					.choose_type .choose_top:hover {background-position: 0 -38px}
				.choose_type .choose_middle {
					background: transparent url(../assets/images/builder_step4_choose_middle.png) no-repeat;
					height: 21px;
					padding-top: 5px;
					}
					.choose_type .choose_middle:hover {background-position: 0 -26px}
				.choose_type .choose_bottom {
					background: transparent url(../assets/images/builder_step4_choose_bottom.png) no-repeat;
					height: 37px;
					padding-top: 5px;
					}
					.choose_type .choose_bottom:hover {background-position: 0 -42px}
.clearing_group {
	overflow: auto;
	}
	.builder_system {
		background: transparent url(../assets/images/builder_step4_bg.png) no-repeat;
		min-height: 400px;
		padding: 15px;
		}
		.builder_step4 .builder_system {min-height: auto;}
		.builder_system .components {
			margin-top: 15px;
			overflow: auto;
			}
			.system_compare .components {overflow: hidden;}
			.system_compare table {
				width: 97%;
				margin-top: 18px;
				}
				.system_compare table td {
					padding: 3px 9px;
					border-bottom: 1px solid #eee;
					}
			.builder_system .components .system {margin-right: -3px;}
		.builder_system .component {
			background: transparent url(../assets/images/builder_step4_component.png) no-repeat 0 23px;
			float: left;
			width: 216px;
			height: 284px;
			margin: 3px;
			}
			.builder_system .component_solo {margin-left: 320px;}
			.builder_system .component h2 {
				text-align: center;
				font-size: 12px;
				color: #555;
				text-transform: uppercase;
				}
			.builder_system .component h4 {
				color: #105caa;
				text-align: center;
				font-size: 12px;
				margin: 0 0 8px 0;
				}
			span.pic {
				display: block;
				height: 142px;
				text-align: center;
				}			
				span.pic img {margin: 0 auto;}
			.builder_system .components .buttons {margin-top: 9px;}
				.buttons .change {
					background: transparent url(../assets/images/change.png);
					width: 178px;
					height: 29px;
					display: block;
					margin: auto;
					margin-bottom: 1px;
					text-indent: -9999px;
					}
					.buttons .change:hover {background-position: 0 -29px;}
				.buttons .remove {
					background: transparent url(../assets/images/remove.png);
					width: 178px;
					height: 28px;
					display: block;
					margin: auto;
					text-indent: -9999px;
					}
					.buttons .remove:hover {background-position: 0 -29px;}
		#finalize {
			background: transparent url(../assets/images/finalize.png) 0 -29px;
			width: 168px;
			height: 29px;
			/* margin: 20px 0 0 715px; */
			display: block;
			margin: 10px 30px 0 0;
			float: right;
			text-indent: -9999px;
			}
			#finalize:hover {background-position: 0 0}
/*****************************************************
Stores listed in configurator
*****************************************************/
.price_final {
	display: block;
	margin: 0;
	padding-top: 18px;
	clear: both;
	}
	.price_final p {margin: 0 0 9px 0;}
	.price_final .price {
		width: 85px;
		height: 36px;
		clear: both;
		padding-top: 12px;
		text-align: center;
		font: bold 18px helvetica, arial, verdana, sans-serif;
		color: #fff;
		text-shadow: #999 -1px 0px 3px;
		background: transparent url(../assets/images/final_price.png) no-repeat 0 0;
		line-height: 14px;
		}
.builder_stores {
	padding: 18px 0 0 36px;
	width: 900px;
	float: left;
	background: transparent url(../assets/images/builder_stores_bg.png) no-repeat 0 0;
	}
	.store {
		width: 145px;
		margin: 0 35px 0 0;
		float: left;
		position: relative;
		color: #595959;
		}
		/* overwrites .dealcount found in dealer_locator.css */
		.store span.dealcount {
			position: absolute;
			left: -27px;
			top: -1px;
			float: left;
			}
		.store h3 {
			float: left;
			font: normal 14px tahoma, arial, helvetica, verdana, sans-serif;
			color: #105caa;
			margin-bottom: 4px;
			}
		.builder_stores p {
			clear: both;
			}
/*****************************************************
COMPANY page
*****************************************************/
.company_content {
	clear: both;
	font-size: 11px;
	margin-top: 18px;
	text-align: left;
	overflow: auto;
	margin-bottom: 45px;
	color: #373737;
	line-height: 15px;
	}
	.company_content a,.company_content a:link, .company_content a:visited {color: #084c93;}
	.company_content a:hover, .company_content a:active, .company_content a:focus {color: #fff;background-color: #084c93;text-decoration: none;}
	
.company_content h3,
.company_content h4 {
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 4px 0;
	color: #2e2e2e;
	}
	.company_content h4 {font-size: 14px;color: #0f5baa;}
	.company_content h3.special {
		color: #0f5baa;
		margin-bottom: 18px;
		}
.company_content_left {
	float: left;
	width: 430px;
	padding-right: 22px;
	margin-left: 37px;
	}
.company_content_right {
	float: left;
	margin-top: 36px;
	width: 430px;
	padding-left: 23px;
	border-left: 1px solid #f0f0f0;
	}
.content {
	clear: both;
	font-size: 11px;
	margin: 0 31px 45px 40px;
	overflow: hidden;
	color: #373737;
	}
	.content a,
	.content a:link,
	.content a:visited {
		color: #0f5baa;
		text-decoration: underline;
		}
	.content a:hover,
	.content a:active,
	.content a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #084C93;
		}
	/*****************************************************
	PRESS section
	*****************************************************/
	h1 {
		font: normal 18px tahoma, arial, helvetica, sans-serif;
		color: #0f5baa;
		width: 400px;
		float: left;
		line-height: 18px;
		text-align: left;
		}
	h1.press_index_h1 {width: 200px;}
	.company .content h2 {
		font: normal 17px helvetica, arial, verdana, sans-serif;
		margin: 9px 0 18px 0;
		clear: both;
		text-align: left;
		}
		.first {margin-right: 15px;}
		.last {padding-left: 13px;border-left: 1px solid #f0f0f0;}
		.press_index_list .last {border-style: none; padding-left: 0;}
		.tier_nav {
			float: right;
			text-align:right;
			padding: 8px 23px 8px 0;
			font: bold 11px tahoma, arial, helvetica, verdana, sans-serif;
			margin: 0;
			}
			.tier_nav strong {font-weight: normal; font-size: 12px;}
			.press_item {
				background: transparent url(../assets/images/tier_nav_press_item.png) no-repeat top right;
				color: #373737;
				width: 420px;
				}
				.content .press_item a {
					color: #fff;
					text-decoration: none;
					font-weight: normal;
					padding: 1px 4px;
					background-color: #373737;
					margin-right: 20px;
					}
				.content .press_item a:hover {
					color: #373737;
					background-color: #fff;
					}
			.press_index {
				background: transparent url(../assets/images/tier_nav_press_index.png) no-repeat top right;
				color: #fff;
				width: 542px;
				margin-bottom: 18px;
				}
				.content .press_index a {
					color: #fff;
					text-decoration: none;
					font-weight: normal;
					padding: 1px 4px;
					margin-left: 8px;
					}
				.content .press_index a:hover,
				.content .press_index a.current {
					color: #2e70b5;
					background-color: #fff;
					}
	.press_index_list p {
		width: 361px;
		background: transparent url(../assets/images/press_index_bg.png) no-repeat 0 0;
		padding: 7px 4px 0 20px;
		color: #9e9e9e;
		margin: 0;
		}
	.press_index_list div.press_index_bottom {
		background: transparent url(../assets/images/press_index_bottom.png) no-repeat 0 0;
		height: 12px;
		margin-bottom: 6px;
		}
		.press_index_list p strong {color: #373737;}
		.content .press_index_list a {text-decoration: none;}
/* see global.columnize.js - columnizer plugin*/
.columnize {margin-top: 9px;}
.columnize ul,
.company_content ul {list-style-position: outside;}
.columnize li,
.company_content li {
	line-height: 14px;
	margin-bottom: 6px;
	}
.columnize table {width: 455px;}
	.contact_content_left {
		float: left;
		width: 195px;
		margin-right: 20px;
		text-align: left;
		line-height: 16px;
		}
	.contact_content_right {
		float: left;
		margin-top: 36px;
		width: 430px;
		padding-left: 23px;
		border-left: 1px solid #f0f0f0;
		}
.company_content_left {
	float: left;
	width: 430px;
	padding-right: 22px;
	margin-left: 37px;
	}
.company_content_right {
	float: left;
	margin-top: 36px;
	width: 430px;
	padding-left: 23px;
	border-left: 1px solid #f0f0f0;
	}
/*****************************************************
Search Page
*****************************************************/
/* General Helpers
============================= */
/* Float Clearing
============================= */
.search_clearfix:after, .search .search_results:after, .search .search_results .search_sidebar .search_content_type h4 a:after, .search .search_results .search_sidebar .search_content_type ul li:after, .search .search_results .search_content .search_feature:after, .search .search_results .search_content .search_refine:after, .search .search_results .search_content .search_result:after, .search .search_results .search_content .search_result ul.search_actions:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0; }

* html .search_clearfix, * html .search .search_results, .search * html .search_results, * html .search .search_results .search_sidebar .search_content_type h4 a, .search .search_results .search_sidebar .search_content_type h4 * html a, * html .search .search_results .search_sidebar .search_content_type ul li, .search .search_results .search_sidebar .search_content_type ul * html li, * html .search .search_results .search_content .search_feature, .search .search_results .search_content * html .search_feature, * html .search .search_results .search_content .search_refine, .search .search_results .search_content * html .search_refine, * html .search .search_results .search_content .search_result, .search .search_results .search_content * html .search_result, * html .search .search_results .search_content .search_result ul.search_actions, .search .search_results .search_content .search_result * html ul.search_actions {
  height: 1%; }

*:first-child + html .search_clearfix, *:first-child + html .search .search_results, .search *:first-child + html .search_results, *:first-child + html .search .search_results .search_sidebar .search_content_type h4 a, .search .search_results .search_sidebar .search_content_type h4 *:first-child + html a, *:first-child + html .search .search_results .search_sidebar .search_content_type ul li, .search .search_results .search_sidebar .search_content_type ul *:first-child + html li, *:first-child + html .search .search_results .search_content .search_feature, .search .search_results .search_content *:first-child + html .search_feature, *:first-child + html .search .search_results .search_content .search_refine, .search .search_results .search_content *:first-child + html .search_refine, *:first-child + html .search .search_results .search_content .search_result, .search .search_results .search_content *:first-child + html .search_result, *:first-child + html .search .search_results .search_content .search_result ul.search_actions, .search .search_results .search_content .search_result *:first-child + html ul.search_actions {
  min-height: 1px; }

/* EOF */
.search .search_intro {
  margin: 20px 0;
  padding: 10px;
  border-bottom: 1px dotted #9B9B9B;
  margin-top: 0;
  padding-bottom: 20px; }
  .search .search_intro h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700; }
    .search .search_intro h2 strong {
      font-weight: 500; }
.search .search_results {
  width: 910px;
  margin: 0 auto 50px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #474747; }
  .search .search_results .search_sidebar {
    float: left;
    width: 260px; }
    .search .search_results .search_sidebar .search_content_type {
      width: 227px;
      margin: 5px 0;
      padding: 20px 20px 30px 10px;
      background: url(../assets/images/search/bg-category.png) no-repeat 0 100%; }
      .search .search_results .search_sidebar .search_content_type h4 {
        margin: 0 0 15px; }
        .search .search_results .search_sidebar .search_content_type h4 a {
          display: block;
          color: #474747;
          text-decoration: none; }
          .search .search_results .search_sidebar .search_content_type h4 a:hover {
            color: #0c59aa; }
          .search .search_results .search_sidebar .search_content_type h4 a span.title {
            float: left; }
          .search .search_results .search_sidebar .search_content_type h4 a span.count {
            float: right; }
      .search .search_results .search_sidebar .search_content_type ul {
        clear: both;
        margin: 0;
        padding: 0;
        list-style: none; }
        .search .search_results .search_sidebar .search_content_type ul li {
          margin: 10px 0;
          padding: 0;
          font-size: 12px; }
          .search .search_results .search_sidebar .search_content_type ul li a {
            float: left;
            width: 85%;
            text-decoration: none; }
            .search .search_results .search_sidebar .search_content_type ul li a:hover {
              text-decoration: underline; }
          .search .search_results .search_sidebar .search_content_type ul li .count {
            float: right;
            width: 15%;
            font-weight: 700;
            text-align: right;
            color: #666; }
  .search .search_results .search_content {
    float: right;
    width: 620px; }
    .search .search_results .search_content .search_feature input {
      float: left;
      width: 495px;
      height: 16px;
      padding: 15px 10px 17px;
      background: url(../assets/images/search/bg-search.png) no-repeat 0 0;
      border: none;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 16px; }
    .search .search_results .search_content .search_feature button {
      -webkit-font-smoothing: antialiased;
      display: block;
      width: 100px;
      margin: 0;
      padding: 0;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 700;
      color: #fff;
      text-decoration: none;
      text-align: center;
      text-indent: 0;
      text-transform: uppercase;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
      -webkit-font-smoothing: antialiased;
      float: right;
      height: 36px;
      margin-top: 5px;
      background: url(../assets/images/search/btn-search.png) no-repeat 0 0;
      font-size: 13px;
      line-height: 34px; }
      .search .search_results .search_content .search_feature button:hover {
        color: #b7daff; }
    .search .search_results .search_content .search_refine {
      clear: both;
      width: 604px;
      height: 36px;
      margin: 10px 0;
      padding: 5px 10px 7px;
      background: url(../assets/images/search/bg-refine.png) no-repeat 0 0; }
      .search .search_results .search_content .search_refine label {
        font-size: 12px;
        font-weight: bold; }
      .search .search_results .search_content .search_refine .search_sort,
      .search .search_results .search_content .search_refine .search_filter {
        margin-top: 9px; }
      .search .search_results .search_content .search_refine .search_sort {
        float: left; }
      .search .search_results .search_content .search_refine .search_filter {
        float: right; }
    .search .search_results .search_content h3 {
      margin: 20px 0;
      padding: 10px;
      border-bottom: 1px dotted #9B9B9B;
      clear: both;
      color: #474747; }
    .search .search_results .search_content .search_result {
      clear: both;
      margin: 25px 0; }
      .search .search_results .search_content .search_result a.icon {
        float: left;
        width: 206px;
        margin-right: 10px;
        padding-right: 22px;
        background: url(../assets/images/arrow_right.png) no-repeat right top;
        text-align: center; }
      .search .search_results .search_content .search_result h4 {
        margin-bottom: 6px; }
        .search .search_results .search_content .search_result h4 a {
          text-decoration: none;
          font-size: 14px; }
          .search .search_results .search_content .search_result h4 a .search_model_description {
            font-weight: 400;
            font-size: 13px;
            text-decoration: none;
            color: #474747; }
          .search .search_results .search_content .search_result h4 a .search_title_description,
          .search .search_results .search_content .search_result h4 a .search_subtitle {
            display: block;
            margin: 3px 0 4px; }
          .search .search_results .search_content .search_result h4 a .search_subtitle {
            color: #474747;
            font-weight: 400; }
      .search .search_results .search_content .search_result ul.search_actions {
        margin: 0;
        padding: 0;
        list-style: none; }
        .search .search_results .search_content .search_result ul.search_actions li {
          margin: 0;
          padding: 0;
          font-weight: 700; }
          .search .search_results .search_content .search_result ul.search_actions li.price {
            float: left; }
          .search .search_results .search_content .search_result ul.search_actions li.details {
            float: right; }
            .search .search_results .search_content .search_result ul.search_actions li.details a {
              -webkit-font-smoothing: antialiased;
              display: block;
              width: 100px;
              margin: 0;
              padding: 0;
              font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 12px;
              font-weight: 700;
              color: #fff;
              text-decoration: none;
              text-align: center;
              text-indent: 0;
              text-transform: uppercase;
              text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
              height: 20px;
              background: url(../assets/images/search/btn-more.png) no-repeat 0 0;
              font-size: 11px;
              font-weight: 500;
              line-height: 20px; }
              .search .search_results .search_content .search_result ul.search_actions li.details a:hover {
                color: #b7daff; }

.search .search_results span.feat_title-blue {
	font-weight: bold;
	color: #084C93;
}

/*****************************************************
Support Search Page
*****************************************************/
.supportsearch_content {
clear: both;
font-size: 11px;
text-align: justify;
margin: 9px 42px 45px 42px;
color: #373737;
}
.supportsearch_content h3 {
margin-left: 28px;
color: #535353;
font: normal 18px DIN-Medium, DIN, DIN-Light, helvetica, arial, verdana, sans-serif;
padding-top: 7px;
padding-bottom: 8px;
margin-bottom: 18px;
border-bottom: 1px dotted #9b9b9b;
}
.supportsearch_content div {
clear: both;
overflow: auto;
margin-bottom: 26px;
background: transparent url(../assets/images/arrow_right.png) no-repeat 235px 0;
line-height: 16px;
}
.supportsearch_content div.icon {
width: 220px;
float: left;
margin-right: 52px;
text-align: center;
}
.supportsearch_content div.icon img {margin: 0 auto; display: block;}
.supportsearch_content div p {
float: left;
padding-bottom: 18px;
border-bottom: 1px dotted #9b9b9b;
width: 600px;
}
.supportsearch_content .no_results {margin-left: 28px;}
.supportsearch_content a,
.supportsearch_content a:link,
.supportsearch_content a:visited {
color: #0f5baa;
text-decoration: none;
}
.supportsearch_content a:hover,
.supportsearch_content a:active,
.supportsearch_content a:focus {
color: #fff;
text-decoration: none;
background-color: #084C93;
}
.supportsearch_content div.search_inline {
background-image: none;
overflow: visible;
margin-left: 28px;
}
.supportsearch_content div.search_inline fieldset {clear: both;}
.supportsearch_content div.search_inline form {border: 1px solid #fff;}/* IE needs this oh so bad */
.supportsearch_content div.search_inline p {margin-bottom: 9px;}
.supportsearch_content div.search_inline legend {display: none;}
.supportsearch_content div.search_inline input {
width: 250px;
margin-right: 10px;
}

.ss_quick_search {
width: 250px;
margin-right: 18px;
background-color: transparent;
border-style: none;
}

.supportsearch_content .ssquick_search div {background-image: none;border: 1px solid #00f000;}r: 1px solid #00f000;}	

/*****************************************************
FOOTER
*****************************************************/
#footer_bg {/* background: transparent url(../assets/images/footer_bg.png) no-repeat 50% bottom; */}
#footer {
clear: both;
font: normal 9px Tahoma, helvetica, arial, verdana, sans-serif;
color: #5c5c5c;
overflow: auto;
padding: 0 8px 30px 0;
position: relative;
top: 1px;
margin: 20px auto 0 auto;
width: 905px;
}
.home #footer {}

/*/ #footer * {border: 1px solid #ff0000;} /**/
p.logo_footer {margin: 0;}
.footer_nav_wrap {
clear: both;
padding: 5px 0;
border-top: 1px solid #9e9e9e;
border-bottom: 1px solid #9e9e9e;
margin-bottom: 8px;
height: 12px;
}
/* Join the alpine community! */
.footer_nav_wrap p {
float: left;
margin: 0;
}
/* blue links in footer */
.footer_nav_wrap p a {
color: #084c93;
text-decoration: none;
}
.footer_nav_wrap p a:hover {
color: #084c93;
text-decoration: underline;
}
/* terms of service link*/
a.subtle {
color: #cdcdcd;
text-decoration: underline;
}

ul#footer_nav {
float: right;
list-style: none outside;
text-align: right;
margin: 0;
padding: 0;
}
ul#footer_nav li {
display: inline;
padding: 0 12px 0 17px;
background: transparent url(../assets/images/footer_nav_garnish.png) no-repeat center left;
}
ul#footer_nav li:first-child {background-image: none;}
/* see global.js for IE :last-child */
ul#footer_nav li:last-child {padding-right: 0;}
ul#footer_nav li a,
ul#footer_nav li a:link,
ul#footer_nav li a:visited {
font: normal 9px Tahoma, helvetica, arial, verdana, sans-serif;
color: #5c5c5c;
text-decoration: none;
}
ul#footer_nav li a:hover,
ul#footer_nav li a:active,
ul#footer_nav li a:focus {color: #0a519a;}

p.legal {
line-height: 16px;
overflow: auto;
color: #5c5c5c;
}
p.legal span {color: #cdcdcd;}

/* footer logos */
#footer p {margin-bottom: 9px;}
a.alpine_worldwide {
display: block;
width: 103px;
margin: 4px 0 0 0;
height: 16px;
text-indent: -9999px;
background: transparent url(../assets/images/alpine_worldwide.png) no-repeat 0 0;
}
/* BUTTONS
all buttons start with using .button
see exploder.css for IE 6 overwrites
*/
a.button, a.button:link, a.button:visited, a.button:hover, a.button:active {
display: block;
width: 69px;
height: 20px;
text-indent: -9999px;
background: transparent url(../assets/images/button.png) no-repeat 0 0;
}
a.button:hover, a.button:active {background-position: 0 -20px;}
a.button_enter, a.button_enter:link, a.button_enter:visited {background-image: url(../assets/images/button_enter.png);}
a.button_enter:hover, a.button_enter:active {}
a.button_view_all, a.button_view_all:link, a.button_view_all:visited {width: 89px;background-image: url(../assets/images/button_view_all.png);}
a.button_view_all:hover, a.button_view_all:active {width: 89px;}
a.button_print, a.button_print:link, a.button_print:visited {width: 79px;background-image: url(../assets/images/button_print.png);}
a.button_print:hover, a.button_print:active {width: 79px;}
/* default submit button */
button {
display: block;
height: 20px;
width: 69px;
background: transparent url(../assets/images/button_submit.png) no-repeat 0 0;
border-style: none;
text-indent: -9999px;
cursor: pointer;
}
button:hover {background-position: 0 -20px;}
.clear {clear: both;}
/***************************************
CLUE TIP
- taken from jquery.cluetip.css
***************************************/
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
  display: none;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
=cluetipClass: 'rounded_alpine'
***************************************/
.cluetip-rounded_alpine {
  background: transparent url(../assets/images/snapshot/alpine_bottom_left.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded_alpine #cluetip-outer {
  background: transparent url(../assets/images/snapshot/alpine_top_left.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded_alpine #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded_alpine #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(../assets/images/snapshot/alpine_top_right.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded_alpine #cluetip-inner {
  background: url(../assets/images/snapshot/alpine_bottom_right.gif) no-repeat 100% 100%;
  padding: 5px 3px 12px 3px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded_alpine div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded_alpine div#cluetip-close a {
  color: #777;
}

/* arrows */
.clue-right-rounded_alpine .cluetip-arrows {
  background-image: url(../assets/images/snapshot/alpine_rarrowleft.gif);
  left: -17px;
  width: 25px;
  height: 26px;
}
.clue-left-rounded_alpine .cluetip-arrows {
  background-image: url(../assets/images/snapshot/alpine_rarrowright.gif);
  left: 100%;
  margin-left: 4px;
  width: 16px;
  height: 17px;
}
.clue-top-rounded_alpine .cluetip-arrows {
  background-image: url(../assets/images/snapshot/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
.clue-bottom-rounded_alpine .cluetip-arrows {
  background-image: url(../assets/images/snapshot/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/* stupid IE6 HasLayout hack */
.cluetip-rounded_alpine #cluetip-title,
.cluetip-rounded_alpine #cluetip-inner {
  zoom: 1;
}
/***************************************
=cluetipClass: 'rounded_alpine_title'
***************************************/
.cluetip-rounded_alpine_title {
  background: transparent url(../assets/images/snapshot/alpine_bottom_left.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}
.cluetip-rounded_alpine_title #cluetip-outer {
  background: transparent url(../assets/images/snapshot/alpine_top_left.gif) no-repeat 0 0;
  margin-top: -12px;
}
.cluetip-rounded_alpine_title #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0 12px;
  margin: 0 -12px 0 0;
  position: relative;
  font-size: 12px;
  color: #373737;
  line-height: auto;
}
.cluetip-rounded_alpine_title #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(../assets/images/snapshot/alpine_top_right.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded_alpine_title #cluetip-inner {
  background: url(../assets/images/snapshot/alpine_bottom_right.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px 12px;
  margin: 0 -12px 0 0;
  position: relative;
}

.cluetip-rounded_alpine_title div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded_alpine_title div#cluetip-close a {
  color: #777;
}

/* arrows */
.clue-right-rounded_alpine .cluetip-arrows {
  background-image: url(../assets/images/snapshot/alpine_rarrowleft.gif);
  left: -17px;
  width: 25px;
  height: 26px;
}
.clue-left-rounded_alpine .cluetip-arrows {
  background-image: url(../assets/images/snapshot/alpine_rarrowright.gif);
  left: 100%;
  margin-left: 4px;
  width: 16px;
  height: 17px;

}
.clue-top-rounded_alpine .cluetip-arrows {
  background-image: url(../assets/images/snapshot/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
.clue-bottom-rounded_alpine .cluetip-arrows {
  background-image: url(../assets/images/snapshot/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/* stupid IE6 HasLayout hack */
.cluetip-rounded_alpine_title #cluetip-title,
.cluetip-rounded_alpine_title #cluetip-inner {
  zoom: 1;
}
/* js/colorbox/ see global.js */
#lightbox_inline_wrap,
.lightbox_inline_wrap {display: none;}

/**********************************************************************************************************
CONTACT EXPERT PAGE
**********************************************************************************************************/
.contact_expert table#dealers {
	width: 100%;
	margin-top: 20px;
}

.contact_expert table#dealers th {
	font-size: 9pt;
	font-weight: bold;
	padding: 6px;
	text-align: left;
}

.contact_expert table#dealers td {
	padding: 6px;
	vertical-align: middle;
}

.contact_expert table#dealers tr:nth-child(2n) {
	background-color: #eee;
}

.contact_expert form.contact label {
	font-weight: bold;
	line-height: 25px;
	clear: left;
	float: left;
	width: 140px;
	text-align: right;
	margin-right: 10px;
}

.contact_expert form.contact div {
	margin-bottom: 10px;
	margin-left: 150px;
	width: 260px;
}

.contact_expert .input_bg input[type=text] {
	width: 100%;
	background: none;
	border: none;
}

.contact_expert .textarea_bg textarea {
	width: 100%;
	height: 120px;
	background: none;
	border: none;
	font: 8pt verdana;
}

.contact_expert label span {
	color: #ff0000;
	font-weight: normal;
}

.product-filter-wrap label {
	color: #0f5baa;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.product-filter {
	background: #89a8c9;
	margin: 10px 0 0;
	padding: 4px 0 0;
	position: relative;
	overflow: hidden;
	z-index: 15;
	-webkit-border-radius: 8px;
	 -khtml-border-radius: 8px;
	   -moz-border-radius: 8px;
					border-radius: 8px;
}
.product-filter .js-select {
	padding: 8px 10px;
	position: relative;
}
.select-make {
	background: #4d86be;
	background: -moz-linear-gradient(top,  #4981b8 0%, #558cc5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4981b8), color-stop(100%,#558cc5));
	background: -webkit-linear-gradient(top,  #4981b8 0%,#558cc5 100%);
	background: -o-linear-gradient(top,  #4981b8 0%,#558cc5 100%);
	background: -ms-linear-gradient(top,  #4981b8 0%,#558cc5 100%);
	background: linear-gradient(to bottom,  #4981b8 0%,#558cc5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4981b8', endColorstr='#558cc5',GradientType=0 );
}
.select-model {
	background: #255b93;
	background: -moz-linear-gradient(top,  #2a6eb6 0%, #1c3d5f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a6eb6), color-stop(100%,#1c3d5f));
	background: -webkit-linear-gradient(top,  #2a6eb6 0%,#1c3d5f 100%);
	background: -o-linear-gradient(top,  #2a6eb6 0%,#1c3d5f 100%);
	background: -ms-linear-gradient(top,  #2a6eb6 0%,#1c3d5f 100%);
	background: linear-gradient(to bottom,  #2a6eb6 0%,#1c3d5f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6eb6', endColorstr='#1c3d5f',GradientType=0 );

}
.product-filter select {
	cursor: pointer;
	position: absolute;
	top: 6px; bottom: 6px; left: 5px; right: 5px;
	width: 100%;
	filter: alpha(opacity=00);
	-webkit-appearance: menulist-button;
}
.product-filter .select {
	background: #e7e7e7;
	border: 1px solid #fff;
	color: #0f5baa;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 8px 10px 8px 20px;
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;
					border-radius: 4px;
}
.product-filter .select span {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #494949;
	border-bottom: 4px solid transparent;
	position: absolute;
	right: 25px; top: 22px;
	height: 0;
	width: 0;
}
	
/**********************************************************************************
TABLET
**********************************************************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body{
		background: #fff url(../assets/images/html_bg_sub_pages-mobile.jpg) no-repeat 50% 0;
		}
		#header_search input  {
			/*
			margin: 0px 0px 0px 20px;
			*/
			}
			
		#header_search button {
			width: 16px;
			height: 18px;
			}
		.newsletter .name,
		.newsletter .email {
			margin: 0px;
			padding: 0px;
		}
}
