@import 'reset.css'; /*Resets the browser default styles */

/* resetting */
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, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100.01%; font-family:inherit; vertical-align:baseline;}
body {width:100%;  color:#3C3C3C; background:#000; font:0.75em/1.4em Arial, sans-serif;}
html, body {height:100%;}
ol, ul {list-style:none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
form{display:inline; padding:0; margin:0;}

/* general */
.clear {clear: both;}
.clearfix {width:100%;}

a {color:#4B799D; text-decoration:none;}
h1, h2, h3, h4 {margin-bottom:5px; font-weight:normal;}
h1 {font-size:1.75em; line-height:1em;}
h2 {font-size:1.3em; line-height:1em;}
h3 {font-size:1.2em; line-height:1em;}
p {padding:5px 0px;}
.marginTop20 {margin-top:20px;}
.divider hr {display:none;}
.divider {clear:both; width:488px; height:10px; background:transparent url("/images/dividers/panel_divider.png") no-repeat left top;}

.pageBackground {position:absolute; top:0; left:0; width:100%; height:100%;}
.page {position:relative; width:964px; margin:0px auto; text-align:left;}
.middle {float:left; width:100%; min-height:540px;}

/* top navigation  */
.topNavigation {height:64px; margin-bottom:30px;}

/* footer */
.footer {clear:both; float:left; width:964px; margin:20px auto 0px; padding:20px 0px 10px 0px; border-top:1px solid #AEADAD; text-align:center;}
.footer li {display:inline; text-align:center; font-size:0.9em;}
.footer li a {padding:7px 10px; color:#AEADAD;}
.footer li a:hover, .footer li a:active {color:#fff; text-decoration:none;}

/* car Area */
.carArea {position:absolute; top:270px; width:465px; height:370px; z-index:43; background:transparent url("") no-repeat left top;}

/* forms */
.formBox, .mainBox {width:518px; float:right;}
.formBox {position: relative;}
.formBoxCentreWrapper {float:none; width:518px; margin:0px auto;}
.mainArea, .mainAreaThankYou {float:right;  padding-top:16px;}
.mainAreaTop {background:transparent url("/images/backgrounds/panel_top.png") no-repeat left top; height: 16px; width: 488px; padding:0px 15px;}
.formBoxCentreWrapper .mainAreaTop {background: url('/images/backgrounds/panel_top2.png') no-repeat center top; height: 16px; width: 488px; padding:0px 15px;}
.mainAreaInner {float:right; width:488px; height:100%; padding:0px 15px; background:transparent url("/images/backgrounds/panel_repeater.png") repeat-y left top;}
/*.formBoxCentreWrapper .mainArea {border: 1px solid red; background: url('/images/backgrounds/panel_top2.png') no-repeat center top;}*/

.bottomSlice {width:518px; clear:both; height:30px; background:transparent url("/images/backgrounds/panel_main_bottom.png") no-repeat left bottom;}

.MOI, .innerMOI, .innerMOI .left, .innerMOI .right, .innerMOI input, .innerMOI label {float:left; display: inline;} 
.innerMOI {position: relative;z-index:5;}


/*.MOI {margin-bottom:4px; padding-top:8px; background:red url("/images/backgrounds/panel_next_top.png") no-repeat 0 0;}
.innerMOI {width:488px; padding:0px 15px 0px; vertical-align: bottom; background:blue url("/images/backgrounds/panel_next_bottom.png") no-repeat left bottom;}*/

.MOI {margin-bottom:4px; padding-top:8px;}
.topDiv {width:518px; height: 8px; background: transparent url("/images/backgrounds/panel_next_top.png") no-repeat left top;}
.innerMOI {width:488px; padding:0px 15px 0px; background: transparent url("/images/backgrounds/panel_next_bottom.png") no-repeat left bottom;}

.innerMOI .left {width:250px; min-height:90px; padding:7px 0px 0px 5px; background:transparent url("/images/dividers/panel_upright_divider.png") no-repeat 254px top;}
.innerMOI .right {float:left; width:213px; position: relative; padding:6px 0px 0px 18px;}
.innerMOI input, .checkboxesArea input {float:left; width:12px; height:12px; margin:2px 4px 0px 0px; border:none;}
.innerMOI label, .checkboxesArea label {text-align:left;}
.innerMOI .left h1 {padding-right:30px; text-align:right;}
.innerMOI .left label {clear:none; width:auto;}
.innerMOI .right div {float:left; width:220px; margin-bottom:3px; padding:3px 2px 3px 7px;}
.innerMOI .right div.tickRequest {background:transparent url("/images/backgrounds/request_tab.png") no-repeat left top;}
.innerMOI .right label {clear:none; width:85%;}
.innerMOI .testdriveOptionPanel{position:relative;}
.btnNext {display:none; z-index:5; float:right; position:relative; bottom:10px; right:30px; height:24px; padding-right:15px; background:transparent url("/images/buttons/next_btn_02.png") no-repeat right top;}
.btnNext input {display:block; width:auto; height:24px; padding:3px 3px 5px 15px; background:transparent url("/images/buttons/next_btn_01.png") no-repeat left top; border:none; cursor:pointer; font-size:1.1em; font-weight:bold; color:#fff;}
.notAvailable {position:absolute; left:-10px; top:5px;}
.RATDnotAvailablePopup {position:absolute; display:none}

.blockDiv {float:left; margin-bottom:12px; position: relative;}
.blockDiv p {padding-right:10px;}
label {display:block; clear:left; float:left; width:200px; padding-right:10px; text-align:right;}
input, textarea, select {font-size:1.0em; font-family:Arial; border:2px solid #F2F1ED;}
input, textarea {width:205px;}
input {height:15px;}
.selectWrapper {float:left; position:relative; z-index:3;}
select {position:relative; z-index:5; padding-left:0px !important;}
textarea {height:120px;}

.checkboxesArea {clear:both; float:left; width:60%; padding:0px 0px 0px 210px;}
.checkboxesArea label {clear:none; float:left; margin-left:5px;}
.checkboxesArea input {clear:both; margin:0px;}

.submitBox {display:block; float:right; height:34px; padding-right:18px; background:transparent url("/images/buttons/panel_white_02_btn.gif") no-repeat right top; margin-bottom:0;}
.submitBox input {display:block; width:auto; height:34px; padding:5px 0px 5px 20px; background:transparent url("/images/buttons/panel_white_01_btn.gif") no-repeat left top; border:none; cursor:pointer; font-size:1.2em; font-weight:bold; color:#333;}

.disclaimer {clear:both; width:280px; padding:5px 5px 0px 210px; font-size:0.85em;}
.disclaimer p {padding:0px;}
.formBoxCentreWrapper .header, .paragraph, .disclaimerText, .ValidationSummary, .normalTextRight {padding-left:210px;}
.disclaimerText {float:none; clear:both; width:55%; padding:0px 0px 0px 210px; font-size:0.9em;}

.MOI .small{font-size:90%;}
.MOI .medium{font-size:90%;}
.MOI .large{font-size:105%;}

.radioBox {width:100%; float:left; height:20px; margin-top:40px; left:20px; padding-bottom:5px;}
.DealerAddress {padding-bottom:10px;}
.DealerAddress p {padding:0px;}

/* top form box */
.ul_main, .ul_main ul {list-style-type:none;}
.ul_main {width:222px; position:absolute;  padding-bottom:4px; background:url("/images/dropdown/pulldown_open_bottom.png") no-repeat left bottom;}
.li_top {float:left; width:100%; padding-top:4px; background:url('/images/dropdown/pulldown_open_top.png') no-repeat left top;}
.li_top div.arrow_box {float:left; width:86%; height:100%; padding-left:10px; padding:0px 0px 2px 10px;}
.li_top div.arrow_box a, .arrow_down {color:#BEC6C8;}

.menu {z-index:50; display:none; height:100%; padding-top:10px; background-color:#244048;}
.menu span {visibility:hidden; height:0px; font-size:0px; line-height:0px; border:1px solid red;}
.menu li a {clear:both; display:block; width:202px; height:19px; margin-left:10px; padding:2px 0px 0px 10px; color:#BEC6C8; font-weight:bold;}
.menu li a:hover {background:url("/images/dropdown/BlackBar.png") no-repeat left top;}
.menu li a.arrow_up, .arrow_down {display:block; width:202px; padding:0px; background:#244048 url('/images/dropdown/arrowUp.png') no-repeat right 3px;}
.arrow_down {width:auto; padding-left:7px; background:#244048 url('/images/dropdown/arrowDown.png') no-repeat 196px 3px; font-weight:bold;}
.menu li a.arrow_up:hover {background:url('/images/dropdown/arrowUp.png') no-repeat right 3px;}

/* thank you page */
.mainAreaThankYou p {clear:left;}
.mainAreaThankYou h2{font-weight:bold;}
.thankYouTitle {width:518px; padding-top:15px; background:transparent url("/images/backgrounds/panel_header_top.png") no-repeat 0 0;}
.thankYouTitleInner {float:left; width:100%; padding:0px 0px 0px 12px; background:transparent url("/images/backgrounds/panel_header_repeater.png") repeat-y 0 0;}
.thankYouTitleBottom {float:left; width:518px; height:15px; margin-bottom:10px; background:transparent url("/images/backgrounds/panel_header_bottom.png") no-repeat 0 0;}
.thankYouTitleInner h1, .thankYouTitleInner h2 {float:left; display:block; margin-bottom:0px; font-weight:bold;}
.thankYouTitleInner h1 {width:300px; padding-right:10px;}
.thankYouTitleInner h2 {color:#D9DADA; font-size:1.4em;}

.mainAreaInner img {float:left; margin-right:15px;}
.section {width:470px; min-height:110px; padding:10px 0px 10px 30px;}
.sectionInner {float:left; width:240px; padding-bottom:10px;}
.sectionInner select {position:static;}
.section h3 {font-size:1.75em;}
.backLink {float:left; padding-left:30px; color:#000; text-decoration:underline;}
.thankIntro {padding:0px 10px 0px 30px;}
.thankIntro p {padding:0px 0px 10px 0px;}
.thankIntro strong {font-size:1.3em;}

a.button {display:block; float:left; height:34px; padding-right:20px; background:transparent url('/images/buttons/panel_white_02_btn.gif') no-repeat top right; text-decoration:none; color:#333; font-size:1.3em; font-weight:bold;}
a.button span {display:block; padding:4px 5px 4px 23px; background:transparent url('/images/buttons/panel_white_01_btn.gif') no-repeat; line-height:1.7em;}
.viewLink {float:left;}

/* thank you for contacting page */
.contactContent {float:none; width:339px; margin:0px auto;}
.contactContent img {margin:0px 0px 10px 0px;}
address {margin-bottom:10px; font-style:normal;}
.contactAreaInner .backLink {margin:30px 0px 0px 45px;}
.contactAreaInner .divider {margin-top:20px;}

/* error messages */
.errorDisplayWrapper {float:left;}
.errorDisplayWrapper img {margin:5px 5px 0px 0px;}
.logoBox {width:147px; height:92px; margin:10px auto;}
.errorWithIcon {float:left; margin-right:3px;}
.errorWithIcon input {height:15px;}

.error_popup, .notification_popup {display:none; position:absolute;}

.redBorder {border:2px solid red !important;}
.redBorder {float:left; display:block;}
.redBorder select {height:19px; margin-bottom:0px;}
textarea.redBorder {height:120px;}
.carMake {clear:both;}
.ValidationSummary {padding-left:210px; color:#FF0000;}
.redLabel {color:#FF0000;}
.checkboxesArea .redBorder {margin:0px;}

.error_popupAbove {left:300px; top:-20px;}

.checkboxPopupError .errorWithIcon {position:static;}
.checkboxPopupError .checkboxesArea label {width:auto;}
.checkboxPopupError img {margin:2px 0px 0px 0px;}
.checkboxPopupError .error_popup {left:110px; top:-5px;}

/* error page */
.errorPage .thankYouTitle {background-image:url("/images/backgrounds/404_error_TopBar.png");}
.errorPage .thankYouTitleBottom {background-image:url("/images/backgrounds/404_error_BottomBar.png");}
.errorPage .thankYouTitleInner {background:transparent url("/images/backgrounds/404_error_middleBar.png") repeat-y 0 0;}
.errorContent {padding:0px 30px;}

/* light box */
.lightBox {position:absolute; z-index:70; top:100px; left:80px; width:364px; padding-top:10px; background:transparent url("/images/backgrounds/popUp_top.png") no-repeat 0 0; display:none;}
.lightBoxInner {float:left; width:364px; padding:0 0 17px 0;background:transparent url("/images/backgrounds/popUp_middle.png") repeat-y 0 0; text-align:center; color:#ED3900;}
.lightBoxInner div {width:50%; margin:0px auto;}
.lightBoxInner .button {float:none;}
.lightBoxBottom {float:left; width:364px; height:15px; background:transparent url("/images/backgrounds/popUp_bottom.png") no-repeat 0 0;}