/* BEGIN container height fix for floats in Mozilla */ 
#masthead:after,
#header:after,
#testimonials_bottom:after,
#topNav:after,
.formWrapper:after,
.formSectionWrapper:after,
.formSection:after,
.formSection50:after,
#mainContentTopWrapper:after,
#position10 .content_top:after,
.clearfix:after,
#topNavWrapper:after,
.adSampleWrapper:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }
 /* END container height fix for floats in Mozilla */
 
/* .clearfix {display: inline-table;} FIXES FOR IE/MAC, BUT THROWS A JS PARSE ERROR */
 
h3, 
h2 {margin: 0;}

h2 {font-size: 115%;}

h1 {
clear:both;
border-bottom: 1px dotted #666;
padding-bottom: 4px;
}

a {
color: #315a94;
text-decoration: none;
}

p {margin-top: 0;}

a:hover{
color: #e88957;
text-decoration: underline;
}

body {
  padding: 0px 382px;
  margin: 0;
  text-align: center;
  color: #666;
  background-image: url(/images/bg4.gif); background-repeat: repeat-x;
  background-color: #fff;
  font:x-small arial,Sans-serif;
  }
  /* Begin font hack for Opera */
  html>body {font-size:small;}
  /* End font hack for Opera */
  
#constraint {
	margin: 0 auto;
	padding: 0;
	width: 50%;
	max-width: 219px;  
}
  
  
/* PAGE FORMATTING */
#pagewrapper {
background-color: #fff;
	margin: 0 -382px;
	min-width: 765px;
	position: relative;
  padding: 8px 8px 0 8px;
  }

#wrapper { width: 100%; } 


#masthead {
height: 91px;
background-image: url(/images/mashead_bg.jpg); background-position: left; background-repeat: no-repeat;
}

#logoWrapper {
float: right;
margin: 4px 21px 0 0;
}

#scanAlertWrapper {
float: left;
margin: 10px 0 0 10px;
}

/* TOP NAVIGATION */
/* ============================= */
 
#topNavWrapper {
background-color: #1b3c72;
border-bottom: 5px solid #7c8fa2;
padding: 0;
} 

#nav { margin: 0;
       padding: 0;
       width: 100%;
}

#nav li {
        margin: 0 1px 0 0;
        float: right;
        display: inline;
        padding: 0;
		position: relative;
		top: 0;
		left: 0;
		z-index: 9999;
}

#nav li:hover,
#nav li.over,
#nav li.on {
}

#nav li a {
		float: left;
		display: block;
        cursor: pointer;
		font-size: 90%;
		color: #6380ab;
  padding: 0.5em 1em;
  margin: 1px;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#nav li.off a:hover,
#nav li:hover a,
#nav li.over a,
#nav li.on a {
        color: #eee;
  border-color: #97a8c8;
}

#nav li.off ul, 
#nav li.on ul {
  display: none;
    margin: 0;
  padding: 0;
  position: absolute;
  left: 1px;
  top: 28px;
}

#nav li.off:hover ul,
#nav li.over ul,
#nav li ul li {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
}

#nav li.off:hover ul li,
#nav li.on:hover ul li {
float: none;
margin: 0;
background: transparent none;
list-style-type:circle;
text-align: left;
}

/*#nav li ul li:hover,
#nav li ul li.over {margin: 0; padding: 0;}*/

#nav li.on ul a, 
#nav li.off ul a {
  float: none;
  /*ie doesn't inherit the float*/
  color: #fff;
  margin: 0;
  padding: 3px 50px 5px 22px;
  border-bottom: 1px dotted #666;
  font-size: 9px;
  background-color: #7c8fa2;
}

#nav li.off ul a:hover,
#nav li.on ul a:hover {
		padding-top: 3px;
		background: #000 url(../images/expanded_li_bg.gif) no-repeat left;
		color: #7fccee;
}


#pano {
height: 206px;
border-top: 1px solid #fff;
background-color: #0e0d0b;
background-image:url(/images/pano_sample2_bg.jpg);
}

#panoInner1 {
height: 206px;
background-image:url(/images/pano_sample2_left.jpg); background-position: left; background-repeat: no-repeat;
}

#panoInner2 {
position: relative;
height: 206px;
background-image:url(/images/pano_sample2_right.jpg); background-position: right; background-repeat: no-repeat;
}

#learnMoreText {
position: absolute;
top: 8px;
right: 2%;
}

#noProblem {
position: absolute;
bottom: 0px;
left: 7%;
}


