/* IE 5.5+ PNG fix */
/*#section img { behavior: url(/javascripts/iepngfix.htc) }*/

/*
----------------------------------------------------------------------------- 
Main Elements
-----------------------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	background: transparent url(../images/site_bg.gif) 0 0 repeat-x;
	background-color: #303030;
	color: #666;
	text-align: center;
}
a {
	color: #666;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #666;
}
a:hover {
	color: #CF0D14;
}
h1 {
	margin: 0 0 15px 0;
	color: #CF0D14;
	font-size: 14px;
	font-weight: bold;
}
h2 {
	margin: 0 0 15px 0;
	padding: 0;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
ul, ol {
	list-style-image: none;
	list-style-type: none;
}
hr {
}

#wrapper {
	width: 760px;
	margin: 0 auto 10px auto;
	text-align: left;
}

/* 
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/
#header {
	height: 96px;
	margin-bottom: 10px;
}
#header img {
	margin: 0;
	padding: 0;
	border: 0;
}

#top_tread {
	display: block;
	width: 760px;
	height: 21px;
	margin: 0;
	background: transparent url(../images/tread_bg.gif) 0 0 repeat-x;
}

/* 
----------------------------------------------------------------------------- 
Left Column and Main Nav
-----------------------------------------------------------------------------*/

#leftcol {
	float: left;
	min-height: 490px;
	height:auto !important;
	height: 490px;
	background-color: #FFF;
}

.nav_tb_block {
	display: block;
	width: 140px;
	height: 24px;
	margin-bottom: 1px;
	background-color: #848484;
}

#nav {
	margin: 0;
	margin-left: 0;
	padding: 0;
}
#nav li {
	margin-bottom: 1px;
	margin-left: 0;
	padding: 0;
}
#nav li a {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding-left: 14px;
	color: #303030;
	background-color: #E6E6ED;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 32px;
	font-weight: bold;
	text-transform: uppercase;
}
#nav li a:hover {
	background-color: #D7D7DB;
}
#nav li a.current, #nav li a.current:hover {
	color: #E6E6ED;
	background: transparent url(../images/nav_active_bg.gif) 0 0 no-repeat;
}

/* 
----------------------------------------------------------------------------- 
Right Column content
-----------------------------------------------------------------------------*/

#rightcol {
	float: right;
	width: 610px;
	background-color: #FFF;
}

#timestamp_bar {
	display: block;
	height: 24px;
	margin: 0;
	font-size: 10px;
	background: transparent url(../images/timestamp_bg.gif) 0 0 no-repeat;
	color: #FFF;
	background-color: #848484;
	text-align: right;
}
#timestamp_text {
	padding: 5px 10px 0 0;
}

#content {
	min-height: 409px;
	height:auto !important;
	height: 409px;
	padding: 10px 20px;
	font-size: 11px;
}
#content p {
	line-height: 14px;
}
#content img {
	float: right;
	padding: 0 0 0 20px;
}

.faq {
	margin-bottom: 12px;
	padding: 2px;
	background-color: #EEE;
}
.faq a {
	font-weight: bold;
}

/*
----------------------------------------------------------------------------- 
Textual Content
-----------------------------------------------------------------------------*/
#content_general {
	width: 490px;
	min-height: 220px;
	padding: 20px 30px;
	font-size: 11px;
}
#content_general p {
	margin-top: 10px;
	line-height: 14px;
}
#content_general ul {
	margin-top: 5px;
	list-style-type: disc;
}
#content_general ul li {
	margin-top: 2px;
}
.content_logo {
	margin-top: 20px;
}
/* Drop Cap for news */
#content_general p span {
	font-weight: bold;
}
.news_item {
	margin-top: 30px;
	padding-left: 5px;
	clear: left;
	border-left: 1px solid #CCC;
}
.news_item h1 {
	margin-bottom: 0;
	font-size: 12px;
}
blockquote p {
	width: 400px;
	margin-top: 10px;
	padding-left: 20px;
	quotes: "\201C" "\201D";
}
blockquote:before { content: ''; font-weight: bold; }
blockquote:after { content: ''; font-weight: bold; }

blockquote span {
	font-weight: bold;
	font-style: italic;
}

