/* /////////////////// GLOBALS //////////////////// */ 
* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
img { border: none;}
.clear { clear: both; background: none; }
p {padding: 5px 0 0 0;}
h2 { font-size: 24px; font-weight: normal; text-decoration: none; }
a { outline: none; }
a:active { outline: none; }

/* /////////////////// THEME SWITCHER //////////////////// */
#theme-switcher { margin: 0 auto; width: 955px; text-align: right; }
#style-switch-white-blue { background-image: url("../graphics/style-switch-white-blue.jpg"); background-repeat: no-repeat; background-position: 0 0px; overflow: hidden;}
#style-switch-white-red { background-image: url("../graphics/style-switch-white-red.jpg"); background-repeat: no-repeat; background-position: 0 0px; overflow: hidden;}
#style-switch-white-orange { background-image: url("../graphics/style-switch-white-orange.jpg"); background-repeat: no-repeat; background-position: 0 0px; overflow: hidden;}
#style-switch-black-blue { background-image: url("../graphics/style-switch-black-blue.jpg"); background-repeat: no-repeat; background-position: 0 0px; overflow: hidden;}
#style-switch-black-red { background-image: url("../graphics/style-switch-black-red.jpg"); background-repeat: no-repeat; background-position: 0 0px; overflow: hidden;}
#style-switch-black-orange { background-image: url("../graphics/style-switch-black-orange.jpg"); background-repeat: no-repeat; background-position: 0 0px; overflow: hidden;}
#style-switch-black-yellow { background-image: url("../graphics/style-switch-black-yellow.jpg"); background-repeat: no-repeat; background-position: 0 0px; overflow: hidden;}

/* /////////////////// MAIN DIVS //////////////////// */
#wrapper { margin: 0 auto; margin-bottom: 10px; margin-top: 3px; width: 980px; }
#wrapper-left { margin: 0 auto; width: 780px; float: left; overflow: hidden; }
#wrapper-right { margin: 0 auto; width: 200px; float: left; margin-left: 2px; }
#pagebody { margin: 0 auto; width: 980px; }
#content { margin: 0 auto; margin: 10px; width: 960px; }

/* /////////////////// NAVIGATION //////////////////// */ 
#nav {  margin: 0 auto; margin-bottom: 15px; margin-top: 10px; width: 960px; height: 31px; }
#nav-left {  margin: 0 auto; width: 50px; height: 31px; float: left; overflow: hidden; }
#nav-right {  margin: 0 auto; width: 6px; height: 31px; float: left; overflow: hidden; }
#nav-title {  margin: 0 auto; width: 860px; height: 31px; float: left; overflow: hidden; }

.nav-divider {  margin: 0 auto; width: 2px; height: 31px; float: left; overflow: hidden; }
.nav-item {  margin: 0 auto; width: 99px; height: 31px; float: left; overflow: hidden; cursor: pointer; }
.nav-item-empty {  margin: 0 auto; width: 44px; height: 31px; float: left; overflow: hidden;  }
.nav-item p {  margin-top: 2px; margin-left: 30px; }

/* /////////////////// FOOTER //////////////////// */
#footer { margin: 0 auto; margin-top: 0; width: 980px; float: left; padding: 0px; padding: 5px 0 5px 0; }
#footer-wrap { margin: 0 auto; margin-top: 10px; margin-bottom: 10px; width: 980px; float: left; }
.footer-text { font-size: 11px; text-align: left; }
div.f-left{ float: left; width: 100px; font-size: 11px; text-align: left; }
div.f-right{ float: left; width: 870px; font-size: 11px; text-align: right; }
#footer a { font-size: 11px; font-weight: bold; text-decoration: none; }
#footer a:visited { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* /////////////////// THUMBS //////////////////// */
#thumbs { margin: 0 auto; width: 970px; float: left; padding: 0px; }
.thumbs-container { margin: 0 auto; margin-left: 10px; width: 960px; float: left; padding: 0px; }
.thumbs-wrap { margin: 0 auto; margin-right: 20px; width: 100px; height: 112px; float: left; padding: 0px; overflow: hidden;}
.thumbs-pic { margin: 0 auto; margin-left: 2px; margin-top: 4px; width: 96px; float: left; padding: 0px; cursor: pointer; overflow: hidden;}
.thumbs-title { margin: 0 auto; margin-left: 2px; margin-top: 8px; width: 96px; float: left; padding: 0px; cursor: pointer; text-align: center; overflow: hidden;}