#subWrapper {
    position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  margin-top: 1px;
  }



#LgM #position2,
#Lg #position2,
#Lg #position4 {display:none;}

  
/* SMALL COLUMN */
#position2 {
  width:18%;
  padding: 0;
  background-color: #667ea4;
  }
  
#SmLg #position2 {position: absolute; left: 0; border-width: 0;}

/* MEDIUM COLUMN */
#position4 {
float: right;
  width:275px;
  padding: 0;
  }
  
  #position4 .content,
  #position2 .content {
  margin: 0;
  font-size:90%;
}

/* MEDIUM COLUMN */
#position4 {
float: right;
  width:275px;
  padding: 0;
 /* height: 100%;
  height:auto !important; 
  height:600px;*/
  }

#testimonialsWrapper {
background-color: #667ea4;
  color: #e2e7ee;
  margin-bottom: 1em;
}

#testimonialsContent {
text-align: left;
padding: 6px 10px;
} 


#testimonialsTitle {
text-align: right;
background-color: #a1a1a1;
background-image: url(/images/testimonials_bg.jpg); background-position: left; background-repeat: no-repeat;
height: 31px;
padding-top: 41px;
margin-bottom: 6px;
}

#testimonials_bottom {
height: 9px;
background-image: url(/images/testimonials_bottom_left.jpg); background-position: bottom left; background-repeat: no-repeat;
}

#testimonials_bottom_right {
height: 9px;
float: right;
}


/* LARGE COLUMN */
#position3 {
background-image:url(/images/clock2.jpg); background-repeat: no-repeat; background-position: bottom left;
  min-height:600px;}
  
#position3 .content {
  font-size: 95%;
  }
  
#LgM #position3 { /* Spacing for MEDIUM column on RIGHT when present  */
  margin-right:275px;
  }

#SmLg #position3 { /* Spacing for MEDIUM column on RIGHT when present  */
  margin-left:18%;
  }


#mainContentTopWrapper {
background-color: #fff;
height: 50px;
background-image: url(/images/page_title_bg.jpg); background-position: right; background-repeat: no-repeat;
border-width: 8px 0 0 0;
border-style: solid;
border-color: #dde1ea;
position: relative;
}

#mainContentTop {
float: left;
height: 26px;
padding-top: 21px;
padding-left: 12px;
padding-right: 9px;
border-width: 0;
border-style: solid;
border-color: #818181;
}

#phoneNumber {
position: absolute;
bottom: 4px;
right: 25px;
font-size: 130%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #2e5081;
}

#phoneNumber .number {
color: #333;
}

#pageTitle{
border-bottom: 1px dotted #666;
padding-bottom: 4px;
}

#mainContentTop .titleBullet {float: left; margin: 3px 7px 0 0;}

#mainContentTop .pageTitle {font-size: 26px; font-style: italic;}

#mainContentWrapper {
text-align: left;
line-height: 150%;
clear: left;
background-image: url(/images/position3_content_bg.jpg); background-repeat: repeat-x;
padding: 15px 20px;
}

#mainContentWrapper ul li {
list-style-image: url(/images/bullet.gif);
}

/* FOOTER */
#position10 {
border-top: 1px solid #fff;
}

#position10 .content {
background-color: #e4e7ee;
height: 69px;
  font-size:85%; 
  margin:0;
  text-align: center;
}

#position10 .content_top {
height: 6px;
background-image:url(/images/footer_top_left.gif); background-position: top left; background-repeat: no-repeat;
}

#position10 .content_top_right {
height: 6px;
float: right;
background-image: url(/images/footer_top_right.gif); background-position: top right; background-repeat: no-repeat;
}

#position10 .content ul {
  margin: 18px 0 6px 0;
  padding: 0 1px 0 0;
  }
  
#position10 .content ul li {
  display: inline;
  }
  
#position10 .content li a {
  padding: 0.5em 1em;
  margin: 1px;
  text-decoration: none;
  font-weight: bold;
  font-size: 80%;
  } 
  
#position10 .content li a:hover {
  text-decoration: underline;
  }

