/* /////////////////// 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; cursor: pointer; }
#nav-right {  margin: 0 auto; width: 6px; height: 31px; float: left; overflow: hidden; }
#nav-title {  margin: 0 auto; width: 500px; 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: 404px; 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: center; }
#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; margin-bottom: 10px; 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: 490px; float: left; padding: 0px; }
.top-content-wrap-right { margin: 0 auto; width: 470px; float: left; padding: 0px; }
.top-content-wrap-left2 { 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-bottom: 10px; width: 490px; height: 80px; float: left; padding: 0px; cursor: pointer; }
.top-content-logo2 { margin: 0 auto; margin-bottom: 10px; width: 240px; height: 80px; float: left; padding: 0px; cursor: pointer; }
.top-content-event { margin: 0 auto; width: 490px; height: 90px; float: left; padding: 0px; }
.top-content-text { margin: 0 auto; width: 470px; float: left; padding: 0px; }

/* /////////////////// MID CONTENT //////////////////// */
#mid-content { margin: 0 auto; margin-bottom: 10px; width: 970px; float: left; padding: 0px; }
#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 //////////////////// */
.credit-text { margin: 0 auto; margin: 0 20px 8px 20px; width: 930px; float: left;  }
.review-text { margin: 0 auto; margin: 0 20px 20px 20px; width: 930px; float: left;  }
.policy-text { margin: 0 auto; margin: 0 20px 20px 20px; width: 930px; 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;  }



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