/* 
----------------------------------------------------------------------------- 
Dealer Locator
-----------------------------------------------------------------------------*/
#dealer_search {
	width: 210px;
	margin: 10px 0;
	float:left;
}
#dealer_results {
	width: 220px;
	height: 325px;
	margin: 20px 0;
	float: right;
	overflow: auto;
}
.dealer_listing {
	margin: 10px 0;
	float: none;
	clear: both;
}
.dealer_listing p {
	text-transform: uppercase;
}
#dealer_results span.dealer_distance {
	text-transform: none;
	font-weight: bold;
}
.dealer_box {
	width: 210px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #CCC;
}
#dealer_search h2, #dealer_results h2 {
	margin-top: 0;
	font-size: 11px;
	font-weight: bold;
}
.dealer_box td {
	padding: 0 10px 10px 0;
}
#dealer_search .text_field {
	line-height: 15px;
	padding: 2px;
	color: #878787;
	border: 1px solid #878791;
	background-color: #FFF;
}
#dealer_search .radios {
	margin: 0 10px;
}

/* 
----------------------------------------------------------------------------- 
Contact Forms
-----------------------------------------------------------------------------*/
.valid_form {
	width: 490px;
	padding: 0;
}
.valid_form p {
	margin: 0 0 10px 0;
}
.valid_form table {
	border: 0;
}
.valid_form td {
	padding: 0 0 10px 0;
	border: 0;
}
.valid_form .form_col1 {
	width: 100px;
	font-weight: bold;
}
.valid_form .label {
	font-weight: bold;
}
.valid_form .text_field {
	line-height: 15px;
	padding: 2px;
	color: #878787;
	border: 1px solid #878791;
	background-color: #FFF;
}
.valid_form .radios {
	margin: 0 10px;
}
.form_error {
	color: #CF0D14;
}
.errorBox {
	margin-top: 20px;
	padding: 2px;
	color: #FFF;
	background-color: #FF0000;
	/*border: 1px solid #FFF;*/
}
.fieldWithErrors {
	padding-left: 5px;
	border-left: 1px solid #FF0000;
}
#a_form {
	min-height: 220px;
	padding: 20px 30px;
	font-size: 11px;
}
#a_form form {
	margin: 10px 0;
}
#a_form h1 {
	font-size: 16px;
	font-weight: bold;
}
#a_form label {
	position: absolute;
	margin-top: 10px;
	text-align:right;
	width:150px;
}
#a_form input, #a_form textarea, #a_form select, #a_form submit {
	margin-top: 10px;
	margin-left: 160px;
}
#a_form .secondary_field {
	margin-left: 20px;
}
#a_form label.check, #a_form label.radio {
	position:relative;
	margin-top: 10px;
	text-align:left;
}
/*
----------------------------------------------------------------------------- 
Category Landing Page
-----------------------------------------------------------------------------*/
#subcats {
	/*width: 780px;*/
	min-height: 220px;
	padding: 0 0 0 30px;
	color: #000;
	font-size: 10px;
}
#subcats h1 {
	padding-bottom: 2px;
	color: #878791;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
}
#subcats a {
	display: block;
}
#subcats .controls a {
	display: inline;
}
#subcats .hdr_img {
	margin: 3px 0;
}
/*#subcats a span {
	display: none;
}*/
.subcat_3way {
	width: 240px;
	padding: 0 5px 5px 0;
	float: left;
}
.subcat_2way {
	width: 360px;
	padding-right: 5px;
	float: left;
}
.subcat_3way .subcat_landing_short_desc {
	width: 110px;
	height: 115px;
	float: left;
	padding-left: 5px;
	border-left: 1px solid #878791;
}
.subcat_2way .subcat_landing_short_desc {
	width: 200px;
	height: 115px;
	float: left;
	padding-left: 5px;
	border-left: 1px solid #878791;
}
.subcat_landing_product {
	float: right;
}
.subcat_3way .subcat_action {
	margin-bottom: 5px;
	border-left: 1px solid #878791;
}
.subcat_2way .subcat_action {
	width: 360px;
	height: 108px;
	margin-bottom: 5px;
	border-left: 1px solid #878791;
}