/* /////////////////// SLIDING MAIN CAR LINEUP //////////////////// */
.stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 900px; /*Width of Carousel Viewer itself*/ height: 120px; /*Height should enough to fit largest content's height*/ margin-left:30px; }
.stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; }



/* /////////////////// TOP CONTENT //////////////////// */
#top-content { margin: 0 auto; margin-bottom: 0; width: 970px; float: left; padding: 0px; }
.top-content-wrap-left { margin: 0 auto; width: 700px; float: left; padding: 0px; margin-right: 10px;}
.top-content-wrap-right { margin: 0 auto; width: 250px; float: left; padding: 0px; }
.top-content-wrap-right2 { margin: 0 auto; width: 700px; float: left; padding: 0px; }
.top-content-logo { margin: 0 auto; margin-top: 10px; width: 250px; height: 100px; float: left; padding: 0px; }
.top-content-text { margin: 0 auto; width: 470px; float: left; padding: 0px; }
.top-content-wrap-left p { padding: 0 0 0 15px; font-weight: bold; font-size: 11px; }

#headline { width: 730px; padding: 10px 0 0 15px; font-size: 46px; font-style: italic;  }
#modelheadline { width: 730px; padding: 10px 0 0 15px; font-size: 36px; font-style: italic;  }
#formheadline { width: 730px; padding: 10px 0 0 15px; font-size: 23px; font-style: italic;  }


/* /////////////////// BOTTOM CONTENT //////////////////// */
.bottom-content { margin: 0 auto; margin-bottom: 0; width: 970px; float: left; padding: 0; }
.bottom-content-left { float: left; margin: 0 auto; width: 490px; float: left; padding: 0px; margin-right: 10px; margin-bottom: 25px;}
.bottom-content-right { float: left; margin: 0 auto; width: 470px; float: left; padding: 0px; margin-bottom: 25px;}
.bottom-content-text { padding: 0 10px 0 10px;  font-size: 14px;}
.bottom-credit-text { padding: 0 10px 0 10px; font-size: 11px; color: #666666;}

/* /////////////////// MID CONTENT //////////////////// */
#mid-content { margin: 0 auto; margin-bottom: 10px; width: 970px; float: left; padding: 0px; }
#mid-content-form { margin: 0 auto; margin-bottom: 10px; width: 970px; float: left; padding: 0px; height: 468px; }
#mid-content-home { margin: 0 auto; width: 970px; float: left; padding: 0px; }
.mid-content-wrap-left { margin: 0 auto; margin-bottom: 10px; width: 600px; float: left; padding: 0px; }
.mid-content-wrap-right { margin: 0 auto; margin-bottom: 10px; width: 370px; float: left; padding: 0px; }
.mid-form { margin: 0 auto; width: 370px; float: left; padding: 0px; }
.mid-content-pic { margin: 0 auto; margin: 10px 0 0 10px; width: 580px; height: 265px; float: left; padding: 0px; }
.mid-content-pic3 { margin: 0 auto; margin: 10px 0 0 20px; width: 540px; height: 300px; float: left; padding: 0px; }
.mid-content-picMODEL { position:relative; margin: 0 auto; margin: 0 0 5px 30px; width: 480px; height: 265px; overflow: hidden;}
.mid-content-picMODEL-wrap { position:absolute; top:50%; left: 50%; margin-top:-38%; margin-left: -50%;}
.mid-content-picMODELFORM { position:relative; margin: 0 auto; margin: 10px 0 5px 30px; width: 400px; height: 265px; overflow: hidden;}
.mid-content-picMODELFORM-wrap { position:absolute; top:50%; left: 50%; margin-top:-38%; margin-left: -50%;}
.mid-content-specs { margin: 0 auto; width: 970px; float: left; padding: 0 0 6px 30px; text-align: left; }
.mid-content-specs a { text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 12px;}

/* /////////////////// MID CONTENT //////////////////// */
.credit-text { margin: 0 auto; margin: 0 20px 8px 20px; width: 930px; float: left;  }
.review-text-pop { margin: 0 auto; margin: 0 20px 20px 20px; width: 780px; float: left;  }
.review-text-pop p { font-size: 11px; text-align:justify;  }
.review-text-pop h2 { font-size: 20px; text-align:left; padding: 4px 0 8px 0; font-weight: bold;}
.review-text-pop h3 { font-size: 14px; text-align:left; padding: 4px 0 4px 0; }
.policy-text { margin: 0 auto; margin: 0 20px 20px 20px; width: 780px; float: left;  }
.policy-text p { font-size: 11px; text-align:justify;  }
.policy-text span { font-size: 12px; font-weight:bold;  }

.policy-text ul { margin: 0; margin-left: 20px; padding: 0;}

.thankyou-text { margin: 0 auto; margin: 0 20px 20px 20px; width: 930px; float: left;  }
.thankyou-text-left {  margin: 0 auto; width: 590px; float: left; }
.thankyou-text-right {  margin: 0 auto; width: 300px; height: 300px; float: left;  }

/* /////////////////// CUSTOM FORM ELEMENTS //////////////////// */
.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; display: block; clear: left; float: left; }
.checkbox { background: url("../graphics/checkbox.gif") no-repeat; }
.radio { width: 20px; height: 20px; padding: 0 5px 0 0; display: block; clear: left; float: left; }
.radio { background: url("../graphics/color_swatch.gif") no-repeat; }
.select { position: absolute; width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px arial,sans-serif;
	background: url("../graphics/select.gif") no-repeat; overflow: hidden; }


