/*---------------------------------*\
|             global                |
\*---------------------------------*/

body
{
  margin:0;
  padding:0;
  background:#000 url(../images/bg_black_fade.jpg)  repeat-x;
  text-align:center;
}

a,	
a:link,
a:visited,
a:active {
	font-size:11px;
	font-weight:bold;
	font-family:verdana;
	color:#00045d;
	text-decoration:underline;
}

a:hover {
	font-size:11px;
	font-weight:bold;
	font-family:verdana;
	color:#2d36e0;
}

td, 
div
{
 -moz-box-sizing:border-box;
  box-sizing:border-box;
}

#main-container
{
  width:780px;
  margin:0 auto;
  padding:0;
  text-align:left;
}

#main
{
  width:780px;
  float:left; 
}

#content-container 
{
  width:756px;
  float:left;
}

#content 
{
  background-color:#fff;
  float:left;
}

#main-content 
{   
  margin-left:3px;
}

#main-content-text
{
  width:750px;
  float:left;
  background-color:#dadedb;
}

img {
  border:0px;
}

#header-container
{
  float:left;
  width:756px;
  background-color:#fff;
}

/*---------------------------------*\
|               nav                 |
\*---------------------------------*/

#nav-container 
{
  float:left;
  width:753px;
  height:45px;
  padding:0;
  margin:0;
    
}

/*---------------------------------*\
|           nav rollovers           |
\*---------------------------------*/

.rollover a           { display:block;      }
.rollover a:hover     { visibility:visible; }
.rollover a:hover img { visibility:hidden;  }

/*-------------------------------*/


/*-------------------------------*\
|       nav highlight images      |
\*-------------------------------*/
#nav-about      { width:181px;  height:45px; background:url(../images/nav_about_b.gif)    no-repeat;  }
#nav-products   { width:93px;  height:45px; background:url(../images/nav_products_b.gif) no-repeat;  }
#nav-dealer     { width:103px;  height:45px; background:url(../images/nav_dealer_b.gif)   no-repeat;  }
#nav-cc			{ width:144px;  height:45px; background:url(../images/nav_cc_b.gif)    no-repeat;  }
#nav-parts      { width:101px;  height:45px; background:url(../images/nav_parts_b.gif)    no-repeat;  }
#nav-support    { width:71px;  height:45px; background:url(../images/nav_support_b.gif)  no-repeat;  }
#nav-contact    { width:102px;  height:45px; background:url(../images/nav_contact_b.gif)  no-repeat;  }
#nav-login      { width:127px;  height:45px; background:url(../images/nav_login_b.gif)  no-repeat;  }
/*-------------------------------*/


/*---------------------------------*\
|           image lists             |
\*---------------------------------*/
ul.images
{
  padding:0;
  margin:0 0 -10px 0;
  float:left;   
}

ul.images li 
{
  margin:0;
  float:left;
  list-style:none;
  list-style-position:inside;
}

/*---------------------------------*\
|        home content               |
\*---------------------------------*/

ul.images li.home-content 
{
  width:249px;
  padding-top:12px; 
  text-align:left;
  height:100%;
}

ul.images li.home-content div.content 
{
  padding-top:16px;
  padding-left:28px;
  width:220px;
}

ul.images li.home-content div.content div.text
{
  padding-top:5px;
}

div.content .promo 
{
  line-height:13px;
}
ul.images li.home-content b
{
  font-size:20px;
	font-weight:bold;
	font-family:arial;
	color:#c12a0f;   
}

ul.images li.home-content
{
	font-size:11px;
	font-family:verdana;
	line-height:18px;
	color:#000;
}

ul.images li.home 
{
  padding-top:12px;
}


/*---------------------------------*\
|        home routing               |
\*---------------------------------*/
#routing-container
{
  width:750px;
  float:left;
  background:#dadedb url(../images/bg_home.gif) repeat-y;
  height: 350px;
}

