html {
background-color: #fff;
}
body {
background-color: #fff;
position: relative;
}
.left {
float: left;
}
.right {
float: right;
}
.pdf {
background: transparent url(/_assets/overlay_bullet_sprite.gif) no-repeat 0 -470px;
padding-left: 25px;
}
.text_link {
text-decoration: underline !important;
font-style: italic;
color: #999 !important;
}
.text_link:hover {
color: #545454 !important;
}
input[disabled], select[disabled] {
background-color: #F5F5F5;
}
/** MAIN NAV ZIP CODE SEARCH **/
.searchZip {
width: 317px;
height: 25px;
float: left;
padding: 5px 8px 0 15px !important;
margin: 32px 0 0 10px !important;
position: relative;
}
.searchZip .cta, #model .searchZip .cta, #compare .searchZip .cta, #cpo .searchZip .cta {
font-size: 13px !important;
float: right;
height: 20px !important;
padding: 1px 7px 7px 11px;
border: none;
background-color: #FBE73C;
position: relative;
color: #4C4C4C;
font-weight: bold;
cursor: pointer;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
/*behavior: url(/_scripts/PIE.htc);*/;
}
.searchZip .cta:hover, #model .searchZip .cta:hover, #compare .searchZip .cta:hover, #cpo .searchZip .cta:hover {
background: #FBE73C url(/_assets/cta_btn_over_bkg.gif) repeat-x left top;
}
html.ie .searchZip .cta, html.ie #model .searchZip .cta, html.ie #compare .searchZip .cta, html.ie #cpo .searchZip .cta {
height: 20px !important;
padding: 2px 7px 6px 11px;
}
.searchZip .search-label {
display: inline-block;
font-family: 'Helvetica Neue', 'HelveticaNeueW01-45Ligh', sans-serif;
font-weight: normal;
color:#3f3f3f;
*display: inline;
*zoom: 1;
vertical-align: top;
float: left;
/*font-weight: bold;*/
font-size: 11px;
text-transform: uppercase;
margin: 2px 0 0 0;
}
.searchZip.expanded .search-label {
display: none;
}
.searchZip .input-zip {
height: 30px;
width: 114px;
border-left:1px solid #e6e6e6;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
margin-left: 28px;
display: inline-block;
*display: inline;
*zoom: 1;
margin-top: -8px;
vertical-align: top;
}
.searchZip.expanded .input-zip {
width: 238px;
}
.searchZip .search-cta {
background: #fffd3d;
display: inline-block;
*display: inline;
*zoom: 1;
height: 30px;
border: 1px solid #fffd3d;
width: 30px;
margin-top: -8px;
margin-left: -5px;
cursor:pointer;
}
.searchZip .search-cta i {
line-height: 32px;
color:#65653f;
text-align: center;display: block;
}
.searchZip #zipcode-search-box {
display: inline-block;
margin-left: -22px;
*display: inline;
*zoom: 1;
vertical-align: top;
}
.searchZip #zipcode-search-box label.error {
font-size: 11px;
color: red;
position: absolute;
right: 115px;
bottom: -15px;
display: none;
}
.searchZip #zipcode-search-box .search {
height: 100%;
width: 100%;
left: 168px;
vertical-align: top;
padding-left: 10px;
outline: none;
color: rgb(93,93,93);
overflow: visible;
text-indent: 4px;
border: none;
font-size: 12px;
font-weight: normal;
display: inline-block;
*display: inline;
*zoom: 1;
}
.searchZip .autocomplete-options {
display: none;
width: 112%;
min-height: 30px;
border:1px solid #e6e6e6;
background-color: white;
}
.searchZip .autocomplete-options li {
padding: 10px 10px 10px 30px;
color: #999;
font-size: 11px;
font-weight: bold;
background: white url(/_assets/autocomplete_result_icon.png) 8px 7px no-repeat;
}
.searchZip .autocomplete-options li.autocomplete-instructions {
padding: 10px;
background-image: none;
}
.searchZip .autocomplete-options li .city-name {
color: black;
}
.searchZip .autocomplete-options li .state-id {
font-size: 9px;
text-transform: uppercase;
}
.searchZip .autocomplete-options li:hover {
cursor: pointer;
background-color: #e6e6e6;
}
.searchZip.expanded .autocomplete-options {
display: block;
}
html.ie .searchZip #zipcode-search-box .search {
padding: 1px 0 0 0;
line-height: 30px;
}
#maincontent h1.smart, #maincontent h3.smart {
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
font-size: 40px;
font-weight: normal;
line-height: 40px;
color: #000;
margin: 0;
}
#maincontent h3, .features h2 {
font-size: 16px;
}
.features h2 {
font-weight: bold;
}
#content {
margin: 0 auto;
background-color: transparent;
}
#header{
width: 949px;
height: 91px;
margin: 0 auto;
background-color: #FFFFFF;
position: relative;
}
#header_wrapper {
background: url("/_assets/header_shadow.png") no-repeat scroll center bottom transparent;
height: 103px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 20;
}
#header_inner_wrapper {
background-color: #fff;
position: relative;
}
#header_inner_wrapper .bg-gray{
background-color: #f3f3f3;
width: 50%;
height: 91px;
position: absolute;
}
#home #header
{
height: 91px;
}
#logo_smart span
{
background-image: url(/_assets/smart-logo-trans.gif);
}
#header ul#mainNav li.hover > a{
color:#939393;
}
#header ul#mainNav li
{
border: none;
position: relative;
margin-right: 0;
padding: 7px 13px 11px;
}
#header ul#mainNav li.first
{
margin-left: -13px;
padding-left: 13px;
}
#header ul.main-navigation > li > a{
line-height: 73px!important;
}
#header ul.main-navigation > li.primary{
background: #f3f3f3;
}
#header ul.main-navigation > li.sub-menu > a:before{
/*content:"";*/
content: url(/_assets/main-nav-arrow.png);
display:block;
position:absolute;
left: -2px;
top: 6px;
}
#header ul#mainNav *{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#header ul#mainNav li a
{
font-family: 'Helvetica Neue', 'HelveticaNeueW01-45Ligh', sans-serif;
font-weight: normal;
font-size: 14px;
color: #3f3f3f;
}
#header ul#mainNav ul
{
width: 285px;
background-color: #fff;
border: none;
}
#header ul#mainNav ul li
{
border-top: 1px solid #dadada;
font-weight: bold;
margin: 0 17px;
padding: 0;
background-color: transparent;
}
#header ul#mainNav ul li.first_sub
{
border-top: none;
}
#header ul#mainNav ul li:hover
{
background-color: transparent;
}
#header ul#mainNav ul li a
{
color: #3f3f3f;
padding: 6px 0 10px;
display: block;
}
#header ul#mainNav ul li a:hover
{
background-color: #525252;
color: #fff;
margin-left: -17px;
padding-left: 17px;
width: 268px;
}
#header ul#mainNav ul li.first_sub a
{
padding-top: 13px;
}
#header ul#mainNav ul li.last_sub a
{
padding-bottom: 13px;
}
#footer:before{
content: url(/_assets/footer_shadow.gif);
display: block;
position: absolute;
top: 0px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}
#footer
{
margin: 0;
position: relative;
background: #F3F3F0;
/*background: #F3F3F0 url(/_assets/footer_shadow.gif) no-repeat center 0px;*/
}
.footer-buttons-container{
margin: 0 auto 0;
width: 949px;
overflow: hidden;
padding: 26px 0 10px;
height: 74px;
background: #fff;
}
.footer_container
{
margin: 0 auto;
width: 949px;
overflow: hidden;
}
#footer ul li
{
font-size: 11px;
color: #A2A2A1;
padding: 3px 18px 0 0;
}
#footer ul li.copyright {
padding-right: 0;
}
#footer ul li a {
font-size: 11px;
color: #000000;
font-family: 'Helvetica Neue','HelveticaNeueW01-45Ligh', Arial ;
text-transform: uppercase;
}
#footer ul li.legal_button
{
cursor:pointer;
}
.fluid-footer-container{
width: 100%;
background: #f3f3f3;
}
.fluid-footer-container.white-bg{
background: #fff;
}
ul.glob
{
padding: 36px 0;
background: #f3f3f3;
width: 100%;
text-align: center;
}
ul.glob li {
float: none;
display: inline-block;
}
#footer ul.socMed li {
padding: 0 0 0 17px;
margin-top: -5px;
}
#footer ul.socMed li.search{
width: 260px;
overflow: visible;
margin-right: 57px;
}
#footer ul.socMed li.first {
padding-left: 0;
}
#footer .copyright-notice {
font-size: 11px;
color: #000000;
font-family: 'Helvetica Neue','HelveticaNeueW01-45Ligh', Arial;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
#maincontent {
width: 949px;
padding-bottom: 30px;
margin: 133px auto 0;
min-height: 475px;
overflow: visible;
position: relative;
z-index: 10;
}
/*Removing bottom padding*/
#maincontent.owners-hub {
padding-bottom:0;
margin-top: 50px!important;
}
.narrow #maincontent {
padding-left: 196px;
width: 753px;
}
#compare.narrow #maincontent {
padding-left: 0;
width: 949px;
}
.narrow#owners-studio #maincontent {
padding-left: 0;
}
.frame #maincontent {
margin: 0;
padding: 0;
width: auto;
}
#cse-search-box .footer-search-cta i{
font-size: 16px;
line-height: 29px;
}
#cse-search-box .footer-search-cta {
cursor: pointer;
height: 29px;
border: 1px solid #3f4040;
width: 30px;
text-align: center;
color:#fff;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
background: #3f4040;
margin-left: -2px;
}
#cse-search-box input.search {
/*background: transparent url(/_assets/main-search-bg-rev.png) no-repeat left top;*/
outline: none;
padding: 0 13px 0 13px;
font-weight: normal;
font-size: 13px;
font-family: 'Helvetica Neue Light', 'HelveticaNeueW01-45Ligh', Arial;
color: rgba(0,0,0,0.50);
overflow: visible;
height: 29px;
border-left: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-right: none;
width: 197px;
}
#cse-search-box input.search.active {
color: #000;
}
#maincontent #empty-results {
display: none;
}
html.ie #cse-search-box input.search {
padding-top: 1px;
height: 28px;
}
#legal-container{
background:#f3f3f3;height: 100%;
}
#legal
{
border: none;
padding-top: 15px;
background: #f3f3f3;
height: 100%;
}
#legal p
{
color: #A2A2A1;
margin-left: 0;
margin-right: 0;
}
.smart_font
{
font-family: 'Smart Courier Cn' , Arial, Sans-Serif;
}
.smart_font_bold
{
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
}
.input_button_wrapper {
margin-top: 0;
position: relative;
cursor: pointer;
}
.unsubscribe .input_button_wrapper {
cursor: default;
overflow: hidden;
width: 300px;
}
.input_button_wrapper input {
background-color: #FBE73C;
border: 0 none;
border-radius: 25px 25px 25px 25px;
color: #494949;
cursor: pointer;
font-size: 20px;
font-weight: bold;
height: 33px;
padding-bottom: 3px;
width: 123px;
behavior: url(/_scripts/PIE.htc);
}
.input_button_wrapper input.unsubscribe_submit {
width: 195px;
}
.input_button_wrapper input:hover {
background: #FBE73C url(/_assets/cta_btn_over_bkg.gif) repeat-x left top;
}
a.cta{
display: inline-block;
border-radius: 0;
height: 48px;
line-height: 48px;
font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif;
text-transform: uppercase;
font-size: 22px;
font-weight: bold;
text-decoration: none;
color: #000!important;
padding: 0px 30px 0 20px;
background-color: #fffb51;
position:relative;
cursor: pointer;
font-weight: normal;
}
a.cta:after{
display:block;
position:absolute;
top: 0;
right:10px;
content:url(/_assets/cta_arrow_right.png);
}
a.cta:hover{ background: #fbe73c url(/_assets/owners-hub/cta_btn_over_bkg.gif) repeat-x left top; }
a.cta.black {
display: inline-block;
border-radius: 0;
height: 48px;
line-height: 48px;
font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif;
text-transform: uppercase;
font-size: 22px;
font-weight: bold;
text-decoration: none;
color: #FFF!important;
padding: 0px 30px 0 20px;
background-color: #000;
position:relative;
cursor: pointer;
}
a.cta.black:after {
display:block;
position:absolute;
top: 0;
right:10px;
content:url(/_assets/cta_arrow_right_white.png);
}
a.cta.black:hover { background: #000 url(/_assets/cta_btn_over_bkg_black.png) repeat-x left top; }
body #maincontent a.cta.no-bg {
background: none !important;
padding: 0 30px 0 0 !important;
}
body #maincontent a.cta.no-bg:hover {
text-decoration: underline !important;
}
.input_button_wrapper a.cta {
margin-top: 0;
}
.home_carousel a.cta {
margin-top: 10px;}
#about #maincontent, #autoshow #maincontent, #brochure #maincontent, #connect #maincontent, #contact #maincontent, #e-connect #maincontent, #privacy #maincontent, #warranty #maincontent {
margin-left: auto;
width: 949px;
}
/*specific plugin styles*/
.bx-pager-item{float:left;}
.bx-prev, .bx-next{display: block;height: 100%; width: 100%;}
#model .best_mpg_wrapper
{
display: block;
margin: 8px 183px 0 0;
}
#model #maincontent .subhead
{
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
font-size: 19px;
color: #464646;
line-height: 24px;
margin: 12px 0;
height: 48px;
}
#model #maincontent .subhead a
{
color: #999;
}
#model #maincontent .subhead a:hover
{
text-decoration: underline;
}
#model h2
{
display: block;
color: #7f7f7f;
font-size: 18px;
font-weight: bold;
}
#model #brabus { position:relative;}
#model #brabus a.section_brabus
{
width: 486px;
height: 60px;
position: absolute;
top: -130px;
left: 0;
}
#model a.section.comingsoon {
margin-top: 25px;
}
#compare a.section {
display: block;
height: 40px;
width: 100%;
}
#compare a.section[name="overview"] {
margin-top: -30px !important;
}
#model a.section.comingsoon, #model a.section.overview, #compare a.section.overview {
margin: 0;
}
#model .section_wrapper {
overflow: hidden;
width: 100%;
position: relative;
}
#model .section_wrapper.ev_prereg {
width: 773px;
height: 393px;
margin-bottom: -61px;
z-index: 10;
}
#model h4 {
color: #000;
font-weight: bold;
font-size: 18px;
margin-bottom: 3px;
}
#model h3 {
font-family: 'Smart Courier Cn' , Arial, Sans-Serif;
font-size: 70px;
font-weight: normal;
line-height: 54px;
margin-bottom: 13px;
color: #000;
}
#model #maincontent .save_on_gas_ev{
width: 410px!important;
margin-right:75px;
}
#model #maincontent .save_on_gas_ev .subhead.green{
width:100%!important;
}
#model #maincontent .save_on_gas_ev .subhead a.cta
{
font-family: arial,helvetica,clean,sans-serif;
font-size: 14px;
color: #4C4C4C;
}
.faq a.link_no_style{
text-decoration:none!important; cursor:text!important;
}
#model #maincontent p {
/*margin: 0;*/
color: #6c6c6c;
}
#model #maincontent p.full {
width: 100%;
}
#model a.cta {
margin-top: 22px;
}
#compare a.cta {
margin-top: 29px;
}
#compare .overlay_wrapper a.cta {
margin-top: -15px;
}
#model a.cta.mini {
font-size: 14px;
line-height: 16px;
margin-top: 0;
padding: 6px 15px 6px 16px
}
#model a.cta.newsletter {
margin: 23px 0 27px;
}
/*#compare .overlay_wrapper a.cta {
font-size: 14px;
line-height: 20px;
margin-top: -8px;
padding: 8px 25px 7px;
}*/
#model .car_colors, #customization .car_colors
{
height: 390px;
width: 692px;
background: transparent url(/_assets/models/pure_coupe_colors.jpg) no-repeat 0 0;
margin-top: 25px;
position: relative;
z-index: 1;
}
#model.passion_cab_page .car_colors
{
background-image: url(/_assets/models/passion_cab_colors.jpg);
}
#model.passion_coupe_page .car_colors, #customization .car_colors
{
background-image: url(/_assets/models/passion_coupe_colors.jpg);
}
#model .color_swatches_wrapper,
#customization .color_swatches_wrapper,
#compare .color_swatches_wrapper
{
width: 685px;
text-align: center;
margin-top: 26px;
position: relative;
z-index: 3;
}
#model .color_swatches,
#customization .color_swatches,
#compare .color_swatches
{
width: 371px;
height: 70px;
display: inline-block;
margin: 0 auto;
}
#compare .color_swatches{
width: 500px;
}
#model .color_swatches li,
#customization .color_swatches li,
#compare .color_swatches li
{
float: left;
margin-left: 1px;
width: 52px;
height: 52px;
background: transparent url(/_assets/models/color_swatches.png) no-repeat;
position: relative;
}
#compare .color_swatches li{
background: transparent url("/_assets/electric-drive/byo_color_swatches.png") no-repeat;
}
#model .color_swatches li.swatch_blue,
#customization .color_swatches li.swatch_blue,
#compare .color_swatches li.swatch_blue
{
background-position: 0 0;
}
#compare .color_swatches li.swatch_blue{
background-position: 0 4px;
}
#compare .color_swatches li.swatch_yellow{
background-position: 0 -780px;
}
#compare .color_swatches li.swatch_yellow:hover, #compare .color_swatches li.swatch_yellow.active
{
background-position: 0 -836px;
}
#model .color_swatches li.swatch_blue:hover,#model .color_swatches li.swatch_blue.active,
#customization .color_swatches li.swatch_blue:hover, #customization .color_swatches li.swatch_blue.active,
#compare .color_swatches li.swatch_blue:hover, #compare .color_swatches li.swatch_blue.active
{
background-position: 0 -52px;
}
#compare .color_swatches li.swatch_blue:hover, #compare .color_swatches li.swatch_blue.active
{
background-position: 0 -52px;
}
#model .color_swatches li.swatch_gray,
#customization .color_swatches li.swatch_gray,
#compare .color_swatches li.swatch_gray
{
background-position: 0 -104px;
}
#compare .color_swatches li.swatch_gray
{
background-position: 0 -108px;
}
#model .color_swatches li.swatch_gray:hover, #model .color_swatches li.swatch_gray.active,
#customization .color_swatches li.swatch_gray:hover, #customization .color_swatches li.swatch_gray.active,
#compare .color_swatches li.swatch_gray:hover, #compare .color_swatches li.swatch_gray.active
{
background-position: 0 -156px;
}
#compare .color_swatches li.swatch_gray:hover, #compare .color_swatches li.swatch_gray.active
{
background-position: 0 -164px;
}
#model .color_swatches li.swatch_black,
#customization .color_swatches li.swatch_black,
#compare .color_swatches li.swatch_black
{
background-position: 0 -210px;
}
#compare .color_swatches li.swatch_black
{
background-position: 0 -220px;
}
#model .color_swatches li.swatch_black:hover, #model .color_swatches li.swatch_black.active,
#customization .color_swatches li.swatch_black:hover, #customization .color_swatches li.swatch_black.active,
#compare .color_swatches li.swatch_black:hover, #compare .color_swatches li.swatch_black.active
{
background-position: 0 -262px;
}
#compare .color_swatches li.swatch_black:hover, #compare .color_swatches li.swatch_black.active
{
background-position: 0 -276px;
}
#model .color_swatches li.swatch_red,
#customization .color_swatches li.swatch_red,
#compare .color_swatches li.swatch_red
{
background-position: 0 -314px;
}
#compare .color_swatches li.swatch_red
{
background-position: 0 -332px;
}
#model .color_swatches li.swatch_red:hover, #model .color_swatches li.swatch_red.active,
#customization .color_swatches li.swatch_red:hover, #customization .color_swatches li.swatch_red.active,
#compare .color_swatches li.swatch_red:hover, #compare .color_swatches li.swatch_red.active
{
background-position: 0 -366px;
}
#compare .color_swatches li.swatch_red:hover, #compare .color_swatches li.swatch_red.active
{
background-position: 0 -388px ;
}
#model .color_swatches li.swatch_white,
#customization .color_swatches li.swatch_white,
#compare .color_swatches li.swatch_white
{
background-position: 0 -418px;
}
#compare .color_swatches li.swatch_white
{
background-position: 0 -668px;
}
#model .color_swatches li.swatch_white:hover, #model .color_swatches li.swatch_white.active,
#customization .color_swatches li.swatch_white:hover, #customization .color_swatches li.swatch_white.active,
#compare .color_swatches li.swatch_white:hover, #compare .color_swatches li.swatch_white.active
{
background-position: 0 -470px;
}
#compare .color_swatches li.swatch_white:hover, #compare .color_swatches li.swatch_white.active
{
background-position: 0 -500px;
}
#model .color_swatches li.swatch_gray_matte,
#customization .color_swatches li.swatch_gray_matte,
#compare .color_swatches li.swatch_gray_matte
{
background-position: 0 -522px;
}
#compare .color_swatches li.swatch_gray_matte
{
background-position: 0 -556px;
}
#model .color_swatches li.swatch_gray_matte:hover, #model .color_swatches li.swatch_gray_matte.active,
#customization .color_swatches li.swatch_gray_matte:hover, #customization .color_swatches li.swatch_gray_matte.active,
#compare .color_swatches li.swatch_gray_matte:hover, #compare .color_swatches li.swatch_gray_matte.active
{
background-position: 0 -574px;
}
#compare .color_swatches li.swatch_gray_matte:hover, #compare .color_swatches li.swatch_gray_matte.active
{
background-position: 0 -610px;
}
#model .color_swatches li.swatch_silver,
#customization .color_swatches li.swatch_silver,
#compare .color_swatches li.swatch_silver
{
background-position: 0 -626px;
}
#compare .color_swatches li.swatch_silver
{
background-position: 0 -443px;
}
#model .color_swatches li.swatch_silver:hover, #model .color_swatches li.swatch_silver.active,
#customization .color_swatches li.swatch_silver:hover, #customization .color_swatches li.swatch_silver.active,
#compare .color_swatches li.swatch_silver:hover, #compare .color_swatches li.swatch_silver.active
{
background-position: 0 -678px;
}
#compare .color_swatches li.swatch_silver:hover, #compare .color_swatches li.swatch_silver.active
{
background-position: 0 -724px;
}
#model .color_swatches li span,
#customization .color_swatches li span,
#compare .color_swatches li span
{
display: none;
font-size: 16px;
font-weight: bold;
margin-left: -55px;
position: absolute;
text-align: center;
left: 50%;
top: 64px;
width: 110px;
}
#compare .color_swatches li span{
font-size: 14px;
top: 58px;
}
#model .color_swatches li:hover span, #model .color_swatches li.active span,
#customization .color_swatches li:hover span, #customization .color_swatches li.active span,
#compare .color_swatches li:hover span, #compare .color_swatches li.active span
{
display: block;
}
/*Model updates*/
#model #maincontent .price_container .black_cta_container a{
font-size:20px;
line-height:18px;
}
#model #maincontent .black_cta_container{
height:20px;
margin-top:18px;
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
padding-left:25px;
}
#model #maincontent .black_cta_container a{
display:block;
font-size:16px;
line-height:16px;
color :#000;
}
#model #maincontent .black_cta_container a:hover{
text-decoration:underline;
}
#model #maincontent .black_cta_container{
background: transparent url(/_assets/models/models_icons_sprite.png) no-repeat left center;
}
#model #maincontent .black_cta_container.tool{
background-position: 0 -137px;
}
#model #maincontent .black_cta_container.full_specs{
background-position: 0 -112px;
}
#model #maincontent .black_cta_container.tech_specs{
background-position: 0 0;
}
.ie #model.pure_coupe_page a.cta,
.ie #model.passion_coupe_page a.cta,
.ie #model.passion_cab_page a.cta,
.ie .owners-hub a.cta { behavior: none!important; }
#model.pure_coupe_page #maincontent .cta,
#model.pure_coupe_page #cross-module .cta,
#model.passion_coupe_page #maincontent .cta,
#model.passion_coupe_page #cross-module .cta,
#model.passion_cab_page #maincontent .cta,
#model.passion_cab_page #cross-module .cta
{
border-radius: 0;
height: 48px;
line-height: 48px;
font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif;
text-transform: uppercase;
font-size: 22px;
color: #000!important;
padding: 0px 30px 0 20px;
background-color: #fffb51;
position:relative;
}
#model.pure_coupe_page #maincontent .cta:after,
#model.pure_coupe_page #cross-module .cta:after,
#model.passion_coupe_page #maincontent .cta:after,
#model.passion_coupe_page #cross-module .cta:after,
#model.passion_cab_page #maincontent .cta:after,
#model.passion_cab_page #cross-module .cta:after{
display:block;
position:absolute;
/*z-index:100;*/
top: 0;
right:10px;
content:url(/_assets/cta_arrow_right.png);
}
#model.pure_coupe_page #maincontent .cta:hover,
#model.pure_coupe_page #cross-module .cta:hover,
#model.passion_coupe_page #maincontent .cta:hover,
#model.passion_coupe_page #cross-module .cta:hover,
#model.passion_cab_page #maincontent .cta:hover,
#model.passion_cab_page #cross-module .cta:hover{
background: #fbe73c url(/_assets/owners-hub/cta_btn_over_bkg.gif) repeat-x left top;
}
#model #maincontent .floated_left{
float:left;
display:block;
}
#model #maincontent .floated_right{
float:right;
display:block;
}
#model #maincontent .hero_overview_container{
padding-bottom:35px;
}
#model #maincontent .cf:before,
#model #maincontent .cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
#model #maincontent .cf:after {
clear: both;
}
#model #maincontent .nut_bolts_section h4,
#model #maincontent .short_overview h4{
font-size:24px;
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
margin-bottom:10px;
}
#model #maincontent .nut_bolts_section{
border-left: 1px dotted;
margin-left: 80px;
padding-left: 20px;
}
#model #maincontent .nut_bolts_section,
#model #maincontent .nut_bolts_section p{
width:210px;
}
#model #maincontent .nut_bolts_section .inline_links:hover{
text-decoration:underline;
opacity: 1;
}
#model #maincontent .nut_bolts_section .inline_links{
position: static!important;
color: #000!important;
height: 16px!important;
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
font-size: 16px;
margin-top: 10px;
line-height: 16px;
margin-left: 0;
padding-left: 25px;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
#model #maincontent .cf {
*zoom: 1;
}
/*Electric Drive fixes*/
/* end Model updates*/
#brabus {
width: 100%;
/*float: left;*/
margin: 15px 0 68px 0;
}
#customization #brabus{ margin-top: 120px; }
#customization .brabus_package,
#model .brabus_package {
height: 332px;
float: left;
width: 332px;
margin: 0 25px 0 0;
background: transparent url(/_assets/features/customization_brabus_package.jpg) no-repeat 0 0;
position: relative;
z-index: 1;
}
#customization .brabus_package{ float: right; margin-right: 0; }
#customization .brabus_swatches_wrapper,
#model .brabus_swatches_wrapper {
width: 390px;
float: left;
margin-top: 26px;
position: relative;
z-index: 3;
}
#model .brabus_swatches_wrapper {
margin-top: 50px;
float: right;
}
#model .brabus_swatches_wrapper .brabus_package {
float: left;
margin: -105px 0 0 -7px;
height:397px;
width:397px;
background: transparent url(/_assets/models/passion_coupe_brabus_package.jpg) no-repeat 0 0;
}
#customization .brabus_swatches_wrapper h3,
#customization .brabus_swatches_wrapper p {
width: 380px !important;
}
#model .brabus_copy_wrapper h4,
#model .brabus_copy_wrapper p,
#model .brabus_copy_wrapper li {
width: 315px !important;
}
#model .brabus_copy_wrapper {
margin: 50px 0 0 0;
}
#model .brabus_copy_wrapper p {
margin: 0 0 20px 0 !important;
font-size:12px !important;
}
#model .brabus_copy_wrapper li {
font-size:12px;
color:#6C6C6C;
line-height:1.5em;
}
#model .brabus_copy_wrapper li span {
display:inline-block; margin:9px 0 6px 0;
}
#customization .brabus_swatches,
#model .brabus_swatches {
width: 100%;
height: 121px;
display: inline-block;
}
#model .brabus_swatches {
margin:20px 0 0 38px;
}
#customization .brabus_swatches li,
#model .brabus_swatches li {
float: left;
margin-right: 3px;
width: 121px;
height: 121px;
cursor: pointer;
background: transparent url(/_assets/features/customization_brabus_package.jpg) no-repeat;
position: relative;
}
#model .brabus_swatches li {
background: transparent url(/_assets/models/passion_coupe_brabus_package.jpg) no-repeat 0 0;
width: 100px;
height: 100px;
}
#customization .brabus_swatches li:last:child,
#model .brabus_swatches li:last:child {
margin:0;
}
#customization .brabus_swatches li.swatch_1 {
background-position: -336px 0;
}
#customization .brabus_swatches li.swatch_1:hover,
#customization .brabus_swatches li.swatch_1.active {
background-position: -336px -121px;
}
#customization .brabus_swatches li.swatch_2 {
background-position: -336px -332px;
}
#customization .brabus_swatches li.swatch_2:hover,
#customization .brabus_swatches li.swatch_2.active {
background-position: -336px -453px;
}
#customization .brabus_swatches li.swatch_3 {
background-position: -336px -695px;
}
#customization .brabus_swatches li.swatch_3:hover,
#customization .brabus_swatches li.swatch_3.active {
background-position: -336px -816px;
}
/*New Brabus Package for Passion Coupe*/
#model .brabus_swatches li.swatch_1 {
background-position: -400px 0;
}
#model .brabus_swatches li.swatch_1:hover,
#model .brabus_swatches li.swatch_1.active {
background-position: -400px -100px;
}
#model .brabus_swatches li.swatch_2 {
background-position: -400px -397px;
}
#model .brabus_swatches li.swatch_2:hover,
#model .brabus_swatches li.swatch_2.active {
background-position: -400px -497px;
}
#model .brabus_swatches li.swatch_3 {
background-position: -400px -794px;
}
#model .brabus_swatches li.swatch_3:hover,
#model .brabus_swatches li.swatch_3.active {
background-position: -400px -894px;
}
#model .model_point
{
overflow: hidden;
position: relative;
width: 100%;
}
#model .model_point.roof
{
margin-top: 11px;
z-index: 2;
}
#model .model_point.roof img{
float: left;
margin-right: 10px;
}
#model .model_point.roof h4
{
margin-top: 154px;
}
#model #maincontent .model_point.roof p
{
width: 335px;
display: inline;
}
#model .model_point.wraps,
#customization .model_point.wraps,
#smartexpressions .model_point.wraps{
z-index: 3;
width: 100%;
height: 394px;
overflow: visible;
}
#model.pure_coupe_page .model_point.wraps
{
margin-top: 42px;
z-index: 2;
}
#customization .model_point.wraps
{
margin-top: 82px;
z-index: 2;
}
#smartexpressions .model_point.wraps
{
margin: 82px 0 80px 0;
z-index: 2;
}
#model .model_point.wraps .wraps_outer_wrapper,
#customization .model_point.wraps .wraps_outer_wrapper,
#smartexpressions .model_point.wraps .wraps_outer_wrapper
{
width: 394px;
height: 394px;
margin: 0 70px 0 0;
position: relative;
background-image: url(/_assets/models/wraps_bkg.jpg);
}
#model .model_point.wraps .wraps_wrapper,
#customization .model_point.wraps .wraps_wrapper,
#smartexpressions .model_point.wraps .wraps_wrapper
{
height: 394px;
position: relative;
overflow: hidden;
}
#model .model_point.wraps .wraps_fgd,
#customization .model_point.wraps .wraps_fgd,
#smartexpressions .model_point.wraps .wraps_fgd
{
position: absolute;
left: 0;
top: 0;
width: 394px;
height: 394px;
background-image: url(/_assets/models/wraps_fgd.png);
z-index: 2;
}
#model .model_point.wraps .wraps_car,
#customization .model_point.wraps .wraps_car,
#smartexpressions .model_point.wraps .wraps_car
{
position: absolute;
left: 35px;
top: 101px;
width: 323px;
height: 187px;
z-index: 1;
background: transparent url(/_assets/models/wraps_sprite.jpg) no-repeat 0 -561px;
}
#model .model_point.wraps .wraps_handle,
#customization .model_point.wraps .wraps_handle,
#smartexpressions .model_point.wraps .wraps_handle
{
width: 93px;
height: 101px;
position: absolute;
left: 287px;
top: 5px;
background: transparent url(/_assets/models/wraps_handle.png) no-repeat 0 0;
z-index: 10;
}
#model .model_point.wraps h4,
#customization .model_point.wraps h3,
#smartexpressions .model_point.wraps h3
{
padding-top: 95px;
}
#model #maincontent .model_point.wraps p,
#customization #maincontent .model_point.wraps p,
#smartexpressions #maincontent .model_point.wraps p
{
float: left;
width: 239px;
margin-bottom: 10px;
}
/* Interior Section*/
#model.passion_cab_page section#interior{height:auto;}
#model.passion_cab_page section#interior .interior_container{width:753px;padding-left:196px;position:relative;margin:0 auto;}
#model.passion_cab_page section#interior .interior_lead{width:258px;}
#model.passion_cab_page section#interior p{margin:0;}
#model.passion_cab_page section#interior h4{font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif; font-size:20px;}
/* End Interior Section*/
#model .interior_img{margin-top:-20px;}
#model .interior_swatches{position:absolute;}
#model .interior_swatches li{position:absolute;width:42px;height:42px;background:transparent url(/_assets/models/interior_swatches.png) no-repeat 0 0;}
#model .interior_swatches li.beige{left:230px;top:387px;background-position:0 0;}
#model .interior_swatches li.beige:hover,#model .interior_swatches li.beige.active{background-position:0 -42px;}
#model .interior_swatches li.black{left:276px;top:374px;background-position:0 -84px;}
#model .interior_swatches li.black:hover,#model .interior_swatches li.black.active{background-position:0 -126px;}
#model .interior_swatches li.grey{left:315px;top:348px;background-position:0 -168px;}
#model .interior_swatches li.grey:hover,#model .interior_swatches li.grey.active{background-position:0 -210px;}
#model .interior_swatches li.red{left:347px;top:310px;background-position:0 -252px;}
#model .interior_swatches li.red:hover,#model .interior_swatches li.red.active{background-position:0 -294px;}
#model #maincontent #interior_extras h2{font-size:23px; font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif; text-transform: uppercase;}
#model #maincontent #interior_extras h3{font-size:46px; font-family: 'Smart Courier Cn' ,Arial,Sans-Serif; line-height: 40px; }
#model #maincontent .interior_lead{width:258px;padding-top:5px;}
#model #maincontent .interior_container p.european_label{position: absolute;top: 348px;right: -38px;font-size: 11px;}
#model .interior_lead{width:200px;padding-top:5px;}
#model .model_point.plain{margin-top:130px;z-index:1;}
#model .model_point.plain h4{margin-top:70px;}
#model .model_point.plain p{width:325px!important;}
#model .model_point.radio{margin-top:-2px;}
#model .model_point.radio p{width:290px!important;margin-left:230px!important;}
#model .model_point.smart-drive{margin:90px 0 0 11px;}
#model .model_point.smart-drive h4{margin:20px 0 0 260px;}
#model .model_point.smart-drive p{width:325px!important;margin-left:260px!important;}
#model .model_point.smart-drive .cta{margin:30px 0 0 40px !important;}
#model .model_point.note h4{margin-top:51px;}
#model .model_point.note p{width:290px!important;}
#model .model_point.allaround img{margin-left:35px;}
#model .model_point.allaround p{margin-left:230px!important;width:290px!important;}
#model .model_point.app{margin-top:55px;}
#model .model_point.app img{margin:0 30px 0 3px;}
#model .model_point.app .text_wrapper{margin-top:88px;float:left;}
#model .model_point.app p{width:285px;}
#model .fac_img{margin:-29px 0 -19px 200px;}
#model .paginate{overflow:hidden;margin:120px auto 0;}
#model .paginate li{float:left;margin-left:140px;}
#model .paginate li a{display:block;width:154px;padding-top:125px;background:transparent url(/_assets/models/paginate_cars.jpg) no-repeat 0 2px;text-align:center;font-size:16px;font-weight:700;color:#000;}
#model .paginate li.passion_coupe a{background-position:0 -138px;}
#model .paginate li.passion_cab a{background-position:0 -285px;}
#model .paginate li.ev a{background-position:0 -429px;}
#model .safety_features li.first,#model .paginate li.first{margin-left:0;}
#model .model_point.plain img,#model .model_point.note img{margin-right:35px;}
#model .model_point.radio h4,#model .model_point.allaround h4{margin:52px 0 0 230px;}
#model .model_point.note,#model .model_point.allaround{margin-top:-33px;}
/* NEW EV */
body#model #maincontent a.hero_cta {
text-align: center;
line-height: 18px;
font-size: 15px;
padding: 25px 0 0 2px;
font-weight: bold;
background: url(/_assets/models/pre_register_cta.png) no-repeat 0 0;
display: block;
height: 80px;
width: 103px;
position:absolute;
top:15px;
right:178px;
color: #383838;
text-decoration:none;
cursor:pointer;
}
body#model #maincontent a.hero_cta.find_a_dealer_btn {
padding-top: 25px;
height: 80px;
}
body#model #maincontent a.hero_cta:hover {
background: url(/_assets/models/pre_register_cta.png) no-repeat 0 -105px;
}
#model #maincontent .inline_links.external_brochure {
color: #FF8706;
background: url(/_assets/models/icon-pdf.gif) no-repeat left center;
font-weight: normal;
}
#model .section_wrapper.howitworks{
padding-top:35px;
}
#model.faq .inline-link { color: #818181; text-decoration: underline; }
#model .section_wrapper.features {margin:0 0 -45px; }
#model .section_wrapper.ev_isitright {
width: 773px;
height: 480px;
margin-bottom: -61px;
margin-top:100px;
z-index: 10;
position:relative;
}
#model .section_wrapper.ev_isitright h2 {margin:70px 0 0 0;}
#model .ev_keychain_img {
height: 473px;
width: 265px;
top: 2023px;
left: 680px;
background: transparent url(/_assets/models/keychain.jpg) no-repeat center top;
position: absolute;
z-index: 0;
}
/**********************EV PRE REG REDESIGN************************************************/
.ev_prereg_page #maincontent{margin-top:90px;width:100%;}
.ev_prereg_page#model #maincontent *,.ev_prereg_page#model #maincontent :before,.ev_prereg_page#model #maincontent :after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ev_prereg_page #contact_info.disabled{ opacity: 0.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
.ev_prereg_page #hero_watts_wrapper #nonzevdiv{width:520px;}
.ev_prereg_page #hero_watts_wrapper{background:transparent url(/_assets/electric-drive/ev_pre_hero_bg.jpg) no-repeat center top;height:659px;margin:0 auto; min-width: 940px; max-width:1556px;}
.ev_prereg_page#model #maincontent h1{color:#000;font-family:'Smart Courier Bold Cn',Arial,Sans-Serif;font-size:34px;font-weight:400;line-height:34px;padding-top: 126px;padding-left: 5px;}
.ev_prereg_page#model #maincontent .hero_content h3{font-size: 21px;font-family: TradeGothicNextW02-Cm,helvetica,clean,sans-serif;margin-top: 3px;padding-left: 6px;width: 368px;line-height: 26px;}
.ev_prereg_page#model #maincontent .hero_content .cta_secondary{margin-top: 11px;margin-left: 7px;}
.ev_prereg_page#model #hero_watts_wrapper p{color:#000;font-family:TradeGothicNextW02-Cm,helvetica,clean,sans-serif;font-size:18px;}
.ev_prereg_page#model .hero_content{float:right;margin-right:10px;margin-top:-5px;width:323px;}
.ev_prereg_page#model a.cta{background-color:#fffb51;border-radius:0;color:#000!important;font-family:TradeGothicNextW02-Cm,helvetica,clean,sans-serif;font-size:22px;height:48px;line-height:48px;padding:0 30px 0 20px;position:relative;text-transform:uppercase;}
.ev_prereg_page#model .cta:after{position:absolute; right:10px; top:0; content:url('/_assets/cta_arrow_right.png');display:block;}
.ev_prereg_page#model a.cta.no-arrow{ padding-right: 20px; }
.ev_prereg_page#model a.cta.no-arrow:after{content:"";display:block;position:absolute;right:10px;top:0;z-index:100;}
.ev_prereg_page#model a.cta:hover{background:#fbe73c url(/_assets/owners-hub/cta_btn_over_bkg.gif) repeat-x left top;}
.ie .ev_prereg_page#model a.cta{ behavior: none!important; }
.ev_prereg_page#model #form,.ev_prereg_page#model #thanks{background:#fff;border:2px solid #99dfdd;margin:-242px auto 0;padding:30px 5px 30px 15px;width:946px;}
.ev_prereg_page#model #maincontent h2{color:#2e2e2e;font-family:TradeGothicNextW02-Cm,helvetica,clean,sans-serif;font-size:40px;font-weight:400;line-height:31px;text-transform:uppercase;}
.ev_prereg_page .form_half.step2{margin-left:79px;width:413px;}
.ev_prereg_page .form_half.step1{width:417px;}
.ev_prereg_page .form_half{background-color:#fff;height:100%;margin:29px 1px 4px 0;width:429px;}
.ev_prereg_page #maincontent .reg_stage h3{border-bottom:1px dotted #000;font-family:'Smart Courier Bold Cn',Arial,Sans-Serif;font-size:25px;font-weight:400;line-height:34px;margin-bottom:25px;}
.ev_prereg_page #maincontent .reg_stage h3 .step_num{color:#3ac9c6;}
.ev_prereg_page .select_container select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:none;font-size:16px;font-weight:bolder;height:23px;line-height:23px;outline:none;overflow:hidden;padding-left:5px;position:relative;width:120%!important;}
.ev_prereg_page .select_container{background:#fff url(/_assets/find-a-dealer/select_arrow.png) no-repeat top right;border:1px solid #cbcbcb;color:#2e2e2e;height:26px;line-height:26px;overflow:hidden;position:relative;}
.ev_prereg_page .select_container.survey_select{width:320px;}
.ev_prereg_page #state_set{margin-bottom:23px!important;}
.ev_prereg_page .select_container.state_select{width:155px;}
.ev_prereg_page .select_container.miles_select{margin-bottom:16px;width:130px;}
.ev_prereg_page input{outline:none!important;}
.ev_prereg_page input[type=text]#step-two-zip{color:#191919;font-family:'Smart Courier Bold Cn' , Arial, Sans-Serif;font-size:20px;height:46px;line-height:46px;margin-right:16px;padding:0 17px;width:223px;}
.ev_prereg_page input[type=text]{border:1px solid #C7C7C7;color:#464646;height:25px;padding:0 8px;width:320px;}
.ev_prereg_page #contact_info label{color:#464646;font-size:14px;line-height:32px;width:90px;}
.ev_prereg_page #contact_info fieldset#own_a_smart{font-size:14px;margin:22px 0 15px;}
.ev_prereg_page #contact_info fieldset{margin-bottom:10px;}
.ev_prereg_page #contact_info #phone_set input{width: 15%; margin-right: 10px;}
.ev_prereg_page #contact_info #phone_set input#txtPhone3{width: 25%; }
.ev_prereg_page #contact_info #phone_set input#txtPhone1{margin-right:0; }
.ev_prereg_page #contact_info #phone_set input#txtPhone1 + span{margin-right:10px; }
.ev_prereg_page #contact_info #phone_set span{font-size:20px; }
.ev_prereg_page #own_a_smart span{width:170px;}
.ev_prereg_page #contact_info label.survey{display:block;font-size:14px;line-height:21px;margin:6px 0;width:100%;}
.ev_prereg_page #contact_info fieldset.survey_set{margin:23px 0 10px;}
.ev_prereg_page#model .dealer_newsletter .distance{font-size:11px;font-style:italic;}
.ev_prereg_page#model .dealer_newsletter h4{color:#4c4c4c;font-family:'Smart Courier Bold Cn' , Arial, Sans-Serif;font-size:20px;font-weight:700;line-height:15px;margin-bottom:4px;}
.ev_prereg_page .view_map{color:#000;display:block;font-size:14px;font-weight:bolder;margin-top:18px;padding-top:54px;position:absolute!important;right:30px;top:10px;width:80px;}
.ev_prereg_page .view_map:before{background:url(/_assets/find-a-dealer/search_list_icons_sprite.png) no-repeat;content:"";display:block;height:43px;position:absolute;right:23px;top:-1px;width:34px;}
.ev_prereg_page .dealer-wrapper{border-bottom:1px dotted #000;margin-bottom:15px;overflow:hidden;padding:14px 0 23px 24px;position:relative;width:388px;}
.ev_prereg_page .dealer_newsletter{color:#4c4c4c;font-size:12px;line-height:17px;margin-left:15px;}
.ev_prereg_page #scrollbar1{clear:both;margin:20px 0 10px;width:388px;}
.ev_prereg_page #scrollbar1 .viewport{height:610px;overflow:hidden;position:relative;width:345px;}
.ev_prereg_page #scrollbar1 .overview{left:0;list-style:none;position:absolute;top:0;}
.ev_prereg_page #scrollbar1 .scrollbar{float:right;left:25px;position:relative;top:-5px;width:15px;}
.ev_prereg_page #scrollbar1 .track{background-color:#e5e5e5;border:1px solid #cbcbcb;height:100%;padding:0 1px;position:relative;width:14px;}
.ev_prereg_page #scrollbar1 .thumb{cursor:pointer;height:20px;overflow:hidden;position:absolute;top:0;width:10px;}
.ev_prereg_page #scrollbar1 .thumb .end{height:5px;overflow:hidden;width:10px;}
.ev_prereg_page .noSelect{-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;}
.ev_prereg_page .thanks_half{margin-right:75px;position:relative;width:416px;}
.ev_prereg_page .thanks_half .view_map{top:100px!important;}
.ev_prereg_page .thanks_half.second{margin-right:0;margin-top:34px;}
.ev_prereg_page .socials{margin-left:-8px;margin-top:1px;}
.ev_prereg_page .socials .social_wrapper{float:left;height:24px;margin:7px 0 0 8px;width:24px;}
.ev_prereg_page .socials .social_wrapper a:hover{-khtml-opacity:0.7;-moz-opacity:0.7;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;}
.ev_prereg_page .socials .social_wrapper a{background:url(/_assets/models/models_icons_sprite.png) no-repeat top left;display:block;font-size:1px;overflow:hidden;text-indent:-20px;}
.ev_prereg_page .socials .social_wrapper.google_plus_wrapper a{background-position:0 -54px;height:24px;width:24px;}
.ev_prereg_page .socials .social_wrapper.twitter a{background-position:0 -162px;height:24px;width:25px;}
.ev_prereg_page .socials .social_wrapper.pin_wrapper a{background-position:0 -83px;height:24px;width:24px;}
.ev_prereg_page #btnContactSubmit{margin-right:15px; overflow:visible; position: relative;}
.ev_prereg_page #btnContactSubmit:after{background: url('/_assets/cta_arrow_right.png') no-repeat 0 0; width:10px; height: 16px!important; top:16px!important; content:" "!important; }
.ev_prereg_page #thanks p{width:420px!important;}
.ev_prereg_page h1{padding-top:112px;}
.ev_prereg_page .learn_more{background:url(/_assets/models/ev_prereg_learn_more_bkg.gif) no-repeat scroll left top transparent;color:#383838;display:block;font-size:16px;font-weight:700;height:83px;padding-top:9px;position:absolute;right:33px;text-align:center;top:43px;width:92px;}
.ev_prereg_page .learn_more.moved{display:none;left:361px;top:41px;}
.ev_prereg_page#model #maincontent .steps_head{color:#000;font-size:16px;font-weight:700;margin:49px 0 9px;}
.ev_prereg_page .reg_stage,.ev_prereg_page .form_wrapper{overflow:hidden;width:100%;}
.ev_prereg_steps{margin-bottom:44px;width:100%;}
.ev_prereg_steps td{background-color:#f2f2f2;border-right:1px solid #FFF;padding:6px 13px 29px;vertical-align:top;width:163px;}
.ev_prereg_steps td .step_check{display:none;margin:9px 0 -16px;}
.ev_prereg_steps .descrs{background:transparent url(/_assets/models/ev_prereg_steps_bkg.gif) no-repeat 20px 8px;height:22px;padding:0;}
.ev_prereg_steps td span{color:#008d39;font-family:'Smart Courier Bold Cn',Arial,Sans-Serif;font-size:24px;line-height:32px;}
.ev_prereg_steps td p{color:#5c5c5c!important;font-size:11px;line-height:15px;width:100%!important;}
.ev_prereg_page#model #maincontent .form_half p{color:#464646;width:100%;}
.ev_prereg_page#model #maincontent .form_half p.fields_required_note{margin-top:3px;}
.ev_prereg_page#model #maincontent .form_half .error_message{color:red;line-height:25px;visibility:hidden;}
.ev_prereg_page#model #maincontent .form_half#contact_info .error_message{line-height:22px;}
.ev_prereg_page#model #maincontent #standalone_right .error_message{margin-bottom:-12px;}
.ev_prereg_page input[type=text].field-error-highlight{border-color:red;}
.ev_prereg_page input[type=text]#txtZip{width:99px;}
.ev_prereg_page .results-wrapper{margin-top:10px;}
.ev_prereg_page .results-wrapper h5{color:#2E2E2E;font-weight:700;line-height:31px;margin-bottom:6px;}
.ev_prereg_page .results-wrapper ul{padding-top:6px;}
.ev_prereg_page .thanks_half .dealer_newsletter{height:102px;margin:0;}
.ev_prereg_page .dealer_newsletter .view-map{color:#ff8e16;display:inline-block;margin-top:2px;}
.ev_prereg_page #contact_info fieldset.survey_set select.field-error-highlight{border:1px solid red;color:red;}
.ev_prereg_page #contact_info label.zip_label{width:30px;}
.ev_prereg_page #contact_info label.newsletter_label{line-height:17px;}
.ev_prereg_page #contact_info .survey_wrapper{margin:22px 0 25px;}
.ev_prereg_page #standalone_right .survey_wrapper{margin-top:2px;}
.ev_prereg_page #contact_info #state.field-error-highlight{border:1px solid red;}
.ev_prereg_page #own_a_smart span.field-error-highlight{color:red;}
.ev_prereg_page #own_a_smart input{margin:0 9px;}
.ev_prereg_page #own_a_smart label{line-height:normal;width:28px;}
.ev_prereg_page #newsletter_checkbox{margin:0 15px 20px 0;}
.ev_prereg_page#model #btnContactSubmit.hide{visibility:hidden;}
.ev_prereg_page#model #maincontent .prereg_disclaimer{color:#828282;font-size:11px;margin-top:23px;}
.ev_prereg_page #thanks #zevdiv,.ev_prereg_page #thanks #nonzevdiv{margin:0 0 90px;}
.ev_prereg_page#model #maincontent #thanks > p{margin-bottom:24px;width:100%;}
.ev_prereg_page#model #maincontent .thanks_half.second p{font-size:12px;margin-bottom:15px;width:100%;}
.ev_prereg_page .fb_share{background:transparent url(/_assets/fb_share_large.gif) no-repeat left top;display:inline-block;font-size:1px;height:28px;margin-left:8px;overflow:hidden;text-indent:-100px;width:76px;}
.ev_prereg_page .gplus_wrapper{margin:2px 0 0 8px;}
.ev_prereg_page #ev_back{position:relative;}
.ev_prereg_page #hero_watts_wrapper #zevdiv,.ev_prereg_page #hero_watts_wrapper #nonzevdiv,.ev_prereg_page #scrollbar1 .disable,.ev_prereg_page #contact_info fieldset.survey_set#finance_two,.ev_prereg_page #thanks,.ev_prereg_page #thanks #zevdiv,.ev_prereg_page #thanks #nonzevdiv{display:none;}
.ev_prereg_page .state_field,.ev_prereg_page #contact_info fieldset.survey_set select{width:200px;}
.ev_prereg_page .results-wrapper ul.active,.ev_prereg_page #scrollbar1 .thumb .end,.ev_prereg_page #scrollbar1 .thumb{background-color:#fff;}
.ev_prereg_page .socials .social_wrapper.fb_wrapper a,.ev_prereg_page .socials .social_wrapper.facebook a{background-position:0 -25px;height:24px;width:24px;}
/**********************END EV PRE REG REDESIGN************************************************/
/*STANDALONE SURVEY*/
.ev_prereg_page#model #standalone_wrapper {
overflow: hidden;
width: 100%;
}
.ev_prereg_page#model #standalone_left {
float:left;
width:428px;
}
.ev_prereg_page#model #standalone_left h1 {
padding-top:0;
}
.ev_prereg_page#model #standalone_left p {
width:100%;
margin: 10px 0 60px 0;
}
.ev_prereg_page#model #standalone_right {
float:right;
width:467px;
}
.ev_prereg_page#model #standalone_right .form_half {
height:auto;
}
.ev_prereg_page#model #standalone_right p {
width: 100%;
float: left;
}
.ev_prereg_page#model #standalone_right p.error_message {
float: none;
color: #FF0000;
line-height: 25px;
}
.ev_prereg_page#model #standalone_right p.error_message.backend {
float: left;
width: 275px;
margin: 21px 0px 0px 15px;
line-height: 18px;
}
.ev_prereg_page#model .thanks_left {
width: 400px;
float: left;
margin: 120px 0 0 0;
}
.ev_prereg_page#model .thanks_right {
margin: 0 0 34px 0;
}
#survey_how_pay.field-error-highlight {
border: 1px solid #FF0000;
}
#lightbox.survey_error {
display: none;
}
#lightbox.survey_error .overlay_wrapper {
height: 151px;
margin: -100px 0 0 -210px;
padding: 37px 15px 11px 80px;
}
#lightbox.survey_error .overlay_wrapper #overlay_error {
height: auto;
width: 425px;
}
#lightbox.survey_error .overlay_wrapper h1 {
font-size: 50px;
line-height: 50px;
margin-bottom: 11px;
padding-top: 0;
}
#lightbox.survey_error .overlay_wrapper a {
color: #363636;
text-decoration: underline;
}
/*END STANDALONE SURVEY*/
#lightbox {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1000;
}
.overlay_bkg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: transparent url(/_assets/ie_overlay_bkg.png) repeat 0 0;
z-index: 1;
}
html.rgba .overlay_bkg {
background: rgba(0,0,0,.5) none;
}
.overlay_wrapper {
position: absolute;
padding: 11px 15px 15px;
background-color: #f8f8f8;
left: 50%;
top: 50%;
margin: -324px 0 0 -425px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
box-shadow: 0 0 10px rgba(0,0,0,.8);
z-index: 2;
}
/*adding gallery on pages*/
#model #gallery_model .overlay_wrapper h4{
margin: 33px auto 48px;
padding: 0 40px 20px;
display: block;
font-family: 'Smart Courier Cn' ,Arial,sans-serif;
font-weight: normal;
font-size: 46px;
line-height: 31px;
color: #000;
text-align: center;
width: 340px;
}
#model #gallery_model .overlay_wrapper .overlay_type {
height: auto;
width: 818px;
margin: 0 auto
}
#model #gallery_model .overlay_wrapper {
position: static;
background: #fff;
margin: 0 auto;
width: 935px;
box-shadow: none;
}
#model #gallery_model .overlay_wrapper .thumb_item{
width: 110px;
height: 51px;
}
.overlay_wrapper .overlay_type {
width: 820px;
height: 622px;
overflow: hidden;
position: relative;
}
.gotoHome {
padding:20px 0 0 0;
margin:20px 0 0 0;
width:600px;
border-top:1px dotted #c0c0c0;
}
.gotoHome a {
color:#0000ee;
text-decoration:none;
font-weight:bold;
}
.gotoHome a:hover {
text-decoration:underline;
}
.find_dealer_cta{
margin-top:8px;
}
.find_dealer_cta .cont
{
margin-left:10px;
}
.find_dealer_cta p{
margin:0;
line-height:normal;
}
.find_dealer_cta .cta{
margin: -30px 0 0 45px;
}
.find_dealer_cta .cta img{
margin-right:10px;
}
.find_dealer_cta .find_dealer_title{
/*font-family:'Smart Courier Bold Cn', Arial, Sans-Serif;*/
font-family:'Smart Courier Cn' , Arial, Sans-Serif;
font-size:35px;
color:#656565;
}
.find_dealer_cta .find_dealer_title span{
color:#c60b1a;
font-family:'Smart Courier Bold Cn', Arial, Sans-Serif;
}
.find_dealer_cta .find_dealer_subtitle{
color:#262626;
font-family:'Smart Courier Bold Cn', Arial, Sans-Serif;
font-size:18px;
margin-top: -7px;
margin-left: 2px;
}
.overlay_wrapper .overlay_type#yt_video {
height: 541px;
margin-bottom: -5px;
padding-top: 3px;
}
.overlay_wrapper .overlay_type#overlay_fulllist {
height: 590px;
}
.overlay_close_btn {
width: 38px;
height: 38px;
position: absolute;
right: -19px;
top: -19px;
cursor: pointer;
background: transparent url(/_assets/overlay_close.png) no-repeat 0 0;
}
.overlay_close_btn:hover {
background-position: 0 -38px;
}
#lightbox .overlay_wrapper h1, #compare #lightbox .overlay_wrapper h1 {
color: #000000;
font-family: 'Smart Courier Cn' ,Arial,Sans-Serif;
font-size: 43px;
font-weight: normal;
line-height: 44px;
height: auto;
margin-bottom: 18px;
display: block;
}
#compare #lightbox .overlay_wrapper h1 {
margin-bottom: 10px;
}
#model .overlay_wrapper .cta{
margin-top: -15px;
}
.overlay_wrapper .tabs{
overflow: hidden;
margin-bottom: 9px;
}
.overlay_wrapper .tabs li{
float: left;
font-weight: bold;
cursor: pointer;
}
.overlay_wrapper .tabs li.first{
margin-left: -50px;
}
.overlay_wrapper .tabs li h2, #model .overlay_wrapper .tabs li h2{
padding: 0 55px;
border-left: 1px solid #000;
margin-bottom: 0;
font-weight: bold;
color: #000000;
font-size: 13px;
}
.overlay_wrapper .tabs li h2:hover, #model .overlay_wrapper .tabs li h2:hover{
color: #545454;
}
.overlay_wrapper .tabs li.first h2, #model .overlay_wrapper .tabs li.first h2
{
border: none;
}
.overlay_wrapper .tabs li.active
{
padding-bottom: 13px;
cursor: default;
background: transparent url("/_assets/main-nav-arrow.png") no-repeat center 23px;
}
.overlay_wrapper .content_wrapper
{
border: 1px solid #A3A3A3;
height: 452px;
overflow-x: hidden;
overflow-y: auto;
padding: 17px 0 20px 11px;
margin-bottom: 15px;
background-color: #fff;
position: relative;
}
.overlay_wrapper #overlay_fulllist .content_wrapper
{
height: 420px;
}
#model .overlay_wrapper h2 {
font-family: arial,helvetica,clean,sans-serif;
margin-bottom: 10px;
color: #000;
}
.overlay_wrapper .feature_section {
display: none;
position: relative;
left: -300px;
top: 0;
overflow: hidden;
color: #6c6c6c;
height: auto !important;
margin-top: 0 !important;
}
.overlay_wrapper .feature_section.active {
display: block;
left: 0;
}
.overlay_subtit { width:500px; font-weight:normal; font-size:14px; margin:0 0 26px 0;}
#model .overlay_wrapper .feature_section h3, #compare .overlay_wrapper .feature_section h3 {
font-family: arial,helvetica,clean,sans-serif;
line-height: 19px;
font-size: 14px;
font-weight: bold;
color: #6C6C6C;
padding-left: 24px;
margin-bottom: 5px;
background: transparent url(/_assets/overlay_bullet_sprite.gif) no-repeat 0 1px;
}
#model .overlay_wrapper .feature_section h3.safety, #compare .overlay_wrapper .feature_section h3.safety {
background-position: 0 -20px;
}
#model .overlay_wrapper .feature_section h3.interior, #compare .overlay_wrapper .feature_section h3.interior {
background-position: 0 -43px;
}
#model .overlay_wrapper .feature_section h3.battery, #compare .overlay_wrapper .feature_section h3.battery {
background-position: 0 -494px;
}
#model .overlay_wrapper .feature_section h3.engine, #compare .overlay_wrapper .feature_section h3.engine {
background-position: 0 -71px;
float: none;
padding-right: 0;
margin-left: 0;
}
#model .overlay_wrapper .feature_section h3.transmission, #compare .overlay_wrapper .feature_section h3.transmission
{
background-position: 0 -99px;
}
#model .overlay_wrapper .feature_section h3.running, #compare .overlay_wrapper .feature_section h3.running
{
background-position: 0 -131px;
}
#model .overlay_wrapper .feature_section h3.brakes, #compare .overlay_wrapper .feature_section h3.brakes
{
background-position: 0 -153px;
}
#model .overlay_wrapper .feature_section h3.steering, #compare .overlay_wrapper .feature_section h3.steering
{
background-position: 0 -178px;
}
#model .overlay_wrapper .feature_section h3.wheels, #compare .overlay_wrapper .feature_section h3.wheels
{
background-position: 0 -206px;
}
#model .overlay_wrapper .feature_section h3.dimensions, #compare .overlay_wrapper .feature_section h3.dimensions
{
background-position: 0 -231px;
}
#model .overlay_wrapper .feature_section h3.additional, #compare .overlay_wrapper .feature_section h3.additional
{
background-position: 0 -424px;
}
#model .overlay_wrapper .feature_section h3.package, #compare .overlay_wrapper .feature_section h3.package
{
background-position: 0 -443px;
}
.overlay_wrapper .feature_section .specs_list
{
width: 385px;
margin-right: 10px;
float: left;
}
.overlay_wrapper .feature_section .specs_list.full
{
width: 780px;
margin-right: 10px;
float: none;
}
.specs_link
{
display: block;
margin-left: 46px;
color: #ff8e16;
}
.overlay_wrapper .feature_section .specs_list li.avalaible_until{
margin-top: 115px;
font-size:14px;
}
.overlay_wrapper .feature_section .specs_list li
{
overflow: hidden;
}
.overlay_wrapper .feature_section .specs_sublist
{
margin: 0 0 10px 46px;
font-size: 14px;
}
.overlay_wrapper .feature_section .specs_sublist li
{
line-height: 19px;
margin-bottom: 5px;
list-style: disc outside none;
}
.overlay_wrapper .feature_section .tech_specs_sublist
{
margin: 0 0 10px 46px;
font-size: 14px;
width: 240px;
float: left;
}
.overlay_wrapper .feature_section .tech_specs_sublist.col2
{
width: 320px;
}
.overlay_wrapper .feature_section .tech_specs_sublist.single_col
{
width: 475px;
}
.overlay_wrapper .feature_section .tech_specs_sublist li
{
line-height: 19px;
margin-bottom: 5px;
}
.overlay_wrapper .feature_section .size_12
{
font-size: 12px;
}
.overlay_wrapper .feature
{
border: 1px solid #a3a3a3;
text-align: center;
height: 373px;
background-color: #fff;
position: relative;
overflow: hidden;
width: 818px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#model.ev_page #gallery_model .overlay_wrapper .feature{
width: 819px!important;
height: 378px!important;
}
}
.feature .gallery_arrow
{
width: 98px;
height: 98px;
background: rgba(0,0,0,.5) url(/_assets/gallery/arrow_sprite.png) no-repeat 20px 14px;
position: absolute;
top: 50%;
margin-top: -49px;
cursor: pointer;
opacity: .5;
filter: Alpha(opacity=25);
-moz-transition: opacity .25s;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s;
}
.feature .gallery_arrow:hover
{
opacity: 1;
filter: Alpha(opacity=50);
}
.feature .gallery_arrow.hide
{
opacity: 0;
filter: Alpha(opacity=0);
}
.feature .gallery_arrow.disable
{
display: none;
}
.feature .gallery_arrow.arrow_left
{
left: 0;
}
.feature .gallery_arrow.arrow_right
{
background-position: 31px -86px;
right: 0;
}
html.no-rgba .feature .gallery_arrow
{
background: transparent url(/_assets/gallery/ie_arrow_sprite.png) no-repeat 0 0;
}
html.no-rgba .feature .gallery_arrow.arrow_right
{
background-position: 0 -98px;
}
.overlay_wrapper .feature_label_wrapper
{
width: 815px;
height: 59px;
margin-left: 5px;
}
.overlay_wrapper .feature_label
{
font-size: 12px;
color: #6A6A6A;
margin: 0;
padding-top: 15px;
line-height: 19px;
display: none;
}
.overlay_wrapper .feature_label.active
{
display: block;
}
.overlay_wrapper .thumbs_outer_wrapper
{
margin: 0 11px;
overflow: hidden;
}
.overlay_wrapper .thumb_arrow
{
height: 22px;
width: 13px;
float: left;
margin-top: 16px;
cursor: pointer;
background: transparent url(/_assets/overlay_bullet_sprite.gif) no-repeat 0 -256px;
}
.overlay_wrapper .thumb_arrow.arrow_left:hover
{
background-position: 0 -288px;
}
.overlay_wrapper .thumb_arrow.arrow_right
{
background-position: 0 -320px;
}
.overlay_wrapper .thumb_arrow.arrow_right:hover
{
background-position: 0 -352px;
}
.overlay_wrapper .thumb_arrow.inactive
{
cursor: default;
visibility: hidden;
}
.overlay_wrapper .thumb_arrow.inactive:hover
{
background-position: 0 -256px;
}
.overlay_wrapper .thumb_arrow.arrow_right.inactive:hover
{
background-position: 0 -320px;
}
.thumbs_outer_wrapper.short .thumb_arrow
{
display: none;
}
.overlay_wrapper .thumbs_wrapper
{
width: 700px;
overflow: hidden;
margin: 0 20px;
float: left;
}
.thumbs_outer_wrapper.short .thumbs_wrapper
{
margin: 0;
}
.overlay_wrapper .thumbs_wrapper > ul
{
overflow: hidden;
position: relative;
}
.overlay_wrapper .thumb_item
{
width: 108px;
height: 49px;
margin-right: 35px;
border: 1px solid #c4c4c4;
float: left;
cursor: pointer;
position: relative;
}
.overlay_wrapper .thumb_item.last
{
margin-right: 0;
}
.overlay_wrapper .thumb_item:hover, .overlay_wrapper .thumb_item.active
{
border: 1px solid #000;
}
.overlay_wrapper #exterior .thumb_item.active img
{
opacity: .5;
filter: Alpha(opacity=50);
cursor: default;
}
.overlay_wrapper #exterior .thumb_item.active img, .overlay_wrapper #interior .thumb_item.active img
{
border-bottom: none;
}
.overlay_wrapper .dots_wrapper
{
padding-top: 19px;
text-align: center;
clear: both;
}
.overlay_wrapper .dots_wrapper ul
{
overflow: hidden;
display: inline-block;
}
.overlay_wrapper .dots_wrapper li
{
float: left;
height: 12px;
width: 12px;
margin: 0 5px;
background: transparent url(/_assets/overlay_bullet_sprite.gif) no-repeat 0 -384px;
cursor: pointer;
}
.overlay_wrapper .dots_wrapper li:hover, .overlay_wrapper .dots_wrapper li.active
{
background-position: 0 -406px;
}
.overlay_wrapper .dots_wrapper li.active
{
cursor: default;
}
.overlay_wrapper #get_updates,
.overlay_wrapper #electric-drive
{
height: 459px;
}
.overlay_wrapper #get_updates .get, .overlay_wrapper #get_updates .thanks,
.overlay_wrapper #electric-drive .get, .overlay_wrapper #electric-drive .thanks
{
padding: 0 75px 0 10px;
}
.overlay_wrapper #get_updates .thanks,
.overlay_wrapper #electric-drive .thanks,
.overlay_wrapper #electric-drive .thanks #zevdiv,
.overlay_wrapper #electric-drive .thanks #nonzevdiv
{
display: none;
}
.overlay_wrapper #get_updates h2,
.overlay_wrapper #electric-drive h2
{
font-family: 'Smart Courier Cn' , Arial, Sans-Serif;
font-size: 50px;
margin-top: -6px;
line-height: 63px;
}
.overlay_wrapper #get_updates h1,
.overlay_wrapper #electric-drive h1
{
margin-bottom: 8px;
}
.overlay_wrapper #get_updates p {
height: 25px;
margin: 0 0 26px;
}
.overlay_wrapper #electric-drive p {
height: 25px;
margin: 0 0 26px;
}
.overlay_wrapper #get_updates p.disclaimer,
.overlay_wrapper #electric-drive p.disclaimer
{
color: #4c4c4c;
margin: 0;
padding: 0;
clear: both;
font-size: 11px;
}
.overlay_wrapper #get_updates img.right {
margin:-40px 0 0 0;
}
.overlay_wrapper #electric-drive img.right {
margin:-3px 0 0 0;
}
.overlay_wrapper #electric-drive p.disclaimer {padding:0;}
.overlay_wrapper #electric-drive p.disclaimer.first {
margin: 72px 0 0 0;
}
.overlay_wrapper #get_updates p.disclaimer.first {
margin: 50px 0 0 0;
}
.ev_page .overlay_wrapper #get_updates p.disclaimer.first{
margin-top: 20px;
}
.overlay_wrapper #get_updates p.disclaimer a,
.overlay_wrapper #electric-drive p.disclaimer a {
font-size: 11px;
color: #A2A2A1;
}
.overlay_wrapper #get_updates p.disclaimer a:hover,
.overlay_wrapper #electric-drive p.disclaimer a:hover { text-decoration:underline;}
.overlay_wrapper #get_updates p.errorText,
.overlay_wrapper #electric-drive .newsletter_error_message
{
font-size: 12px;
font-weight: bold;
color: #f00;
line-height: 16px;
margin: -26px 0 0;
visibility: hidden;
}
.ev_page .overlay_wrapper #get_updates .form_wrapper{
margin-bottom: 20px;
}
.overlay_wrapper #get_updates .error .errorText,
.overlay_wrapper #electric-drive .error .newsletter_error_message
{
visibility: visible;
}
.overlay_wrapper #get_updates .form_wrapper,
.overlay_wrapper #electric-drive .form_wrapper
{
margin: 6px 0 42px;
}
.overlay_wrapper #get_updates .thanks .form_wrapper,
.overlay_wrapper #electric-drive .thanks .form_wrapper
{
margin-top: -15px;
}
.overlay_wrapper #get_updates input,
.overlay_wrapper #electric-drive input
{
width: 238px;
padding: 9px 0 6px 6px;
border: 1px solid #c7c7c7;
outline: none;
margin: 0 0 10px;
}
.overlay_wrapper #get_updates input.field-error-highlight,
.overlay_wrapper #electric-drive input.field-error-highlight
{
background-color: #f9f9af;
color: #ff0000;
}
.overlay_wrapper #get_updates .cta,
.overlay_wrapper #electric-drive .cta{
margin-top: 9px;
cursor: pointer;
}
@media (max-width: 965px)
{
#maincontent .static_sidenav
{
left: 0;
margin-left: 0;
}
}
@media (max-width: 949px)
{
.overlay_wrapper
{
left: 50px;
margin-left: 0 !important;
}
}
@media (max-height: 689px)
{
#model.ev_page .overlay_wrapper{
top: 32px!important;
}
.overlay_wrapper
{
top: 20px !important;
margin-top: 0 !important;
}
}
/*
* PAGE CORRECTIONS FOR NEW MASTER TEMPLATE
*/
#about h2, #autoshow h2, #contact h2, #compare h2, #brochure h2, #hellokitty h2, #privacy h2, #warranty h2
{
margin-left: 0;
}
#about #maincontent h1
{
margin-left: 0;
}
#about #maincontent p
{
margin: 6px 0;
}
.autoshow
{
margin: 15px 0;
}
#brochure #maincontent h1
{
margin-left: 0;
}
#brochure #maincontent p {
margin: 15px 0;
}
#brochure #maincontent h2 {
margin-left: 0;
width: auto;
}
#brochure #maincontent ul {
margin: 3px 0 15px;
width: 100%;
}
#maincontent .contactThanks {
margin: 0;
width: auto;
}
#contact #option-header {
width: auto;
}
#contact #maincontent {
margin-top: 133px !important;
}
#errors #maincontent {
margin-left: auto;
width: 949px;
}
#errors #maincontent h2.head_large {
margin-left: 0;
}
#autoshow img {
margin: 0;
}
#availability #masthead, #e-overview #masthead, #evsignup #masthead, #environment #masthead, #dealerloc #masthead, #faqs #masthead, #technology #masthead
{
width: 721px;
float: left;
margin-left: 20px;
overflow: hidden;
}
#availability #bodycopy, #e-overview #bodycopy, #evsignup #bodycopy, #environment #bodycopy, #dealerloc #bodycopy, #faqs #bodycopy, #technology #bodycopy
{
width: 721px;
margin-left: 229px;
}
#sitemap #maincontent
{
margin-left: auto;
width: 949px;
}
/** WARRANTY **/
#warranty #hero_container {
width: 361px;
height: 251px;
background: transparent url(/_assets/warranty/hero_bg.jpg) no-repeat 0 0;
padding: 77px 114px 0 474px;
margin: 0 0 40px 0;
position: relative;
}
#warranty #hero_container h2 {
color: #000000;
font-family: 'Smart Courier Cn' ,Arial,Sans-Serif;
font-size: 48px;
font-weight: normal;
line-height: 54px;
margin-bottom: -14px;
margin-top: -30px;
}
#warranty #hero_container h2 span {
font-family: 'Smart Courier Bold Cn' ,Arial,Sans-Serif;
}
#warranty #hero_container p.hero {
color: #777;
font-size: 12px;
line-height: 19px;
width: 333px;
margin-bottom: 3px;
}
#warranty .warranty_content { margin: 0 0 150px 0;}
#warranty .warranty_content h3 {
font-size:19px;
font-weight:bold;
margin:0 0 3px 0;
color:#000;
}
#warranty .warranty_content p {
font-size:12px;
color:#2e2e2e;
line-height: 19px;
margin:0 0 25px 0;
}
#warranty .warranty_content a.cta { margin:-20px 0 0 0;}
#warranty .warranty_content#left {
width:385px;
float:left;
}
#warranty .warranty_content#right {
width:452px;
float:right;
margin: 0 23px 0 0;
}
#greenContainer {
padding: 0;
}
/* CAMPAIGN LANDING PAGES */
.features #hero_container {
width: 383px;
height: 262px;
background: transparent url(/_assets/features/safety_hero.jpg) no-repeat 0 0;
padding: 66px 51px 0 313px;
margin: 0 0 40px 0;
position: relative;
}
.features #hero_container .find_dealer_bubble {
width: 67px;
height: 54px;
padding: 24px 5px 0 5px;
background: transparent url(/_assets/find_dealer_bubble.png) no-repeat 0 0;
font-weight:bold;
font-size:15px;
color:#383838;
position:absolute;
top:12px;
right:14px;
display:block;
cursor:pointer;
line-height:1.1em;
text-align:center;
}
.features #hero_container .find_dealer_bubble:hover {
background: transparent url(/_assets/find_dealer_bubble.png) no-repeat 0 -78px;
}
.features #hero_container.fun {
background: transparent url(/_assets/features/fun_hero.jpg) no-repeat 0 0;
}
.features #hero_container.customization {
background: transparent url(/_assets/features/customization_hero.jpg) no-repeat 0 0;
}
.features #hero_container a.fun {
background: url("/_assets/features/fun_video_th.png") no-repeat scroll left top transparent;
position: absolute;
top: 726px;
left: 0;
}
.features #hero_container a.customization {
background: url("/_assets/features/customization_video_th.png") no-repeat scroll left top transparent;
position: absolute;
top: 496px;
left: 0;
}
.features #hero_container .header_specs {
padding: 16px 50px 14px 0;
margin: 12px 0 17px;
border-top: 1px dotted #cccccc;
}
.features #hero_container .pure_coupe_starting {
color: #2e2e2e;
font-size: 12px;
width: 130px;
float: left;
margin-right: 10px;
}
.features #hero_container .other_features {
width: 383px;
overflow: hidden;
}
.features #hero_container .other_features span {
color: #2e2e2e;
font-size: 12px;
padding: 1px 13px 0 0;
float: left;
}
.features #hero_container .other_features a {
color: #383838;
font-size: 14px;
padding: 0 13px 0 0;
font-weight: bold;
float: left;
}
.features #hero_container .learn_more {
background: url("/_assets/features/features_smart_center_bkg.png") no-repeat scroll left top transparent;
color: #000000;
display: block;
font-size: 13px;
font-weight: bold;
height: 57px;
line-height: 16px;
padding: 23px 7px 0 4px;
position: absolute;
right: 15px;
text-align: center;
top: 15px;
width: 71px;
}
#customization.features #maincontent p.soul
{
width: 607px;
}
.features #maincontent #two_col_features
{
width: 747px;
margin: 0 0 30px 0;
overflow: hidden;
}
.features #maincontent #two_col_features li
{
width: 325px;
float: left;
margin: 46px 0 0 0;
}
.features #maincontent #two_col_features li.list_item_odd
{
margin: 46px 66px 0 0;
}
.features #maincontent #two_col_features li p
{
width: 325px;
}
.features #maincontent #two_col_features li .safety_features_img
{
margin: 0 0 4px 0;
}
.features #maincontent .find_a_center
{
width: 540px;
padding: 0 0 0 20px;
margin: 0 auto;
overflow: hidden;
}
.features #maincontent .find_a_center img
{
margin: -20px 0 0 63px;
}
.features #maincontent .p_600
{
width: 600px;
}
.features #maincontent .view_heading
{
margin: 175px 0 5px 0;
}
.features #maincontent .view_paragraph
{
width: 330px;
}
.features #maincontent .view_image
{
margin: 40px 0 43px 0;
}
.features #maincontent .tap
{
margin-top: 130px;
z-index: 1;
overflow: hidden;
position: relative;
width: 100%;
}
.features #maincontent .tap img
{
margin: 0 39px 0 0;
}
.features #maincontent .tap h3
{
margin: 75px 0 5px 0;
width: 345px;
}
.features #maincontent .tap p
{
width: 345px;
}
.features #maincontent .stuff_it
{
margin-top: 46px;
z-index: 1;
overflow: hidden;
position: relative;
width: 100%;
}
.features #maincontent .stuff_it img
{
}
.features #maincontent .stuff_it h3
{
margin: 78px 0 5px 0;
}
.features #maincontent .stuff_it p
{
width: 400px;
}
.features #maincontent .small_car
{
width: 678px;
margin: 0 0 64px 0;
}
.features #maincontent .protection
{
width: 100%;
margin: 50px 0 64px 0;
}
.features #maincontent .protection h3
{
margin: 93px 0 5px 0;
}
.features #maincontent .protection p
{
width: 300px;
display: inline;
}
.features #maincontent .protection img
{
margin: -40px 73px 0 0;
}
/*FUN FACTOR STYLES*/
#fun .cta[rel="Fun Calculator"] { margin-bottom: 30px; }
#fun a.fun { top: 1058px !important; }
#fun .find_dealer_bubble { padding: 24px 1px 0 1px !important; width: 76px !important; }
/*END FUN FACTOR STYLES*/
/* SMART EXPRESSIONS LANDING PAGE */
#smartexpressions #hero_container { width: 383px; height: 240px; background: transparent url(/_assets/smart-expressions/smrt_expressions_hero.jpg) no-repeat 0 0; padding: 88px 51px 0 313px; margin: 0 0 40px 0; }
#smartexpressions #hero_container h3 { color: #000000; font-family: 'Smart Courier Cn', Arial, Sans-Serif; font-size: 46px; font-weight: normal; line-height: 29px; margin-bottom: 20px; }
#smartexpressions #hero_container h3 span { font-family: 'Smart Courier Bold Cn', Arial, Sans-Serif; }
#smartexpressions #hero_container p.hero { color: #777; font-size: 12px; line-height: 19px; width: 373px; margin-bottom: 9px; }
#smartexpressions #hero_container .savedDesigns { font-size: 12px; color: #737373; margin: 0 0 0 15px; }
#smartexpressions #hero_container .savedDesigns a { color: #ff8e16; }
#smartexpressions #hero_container .savedDesigns a:hover { color: #737373; }
#smartexpressions h3.campaign-title { font-family: 'Smart Courier Cn', Arial, Sans-Serif; font-size: 60px; font-weight: normal; color: #000; margin: 0 0 10px 0; }
#smartexpressions #maincontent p.subcopy { width: 560px; }
#smartexpressions #maincontent .topcopy { font-size: 18px; color: #7f7f7f; margin: 0 0 -5px 0; float: left; width: 100%; }
#smartexpressions #maincontent .model_point.wraps a { margin-top: 10px; }
#smartexpressions #maincontent #decals_left { width: 233px; float: right; margin: 40px 0; }
#smartexpressions #maincontent #decals_left li { background: url(/_assets/smart-expressions/list-wraps.png) no-repeat 0 4px; padding: 0 0 0 14px; font-size: 12px; color: #6c6c6c; margin: 0 0 5px 0; }
#smartexpressions #maincontent #decals_left .priceTag { padding: 10px 0 13px 0; width: 204px; font-size: 12px; font-weight: bold; color: #4d4d4d; margin: 15px 0 5px 0; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; background: none; }
#smartexpressions #maincontent #decals_left a { font-size: 14px; line-height: 16px; }
#smartexpressions #maincontent #decals_right { width: 503px; height: 225px; margin: 40px 0 40px 0; float: left; background: url(/_assets/smart-expressions/decals.jpg) no-repeat 0 0; }
#smartexpressions #maincontent #mirrors_left { width: 416px; height: 313px; float: right; margin: 40px 39px 100px 0; background: url(/_assets/smart-expressions/tridion_mirrors.jpg) no-repeat 0 0; }
#smartexpressions #maincontent #mirrors_right { width: 280px; margin: 90px 0 100px 0; float: left; }
#smartexpressions #maincontent #mirrors_right li { background: url(/_assets/smart-expressions/list-wraps.png) no-repeat 0 4px; padding: 0 0 0 14px; font-size: 12px; color: #6c6c6c; margin: 0 0 5px 0; }
#smartexpressions #maincontent #mirrors_right .priceTag { display: inline-block; width: 269px; padding: 10px 0 13px 0; font-size: 12px; font-weight: bold; color: #4d4d4d; margin: 15px 0 5px 0; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; background: none; }
#smartexpressions #maincontent #mirrors_right p { margin: 5px 0 10px; }
#smartexpressions #maincontent .features_cta_title { width: 170px; margin: 0 0 18px 285px; text-align: center; font-size: 13px; color: #2e2e2e; }
#smartexpressions #maincontent #features_cta_container { width: 755px; height: 81px; overflow: hidden; }
#smartexpressions #maincontent #features_cta_container li { float: left; width: 361px; height: 81px; margin: 0 15px 0 0; }
#smartexpressions #maincontent #features_cta_container li .features_cta { display: block; width: 361px; height: 81px; font-size: 20px; font-weight: bold; text-align: center; line-height: 81px; color: #383838; }
#smartexpressions #maincontent #features_cta_container li .features_cta.fun { background: url("/_assets/features/features_cta_sprite.png") no-repeat scroll 99px 26px #f2f2f2; }
#smartexpressions #maincontent #features_cta_container li .features_cta.safety { background: url("/_assets/features/features_cta_sprite.png") no-repeat scroll 111px -87px #f2f2f2; }
#smartexpressions #maincontent .coming_soon { width: 104px; height: 35px; display: block; overflow: hidden; text-indent: -100px; font-size: 1px; margin: 15px 0 0 0; background: url("/_assets/smart-expressions/coming_soon.png") no-repeat; }
.clearfix { width: 100; clear: both; }
/*miguel paredes*/
#smartexpressions #maincontent #miguel_paredes{margin-bottom: 55px;}
#smartexpressions #maincontent #miguel_paredes .content .paredes_left{margin-left: 39px;margin-top: 16px;width: 210px;}
#smartexpressions #maincontent #miguel_paredes .content .paredes_left p{line-height: 19px;}
#smartexpressions #maincontent #miguel_paredes hgroup h3 span.plus_sign{font-size: 35px;position: relative;top: -3px;}
#smartexpressions #maincontent #miguel_paredes .content #urban_cyanea_wrap{width: 445px;height: 314px;margin-left: 75px;margin-top: 12px;}
/*
* MAINTENACE PAGE
*
*/
#maintenance { }
#maintenance #maincontent { text-align: center; }
#maintenance h1 { font-size: 40px !important; line-height: 58px !important; margin-top: 18px !important; }
#maintenance p { font-size: 12px; margin: 0 !important; color: #808080; }
#maintenance a { color: #3399cc; }
/*
* COMPARE PAGE
*
*/
#compare .ev_tech_specs_btn_wrapper { margin: 0 33px 0 0; }
#compare .ev_tech_specs_btn_wrapper .cta { }
#compare .compare_table { }
#compare .compare_table td { border-right: 1px solid; vertical-align: top; }
#compare .compare_table .bdr_white td { border-right-color: #fff; }
#compare .compare_table .bdr_gray td { border-right-color: #dedede; }
#compare .compare_table .bdrNone { border: none; }
#compare .compare_table .trTitle td h4 { padding: 6px 0 5px 15px; font-size: 10px; text-transform: uppercase; font-weight: bold; }
#compare .compare_table .bg_lightGray td { background: #e5e5e5; color: #4c4c4c; }
#compare .compare_table .bg_darkGray td { background: #4a4a4a; color: #fff; }
#compare .compare_table .botShadow td { height: 11px; background: transparent url(/_assets/comparevehicles/table_shadow.gif) repeat-x }
#compare .compare_table .trContent td { padding: 14px 15px; background: #f7f7f7; }
#compare .compare_table .trContent.prices td { padding: 8px 15px 7px; }
#compare .compare_table .trContent.prices td.coupeCabrioletPrice{ padding: 8px 9px 7px;}
#compare .compare_table .trContent ul.list li { list-style: disc outside; padding: 0; margin: 0 0 2px 10px; color: #4C4C4C; font-size: 12px; }
#compare .compare_table .trContent ul.list li:last-child { margin: 0 0 0 10px; }
#compare .compare_table .noContent { font-size: 12px; color: #2e2e2e; font-weight: normal; }
#compare .compare_table .modelPrice { font-size: 28px; color: #000; font-weight: bold; }
#compare .compare_table .mileage { font-size: 18px; font-weight: bold; color: #4a4a4a; }
#compare .compare_table .evPrice { font-size: 28px; color: #000; font-weight: bold; display: inline-block; }
.no-borderradius #compare .compare_table .evPrice{float:left!important;}
#compare .compare_table .evPrice .type { display: block; font-size: 10px; }
#compare .compare_table .evPrice .pricetag { display: block; font-size: 18px; font-weight: bold; }
#compare .compare_table .marr-12px { margin: 0 8px 0 0; }
#compare .compare_table .heading td { padding: 0 0 14px 0; }
#compare .compare_table .heading td h2 a { padding: 141px 15px 3px; color: #000; font-weight: bold; font-size: 17px; display: block; }
#compare #maincontent .compare_table .heading td p { padding: 0 15px 0 15px; display: block; font-size: 12px; color: #747474; margin: 0; line-height: 1.4em; }
#compare .compare_table .heading td.pure_coupe_bg { background: #ffffff url(/_assets/comparevehicles/pure_coupe.jpg) no-repeat 0 top; }
#compare .compare_table .heading td.passion_coupe_bg { background: #ffffff url(/_assets/comparevehicles/passion_coupe.jpg) no-repeat 0 top; }
#compare .compare_table .heading td.passion_cabriolet_bg { background: #ffffff url(/_assets/comparevehicles/passion_cab.jpg) no-repeat 0 top; }
#compare .compare_table .heading td.electric_drive_bg { background: #ffffff url(/_assets/comparevehicles/electric_drive.jpg) no-repeat 0 top; }
#compare .compare_table .heading td.electric_drive_cab_bg { background: #ffffff url(/_assets/comparevehicles/smart_EV_Cabriolet.jpg) no-repeat 0 top; }
#compare .tableTitle { margin-bottom: 17px; font-family: 'Smart Courier Cn', Arial, Sans-Serif; font-size: 44px; font-weight: normal; color: #000; }
#compare .tableTitle span { display: none; }
#compare .tableTitle.different { background: transparent url(/_assets/comparevehicles/titleIcons.gif) no-repeat 4px 17px; margin-top: 40px; padding: 0 0 0 63px; }
#compare .tableTitle.exterior { background: transparent url(/_assets/comparevehicles/titleIcons.gif) no-repeat -7px -28px; padding: 0 0 0 43px; }
#compare .tableTitle.safety { background: transparent url(/_assets/comparevehicles/titleIcons.gif) no-repeat -7px -84px; padding: 0 0 0 46px; }
#compare .tableTitle.interior { background: transparent url(/_assets/comparevehicles/titleIcons.gif) no-repeat -4px -136px; padding: 0 0 0 49px; }
#compare .tableTitle.optional { background: transparent url(/_assets/comparevehicles/titleIcons.gif) no-repeat -4px -192px; padding: 0 0 0 49px; }
#compare .tableTitle.optional_packages { background: transparent url(/_assets/comparevehicles/titleIcons.gif) no-repeat -4px -254px; padding: 0 0 0 49px; }
#compare .compare_table .modelNames td { }
#compare .compare_table .modelNames td h3 { padding: 0 0 0 24px; background-image: url(/_assets/comparevehicles/dots.png); background-repeat: no-repeat; margin: 0 0 11px 0; font-size: 14px; font-weight: bold; color: #000; }
#compare .compare_table .modelNames td h3.grayDot { background-position: 0 0; }
#compare .compare_table .modelNames td h3.blueDot { background-position: 0 -24px; }
#compare .compare_table .modelNames td h3.redDot { background-position: 0 -48px; }
#compare .compare_table .modelNames td h3.greenDot { background-position: 0 -72px; }
#compare .compare_table .modelNames td h3.darkGreenDot { background-position: 0 -95px; }
#compare #maincontent .compare_table .trContent p { font-size: 12px; color: #4c4c4c; line-height: 1.3em; margin: 0; font-weight: normal; }
#compare #maincontent .compare_table .lease_info p { font-size: 11px; color: #000; font-weight: bold; line-height: 1.3em; margin: 0; }
#compare .compare_table .trContent p span.small { font-size: 11px; margin: 0; }
#compare .compare_table .trContent span.small { font-size: 11px; margin: 5px 0 0 0; display: block; }
#compare .color_swatches_wrapper { margin: 26px 0 15px 26px; width: 374px; }
.invisible_sp { display: none; }
/*
* COMPARE PAGE (IFRAME VERSION)
*
*/
#compare.frame .compare_table { width: 100%; }
#compare.frame #legal { font-size: 11px; }
/*
* UNSUBSCRIBE PAGE
*
*/
#unsubscribe #maincontent { height: 400px; min-height: 400px; margin-top: 126px; }
#unsubscribe #global_error_message { visibility: hidden; color: #f00; margin: 10px 0 15px 10px; }
#unsubscribe #global_error_message.show { visibility: visible; }
#unsubscribe h1, #unsubscribe h2 { font: 60px/48px 'Smart Courier Cn', Arial, Sans-Serif normal; }
#unsubscribe h1, #unsubscribe h2.thanks { margin-bottom: 17px; }
#unsubscribe p { color: #6c6c6c; margin: 16px 0; }
#unsubscribe .car { margin-top: -13px; }
#unsubscribe .car.thanks_car { margin-top: -31px; display: none; }
#unsubscribe #unsubscribe_form input[type="text"] { border: 1px solid #C7C7C7; color: #464646; height: 30px; padding: 0 8px; margin-bottom: 10px; width: 321px; }
.no-borderradius #unsubscribe #unsubscribe_form input[type="text"] { line-height: 30px; }
#unsubscribe #unsubscribe_form input[type="text"].error { border-color: #f00; }
#unsubscribe .unsubscribe_cta.cta { }
#unsubscribe #unsubscribe_thanks { display: none; }
#unsubscribe #unsubs_chk { font-size: 11px; padding: 5px 0px 7px; height: 30px; float: left; width: 300px; }
#unsubscribe #unsubs_chk label { color: #6C6C6C; margin: 1px 0 0 0; display: block; float: left; }
#unsubscribe #unsubs_chk input { margin: 0px 10px 0 0; float: left; }
/*
* FORM OVERLAYS
*
*/
.overlay_wrapper #overlay_form.overlay_type { height: 573px; padding: 1px 12px 16px; width: 796px; }
#overlay_form form { height: 100%; }
#overlay_form .form_lead { width: 305px; }
#overlay_form .main_form { width: 483px; height: 507px; padding-left: 8px; position: relative; overflow: hidden; }
#lightbox #overlay_form h1 { margin-bottom: 22px; height: 44px; }
#overlay_form h2 { font-size: 12px; color: #464646; line-height: 36px; }
#overlay_form.unsubscribe h2 { font-size: 43px; font-weight: normal; margin-top: 44px; }
#overlay_form .error_message { color: #c00; font-size: 12px; display: none; position: absolute; }
#overlay_form .error_message.alert { display: block; }
#overlay_form #global_error_message { position: relative; margin: -10px 0 0 69px; }
#overlay_form #vehicle_error_message { left: 12px; top: 42px; }
#overlay_form #first_name_error_message { left: 69px; top: 23px; }
#overlay_form #last_name_error_message { left: 282px; top: 23px; }
#overlay_form #email_error_message { left: 69px; top: 23px; }
#overlay_form #vin_error_message { left: 69px; top: 23px; }
#overlay_form #phone_error_message { left: 69px; top: 23px; }
#overlay_form fieldset { padding: 20px 0 0; border-top: 1px dotted #acacac; position: relative; }
#overlay_form.unsubscribe fieldset { padding: 0; border-top: none; margin-bottom: 21px; }
#overlay_form fieldset.tight { padding-top: 14px; }
#overlay_form label { display: block; }
#overlay_form #subject { width: 236px; }
#overlay_form textarea { border: 1px solid #c7c7c7; width: 232px; resize: none; }
#overlay_form.unsubscribe textarea { width: 459px; }
#overlay_form .field_wrapper { padding-bottom: 20px; position: relative; width: 100%; overflow: hidden; }
#overlay_form .field_wrapper.short { padding-bottom: 11px; }
#overlay_form .field_wrapper.vin_wrapper { height: 33px; overflow: visible; }
#overlay_form .field_wrapper#phone_wrapper { display: none; }
#overlay_form label { display: block; width: 58px; line-height: 29px; color: #464646; }
#overlay_form label.full { width: 100%; }
#overlay_form label#comment_label { margin-top: 15px; }
#overlay_form label#contact_label { width: 100px; }
#overlay_form label#zip_label { width: 22px; }
#overlay_form select { margin: 6px 0 0 10px; }
#overlay_form select.tight { margin: 0; }
#overlay_form select#state { margin-right: 10px; }
#overlay_form input[type="text"] { width: 186px; padding: 7px; margin-left: 10px; border: 1px solid #c7c7c7; font-size: 14px; color: #464646; }
.fleet_dominos #overlay_form input[type="text"] { width: 186px; padding: 0 7px; margin-left: 10px; border: 1px solid #c7c7c7; font-size: 14px; color: #464646; }
#overlay_form input.alert[type="text"] { border-color: #e60000; background-color: #F9F9AF; color: #FF0000 !important; }
#overlay_form textarea.alert { border-color: #e60000; background-color: #F9F9AF; color: #FF0000 !important; }
#overlay_form #phone_wrapper input{width: 8%; margin-right: 10px;}
#overlay_form #phone_wrapper input#txtPhone3{width: 25%; }
#overlay_form #phone_wrapper input#txtPhone1{margin-right:0; margin-left:0; }
#overlay_form #phone_wrapper input#txtPhone1 + span{margin-right:10px; }
#overlay_form #phone_wrapper span{font-size:20px; }
#overlay_form input.defaulted[type="text"] { color: #b2b2b2; }
#overlay_form input.full[type="text"] { width: 398px; }
#overlay_form.unsubscribe input.full[type="text"] { margin: 0; width: 200px; }
#overlay_form input.phone[type="text"], #overlay_form input.city[type="text"] { width: 161px; }
#overlay_form input.zip[type="text"] { width: 67px; }
#overlay_form .radioset label, #overlay_form .radioset input { float: left; }
#overlay_form .radioset.vertical { margin-bottom: 20px; }
#overlay_form .radioset.vertical, #overlay_form .radioset.vertical td, #overlay_form .radioset.vertical tr { position: relative; display: block; width: 240px; }
#overlay_form .radioset.vertical tr { height: 46px; margin-top: 5px; }
#overlay_form .radioset.vertical input { position: relative; z-index: 2; margin: 17px 0 0 77px; }
#overlay_form .radioset.vertical label { position: absolute; left: 0; top: 0; z-index: 1; padding: 9px 0 8px 100px; background: transparent url(/_assets/form_option_pure_coupe.jpg) no-repeat 0 0; width: auto; }
#overlay_form .radioset.vertical .passion label { background-image: url(/_assets/form_option_passion_coupe.jpg); }
#overlay_form .radioset.vertical .cabriolet label { background-image: url(/_assets/form_option_passion_cab.jpg); }
#overlay_form .radioset.vertical .ev_drive label { background-image: url(/_assets/form_option_ev_drive.jpg); }
#overlay_form input[type="radio"] { margin: 8px 7px 0 0; }
#overlay_form .vin_info_pop { color: #ff8e16; }
#overlay_form .vin_info { border: 2px solid #ff8e16; padding: 11px 13px; position: absolute; left: -8px; top: -124px; width: 400px; background-color: #ffffeb; font-size: 12px; line-height: 17px; display: none; }
#overlay_form .vin_info img { position: absolute; left: 29px; bottom: -11px; }
#overlay_form .state_wrapper { width: 122px; }
#overlay_form .cancel { font-size: 14px; color: #464646; text-decoration: underline; margin: 7px 0 0; cursor: pointer; }
#overlay_form.unsubscribe .cancel { margin-left: 15px; }
#overlay_form .finish_btns { bottom: 0; position: absolute; right: 0; }
#overlay_form .submit { margin-left: 20px; }
#overlay_form .submit .cta { padding: 8px 20px 9px; font-size: 20px; z-index: 0; }
#overlay_form .submit .cta.submit { padding:0px 30px 0 20px; font-size: 22px; z-index: 0; top:-11px; margin-left: 10px; }
#overlay_form .form_submit.cancel{display:none;}
#overlay_form .contact_disclaimer { bottom: -14px; left: 11px; position: absolute; font-size: 11px; }
#overlay_form.unsubscribe .contact_disclaimer { font-size: 11px; line-height: 140%; margin-bottom: 12px; }
#overlay_form .contact_disclaimer a { color: #008FAA; }
#overlay_form.unsubscribe p { color: #464646; font-size: 12px; line-height: 20px; margin-bottom: 14px; }
#overlay_form.unsubscribe .finish_btns { bottom: 16px; right: 14px; }
#overlay_form.unsubscribe #global_error_message { color: #f00; line-height: 36px; margin: 0 0 0 9px; display: block; visibility: hidden; }
#overlay_form.unsubscribe .unsub_confirm_car { bottom: 26px; position: absolute; right: 40px; }
/** OWNER's STUDIO **/
.static_sidenav .external_links .page_stories a { background-position: 0 -1436px; }
.static_sidenav .external_links .page_stories a:hover, .static_sidenav .external_links .page_stories.active a { background-position: 0 -1472px; }
.static_sidenav .page_links .page_stories a { background-position: 0 -1432px; }
.static_sidenav .page_links .page_stories { background-position: 5px -375px; }
.static_sidenav .page_links .page_smartagram a { background-position: 0 -1504px; }
.static_sidenav .page_links .page_smartagram { background-position: 5px -400px }
.static_sidenav .page_links .page_onefourty a { background-position: 0 -1577px; }
.static_sidenav .page_links .page_onefourty{ background-position: 5px -425px; }
.static_sidenav .page_links .page_emailastory a { background-position: 0 -1648px; }
.static_sidenav .page_links .page_emailastory { background-position: 5px -450px; }
.static_sidenav .page_links .page_bestofsmart a { background-position: 0 -1721px; }
.static_sidenav .page_links .page_bestofsmart{ background-position: 5px -475px; }
.static_sidenav .page_links .page_smartinsider a { background-position: 0 -1793px; }
.static_sidenav .page_links .page_smartinsider{ background-position: 5px -500px; }
#owners-studio a.section { margin: 0; display: block; width: 100%; }
#owners-studio #maincontent h2, #owners-studio #maincontent .your_smart h2, #maincontent .smart-font { font-family: 'Smart Courier Cn', Arial, Sans-Serif; font-size: 75px; font-weight: normal; color: #000; margin: 0 0 10px 0; text-align: center;}
#owners-studio #maincontent .subhead, #owners-studio #maincontent .your_smart p { font-size: 18px; font-family: 'Smart Courier Bold Cn', Arial, Sans-Serif; color: #464646; line-height: 1.2em; text-align: center; }
#owners-studio #maincontent #smrt-sto-container { margin: 26px 0 37px 0; position: relative; height: 736px; }
#owners-studio #maincontent #smrt-sto-container .smart-stories { position: absolute; top: 442px; left: -8px; width: 765px; }
#owners-studio #maincontent #smrt-sto-container .smart-stories li { float: left; width: 183px; height: 240px; display: block; margin: 0 7px 0 0; }
#owners-studio #maincontent #smrt-sto-container .smart-stories li a { display: block; }
#owners-studio #maincontent #smrt-sto-container .smart-stories li h3 { font-size: 16px; color: #2e2e2e; font-weight: bold; padding-left: 8px; margin: 14px 0 3px 0; }
#owners-studio #maincontent #smrt-sto-container .smart-stories li p { font-size: 13px; color: #7a7a7a; padding-left: 8px; }
#owners-studio #maincontent #smrt-sto-container .smart-stories li .yt-th { width: 167px; position: relative; height: 95px; padding: 3px; border: 5px solid #FFF; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
#owners-studio #maincontent #smrt-sto-container .smart-stories li .yt-th .overlay { width: 167px; position: absolute; top: 3px; left: 3px; height: 95px; background: url(/_assets/owners-studio/play.png) no-repeat 0 0; }
#owners-studio #maincontent #smrt-sto-container .smart-stories li .yt-th .overlay span { position: absolute; left: -5000px; }
#owners-studio #maincontent #smrt-sto-container .smart-stories li .yt-th:hover { border: 5px solid #e3e3e3; }
#owners-studio #maincontent #smrt-sto-container .smart-stories li.currentvideo .yt-th { border: 5px solid #fbe73c; }
#owners-studio #maincontent #smrt-sto-container .smart-stories li.currentvideo .yt-th .overlay { display: none; }
#owners-studio #maincontent .your_smart { background: url(/_assets/owners-studio/hr.png) no-repeat 0 bottom; padding: 0 0 37px 0; margin: 0 0 37px 0; }
#owners-studio #maincontent .your_smart h2 { font-size: 77px; }
#owners-studio #maincontent #insta-smart, #customization #maincontent #insta-smart { position: relative; }
#owners-studio #maincontent #insta-smart p { font-size: 13px; color: #7a7a7a; }
#owners-studio #maincontent #insta-smart .subContainer, #customization #maincontent #insta-smart .subContainer { position: relative; padding: 22px 0 60px 26px; margin: 30px 0 60px 0; background: url(/_assets/owners-studio/hr.png) no-repeat 0 bottom; }
/** INSTAGRAM MODULE ERROR CASE **/
#owners-studio #maincontent #insta-smart .insta-errorCase, #customization #maincontent #insta-smart .insta-errorCase { background: url(/_assets/owners-studio/hr.png) no-repeat 0 bottom; display: none; padding: 22px 0 60px 0; margin: 30px 0 60px 0; }
#owners-studio #maincontent #insta-smart .insta-errorCase .sub, #customization #maincontent #insta-smart .insta-errorCase .sub { height: 126px; background: #f1f1f1 url(/_assets/owners-studio/insta_error_bg.jpg) no-repeat 0 0; padding: 200px 0 0 0; }
#owners-studio #maincontent #insta-smart .insta-errorCase .sub h4, #customization #maincontent #insta-smart .insta-errorCase .sub h4 { text-align: center; font-size: 40px; }
#owners-studio #maincontent #insta-smart .insta-errorCase .sub p, #customization #maincontent #insta-smart .insta-errorCase .sub p { margin: 10px 0 0 0; text-align: center; }
#owners-studio #maincontent #insta-smart .insta-errorCase .sub p a, #customization #maincontent #insta-smart .insta-errorCase .sub p a { color: #3399cc; text-decoration: none; }
#owners-studio #maincontent #insta-smart .insta-errorCase .sub p a:hover, #customization #maincontent #insta-smart .insta-errorCase .sub p a:hover { }
#owners-studio #maincontent #insta-smart .subContainer .user, #customization #maincontent #insta-smart .subContainer .user { position: absolute; top: 0; left: 31px; width: 160px; font-weight: bold; font-size: 13px; color: #2e2e2e; }
#owners-studio #maincontent #insta-smart .subContainer .date, #customization #maincontent #insta-smart .subContainer .date { position: absolute; top: 1px; left: 201px; width: 125px; font-size: 12px; color: #7a7a7a; text-align: right; }
#owners-studio #maincontent #insta-smart .subContainer .thumbnail, #customization #maincontent #insta-smart .subContainer .thumbnail { height: 108px!important; padding: 3px; margin: 5px; border: 3px solid #e3e3e3; border-radius: 5px; width: 108px; cursor: pointer; }
#owners-studio #maincontent #insta-smart .subContainer .thumbnail.active, #customization #maincontent #insta-smart .subContainer .thumbnail.active { border: 3px solid #fae100; }
#owners-studio #maincontent #insta-smart .subContainer .lrgImage, #customization #maincontent #insta-smart .subContainer .lrgImage { padding: 3px; margin: 5px; border: 3px solid #e3e3e3; border-radius: 5px; width: 284px }
#owners-studio #maincontent #insta-smart .subContainer .jcarousel-skin-instagram, #customization #maincontent #insta-smart .subContainer .jcarousel-skin-instagram { position: absolute; left: 422px; top: 22px; }
#owners-studio #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-prev-horizontal, #customization #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-prev-horizontal { position: absolute; left: -67px; top: 109px; width: 44px; height: 44px; cursor: pointer; background: transparent url(/_assets/home/nav_sprite.png) no-repeat 0 0; }
#owners-studio #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-next-horizontal, #customization #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-next-horizontal { position: absolute; right: -53px; top: 109px; width: 44px; height: 44px; cursor: pointer; background: transparent url(/_assets/home/nav_sprite.png) no-repeat 0 -88px; }
#owners-studio #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-next-horizontal:hover, #owners-studio #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-prev-horizontal:hover, #customization #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-next-horizontal:hover, #customization #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-prev-horizontal:hover { opacity: 0.5; }
#owners-studio #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-prev-disabled, #owners-studio #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-next-disabled, #customization #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-prev-disabled, #customization #maincontent #insta-smart .subContainer .jcarousel-skin-instagram .jcarousel-next-disabled { display: none !important; }
#owners-studio #maincontent #insta-smart .subContainer .view_on_instagram_cta, #customization #maincontent #insta-smart .subContainer .view_on_instagram_cta { background: url(/_assets/owners-studio/view_on_instagram.jpg) no-repeat 0 0; width: 137px; height: 24px; position: absolute; left: 486px; top: 328px; }
#owners-studio #maincontent #insta-smart .caption, #customization #maincontent #insta-smart .caption { width: 294px; margin: 0 0 0 7px; font-size: 13px; display: block; color: #7a7a7a; }
#owners-studio #maincontent #twitter-stories, #fun #maincontent #twitter-stories { position: relative; padding: 0 0 25px 0; margin: 20px 0 30px 0; }
/** TWITTER MODULE ERROR CASE **/
#owners-studio #maincontent .twitter-errorCase, #fun #maincontent .twitter-errorCase { display: none; background: url(/_assets/owners-studio/twitter_error_bg.jpg) no-repeat 0 0; width: 503px; height: 76px; padding: 70px 0 0 0; margin: 30px auto 60px auto; }
#owners-studio #maincontent .twitter-errorCase h4, #fun #maincontent .twitter-errorCase h4 { text-align: center; font-size: 28px; }
#owners-studio #maincontent .twitter-errorCase p, #fun #maincontent .twitter-errorCase p { margin: -10px 0 0 0; font-size: 11px !important; text-align: center; }
#owners-studio #maincontent .twitter-errorCase p a, #fun #maincontent .twitter-errorCase p a { color: #3399cc; text-decoration: none; }
#owners-studio #maincontent #twitter-stories p, #fun #maincontent #twitter-stories p { font-size: 13px; color: #7a7a7a; }
#fun #maincontent #twitter-stories p { width: 100% !important; }
#owners-studio #maincontent #twitter-stories .jcarousel-skin-tweets, #fun #maincontent #twitter-stories .jcarousel-skin-tweets { position: relative; margin: 0 0 20px 0; }
#owners-studio #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-prev-horizontal, #fun #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-prev-horizontal { position: absolute; left: -67px; top: 109px; width: 44px; height: 44px; cursor: pointer; background: transparent url(/_assets/home/nav_sprite.png) no-repeat 0 0; }
#owners-studio #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-next-horizontal, #fun #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-next-horizontal { position: absolute; right: -53px; top: 109px; width: 44px; height: 44px; cursor: pointer; background: transparent url(/_assets/home/nav_sprite.png) no-repeat 0 -88px; }
#owners-studio #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-next-horizontal:hover, #owners-studio #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-prev-horizontal:hover, #fun #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-next-horizontal:hover, #fun #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-prev-horizontal:hover { opacity: 0.5; }
#owners-studio #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-prev-disabled, #owners-studio #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-next-disabled, #fun #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-prev-disabled, #fun #maincontent #twitter-stories .jcarousel-skin-tweets .jcarousel-next-disabled { display: none !important; }
#owners-studio #maincontent #twitter-stories .cta, #fun #maincontent #twitter-stories .cta { position: absolute; bottom: 32px; left: 123px; }
#owners-studio #maincontent #got_a_story { position: relative; padding: 0; margin: 0; height: 240px; }
#owners-studio #maincontent #got_a_story p { font-size: 13px; color: #7a7a7a; }
#owners-studio #maincontent #best_from_our_besties { position: relative; padding: 0 0 44px 0; margin: 0 0 30px 0; }
#owners-studio #maincontent #best_from_our_besties h3, #safety_top #maincontent #best_from_our_besties h3 { font-size: 18px; }
#owners-studio #maincontent #best_from_our_besties p { font-size: 13px; color: #7a7a7a; }
#owners-studio #maincontent #best_from_our_besties .overview p, #safety_top #maincontent #best_from_our_besties .overview p { width: 290px !important; }
#owners-studio #maincontent #best_from_our_besties .bestiesImg, #safety_top #maincontent #best_from_our_besties .bestiesImg { float: right; margin: 0 -10px 0 0; }
#owners-studio #maincontent #best_from_our_besties .author, #safety_top #maincontent #best_from_our_besties .author { width: 284px; padding: 0 0 0 40px; margin: 10px 0 0 0; float: left; clear: both; background: url(/_assets/owners-studio/fbicon.gif) no-repeat 0 3px; }
#owners-studio #maincontent #best_from_our_besties .author.email, #safety_top #maincontent #best_from_our_besties .author.email{ background: url(/_assets/owners-studio/email_icon.png) no-repeat 0 3px; }
#owners-studio #maincontent #best_from_our_besties .author h4, #safety_top #maincontent #best_from_our_besties .author h4 { font-size: 13px; font-weight: bold; font-family: arial,helvetica,clean,sans-serif; margin:0; }
#owners-studio #maincontent #best_from_our_besties .author p, #safety_top #maincontent #best_from_our_besties .author p { font-size: 12px; color: #7a7a7a; line-height: normal;}
#owners-studio #maincontent #best_from_our_besties .author p a, #safety_top #maincontent #best_from_our_besties .author p a { color: #3b5998; text-decoration: none; }
#owners-studio #maincontent #best_from_our_besties .author p a:hover, #safety_top #maincontent #best_from_our_besties .author p a:hover { text-decoration: underline; }
#owners-studio #maincontent #best_from_our_besties .jcarousel-prev-horizontal, #safety_top #maincontent #best_from_our_besties .jcarousel-prev-horizontal { position: absolute; left: 14px; top: 165px; width: 44px; height: 44px; cursor: pointer; background: transparent url(/_assets/home/nav_sprite.png) no-repeat 0 0; }
#owners-studio #maincontent #best_from_our_besties .jcarousel-next-horizontal, #safety_top #maincontent #best_from_our_besties .jcarousel-next-horizontal { position: absolute; right: 14px; top: 165px; width: 44px; height: 44px; cursor: pointer; background: transparent url(/_assets/home/nav_sprite.png) no-repeat 0 -88px; }
#owners-studio #maincontent #best_from_our_besties .jcarousel-next-horizontal:hover, #owners-studio #maincontent #best_from_our_besties .jcarousel-prev-horizontal:hover, #safety_top #maincontent #best_from_our_besties .jcarousel-next-horizontal:hover, #safety_top #maincontent #best_from_our_besties .jcarousel-prev-horizontal:hover { opacity: 0.5; }
#owners-studio #maincontent #best_from_our_besties .jcarousel-prev-disabled, #owners-studio #maincontent #best_from_our_besties .jcarousel-next-disabled, #safety_top #maincontent #best_from_our_besties .jcarousel-prev-disabled, #safety_top #maincontent #best_from_our_besties .jcarousel-next-disabled { display: none !important; }
#owners-studio #maincontent .scrollbar_cont, #safety_top #maincontent .scrollbar_cont { width: 310px; margin: 6px 0 10px; }
#owners-studio #maincontent .scrollbar_cont .viewport, #safety_top #maincontent .scrollbar_cont .viewport { width: 290px; height: 230px; overflow: hidden; position: relative; }
#owners-studio #maincontent .scrollbar_cont .overview, #safety_top #maincontent .scrollbar_cont .overview { list-style: none; position: absolute; left: 0; top: 0; }
#owners-studio #maincontent .scrollbar_cont .thumb .end, #owners-studio #maincontent .scrollbar_cont .thumb, #safety_top #maincontent .scrollbar_cont .thumb .end, #safety_top #maincontent .scrollbar_cont .thumb { background-color: #cccccc; }
#owners-studio #maincontent .scrollbar_cont .scrollbar, #safety_top #maincontent .scrollbar_cont .scrollbar { position: relative; float: right; width: 8px; border: 1px solid #e3e3e3; }
#safety_top #maincontent .scrollbar_cont .scrollbar {width: 10px;}
#owners-studio #maincontent .scrollbar_cont .track, #safety_top #maincontent .scrollbar_cont .track { background-color: #f5f5f5; height: 100%; width: 8px; position: relative; }
#owners-studio #maincontent .scrollbar_cont .thumb, #safety_top #maincontent .scrollbar_cont .thumb { width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#owners-studio #maincontent .scrollbar_cont .thumb .end, #safety_top #maincontent .scrollbar_cont .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#owners-studio #maincontent .scrollbar_cont .disable, #safety_top #maincontent .scrollbar_cont .disable { display: none; }
#owners-studio #maincontent .noSelect, #safety_top #maincontent .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#maincontent .scrollbar_cont p a{ text-decoration: underline; color: #6C6C6C; }
/** MEET AND GREET **/
#owners-studio #maincontent #meet_greet { position: relative; height: 320px; margin: 40px 0 0; background: url(/_assets/owners-studio/meet_greet.jpg) no-repeat 310px 125px; }
#owners-studio #maincontent #meet_greet p { font-size: 13px; color: #7a7a7a; }
#owners-studio #maincontent #meet_greet .cta{ margin-top: 30px; }
.jcarousel-skin-instagram #bullets { position: absolute; top: 274px; left: 78px; width: 200px; }
.jcarousel-skin-besties #bestiesbullets { position: absolute; top: 500px; left: 22%; width: 500px; }
.jcarousel-skin-besties #bullets { display:none;}
#safety_top .jcarousel-skin-besties #bestiesbullets { bottom: 20px; top: auto; left: 0; right: 0; margin: 0 auto; width: 500px;}
.jcarousel-skin-instagram #bullets a, .jcarousel-skin-besties #bestiesbullets a { border: 0 none; display: block; float: left; width: 14px; height: 14px; margin: 0 9px 0 0; text-indent: -5000px; background: url(/_assets/owners-studio/bullets.png) no-repeat 0 -14px; }
.jcarousel-skin-instagram #bullets a.active, .jcarousel-skin-besties #bestiesbullets a.active { background: url(/_assets/owners-studio/bullets.png) no-repeat 0 0; }
/** FUN **/
#ownersSafeIs { position: relative; padding: 46px 0 22px 0; margin: 30px 0 60px 0; background: url(/_assets/owners-studio/hr.png) no-repeat 0 top; }
#ownersSafeIs h2 { font-size: 48px !important; }
#ownersSafeIs p a { text-decoration: underline !important; ; color: #6C6C6C !important; ; }
#ownersSafeIs #videoCont { width: 426px; float: left; }
#ownersSafeIs #videoDesc { width: 280px; float: left; padding: 0 0 0 26px; }
#ownersSafeIs #videoDesc img { margin: 0 0 10px 0; display: block; }
#ownersSafeIs #videoDesc h3 { font-size: 18px; }
#ownersSafeIs #videoDesc p { width: 100%; }
h2.untestdrive { font-size: 48px !important; margin: 0 0 22px 0 !important; }
/** iPad fix for main nav CTA background **/
.searchZip .cta { -webkit-appearance: none; }
/*
* ALL IE
*
*/
.ie .input_button_wrapper input { padding: 0; }
.ie #overlay_form .radioset.vertical input { margin-top: 0; }
.ie #overlay_form .radioset.vertical input { margin-top: 0; }
.ie7 #overlay_form .radioset.vertical input { margin-top: 12px; }
.ie .ie_placeholder_shim label { color: #6d6d6d; }
.ie .inline .ie_placeholder_shim { float: left; }
.ie .inline .ie_placeholder_shim label { margin-left: 10px; }
/*
* IPAD
*
*/
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
.overlay_wrapper.unsubscribe { top: 330px; }
}
/****************************************/
/* */
/* OWNERS HUB PAGE CSS */
/* */
/* */
/* */
/****************************************/
.owners-hub {
width: 100% !important;
position: relative;
}
.owners-hub .main_owners_content {
width: 949px !important;
margin: 0 auto;
}
.owners-hub .cta.no-bg {
background: none!important;
padding:0!important;
cursor:default;
}
.owners-hub .cta.no-bg:after{
content:"";
}
.owners-hub .cta.no-bg:hover {
background: none!important;
cursor:default;
}
.owners-hub .cta {
border-radius: 0;
height: 48px;
line-height: 48px;
font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif;
text-transform: uppercase;
font-size: 22px;
color: #000!important;
padding: 0px 30px 0 20px;
background-color: #fffb51;
position:relative;
}
.owners-hub .cta:after,
.owners-hub .cta:after{
display:block;
position:absolute;
/*z-index:100;*/
top: 0;
right:10px;
content:url(/_assets/cta_arrow_right.png);
}
.owners-hub .cta:hover {
background: #fbe73c url(/_assets/owners-hub/cta_btn_over_bkg.gif) repeat-x left top;
}
.owners-hub .hidden {
display: none;
}
.owners-hub .smarties_hub_title {
text-align: center;
padding-top: 10px;
}
.owners-hub .smarties_hub_title img{ width: 30% }
.owners-hub .subtitle {
font-family: "TradeGothicNextW02-Cm", helvetica, clean, sans-serif !important;
font-size: 23px !important;
line-height: 23px !important;
text-transform: uppercase !important;
font-weight: normal!important;
}
.owners-hub .title {
font-family: 'Smart Courier Bold Cn' ,Arial,Sans-Serif;
font-size: 46px;
font-weight: normal;
line-height: 46px !important;
}
.owners-hub .smartapp_content .title {
font-family: "Smart Courier Cn", Arial, Sans-Serif !important;
font-weight: normal;
font-size: 46px !important;
line-height: 46px !important;
}
.owners-hub .smartapp_content .get_connected_link {
font-family: "Smart Courier Bold Cn", Arial, Sans-Serif !important;
font-weight: normal;
font-size: 16px !important;
color: #1f2626;
margin-top: 23px;
display: block;
margin-bottom: -13px
}
.owners-hub .smartapp_content .download_instructions {
/*font-family: "Smart Courier Bold Cn", Arial, Sans-Serif !important;*/
font-weight: normal;
font-size:12px !important;
color: #1f2626;
line-height: 12px !important;
opacity: 0.5;
font-style: italic;
padding-left:8px;
}
.owners-hub .description {
font-size: 12px !important;
line-height: 19px !important;
color: gray !important;
}
.owners-hub .owners_hub_carrousel_wrapper {
background: url("/_assets/owners-hub/carrousel_bg.png") no-repeat transparent center center;
margin-top: 28px;
position: relative;
width: 100%;
height: 1013px;
}
.owners-hub .owners_hub_carrousel_wrapper .carousel_btn {
background: url("/_assets/owners-hub/arrows_main_carrousel_sprite.png") no-repeat;
height: 101px;
width: 47px;
position: absolute;
top: 17%;
cursor: pointer;
z-index: 99;
}
.owners-hub .owners_hub_carrousel_wrapper .carousel_btn.prev {
left: 0;
background-position: 0 0;
}
.owners-hub .owners_hub_carrousel_wrapper .carousel_btn.prev:hover {
background-position: 0 -202px;
}
.owners-hub .owners_hub_carrousel_wrapper .carousel_btn.next {
right: 0;
background-position: 0 -101px;
}
.owners-hub .owners_hub_carrousel_wrapper .carousel_btn.next:hover {
background-position: 0 -303px;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner {
padding-top: 80px;
position: absolute;
top: -80px;
position: relative;
margin: 0 auto;
height: 100%;
width: 1600px;
overflow: hidden;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .jcarousel-container {
width: 1200px;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel li {
width: 1200px;
height: 600px;
float: left;
position: relative;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container img {
display: block;
position: absolute;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container .owners_hub_carrouser_item_content {
width: 30%;
color: #3c3c3c;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container.hero_1 .owners_hub_carrouser_item_content {
width:30%;
padding: 15% 0 0 17%;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container.hero_1 .owners_hub_carrouser_item_content .description {
margin-top: 16px;
width:70%;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container.hero_1 .owners_hub_carrouser_item_content .cta {
margin-top: 15px;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container.hero_1 .hero_1_cars_img {
right: 0;
width: 55%;
top: -15px;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container.hero_2 .owners_hub_carrouser_item_content {
padding: 15% 0 0 17%;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container.hero_2 .owners_hub_carrouser_item_content .title {
line-height: 39px;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container.hero_2 .owners_hub_carrouser_item_content .description {
margin-top: 20px;
width:70%;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container.hero_2 .owners_hub_carrouser_item_content .cta {
margin-top: 25px;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container.hero_games.hero_2 .hero_2_cars_img {
right: 20px;
width: 50%;
top: 50px;
}
.owners-hub .owners_hub_carrousel_wrapper .owners_hub_carrousel_wrapper_inner .owners_hub_carrousel .owners_hub_carrouser_item_container.hero_2 .hero_2_cars_img {
right: 20px;
width:50%;
top: -45px;
}
.owners-hub .ev_resources {
margin-top: -330px;
}
.owners-hub .ev_resources .title_ev_resources {
color: #1c1c1c !important;
font-size: 40px !important;
font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif;
text-transform: uppercase;
text-align: center;
font-weight: normal !important;
}
.owners-hub .ev_resources .item_wrapper_ev_resources {
margin-top: 60px;
}
.owners-hub .ev_resources .item_ev_resources {
width: 296px;
float: left;
margin-right: 23px;
}
.owners-hub .ev_resources .item_ev_resources.vehicle_home {
margin-right: 0;
}
.owners-hub .ev_resources .item_ev_resources.plugshare p {
width: 280px;
}
.owners-hub .ev_resources .item_ev_resources.vehicle_home img {
top: -39px;
}
.owners-hub .ev_resources .item_ev_resources.plugshare img {
top: 2px;
}
.owners-hub .ev_resources .item_ev_resources.chargepoint img {
top: 18px;
}
.owners-hub .ev_resources .item_ev_resources img {
position: absolute;
display: block;
left: 8px;
}
.owners-hub .ev_resources .item_ev_resources .thumb-container {
height: 170px;
position: relative;
}
.owners-hub .ev_resources .item_ev_resources .item-title {
font-family: 'Smart Courier Bold Cn',Arial,Sans-Serif!important;
font-size: 24px!important;
/*color: #ff4e84!important;*/
margin-top: 0!important;
margin-left: 10px!important;
}
.owners-hub .ev_resources .item_ev_resources a {
margin-left: 10px;
}
.owners-hub .ev_resources .item_ev_resources p {
font-size: 12px;
/*z*/
margin: 5px 0 20px 10px;
width: 290px;
line-height: 19px;
}
.owners-hub .smart_drive_wrapper {
width: 100%;
position: relative;
}
.owners-hub .smart_drive_wrapper .angle_top {
position: absolute;
width: 100%;
height: 355px;
background: #eee;
bottom: -64px;
z-index: -1;
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-o-transform: skewY(-4deg);
transform: skewY(-4deg);
}
.owners-hub .smart_drive {
width: 949px;
margin: 65px auto 0 auto;
position: relative;
}
.owners-hub .smart_drive .smartapp_car {
margin-top: 229px;
margin-left: -79px;
}
.owners-hub .smart_drive .smartapp_carrousel_wrapper {
position: relative;
margin-left: 85px;
width: 320px;
height:574px;
}
.owners-hub .smart_drive .smartapp_carrousel_wrapper .smartapp_carrousel_wrapper_inner {
margin-top: 95px;
margin-left: 28px;
width: 227px;
}
.owners-hub .smart_drive .jcarousel-prev-disabled {
display: none !important;
}
.owners-hub .smart_drive .jcarousel-next-disabled {
display: none !important;
}
.owners-hub .smart_drive .jcarousel-prev-horizontal {
position: absolute;
left: -90px;
top: 137px;
width: 45px;
height: 45px;
cursor: pointer;
background: transparent url(/_assets/owners-hub/arrows_sprite.png) no-repeat 0 -45px;
}
.owners-hub .smart_drive .jcarousel-prev-horizontal:hover {
background-position: 0 -90px;
}
.owners-hub .smart_drive .jcarousel-next-horizontal {
position: absolute;
right: -88px;
top: 137px;
width: 45px;
height: 45px;
cursor: pointer;
background: transparent url(/_assets/owners-hub/arrows_sprite.png) no-repeat 0 0;
}
.owners-hub .smart_drive .jcarousel-next-horizontal:hover {
background-position: 0 -135px;
}
.owners-hub .smart_drive .smart-drive2-icon {
background: url("/_assets/owners-hub/smart_drive2_icon.png") no-repeat;
width: 113px;
height: 113px;
position: absolute;
bottom: 75px;
right: 0px;
}
.owners-hub .smart_drive .smartapp_content .description {
width: 285px;
}
.owners-hub .smart_drive .smartapp_content {
width: 360px;
position: absolute;
right: 0;
top: 48px;
}
.owners-hub .cf:before,
.owners-hub .cf:after {
content: " ";
/* 1 */
display: table;
/* 2 */;
}
.owners-hub .cf:after {
clear: both;
}
.owners-hub .cf {
*zoom: 1;
}
.owners-hub .floated_left {
float: left;
display: block;
}
.owners-hub .service_and_care_wrapper {
width: 100%;
margin-top: -20px;
position: relative;
background: #3fd8ff;
min-height: 1388px;
overflow: hidden;
}
.owners-hub .service_and_care_wrapper .angle {
position: absolute;
width: 100%;
height: 100%;
background: #eee;
bottom: -873px;
z-index: 0;
-webkit-transform: skewY(16deg);
-ms-transform: skewY(16deg);
-o-transform: skewY(16deg);
transform: skewY(16deg);
}
.owners-hub .service_and_care_wrapper .no-angle_gray {
background: #eee;
height: 300px;
position: absolute;
bottom: 120px;
width: 100%;
}
.owners-hub .service_and_care_wrapper .no-csstransforms .angle {
/* matrix calculator -- http://www.useragentman.com/IETransformsTranslator/ */
/* IE8+ - must be on one line, unfortunately */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0.28674538575880865, M22=1, SizingMethod='auto expand')";
margin-left: -50%;
bottom: 120px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content {
padding-top: 35px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .service_and_care_title {
color: white !important;
font-size: 40px !important;
font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif;
text-transform: uppercase;
text-align: center;
font-weight: normal !important;
text-align: center;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .script_subtitle {
font-family: "bello-pro",Arial,Sans-Serif;
font-size: 28px;
line-height: 24px;
text-align: center;
color: #fff;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list {
width: 949px;
margin-top: 30px;
padding-left: 11px;
margin: 30px auto;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li {
color: #fff;
width: 400;
padding-left: 70px;
min-height: 135px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li.odd {
clear: both;
margin-right: 35px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li.my_manuals {
background: url("/_assets/owners-hub/address_icon.png") no-repeat 0px 13px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li.diy {
background: url("/_assets/owners-hub/tools_icon.png") no-repeat 0px 13px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li.fortwo {
background: url("/_assets/owners-hub/people_icon.png") no-repeat 0px 13px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li.schedule {
background: url("/_assets/owners-hub/calendar_icon.png") no-repeat 0px 13px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li.tekinfo {
background: url("/_assets/owners-hub/tekinfoicon.png") no-repeat 0px 13px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li.service {
background: url("/_assets/owners-hub/location_icon.png") no-repeat 0px 13px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li.finance {
background: url("/_assets/owners-hub/smart_finance_icon.png") no-repeat 0px 13px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li.recallinformation {
background: url("/_assets/owners-hub/car_icon.png") no-repeat 0px 13px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li .title_care {
font-family: 'Smart Courier Bold Cn',Arial,Sans-Serif;
font-size: 24px;
line-height: 45px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li .title_care a {
color: #fff;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li .title_care a:hover {
border-bottom: 1px solid #fff;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .service_and_care_content .smart_care_list li p {
color: #808080;
margin: 0;
width: 370px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .owner_studio_hub {
position: relative;
z-index: 1;
width: 949px;
margin: 0 auto;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .owner_studio_hub .ownners_studio_content {
width: 400px;
position: absolute;
top: 250px;
left: 10px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .owner_studio_hub .ownners_studio_content p {
width: 280px;
color: #4a4a4a;
font-size: 12px;
}
.owners-hub .service_and_care_wrapper .service_and_care_wrapper_inner .owner_studio_hub .owners_studio_img {
position: absolute;
top: 145px;
right: -190px;
}
.no-csstransforms .owners-hub .angle_top {
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=-0.06992681194351026, M22=1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=-0.06992681194351026, M22=1, SizingMethod='auto expand');
margin-left: -3px;
margin-top: -10px;
}
.no-csstransforms .owners-hub .angle {
/* IE8+ - must be on one line, unfortunately */
bottom: -700px !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0.28674538575880865, M22=1, SizingMethod='auto expand')";
/* IE6 and 7 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0.28674538575880865, M22=1, SizingMethod='auto expand');
/*
* To make the transform-origin be the middle of
* the object. Note: These numbers
* are approximations. For more accurate results,
* use Internet Explorer with this tool.
*/
margin-left: -3px;
margin-top: -34px;
}
.helvetica_rounded{
font-family: 'HelveticaW01-RoundedBd';
}
/*FIND A DEALER REDESIGN*/
#maincontent.find_dealer_page .lead_form_wrapper.reversed{
background: url('/_assets/find-a-dealer/hero_bg_find_dealer.jpg') no-repeat center top ;
}
#maincontent.find_dealer_page .lead_form_wrapper.getinto{
display: block;
width: 100%;
height: 100%;
min-height: 400px;
position: relative;
background: url(/_assets/find-a-dealer/get-into-it/get_into_it_bg.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-ms-behavior: url(/_scripts/backgroundsize.min.htc);
}
#maincontent.find_dealer_page .lead_form_wrapper{
/*background: url('/_assets/find-a-dealer/hero_bg_find_dealer.png') no-repeat center top ;
height: 100%;
margin-bottom: 0px;
position: relative;
z-index: 0;*/
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container{
padding-top: 20px;
padding-bottom: 20px;
}
#maincontent.find_dealer_page .lead_form_wrapper .hero-container{
width: 949px;
margin:0 auto;
}
#maincontent.find_dealer_page .title_page{
font-family: 'Smart Courier Cn' , Arial, Sans-Serif;
font-size:80px;
padding-top: 29px;
padding-left: 20px;
text-align: center;
color: #000;
}
#maincontent.find_dealer_page .lead_form_wrapper .get-into-it .hero_container .search_wrapper{
border:none;
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_wrapper{
width: 798px;
padding-bottom: 16px;
border: 2px #99dfdd solid;
margin: 0 auto;
background: #fff;
}
#maincontent.find_dealer_page .cf:before,
#maincontent.find_dealer_page .cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
#maincontent.find_dealer_page .cf:after {
clear: both;
}
#maincontent.find_dealer_page .float_left{
display:block;
float:left;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
#maincontent.find_dealer_page .cf {
*zoom: 1;
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_container .search_content{
margin: 10px 21px;
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_container .search_title{
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
font-size:30px;
color:#000;
line-height: 39px;
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_container .search_paragraph{
margin:0;
color:#2e2e2e;
font-size:12px;
}
.no-borderradius #maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_container .search_input input{
line-height: 42px;
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_container .search_input .search_input_error{
position: absolute;
font-size: 11px;
color: #ff001e;
bottom: -20px;
width: 350px;
left:0;
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_container .search_input{
position: relative;
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_container .search_input input.error{
border:1px solid #ff001e;
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_container .search_input input{
height: 42px;
width: 185px;
padding: 0 17px;
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
font-size: 20px;
color: #191919;
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_container .search_input{
margin-left: 52px;
margin-top: 20px;
}
#maincontent.find_dealer_page a.cta.no-arrow:after{
display:block;
position:absolute;
/*z-index:100;*/
top: 0;
right:10px;
content:"";
}
#maincontent.find_dealer_page .lead_form_wrapper .hero_container .search_container .cta_container .cta {
padding: 0 18px;
margin-top: 18px;
font-size: 24px;
font-weight: normal;
margin-left: 15px;
}
#maincontent.find_dealer_page .search_wrapper .search_results .search_results_found p{
font-size:14px;
font-weight: bolder;
}
#maincontent.find_dealer_page .search_wrapper .search_results {
margin: 30px 0;
}
#maincontent.lead-form-page .search_wrapper .search_results.no-map {
height: 0;
}
#maincontent.find_dealer_page .search_wrapper .search_result_list_wrapper .search_result_list_container{
padding:22px 30px;
}
#maincontent.find_dealer_page .search_wrapper .smart_center_info_container{
margin-right: 13px;
width:245px;
}
#maincontent.find_dealer_page .search_wrapper .smart_center_name a{
color:#000;
}
#maincontent.find_dealer_page .search_wrapper .smart_center_name{
font-size: 20px;
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
}
#maincontent.find_dealer_page .search_wrapper .smart_center_miles_away{
margin:5px 0;
font-size: 11px;
font-style: italic;
}
#maincontent.find_dealer_page .search_wrapper .smart_center_address{
margin:5px 0;
width: 150px;
font-size: 12px;
text-transform: uppercase;
}
#maincontent.find_dealer_page .search_wrapper .smart_center_location_info .view_map:before{
background:url('/_assets/find-a-dealer/search_list_icons_sprite.png') no-repeat ;
content:"";
display: block;
position: absolute;
right: 23px;
top: -1px;
width: 34px;
height: 43px;
}
#maincontent.find_dealer_page .search_wrapper .smart_center_location_info .view_map{
display: block;
position: relative;
padding-top: 54px;
margin-top: 18px;
font-size: 14px;
color:#000;
font-weight: bolder;
}
#maincontent.find_dealer_page .search_wrapper .contact_cta_container {
margin:20px 0 0 50px;
}
#maincontent.find_dealer_page .search_wrapper .smart_center_inventory_info{
margin-left: 77px;
}
#maincontent.find_dealer_page .search_wrapper .smart_center_inventory_info .view_inventory:before{
background:url('/_assets/find-a-dealer/search_list_icons_sprite.png') no-repeat ;
content:"";
display: block;
position: absolute;
background-position: 0 -43px;
right: 29px;
top: -1px;
width: 65px;
height: 43px;
}
#maincontent.find_dealer_page .search_wrapper .smart_center_inventory_info .view_inventory{
display: block;
position: relative;
padding-top: 54px;
margin-top: 18px;
font-size: 14px;
color:#000;
font-weight: bolder;
}
#maincontent.find_dealer_page .search_wrapper .search_result_list_wrapper .search_result_list_container .search_item.last {
border-bottom: none;
margin-bottom:0;
padding-bottom:0;
}
#maincontent.find_dealer_page .search_wrapper .search_result_list_wrapper .search_result_list_container .search_item {
border-bottom:1px dotted #000;
padding-bottom: 23px;
margin-bottom:24px;
}
#maincontent.find_dealer_page .search_wrapper .search_contact_form_wrapper {
/*padding: 22px 15px;*/
}
/*scroller styles*/
#evsignup .results_container .scrollbar_container { width: 753px;}
#evsignup .scrollbar_container { width: 728px; clear: both; margin: 20px 0 10px; }
/*.no-borderradius .scrollbar1 .viewport { height: 450px; }*/
#evsignup .results_container .scrollbar_container .viewport { width: 737px;height: 305px; }
#evsignup .scrollbar_container .viewport { width: 708px; height: 420px; overflow: hidden; position: relative; }
#evsignup .lead-form-page .scrollbar_container .viewport { height: 292px; }
#evsignup .scrollbar_container .overview { list-style: none; position: absolute; left: 0; top: 0; }
#evsignup .lead-form-page .scrollbar_container .overview { width: 100%; }
#evsignup .scrollbar_container .thumb .end,
#evsignup .scrollbar_container .thumb { background-color: #fff; }
#evsignup .results_container .scrollbar_container .scrollbar { left: 15px;
top: -27px;
}
#evsignup .scrollbar_container .scrollbar { position: relative;
float: right;
width: 15px;
left: 21px;
top: -43px;
}
#evsignup .lead-form-page .scrollbar_container .scrollbar {
left: 41px;
}
#evsignup .scrollbar_container .track { background-color: #e5e5e5; height: 100%; width:10px; position: relative; padding: 0 1px;border: 1px solid #cbcbcb; }
#evsignup .scrollbar_container .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#evsignup .scrollbar_container .thumb .end { overflow: hidden; height: 5px; width: 10px; }
#evsignup .scrollbar_container .disable{ display: none; }
#evsignup .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/*Leads form */
#maincontent.find_dealer_page .no-margin{
margin:0!important;
}
#maincontent.find_dealer_page .triangle_container{
position: relative;
height: 95px;
z-index: 0;
}
#maincontent.find_dealer_page .radio-container h5{
font-size: 22px;
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
font-weight: normal;
}
#maincontent.find_dealer_page .radio-container .radio-option{
width: 230px;
margin-top: -7px;
margin-left: 15px;
}
#maincontent.find_dealer_page .field.radio-buttons{
margin-left: 7px;
padding-top: 15px;
width: 570px;
margin: 0 auto;
}
#maincontent.find_dealer_page .radio-container{
width: 270px;
}
#maincontent.find_dealer_page .radio-container:first-child{
margin-right: 29px;
}
#maincontent.find_dealer_page .radio-container p{
font-size: 14px;
font-family: arial, helvetica, clean, sans-serif;
font-weight: normal;
margin:5px 0 0 0;
}
#maincontent.find_dealer_page .get-into-it .triangle_container h3{
color:#fff;
}
#maincontent.find_dealer_page .triangle_container h3{
text-align: center;
font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif;
font-size: 32px;
color:#666666;
position: absolute;
text-transform: uppercase;
top:14px;
font-weight: normal;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
}
#maincontent.find_dealer_page .triangle_container{
background: url('/_assets/find-a-dealer/triangle_form.png') no-repeat;
}
#maincontent.find_dealer_page .get-into-it .triangle_container{
z-index: 1;
background: url('/_assets/find-a-dealer/get-into-it/triangle_form_red.png') no-repeat;
}
#maincontent.find_dealer_page .get-into-it .model_selection{
background: url('/_assets/find-a-dealer/get-into-it/getintoit_form_bg.jpg') no-repeat transparent;
height: 306px;
margin-top: -80px;
margin-bottom: 15px;
}
#maincontent.find_dealer_page .triangle-descriptive-copy {
background-color: #99dfdd;
padding: 15px 100px 0;
margin: 0;
text-align: center;
font-family: 'HelveticaNeueW01-55Roma';
margin-bottom: -5px;
z-index: 1;
position: relative;
}
#maincontent.find_dealer_page .model_selection .car_model.active .model_img{
opacity: 1;
filter: alpha(opacity=100);
}
#maincontent.find_dealer_page .offscreen {
position: absolute;
left: -999em;
}
#maincontent.find_dealer_page .model_selection .car_model.active{
opacity: 1;
filter: alpha(opacity=100);
}
#maincontent.find_dealer_page .model_selection .car_model .model_img img{
width: 132px;
height: 90px;
}
#maincontent.find_dealer_page .model_selection .car_model .model_img img{
position: absolute;
margin: 0 auto;
display: block;
opacity: 0.4;
filter: alpha(opacity=40);
left: 27px;
top:0;
}
#maincontent.find_dealer_page .model_selection .car_model.active .model_img img{
width: 185px!important;
height: 126px!important;
opacity: 1!important;
filter: alpha(opacity=100)!important;
left:0!important;
top:-20px!important;
}
#maincontent.find_dealer_page .model_selection .car_model .model_img{
position: relative;
height: 110px;
}
#maincontent.find_dealer_page .model_selection .car_model{
margin: 0 auto;
position: relative;
}
#maincontent.find_dealer_page .model_selection .car_model p.active, #maincontent.find_dealer_page .model_selection .car_model.active p {
color:#4c4c4c;
font-size: 20px;
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
}
#maincontent.find_dealer_page .model_selection .car_model p {
font-family: 'Smart Courier Cn' , Arial, Sans-Serif;
font-weight: normal;
font-size: 16px;
color: #1f2626;
text-align: center;
margin-top: 0;
line-height: 20px;
}
#maincontent.find_dealer_page .model_selection .car_model {
display: inline-block;
cursor: pointer;
*display: inline;
*zoom: 1;
width: 180px;
vertical-align: bottom;
}
#maincontent.find_dealer_page .model_selection {
padding-left: 39px;
margin: 20px 0;
height: 147px;
}
#maincontent.find_dealer_page .field {
position: relative;
}
#maincontent.find_dealer_page .leads_form_container{
margin: 20px auto 0 auto;
padding-bottom: 0;
width: 753px;
}
#maincontent.find_dealer_page .get-into-it .leads_form_container{
margin-top: 0;
margin-bottom: 40px;
}
#maincontent.find_dealer_page .field .title.big{
font-size:38px ;
}
#maincontent.find_dealer_page .get-into-it .field .title.big{
font-size: 24px;
}
#maincontent.find_dealer_page span.required_label{
font-family: arial,helvetica,clean,sans-serif;
font-size: 11px;
padding-left: 10px;
color:#999999;
}
#maincontent.find_dealer_page .field .title.anything{
margin-top: 24px;
margin-bottom: 23px;
}
#maincontent.find_dealer_page .field .title{
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
font-size: 24px;
text-align: center;
font-weight: normal;
display: block;
}
/*select 2 styles*/
#maincontent.find_dealer_page .field .select2-dropdown-open .select2-choice .select2-arrow b{
background: url(/_assets/find-a-dealer/dropdown_arrows_sprite.png) -77px 0px no-repeat!important;
width: 75px;
height: 64px;
}
#maincontent.find_dealer_page .field .select2-container .select2-choice .select2-arrow b{
background: url(/_assets/find-a-dealer/dropdown_arrows_sprite.png) 0px 0px no-repeat;
width: 75px;
height: 65px;
}
#maincontent.find_dealer_page .field .select2-container .select2-choice .select2-arrow:hover{
background: #fbe73c url(/_assets/cta_btn_over_bkg_big.gif) repeat-x left top;
}
#maincontent.find_dealer_page .field .select2-container .select2-choice .select2-arrow{
width: 76px!important;
background-image: none;
background: #fffd3d;
filter:none;
border:none;
padding-top: 8px;
}
#evsignup .select2-results .select2-result-selectable .select2-result-label{
height: 50px;
line-height: 50px;
font-size: 26px;
font-weight: normal;
font-family: 'Smart Courier Cn' , Arial, Sans-Serif;
padding-left: 30px;
padding-right: 0;
}
#evsignup .select2-results{
max-height: 350px!important;
background: #f3f3f3;
}
#evsignup .select2-drop-active{
border: none!important;
}
/*ie8 fix*/
.no-borderradius #evsignup .select2-drop {
max-height: 350px;
}
#evsignup .select2-container .select2-choice > .select2-chosen{
color:#4c4c4c;
}
#evsignup .select2-drop {
max-height: 350px;
background: #f3f3f3!important;
border: none!important;
border-radius: 0!important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-top: 2px;
}
#evsignup .select2-results .select2-highlighted{
background: none;
padding: 0 10px;
}
#evsignup.get-into .select2-results .select2-highlighted .select2-result-label{
background: #f14538!important;
}
#evsignup .select2-results .select2-highlighted .select2-result-label{
background: #99dfdd!important;
font-family: 'Smart Courier Cn' , Arial, Sans-Serif!important;
}
#maincontent.find_dealer_page .field .select2-container{
display: block;
margin: 10px auto 18px auto;
position: relative;
}
#maincontent.find_dealer_page .field .select2-default{
color:#333;
}
body#evsignup{
position:static;
}
#maincontent.find_dealer_page .smart_center_address .zip_code_label{
/*color:#99dfdd. ;*/
}
#maincontent.find_dealer_page .field .select2-container .select2-choice{
border: none!important;
background: none !important;
border-radius: 0!important;
height: 80px !important;
background: #f3f3f3!important;
filter:none!important;
line-height: 80px;
padding-left: 30px;
font-size: 26px;
font-family: 'Smart Courier Cn' , Arial, Sans-Serif;
}
#maincontent.find_dealer_page .field.fieldset{
width: 490px;
margin: 55px auto 20px auto;
}
#maincontent.find_dealer_page .get-into-it .field.fieldset{
margin-top: 0;
margin-bottom: 0;
}
#maincontent.find_dealer_page .fieldset_container{
margin-top:23px;
}
#maincontent.find_dealer_page .field.fieldset .field_input.phone input{
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
/*width:73px!important;*/
}
#maincontent.find_dealer_page .field.fieldset .field_input.last{
margin-right: 0;
}
#maincontent.find_dealer_page .field.fieldset .field_input{
display: inline-block;
*display: inline;
*zoom: 1;
margin-right:28px;
margin-bottom: 29px;
vertical-align: top;
}
#maincontent.find_dealer_page .search_smart_center .field.fieldset .cta{
height: 50px;padding: 0px 15px 0 15px;
}
#maincontent.find_dealer_page .search_smart_center .results_found .select_miles_container {
margin-left: 10px;
margin-top: 16px;
}
#maincontent.find_dealer_page .search_smart_center .results_found p.results_showed{
margin-bottom: 18px;
}
#maincontent.find_dealer_page .search_smart_center .results_found p span.zipcode_edit, #maincontent.find_dealer_page .search_results_found p span.zipcode_edit{
color:#99dfdd;
}
#maincontent.find_dealer_page .get-into-it .search_smart_center .results_found p span.zipcode_edit, #maincontent.find_dealer_page .get-into-it .search_results_found p span.zipcode_edit{
color:#F14538;
}
#maincontent.find_dealer_page .search_smart_center .results_found p .edit{
font-family: arial, helvetica, clean, sans-serif;
font-size: 14px;
font-style: italic;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}
#maincontent.find_dealer_page .search_smart_center .results_found p .highlight{
color:#99dfdd;
}
#maincontent.find_dealer_page .search_smart_center .results_found p{
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
font-size: 24px;
}
#maincontent.find_dealer_page .search_smart_center .results_found{
margin-top: 11px;
margin-left: 187px;
}
#maincontent.find_dealer_page .search_smart_center .results_container{
width: 760px;
margin: 28px auto 0 auto;
padding-left:0 ;
}
#maincontent.find_dealer_page .search_smart_center .search_item .select_smart_center{
width: 35px;
padding-top: 5px;
}
#maincontent.find_dealer_page .search_smart_center .search_item.no-bottom,#maincontent.find_dealer_page .search_smart_center .search_item.no-bot {
border:none!important;
}
#maincontent.find_dealer_page .search_smart_center .search_item.last {
margin-right: 0!important;
}
#maincontent.find_dealer_page .search_smart_center .search_item {
height: 110px;
margin-right: 25px!important;
border-bottom: 1px solid #cccccc;
padding-bottom: 21px;
margin-bottom: 22px;
}
#maincontent.find_dealer_page .get-into-it .search_smart_center .search_item .select_smart_center .input_radio_sc{
background: url(/_assets/find-a-dealer/get-into-it/checkboxes_sprite_red.png) 0 0px no-repeat;
}
#maincontent.find_dealer_page .input_radio_sc{
background: url(/_assets/find-a-dealer/checkboxes_sprite.png) 0 0px no-repeat;
width: 15px;
height: 15px;
display: block;
}
#maincontent.find_dealer_page .input_radio_sc.checked{
background-position: -17px 0px;
}
#maincontent.find_dealer_page .search_smart_center .search_item .smart_center_info_container{
margin-right: 0!important;
}
#maincontent.find_dealer_page .search_smart_center .search_item .smart_center_address{
width: 250px!important;
}
#maincontent.find_dealer_page .search_smart_center .search_item .smart_center_name{
text-transform: lowercase;
}
#maincontent.find_dealer_page .search_smart_center .search_item{
display: inline-block;
*display: inline;
*zoom: 1;
width: 355px;
vertical-align: top;
}
#maincontent.find_dealer_page .search_smart_center .field.fieldset input{
margin-right: 15px;
}
#maincontent.find_dealer_page .field.fieldset input.error{
border: 1px solid red;
}
#maincontent.find_dealer_page .get-into-it .field.fieldset input,#maincontent.find_dealer_page .get-into-it .field.fieldset textarea{
border: 2px solid #000;
}
#maincontent.find_dealer_page .field.fieldset input{
width: 229px;
height: 49px;
border: 2px solid #99dfdd;
font-size: 18px;
font-family: 'Smart Courier Cn' , Arial, Sans-Serif;
font-weight: normal;
line-height: 44px;
padding:0 15px;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#maincontent.find_dealer_page .field.fieldset textarea{
width: 488px;
height: 69px;
border: 2px solid #99dfdd;
font-size: 18px;
font-family: 'Smart Courier Cn' , Arial, Sans-Serif;
font-weight: normal;
line-height: 22px;
padding:0 15px;
resize: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#maincontent.find_dealer_page .btn_submit{
text-align: center;
margin-bottom: 15px;
margin-top: -15px;
}
#maincontent.find_dealer_page .search_smart_center .field.fieldset .input_error {
font-size: 11px;
position: absolute;
color:red;
left: 0px;
top: 58px;
}
#maincontent.find_dealer_page .search_smart_center .field.fieldset {
position: relative;
margin:45px 0 45px 230px;
}
/*Leads form End*/
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .hidden{
display:none!important;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .invisible{
visibility:hidden!important;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .visible{
display:block;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .search_contact_form_wrapper .form_title {
/*font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;*/
font-size: 16px;
font-weight: bold;
}
#maincontent.find_dealer_page .search_wrapper.get-into-it{
border: none!important;
}
#maincontent.find_dealer_page .search_wrapper{
width: 798px;
padding-bottom: 16px;
border: 2px #99dfdd solid;
margin: 40px auto 80px auto;
background: #fff;
}
#maincontent.find_dealer_page .fieldset .error_label{
font-size: 11px;
color: #ff001e;
display: block;
text-align: center;
margin-top: 5px;
visibility: hidden;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step .contact-form-wrapper {
overflow: visible;
margin: 0 0 0 -24px;
padding: 0px 0 0 22px;
width: 440px;
position: relative;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset textarea {
height: 95px;
width: 403px;
margin-top: 13px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step .content_buttons {
margin-top: 94px;
margin-left: 152px;
padding-bottom: 20px;
width: 400px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step .content_buttons .cta.gray{
background:#dddddd;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step .content_buttons .cta{
width: 60px;
margin-right: 135px;
float: right;
margin-top: 30px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset label {
width: 96px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset input#txtZip {
width:89px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset input.field-error-highlight {
background-color: white;
border: 1px solid #fd203a!important;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset textarea {
color: #000;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset input {
width: 308px;
color:#000;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset {
height: 44px;
width: 440px;
margin: -1px 0 0 0;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .zip_phone_container{
margin-bottom: 25px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step #phone_set input{width: 15%; margin-right: 10px;}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step #phone_set input#txtPhone3{width: 25%; }
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step #phone_set input#txtPhone1{margin-right:0; }
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step #phone_set input#txtPhone1 + span{margin-right:10px; }
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step #phone_set span{font-size:20px; vertical-align:top;}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset#phone_set {
width: 300px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset#zip_set {
width: 64px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset#zip_set label {
width: 60px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset#zip_set #txtZip-wrapper {
width:60px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step fieldset#zip_set input {
width: 67px;
color: #999;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step .close_form_btn:hover {
background-position: 0 -38px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step .close_form_btn {
background: transparent url('/_assets/overlay_close.png');
display: block;
position: absolute;
top: -15px;
right: -11px;
height: 38px;
width: 38px;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step {
margin-left: -13px;
margin-top: -25px;
padding-right: 77px;
background: #f1f1f1;
width:365px;
position: relative;
height: auto;
}
#maincontent.find_dealer_page .hero_wrapper .hero_container .search_wrapper .contact-step label{
font-size:14px;
}
#maincontent.find_dealer_page .select_miles_container{
position:relative;
width: 127px;
border: 1px solid #cbcbcb;
height: 23px;
line-height: 23px;
color: #2e2e2e;
overflow: hidden;
margin: 11px 7px 0 32px;
background: #fff url(/_assets/find-a-dealer/select_arrow.png) no-repeat top right;
}
/*#maincontent.find_dealer_page .select_miles_container:after{
display:block;
content:url(/_assets/find-a-dealer/select_arrow.png);
position:absolute;
right:0;
width: 26px;
height:23px;
top:0;
z-index: 999;
}*/
#maincontent.find_dealer_page .zip_code_results{
font-size:16px!important;
}
#maincontent.find_dealer_page .speak_with{
font-size: 14px!important;
font-weight: normal!important;
}
#maincontent.find_dealer_page .speak_with_cont{
width:320px;
margin-top:0;
}
#maincontent.find_dealer_page .miles_select, #maincontent.find_dealer_page .speak_with{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
position: relative;
outline: none;
width: 120%;
overflow: hidden;
background:transparent;
font-weight: bolder;
font-size: 16px;
line-height: 23px;
height: 23px;
padding-left:5px;
}
#maincontent.find_dealer_page .body_thank_you{
font-size: 12px;
line-height: 24px;
}
#maincontent.find_dealer_page .title_thank_you{
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
font-size:30px;
}
#maincontent.find_dealer_page .thank_you_container{
text-align: center;
padding: 60px 0;
}
#maincontent.find_dealer_page .single_modules {
position: relative;
}
#maincontent.find_dealer_page .single_modules .owner_studio_hub.perk .see_offers_badge{
right: 160px;
top:-50px;
}
#maincontent.find_dealer_page .single_modules .owner_studio_hub.perk{
width: 1240px;
margin-top: 65px;
}
#maincontent.find_dealer_page .single_modules .owner_studio_hub{
position: relative;
width: 1182px;
margin: 0 auto;
margin-top: 118px;
}
#maincontent.find_dealer_page .single_modules .ownners_studio_content.video_description .title{
width:120%;
}
#maincontent.find_dealer_page .single_modules .ownners_studio_content.video_description .subtitle{
margin-top:70px;
}
#maincontent.find_dealer_page .single_modules .ownners_studio_content{
width: 285px;
margin-left: 19px;
}
#maincontent.find_dealer_page .single_modules .ownners_studio_content .title{
font-size:48px;
line-height: 42px;
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
}
#maincontent.find_dealer_page .single_modules .ownners_studio_content .cta{
margin-top:22px;
}
#maincontent.find_dealer_page .single_modules .ownners_studio_content.perk .subtitle{
margin-top: 114px;
}
#maincontent.find_dealer_page .single_modules .ownners_studio_content .subtitle{
font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif;
font-size:23px;
margin-top: 80px;
font-weight: normal;
text-transform: uppercase;
}
#maincontent.find_dealer_page input,#maincontent.find_dealer_page textarea{
outline: none!important;
}
#maincontent.find_dealer_page #smrt-sto-container {
margin: 26px 0 37px 0;
position: relative;
height: 425px;
margin:128px auto 0 auto;
width: 949px;
}
#maincontent.find_dealer_page #smrt-sto-container .video_player_container {
margin-right: 17px;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories {
position: absolute;
top: 316px;
left: -8px;
width: 765px;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li {
float: left;
width: 122px;
height: 68px;
display: block;
margin: 0 15px 0 0;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li a {
display: block;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li h3 {
font-size: 16px;
color: #2e2e2e;
font-weight: bold;
padding-left: 8px;
margin: 14px 0 3px 0;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li p {
font-size: 13px;
color: #7a7a7a;
padding-left: 8px;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li .yt-th img {
width: 122px;
height: 68px;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li .yt-th {
width: 122px;
position: relative;
height: 68px;
padding: 3px;
border: 5px solid #FFF;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li .yt-th .overlay {
width: 122px;
position: absolute;
top: -10px;
left: -25px;
height: 68px;
background: url(/_assets/owners-studio/play.png) no-repeat 0 0;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li .yt-th .overlay span {
position: absolute;
left: -5000px;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li .yt-th:hover {
border: 5px solid #e3e3e3;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li.currentvideo .yt-th {
border: 5px solid #fbe73c;
}
#maincontent.find_dealer_page #smrt-sto-container .smart-stories li.currentvideo .yt-th .overlay {
display: none;
}
/*Search Results*/
/*END FIND A DEALER REDESIGN*/
/*FIND A DEALER REDESIGN*/
#maincontent.find_dealer_page {
overflow: hidden;
width: 100%;
min-width: 940px;
margin: 90px auto 0;
padding: 0;
}
#maincontent.find_dealer_page .get-into-it-landing h1{
font-size: 32px;
font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif;
font-weight: normal;
}
#maincontent.find_dealer_page .get-into-it-landing h1 span{
font-family: "bello-pro",Arial,Sans-Serif;
font-size: 83px;
line-height: 85px;
}
#maincontent.find_dealer_page .get-into-it-landing h1 span.uppercase{
text-transform: uppercase;
font-size: 32px;
font-family: 'TradeGothicNextW02-Cm',helvetica,clean,sans-serif;
font-weight: normal;
line-height: 1em;
}
#maincontent.find_dealer_page .get-into-it-landing .separator{
border: 1px solid #545454;
width: 390px;
margin: 40px auto 30px auto;
}
#maincontent.find_dealer_page .get-into-it-landing .gift-container img{
margin-bottom: 15px;
}
#maincontent.find_dealer_page .get-into-it-landing .gift-container h3{
color:#fff;
font-size: 24px;
font-family:'HelveticaNeueW01-55Roma';
margin-bottom: 10px;
}
#maincontent.find_dealer_page .get-into-it-landing .gift-container p{
color:#fff;
width: 625px;
/*width: 100%;*/
margin: 0 auto;
font-family:'HelveticaNeueW01-55Roma';
line-height: 31px;
}
#maincontent.find_dealer_page .get-into-it-landing#landing-hero {
min-height: 700px;
}
#maincontent.find_dealer_page .get-into-it-landing #landing-hero {
background: url(/_assets/find-a-dealer/2014-redesign/findadealerdefaultbg.jpg) no-repeat center center;
}
#maincontent.find_dealer_page .get-into-it-landing #find-dealer-default-search{
background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
zoom: 1;
background: rgba(0,0,0,0.40);
top: 10px;
/*padding-bottom: 0;*/
width: 778px;
/*width: 60%;*/
height: auto;
}
#maincontent.find_dealer_page .get-into-it-landing .disclaimer.mobile{
display: none;
}
#maincontent.find_dealer_page .get-into-it-landing .disclaimer{
position: absolute;
bottom: 0;
text-align: center;
left: 0;
right: 0;
}
#maincontent.find_dealer_page .get-into-it-landing .disclaimer p a{
color: rgb(255,255,255);
color: rgba(255,255,255,0.80);
text-decoration: underline;
}
#maincontent.find_dealer_page .get-into-it-landing .disclaimer p{
color: rgb(255,255,255);
color: rgba(255,255,255,0.80);
font-size: 10px;
}
body#find-a-dealer .get-into-it-landing #find-dealer-default-search #find-a-dealer-location label.nearest-dealer{
font-size: 12px;
color:#fff;
font-family:'HelveticaNeueW01-55Roma';
text-align: center;
margin-bottom: 5px;
}
body#find-a-dealer .get-into-it-landing #find-dealer-default-search #find-a-dealer-location .search-box-input{
margin-top: 10px;
width: 390px;
}
#maincontent.find_dealer_page #landing-hero {
display: none;
width: 100%;
height: 100%;
min-height: 400px;
position: relative;
background: url(/_assets/find-a-dealer/get-into-it/get_into_it_bg.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-ms-behavior: url(/_scripts/backgroundsize.min.htc);
}
#maincontent.find_dealer_page .landing-hero .centered-search-box {
width: 620px;
height: 1208px;
margin: 0 auto;
position: relative;
top: 230px;
text-align: center;
padding: 35px 0;
}
#maincontent.find_dealer_page .landing-hero .wide-search-box {
width: 700px;
height: 105px;
margin: 0 auto;
position: relative;
top: 30px;
text-align: center;
padding: 20px 50px;
}
#maincontent.find_dealer_page .landing-hero.electricurious-hero .wide-search-box, #maincontent.find_dealer_page .landing-hero.electricurious-ice-hero .wide-search-box {
width: 735px;
}
#find-dealer-default-search {
background: url(/_assets/find-a-dealer/2014-redesign/searchboxbg.jpg) no-repeat 0 0;
}
body#find-a-dealer .centered-search-box #find-a-dealer-location .search-box-input {
width: 450px;
}
body#find-a-dealer #find-dealer-default-search #find-a-dealer-location .search-box-input {
width: 450px;
}
#find-dealer-default-search.wide-search-box {
background: url(/_assets/find-a-dealer/2014-redesign/widesearchformbg.jpg) no-repeat 0 0;
}
#maincontent.find_dealer_page .landing-hero .centered-search-box h2, #dealer-listings .centered-search-box h2,#maincontent.find_dealer_page .landing-hero .centered-search-box h1, #dealer-listings .centered-search-box h1 {
font-family:'HelveticaNeueW01-75Bold';
color: white;
text-transform: lowercase;
font-size: 60px;
font-weight: normal;
line-height: 1em;
margin-bottom: 20px;
}
#dealer-listings .centered-search-box h2, #dealer-listings .centered-search-box h1 {
text-align: center;
color: black;
font-size: 36px;
margin-bottom: 0;
}
#dealer-listings .centered-search-box p.search-instructions {
font-size: 13px;
text-align: center;
font-family:'HelveticaNeueW01-55Roma';
}
#maincontent.find_dealer_page .landing-hero .wide-search-box h2 {
font-family:'HelveticaNeueW01-75Bold';
color: white;
text-transform: lowercase;
font-size: 30px;
line-height: 1em;
margin-bottom: 15px;
width: 220px;
}
#maincontent.find_dealer_page .landing-hero .centered-search-box h5, #dealer-listings .centered-search-box h5 {
font-family:'HelveticaNeueW01-55Roma';
color: white;
font-size: 14px;
line-height: 1em;
margin-bottom: 20px;
}
#maincontent.find_dealer_page .landing-hero .wide-search-box h5 {
font-family:'HelveticaNeueW01-55Roma';
color: white;
font-size: 13px;
line-height: normal;
width: 220px
}
.wide-search-box .search-tout {
width: 280px;
}
.wide-search-box .search-box-input {
padding-top: 10px;
}
.wide-search-box .search-box-input, .wide-search-box .search-tout {
float: left;
}
#dealer-listings .centered-search-box .search-box-input {
width: 276px;
}
#maincontent.find_dealer_page .centered-search-box .search-box-input {
width: 316px;
}
#maincontent.find_dealer_page .centered-search-box .search-box-input input {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.centered-search-box .search-box-input input, .centered-search-box .search-box-input .cta_container, .wide-search-box .search-box-input input, .wide-search-box .search-box-input .cta_container {
float: left;
}
.centered-search-box .search-box-input input, .wide-search-box .search-box-input input {
display: block;
height: 28px;
width: 177px;
border: none;
padding: 10px;
font-size: 20px;
font-family:'HelveticaNeueW01-45Ligh';
-webkit-appearance: none;
border-radius: 0;
}
#find-a-dealer .centered-search-box .search-box-input input {
height: 28px;
width: 310px;
}
#find-a-dealer .wide-search-box .search-box-input input {
height: 28px;
width: 310px;
}
#dealer-listings .centered-search-box .search-box-input input {
width: 136px;
}
#dealer-listings .wide-search-box .search-box-input {
width: 326px;
}
#maincontent.find_dealer_page .landing-hero .hero-content {
width: 800px;
margin: 0 auto;
text-align: center;
}
#maincontent.find_dealer_page .landing-hero .hero-content h2 {
margin-top: 40px;
font-size: 35px;
font-family:'HelveticaNeueW01-75Bold';
color: #3f3f3f;
text-transform: lowercase;
}
#maincontent.find_dealer_page .landing-hero .hero-content h5 {
font-family:'HelveticaNeueW01-75Bold';
color: #3f3f3f;
font-size: 12px;
margin: 25px auto 40px auto;
width: 535px;
}
#find-a-dealer-map {
width: 100%;
height: 100%;
min-height: 400px;
position: relative;
top: 0;
overflow: hidden;
}
#map-canvas {
height: 100%;
float: left;
}
.lead-form-page #map-canvas {
height: 100%;
height: 300px;
float: none;
}
#dealer-listings {
width: 430px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
#dealer-list {
width: 100%;
overflow-y: scroll;
}
#dealer-listings .centered-search-box {
padding: 30px;
background: url(/_assets/find-a-dealer/2014-redesign/finddealersearchbggrey.jpg) no-repeat -1px 0;
}
#current-dealers {
padding-bottom: 200px;
}
.lead-form-page #current-dealers {
overflow: hidden;
padding-bottom: 0;
}
#current-dealers .dealer {
display: block;
padding: 26px 30px 40px 60px;
border-bottom: 1px #ebebeb solid;
position: relative;
background: white url(/_assets/find-a-dealer/2014-redesign/finddealerplusminus.png) 24px -448px no-repeat;
}
.lead-form-page #current-dealers .dealer {
width: 45%;
float: left;
padding: 0 0 40px 30px;
border-bottom: none;
background-image: none;
}
#current-dealers .dealer.selected-dealer {
background: white url(/_assets/find-a-dealer/2014-redesign/finddealerplusminus.png) 24px 24px no-repeat;
}
.lead-form-page #current-dealers .dealer.selected-dealer {
background-image: none;
}
#current-dealers .dealer:hover {
cursor: pointer;
}
.lead-form-page #current-dealers .dealer .dealer-radio {
display: block;
position: absolute;
top: 8px;
left: 0;
width: 15px;
height: 15px;
background: white url(/_assets/find-a-dealer/checkboxes_sprite.png) 0 0px no-repeat;
}
.lead-form-page #current-dealers .dealer.selected-dealer .dealer-radio {
background: white url(/_assets/find-a-dealer/checkboxes_sprite.png) -17px 0px no-repeat;
}
#current-dealers .dealer .distance-marker {
position: absolute;
top: 22px;
right: 90px;
padding-top: 30px;
background: transparent url(/_assets/find-a-dealer/2014-redesign/selectedgmappinsmall.png) top center no-repeat;
}
#current-dealers .dealer.selected-dealer .distance-marker {
background: transparent url(/_assets/find-a-dealer/2014-redesign/defaultgmappinsmall.png) top center no-repeat;
}
#current-dealers .dealer .dealer-name {
font-family:'HelveticaNeueW01-75Bold';
font-size: 16px;
text-transform: lowercase;
color: black;
}
.lead-form-page #current-dealers .dealer .dealer-name {
font-family: 'Smart Courier Bold Cn' , Arial, Sans-Serif;
font-size: 22px;
}
#current-dealers .dealer .dealer-address, #current-dealers .dealer .dealer-phone, #current-dealers .dealer .dealer-distance {
font-family:'HelveticaNeueW01-55Roma';
font-size: 11px;
color: black;
line-height: 3px;
}
#current-dealers .dealer .dealer-phone {
font-size: 14px;
font-family:'HelveticaNeueW01-75Bold';
}
#current-dealers .dealer .dealer-distance {
text-transform: uppercase;
padding-bottom: 10px;
}
#current-dealers .dealer .dealer-driving-directions {
font-family:'HelveticaNeueW01-75Bold';
font-size: 12px;
color: black;
text-transform: uppercase;
display: block;
margin: 25px 0;
}
#current-dealers .dealer .dealer-contact {
margin-left: 20px;
}
.dealer-detail {
display: none;
}
.selected-dealer .dealer-detail, .lead-form-page .dealer-detail {
display: block;
}
#refresh-map {
position: absolute;
bottom: 60px;
left: 0;
display: none;
}
.centered-search-box .autocomplete-options, .wide-search-box .autocomplete-options {
display: none;
width: 99%;
min-height: 30px;
border:1px solid #e6e6e6;
background-color: white;
text-align: left;
clear: both;
}
.centered-search-box .autocomplete-options li, .wide-search-box .autocomplete-options li {
padding: 10px 10px 10px 30px;
color: #999;
border-bottom: 1px solid #e6e6e6;
font-size: 13px;
font-weight: bold;
background: white url(/_assets/autocomplete_result_icon.png) 8px 7px no-repeat;
}
.centered-search-box .autocomplete-options li.autocomplete-instructions, .wide-search-box .autocomplete-options li.autocomplete-instructions {
padding: 10px;
background-image: none;
}
.centered-search-box .autocomplete-options li .city-name, .wide-search-box .autocomplete-options li.autocomplete-instructions {
color: black;
}
.centered-search-box .autocomplete-options li .state-id, .wide-search-box .autocomplete-options li.autocomplete-instructions {
font-size: 11px;
text-transform: uppercase;
}
.centered-search-box .autocomplete-options li:hover, .wide-search-box .autocomplete-options li.autocomplete-instructions {
cursor: pointer;
background-color: #e6e6e6;
}
.centered-search-box .expanded .autocomplete-options, .wide-search-box .expanded .autocomplete-options {
display: block;
}