﻿/*
hoover.com
red: #dd0022
grey: #8b8b8b
gray: #797979
dark gray: #545454
blue: #20b1dd
*/

html,body{ width: 100%; height: 100%; margin: 0; padding: 0; }

body{
	color: #555; 
	font: normal normal normal 11px/120% Arial, Helvetica, Verdana, sans-serif;
}

/* reset */
p, ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
fieldset, legend, form, input, select, option, textarea{ margin: 0; padding: 0; }

/* form */
input, select, textarea{ font: normal normal normal 10px/120% Verdana, Helvetica, Arial, sans-serif; }

input[type="text"],
input[type="password"],
textarea{ width: 150px; min-height: 18px; border: 1px solid #ccc; }

fieldset{ border: none; }
legend{ color: #dd0022; font-size: 16px; line-height: 19.2px; }

input[type="checkbox"] + label,
input[type="radio"] + label{ padding-left: 5px; }

/* generic */
p{ font-size: 1em; margin-bottom: 1em; }

h1{ color: #797979; font-size: 22px; line-height: 120%; font-weight: normal; }
h2{ color: #797979; font-size: 18px; line-height: 120%; font-weight: normal; }
h3{ color: #797979; font-size: 16px; line-height: 120%; font-weight: normal; margin-bottom: .25em; }
h4{ color: #797979; font-size: 14px; line-height: 120%; font-weight: normal; }
h5{ color: #797979; font-size: 12px; line-height: 120%; font-weight: normal; }
h6{ color: #797979; font-size: 12px; line-height: 120%; font-weight: bold; margin-bottom: .25em; }

hgroup{ margin-bottom: 10px; }

img{ border: none; }

a{ cursor: pointer; }
a, a:link, a:visited{ color: #dd0022; text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }
a.tttrigger, a.tttrigger:link, a.tttrigger:visited{ color: inherit; border-bottom: #dd0022 1px dashed; text-decoration: none; }
a.tttrigger:hover, a.tttrigger:active{ background-color: #FFE0DB; }

del{ color: #555; }

iframe{	width: 100%; border: none; overflow: auto; background-color: #fff; }

table{ width: 100%; border-collapse: collapse; table-layout: fixed; }
	thead{ }
		thead th,
		tfoot td,
		tfoot th{ background-color: #f0f0f0; }
	th{ font-weight: bold; }
	th, td{ vertical-align: top; padding: 5px; text-align: left; }
	
	.alt0, .atl0 td, .alt0 th{ background-color: #fcfcfc; }
	.alt1, .alt1 td, .alt1 th{ background-color: #f3f1f0; }
	
		tr.alt0:hover th,
		tr.alt0:hover td,
		tr.alt1:hover th,
		tr.alt1:hover td{ background-color: #dedede; }

	/* rounded */
	.rounded thead th:first-child{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	.rounded thead .last_child{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	.rounded tfoot th:first-child,
	.rounded tfoot td:first-child{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	.rounded thead th[colspan]:first-child,
	.rounded thead td[colspan]:first-child{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	.rounded tfoot td[colspan]:first-child{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	.rounded tfoot .last_child{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

	.rounded_full{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	.rounded_top{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	.rounded_bottom{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

	.shadow{ -moz-box-shadow: 3px 3px 3px #888; -webkit-box-shadow: 3px 3px 3px #888; box-shadow: 3px 3px 3px #888; }

	table.border td,
	.border{ border: 1px solid #f0f0f0; margin-bottom: 10px; }

	.gradient{
		background: #fff;
		background: -moz-linear-gradient(#fcfcfc, #f5f5f5);
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#f5f5f5));
		background: -o-linear-gradient(#fcfcfc, #f5f5f5);
		background: linear-gradient(#fcfcfc, #f5f5f5);
		-pie-background: linear-gradient(#fcfcfc, #f5f5f5);
	}

	.underline{ border-bottom: 1px solid #f0f0f0; margin-bottom: 10px; }

	/* collapsible */
	.collapsible,
	.expandable{ position: relative; background-color: #ccc; padding: 5px; font-size: 13px; line-height: 25px; margin-bottom: 0; padding-right: 35px; text-align: right; }
		.collapsible a,
		.expandable a{ text-decoration: none; color: #445c6c; }
		
		.collapsible span,
		.expandable span{ position: absolute; right: 5px; top: 5px; }

		.collapsible + .drawer{ display: block; }
		.expandable + .drawer{ display: none; }
		
		.drawer{ padding: 10px; }

dl{ }
	dl dt{ font-weight: normal; margin-top: 12px; }
		dl dt:first-child{ margin-top: 0; }
	dl dd{ }

dl.form{ width: 100%; margin-bottom: 12px; }
	dl.form dt{ clear: left; float: left; width: 32%; margin: 12px 0 0 0; color: #666; }
	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; }

dl.form.mini{ }
	dl.form.mini dt{ width: 20px; }

dl.form.inline dt{ clear: none; width: auto; margin-top: 0; margin-left: 10px; }
dl.form.inline dd{ clear: none; width: auto; margin-top: 0; margin-left: 10px; }
dl.form.inline dt:first-child{ margin-left: 0; }

/* html5 */
header, footer, aside, section, hgroup, menu, nav{ display: block; }

/* reusable */
.layout{ width: 960px; margin: 0 auto; }
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }
.image_text{ text-indent: -9999em; overflow: hidden; }
.secondary_type{ font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.error{ color: #dd0022 !important; }
.invisible{ display: none; }
.flag{ text-align: center; }
.currency{ text-align: right; }
.micro_field{ width: 25px !important; }
.mini_field{ width: 50px !important; }
.medi_field{ width: 75px !important; }
.body_copy{ width: 635px; }
.form_header{ color: #333; }
.section_header{ color: #445c6c !important; }
.cancel{ padding-left: 7px; }
.spacing{ margin-bottom: 10px; }
.checkbox_list input[type="checkbox"]{ margin-right: 5px; }
a.premier{ color: #797979; position: relative; padding-left: 25px; }
.primary_bullet{ background: transparent url(../images/background/arrow_red.png) no-repeat scroll left 2px; padding-left: 10px; }

/* sprites */
.icon{ background: transparent url(../images/sprites/icons_updated.png) no-repeat scroll left top; display: inline-block; }
	.icon.cart{ background-position: 0 -292px; width: 17px; height: 19px; }
	/* .icon.close{ background-position: 0 -32px; width: 32px; height: 32px; } */
	.icon.close{ background-position: 0 -509px; width: 16px; height: 16px; }
	.icon.twitter{ background-position: 0 -390px; width: 23px; height: 22px; }
	.icon.googleplus{ background-position: 0 -450px; width: 23px; height: 22px; }
	.icon.facebook{ background-position: 0 -330px; width: 23px; height: 22px; }
	.icon.youtube{ background-position: 0 -420px; width: 23px; height: 22px; }
	.icon.linkedin{ background-position: 0 -480px; width: 23px; height: 22px; }
	.icon.pinterest{ background-position: 0 -360px; width: 23px; height: 22px; }
	.icon.sharethis{ background-position: -103px 0; width: 24px; height: 24px; }
	.icon.fblike{ background-position: -127px 0; width: 51px; height: 24px; }
	.icon.fbshare{ background-position: -178px 0; width: 57px; height: 18px; }
	.icon.tweet{ background-position: -128px -24px; width: 60px; height: 24px; }
	.icon.go{ background-position: -72px -32px; width: 37px; height: 30px; }
	.icon.refine{ background-position: -72px -64px; width: 67px; height: 30px; float: left; }
	.icon.collapse{ background-position: 0 -886px; width: 24px; height: 20px; cursor: pointer; }
	.icon.expand{ background-position: 0 -914px; width: 24px; height: 20px; cursor: pointer; }
	.icon.ssl{ background-position: 0 -842px; width: 133px; height: 32px; cursor: pointer; }
	.icon.video{ background-position: 4px -1095px; width: 16px; height: 10px; }
	.icon.demo{ background-position: 4px -1084px; width: 16px; height: 10px; }
	.icon.pdf{ background-position: 0 -946px; width: 16px; height: 16px; }
		.icon.list{ margin-right: 5px; }
	.icon.cfar{ background-position: 0 -125px; width: 150px; height: 60px; position: absolute; left: 0; top: 15px; }
	.icon.authorized_dealer{ background-position: 1px -970px; width: 86px; height: 26px; position: absolute; left: 0; top: 15px; }
	.icon.premier{ background-position: 0 -1108px; width: 22px; height: 22px; position: absolute; left: 0; top: -2px; }
	.icon.zoom_in{ background-position: -1px -1176px; width: 24px; height: 23px; display: block; }
		.icon.zoom_in:hover{ background-position: -1px -1199px; }
	.icon.zoom_out{ background-position: -27px -1176px; width: 24px; height: 23px; display: block; }
		.icon.zoom_out:hover{ background-position: -27px -1199px; }
	.icon.zoom_reset{ background-position: -53px -1176px; width: 24px; height: 23px; display: block; }
		.icon.zoom_reset:hover{ background-position: -53px -1199px; }
	.icon.phone{ background-position: -198px -24px; width: 31px; height: 31px; cursor: help; }
	.icon.warning{ background-position: -177px -175px; width: 22px; height: 20px; padding-right: 3px; }
	.icon.ship{ background-position: 2px -1294px; width: 26px; height: 21px; }
	
/* buttons old */
/*
.button{ background: transparent url(../images/sprites/buttons.png) no-repeat scroll left top; display: block; }
*/
.button,
#sticky_container input[type="submit"] {
	color: #555 !important;
	cursor: pointer;
	text-decoration: none !important;
	font-size: 13px;
	text-align: center;
	width: 123px;
	height: 18px;
	line-height: 18px;
	padding: 3px 7px;
	position: relative;
	display: inline-block;
	text-shadow: 0 1px 0 #fff;
	background: #f3f3f3 url(../images/sprites/icons_updated.png) no-repeat scroll 100px 100px;
	background-color: -moz-linear-gradient(top, rgba(190,190,190,0.34) 0%, rgba(242,242,242,0) 100%); 
	border: solid 1px #ccc;
	background-color: #d8d8d8; /* Old browsers */
	background-color: -moz-linear-gradient(top, #d8d8d8 0%, #e2e2e1 31%, #e2e2e1 62%, #d8d8d8 100%); /* FF3.6+ */
	background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d8d8), color-stop(31%,#e2e2e1), color-stop(62%,#d8d8d8), color-stop(100%,#e2e2e1)); /* Chrome,Safari4+ */
	background-color: -webkit-linear-gradient(top, #d8d8d8 0%, #e2e2e1 31%, #e2e2e1 62%, #d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background-color: -o-linear-gradient(top, #d8d8d8 0%, #e2e2e1 31%, #e2e2e1 62%, #d8d8d8 100%); /* Opera 11.10+ */
	background-color: -ms-linear-gradient(top, #d8d8d8 0%, #e2e2e1 31%, #e2e2e1 62%, #d8d8d8 100%); /* IE10+ */
	background-color: linear-gradient(to left, #d8d8d8 0%, #e2e2e1 31%, #e2e2e1 62%, #d8d8d8 100%); /* W3C */
}
#sticky_container input[type="submit"],
#modal input[type="submit"]{ width: 139px; height: 22px; padding-top: 1px; }

.button.secondary,
#sticky_container input[type="submit"].secondary{
	color: #fff !important;
	text-shadow: none !important;
	border: none !important;
	background-color: #c10000; /* Old browsers */
	background-color: -moz-linear-gradient(top, #c10000 0%, #dd0011 31%, #dd0011 62%, #c10000 100%); /* FF3.6+ */
	background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c10000), color-stop(31%,#dd0011), color-stop(62%,#dd0011), color-stop(100%,#c10000)); /* Chrome,Safari4+ */
	background-color: -webkit-linear-gradient(top, #c10000 0%, #dd0011 31%, #dd0011 62%, #c10000 100%); /* Chrome10+,Safari5.1+ */
	background-color: -o-linear-gradient(top, #c10000 0%, #dd0011 31%, #dd0011 62%, #c10000 100%); /* Opera 11.10+ */
	background-color: -ms-linear-gradient(top, #c10000 0%, #dd0011 31%, #dd0011 62%, #c10000 100%); /* IE10+ */
	background-color: linear-gradient(to left, #c10000 0%, #dd0011 31%, #dd0011 62%, #c10000 100%); /* W3C */
}

.button.tertiary,
#sticy_container input[type="submit"].tertiary,
#sticky_container input[type="submit"].button.tertiary{
	color: #d02 !important;
	text-shadow: none !important;
	background-color: #fff !important;
	border-color: #d02 !important;
}

.button.quaternary,
#sticy_container input[type="submit"].quaternary,
#sticky_container input[type="submit"].button.quaternary{
	color: #fff !important;
	text-shadow: none !important;
	background-color: #999 !important;
	border-color: #999 !important;
}

.button.commercial,
#sticky_container input[type="submit"].commercial,
#sticky_container input[type="submit"].button.commercial { background-color: #fd5300 !important; color: #fff !important; text-shadow: none !important; }

	.button:hover,
	#container input[type="submit"]:hover { 
		-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
		-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
		text-decoration: none !important;
	}
	
	.button.add_to_cart,
	.button.add_items_to_cart{ background-position: 97px -78px !important; text-indent: -20px; height: 28px; line-height: 28px; }
			#sticky_container input[type="submit"].add_to_cart,
			#modal input[type="submit"].add_to_cart{ background-position: 102px -82px !important; height: 26px !important; text-indent: -20px; }
		.button.add_items_to_cart{ width: 200px !important; background-position: 155px -82px !important; }
			#sticky_container input[type="submit"].add_items_to_cart{ text-indent: -20px; height: 26px !important; }
		.button.add_to_cart_small{ background-position: 10px -681px !important; text-indent: 20px; }
		#sticky_container input[type="submit"].add_to_cart_small,
		#modal input[type="submit"].add_to_cart_small{ background-position: 92px -82px !important; text-indent: -20px; width: 120px !important; height: 26px !important; }
	.button.more{ background-position: 100px -107px; text-indent: -10px; }
	.button.more_details{ background-position: 105px -107px; text-indent: -15px; }
	.button.search_now{ background-position: -232px 0; width: 98px; }
		.button.tertiary.search{ height: 26px !important; background-position: 73px 3px !important; }
	.button.search{ background-position: 70px 0 !important; width: 107px !important; text-indent: -15px !important; }
	.button.apply_savings{ background-position: -420px 0; width: 109px;  display: inline-block; vertical-align: middle; }
	.button.proceed_to_checkout{ /*background-position: 10px -1225px;*/ background-position: 140px -107px; width: 148px; padding-left: 10px; float: right; margin-left: 10px; text-indent: -15px; }
	.button.continue_checkout{ background-position: 100px -109px; width: 133px; float: right; }
		#sticky_container input[type="submit"].continue_checkout{ background-position: 100px -107px; width: 148px; height: 26px !important; padding-left: 10px; text-indent: -25px; }
	.button.continue_shopping{ background-position: -866px 0; width: 138px; float: right; }
	.button.send{ background-position: 74px -109px; width: 66px; background-image: none !important; }
		#sticky_container input[type="submit"].send{background-position: 75px -107px; width: 120px; height: 26px !important; text-indent: -10px; }
	.button.update{ background-position: -641px -68px; width: 72px;}
	.button.register{ background-position: -371px 0; width: 115px; margin: 0 auto; }
	.button.login{ background-position: 105px -109px; width: 65px; }
		#sticky_container input[type="submit"].login{ background-position: 75px -107px; width: 120px; height: 26px !important; text-indent: -10px; }
	.button.create_an_account{ background-position: -778px -68px; width: 134px; }
	.button.refine{ background-position: 140px -109px !important; }
		#sticky_container input[type="submit"].refine{ background-position: 90px -107px !important; height: 26px !important; text-indent: -10px !important; }
		#sticky_container input[type="submit"].quaternary.refine { background-position: 90px -1157px !important; }
	.button.submit{ background-position: -912px -68px; width: 70px; }
	.button.submit_order{ background-position: -983px -66px; width: 105px; float: right; }
		#sticky_container input[type="submit"].submit_order{ background-position: 115px -107px; width: 148px; height: 26px !important; padding-left: 10px; text-indent: -15px; }
	.button.online_retailers{ background-position: -822px -136px; width: 118px; height: 14px; }
	.button.compare_selected{ background-position: 4px -1062px; width: 142px; height: 14px; display: inline-block; }
		.quaternary.compare_selected { background-position: 120px -1158px !important; text-align: left; line-height: 15px; }
	.button.go{ background-position: 0 -89px; width: 24px; height: 9px; margin-bottom: -3px; display: inline-block; }
	.button.zoom{ background-position: 0 -128px; width: 118px; height: 14px; }
	.button.demo{ background-position: 0 -146px; width: 120px; height: 15px; }
	.button.video_guide{ background-position: 3px -165px; width: 146px; height: 15px; }
	.button.out_of_stock{ background-position: 100px -135px; width: 123px; height: 14px; margin: 0 auto 1em; text-indent: -20px; }
	.button.processing{ background-position: -1058px -136px; width: 114px; margin-right: 25px; margin-bottom: 0; }
	.button.email{ background-position: 7px -182px; width: 69px; height: 21px; line-height: 21px; display: inline-block; text-indent: 15px; }
		#sticky_container input[type="submit"].email,
		#modal input[type="submit"].email{ background-position: 18px -184px; width: 123px; height: 24px; line-height: 17px; display: inline-block; text-indent: 15px; }
	.button.print{ background-position: 10px -239px; width: 69px; height: 21px; line-height: 21px; display: inline-block; text-indent: 15px; }
	.button.prev{ background-position: -2px -1245px; width: 22px; height: 22px; border: none; background-color: transparent; padding: 0; margin: 0 auto; display: block; }
			.button.prev:hover{ background-position: -2px -1245px; }
			.button.prev_disabled,
			.button.prev_disabled:hover{ background-position: -2px -1245px; cursor: default !important; opacity: .5; }
		.button.next{ background-position: -2px -1270px; width: 22px; height: 22px; border: none; background-color: transparent; padding: 0; margin: 0 auto; display: block; }
			.button.next:hover{ background-position: -2px -1270px; }
			.button.next_disabled,
			.button.next_disabled:hover{ background-position: -2px -1270px; cursor: default !important; opacity: .5; }
	.button.five_easy_payments{ background-position: -1090px -1px; width: 198px; height: 32px; }
		.button.five_easy_payments:hover{ background-position: -1090px -35px; }
	.button.four_easy_payments{ background-position: -1090px -69px; width: 198px; height: 32px; }
		.button.four_easy_payments:hover{ background-position: -1090px -103px; }
	.button.prev_left{ background-position: 3px -752px; width: 70px; height: 70px; background-color: transparent; border: none; }
	.button.next_right{ background-position: 3px -668px; width: 70px; height: 70px; background-color: transparent; border: none; }
	.button.easy_pay{ background-position: 10px -177px; text-indent: 15px; width: 190px; background-color: #dd0022; color: #fff !important; text-shadow: none !important; }


/* structure */
#page_breadcrumbs{ list-style-type: none; margin-bottom: 15px; margin-left: 0 !important; }
	#page_breadcrumbs li{ display: inline; padding: 0 10px 0 15px; background: transparent url(../images/background/arrow_gray.png) no-repeat scroll left center; }
		#page_breadcrumbs li:first-child{ padding-left: 0; background-image: none; }
	body#home #page_breadcrumbs{ display: none; }

/* header */
/*header{ height: 150px; background: transparent url(../images/background/hoover_semi.png) no-repeat scroll center top; position: relative; z-index: 100; } */
header{ min-height: 110px; position: relative; z-index: 100; }
	header p{ float: left; width: 100px; height: 100px; margin-bottom: 0; }
		header p a{ display: block; width: 100px; height: 100px; position: relative; left: 0; background: transparent url(../images/background/hoover_logo_flat.png) no-repeat scroll left top; }

	header h1 { position: absolute; left: 120px; top: 25px; width: 840px; font-size: 28px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC; }

	#header_account{ list-style: none; position: absolute; right: 0; top: 0; font-size: 14px; text-transform: none; }
		#header_account li{ float: left; padding: 0 10px 0 10px; border-left: 2px solid #ccc; line-height: 20px; }
			#header_account li:first-child{ padding-right: 10px; border-left: none; }
				#header_account li a{ color: #555; text-decoration: none; }
					#header_account li a:hover{ text-decoration: underline; }
					#header_account span{ float: left; margin-top: -1px; text-decoration: none; cursor: pointer; padding-right: 5px; }

	#header_account .country-select { position: relative; }
	#header_account .country-select > a {
		   background: url(../images/sprites/misc.png) no-repeat scroll 95px -1384px;
		   margin-right: 0;
		   padding-right: 25px;
	}
	#header_account .country-select .support { padding-right: 0; }
 
	#header_account > li:hover > .country-select-sub,
	#header_account > li > a:hover + .country-select-sub,
	.country-select-sub > li:hover > .country-select-sub,
	.country-select-sub > li > a:hover + .country-select-sub { visibility: visible; }
	.canada { display: block; }
 
	#header_account .country-select-sub {
		position: absolute;
		top: 20px;
		right: -2px;
		font-size: 10px;
		font-weight: normal;
		text-transform: capitalize;
		list-style: disc outside;
		font-size: 0.85em;
		list-style: none;
		text-transform: none;
		visibility: hidden;
		width: auto;
		background-color: #EDEDED;
		z-index: 1;
	}
	#header_account .country-select-sub li {
		   width: 120px;
		   border: none;
		   border-top: 1px solid #C2C2C3;
		   border-right: 2px solid #C2C2C3;
		   padding: 5px 5px 5px 5px;
	}
	#header_account .country-select-sub li:first-child { margin-top: 0; border-top: none; }
		#header_account .country-select-sub li a { display: block; width: 100%; height: 100%; }

	#header_search{ position: absolute; right: 0; top: 75px; z-index: 1; }
		#header_search input[type="text"],
		.product-list-search input[type="text"] { background: transparent url(../images/sprites/misc.png) no-repeat scroll 7px -4px; width: 150px; height: 15px; margin-right: -5px; border: 1px solid #bfbfbf; padding: 3px 6px 3px 30px; }
		#header_search input[type="image"],
		.product-list-search input[type="image"] { width: 25px; height: 20px; margin-bottom: -8px; padding-right: 5px; background: transparent url(../images/sprites/misc.png) no-repeat scroll 8px -156px; border: none; color: #797979; font-weight: bold; text-transform: uppercase; }
		
		.product-list-search { margin-top: 1em; }
			.product-list-search label { font-size: 1.25em; margin-right: 1em; }

	#mobile-nav { display: none; position: absolute; left: 55px; top: 0; width: 24px; height: 24px; padding: 13px; text-indent: -9999em; overflow: hidden; }

	/* main navigation */
	nav{ position: absolute; bottom: 8px; width: 840px; left: 120px; }
		nav > ul{ list-style: none; position: relative; width: 840px; }
			nav > ul > li{ float: left; font-size: 14px; margin-left: 11px; text-transform: none; border-left: 1px solid #ccc; }
				nav > ul > li:first-child{ margin-left: 0; border-left: 0; }
					nav > ul > li:first-child a,
					nav > ul > li:first-child a:link,
					nav > ul > li:first-child a:visited{ padding-left: 0; }
				
				nav > ul > li > a,
				nav > ul > li > a:link,
				nav > ul > li > a:visited{ display: block; padding: 5px 3px 5px 14px; text-decoration: none; color: #555; }
				
				nav > ul > li:hover > a,
				nav > ul > li > a:hover,
				nav > ul > li > a:active,
				body#vacuums li#nav_vacuums > a,
				body#carpet-washers li#nav_carpetcleaners > a,
				body#hard-floor-cleaners li#nav_hardfloorcleaners > a,
				body#steam li#nav_steam > a,
				body#steam li#nav_hardfloorcleaners > a,
				body#air-purifiers li#nav_airpurifiers > a,
				body#air-purifiers li#nav_specials > a,
				body#cleaning-solutions li#nav_cleaningsolutions > a,
				body#bags li#nav_parts > a,
				body#belts li#nav_parts > a,
				body#filters li#nav_parts > a,
				body#steam-cleaning-solutions li#nav_cleaningsolutions > a,
				body#hard-floor-cleaning-solutions li#nav_cleaningsolutions > a,
				body#carpet-washer-solutions li#nav_cleaningsolutions > a,
				body#parts li#nav_parts > a,
				body#specials li#nav_specials > a,
				body#support li#nav_support > a,
				body#cordless li#nav_cordless > a { background: transparent; color: #dd0022; }
				
				nav > ul > li:hover > .sub_nav,
				nav > ul > li > a:hover + .sub_nav,
				.sub_nav > li:hover > .sub_nav,
				.sub_nav > li > a:hover + .sub_nav{ visibility: visible; }
				
				.sub_nav > li:hover,
				.sub_nav > li li:hover{ color: #dd0022; }
				.sub_nav > li a:hover,
				.sub_nav > li:hover > a,
				.sub_nav > li li:hover a,
				.sub_nav > li li:hover a:hover{ color: #999; }
				
		.sub_nav{
			border-bottom: 1px solid #c2c2c3;
			font-size: 10px;
			font-weight: normal;
			text-transform: capitalize;
			list-style: disc outside;
			visibility: hidden;
			font-size: 0.85em;
			list-style: none;
			width: 215px;
			position: absolute;
			background-color: #fff;
			background: rgba(255, 255, 255, 0.97);
			-moz-box-shadow: 3px 3px 3px #888;
			-webkit-box-shadow: 3px 3px 3px #888;
			box-shadow: 3px 3px 3px #888;
		}
			.sub_nav li{
				border-top: 1px solid #c2c2c3;
				padding: 10px 10px 5px 10px;
			}
				.sub_nav li:first-child{ margin-top: 0; border-top: none; }
				
			.sub_nav li,
			.sub_nav a{ color: #000; text-decoration: none; }
			.sub_nav a{ display: block; }
			
			.sub_nav ul{ list-style: none; }
				.sub_nav ul li{ border-top: none; }
				
			li#nav_support .sub_nav{ margin-left: -130px; }

/* footer */
footer{ clear: left; border-top: 1px solid #ececec; width: 100%; min-width: 960px; height: 300px; color: #fff; background-color: #bbb; }
	footer .layout{ position: relative; top: 10px; }
	
	#hoover_newsletter{
		float: left;
		width: 264px;
		padding: 10px;
		padding-top: 0;
	}
		#hoover_newsletter h4{ clear: left; font-weight: normal; padding-bottom: 5px; font-size: 13px; color: #fff; }
		#hoover_newsletter input[type="text"]{ width: 125px; height: 13px; padding: 3px 5px; margin-right: 0; border: 1px solid #bfbfbf; }
		#hoover_newsletter input[type="image"]{ width: 18px; height: 20px; margin-bottom: -7px; background: #fff url(../images/sprites/misc.png) no-repeat scroll 1px -154px; border: 1px solid #bfbfbf; color: #797979; font-weight: bold; text-transform: uppercase; }
		#hoover_newsletter dl{ width: 100%; padding-left: 0; }

	footer dl{ float: left; width: 120px; padding-left: 15px; margin-bottom: 35px; }
		footer dt{ font-weight: bold; font-size: 12px; text-transform: none; margin-bottom: 10px; }
		footer dl dd{ margin-top: 3px; }
			footer dl dd:first-child{ margin-top: 0; }
	
	.social_media{ clear: left; list-style: none; margin-bottom: 35px; }
		.social_media li{ float: left; width: 20px; margin-left: 10px; }
			.social_media li:first-child{ margin-left: 0; }
			.social_media li a{ float: left; }
	
	footer .nav{ clear: left; list-style: none; margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #fff; text-align: center; text-transform: uppercase; }
		footer .nav li{ display: inline; padding: 0 3px 0 7px; }
			footer .nav li:first-child{ }
			
			footer dl a,
			footer dl a:link,
			footer dl a:visited,
			footer .nav a,
			footer .nav a:link,
			footer .nav a:visited{ color: #fff; text-decoration: none; }
			footer dl a:hover,
			footer dl a:active,
			footer .nav a:hover,
			footer .nav a:active{ text-decoration: underline; }
			
			footer dl dd.banner{ position: relative; }
		
	footer .copyright{ clear: left; text-align: center; }

	footer h6{ position: absolute; right: 0; bottom: 31px; width: 132px; height: 31px; }
		footer h6 a{ float: left; }

	.tracking,
	.tracking *{ width: 0; height: 0; }

/* sticky footer (force footer to bottom of page if not enough content) */
div#sticky_container{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 10px auto -301px;
}
	div#sticky_push{ height: 301px; clear: both; }

/* content */
#content{ float: left; width: 960px; min-height: 280px; margin: 0 0 10px 0; padding: 10px 0; font-family: Helvetica, Arial, Verdana, sans-serif; }

	#content ul,
	#content ol,
	#modal ul,
	#modal ol{ margin-left: 15px; margin-bottom: 10px; }
		#content ul li,
		#content ol li,
		#modal ul li,
		#modal ol li{ margin-bottom: 5px; }
	
	/*
	ul, ol{ list-style-position: inside; padding-left: 12px; }
		ul li,
		ol li{ text-indent: -12px; }
	*/

	aside{ float: left; width: 165px; margin-right: 20px; }
		aside section{ margin-bottom: 20px; }
		aside section h3{ border-bottom: 1px solid #f1f1f1; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; }
		aside section h4{ color: #dd0022; }
	
	#main_content{ float: left; width: 775px; }

	/* sitewide banner */
	#sitewide_banner{ width: 100%; height: 35px; line-height: 35px; margin-bottom: 10px; background-color: #333; text-align: center; text-transform: uppercase; color: #fff; position: relative; }
		#sitewide_banner p{ text-indent: -31px; }
		#sitewide_banner a{ color: #fff; text-decoration: none; }
			#sitewide_banner span{ padding-left: 10px; position: relative; top: 0; }
			#sitewide_banner span:first-child{ padding-right: 10px; position: relative; top: 0; }
			#sitewide_banner .icon{ position: absolute; top: 5px; margin-left: 5px; }

	/* home (z-index: 1s (single-digits)) */
	#home_banner{ width: 960px; height: 475px; margin-bottom: 10px; position: relative; overflow: hidden; }
		#parts_search{ display: none; width: 204px; height: 264px; padding: 15px; background-color: #f1f1f1; position: relative; left: 14px; top: 14px; border: 8px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888; }
			#parts_search hgroup{ margin-bottom: 1em; }
				#parts_search hgroup h1{ color: #dd0022; }
				#parts_search hgroup h2{ color: #545454; }
			#parts_search select{ width: 150px; margin-bottom: 5px; }
		
		#home_banner ul{ width: 2880px; margin-left: 0 !important; list-style: none; overflow: hidden; position: relative; }
			#home_banner ul li{ float: left; width: 960px; position: relative; }
		
		/*
		#home_banner ul{ float: left; margin-left: 0 !important; margin-bottom: 0 !important; border-bottom: 3px solid #000; list-style: none; background: rgb(44, 44, 48); background: rgba(44, 44, 48, .8); position: absolute; bottom: 0; z-index: 2; }
			#home_banner > ul > li{ float: left; width: 309px; height: 25px; line-height: 25px; margin-bottom: 0 !important; text-align: center; border-left: 1px solid #20b1dd; }
				#home_banner ul > li:first-child{ width: 50px; border-left: none; }
				#home_banner ul > li:first-child + li{ width: 289px; }
					#home_banner ul a,
					#home_banner ul a:link,
					#home_banner ul a:visited{ color: #d6d6d6; text-decoration: none; cursor: pointer; }
					#home_banner ul a:hover,
					#home_banner ul a:active,
					#home_banner ul a.active{ color: #20b1dd; }
				
			#home_banner ol{ float: left; margin-left: 0 !important; list-style: none; padding: 0 5px; line-height: 0; margin-top: 7px; }
				#home_banner ol li{ float: left; width: 10px; height: 10px; margin-left: 5px; }
					#home_banner ol li:first-child{ margin-left: 0; }
					#home_banner ol a,
					#home_banner ol a:link,
					#home_banner ol a:visited{ display: inline-block; width: 10px; height: 10px; background-color: #d6d6d6; cursor: pointer; }
					#home_banner ol a:hover,
					#home_banner ol a:active,
					#home_banner ol a.active{ background-color: #20b1dd; }
		*/
			
			/*
			#home_banner .banner{ position: absolute; left: 0; top: 0; visibility: hidden; }
				#home_banner .banner:first-child{ visibility: visible; }
			*/
				
			#home_banner .prev_left,
			#home_banner .next_right{ position: absolute; left: 15px; top: 203px; z-index: 10; }
				#home_banner .next_right{ left: auto; right: 15px; }
			
	#home_promotions{ float: left; list-style: none; margin-left: 0 !important; }
		#home_promotions li{ float: left; width: 310px; height: 210px; margin-left: 15px; background-color: #c9c9c9; position: relative; }
			#home_promotions li:first-child{ margin-left: 0; }
				#home_promotions li a:before{ display: none !important; content: "Learn More"; text-align: center; display: block; width: 310px; height: 25px; line-height: 25px; color: #555; background: #fff url(../images/sprites/icons_updated.png) no-repeat scroll 185px -107px; text-indent: -10px; position: absolute; left: 0; bottom: 15px; }
			#home_promotions li a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-decoration: none; }
			
			/* potentially delete */
			#home_promotions hgroup{ display: none; width: 175px; position: absolute; right: 0; top: 0; text-align: center; }
			#home_promotions p{ position: absolute; right: 0; bottom: 0; font-weight: bold; }
				#home_promotions p a{ text-decoration: none; padding-right: 10px; background: transparent url(../images/background/arrow_red.png) no-repeat scroll right center; }
	
	/* new home */
	.home_header{ font: 22px/24px; text-align: center; text-transform: lowercase; margin: 5px 0 10px 0; clear: both; }
		.home_header:before{ content: "\2014\00a0"; }
		.home_header:after{ content: "\00a0\2014"; }
	
	#carousel_container { height: 240px; width: 960px; position: relative; overflow: hidden; }
		#carousel_inner { float: left; width: 960px; overflow: hidden; }
		#carousel_inner li p { text-align: center; padding: 5px 0 0 0; }
		#carousel_inner li p:first-child + p{ height: 2em; width: 66%; text-align: center; margin: 0 auto .25em; }
		#carousel_inner li p a { text-decoration: none; color: #555; }
		#carousel_inner li p a:hover { text-decoration: underline; }
		#carousel_inner li p.category { text-align: center; text-transform: uppercase; padding: 5px 0 0 0; }
		#carousel_inner li img { vertical-align: middle; }

		#carousel_ul { float: left; position: relative; list-style-type: none; margin: 0; margin-left: 0 !important; padding: 0; width: 1999px; }
		#carousel_ul li { float: left; width: 310px; height: 240px; margin: 0 15px 0 0 !important; }

		#left_scroll,
		#right_scroll { position: absolute; width: 25px; left: 0; top: 108px; z-index: 10; }
			#right_scroll{ left: auto; right: 0; }
		
		#left_scroll a { height: 25px; width: 25px; background: url(../images/sprites/misc.png) 0px -613px no-repeat; display: block; overflow: hidden; text-indent: -999em; }
		#right_scroll a { height: 25px; width: 25px; background: url(../images/sprites/misc.png) 0px -272px no-repeat; display: block; overflow: hidden; text-indent: -999em; }

	/* contact */
	.required{ float: left; width: 370px; }
	.optional_model,
	.optional_contact{ float: right; width: 370px; margin-bottom: 15px; }

	/* locator */
	aside .locator input[type="text"]{ margin-bottom: 5px; }

	/* product list, search */
	.paging_header{ clear: left; width: 745px; height: 25px; margin-bottom: 20px; padding: 5px; background-color: #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
	.paging_footer{ margin-bottom: 10px; margin-top: 20px; }
		#search .paging_header{ margin-top: 25px; }
		.paging_header > *{ margin-top: 5px; }
		.paging_header *{ float: left; }
		.paging_header li.prev{ padding-right: 10px; margin-right: 10px; border-right: 1px solid #dd0022; }
		.paging_header li.next{ padding-left: 10px; border-left: 1px solid #dd0022; }
		.paging_header dl{ float: right; margin-right: 5px; }
			.paging_header dd{ margin-left: 5px; }
			.paging_header select{ }
		.paging_header ol + dl{ float: left; }
		.paging_header p{ float: right; margin-top: 2px; }
	.paging{ list-style: none; margin-left: 10px !important; }
		.paging li{ display: inline; padding-right: 10px; }
	
	/* filtering */
	aside dl{ }
		aside dt{ }
		aside dd{ margin-top: 3px; }
	.subcategory{ padding-left: 15px; }
	
	.product_list{ float: left; width: 100%; }
	.product_list_item{ float: left; width: 100%; margin-top: 5px; padding-top: 5px; border-top: 1px solid #f0f0f0; }
			.product_list .product_list_item:first-child{ border-top: none; }
			.product_list_item:first-child.locator{ border-top: 1px solid #f0f0f0; }
		.product_list .thumbnail{ float: left; width: 130px; margin-right: 30px; text-align: center; position: relative; }
		.product_list .details{ float: left; width: 436px; margin-right: 10px; }
			.product_list .details h2{ margin-bottom: 5px; }
			.product_list .details h2 a{ color: #797979; text-decoration: none; }
		.product_list .actions{ float: left; width: 139px; text-align: center; }
			.product_list .actions .more{ color: #808080 !important; text-decoration: none !important; display: block; line-height: 16px; }
			.product_list .actions .more:hover{ text-decoration: none !important; }
				.product_list .actions a:after,
				.more:after{ display: inline-block; content: ""; margin-left: .25em; position: relative; top: 3px; background: transparent url(../images/sprites/icons_updated.png) no-repeat scroll 0 -1158px !important; width: 18px; height: 18px; }
					.product_list .actions a.button:after{ content: normal; }
			.product_list .actions input[type="checkbox"]{ margin-left: 15px; margin-top: 10px; }
			
			.product_list_item.product_modal{ margin-top: 0; padding-top: 0; }
				.product_list_item.product_modal .thumbnail{ }
				.product_list_item.product_modal .details{ position: relative; width: 408px; height: 185px; margin-right: 0; float: right; }
					.product_list_item.product_modal .details #header_account{ position: static; margin-left: 0 !important; float: right; }
					.product_list_item.product_modal .details div{ position: absolute; right: 0; bottom: 0; }
			.product_list_item.product_modal + .checkout_upsell{ width: 575px; }
			
			.price{ font-size: 14px; }
			.product_list_item .price { color: #dd0022; }
			
	.part_list_item{ float: left; width: 155px; height: 355px; padding-left: 31px; margin-bottom: 20px; position: relative; }
		.part_list_item > p:first-child{ text-align: center; height: 155px; line-height: 155px; overflow: hidden; }
			.part_list_item > p:first-child img{ vertical-align: middle; }
		.part_list_item h4{ height: 50px; overflow: hidden; margin-bottom: 10px; }
			.part_list_item h4 a{ color: #445c6c; text-decoration: none; }
		.part_list_item h5{ margin-bottom: 5px; }
		.part_list_item section{ position: absolute; z-index: 1000; bottom: 0; padding-bottom: 20px; width: 155px; }
			.part_list_item.product_search{ height: 355px; }
				.part_list_item.product_search > p:first-child{ height: 217px; line-height: 217px; }
				.part_list_item.product_search section{ text-align: center; }
			.part_list_item.as_seen_on_tv{ height: 350px; }
				.as_seen_on_tv h4{ height: 50px; }
				.as_seen_on_tv section{ padding-bottom: 0; }
				.as_seen_on_tv.newline{ clear: left; }
				
			.part_list_item.parts_modal{ width: 105px; height: 225px; margin-bottom: 0; }
				.part_list_item.parts_modal section{ width: 75px; padding-bottom: 0; }
						.part_list_item.parts_modal > p:first-child{ text-align: center; height: 75px; line-height: 75px; overflow: hidden; }
							.part_list_item.parts_modal > p:first-child img{ vertical-align: middle; }
				
			.compare .part_list_item{ padding-left: 0; }
					
	/* product category */
	.category_header{ margin-bottom: 15px; position: relative; background-repeat: no-repeat; }
		.category_header h1{ color: #555; margin-bottom: 10px; }
		.category_header p,
		.category_header div { font-size: 1.15em; line-height: 1.25em; }
	
	/* product details */
	.detail_thumbnail{ float: left; width: 270px; margin-right: 20px; text-align: center; position: relative; }
		.detail_thumbnail .thumbnails{ float: left; list-style: none; margin-left: 0 !important; margin-bottom: 15px; }
		.detail_thumbnail .thumbnails li{ float: left; width: 86px; height: 103px; line-height: 103px; margin: 10px 0 0 3px; border: 1px solid #eaeaea; overflow: hidden; }
			.detail_thumbnail .thumbnails li.newline{ margin-left: 0; }
				.detail_thumbnail .thumbnails li img{ vertical-align: middle; }
		
		.detail_thumbnail aside{ width: 270px; text-align: left; }

		.compare_recent{ float: left; border: 1px solid #d2d2d2; width: 100%; margin-bottom: 10px; }
			.recent_list{ float: left; padding: 5px; }
			.compare_recent section{ float: left; padding: 5px 0; border-top: 1px solid #d2d2d2; }
				.compare_recent section:first-child{ border-top: none; }
				
				.compare_recent section p{ text-align: left; }
				.compare_recent section .thumbnail{ float: left; width: 75px; text-align: center; }
				.compare_recent section .info{ float: left; width: 185px; }
				.compare_recent .compare_button{ float: right; }
		
		.product_flag{ position: absolute; left: 0; top: 0; }
		
	.detail_content{ float: left; width: 670px; }
		.detail_content .basic_info{ float: left; width: 470px; margin-right: 20px; margin-bottom: 25px; }
			.basic_info h1,
			.basic_info h4{ margin-bottom: 5px; }
		.basic_info .fits{ margin-top: 1em; }
		.basic_info .share,
		.document_list,
		.share{ list-style: none; margin-left: 0 !important; text-align: left; }

		.detail_content .sell_info_container{ float: left; width: 180px; margin-bottom: 15px; }
			.sell_info_container .sell_info{ margin-bottom: 10px; padding: 5px; text-align: center; background-color: transparent; border: 1px solid #d2d2d2; }
				.sell_info h4{ margin-bottom: 10px; }
				.sell_info p{ margin: 10px 0; }
			.sell_info + p{ text-align: center; }
			.sell_info > p > a[href="/support/policies/shipping/"] { color: #555; }

		.tv_page_container { 
			display: block; 
			border: 1px solid #eaeaea; 
			width: 300px; 
			height: 150px; 
			margin: 0 auto 1em; 
			overflow: hidden; 
			text-align: center; 
			position: relative; 
		}
			.tv_page_container .copy { position: absolute; left: 0; bottom: 1em; width: 100%; text-align: center; color: #fff; font-size: 1.25em; }

	.tabs{ clear: left; list-style: none; position: relative; top: 1px; margin-left: 0 !important; margin-bottom: 0 !important; }
		.tabs li{
				margin-bottom: 0 !important;
				float: left;
				background: #fff;
				background: -moz-linear-gradient(#f5f5f5, #fcfcfc);
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#fcfcfc));
				background: linear-gradient(#f5f5f5, #fcfcfc);
				-pie-background: linear-gradient(#f5f5f5, #fcfcfc);
				border: 1px solid #d2d2d2;
			}
			.tabs li.active{ background: #fff !important; border-bottom: 1px solid #fff; }
				.tabs li.active a{ font-weight: bold; color: #dd0022; }
		.tabs a{ cursor: pointer; color: #666; text-decoration: none; display: inline-block; padding: 10px 15px; }
		.tabs a:hover{ color: #dd0022; }
	.panel{ clear: left; padding: 10px; margin-bottom: 10px; background: #fff; border: 1px solid #d2d2d2; }
		.panel .savings{ margin-top: 10px; }
			.savings h4{ border-bottom: 1px solid #f0f0f0; color: #dd0022; text-transform: uppercase; margin-bottom: 10px; }
			.savings ul{ list-style: none; margin-left: 0 !important; }
				.savings ul span{ font-weight: bold; }

		#panel_details { font-size: 1.2em; line-height: 120%; }
						
		#panel_parts .cell_container{ position: relative; }
		
		/* if loaded in iframe
		#panel_reviews{ width: 638px; height: 500px; margin: -10px 0 0 -10px; }
		#panel_reviews iframe{ height: 510px; }
		*/

	/* image gallery */
	div#gallery{ width: 750px; height: 550px; margin: 0 auto; position: relative; }
		div#gallery h1, div#gallery h2{ text-align: center; }
		div#gallery_large{ width: 650px; height: 534px; line-height: 534px; position: absolute; right: 0; margin: 0 auto; text-align: center; overflow: hidden; background: #fff; }
			#gallery_large img{ vertical-align: middle; }
		#gallery_loading{ visibility: hidden; position: absolute; left: 50%; margin-left: -24px; top: 50%; margin-top: -24px; }
		
		#gallery_zoom{ position: absolute; left: 0; top: 0; }
			#gallery_zoom img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
		
		div#gallery_nav{ width: 100px; position: absolute; left: 0; top: 25px; }
			div#gallery_nav p a{ margin: 0 auto; }
			div#gallery_nav #prev,
			div#gallery_nav #next{ margin: 0; }
			div#gallery_nav a{ cursor: pointer; }
		
		div#gallery_container{ position: relative; height: 425px; overflow: hidden; }
		ul#gallery_thumbnails{ text-align: center; list-style: none; margin: 0 !important; float: left; position: absolute; left: 19px; top: 0; }
			ul#gallery_thumbnails li, #gallery_thumbnail{ width: 62px; height: 85px; line-height: 80px; margin-bottom: 0 !important; }
			ul#gallery_thumbnails a,
			ul#gallery_thumbnails a:link, #gallery_thumbnail span{ display: inline-block; width: 60px; height: 80px; overflow: hidden; border: 1px solid #f0f0f0; }
				ul#gallery_thumbnails a:hover{ border: 1px solid #f0f0f0; }
				ul#gallery_thumbnails a.selected{ border: 1px solid #dd0022; }
				ul#gallery_thumbnails a img, #gallery_thumbnail span img{ vertical-align: middle; }
				
		#gallery_counter{ position: absolute; left: 0; bottom: 0; width: 100px; text-align: center; }
		
		#gallery_description{ position: absolute; left: 100px; bottom: 0; width: 650px; height: 16px; text-align: center; margin-bottom: 0; }
		
		#gallery_actions{ position: absolute; right: 5px; bottom: 21px; background-color: #fff; width: 72px; height: 155px; }
			#gallery_help{ position: absolute; right: -3px; bottom: 125px; width: 80px; text-align: center; }
		
			#gallery_thumbnail{ position: absolute; right: 5px; bottom: 40px; height: 82px; text-align: center; background-color: #fff; }
				#zoom_selector{ position: absolute; left: 18px; top: 25px; width: 23px; height: 30px; border: 1px solid #dd0022; cursor: move; }
					#zoom_selector img{ position: absolute; left: 0; top: 0; }
		
			#gallery_actions ul{ list-style: none; width: 72px; position: absolute; left: 0; bottom: 10px; margin: 0; }
				#gallery_actions li{ float: left; }
				
			#gallery_percent{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }

	/* product compare */
	.compare{ width: auto; }
		.compare .part_list_item{ margin-left: 0; margin: 0 auto; width: 175px; }
		.compare thead tr th{ width: 185px; }
		.compare thead tr td{ width: 185px; }		
		.compare th{ background-color: transparent; border-right: 1px solid #dadada; width: 190px; }
		.compare_heading th,
		.compare_heading td{ background-color: #f0f0f0; border-bottom: 1px solid #dadada; }
	
	/* parts */
	.part_search_wrapper{ margin-bottom: 30px; }
	.part_search{ float: left; width: 755px; }
		.part_search fieldset{ float: left; width: 290px; padding: 0 31px 0 41px; }
			.part_search fieldset:first-child{ border-right: 1px solid #eaeaea; }
		.part_search select{ width: 150px; }
		
		.part_search ul{ float: left; list-style: none; padding-bottom: 10px; }
			.part_search ul li{ float: left; width: 115px; margin-top: 10px; }
			.part_search ul li label{ padding-left: 5px; }
			
	.shop_by_category{ margin-left: 0 !important; list-style: none; text-align: center; }
		.shop_by_category li{ float: left; width: 183px; margin-left: 4px; }
			.shop_by_category li:first-child{ margin-left: 0; }
	
	/* faq */
	.faq_nav{ float: left; margin-bottom: 20px; }
		.faq_nav li{ width: 175px; float: left; }
	.faq_content{ clear: left; }
	.faq_category{ border-bottom: 1px solid #f0f0f0; padding: 10px 0; }
	.faq_item{ }
		.faq_item h5{ font-weight: bold; margin-bottom: 5px; }
		.faq_item h5 + p{ margin-bottom: 5px; }
	
	/* account */
	#account_content{ float: left; width: 555px; margin-right: 25px; }
	#account_nav{ float: right; width: 350px; margin-right: 0; }
		#account_nav section{ padding: 10px; border: 1px solid #f0f0f0; }
		#account_nav h3{ text-transform: none; color: #dd0022; border-color: #bdbcbd; }
		.checklist{ list-style-image: url(../images/content/checkbox.png); margin-left: 30px !important; }
			.checklist a{ color: #bdbcbd; }
		.account_actions{ list-style-image: url(../images/content/bullet_account.png); margin-left: 30px !important; }
			.account_actions a{ color: #666; }
			.account_actions .selected{ font-weight: bold; color: #dd0022; }
	
	.order{ table-layout: auto; }
		.order thead th:first-child{ width: 195px; }
		.order thead th:first-child + th{ width: 100px; }
		.order thead th + th + th{ width: 130px; }
		.order thead th + th + th + th{ width: 145px; padding-left: 15px; }
			.order tbody td + td + td + td{ padding-left: 15px; }
		.order thead th + th + th + th + th{ width: 190px; }
		.order thead th + th + th + th + th + th{ width: 155px; }

	/* checkout status */
	.checkout_status{ list-style-type: none; width: 100%; margin-left: 0 !important; }
		.checkout_status li{ float: left; margin: 0 0 10px 45px; width: auto; height: 35px; }
			.checkout_status li:first-child{ margin-left: 0; }
		.checkout_status li.active{ color: #dd0022; font-weight: bold; }
		
		.checkout_status + *{ clear: left; }
	
	/* checkout */
	.cart{ table-layout: auto; }
		.cart tbody tr td{ border-top: 1px solid #f0f0f0; }
			.cart tbody tr:first-child td{ border-top: none; }
		.cart tbody tr td:first-child{ padding: 5px 0; }
		
		.cart tfoot td{ height: 35px; line-height: 35px; }

		.cart .thumbnail { float: left; display: block; max-width: 130px; text-align: center; vertical-align: middle; }
			.cart .thumbnail img { width: 100%; }
		.cart .details { margin-left: 140px; }

	.promo-code-container { float: left; width: 350px; margin-left: 45px; }

	body#billing fieldset,
	body#shipping fieldset{ float: left; width: 550px; margin-right: 30px; }
	body#billing #payment,
	.shipping_disclaimer{ float: right; width: 350px; margin-right: 0; }
	
	.checkout_container{ float: left; width: 100%; margin: 5px 0 10px; padding: 10px 0; border: 1px solid #f0f0f0; border-left: none; border-right: none; }
		.checkout_container aside{ float: right; width: 350px; margin-right: 0; }

	.checkout_out_of_stock { width: auto; height: auto; }

	.out_of_stock_header { clear: both; text-align: right; margin-left: 75%; padding-top: 1em; }

	.checkout_upsell{
		font-weight: bold;
		width: 950px;
		height: 20px;
		line-height: 20px;
		margin-top: 10px;
		padding: 5px;
		background: #fff;
		background: -moz-linear-gradient(#f0f0f0, #fff);
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f0f0), to(#fff));
		background: linear-gradient(#f0f0f0, #fff);
		-pie-background: linear-gradient(#f0f0f0, #fff);
	}
	
	.checkout_header{ float: left; max-height: 50px; }
		.checkout_header p{ margin-bottom: 0; }
	.checkout_buttons{ clear: right; float: right; position: relative; max-height: 50px; }
		.checkout_buttons h5{ text-align: right; }
		.checkout_buttons .img_processing{ position: absolute; right: 0; bottom: 15%; }
	
	.checkout_section{ float: left; margin: 0 0 25px 80px; }
		.checkout_container .checkout_section:first-child{ margin-left: 0; }
	
	.checkout_list{ float: left; width: 150px; padding: 10px; }
		.checkout_list ul{ list-style: none; }
	
	.checkout_register{ float: right; width: 435px; padding: 0 15px; }
		.checkout_container .checkout_register:first-child{ float: left; border-right: 1px solid #f0f0f0; width: 434px; }
		.checkout_register div{ float: left; margin-bottom: 10px; }
		.checkout_register h2{ background-color: #dd0022; color: #fff; padding: 5px; font-size: 16px; font-weight: bold; }
		.checkout_register h2 + div{ padding: 10px; width: 414px; }

	input[value="CREDIT_CARD"] + label:after { content: ""; display: block; width: 161px; height: 26px; background: transparent url(../images/background/credit-card.png) no-repeat scroll 0 0; }
	input[value="CHECK"] + label:after { content: ""; display: block; width: 56px; height: 26px; background: transparent url(../images/background/check.png) no-repeat scroll 0 0; }

	/* order summary */
	.order_summary{
		float: right;
		width: 328px;
		border: 1px solid #f0f0f0;
		margin-bottom: 10px;
		padding: 10px;
	}
		.order_summary > *:first-child{ border-bottom: 1px solid #f0f0f0; }
		.order_summary select{ width: 100%; }
		.order_summary dl.form dt{ width: 128px; }
		.order_summary dl.form dd{ width: 200px; }
		.order_summary dl.form dd + dd{ width: 100%; }

	/* product registration */
	.product_registration{ float: left; width: 50%; }
	.product_information{ float: right; width: 50%; }

/* support */
#vig-player .carousel { float: right; width: 25%; height: 400px; margin-left: 0; list-style: none; overflow: scroll; }
	#vig-player .carousel > li { width: 100%; height: 95px; margin: 6px 0 0; }
		#vig-player .carousel > li:first-child { margin-top: 0; }
		#vig-player .carousel > li img { width: auto; height: 100%; margin-right: 6px; vertical-align: middle; float: left; }
		#vig-player .carousel > li .title { float: left; width: 100px; max-height: 95px; }
		#vig-player .carousel + iframe { float: left; width: 708px; height: 400px; }

/* modal (z-index: 1000) */
div#modal_overlay{ width: 100%; height: 100%; background: rgba(155, 155, 155, .75); position: fixed; left: 0; top: 0; z-index: 1001; }
div#modal_window{ position: fixed; z-index: 1002; border: 1px solid #c2c2c3; background: #fff; /* width: 480px; height: 400px; */ }
	div#modal_window .close{ position: absolute; z-index: 1003; right: 8px; top: 8px; cursor: pointer; }
	div#modal_window h1{ /* position: absolute; z-index: 1004; left: 0; top: -30px; */ color: #555; background-color: #ededed; padding: 5px; height: 26px; overflow: hidden; }
	div#modal_window iframe{ width: 100%; border: none; /* position: absolute; left: 0; top: 25px; */ overflow: auto; background-color: #fff; left: 0 !important; }

/* bubble */
div#bubble{
	font-weight: normal;
	font-size: 1em;
	text-align: left;
	position: absolute;
	z-index: 1001;
	color: #555;
	border: 1px solid #555;
	width: 165px;
	padding: 5px;
	background: #bebebe;
	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
}
	#bubble_container{ z-index: 1001; }
	#bubble h4{ height: auto; color: #fff; font-weight: bold; }

.flags_large,	
.flags{
	display: block;
	min-width: 52px;
	background-color: #dd0022;
	border-radius: 3px;
	color: #fff;
	padding: 3px;
	border-left: 1px #dd0022 solid;
	font-size: 12px;
	line-height: 12px;
	min-height: 24px;
	text-align: center;
	text-transform: uppercase;
}
	.flags_large{ font-size: 18px; line-height: 18px; }
	/*
	.flags:before{ content: "\2014\00a0"; position: absolute; left: 0; top: 25%; }
	.flags:after{ content: "\00a0\2014"; position: absolute; right: 0; top: 25%; }
	*/

/* blog */
article { clear: both; margin-top: 1em; padding-top: 1em; border-top: 1px solid #d2d2d2; overflow: hidden; }
	article ol,
	article ul { margin-left: 2em !important; }
#blog h1 + article { border-top: none; }
	article img {
		padding: 5px;
		background: #fff;
		border: 1px solid #eee;
		-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
		-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
		box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
		max-width: 100%;
		height: auto;
	}
	article section { margin-bottom: 1em; }
		article section.thumbnail { float: left; width: 285px; max-height: 285px; overflow: hidden; padding: 5px; background: #fff; border: 1px solid #eee; }
			article section.thumbnail div { width: 100%; max-height: 285px; overflow: hidden; text-align: center; }
			article section.thumbnail img { padding: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
			article section.thumbnail .square img { width: 100%; height: 100%; }
			article section.thumbnail iframe { max-height: 285px; }
		article section.content { float: right; width: 50%; }
			.blog-content { margin: 2em 0; font-size: 1.25em; line-height: 120%; }
				.blog-content a { text-decoration: none; }
				.blog-content a:hover,
				.blog-content a:active { text-decoration: underline; }
	.read-more { font-size: 1.25em; margin-bottom: 2em; }
		.topics a,
		.read-more a { text-decoration: none; }
		.topics a:hover,
		.topics a:active,
		.read-more a:hover,
		.read-more a:active { text-decoration: underline; }
		.read-more a:after { content: ' \003e'; }
	.blog-title { margin-bottom: .25em; }
		.blog-title a { color: #000; text-decoration: none; }
	.blog-date { margin-bottom: 1em; }

.blog-archives .social_media { float: left; }
	.blog-archives .social_media > li { margin-left: 0; margin-right: 1em; }

.blog-archives ul { list-style: none; margin-left: 0 !important; }

.blog-archives .collapsible,
.blog-archives .expandable { background-color: transparent; text-align: left !important; cursor: pointer; padding: 2px 0; }

.blog-archives .collapse,
.blog-archives .expand { position: static; }

.blog-archives .drawer { padding: 0 10px; }

.blog-paging { text-align: center; position: relative; }
	article + .blog-paging { padding-top: 1em; border-top: 1px solid #d2d2d2; }
.blog-newer { float: left; }
.blog-older { float: right; }
.blog-home { position: absolute; left: 50%; margin-left: -25px; display: block; width: 50px; text-align: center; }

.widget-content iframe { width: 165px !important; max-width: 165px !important; min-width: 165px !important; }

.blog-search { }
	.blog-search input[type=text] { width: 125px; }
	.blog-search-button { 
		width: 25px;
		height: 20px;
		margin-bottom: -8px;
		padding-right: 5px;
		background: transparent url(../images/sprites/misc.png) no-repeat scroll 8px -156px;
		border: none;
		color: #797979;
		font-weight: bold;
		text-transform: uppercase;
	}