#routing 
{
  float:left;
  width:499px;
/*  padding-left:0 0 0 10px; */
  margin-right:1px;
  font-family:verdana;
  line-height:18px;
  font-size:11px;
  background: url(../images/bg_content_greyfade.jpg) repeat-x;
}

#routing-content 
{
  float:left;
  margin-left:1px;
  width:248px;
  background: url(../images/bg_content_greyfade.jpg) repeat-x;
  height: 100%;
}

/*---------------------------------*\
|        page-text background       |
\*---------------------------------*/

#bg-content-container 
{
  float:left;
  width:750px;
  background:#e3e5e4 url(../images/bg_content_main.gif) repeat-y;
}

/*---------------------------------*\
|          subnav side menu         |
\*---------------------------------*/

#subnav-container 
{
  float:left;
  width:181px;
  padding:0;
  margin:0;
  /*background-color:#696e6b;*/
}

#subnav 
{
  width:179px;
  padding:0;
  display:block;
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	color:#bcc4bf;
	text-align:right;
}

#subnav ul
{
  padding:0;
  margin:0;
  list-style:none;
  background-color:#696e6b;
}

#subnav ul li
{
  line-height:24px;
  margin:0; 
  padding:0;
  color:#fff;
  list-style-position:inside;	
  font-size:10px;
	font-weight:bold;
	font-family:verdana;
	display:block;
}

/*--------------------------------------*\
 Fix Win IE to display sidemenu properly
----------------------------------------\*/
* html #subnav ul li { margin:0 0 0 -16px; }
/*---------------------------------------*/

#subnav ul li a,
#subnav ul li a:link,
#subnav ul li a:visited 
{
  text-align:right;
  display:block;
  height:1%;    
  padding:0 15px 0 0;
  text-decoration:none;
  background:url(../images/subnav_bg_off.gif) repeat-y;
  color:#fff;
}

#subnav ul li a:hover 
{
  background:url(../images/subnav_bg_on.gif) repeat-y;
}

#subnav ul li.on,
#subnav ul li a.on,
#subnav ul li a:link.on,
#subnav ul li a:visited.on
{
  background:url(../images/subnav_bg_on.gif) repeat-y;
}

/*---------------------------------*\
|  testimonial in subnav sidemenu   |
\*---------------------------------*/

#testimonial-container {
  width:180px;
  padding:0;
  margin:0;
  line-height:18px;
}

#testimonial {
  padding: 0 15px 0 30px;
}

#testimonial-container #author {
  color:#fff;
  font-weight:normal;
  margin: 20px 15px 0 30px;
}

/*---------------------------------*\
|       subcontent (page text)      |
\*---------------------------------*/

#subcontent-container {
  float:left;
  width:569px;
  padding:0;
  margin:0;
}

#subcontent 
{
  float:right;
  width:569px;
  background:url(../images/bg_content_greyfade.jpg) repeat-x 0 30px;
}

#subcontent div.text {
  margin-left:25px;
  font-family:Verdana;
  font-size:11px;
}

#subcontent .subcontent-images div {
  display:inline;
  width:170px;
  height:175px;
  margin-right:5px;
}

#subcontent table td,
#subcontent div.page-text {
  font-size:11px;
  font-family:Verdana;
  margin:20px 25px 0 0;
  line-height:18px;
}

#subcontent div.page-text a,
#subcontent div.page-text a:link,
#subcontent div.page-text a:visited,
#subcontent div.page-text a:active {
  font-size:11px;
	font-weight:bold;
	font-family:verdana;
	color:#c12a0f;
}

#subcontent div.page-text a:hover {
  color:#e5492e;
}

#subcontent div.page-text .indent 
{
  margin-left:35px;
}

#subcontent div.text {
  width:500px;
  line-height:18px;
}

#subcontent div.text-left 
{
  width:270px;
  float:left;
  background:transparent;
}

td.text-left 
{
  vertical-align:top;
}

#subcontent div.text-right 
{
  float:left;
  width:260px;
  background:transparent;
}

.sub-images img
{
  margin-right:4px;
}