.required {color: #e88957;}

.testimonial {
border-bottom: 1px dotted #ccc;
margin-bottom: .5em;
padding: .5em 0;
}




/* ************************************************* */

input {
vertical-align: middle;
margin: 0;
padding: 0;
}

form {
margin: 0;
padding: 0;
font-size: 90%;
}

form .title img {
vertical-align: middle;
margin: 0 .5em 0 0;
}

.formRowTitle {
margin: .5em 0 0 0;
padding: 0 0 0 1em;
}
.spacer {
padding: .25em 0 0 0;
height: 1px;
clear: left;
}

.formRowFull .formRowTitle input {
margin: 0 .75em 0 0;
}

.formRow {
margin: 0;
padding: 0 0 0 2em;
vertical-align: middle;
}

.formRowFull {
width: 98%;
}

.formRowHalfLeft, .formRowHalfRight {
float: left; 
width: 49%;
}

.formRowHalfLeft {
clear: left;
}

.formRowSubmit {
text-align: right;
margin: .5em 0 .5em 0;
padding: 0 15px 0 0;
}

.formSectionWrapper {}

.formSection {
/*background-color: #eee;*/
padding: 0 0 .75em 0;
margin: 0 0 .75em 0;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #ddd;
}

.formSection50 {
padding: 4px 1% 4px 0;
margin: 0;
width: 49%;
float: left;
}

form .title, #formWrapper .title, #dealerListing .title, #dealerMap .title, #incentives .title {
background-color: #7e92b0;
color: #eee;
padding: 3px 8px 3px 12px;
margin: 0;
}

form h3, #formWrapper h3, #dealerListing h3, #dealerMap h3, #incentives h3 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 125%;
 font-weight: bold;
 margin: 0;
 }
 
form h4, .subTitle td h4 {
 font-size: 110%;
 font-weight: bold;
 margin: 0;
 }

select, input, textarea, checkbox, radio {
margin: 5px 0 0 0;
vertical-align: middle;
font-size: 100%;
border-width: 1px;
}

/* REPORTING STYLES */
/* ============================= */

#selectDateRange {margin-bottom: 15px; background-color: #bbb; border: 1px solid #a9b7ca; padding: 5px;}

#selectDateRange form {margin: 0 0 0 15px; padding: 0; color: #fff;}

table {font-size: 90%; clear: both;}

td, th {padding: 2px;}

th {padding: 2px; font-weight: bold; background-color: #ececec; border-left: 1px solid #fff;}

table.border {border-width: 0 0 1px 1px; border-style: solid; border-color: #999; background-color: #fff;}

table.border td,
table.border th { border-width: 1px 1px 0 0; border-style: solid; border-color: #999; }

.th1 {
background-color: #1b4587; 
color: #fff;
}

.th1a {
background-color: #8a9fc1; 
color: #fff;
}

.th3 {
background-color: #30b457; 
color: #fff;
}

.th3a {
background-color: #97d9ab; 
color: #fff;
}

.row0 td {}
.row0 td.highligted {background-color: #eee;}

.row1 {background-color: #f1f4f8;}
.row1 td.highligted {background-color: #d0e4ff; }


/* MEDIA CENTER STYLES */
/* ============================= */

.adSampleWrapper {float: left; margin-bottom: 15px; text-align: center; background-color: #eee; border: 1px solid #a9b7ca; padding: 5px;}

.adSampleWrapper textarea {width: 100%;}

.adSizeTitle,
.reportingTitle {font-size: 90%; font-weight: bold; background-color: #1b3c72; color: #eee; margin-bottom: 5px; padding: 2px 5px; border: 3px double #a9b7ca; font-family:Arial, Helvetica, sans-serif;}

.adSampleWrapper .adSample {}

.adSampleWrapper .instructions {color: #3c556f; text-align: left;}


/* EXPANDING MENU STYLES */
/* ============================= */

#xPandMenu {text-align: left; color: #fff; font-size: 100%;}

#xPandMenu ul {padding-left: 0; margin-left: 0;}

#xPandMenu li {display: block;}

#leftMenu li.topLevel {vertical-align: middle; cursor: pointer; background-color: #919fb8; background-image: url(/images/lef_nav_li_bg.gif); background-repeat: repeat-x; font-size: 110%; font-weight: bold; padding: 0; margin: 0;}

#xPandMenu  a.title {display: block; padding: 5px 0 5px 29px; color: #fff; background-image: url(/images/left_menu_bullet_off.gif); background-position: left; background-repeat: no-repeat; border-bottom: 1px solid #a5b5d1;}

#xPandMenu  a:hover.title {text-decoration: none; color: #1b3c72;}

#xPandMenu ul li ul {background-color: #7589ad;}

#xPandMenu ul li ul li {list-style-image: none; border-bottom: 1px dotted #eee; padding-left: 19px;}

#xPandMenu ul li ul li a {display: block; color: #eee; font-weight: normal; padding: 3px 0;}