/* Stylesheet: Isuzu CSS Modified On 2012-11-15 15:58:04 */
/** CSS Reset http://meyerweb.com/eric/tools/css/reset/ **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 

/** Base Body Styles **/
body{ color:#58595b; font:0.750em Arial, Helvetica, "Trebuchet MS", sans-serif; text-align:left; line-height:1.5em; background:#38404c url(../../images/background.jpg) repeat-x 0 55px;}
/*--- Headings ---*/
h1, h2, h3, h4, h5, h6 { margin-bottom: 18px; font-weight: bold;}
h1{
  font-size: 1.666em; /* 20px --> 20 ÷ 12 = 1.666 */
  line-height: 0.9em; /* 18px --> 18 ÷ 20 = 0.9 */
}

h2 {
  font-size: 1.333em; /* 16px --> 16 ÷ 12 = 1.333 */
  line-height: 1.125em; /* 18px --> 18 ÷ 16 = 1.125 */
  Color: #7D8796
}

h3 {
  font-size: 1.333em; /* 16px --> 16 ÷ 12 = 1.333 */
  line-height: 1.125em; /* 18px --> 18 ÷ 16 = 1.125 */
}

h4 {
  font-size: 1.166em; /* 14px --> 14 ÷ 12 = 1.166 */
  line-height: 1.2857em; /* 18px --> 18 ÷ 14 = 1.2857 */
}

h5, h6 {
  font-size: 1em; /* 12px --> 112 ÷ 12 = 1 */
  line-height: 1.5em; /* 18px --> 18 ÷ 12 = 1.5 */
}


/*--- PARAGRAPHS ---*/
p {
  margin-bottom: 18px;
}

/*--- LISTS ---*/

ul, ol{margin-bottom:18px;}

/*--- QUOTES ---*/
blockquote {
  margin: 0 60px 0 45px;
  border-left: 5px solid #ccc;
  padding-left: 10px;
  text-indent: -0.4em;
}

blockquote b {
  display: block;
  text-indent: 0;
}

/*--- LINKS ---*/
a{text-decoration:underline; color:#0070A4;}
a:hover{text-decoration:underline; color:#A70908;}

/*--- ELEMENTS ---*/
a img{border:none; display: block;}
img{border-color:grey;}
td{vertical-align:top;}

/*--- TEMPLATE---*/

#contentWrap{width:960px; margin:auto;}
.contentHeader {
height: 51px;
line-height: 51px;
background-color: #38404C;
position: relative;
margin: 11px 0 0 0;
color: white;
text-transform: uppercase;
font-size: 25px;
padding-left: 25px;
}
#content{padding:25px; background:#fff;}
#frameWrap {
position: relative;
overflow: hidden;
width: 100%;
}
#isuzuFrame {
position: absolute;
top: -59px;
}
.new-isuzu{height: 610px;}
.n-series{height:3000px;}
.f-series{height:3400px;}
.giga-series{height:1680px;}

/*--- THEME ---*/

#headWrap{
  background:#fff;
}
#head {
  height: 77px;
  width:960px;
  margin:auto;
}
#logo{float:left;}
.isuzuButton{float:right; width:190px; height:77px;}
#navWrap{
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff0000 0%, #ba0b20 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#ba0b20)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff0000 0%,#ba0b20 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff0000 0%,#ba0b20 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff0000 0%,#ba0b20 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff0000 0%,#ba0b20 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ba0b20',GradientType=0 ); /* IE6-9 */
	text-align: center;
	height: 37px;
}
	#navWrap ul
		{margin: 0;
		padding: 0; 
		display: inline-block;
		}
#nav{
  margin: 0 auto !important;
  padding: 0; 
  height:37px; 
}
.navItem{
  font-weight: bold;
  text-decoration: none;
  float: left;
}
.navItem + .navItem{  background:url(../../images/menubreak_green.gif) no-repeat left;}
.navItemLink {
  color: #fff;
  text-transform: uppercase;
  display: block;
  padding: 0 26px;
  height: 37px;
  text-decoration: none;
  text-align:center;
  font-size: 12px;
  line-height: 37px;
}
.navItemLink:hover{text-decoration:none; background:#252525; color:#fff;}

#slider {
  width:960px;
  height:476px;
  margin:0 auto;
}
#slider img{display:none;}

#homeVisual{width:960px; margin:auto;}
#visualList{
  margin:0; 
  height:83px;
}
.visualItem{width:239px; float:left;}
.visualItem + .visualItem{margin-left:1px;}
.visualLink{display:block; height:83px; background:url(../../images/showcase.gif); }
.visualLink:hover{opacity:0.8}
.seriesTwo{background-position: -240px 0;}
.seriesThree{background-position: -480px 0;}
.searchBtn{background-position: -720px 0;}

#bottomNav{margin:10px 0 0 0; height:86px;}
.bottomNavLink{display:block; width:320px; height:86px; float:left;}
.serviceBtn{background:url(../../images/service_isuzu.gif) }
.partsBtn{background:url(../../images/parts_isuzu.gif)}
.specialsBtn{background:url(../../images/specials_isuzu.gif)}