#subcontent table td b.large,
#subcontent div.text b.large {
  font-size:20px;
	font-weight:bold;
	font-family:arial;
	color:#00045d; 
}

#subcontent b.large 
{
  line-height:30px;
}

#subcontent table td b.med,
#subcontent div.text b.med {
  font-size:16px;
	font-weight:bold;
	font-family:arial;
	color:#00045d; 
}

#subcontent ul.images li {
  padding-right:5px;
  padding-bottom:25px;
}

#subcontent table.comparison-chart th 
{
  font-weight:normal;
}

#subcontent table.comparison-chart td 
{
  vertical-align:middle;
  padding:0 4px 0 4px;
  line-height:14px;
}

#subcontent div.text ul.specs 
{
  list-style:none;
  margin:0;
  padding:0;
  font-weight:bold;
  padding-bottom:15px;
}

#subcontent div.text ul.specs ul 
{
  list-style:disc;
  font-weight:normal;
}
#subcontent div.text ul.specs li 
{
  padding-top:5px;
}

/*---------------------------------*\
|            footer                 |
\*---------------------------------*/

#footer {
  float:left;
  width:756px;
  margin-top:10px;
}

#footer div
{
  float:left;
}

#footer .footer 
{
  padding-bottom:7px;
  color:#7b817d;
  font-size:10px;
  font-family:Verdana;
  float:left;
}

/*---------------------------------*\
|        site by wlion              |
\*---------------------------------*/

#footer .site-by 
{
  color:#7b817d;
  font-size:10px;
  font-family:Verdana;
  text-align:right;
  float:right;
    
}

.site-by a,
.site-by a:link,
.site-by a:active,
.site-by a:visited 
{
  color:#7b817d;
  text-decoration:none;
  font-weight:bold;
}

.site-by a:hover 
{
  color:#ffffff;
}

/*---------------------------------*\
|        footer nav links           |
\*---------------------------------*/

#footer .footer-nav 
{
  padding-left:5px;
  color:#7b817d;
  font-size:10px;
  font-family:Verdana;
  float:left;
}

.footer-nav a,
.footer-nav a:link,
.footer-nav a:active,
.footer-nav a:visited 
{
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	color:#ffffff;
	text-decoration:none;
}

.footer-nav a:hover 
{
	color:#2d36e0;
}

/*---------------------------------*\
|            contact                |
\*---------------------------------*/

.form-contact, .form
{
  font-size:11px;
  font-family:Verdana;
  background-color:#B4BBB7;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000;
}

.form td {
  padding:2px 0 0 11px;
  line-height:16px;
  font-weight:normal;
}

.form-contact td, {
  padding:3px 0 3px 11px;
  line-height:16px;
  font-weight:normal;
}

.form-contact .pad 
{
   padding-right: 150px;
 }

.form-contact th,
.form th 
{
  padding:3px 0 0 0;
  margin:0;
  text-align:right;
  font-weight:normal;
  vertical-align:top;
  font-size:11px;
}

.form-contact .required th,
.form-contact .required td,
.form-contact .requirederror th,
.form-contact .required td,
.form .required th,
.form .required td,
.form .requirederror th,
.form .requirederror td {
  font-weight:bold;
}

.form-contact .error th,
.form-contact .error td,
.form-contact .requirederror th,
.form-contact .requirederror td,
.form .error th,
.form .error td,
.form .requirederror th,
.form .requirederror td {
  color:#f00;
  font-weight:bold;
}

.form-contact .required td,
.form .required td {
 background:url(../images/required.gif) 3px 4px transparent no-repeat;
}

.form-contact .requirederror td,
.form .requirederror td {
  background:url(../images/required_error.gif) 3px 3px transparent no-repeat;
}

table.contactTable 
{
  Width:520px;
}

table.contactTable ul.emails {
  list-style:none;
}

table.contactTable .emails li {
  background:url(../images/email.gif) transparent no-repeat;
  background-position:0 4px;
  padding-left:18px;
  padding-bottom:0;
  margin-bottom:0;
}
table.contactTable .emails li.phone {
  list-style:none;
  background:none;
  background-position:0 4px;
  padding-left:18px;
  padding-bottom:0;
  margin-bottom:0;
}

