/* base styles */
h2, h3 {font-weight: normal;}
.hidden {display: none;}
/* page setup */
/*body .page {min-height: 416px !important;}
body .page .contentWrap {min-height: 293px;}
body.landscape .page {min-height: 256px;}
body.landscape .contentWrap {min-height: 145px;}
*/
.contentWrap {margin:0; text-align:left;}
/* font sizing */
h1, h2, h3,
.viewer h3 {font-size: 21px;}
.menu, .menu li,
form .submit a, 
.menu li a small.counter,
body.landscape .page .toolbar > h1.small,
body.portrait .INDEX.page .toolbar > h1.medium,
ul.vehicleList,
.price li,
.hours h3,
.address h3,
.contact h3,
.content h3,
.serviceForm h3,
.locationList .vcard h3,
.overview .location h3,
.callToAction h3,
.VIDEO_GALLERY .plastic a,
.VIDEO_GALLERY .plastic a:link,
.VIDEO_GALLERY .plastic a:visited,
.VIDEO_GALLERY .plastic a:hover,
.VIDEO_GALLERY .plastic a:active,
.VIDEO_GALLERY .plastic a span {font-size: 16px;}
a.btn, .button, .back, .cancel, .add,
.form > li input[type="text"],
.form > li input[type="password"],
.form > li textarea,
.form > li select,
body.portrait .INDEX.page .toolbar > h1.small,
body.portrait .page .toolbar > h1.small,
.hproduct, div#servicepopup,
.contactLinks li,
.vehicleList .sub,
.overview .vehicleDisclaimer,
.specs li,
.hours .widgetWrap,
.address .widgetWrap,
.contact .widgetWrap,
.content .widgetWrap,
.serviceForm .widgetWrap,
.noSpecials .widgetWrap,
.serviceForm .form > li.radio,
.locationList .vcard,
.locationList .location li,
.VIDEO_GALLERY .plastic .duration {font-size: 13px;}
.contactTools a,
.footer .info {font-size: 10px;}
ul.contactLinks {font-size: 0;}
/* toolbar */
.toolbar {height: 50px; margin: 0 auto; text-align: center; }
.toolbar > h1 {position: static; left: auto; top: auto; height: auto; margin: 0 auto; padding: 0; line-height: 30px; text-align: center;}
body.portrait .page .toolbar > h1 {max-width: 180px; width: 180px; margin: 0 auto;}
body.portrait .INDEX.page .toolbar > h1 {max-width: 310px; width: 310px;}
body.landscape .page .toolbar > h1 {max-width: 310px; margin: 0 auto;}
body.landscape .INDEX.page .toolbar > h1 {width: 460px; max-width: 460px;}
/* toolbar buttons*/
.button, .back, .cancel, .add {top: 11px;}
/* toolbar contactTools */
.contactTools {display: block; position: absolute; bottom: 0; height: 47px; padding: 3px 0; margin-top: 3px; width: 100%; }
.landscape .toolbar .contactTools {overflow: hidden;}
.contactTools li {display: inline-block; margin: 0; padding: 0 0 10px;}
.contactTools a {display: block; position: relative; top: 0; left: 0; width: 75px; height: 35px; margin: 0 auto; overflow: visible; text-align: center; text-decoration: none; line-height: 15px; font-weight: bold;}
.contactTools a .title {width: 75px; position: absolute; bottom: -1.1em; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
/* menu */
.menu, .menu li {padding: 0; margin: 0; border: 0; line-height: 20px; font-weight: normal;}
.menu li {border-width: 1px 0 0; border-style: solid;}
.menu li:last-child {border-bottom-width: 1px;}
.menu li a {padding: 10px 15px; margin:0;}
.menu,
ul.menu > li:first-child,
ul.menu > li:first-child a,
ul.menu > li:last-child,
ul.menu > li:last-child a {border-radius: 0; -webkit-border-radius: 0;}
.menu li a small.counter {margin-top: 0px; font-weight: normal;}
.menu li.arrow small.counter {margin-right: 18px; border-radius: 11px; -webkit-border-radius: 11px; -webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0;}
/* forms */
.form.menu > li {display: block; margin-bottom: 5px !important; border-width: 1px; border-style: solid;}
.form.menu, .form.menu li {-webkit-box-shadow: transparent 0 0;}
.form > li input[type="text"],
.form > li input[type="password"],
.form > li textarea,
.form > li select {display: block; padding: 5px !important; margin: 0 -5px;}
.form > li textarea {text-indent: 0;}
form .submit {margin: 10px 0 0 0;}
.button-wide,
form .submit a {display: block; margin: 0; padding: 9px 12px; border-width: 1px; border-style: solid; border-radius: 3px; -webkit-border-radius: 3px; font-weight:bold; text-align: center; text-decoration:none;}
/* footer */
.footer .info {position: relative; padding: 15px; border: 0; text-align: left; font-weight: normal;}
.footer .ddcLink {clear: both; width: 100%; padding-top: 10px;}
.footer .ddcLink a {display: block; width: 90px; height: 20px; margin: 0 auto; clear: both; text-indent: -1000em;}

body.chrysler .NEW_INVENTORY .footer,
body.chrysler .USED_INVENTORY .footer { margin-top: 15px; }
/* grid-ish styles adds bottom padding to all last widgets, unless there's only one widget on the page */
.unit:last-child .widget {padding-bottom: 10px;}
.unit:first-child .widget {padding-bottom: 0;}
/* button styles */
a.btn {display: block; border-radius: 5px; -webkit-border-radius: 5px; border-width: 1px; border-style: solid; font-weight: bold; padding: 5px 10px; text-shadow: rgba(0, 0, 0, 0.839844) 0px -1px 1px; text-decoration: none; line-height: 15px; width: 130px; margin: 10px auto 0; text-align: center;}
/* widget styles */
/* hProduct styles */
.hproducts {margin-top:10px;}
.hproducts .first {-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
.hproducts .last { -webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-bottom:1px solid;}
.hproduct {border:1px solid;border-width:1px 1px 0;position:relative;margin: 0 15px; padding: 10px;padding-right:5px;}
.hproduct .fn {max-width: 140px;display:block;margin:0;font-weight:bold;line-height:1.15em;}
.landscape .hproduct .fn {max-width: 300px;}
.hproduct .checkbox {float:left;margin-right:10px;}
.hproduct .price{position:absolute;right:20px;top:10px;max-width:90px;text-align: right;}
.hproduct .url {text-decoration:none;margin-left:20px;display:block;}
.content h3 .price {float: right; max-width: 90px; margin-left: 1em; text-align: right;}
/* content widget */
.content .widgetWrap img {max-width: 270px;}
.landscape .content .widgetWrap img {max-width: 430px;}
/* contactLinks widget */
ul.contactLinks {display: table; margin: 0 auto; padding: 10px 10px 0 10px; text-align: center;}
.contactLinks li {display: inline-table; margin: 0;}
ul.contactLinks a {display: table-cell; width: 80px; height: 3em; margin: 0; padding: 0; border-width: 1px; border-style: solid; line-height: 3em; text-align: center; font-weight: bold; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 1px;}
ul.contactLinks li:first-child a {border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;}
ul.contactLinks li:last-child a {border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
/* inventory listing */
.vehicleList li a {position: relative;}
.vehicleList .vehicleTitle {display: block; width: 200px; max-width: 200px; /*overflow: hidden; text-overflow: ellipsis;*/ white-space: normal;}
.landscape .vehicleList .vehicleTitle {width: 350px; max-width: 350px;}
.vehicleList .price {position: absolute; top: 10px; right: 35px;}
.vehicleList .sub {display: block; margin: .5em 0; padding-left: .5em; line-height: 15px;}
/* inventory paging */
.pagingInfo {padding: .25em 15px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; text-align: left;}
.pagingButtons {position: relative;height: 50px;}
.pagingButtons h4 {display:none;}
.pagingButtons a {position: absolute; top: 10px; display:block; text-align:center; padding: 6px 12px; width: 100px; margin: 0; font-weight:bold; text-decoration:none; border-radius: 3px; -webkit-border-radius: 3px; border-width: 1px; border-style: solid;}
.pagingButtons .nextPage {right: 10px;}
.pagingButtons .prevPage {left: 10px;}
.pagingButtons a.disabled {display:none;}
.pagingButtons:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* vehicle details */
.viewer h3 {padding:5px 10px 0; line-height: 35px; font-weight: bold;}
.viewer .photo {display: block; clear: both; margin: 10px auto; padding: 0;}
.media-links .widgetWrap {margin-bottom: 10px;}
.media-links .contactLinks {padding: 0;}
.overview {text-align: left;}
.overview .widgetWrap > *:last-child {margin-bottom: 0;}
.overview .vehicleDisclaimer {padding: 0 10px 5px; margin: 10px 0; text-align: center;}
.overview .action {margin: 10px 15px;}
.overview ul,
.overview .vehicleDisclaimer {font-size: 100%; margin: 10px 15px; padding: 5px 10px; border-width: 1px; border-style: solid; border-radius: 5px; -webkit-border-radius: 5px; line-height: 1; text-align: left;}
.overview .vehicleDisclaimer p {margin: 9px 0; line-height: 1.4em;}
.overview .vehicleDisclaimer h2,
.overview .vehicleDisclaimer h3 {margin: 15px 0;}
.overview .vehicleDisclaimer.cci #priceDisclaimerFull {display:none;}
.overview :last-child {margin-bottom: 0;}
.overview ul li {line-height: 1.5625em; clear:both;}
div.overview ul.specs li span {float: none;text-align: left;}
div.overview ul.specs li span.label {float: left; width: 100px; margin: 0; margin-right: 1em;}
.overview ul.price span {float: right;}
.overview ul.price .label {float: none;}
.overview .adr .street-address {display: block;}
.overview .location .action {padding-left: 30px;line-height: 30px;display: block;font-weight: bold;}
.overview .location .action a.tel {text-decoration: none;}
/* address hours and contact generic styles */
.hours,
.address,
.contact,
.content,
.serviceForm,
.noSpecials {padding: 10px 0 0;}
.NEW_VEHICLE_DETAILS .last .content,
.USED_VEHICLE_DETAILS .last .content {padding-top: 0;}
.hours .widgetWrap,
.address .widgetWrap,
.contact .widgetWrap,
.content .widgetWrap,
.serviceForm .widgetWrap,
.noSpecials .widgetWrap {margin: 0 15px; padding: 10px; border-width: 1px; border-style: solid; border-radius: 5px; -webkit-border-radius: 5px; line-height: 20px;}
.hours h3,
.address h3,
.contact h3,
.content h3,
.content h4,
.serviceForm h3,
.locationList .vcard h3 {font-weight: bold; margin: 0 15px 5px;}
.serviceForm h3 {margin-left: 0;}
.hours em {font-style: normal;}
.content p,
.noSpecials p {margin-bottom: 1em;}
.content p:last-child,
.noSpecials p:last-child {margin-bottom:0;}
/* service menu styles */
.callToAction {padding: 10px !important; border-bottom-width: 1px; text-align: center;}
.callToAction h3 {font-weight:bold;}
.serviceForm .form > li.radio {border: 0;}
.serviceForm .form > .preferredAppointmentDateTime {border-width: 0;}
.serviceForm .form > .preferredAppointmentDateTime select {-webkit-appearance: menulist; display: inline; width: auto; margin: 0 5px 0 0;}
.SERVICE_MENU .disclaimer,
.SERVICE_DETAIL .disclaimer {padding: 5px 15px;}
/* locations widget */
.unit:last-child .locationList {padding: 10px 0;}
.locationList .widgetWrap > div:first-child {margin-top: 0;}
.locationList .widgetWrap > div:last-child {margin-bottom: 0;}
.locationList .widgetWrap > div {line-height: 20px;}
.locationList .location {margin:0 15px 15px; border-radius: 5px; -webkit-border-radius: 5px; line-height:1em; border-width: 1px; border-color:#ccc; border-style: solid;}
.locationList .location li {padding:5px; border-bottom-width:1px; border-bottom-style: solid;}
.locationList .location li .tel,
.locationList .location li .fullSite {padding-left: 40px; line-height:30px; display:block; font-weight:bold;}
.locationList .location li a {text-decoration:none;}
.locationList .location li p {margin:0; margin-bottom:.25em;}
.locationList .location li:last-child {border: 0;}
/* exception for INDEX page in case there is only one widget */
.INDEX .unit:last-child .widget {padding-bottom: 10px;}
/* page-specific styles */
/* Acura Incentives */
.incentiveList,
.incentiveList li {font-size: 13px;}
.incentiveList li a {padding-right: 18px;}
.incentiveList li span {display: block; white-space:normal; font-weight: bold;}
.incentiveList li span.description {font-weight: normal; font-style: italic;}
.incentiveDetail .unit .content {padding-bottom: 10px;}
.incentiveDetail ul.contactLinks {margin-bottom: 10px;}

/* INDEX */
.page.INDEX .contentWrap {min-height: 0;}
.INDEX .toolbar {height: auto; padding: 0 0 50px;}
.INDEX .toolbar h1 {padding-top: 10px;}
.INDEX .toolbar address {margin: 0 auto; padding-bottom: 10px; line-height: 13px; text-align: center;}
.INDEX .toolbar address a {display: block; border-radius: 5px; -webkit-border-radius: 5px; border-width: 1px; border-style: solid; font-weight: bold; padding: 5px 10px; text-shadow: rgba(0, 0, 0, 0.839844) 0px -1px 1px; text-decoration: none; line-height: 15px; width: 155px; margin: 10px auto 0;}
.INDEX .menu li:first-child {border-top: 0;}
/* VEHICLE_PHOTOS */
.VEHICLE_PHOTOS .images,
.landscape .VEHICLE_PHOTOS .footer {display: none;}
.VEHICLE_PHOTOS .image,
.VEHICLE_PHOTOS .image img {width: 100%; display: block;}
.VEHICLE_PHOTOS .image.loading img {display: none;}
.VEHICLE_PHOTOS .controls li a {position: absolute; border-radius: 3px; -webkit-border-radius: 3px; border-width: 1px; border-style: solid; text-decoration: none;}
.VEHICLE_PHOTOS .controls .prev a {left: 6px; text-align: right;}
.VEHICLE_PHOTOS .controls .next a {right: 6px;}
.portrait .VEHICLE_PHOTOS .image {margin: 0 auto; }
.portrait .VEHICLE_PHOTOS .controls {position: relative; height: 50px; width: 100%; }
.portrait .VEHICLE_PHOTOS .controls li a {top: 5px; padding: 5px 10px; width: 129px; line-height: 28px;}
.landscape .VEHICLE_PHOTOS {height: 268px;}
.landscape .VEHICLE_PHOTOS .image,
.landscape .VEHICLE_PHOTOS .image img {margin: 0 auto; height: 219px; width: 292px;}
.landscape .VEHICLE_PHOTOS .controls li a {top: 140px; width: 60px; padding: 0; line-height: 2em; font-weight: bold; text-align: center; text-shadow: rgba(255, 255, 255, .757812) 0 1px 0;}
.landscape .VEHICLE_PHOTOS .controls .prev a {left: 6px;}
.landscape .VEHICLE_PHOTOS .controls .next a {right: 6px;}
/* VIDEO_GALLERY */
.VIDEO_GALLERY .plastic li {padding: 0;}
.VIDEO_GALLERY .plastic a {height: 75px; overflow: hidden;}
.VIDEO_GALLERY .plastic a,
.VIDEO_GALLERY .plastic a:link,
.VIDEO_GALLERY .plastic a:visited,
.VIDEO_GALLERY .plastic a:hover,
.VIDEO_GALLERY .plastic a:active,
.VIDEO_GALLERY .plastic a span {display: block; text-decoration: none;}
.VIDEO_GALLERY .plastic img {float: left; height: 75px; width: 100px; margin-right: 8px; border-width: 1px; border-style: solid;}
.VIDEO_GALLERY .plastic .duration {padding-top: 6px;}
/* dealership contact styles */
/* ABOUT */
.ABOUT .contentWrap .unit:last-child .widget,
.PARTS_CENTER .contentWrap .unit:last-child .widget,
.SERVICE_CENTER .contentWrap .unit:last-child .widget,
.CONTACT_FORM .contentWrap .unit:last-child .widget,
.SPECIALS .contentWrap .unit:last-child .noSpecials,
.SERVICE_MENU .contentWrap .unit:last-child  {margin-bottom: 0;}

.PARTS_CENTER h3,
.PARTS_CENTER strong,
.SERVICE_CENTER h3,
.SERVICE_CENTER strong,
.ABOUT h3,
.ABOUT strong {font-weight: bold; font-style: normal;}

/* development + cross browser styles */
/*.portrait,
.portrait .page {width: 320px}
.landscape,
.landscape .page {width: 480px;}
*/