.colorValueBox { width: 20px; height: 20px; float: left; overflow: hidden; margin-right: 3px;}

/* /////////////////// QUOTE FORM //////////////////// */
.form-model-left { margin: 0 auto; width: 450px; float: left; padding: 0px; margin-right: 10px;}
.form-model-right { margin: 0 auto; width: 510px; float: left; padding: 0px; }

.form-model-row { float: left; margin: 0 auto; width: 530px; padding: 0px; overflow: hidden;}
.form-model-row-col1 { float: left; margin: 0 auto; width: 250px; padding: 0px; overflow: hidden; margin-right: 10px;}
.form-model-row-col2 { float: left; margin: 0 auto; width: 250px; padding: 0px; overflow: hidden;}

.form-model-row LABEL{ float: left; margin: 0 auto; width: 250px; padding: 8px 0 2px 0; overflow: hidden; font-weight: bold;}
.form-model-row h4{ float: left; margin: 0 auto; width: 250px; padding: 10px 0 2px 0; overflow: hidden; font-size: 20px; font-weight: bold;}

.mid-form { margin: 0 auto; width: 370px; }
.mid-content-form-wrap { margin: 0 auto; width: 370px; margin: 75px 0 0 85px; }
.mid-content-form-row { margin: 0 auto; width: 360px; float: left; margin: 14px 0 0 0; }


.mid-content-form-make-title { margin: 0 auto; width: 100px; float: left; margin-left: 10px; font-size: 16px; font-weight: bold; overflow: hidden;}
.mid-content-form-model-title { margin: 0 auto; margin-top: 40px; width: 100px; float: left; margin-left: 10px; font-size: 16px; font-weight: bold; overflow: hidden;}
.mid-content-form-zip-title { margin: 0 auto; width: 100px; float: left; margin-left: 10px; font-size: 16px; font-weight: bold; overflow: hidden;}

.mid-content-form-make { margin: 0 auto; width: 200px; float: left; margin-left: 5px; font-size: 10px; font-weight: bold; overflow: hidden;}
.mid-content-form-model { margin: 0 auto; margin-top: 40px; width: 200px; float: left; margin-left: 5px; font-size: 10px; font-weight: bold; overflow: hidden;}
.mid-content-form-zip { margin: 0 auto; width: 200px; float: left; margin-left: 5px; font-size: 10px; font-weight: bold; margin-bottom: 10px; overflow: hidden;}