#footer{
  font-size:11px;
  color:#6b6b6b;
  width:960px;
  margin:10px auto;
  text-align:center;
  height:27px;
  line-height:27px;
  background:#000;
}
.footerLink{
  color:#6b6b6b;
}
.clearfix, .clear{clear:both}
/* Stylesheet: v8 Forms Modified On 2012-11-15 15:58:23 */
/*COMMON FORM ELEMENTS*/

.errorMessage {
margin: 10px;
background: 
#F5CDCD;
padding: 10px;
color: #7D2A24;
font-size: 12px;
}
.errorMessageTitle {
font-weight: bold;
font-size: 16px;
}
.requiredSymbol{color:red}
.fb_invalid input{border:1px solid red !important;}
.clearfix{clear:both}

/*TESTDRIVE FORM*/

.testdriveField{clear:both; margin-top:5px; height:22px;}
.testdriveLabel{width:130px; margin-right:10px; float:left;}
.testdriveOptions {width: 80px; float: left;}
.testdriveForm textarea{height:100px; width:180px; float:left}
.testdriveSubmit{padding: 20px;height: 30px; width: 296px; clear:both}
.testdriveSubmit input{float:right; width: 120px;}

.testdriveField.textAreaField{height:100px;}

/*SERVICE FORM*/

.serviceField{clear:both; margin-top:5px; height:22px;}
.serviceLabel{width:110px; margin-right:10px; float:left;}
.serviceForm input, .serviceForm select, .serviceForm textarea{width:200px; float:left; margin:0; border:1px solid #ccc;}
.serviceForm textarea{height:100px}
.serviceSubmit{padding: 20px;height: 30px; width: 296px; clear:both}
.serviceSubmit input{float:right; width: 120px;}

/*PARTS FORM*/

.partsField{clear:both; margin-top:5px; height:22px;}
.partsLabel{width:115px; margin-right:10px; float:left;}
.partsForm input, .partsForm select, .partsForm textarea{width:200px; float:left; margin:0; border:1px solid #ccc;}
.partsForm textarea{height:100px}
.partsSubmit{padding: 20px;height: 30px; width: 296px; clear:both}
.partsSubmit input{float:right; width: 120px;}

/*ENQUIRY FORM*/

.enquiryField{clear:both; margin-top:5px; height:32px;}
.enquiryLabel{width:100px; margin-right:10px; float:left; text-align:right; font-weight:bold; line-height:32px;}
.enquiryForm input, .enquiryForm select, .enquiryForm textarea{width:200px; float:left; margin:0; border:1px solid #ccc; border-radius:5px; padding:5px; color:#666; font:inherit;}
.enquiryForm textarea{height:100px}
.enquirySubmit{padding: 20px;height: 30px; width: 296px; clear:both}
.enquirySubmit input{float:right; width: 120px;}

/*BROCHURE FORM*/

.brochureField{clear:both; margin-top:5px; height:32px;}
.brochureLabel, .brochureField .hiddenLabel{width:80px; margin-right:10px; float:left; text-align:right; font-weight:bold; line-height:32px; height:32px;}
.brochureForm input, .brochureForm select, .brochureForm textarea{width:200px; float:left; margin:0; border:1px solid #ccc; border-radius:5px; padding:5px; color:#666; font:inherit;}
.brochureForm textarea{height:100px}
.brochureSubmit{padding: 20px;height: 30px; width: 296px; clear:both}
.brochureSubmit input{float:right; width: 120px;}

/*FINANCE FORM*/

.financeForm{
font-size:11px;
width:700px;
margin:auto;
display:block;
border:1px solid #ccc;
background:#fff;
}
.financeForm input, .financeForm select{float:left; margin:0;}
.financeForm input{width:150px}
.financeLabel{
width:100px;
float:left;
display:block;
line-height:22px;
text-align:right;
padding-right:10px;
}
.financeField{clear:both; margin-top:5px; height:22px;}
.financeHeader{
text-align:center;
font-weight: bold;
background-color: #1487D8;
margin:15px 0;
}
.financeHeaderText {
display: block;
color: #1487D8;
background-color: white;
width: 20%;
margin: auto;
padding:0 10px;
}

.financeSection{border-top:4px solid #ccc; height:60px;}
.financeColumn{
width:340px; 
float:left;
margin:0;
padding:0;
border:none;
}
.financeColumnLeft{margin-right:20px}
.financeColumnRight{}
.financeNumBox{
height: 56px;
width: 40px;
background: #CCC;
font-family: Tahoma;
font-size: 30px;
font-weight: bold;
color: white;
text-align: center;
line-height: 56px;
float:left;
}
.financeSubTitle{
font-size: 13px;
font-weight: bold;
color: #ccc;
padding: 8px;
float:right;
}
.financeTimeField{
float:left;
display:block;
height:22px;
margin-top:5px;
width:96px;
}
.financeTimeField select{width:45px; float:left;}
.timeField{width:110px; float:left;}
.financeTimeField .financeLabel{width:35px; float:right; padding-left:5px;}
.financeTermsText{
padding:0 10px;
}
.financeCheckbox{
padding:10px;
height:30px;
}
.financeCheckbox .cms_checkbox{width:40px}
.financeCheckbox label{float:left; width:600px;}
.financeSubmit{padding:20px; height:30px}
.financeSubmit input{float:right;}