/* 
----------------------------------------------------------------------------- 
Products Listing
-----------------------------------------------------------------------------*/
#subcat_box {
	width: 240px;
	padding: 20px 10px 20px 30px;
	float: left;
}
#subcat_box h1 {
	color: #878791;
	font-size: 14px;
	font-weight: bold;
}
#subcat_box h2 {
	padding-top: 10px;
	color: #878791;
	font-size: 12px;
	font-weight: bold;
}
#subcat_landing_desc {
	width: 220px;
	padding-right: 10px;
	border-right: 1px solid #878791;
	color: #000;
}
#subcat_box p {
	padding-bottom: 5px;
}
#subcat_sample {
	width: 220px;
	padding: 5px 10px 0 0;
	border-right: 1px solid #878791;
}
#products_listing {
	padding: 40px 30px 20px 0;
	float:right;
}
#products_listing h1 {
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#products_listing h1 a {
	color: #000;
}
.listing_product {
	width: 460px;
	padding-bottom: 20px;
	float: left;
	clear: both;
}
.variation_icon {
	width: 60px;
	padding-right: 10px;
	float: left;
}
.short_desc {
	width: 270px;
	float: left;
	color: #000;
}
.prod_small {
	width: 116px;
}
#back_to_category {
	display: none;
}

/* 
----------------------------------------------------------------------------- 
Product Detail
-----------------------------------------------------------------------------*/
#product_detail {
	min-height: 180px;
	padding: 10px 30px 20px 30px;
	color: #000;
	font-size: 10px;
}
#hero_box {
	width: 260px;
	float: left;
}
#hero_box a {
	margin: 0;
	padding: 0;
}
#hero_box h3 {
	font-size: 10px;
}
#product_images {
	padding-bottom: 10px;
}
.image_thumb {
	margin: 5px 10px 10px 0;
	padding: 2px;
	float: left;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #878791;
}
#product_info {
	width: 440px;
	margin-bottom: 20px;
	padding-left: 20px;
	float:right;
}
#product_info h1 {
	margin-bottom: 5px;
	color: #878791;
	font-size: 12px;
	font-weight: bold;
}
#prod_desc_long {
	width: 220px;
	padding-right: 20px;
	float: left;
}
#prod_desc_long p {
	margin-bottom: 5px;
}
#prod_features {
	width: 200px;
	float: right;
}
#prod_features ul {
	margin-left: .85em;
	margin-bottom: 4px;
	padding-left: .85em;
	list-style-position: outside;
	list-style-type: disc;
}
#prod_features li {
}
#prod_features p {
	margin-bottom: 5px;
}
.super_features {
	margin: 0;
	padding: 0;
}
.msrp {
	margin-top: 10px;
	color: #4864A3;
}
.red_box {
	display: none;
	margin: 10px;
	text-align: center;
}
/* 
----------------------------------------------------------------------------- 
Product Navbar - #F2F2F2
-----------------------------------------------------------------------------*/
#product_navbar {
	width: 100%;
	height: 20px;
	clear: both;
	margin-top: 3px;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	background-color: #F7F9FA;
	font-size: 10px;
}
#product_navbar a {
	font-weight: bold;
}
#product_navbar a:hover {
	color: #FF9933;
}
#product_navbar a img {
	width: 125px;
	height: 16px;
}
#back_to_subcategory {
	padding: 3px 106px 0 30px;
	float: left;
	vertical-align: baseline;
}
#back_to_subcategory img {
	vertical-align: middle;
}
#prev_next_product {
	padding-top: 3px;
}

/* 
----------------------------------------------------------------------------- 
Standard Pages
-----------------------------------------------------------------------------*/
.inline_uploaded_image {
	margin: 10px 10px 10px 0;
}
#uploaded_images {
	float: right;
	width: 220px;
	padding: 3px 0 0 0;
}
.uploaded_image {
	margin: 0 0 3px 0;
}
.uploaded_image .contents {
/*	margin: 10px 10px 10px 0;*/
}
.uploaded_image p, .inline_uploaded_image p {
	font-style: italic;
	margin: 3px 0 9px 0;
}

/* 
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/
#footer {
	display: block;
	padding: 5px;
	color: #B2B2B7;
	background-color: #FFF;
}
#footer p {
	margin: 0;
	font-size: 9px;
	text-align: center;	
}

/* 
----------------------------------------------------------------------------- 
Misc
-----------------------------------------------------------------------------*/
#t_manage {
	margin: 10px 0;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
#t_manage th {
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}
#t_manage td {
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.ad_inst {
	float: right;
	padding: 0 10px 10px 0;
}
.controls {
	margin: 5px 5px 5px 0;
	padding: 3px;
	clear: left;
	float: left;
	border: 1px solid #CCC;
	color: #878787;
	background-color: #EEE;
}
.controls img {
	margin: 0 2px;
	vertical-align: middle;
}
.handle {
	cursor: move;
}
.float_left {
	float: left;
}
.clear_float {
	height: 1;
	float: none;
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */