/*---------------------------------*\
|             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:#c12a0f;
	text-decoration:underline;
}
a:hover {
	font-size:11px;
	font-weight:bold;
	font-family:verdana;
	color:#e5492e;
}

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:146px;  height:45px;
background:url(../images/nav_about_b.gif) no-repeat;  }
#nav-gantry     { width:126px;  height:45px;
background:url(../images/nav_gantry_b.gif) no-repeat;  }
#nav-findadealer  { width:117px;  height:45px;
background:url(../images/nav_findadealer_b.gif) no-repeat;  }
#nav-cc    { width:144px;   height:45px;
background:url(../images/nav_cc_b.gif) no-repeat;  }
#nav-contact    { width:105px;   height:45px;
background:url(../images/nav_contact_b.gif) no-repeat;  }
#nav-login      { width:112px;  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 routing                        |
\*------------------------------------------*/


#routing
{
    width:750px;
    float:left;
    background-color:#BDC7BD;
    background:#BBC4BF  url(../images/home_content_bg.jpg) top repeat-x;
}


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

#routing .images td 
{	width:600px;
}

#routing .shows
{	width:249px;
    float:left;
    text-align:left;
	vertical-align: top;
	padding:1px 15px;
}

#routing .border
{  	background-color: #F7F7F7;
    width:1px;
	min-height:inherit;
}

#routing .shows b
{
  font-size:20px;
	font-weight:bold;
	font-family:arial;
	color:#c12a0f;   
}

#routing .shows table
{
   padding-top: 10px;
   margin-top: 10px;
   width: 220px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:11px; 
}

#routing .shows table th
{
  font-weight:bold;
  padding:3px 2px;
}


#routing .shows table td
{
  vertical-align:top;
  padding:3px 2px;
  line-height:14px;
/*  border: #333 1px solid;  */
}

#routing .featured
{ background-color: #ADBAB5;
  line-height:13px;
  width:100%;
  font-size:11px;
  font-family:verdana;
  line-height:18px;
  color:#000;
  height: 80px;
  padding: 10px 30px 20px 15px;
  border-right: #949A94 1px solid;
 }
 
 #routing .video
 { background-color: #ADBAB5;
   line-height:13px;
   width:100%;
   font-size:11px;
   font-family:verdana;
   line-height:18px;
   color:#000;
   height: 80px;
   padding: 5px 20px 10px 5px;
 }
 

/* following styles commented out for re-work of home page 

ul.images li.home-content
{
    width:250px;
    float:left;
    background:#cad0cc  url(../images/home_content_bg.jpg);
    text-align:left;
    height:218px; 
}

ul.images li.home-content div.content
{
    padding-top:11px;
    padding-left:12px;
    width:225px;
}

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

div.content .shows /* style added by lisa c for upcoming shows chart 
{
   line-height:13px;
  width:230px;
}

div.content .shows table.comparison-chart
{
   padding-top: 10px;
   margin-top: 10px;
}

div.content .shows table.comparison-chart th
{
  font-size:11px;
  font-weight:bold;
}

div.content .shows table.comparison-chart th b {
  font-size:11px;
}
div.content .shows table.comparison-chart td
{
  vertical-align:middle;
  padding:0 2px;
  line-height:12px;
}

ul.images li.promo
{
    width:430px;
    float:left;
    text-align:left;
   /* border: #333 1px solid; 
}

ul.images .promo
{    
  background-image:none;
  background-color: #ADBAB5;
  line-height:13px;
  width:500px;
  font-size:11px;
  font-family:verdana;
  line-height:18px;
  color:#000;
  height: 200px;
  padding: 10px 30px 20px 15px;
}

/* end lisa added styles for shows chart on home page

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;
} */



/*---------------------------------*\
|        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:180px;
    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 {
    
    padding:0;
    margin:0;
}

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

#subcontent div.text
{
    margin-left:25px;
    font-family:Verdana;
    font-size:11px;
    overflow-x: hidden;
    width: 540px;
}

#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:540px;
    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:#c12a0f; 
	line-height:30px;
}
#subcontent table td b.med,
#subcontent div.text b.med {
  font-size:16px;
	font-weight:bold;
	font-family:arial;
	color:#c12a0f;
}

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

#subcontent table.comparison-chart th
{
  font-size:11px;
  font-weight:bold;
}
#subcontent table.comparison-chart th b {
  font-size:11px;
}
#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 li.section
{
}

#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;
}

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

#footer .site-by
{
    color:#7b817d;
    font-size:10px;
    font-family:Verdana;
    text-align: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;
}

.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:#c12a0f;
}
/*---------------------------------*\
|            contact                |
\*---------------------------------*/

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

.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; }

#tblContact
{
  Width:520px;
}
#tblContact ul.emails {
  list-style:none;
}


#tblContact .emails li {
    background:url(../images/email.gif) transparent no-repeat;
    background-position:0 4px;
    padding-left:18px;
    padding-bottom:0;
    margin-bottom:0;
}
#tblContact .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;
  cursor:hand;
  cursor:pointer;
}

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 
{
  background-color:#afb8b2;
}

.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;  
}

.message b.heading 
{
  display:block; 
  color:#d90000; 
}
.message ul 
{
  width: 403px;
}
.message ul li 
{
  font-weight:normal;
}
.message ul li b 
{
  color:#000;
}
.message 
{
  padding-left:5px;
  width:403px;
  margin-bottom:10px;
  background-color:#fff2f2;
  border-bottom:1px solid  #f0c7c7;
  border-left:1px solid #f0c7c7;
  border-top:1px solid #fccfcf;
  border-right:1px solid #fccfcf;
}

.success 
{
  background-color:#d8fcd2;
  color:#000;
  text-align:center;
  border-top:1px solid #ceedc7;
  border-right:1px solid #ceedc7;
  border-bottom:1px solid #adc9a7;
  border-left:1px solid #adc9a7;
}

.success b.heading 
{
  color:#000;
}

.form tr.heading th,
.form tr.heading td
{
  background-color:#000;
  color:#fff;
  font-weight:bold;
  text-align:center;
  height:30px;
}