/*---------------------------------*\
|            misc                   |
\*---------------------------------*/

.center 
{
  text-align:center;
}
.left 
{
  text-align:left;
}
.right 
{
  text-align:right;
}

.vm 
{
  vertical-align:middle;
}

.vtop
{
  vertical-align:top;
}

div.float-left 
{
  float:left;
}

/*---------------------------------*\
|        input boxes                |
\*---------------------------------*/

input.xsm,
input.phone,
input.sm,
input.med,
input.sku_med,
input.name_med,
input.zip_med,
input.lg,
input.xl,
input.xxl,
input.date,
input.search,
textarea.sm,
textarea.med,
textarea.lg,
textarea.xl,
select.med,
select.sm,
input.browse {
  margin:0;
  padding:1px 0 1px 4px;
  font-size:11px;
  font-family:tahoma, verdana, sans-serif;
  vertical-align:middle;
  color:#000;
  background-color:#fff;
  border:1px solid;
  border-color:#003782 #d7d7d7 #d7d7d7 #003782;
}

input.disabled 
{
  background-color:#e5e5e5;
  color:#cccccc;
}

.disabled 
{
  color:#969696;
}

input.xsm     { width:57px; }
input.phone   { width:100px; }
input.sm      { width:100px; }
input.zip_med { width:80px; }
input.med     { width:190px; }
input.lg      { width:250px; }
input.xl      { width:400px; }
input.xxl     { width:500px; }
input.date    { width:75px; }
input.search  { width:200px; padding:0 2px; }
textarea.sm   { width:200px; height:50px; }
textarea.med  { width:190px; height:75px; }
textarea.lg   { width:350px; height:150px; }
textarea.xl   { width:350px; height:250px; }
select.sm     { width:80px; }
select.med    { width:150px;}
select.lg     { width:195px; }
select.tall   { height:100px; }
input.button  {
  font-size:11px;
  font-family:verdana, sans-serif;
  font-weight:bold;
}

select.error  { 
  background-color:#ffd97a;
}

input.browse {
  font-size:11px;
}

select {
  font-size:11px;
  font-family:tahoma, verdana, sans-serif;
  vertical-align:middle;
  color:#000;
  background-color:#fff;
}

.cell
{
  border-left:1px solid #000;
  border-top:1px solid #000;
}

.border-top
{
  border-top:1px solid #000;
}

.border-bottom
{
  border-bottom:1px solid #000;
}

.border-left
{
  border-left:1px solid #000;
}

.border-right
{
  border-right:1px solid #000;
}

.black 
{
  background-color:#000;
  color:#fff;
  font-weight:bold;
}

.grey 
{
  background-color:#dce0de;
  color:#000;
}

.dark-grey td
{
  background-color:#c2c2c2;
  color:#000;
}

.light-grey td
{
  background-color:#dce0de;
  color:#000;
}

.clear 
{
  background-color:none;
}

/*---------------------------------*\
|   parts search radio buttons      |
\*---------------------------------*/

#rdoCurrency td input
{
 vertical-align:middle;
}

#rdoCurrency td label 
{
  vertical-align:middle;
}

/*---------------------------------*\
| dealers results table             |
\*---------------------------------*/

table.cart th,
table.dealers th 
{
  font-weight:bold;
}

table.cart tr,
table.dealers tr
{
  height:10px;  
}

/*---------------------------------*\
| products                          |
\*---------------------------------*/

div.product
{
  float:left;
  margin-top:12px;
  width:500px;
}

div.product div.image
{
  float:left;
  width:170px;
  padding-right:10px;
  padding-bottom:5px;
  vertical-align:top;
}

div.product div.description 
{
  float:left;
  margin-left:20px;
  width:300px;
  padding-bottom:5px;
  line-height:15px;
}
div.product div img 
{
padding-bottom:3px;
}