﻿/* Dirt Devil Main Stylesheet */
/* Body id set to do "on" states for category pages */

/* reset */
html{ margin: 0; padding: 0; width: 100%; height: 100%; /*background: #ed2124 url(../images/background/main_gradient.png) repeat-x fixed left top;*/ }

body{
	font: normal normal normal 10px/120% Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	margin: 0 auto;
	padding: 0 3em;
	width: 780px;
	height: 100%;
	background: #ed2124 url(../images/background/main.png) repeat-x fixed center top;
	position: relative;
}

/* generic */
h1, h2, h3, h4, h5, h6, p,
ul, ol, li, dl, dt, dd,
fieldset, form{ margin: 0; padding: 0; }

img{ border: none; }

p{ margin-bottom: 1em; }

h1,h2,h3,h4,h5,h6{ color: #590b0e; font-weight: bold; line-height: 120%; }
h1{ font-size: 2em; }
h2{ font-size: 1.8em; }
h3{ font-size: 1.6em; }
h4{ font-size: 1.4em; }
h5{ font-size: 1.2em; }
h6{ font-size: 1em; }

a,
a:link,
a:visited{ color: #ed2124; text-decoration: underline; }
a:hover{ color: #367fc0; }
a:active{ color: #ed2124; }

input[type=text],
input[type=password],
select{ width: 130px; }

input.mini{ width: 75px; }
select.mini{ width: 60px; }
select.medium{ width: 75px; }

textarea{ width: 200px; height: 150px; }

hr{ margin: 6px; border: 1px dotted #c2c2c2; }

fieldset{ border: none; margin-bottom: 15px; }
	legend{ font-size: 1.8em; color: #590B0E; font-weight: bold; }

table{ width: 100%; border-collapse: collapse; }
	tr.alt1,td.alt1{ background: #d7d7d7; }
	tr.alt2,td.alt2{ background: #ececec; }
		th{ font-weight: bold; }
		td{ vertical-align: top; padding: 6px; }

dl{ }
	dl dt{ margin-top: 12px; }
		dl dt:first-child{ margin-top: 0; }
	dl dd{ }

/* form */
dl.form{ width: 100%; }
	dl.form dt{ clear: left; float: left; width: 32%; margin: 12px 0 0 0; }
	dl.form dd{ float: left; width: 68%; margin: 12px 0 0 0; }
	dl.form .checkbox{ float: left; width: 100%; }
	dl.form dd + dd{ width: 100%; margin-top: 0; }

/* html5 */
header, footer, aside, section, hgroup, menu, nav{ display: block; }

/* reusable */
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }
.error{ color: #ed2124; }
.invisible{ display: none; }
.form_field{ display: block; }
.form_button{ display: inline-block; }
.form_field_mini{ width: 35px !important; }
.spacing{ margin: 1em 0; }
.text_increase{ font-size: 1.2em; }
.image_text{ text-indent: -9999em; overflow: hidden; }
.point{ padding-left: 13px; background: url(../images/icons/arrow.gif) no-repeat left top; }
.camera{ padding-left: 16px; font-weight: bold; background: url(../images/icons/camera.gif) no-repeat left top ; }
.nav{ padding-left: 1em; margin-top: .5em; list-style: none; }
	.nav_red{ color: #959595; background: url(../images/icons/nav_red.gif) no-repeat left 4px; }
	.nav_white{ background: url(../images/icons/nav_white.gif) no-repeat left 4px; }
	.nav_maroon{ background: url(../images/icons/nav_maroon.gif) no-repeat left 4px; }
#home ul#page_breadcrumbs{ display: none; }
ul#page_breadcrumbs{ list-style: none; padding: 1em 0; }
	ul#page_breadcrumbs li{ display: inline; }
div.content_main{ float: left; width: 66%; }
	div.content_main div.sub_section{ margin-bottom: 2em; }
div.content_extra{ float: right; width: 32%; margin-left: 1em; }
	div.content_extra div.sub_section{ margin-bottom: 1em; }
	div.content_extra ul{ margin: 0 0 1em 1.5em; }
div.content_half{ width: 50%; float: left; }
	div.content_half h3{ margin-bottom: 1em; }
	div.content_half div.content_half_sub{ width: 50%; float: left; }
div.content_thirds{ width: 243px; min-height: 300px; padding: 0 6px; float: left; }
	div.content_thirds ul{ margin: 0 0 1em 1.5em; }
table.cart{ clear: left; }
	th.misc{ width: 10%; }
	th.desc{ width: 40%; }
	th.price{ width: 15%; }
	tr.orderlines td{ vertical-align: middle; }
	th.form_total,td.form_total{ text-align: right; }
	th.qty,td.qty{ text-align: center; }
.checkout_disclaimer{ padding: 2em; }
.validation_summary{ padding: 1em; }
.price_difference{ text-decoration: line-through; color: #ed2124; }
.border_top td{ border-top: 1px dotted #c2c2c2; }
.border_right{ border-right: 1px dotted #c2c2c2; }
.pagehead{ margin-bottom: 1em; }
ul.policy{ margin-bottom: 1em; }
	ul.policy li{ margin-left: 1.5em; }

/* buttons */
.btn{ background: url(../images/sprites/buttons.png) no-repeat; border: none; vertical-align: top; }
	.add_to_cart{ background-position: left top; width: 123px; height: 32px; }
		.add_to_cart:hover,.add_to_cart_hover{ background-position: 0 -32px; }
	.learn_more{ background-position: -123px top; width: 123px; height: 32px; }
		.learn_more:hover,.learn_more_hover{ background-position: -123px bottom; }
	.go{ background-position: -246px top; width: 33px; height: 27px; }
		.go:hover,.go_hover{ background-position: -246px -32px; cursor: pointer; }
	.out_of_stock{ background-position: -381px top; width: 123px; height: 32px; }
	.search{ background-position: -539px top; width: 99px; height: 32px; }
		.search:hover,.search_hover{ background-position: -539px -32px; }
	.prev{ background-position: -697px top; width: 33px; height: 27px; }
		.prev:hover,.prev_hover{ background-position: -730px top; }
		.prev_disabled,.prev_disabled:hover{ background-position: -763px top; cursor: default !important; }
	.next{ background-position: -697px -32px; width: 33px; height: 27px; }
		.next:hover,.next_hover{ background-position: -730px -32px; }
		.next_disabled,.next_disabled:hover{ background-position: -763px -32px; cursor: default !important; }
	.close{ background-position: -638px top; width: 59px; height: 32px; }
		.close:hover,.close_hover{ background-position: -638px -32px; }
	.add{ background-position: -381px -32px; width: 73px; height: 32px; }
		.add:hover,.add_hover{ background-position: -454px -32px; }
	.submit{ background-position: -796px top; width: 99px; height: 32px; }
		.submit:hover,.submit_hover{ background-position: -796px -32px; }
	.cancel{ background-position: -895px top; width: 99px; height: 32px; }
		.cancel:hover,.cancel_hover{ background-position: -895px -32px; }
	.checkout{ background-position: -1117px top; width: 99px; height: 32px; }
		.checkout:hover,.checkout_hover{ background-position: -1117px -32px; }
	.submit_order{ background-position: -994px top; width: 123px; height: 32px; }
		.submit_order:hover,.submit_order_hover{ background-position: -994px -32px; }
	.sign_in_checkout{ background-position: -1216px top; width: 158px; height: 32px; }
		.sign_in_checkout:hover,.sign_in_checkout_hover{ background-position: -1216px -32px; }
	.continue{ background-position: -1374px top; width: 99px; height: 32px; }
		.continue:hover,.continue_hover{ background-position: -1374px -32px; }
	.add_items_to_cart{ background-position: -1473px top; width: 158px; height: 32px; }
		.add_items_to_cart:hover,.add_items_to_cart_hover{ background-position: -1473px -32px; }
	.compare{ background-position: -279px top; width: 102px; height: 32px; }
		.compare:hover,.compare_hover{ background-position: -279px -32px; }
	.shop_now{ background-position: -1631px top; width: 110px; height: 32px; }
		.shop_now:hover,.shop_now_hover{ background-position: -1631px -32px; }
	.continue_shopping{ background-position: -1742px top; width: 158px; height: 32px; }
		.continue_shopping:hover,.continue_shopping_hover{ background-position: -1742px -32px; }
	.download{ background-position: -1900px top; width: 99px; height: 32px; }
		.download:hover,.download_hover{ background-position: -1900px -32px; }

	/* social */
	ul.social_icons{ list-style-type: none; margin-bottom: 1em; }
		ul.social_icons li{ float: left; width: 18px; height: 18px; border: 1px solid #000; margin: 0.5em .5em 0; }
		ul.social_icons li a{ display: block; cursor: pointer; width: 100%; height: 100%; background: url(../images/sprites/social_icons.png) no-repeat; }
			a#delicious{ background-position: 0 0; }
			a#facebook{ background-position: -18px 0; }
			a#myspace{ background-position: -36px 0; }
			a#digg{ background-position: -54px 0; }
			a#twitter{ background-position: -72px 0; }
			a#reddit{ background-position: -90px 0; }
			a#stumbleupon{ background-position: 0 -18px; }
			a#newsvine{ background-position: -18px -18px; }
			a#slashdot{ background-position: -36px -18px; }
			a#fark{ background-position: -54px -18px; }
			a#mixx{ background-position: -72px -18px; }
			a#magnolia{ background-position: -90px -18px; }
			a#technorati{ background-position: 0 -36px; }
			a#simpy{ background-position: -18px -36px; }
			a#furl{ background-position: -36px -36px; }
			a#faves{ background-position: -54px -36px; }
			a#diigo{ background-position: -72px -36px; }
			a#blinklist{ background-position: -90px -36px; }
			a#ask{ background-position: 0 -54px; }
			a#google{ background-position: -18px -54px; }
			a#yahoo{ background-position: -36px -54px; }
			a#yahoobm{ background-position: -54px -54px; }
		
div#container{ float: left; position: relative; padding: 0 3em; margin: 0 -3em; background: transparent url(../images/background/shadow_sides.png) repeat-y center top; }
	div#shadow_bottom{ float: left; width: 840px; height: 40px; background: url(../images/background/shadow_bottom.png) no-repeat left bottom; margin-left: -3em; }
	#header_promo{ width: 760px; height: 17px; float: right; margin: 0 10px 0 0; }

/* header */
header{ width: 780px; height: 80px; float: left; background: #fff url(../images/background/header_top.png) repeat-x left top; position: relative; }
	#header_logo a{ display: block; width: 189px; height: 80px; overflow: hidden; background: transparent url(../images/sprites/header_category.png) no-repeat left top; text-indent: -9999em; float: left; }
		#header_logo a:hover{ background-position: left bottom; }
		
	#nav_header{ list-style: none; float: right; margin-right: 1em; }
		#nav_header li{ display: block; float: left; line-height: 33px; }
		#nav_header li.account{ padding-right: 1em; background: transparent url(../images/icons/separator.gif) no-repeat right 1.3em; }
		#nav_header li.cart{ padding-left: 1.75em; margin-left: 1em; background: transparent url(../images/icons/cart.gif) no-repeat left 1.2em; }
		#nav_header li.parts{ margin-left: 2em; }

	#frm_search{ border: none; float: right; padding: .5em; padding-bottom: 0; }
		#frm_search label{ position: relative; top: .6em; }
		#frm_search p{ margin: 0; padding: 0; float: left; }
		#frm_search #q{ vertical-align: top; width: 130px; }
	
	ul#nav_cat{ list-style: none; position: absolute; bottom: 13px; right: 1px; }
		ul#nav_cat li{ height: 34px; margin-left: 1px; overflow: hidden; float: left; }
			ul#nav_cat li a{ height: 34px; display: block; background: url(../images/sprites/header_category_robotic.png) no-repeat bottom left; text-indent: -9999em; }
				ul#nav_cat li a#nav-home{ background-position: -190px -33px; width: 52px; }
					ul#nav_cat li a#nav-home:hover{ background-position: -190px -193px; }
					body#home ul#nav_cat li a#nav-home{ background-position: -190px -113px; }
				ul#nav_cat li a#nav-upright-vacuums{ background-position: -243px -33px; width: 66px; }
					ul#nav_cat li a#nav-upright-vacuums:hover{ background-position: -243px -193px; }
					body#upright-vacuums ul#nav_cat li a#nav-upright-vacuums{ background-position: -243px -113px; }
				ul#nav_cat li a#nav-hand-vacuums{ background-position: -310px -33px; width: 67px; }
					ul#nav_cat li a#nav-hand-vacuums:hover{ background-position: -310px -193px; }
					body#hand-vacuums ul#nav_cat li a#nav-hand-vacuums{ background-position: -310px -113px; }
				ul#nav_cat li a#nav-stick-vacuums{ background-position: -378px -33px; width: 65px; }
					ul#nav_cat li a#nav-stick-vacuums:hover{ background-position: -378px -193px; }
					body#stick-vacuums ul#nav_cat li a#nav-stick-vacuums{ background-position: -378px -113px; }
				ul#nav_cat li a#nav-canister-vacuums{ background-position: -444px -33px; width: 65px; }
					ul#nav_cat li a#nav-canister-vacuums:hover{ background-position: -444px -193px; }
					body#canister-vacuums ul#nav_cat li a#nav-canister-vacuums{ background-position: -444px -113px; }
				ul#nav_cat li a#nav-steam-cleaners{ background-position: -510px -33px; width: 66px; }
					ul#nav_cat li a#nav-steam-cleaners:hover{ background-position: -510px -193px; }
					body#steam-cleaners ul#nav_cat li a#nav-steam-cleaners{ background-position: -510px -113px; }
				ul#nav_cat li a#nav-designer-series{ background-position: -578px -33px; width: 62px; }
					ul#nav_cat li a#nav-designer-series:hover{ background-position: -578px -193px; }
					body#designer-series ul#nav_cat li a#nav-designer-series{ background-position: -578px -113px; }
				ul#nav_cat li a#nav-outdoor{ background-position: -578px -33px; width: 62px; }
					ul#nav_cat li a#nav-outdoor:hover{ background-position: -578px -193px; }
					body#outdoor ul#nav_cat li a#nav-outdoor{ background-position: -578px -113px; }
				ul#nav_cat li a#nav-carpet-cleaners,
				ul#nav_cat li a#nav-robotic-vacuums{ background-position: -641px -33px; width: 66px; }
					ul#nav_cat li a#nav-carpet-cleaners:hover,
					ul#nav_cat li a#nav-robotic-vacuums:hover{ background-position: -641px -193px; }
					body#carpet-cleaners ul#nav_cat li a#nav-carpet-cleaners,
					body#robotic-vacuums ul#nav_cat li a#nav-robotic-vacuums{ background-position: -641px -113px; }
				ul#nav_cat li a#nav-online-specials{ background-position: -708px -33px; width: 62px; }
					ul#nav_cat li a#nav-online-specials:hover{ background-position: -708px -193px; }
					body#online-specials ul#nav_cat li a#nav-online-specials{ background-position: -708px -113px; }
				ul#nav_cat li a#nav-blank{ background-position: -771px -33px; width: 9px; }
		
/* footer */
footer{ width: 760px; float: left; padding: 0 1em; }
	div.footer_sup{ width: 740px; float: left; padding: 1em; margin: 1em 0; background: #cfcfcf; }
		div.footer_sup dl{ float: left; height: 187px; margin-right: 1.5em; }
			div.footer_sup dl dt{ font-weight: bold; color: #590b0e; }
			div.footer_sup dl dd{ }
				div.footer_sup dl dd a,div.footer_sup dl dd a:link,div.footer_sup dl dd a:visited{ color: #686868; text-decoration: none; }
				div.footer_sup dl dd a:hover{ text-decoration: underline; }
				div.footer_sup dl a:active{ text-decoration: none; }
		div.footer_sup div.login{ float: right; width: 225px; padding-left: 1em; border-left: 2px dotted #e1e1e1; background: transparent url(../images/background/puppy.jpg) no-repeat right bottom; }
			div.footer_sup div.login h3{ width: 225px; height: 40px; margin-bottom: 0; background: transparent url(../images/text/login.png) no-repeat left top; text-indent: -9999em; overflow: hidden; }

	div.footer_sub{ width: 760px; float: left; color: #959595; }
		div.footer_sub ul{ list-style: none; float: left; margin-left: 0; }
			div.footer_sub ul li{ float: left; margin-right: 1em; }
				div.footer_sub ul li a,div.footer_sub ul li a:link,div.footer_sub ul li a:visited{ color: #959595; }
				div.footer_sub ul li a:hover{ color: #367fc0; }
				div.footer_sup ul li a:active{ text-decoration: underline; }
		div.footer_sub p{ clear: left; float: left; width: 75%; margin: 1em 0; }
		
		/* godaddy ssl */
		div.footer_sub p.siteseal{ float: right; width: auto; margin: 0; }
			div.footer_sub p.siteseal a{ text-align: right; }
		
		/* facebook */
		div.footer_sub p.facebook{ position: absolute; right: 185px; bottom: 16px; width: 103px; height: 31px; }
		
		/* pre-godaddy ssl -> rapidssl */
		div.footer_sub h3 a.logo{ display: block; float: right; margin-left: 2em; overflow: hidden; background: transparent url(../images/sprites/logos.gif) no-repeat; text-indent: -9999em; }
		div.footer_sub h3 a#dirtdevil{ width: 46px; height: 38px; background-position: right top; }
		div.footer_sub h3 a#rapidssl{ width: 87px; height: 32px; background-position: left top; }

/* content */
body#home div#content{ width: 772px; float: left; padding: 0 .4em; }
div#content{ width: 760px; float: left; padding: 0 1em; }
	
	/* homepage */
	div#homepage_main{ width: 760px; height: 345px; padding: 6px; background: url(../images/sprites/shadows.png) no-repeat left top; }
	
	div#homepage_parts{ width: 524px; height: 308px; float: left; font-size: 1.1em; position: relative; background: url(../images/sprites/shadows.png) no-repeat left -354px; }
		div#homepage_parts h1{ width: 498px; height: 59px; margin: .6em auto .4em; background: url(../images/text/homepage_parts.jpg) no-repeat left top; }
		
		div#homepage_parts p{ position: absolute; font-weight: bold; margin-bottom: 0; }
		div#homepage_parts p.all_parts{ right: 2em; top: 5.75em; }
		div#homepage_parts p.advanced{ right: 3.5em; top: 58%; }

		div#homepage_parts dl{ width: 30%; float: left; margin-right: 1em; }
			div#homepage_parts dl.first{ font-size: 1.2em !important; font-weight: bold; margin-left: 1.7em !important; }
			div#homepage_parts dl.last{ margin-right: 0 !important; }
		div#homepage_parts dl dt{ color: #590b0e; font-weight: bold; }
		div#homepage_parts dl dd{ margin: 0.5em 0; }
			div#homepage_parts dl a,
			div#homepage_parts dl a:link,
			div#homepage_parts dl a:visited{ color: #959595; text-decoration: none; }
			div#homepage_parts dl a:hover{ text-decoration: underline; }
			div#homepage_parts dl a:active{ color: #959595; text-decoration: none; }

	div#homepage_promo{ width: 224px; height: 284px; padding: 12px; font-size: 1.1em; text-align: center; float: right; overflow: hidden; background: url(../images/sprites/shadows.png) no-repeat right -354px; position: relative; }
		div#homepage_promo h1{ width: 224px; height: 59px; margin-left: -1px; background: url(../images/text/online_specials.jpg) no-repeat left top; }
		div#homepage_promo h2{ font-size: 1.6em; }
		div#homepage_promo h3{ color: #959595; font-size: 1.25em; font-weight: normal; width: 95%; margin: 0 auto; }
		div#homepage_promo p.shop{ margin: 1em auto; width: 110px; }
	
	/* product selector */
	dl.product_selector{ width: 100%; }
	dl.product_selector dd{ width: 49% !important; min-height: 180px; }
		dl.product_selector dd a.img{ width: 75px; float: left; }
		dl.product_selector dd div{ width: 250px; float: left; }
	
	/* product (category & detail) */
	p.lead_in{ font-size: 1.2em; line-height: 120%; }
	h6.model_number{ color: #a1a1a1; }
	h5.price{ color: #590b0e; position: absolute; }
	p.button{ }
	p.parts{ font-size: 1.2em; }

	/* product category */
	div#product_category_header{ width: 748px; height: 62px; padding: 6px; position: relative; overflow: hidden; background: url(../images/sprites/shadows.png) no-repeat left -659px; }
		div#product_category_header h1{ float: left; width: 44%; text-align: left; margin-left: 1%; line-height: 62px; }
		div#product_category_header p{ float: right; width: 54%; height: 62px; margin: 0; margin-top: .85em; }
			div#product_category_header p span{ }
	div#product_category_nav{ font-size: 1.2em; float: left; width: 762px; }
		div#product_category_nav p,
		p.compare_button{ float: left; margin: 1em; height: 1.2em; }
		ul.paging{ list-style: none; float: right; margin: 1em; }
			ul.paging li{ float: left; margin-left: .8em; height: 1.2em; }
	div.product_category{ width: 350px; height: 275px; overflow: hidden; margin: 1em 0; }
		div.product_category a{ display: block; }
		div.product_category div.image{ float: left; width: 175px; height: 241px; overflow: hidden;  background: url(../images/sprites/shadows.png) no-repeat -1px -732px; }
			div.product_category div.image:hover,
			div.product_category div.image_hover{ background: url(../images/sprites/shadows.png) no-repeat -176px -732px; }
			div.product_category div.image a{ width: 165px; height: 231px; line-height: 231px; position: relative; left: 5px; top: 5px; overflow: hidden; text-align: center; }
				div.product_category div.image a img{ max-width: 165px; max-height: 231px; vertical-align: middle; }
		div.product_category div.content{ float: right; width: 172px; height: 250px; margin-top: .6em; position: relative; }
			div.product_category div.content p.lead_in{ top: 15%; position: absolute; }
			div.product_category div.content p.registration_info{ top: 15%; position: absolute; }
			div.product_category div.content h6.model_number{ top: 40%; position: absolute;  }
			div.product_category div.content h5.price{ top: 50%; position: absolute; }
			div.product_category div.content p.button{ top: 68%; position: absolute; }
			div.product_category div.content p.parts{ bottom: 1em; position: absolute; }
		p.compare{ margin: 0; padding: 0; clear: both; position: relative; left: 29%; }
			p.compare input{ margin: 0; padding: 0; vertical-align: middle; width: auto; }
			
	/* product detail */
	div#product_detail_image{ width: 250px; height: 350px; line-height: 345px; float: left; text-align: center; padding: 5px; background: url(../images/sprites/shadows.png) no-repeat -351px -732px;  }
		div#product_detail_image img{ max-width: 250px; max-height: 350px; vertical-align: middle; }
	div#product_detail_content{ float: left; width: 260px; height: 350px; margin: 0 .5em; position: relative; }
		div#product_detail_content a{ display: block; }
		div#product_detail_content p.lead_in{ top: 20%; position: absolute; }
		div#product_detail_content h6.model_number{ top: 40%; position: absolute;  }
		div#product_detail_content h6.warranty{ top: 45%; position: absolute; }
		div#product_detail_content h6.savings{ top: 70%; position: absolute; }
		div#product_detail_content h5.price{ top: 52%; position: absolute; }
		div#product_detail_content p.button{ top: 60%; position: absolute; }
		div#product_detail_content p.camera{ top: 80%; position: absolute; }
	div#product_detail_extra{ float: right; width: 227px; height: 350px; margin: 0; }
		div#product_detail_extra ul.extra_links{ padding: 1.5em; font-size: 1.2em; background: #f2f2f2; }
			div#product_detail_extra ul.extra_links .first{ margin-top: 0; }
	ul#tab_nav{ display: block; list-style: none; height: 27px; margin-left: .6em; }
		ul#tab_nav li{ float: left; margin-right: 1px; height: 27px; }
		ul#tab_nav li a{ display: block; height: 27px; background: url(../images/sprites/tabs.png) no-repeat; }
		ul#tab_nav li a#tab_description{ width: 102px; background-position: 0 0; }
			ul#tab_nav li a#tab_description:hover{ background-position: 0 -27px; }
			ul#tab_nav li a.tab_description_active{ background-position: 0 -54px !important; }
		ul#tab_nav li a#tab_features{ width: 81px; background-position: -103px 0; }
			ul#tab_nav li a#tab_features:hover{ background-position: -103px -27px; }
			ul#tab_nav li a.tab_features_active{ background-position: -103px -54px !important; }
		ul#tab_nav li a#tab_parts{ width: 59px; background-position: -185px 0; }
			ul#tab_nav li a#tab_parts:hover{ background-position: -185px -27px; }
			ul#tab_nav li a.tab_parts_active{ background-position: -185px -54px !important; }
		ul#tab_nav li a#tab_products{ width: 85px; background-position: -245px 0; }
			ul#tab_nav li a#tab_products:hover{ background-position: -245px -27px; }
			ul#tab_nav li a.tab_products_active{ background-position: -245px -54px !important; }
		ul#tab_nav li a#tab_website{ width: 100px; background-position: -331px 0; }
			ul#tab_nav li a#tab_website:hover{ background-position: -331px -27px; }
			ul#tab_nav li a.tab_website_active{ background-position: -331px -54px !important; }
		ul#tab_nav li a#tab_manuals{ width: 80px; background-position: -432px 0; }
			ul#tab_nav li a#tab_manuals:hover{ background-position: -432px -27px; }
			ul#tab_nav li a.tab_manuals_active{ background-position: -432px -54px !important; }
	div#product_detail_panel{ width: 472px; height: 574px; margin-top: 21px; float: left; background: url(../images/sprites/shadows.png) no-repeat -300px -1127px; position: relative; }
		div#product_detail_panel ul#tab_nav,
		div#homepage_main ul#tab_nav{ position: absolute; top: -21px; }
		div#product_detail_panel div#product_detail_inner_panel{ width: 448px; height: 547px; padding: 6px; overflow: auto; position: absolute; left: 6px; top: 6px; }
			div#panel_features table td{ width: 50%; vertical-align: top; }
		div#product_detail_inner_panel div#panel_description{ }
			div#panel_description p{ font-size: 1.2em; line-height: 1.44em; }
			div#panel_description p.promo{ color: #590b0e; }
				div#panel_description p.promo span.promo{ text-transform: uppercase; font-weight: bold; }
			div#panel_description h4.aftermarket{ margin-bottom: 1em; }
			div#panel_description p.list{ margin-bottom: 0; font-weight: bold; }
			div#panel_description ul{ list-style: disc none outside; margin: 0 0 1em 1.5em; }
			div#panel_description p.disclaimer{ color: #959595; margin-bottom: 0; }
		
	div#special_offers_panel{ width: 226px; height: 550px; padding: 12px; margin-top: 21px; float: right; text-align: center; position: relative; background: url(../images/sprites/shadows.png) no-repeat 0 -972px; }
		div#special_offers_panel h1{ width: 226px; height: 59px; background: url(../images/text/online_specials_extra.png) no-repeat left top; }
		div#special_offers_panel h2{ margin: 1em 0; }		
		div#special_offers_panel h3{ color: #959595; }
		div#special_offers_panel h6{ color: #959595; position: absolute; left: 12px; bottom: 12px; width: 226px; }
		div#special_offers_panel p.shop{ width: 110px; }
		div#special_offers_panel p{ margin: 1em auto; }

	/* parts */
	div#parts_main_category{ float: left; width: 330px; margin-right: 1em; border-right: 1px dotted #c2c2c2;  }
	div#parts_main_search{ float: right; width: 190px; }
	div#parts_main_current{ float: right; width: 200px; padding-left: 1em; margin-left: 1em; border-left: 1px dotted #c2c2c2; }
		h1.parts{ margin-bottom: .25em; }
		h2.parts{ margin-bottom: 1em; color: #a1a1a1; }
		h5.parts{ font-size: 1.1em; margin-bottom: 1.5em; }
		h6.parts{ color: #a1a1a1; font-style: italic; margin-bottom: 1em; }
	dl.parts_main{ float: left; margin-bottom: 2em; }
		dl.parts_main dt{ color: #000; font-weight: bold; margin-bottom: 1em; }
		dl.parts_main dd{ width: 75px; float: left; margin: 0 .5em .5em 0; }
		dl.parts_main a *{ display: block; cursor: pointer; }
				dl.parts_main a span.copy{ height: 2.4em; overflow: hidden; }
				dl.parts_main a span.image{ width: 70px; height: 70px; padding: 5px 0 0 5px; background: url(../images/sprites/shadows.png) no-repeat -611px -732px; }
					dl.parts_main a:hover span.image{ background-position: -696px -732px; }
				
	/* part category */
	div#parts_category{ width: 550px; float: left; }
	div.parts_category{ width: 550px; min-height: 185px; margin: 1.5em 0; float: left; position: relative; }
		div.parts_category div.image{ width: 160px; height: 160px; float: left; }
			div.parts_category div.image a,
			div.parts_category div.image a:link,
			div.parts_category div.image a:visited{ width: 160px; height: 160px; display: block; background: url(../images/sprites/shadows.png) no-repeat -611px -807px; }
			div.parts_category div.image a:hover{ background-position: -611px -967px; }
			div.parts_category div.image a:active{ }	
				div.parts_category div.image a img{ padding: 5px; }
			div.parts_category p.image_gallery{ position: absolute; left: 35px; top: 175px; }
		div.parts_category div.content{ width: 358px; margin-left: 1.2em; min-height: 160px; float: left; }
	
	/* locator */
	table.locator td.label{ width: 150px; }
	div.locator{ margin-left: 1em; }
	
	/* search */
	div.search_main{ position: relative; margin-top: 3em; }
		div.search_main div#inner_panel{ width: 742px; height: 333px; padding: 6px; overflow: auto; position: absolute; left: 12px; top: 6px; }
		div#panel_website p.title{ margin-bottom: 0; }
	
	/* support */
	div.login h3{ margin-bottom: 1em; }
	.registered_models{ clear: left; padding-top: 1em; }
	
	
	/* bubble tool tip */
	div.form_tip{ width: 160px; position: absolute; z-index: 1003; }
		div.form_tip_top{ background: transparent url(../images/background/form_tip_top.png) no-repeat left top; height: 10px; }
		div.form_tip_content{ width: 140px; padding: 10px; background: transparent url(../images/background/form_tip_middle.png) repeat-y; }
			div.form_tip_content p{ width: 100% !important; color: #000; margin: 0; }
		div.form_tip_bottom{ background: transparent url(../images/background/form_tip_bottom.png) no-repeat left bottom; height: 10px; }
	
	/* modal old */
	/*
	div#modal_overlay{ width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; z-index: 1001; }
	div#modal_window{ position: absolute; z-index: 1002; width: 500px; height: 550px; border: 1px solid #ed2124; background: #fff; }
		div#modal_window a{ position: absolute; right: 0; top: .25em; cursor: pointer; }
		div#modal_window iframe{ width: 100%; height: 515px; border: none; position: absolute; left: 0; bottom: 0; overflow: auto; }
	*/

	/* modal (z-index: 1000) */
	div#modal_overlay{ width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 1001; }
	div#modal_window{ position: fixed; z-index: 1002; background: #fff; border: 1px solid #ed2124; width: 500px; height: 550px; }
		div#modal_window a{ position: absolute; z-index: 1003; right: 0; top: .25em; cursor: pointer; }
		div#modal_window iframe{ width: 100%; height: 515px; border: none; position: absolute; left: 0; bottom: 0; overflow: auto; background-color: #fff; }

	/* image gallery */
	div#gallery{ width: 473px; margin: 0 auto; position: relative; }
		div#gallery h1{ text-align: center; }
		div#gallery p.nav{ position: absolute; top: 40%; margin: 0; padding: 0; }
			div#gallery p#prev{ left: 15%; }
			div#gallery p#next{ right: 15%; }
			div#gallery p.nav a{ cursor: pointer; }
	div#gallery_large{ width: 250px; height: 350px; padding: 5px; margin: 1em auto; text-align: center; overflow: hidden; background: url(../images/sprites/shadows.png) no-repeat -351px -732px; }
		div#gallery_large div{ width: 250px; height: 350px; line-height: 350px; overflow: hidden; }
			div#gallery_large div img{ vertical-align: middle; }
	ul#gallery_thumbnails{ text-align: center; list-style: none; }
		ul#gallery_thumbnails li{ display: inline; margin-left: 1em; }
			ul#gallery_thumbnails li.first{ margin-left: 0; }
		ul#gallery_thumbnails a,
		ul#gallery_thumbnails a:link{ display: inline-block; width: 60px; height: 80px; line-height: 80px; overflow: hidden; border: 1px solid #c2c2c2; }
			ul#gallery_thumbnails a:hover{ border: 1px solid #367fc0; }
			ul#gallery_thumbnails a.selected{ border: 1px solid #ed2124; }
			ul#gallery_thumbnails a img{ vertical-align: middle; }

	/* product compare */
	table.product_compare td{ text-align: center; border-top: 1px dotted #c2c2c2; vertical-align: middle; }
		table.product_compare .image{ vertical-align: top; }
	
	/* cart */
	ul#checkout_status{ list-style: none; margin: 1em 0; }
		ul#checkout_status li{ display: inline; padding-right: 1em; }
		body#cart li#cart,
		body#billing li#billing,
		body#shipping li#shipping,
		body#review li#review,
		body#processing li#processing,
		body#complete li#complete{ font-weight: bold; color: #ed2124; text-decoration: underline; }
		
	/* shipping guidelines */
	table.shipping_schedule{ border-collapse: collapse; margin: 10px 0 !important; }
		table.shipping_schedule th{ text-align: center; font-weight: bold; background: #c0c0c0; }
		table.shipping_schedule th,
		table.shipping_schedule td{ padding: 5px; border: 1px solid #9a9a9a !important; }
		table.shipping_schedule .heading{ font-weight: bold; text-align: center; }
		table.shipping_schedule .deadline{ text-align: center; color: #ff0000; }
		table.shipping_schedule .too_late{ background: #800000; color: #fff; }
		
	ul.standard{ margin: 1em 0 1em 1.5em; }
		ul.standard li{ margin-top: 1em; }
			ul.standard li:first-child{ margin-top: 0; }