.mid-content-form-modelNEW { margin: 0 auto; width: 200px; float: left; margin-left: 80px; font-size: 10px; font-weight: bold; overflow: hidden; margin-top: 65px;}
.mid-content-form-modelNEW SELECT{ width: 150px; height: 20px; font-size: 12px; font-weight: bold; overflow: hidden;}

.mid-content-form-modelNEW2 { margin: 0 auto; width: 220px; float: left; margin-left: 50px; font-size: 10px; font-weight: bold; overflow: hidden; margin-top: 55px;}
.mid-content-form-modelNEW2 SELECT{ width: 150px; height: 20px; font-size: 12px; font-weight: bold; overflow: hidden;}

.mid-content-form-make SELECT{ width: 150px; height: 20px; font-size: 12px; font-weight: bold; overflow: hidden;}
.mid-content-form-model SELECT{ width: 150px; height: 20px; font-size: 12px; font-weight: bold; overflow: hidden;}
.mid-content-form-zip INPUT { width: 150px; overflow: hidden;}
.mid-content-form-button { width: 272px; height: 34px; }

.mid-content-text-home { margin: 0 auto; margin-bottom: 10px; margin-top: 50px; width: 320px; float: right; text-align: justify;}
.mid-content-text { margin: 0 auto; margin-bottom: 10px; margin-top: 50px; width: 370px; height: 150px; float: left; }
input.inventory { width: 272px; height: 34px; outline: none; }

/* /////////////////// CONGRATS MID CONTENT //////////////////// */
#congrats-mid-content { margin: 0 auto; margin-bottom: 15px; width: 970px; float: left; padding: 0px; }
.congrats-text { margin: 0 auto; margin: 0 20px 20px 20px; width: 930px; float: left;  }
.congrats-text2 { margin: 0 auto; margin: 0 0 20px 20px; width: 700px; float: left;  }
.congrats-text ul { margin: 0; margin-left: 20px; padding: 0; font-size: 12px;}
.congrats-text2 ul { margin: 0; margin-left: 20px; padding: 0; font-size: 12px;}
.congrats-text2 h2 {  font-size: 22px; font-weight: bold;}
.mid-content-form-button3 { width: 374px; height: 34px; }
input.inventory3 { width: 374px; height: 34px; outline: none; }

/* /////////////////// REQUIRED //////////////////// */
.required { font-weight: bold; font-size: 14px; float: left; }
#quote-form .required { font-weight: bold; font-size: 14px; width: 4px; float: left; color: #FF0000; margin-left: 2px; text-align: left;}
#quote-form .required-field { width:97%; float:left;  }

/* /////////////////// QUOTE FORM //////////////////// */
#quote-form { margin: 0 auto; width: 950px; margin-left: 20px; margin-top: 70px; float: left; overflow: hidden; }
#quote-form span{ float: left; font-size: 14px; font-weight: bold; }
#quote-form-left { margin: 0 auto; width: 430px; margin-left: 20px; float: left; overflow: hidden; }
#quote-form-right { margin: 0 auto; width: 470px; float: left; overflow: hidden; }
#quote-form LABEL{ font-size: 12px; font-weight: bold; }
#quote-form-left LABEL{ margin: 0 auto; margin-right: 5px; float: left; overflow: hidden; }
#quote-form-right LABEL{ margin: 0 auto; margin-right: 5px; float: left; overflow: hidden; }
#quote-form-left .field{ margin: 0 auto; width: 430px; float: left; overflow: hidden; }
#quote-form-right .field{ margin: 0 auto; width: 235px; float: left; overflow: hidden; }
.quote-form-row { margin: 0 auto; margin-bottom: 15px; width: 430px; float: left; overflow: hidden; }
.quote-form-row2 { margin: 0 auto; margin-bottom: 10px; width: 235px; float: left; overflow: hidden; }
.quote-form-row3 { margin: 0 auto; margin-bottom: 20px; width: 470px; float: left; overflow: hidden; }
.quote-form-row4 { margin: 0 auto; margin-bottom: 15px; width: 116px; float: left; overflow: hidden; }
.quote-form-row800 { margin: 0 auto; margin-bottom: 15px; width: 950px; float: left; overflow: hidden; }
.quote-form-row800b { margin: 0 auto; margin-bottom: 15px; width: 950px; float: left; overflow: hidden; border-bottom:#8e8d8d 1px dotted;}
.quote-form-row200 { margin: 0 auto; margin-bottom: 15px; width: 200px; float: left; overflow: hidden; }
#quote-form-right-subleft { margin: 0 auto; margin-bottom: 10px; width: 235px; float: left; overflow: hidden; }
#quote-form-right-subright { margin: 0 auto; margin-bottom: 10px; width: 235px; float: left; overflow: hidden; }
.quote-form-right-subleft { margin: 0 auto; margin-bottom: 10px; width: 235px; float: left; overflow: hidden; }
.quote-form-right-subright { margin: 0 auto; margin-bottom: 10px; width: 235px; float: left; overflow: hidden; }

/* /////////////////// CONFIRMATION PAGE //////////////////// */
#mid-content-confirmation { margin: 0 auto; margin-bottom: 10px; width: 970px; float: left; padding: 0px; }
.mid-content-confirmation-wrap { margin: 0 auto; width: 950px; float: left; padding: 0px; margin-left: 20px; }
.quote-form-row10 { margin: 0 auto; margin-bottom: 10px; width: 940px; float: left; overflow: hidden; }
.quote-form-row11 { margin: 0 auto; margin-bottom: 18px; width: 940px; float: left; overflow: hidden; }
.mid-content-confirmation-wrap LABEL{ font-size: 12px; font-weight: bold; }
.mid-content-confirmation-wrap LABEL{ margin: 0 auto; margin-right: 5px; float: left; overflow: hidden; width: 150px;}
.mid-content-confirmation-wrap .field{ margin: 0 auto; width: 730px; float: left; overflow: hidden; }

.mid-content-confirmation-button1 { width: 370px; height: 26px; float: left; margin-right: 15px; }
input.confirmation-button1 { width: 370px; height: 26px; outline: none; }

.mid-content-confirmation-button2 { width: 134px; height: 26px; float: left; }
input.confirmation-button2 { width: 134px; height: 26px; outline: none; }

.mid-content-form-button5 { width: 310px; height: 31px; margin-top: 60px; margin-left: 135px;}
input.inventory5 { width: 310px; height: 31px; outline: none; }

/* /////////////////// THANKYOU PAGE //////////////////// */
#top-content-THANKYOU { margin: 0 auto; margin-bottom: 20px;; width: 970px; float: left; padding: 0px; }
#top-content-THANKYOU p { font-size: 12px; padding-top: 5px; padding-bottom: 5px;}
.mid-content-THANKYOU-left { margin: 0 auto; margin-bottom: 10px; width: 370px; float: left; padding: 0; }
.mid-content-THANKYOU-right { margin: 0 auto; margin-bottom: 10px; width: 600px; float: left; padding: 0px; height: 200px;}
.mid-content-form-THANKYOU { margin: 0 auto; width: 580px; float: left; margin-left: 0px; font-size: 10px; font-weight: bold; overflow: hidden; margin-top: 25px;}
#mid-content-THANKYOU { margin: 0 auto; margin-bottom: 10px; width: 970px; float: left; padding: 0px; }
.thank-you-visit-us { margin: 0 auto; width: 380px; float: left; overflow: hidden; margin-top: 50px; margin-left: 200px; padding-left: 20px;}
.thank-you-visit-us a { font-size: 22px; font-weight: bold;}
.mid-content-THANKYOU-left h2 { padding: 0 0 0 10px;}
.mid-content-THANKYOU-left p { padding-left: 10px;}
.mid-content-THANKYOU-left p span { padding: 0 0 0 10px; font-weight: bold;}
