/*
Theme Name: Group1 Mahindra
Theme URI: http://www.group1mahindra.co.za/
Description: A theme created for Group1 Mahindra.
Version: 1.2
Author: Willem Louw (for WSI Web Marketing)
Author URI: http://www.wsiwebmarketing.co.za/
*/

/* CSS Document */

/*-- General Style --*/

.lockdownfooter {
margin: 18px 10px 10px 10px;
text-align: center;
}

sup {
line-height: 0;
}

body {
line-height: 21px;
font-family: 'Droid Sans', Arial, Verdana, sans-serif;
font-size: 13px;
color: #000;
min-height: 25px;
background: #fff;
}

.nobackground {
background: none;
}

a {
text-decoration: underline;
color: #000;
cursor: pointer;
}

a:hover {
text-decoration: none;
}

h1 {
font-size: 22px;
color: #000;
padding: 5px 0 10px 0;
font-weight: bold;
}

h2 {
font-size: 18px;
color: #000;
padding: 8px 0 8px 0;
font-weight: bold;
}

h3 {
font-size: 16px;
color: #000;
font-weight: bold;
}

h4 {
font-size: 14px;
color: #000;
font-weight: bold;
}

#bodycontent h3 {
padding: 6px 0 2px 0;
}

p {
padding: 5px 0 5px 0;
line-height: 18px;
}

th {
font-weight: bold;
}

/*-- Home Page --*/

.specialhome {
position: absolute;
margin-top: 6px;
margin-left: 16px;
}

.specialcontent a, .specialcontent h2, .specialcontent p {
color: #fff;
text-decoration: none;
}

.specialcontent h2 {
font-size: 54px;
line-height: 58px;
padding: 0;
}

.specialcontent p {
font-weight: bold;
font-size: 24px;
line-height: 28px;
padding: 0;
}

.specialcontent p span {
color: #ffef07;
font-size: 48px;
line-height: 52px;
}

.specialcontent p.hometerms {
font-size: 12px;
line-height: 14px;
font-weight: normal;
}

.specialcontent p.hometerms a.termlink {
text-decoration: underline;
}

.newcta a {
font: normal 18px/24px 'helvetica', 'arial', sans-serif;
width: 220px;
padding: 14px 0;
color: #fff;
font-weight: bold;
background: #c11e44;
text-decoration: none;
display: block;
margin: 12px 0 0 0;
text-align: center;
-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.newcta a:hover {
background: #d71e44;
}

/*-- Main Style --*/

.mobile {
display: none;
}

#container {

}

#headbg {
width: 100%;
background: #fff;
height: 100px;
}

#navbg {
width: 100%;
background: #262626;
}

.clear {
clear: both;
}

/*-- Header --*/

#fixedhead {
width: 100%;
position: fixed;
z-index: 9999;
}

#header {
width: 960px;
margin: auto;
/*--margin-top: -25px;--*/
background: #fff;
}

#logo {
display: inline;
float: left;
margin-top: 9px;
}

#space {
height: 132px;
width: 960px;
margin: auto;
}

#callnow {
width: 960px;
margin: auto;
z-index: 9999;
}

#callnow a {
margin: -60px 0px 0px 0px;
float: right;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #888;
}

#callnow a:hover {
color: #000;
}

/*-- Main Navigation --*/

#navwrap {
width: 960px;
margin: auto;
}

#mainnav {
line-height: 18px;
margin: -13px 0 -13px 0;
clear: both; /*--- Always after floated elements ---*/
}

.nolink a, a.nolink {
cursor: default !important;
}

.link a, a.link {
cursor: pointer !important;
}

ul#mainmenu {
height: 32px;
margin-left: 0px;
}

ul#mainmenu li {
float: left;
position: ;
padding: 5px 0px;
}

ul#mainmenu a {
padding: 2px 16px;
color: #ebebeb;
font-weight: bold;
border-right: 1px solid #fff;
text-decoration: none;
}

ul#mainmenu li.first a {
padding-left: 10px;
}

ul#mainmenu li.last a {
border-right: none;
}

ul#mainmenu li a.selected {

}

ul#mainmenu li a:hover {
color: #fff;
}

ul#mainmenu li a:active {

}

/*--- Drop Down Menu ---*/

.sub-menu {
border-right: none;
}

ul#mainmenu ul ul {
display: none;
}

ul#mainmenu ul li:hover > ul {
display: block;
}

ul#mainmenu ul {
list-style: none;
position: relative;
display: inline-table;
}
ul#mainmenu ul:after {
content: ""; 
clear: both; 
display: block;
}

ul#mainmenu ul li {
float: left;
}
ul#mainmenu ul li:hover {
background: #363636;
}
ul#mainmenu ul li:hover a {
color: #fff;
}

ul#mainmenu ul li a {
display: block; 
text-decoration: none;
}

ul#mainmenu ul ul {
background: #2c2c2c; 
padding: 0;
position: absolute; 
top: 100%;
}

ul#mainmenu ul ul li {
float: none; 
border-top: 1px solid 3d3d3d;
border-bottom: 1px solid 333333;
position: relative;
}
ul#mainmenu ul ul li a {
width: 180px;
border-right: none;
}
ul#mainmenu ul ul li a:hover {
background: #363636;
}

ul#mainmenu ul ul ul {
position: absolute; 
left: 100%; 
top:0;
}

/*-- CTA Navigation --*/

#fixedcta {
position: fixed;
margin: -31px 0 0 672px;
z-index: 9999;
}

#ctanav {
line-height: 20px;
margin: -13px 0 -13px 0;
clear: both; /*--- Always after floated elements ---*/
float: right;
}

ul#ctamenu {
height: 32px;
margin-left: 0px;
}

ul#ctamenu li {
float: left;
position: ;
padding: 5px 0px;
margin-left: 5px;
}

ul#ctamenu a {
padding: 4px 26px;
color: #fff;
font-weight: bold;
background: #777;
text-decoration: none;
}

ul#ctamenu a.focus {
padding: 4px 40px;
background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

ul#ctamenu li a.selected {

}

ul#ctamenu li a:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

ul#ctamenu li a:active {

}

/*-- Secondary Navigation --*/

#secnav {
/*---clear: both;  Always after floated elements ---*/
float: right;
}

ul#secmenu {
height: 50px;
margin-left: 0px;
font-size: 12px;
}

ul#secmenu li {
float: left;
position: ;
}

ul#secmenu a {
padding: 4px 20px;
color: #888;
font-weight: bold;
border-right: 1px solid #000;
text-decoration: none;
}

ul#secmenu li.last a, a.last {
border-right: none !important;
padding-right: 0 !important;
}

ul#secmenu li a:hover {
color: #000;
}

/*-- New Car Header --*/

#modelpageformarea {
width: 215px;
height: 314px;
color: #fff;
padding: 5px 10px;
position: absolute;
}

h1.modelheader {
font-size: 14px;
color: #fff; 
font-weight: bold;
padding: 0;
}

.carmodel {
color: #fff; 
font-size: 30px;
}

.ppccontent .carmodel {
font-size: 18px;
}

p.modelsubtext {
padding: 0 0 10px 0;
}

.modelsubtext {
font-size: 12px;
color: #fff; 
font-weight: normal;
}

.bigsubtext {
font-size: 20px;
line-height: 24px;
font-weight: bold;
}

.termstext {
font-size: 10px;
}

.termstext a {
color: #fff;
}

/*-- Specials Page --*/

#specialslider {
/*--height: 1050px;--*/
}

.specialwrap {
position: absolute;
margin-top: 8px;
margin-left: 8px;
}

.specialbg {

}

.specialarea {
width: 215px;
height: 314px;
color: #fff;
padding: 10px;
position: absolute;
background: rgba(0,0,0,0.8);
}

.specialblock {
margin-bottom: 5px;
width: 960px;
height: 350px;
position: relative;
}

.specialblock img {
position: absolute;
}

.specialctabox {
position: absolute;
top: 217px;
margin-left: -3px;
}

h1.specialheader, h2.specialheader  {
font-size: 14px;
color: #fff;
font-weight: bold;
padding: 0;
}

.specialmodel {
color: #fff;
font-size: 30px;
line-height: 32px;
}

p.specialsubtext {
padding: 0 0 20px 0;
}

.specialsubtext {
font-size: 12px;
color: #fff;
font-weight: normal;
}

.specialbigsubtext {
font-size: 20px;
line-height: 24px;
font-weight: bold;
}

.specialtermstext {
font-size: 10px;
}

.specialtermstext a {
color: #fff;
position: relative;
z-index: 2;
}

.termsbar {
text-align: center;
padding: 5px;
background: #ebebeb;
color: #000;
margin-top: -12px;
margin-bottom: 12px;
clear: both;
}

.termsbar a {
color: #000;
}

.sharespecial {
margin: -36px 2px 0px 0px;
float: right;
}

.specialcta a {
font: normal 18px/24px 'helvetica', 'arial', sans-serif;
width: 220px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-align: center;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.specialcta a:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

.dealimg {
margin: -350px 0px 0px 784px;
}

.dealimg img {
width: 170px;
}

/*-- Universal Gravity Form --*/

ul.gform_fields {
margin: 0;
}

.gform_hidden, .gfield_visibility_hidden {
display: none !important;
}

.gform_validation_container {
display: none !important;
}

.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {
width: inherit !important;
margin-left: 0 !important;
}

.gform_footer {
/*--padding: 10px 0px !important;--*/
}

.gfield_label {
width: auto !important;
float: left;
font-weight: bold;
}

.gfield--type-captcha .gfield_label {
display: none;
}

.gform_wrapper .gfield_error .gfield_label {
color: #ff2d56 !important;
font-style: italic;
}

.gfield_required {
color: #ccc !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: none !important;
margin-bottom: 0px !important;
padding: 0px !important;
border-top: 0px !important;
border-bottom: 0px !important;
}

.gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error textarea {
border: 0px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-left: 0px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {
max-width: 100% !important;
}

.gform_wrapper form {
overflow: visible !important;
/*--overflow: auto !important;--*/
}

.gform_wrapper ul li.gfield {
margin-bottom: 0px !important;
clear: both;
}

.gform_wrapper {
max-width: 100% !important;
margin: 0px !important;
/*--overflow: auto !important;--*/
}

/*--.gform_wrapper input[type=text] {
padding: 5px 2px 5px 2px !important;
}

.gform_wrapper select {
padding: 2px !important;
font: normal 12px/18px 'helvetica', 'arial', sans-serif !important;
margin: 0px;
width: 129px !important;
float: right;
background: #ccc;
border: none;
margin-bottom: 10px !important;
height: 28px;
}--*/

/*-- Test Drive Form --*/

#formwrap {
position: absolute;
margin-top: -349px;
margin-left: 8px;
}

#form h2 {
color: #fff;
padding: 0 0 10px 0;
}

#formbg {
background: #000;
width: 235px;
height: 334px;
opacity: .8;
position: absolute;
}

input[type="text"], input[type="email"], textarea, select {
font: normal 12px/18px 'helvetica', 'arial', sans-serif !important;
margin: 0px;
float:right;
background: #ccc;
border: none;
padding: 2px !important;
margin-bottom: 8px !important;
height: 23px;
width: 129px !important;
box-sizing: border-box;
}

select {
height: 23px;
width: 129px !important;
}

textarea {
resize: none;
overflow: auto;
height: 60px !important;
}

fieldset p {
line-height: 25px;
}

label {
line-height: 25px;
}

input[type="submit"], .rsvpbutton {
color: #fff;
font-weight: bold;
float: right;
text-indent: 0px;
width: 215px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
cursor: pointer;
border: none;
height: 40px;
margin: 2px 0px 0px 0px !important;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

input[type="submit"]:hover, input[type="submit"]:focus, .rsvpbutton:hover, .rsvpbutton:focus {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

.underbuttontext {
font-size: 11px;
text-align: center;
clear: both;
line-height: 14px;
color: #fff;
}

.underbuttontext a {
color: #fff;
}

.box {
color: #fff;
}

textarea:focus, input[type="text"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
background: #fff;
outline: none;

-moz-box-shadow: 0px 0px 5px 3px #e41d38;
-webkit-box-shadow: 0px 0px 5px 3px #e41d38;
box-shadow: 0px 0px 5px 3px #e41d38;
}

/*-- Specials Test Drive Form --*/

.specialtestdrive {
background: #262626;
margin: -5px 0px 8px 0px;
padding: 4px 9px 0px 9px;
border-top: 1px solid #000;
overflow: auto;
}

.specialtestdrive input[type="text"], .specialtestdrive input[type="email"], .specialtestdrive select {
float: left;
font: normal 12px/14px 'helvetica', 'arial', sans-serif !important;
background: #fff;
border: 1px solid #000;
height: 20px !important;
width: 130px !important;
}

.specialtestdrive select {
height: 20px !important;
width: 130px !important;
}

.specialtestdrive input[type="submit"] {
width: 234px;
height: 40px;
font: bold 16px/20px 'helvetica', 'arial', sans-serif !important;
}

.specialtestdrive input[type="submit"]:hover {
background: #ff3667 !important;
}

.specialtestdrive li.gfield {
float: left;
clear: none !important;
margin-right: 10px;
}

.specialtestdrive .gform_wrapper .gform_footer {
clear: none !important;
float: right;
margin: -12px 0px 0px 0px;
}

.specialtestdrive label {
font-size: 12px;
margin: 0px !important;
color: #fff;
}

/*-- Newsletter Signup Form --*/

#newsletter {
width: 305px;
height: 206px;
display: inline;
float: right;
}

#newsletter h2 {
color: #fff;
padding: 0 0 4px 0;
margin: -4px 0 0 0;
}

#newsinput {
color: #fff;
background: #777;
width: 275px !important;
height: 170px !important;
padding: 15px  !important;
}

#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 6px !important;
height: 24px !important;
width: 189px !important;
}

#newsinput select {
height: 24px !important;
width: 189px !important;
}

#newsinput input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
float: right !important;
text-indent: 0px !important;
width: 170px !important;
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
border: none !important;
height: 40px;
margin: 2px 0px 4px 0px !important;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

#newsinput input[type="submit"]:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

#newsinput li.gfield {
line-height: 21px !important;
}

/*-- Subscribe Form --*/

#subscribe {
width: 700px;
height: auto;
margin: auto;
}

#subscribe h2 {
color: #fff;
padding: 0 0 4px 0;
margin: -4px 0 0 0;
}

#gform_wrapper_30 {
overflow: overlay;
}

#subscribeform {
color: #fff;
background: #777;
width: 670px !important;
min-height: 217px !important;
height: auto !important;
padding: 15px  !important;
}

#subscribeform input[type="text"], #subscribeform input[type="email"], #subscribeform select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 6px !important;
height: 24px !important;
width: 219px !important;
}

#subscribeform select {
height: 24px !important;
width: 219px !important;
}

#subscribeform input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
float: right !important;
text-indent: 0px !important;
width: 190px !important;
height: 50px !important;
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
margin: -5px 0px 0px 0px !important;
border: none !important;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

#subscribeform input[type="submit"]:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

#subscribeform li.gfield {
line-height: 21px !important;
width: 325px;
display: inline;
clear: none;
padding: 10px 5px 5px 5px;
}

#subscribeform .referral li.gfield:nth-of-type(1), #subscribeform .referral li.gfield:nth-of-type(2), #subscribeform .referral li.gfield:nth-of-type(5), #subscribeform .referral li.gfield:nth-of-type(6), #subscribeform .referral li.gfield:nth-of-type(9), #subscribeform .referral li.gfield:nth-of-type(10) {
background: #555;
}

#subscribeform .referral li.gfield:nth-of-type(3), #subscribeform .referral li.gfield:nth-of-type(4), #subscribeform .referral li.gfield:nth-of-type(7), #subscribeform .referral li.gfield:nth-of-type(8) {
background: #666;
}

#subscribeform li.gfield:nth-child(odd) {
float: left;
}

#subscribeform li.gfield:nth-child(even) {
float: right;
}

#subscribeform .ginput_container {
margin-top: 0;
}

.gform_wrapper .gform_page_footer {
border-top: none !important;
}

.gform_next_button {
color: #fff !important;
font-weight: bold !important;
float: right !important;
text-indent: 0px !important;
width: 190px !important;
height: 50px !important;
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
margin: -5px 0px 0px 0px !important;
border: none !important;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.gform_next_button:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

.gform_previous_button {
height: 50px !important;
width: 190px !important;
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
margin: -5px 0px 0px 0px !important;
}

/*-- Contact Page Form --*/

.formheader h2 {
color: #fff;
}

.formheader {
background: #515152 !important;
width: 275px !important;
padding: 5px 15px !important;
color: #fff;
}

#contactwrap {
width: 305px;
display: inline;
float: left;
}

#contact {
color: #fff !important;;
background: #777 !important;;
width: 275px !important;
padding: 15px 15px 0px 15px !important;
float: left;
height: auto;
margin-bottom: 15px;
}

.contacttext {
width: 620px;
min-height: 392px;
float: right;
background: #ebebeb;
padding: 5px 10px;
margin-bottom: 15px;
}

#contact img:nth-of-type(1) {
margin: 31px 0px 0px -15px;
}

#contact img {
margin: 8px 0px 0px -15px;
}

#contact input[type="text"], #contact input[type="email"], #contact textarea {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 10px !important;
width: 169px !important;
height: 24px !important;
}

#contact select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 10px !important;
width: 169px !important;
height: 24px !important;
}

contact {
color: #fff !important;
font-weight: bold !important;
float: right !important;
text-indent: 0px !important;
width: 170px !important;
height: 50px !important;
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
border: none !important;
margin: 6px 0px 6px 0px !important;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

#contact input[type="submit"]:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

input[type="submit"]#gform_submit_button_29 {
width: 275px !important
}

#contact li.gfield {
line-height: 21px !important;
}

.mapbutton, .branchbutton {
font: normal 14px/24px 'helvetica', 'arial', sans-serif;
width: 220px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
margin: 47px 0 0 0;
text-align: center;
-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.mapbutton:hover, .branchbutton:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

.branchbutton {
float: right;
margin-right: 5px;
color: #fff;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.mapbutton {
background: #777;
float: left;
margin-left: 5px;
color: #fff;
}

/*-- Sell Your Car Form --*/

.sellform {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}

.sellform .formheader, .sellform #contact {
width: 100% !important;
max-width: 500px !important;
float: none;
margin: auto;
box-sizing: border-box;
}

.sellform .formheader {

}

.sellform #contact {

}

.sellform #contact label {
display: none;
}

.sellform #contact input[type="text"], .sellform #contact input[type="email"], .sellform #contact textarea, .sellform #contact select {
width: 100% !important;
}

.sellform #contact .gfield--type-chainedselect span {
display: block;
padding-inline: 0;
}

/*-- Used Contact Form --*/

#usedform {
color: #fff !important;
background: #777 !important;
padding: 15px 15px 0px 15px !important;
height: 384px;
margin-bottom: 15px;
}

#usedform input[type="text"], #usedform input[type="email"], #usedform select {
width: 124px !important;
height: 28px;
}

#usedform textarea {
width: 124px !important;
height: 56px;

}

#usedform select {
width: 124px !important;
height: 28px;
}

.usedheader h2 {
color: #fff;
}

.usedheader {
background: #515152 !important;
padding: 5px 15px !important;
color: #fff;
}

.usedbody {
width: 700px;
clear: both;
float: left;
}

.usedheader p {
padding-bottom: 10px;
}

/*-- Test Drive Page Form --*/

#testpagewrap {
width: 380px;
display: inline;
float: left;
margin: 15px 90px 20px 0;
}

#testpage {
color: #fff !important;;
background: #777 !important;;
width: 350px !important;
height: 344px;
padding: 15px 15px 0px 15px !important;
}

#testpage input[type="text"], #testpage input[type="email"], #testpage textarea, #testpage select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 10px !important;
height: 30px !important;
width: 254px !important;
}

#testpage select {
height: 30px !important;
width: 254px !important;
}

#testpage input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
float: right !important;
text-indent: 0px !important;
width: 215px !important;
height: 50px !important;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
margin: -5px 0px 0px 0px !important;
border: none !important;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

#testpage input[type="submit"]:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

#testpage li.gfield {
line-height: 21px !important;
}

/*-- Trade-in Page --*/

#tradeformwrap {
width: 345px;
display: inline;
float: left;
}

#tradeform {
color: #fff !important;
background: #777 !important;
width: 315px !important;
padding: 15px 15px 0px 15px !important;
float: left;
margin-bottom: 15px;
}

.tradetext {
width: 580px;
min-height: 475px;
float: right;
background: #ebebeb;
padding: 5px 10px;
margin-bottom: 15px;
}

.tradetext2 {
width: 580px;
min-height: 463px;
float: right;
background: #ebebeb;
padding: 5px 10px;
margin-bottom: 15px;
}

#tradeformtext {
padding: 5px 10px;
background: #ebebeb;
}

#tradeform input[type="text"], #tradeform input[type="email"], #tradeform textarea, #tradeform select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 10px !important;
height: 30px !important;
width: 169px !important;
}

#tradeform select {
height: 30px !important;
width: 169px !important;
}

#tradeform input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
float: right !important;
text-indent: 0px !important;
width: 170px !important;
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
border: none !important;
height: 40px;
margin: 2px 0px 0px 0px !important;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

#tradeform input[type="submit"]:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

#tradeform li.gfield {
line-height: 21px !important;
}

/*-- Gravity Form --*/

.validation_message {
display: none !important;
}

.validation_error {
display: none !important;
}

/*-- Book a Service Page --*/

#servicewrap {
width: 345px;
display: inline;
}

#service {
color: #fff !important;
background: #777 !important;
width: 315px !important;
padding: 15px 15px 0px 15px !important;
margin: 10px 0px;
}

#service input[type="text"], #service input[type="email"], #service select {
font: normal 14px/20px 'helvetica', 'arial', sans-serif !important;
margin: 0 !important;
float: right !important;
margin-bottom: 8px !important;
width: 214px !important;
height: 24px;
}

#service select {
width: 214px !important;
height: 24px;
}

#service input[type="submit"] {
color: #fff !important;
font-weight: bold !important;
float: right !important;
text-indent: 0px !important;
width: 190px !important;
font: bold 16px/18px 'helvetica', 'arial', sans-serif !important;
border: none !important;
height: 40px;
margin: 2px 0px 0px 0px !important;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

#service input[type="submit"]:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

#service li.gfield {
line-height: 21px !important;
}

/*-- Model Service --*/

#gform_fields_13 {
overflow: auto;
margin-bottom: -8px !important;
margin-top: 6px !important;
}

/*-- Car Model Spec Slider --*/

.jCarouselLite {
z-index: 0;
margin: 5px 0 20px 0;
}

.models {
background: #ebebeb;
margin-right: 8px;
padding: 0px 10px 5px 10px;
width: 295px;
/*-- Multiple Installments --*/
/*--height: 250px;--*/
height: 265px;
}

/*-- Multiple Installments --*/

.models p {
/*--margin-top: 10px;--*/
}

.models p.clear {
margin-top: 0px;
}

.models #roller {
margin: 22px 0 0 -90px;
}

.models #roller div {
margin: -8px 0px 10px 157px !important;
}

.models .faceplain {
margin: 14px 0 0 90px !important;
}

.prev {
float: left;
background: #000;
border: none;
color: #fff;
height: 100px;
font-weight: bold;
font-size: 20px;
margin-left: -45px;
margin-top: -196px;
cursor: pointer;
}

.next {
float: right;
background: #000;
border: none;
color: #fff;
height: 100px;
font-weight: bold;
font-size: 20px;
margin-right: -45px;
margin-top: -196px;
cursor: pointer;
}


.nonav {
display: none;
}

.yearmodel {
font-size: 13px;
color: #000;
padding: 0;
font-weight: bold;
float: left;
}

.modelspec {
font-size: 18px;
color: #000;
padding: 0;
font-weight: bold;
float: left;
}

.fullprice {
font-size: 18px;
color: #000;
padding: 0;
font-weight: bold;
float: right;
}

.installment {
font-size: 13px;
color: #000;
padding: 0;
font-weight: bold;
float: right;
}

.left {
float: left;
}

.right {
float: right;
margin-top: 10px;
}

/*-- Deal Hook / No Roller --*/

.dealhookslider {

}

.dealhookslider li {

}

.dealhookslider li .models {
/*--height: 313px;--*/
height: 338px;
}

.dealhookslider li .models .dealhook {
font-size: 16px;
line-height: 28px;
padding: 6px 10px;
margin: 15px -10px 5px -10px;
font-weight: bold;
color: #FFEF07;
text-align: center;
background: #000;
background: -moz-linear-gradient(top, #333 0%, #000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#000));
background: -webkit-linear-gradient(top, #333 0%,#000 100%);
background: -o-linear-gradient(top, #333 0%,#000 100%);
background: -ms-linear-gradient(top, #333 0%,#000 100%);
background: linear-gradient(to bottom, #333 0%,#000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#000',GradientType=0 );
}

/*-- Main --*/

#wrap {
width: 960px;
margin: auto;
}

#slider {
height: 350px;
}

#slider img {
height: 350px;
width: 960px;
}

p.modelname {
font: normal 30px/36px 'helvetica', 'arial', sans-serif;
font-weight: bold;
position: absolute;
top: 20px;
background: #ebebeb;

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.promo {
background: #e41d38;
color: #000;
padding: 6px 6px 7px 6px;
}

.gallery_id_4 {
background: #ebebeb;
}

.orbit-wrapper {
z-index: 0;
}

.content {
visibility: hidden; /*-- Hidden until site is fully loaded to solve images loading one after the other --*/
}

.homecta {
visibility: hidden; /*-- Hidden until site is fully loaded to solve content "jump" while loading --*/
}

#homectabox {
position: absolute;
margin-left: 10px;
margin-top: -230px; /*-- top: 250px; --*/
}

.homecta a {
font: normal 18px/24px 'helvetica', 'arial', sans-serif;
width: 220px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-align: center;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.homecta a:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

#bodycontent {
padding: 10px 0 0 0;
}

#content {
width: 635px;
float: left;
background: #fff;
padding: 10px 10px 10px 0;
}

#block {
background: #777;
padding: 10px;
margin: 10px 0 5px 0;
color: #fff;
}

.list li {
list-style: disc !important;
margin-left: 18px;
}

.twocolumnlist {
column-count: 2;
}

.threecolumnlist {
column-count: 3;	
}

.termlist {
padding: 10px 0;
}

.termlist li {
list-style: decimal !important;
margin-left: 18px;
padding: 5px 0;
}

.boldlist li {
list-style: disc !important;
margin-left: 30px;
font-style: normal !important;
font-weight: bold !important;
font-size: 14px;
margin-bottom: 12px;
}

.listleft {
float: left;
width: 230px;
}

.listright {
float: right;
width: 200px;
}

#block h2:first-child {
color: #fff;
padding: 0 0 8px 0;
}

#block h2 {
color: #fff;
}

#block a {
color: #ebebeb;
}

#block a:hover {
color: #fff;
}

#video {
float: left;
}

#videotext {
float: right;
width: 300px;
height: 360px;
padding: 0px 5px;
background: #ebebeb;
}

#imgtext {
float: right;
width: 300px;
min-height: 360px;
padding: 0px 5px;
background: #ebebeb;
}

#video, #videotext, #imgtext {
margin-bottom: 20px;
}

.fade_gallery .slide {
border: none !important;
}

#reviewingblocks {
clear: both;
display: flex;
justify-content: space-between;
}

.reviewblocks {
display: inline;
float: left;
background: #ebebeb;
/*--height: 220px;--*/
width: 30%;
padding: 10px 10px 14px 10px;
margin-bottom: 20px;
}

.reviewblocks:nth-of-type(2n+2) {
margin-right: 0px;
}

.reviewblocks h3 {
font-weight: bold;
text-align: center;
}

.reviewimg {
display: block;
margin-left: auto;
margin-right: auto;
padding: 5px;
}

/*-- Parts Page --*/

#contact-thirds {
clear: both;
width: 630px;
margin: auto;
}

.thirds {
width: 210px;
float: left;
margin: -5px 0px 15px 0px;
}

/*-- Brochure Download Page --*/

#brochurehead {
float: left;
}

#brochureshare {
float: right;
margin-top: 5px;
}

#brochurelinks {
clear: both;
}

.brochure {
margin-right: 33px;
width: 215px;
height: 150px;
display: inline;
float: left;
margin-bottom: 74px;
}

.brochure:nth-of-type(4n+4){
margin-right: 0 !important;
}

.brochure:nth-of-type(4n+5){
clear: both;
}

/*-- Showroom Page  --*/

.showroomblock {
height: 311px;
margin: 10px 0;
}

.showroominfo {
float: left;
width: 469px;
border-right: 1px solid #999;
height: 295px;
background: #ebebeb;
padding: 5px 10px;
margin-bottom: 16px;
}

.showroommap {
float: right;
margin-bottom: 10px;
width: 470px;
}

.top15 {
margin-top: 15px;
}

.textleft {
float: left;
width: 470px;
margin-bottom: 15px;
clear: both;
}

.textright {
float: right;
width: 470px;
margin-bottom: 15px;
}

.textleft2 {
float: left;
width: 460px;
margin-bottom: 15px;
clear: both;
}

.textright2 {
float: right;
width: 480px;
margin-bottom: 15px;
}

.largetestimonial {
clear: both;
background: #ebebeb;
padding: 20px 140px;
text-align: center;
font-size: 14px;
margin-bottom: 20px;
}

/*-- Testimonials --*/

#testimonials ul, #testimonials ul li {
margin: 5px 0 0 0 !important;
}

.widget_randomizer_widget {
background: #ebebeb !important;
width: 305px;
height: 232px;
margin: 0 !important;
padding: 5px;
box-sizing: border-box;
}

/*-- About Us Page --*/

#profiles {
clear: both;
width: 960px;
}

#profiles img {
display: inline;
float: left;
border: 1px solid #ccc;
}

.profiletext {
width: 340px;
float: right;
}

#services {
background: #ebebeb;
height: 178px;
padding: 5px 10px;
margin-bottom: 20px;
}

#servicesused {
background: #ebebeb;
height: 120px;
padding: 5px 10px;
margin-bottom: 20px;
}

/*-- Updated New Car Page --*/

.newcarmodel {
margin-bottom: 20px;
margin-right: 20px;
float: left;
width: 225px;
}

.newcarmodel:nth-of-type(4n+0) {
margin-right: -20px;
}

.modelbar {
font: normal 14px/16px 'helvetica', 'arial', sans-serif;
width: 225px;
overflow: auto;
padding: 10px 0;
margin-top: -6px;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.modelbar:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

.modelbar h2 {
font-size: 17px;
color: #fff;
padding: 0;
margin: 0;
}

.modelbar img {
margin-top: -2px;
}

.rightbar {
float: right;
margin-right: 8px;
}

.leftbar {
float: left;
margin-left: 8px;
}

/*-- New Car Page --*/

.specialtag {
background: #e41d38;
font-size: 20px;
font-weight: bold;
color: #000;
text-align: center;
width: 133px;
height: 28px;
margin: -8px 0px 10px 162px;
position: absolute;
}

.widgets_on_page ul, .widgets_on_page ul li {
margin: 10px 0px;
}

#newcarpage h2{
margin-bottom: 15px;
}

.leftmodel {
background: #ebebeb;
border: 1px solid #ccc;
float: left;
width: 470px;
margin-bottom: 15px;
}

.rightmodel {
background: #ebebeb;
border: 1px solid #ccc;
float: right;
width: 470px;
margin-bottom: 15px;
}

.alignmodel {
background: #ebebeb;
border: 1px solid #ccc;
float: left;
width: 470px;
margin-bottom: 15px;
}

.alignmodel:nth-of-type(2n+2) {
background: #ebebeb;
border: 1px solid #ccc;
float: right;
width: 470px;
margin-bottom: 15px;
}

.alignmodel p, .rightmodel p, .leftmodel p {
float: right;
width: 265px;
margin-right: 5px;
}

.alignmodel img, .rightmodel img, .leftmodel img {
float: left;
}

.hide {
visibility: hidden;
}

.grey a {
background: #ccc !important;
}

.3packs {
float: left !important;
}

.3packs:nth-of-type(1) {
width: 176px;
}

.3packs:nth-of-type(2) {
width: 150px;
}

.3packs:nth-of-type(3) {
width: 100px;
}

/*-- December Promo Page --*/

.promomodel {
margin-bottom: 20px;
margin-right: 20px;
float: left;
width: 225px;
}

.promomodel a {
text-decoration: none;
}

.promomodel img {

}

.promomodel:nth-of-type(4n+0) {
margin-right: -20px;
}

.promobar {
font: normal 14px/16px 'helvetica', 'arial', sans-serif;
width: 225px;
overflow: auto;
padding: 15px 0px;
margin-top: -6px;
text-align: center;
box-sizing: border-box;
color: #fff;
font-weight: bold;
background: #e41d38;
text-decoration: none;
display: block;

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.promobar h2 {
color: #fff;
padding: 0;
margin: 0;
font-size: 22px;
line-height: 26px;
}

.promoinfo {
font: normal 14px/16px 'helvetica', 'arial', sans-serif;
width: 225px;
overflow: auto;
padding: 10px;
box-sizing: border-box;
color: #000;
font-weight: bold;
background: #ebebeb;
text-decoration: none;
display: block;

-moz-box-shadow: 2px 3px 0px #000000;
-webkit-box-shadow: 2px 3px 0px #000000;
box-shadow: 2px 3px 0px #000000;
}

.promoinfo h2 {
padding: 0;
margin: 0;
}

.promocar {
font-size: 26px;
line-height: 34px;
}

.promospec {
font-size: 18px;
line-height: 26px;
}

.promoprice {
font-size: 20px;
line-height: 28px;
}
/*-- Used Car Page --*/

#used {
float: left;
margin-bottom: 5px;
}

#usedside {
width: 245px;
height: 702px;
margin-bottom: 5px;
float: right;
}

#usedside img {
margin-bottom: 10px;
}

#usedtestimonials {
width: 225px;
height: 375px;
padding: 5px 10px;
background: #ebebeb;
}

.usedintro {
width: 700px;
}

#listingblocks {
clear: both;
}

.listblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 340px;
padding: 0px 10px 8px 10px;
}

.listblocks:nth-of-type(3n+3) {
margin-right: 0px;
}

.twocolumnblocks {
width: 449px !important;
height: 255px;
}

.twocolumnblocks:nth-of-type(2n+2) {
margin-right: 0px !important;
}

.talllistblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 355px;
padding: 0px 10px 8px 10px;
}

.talllistblocks:nth-of-type(3n+3) {
margin-right: 0px;
}

.extratalllistblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 405px;
padding: 0px 10px 8px 10px;
}

.extratalllistblocks:nth-of-type(3n+3) {
margin-right: 0px;
}

.navaralistblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 460px;
padding: 0px 10px 8px 10px;
}

.navaralistblocks:nth-of-type(3n+3) {
margin-right: 0px;
}

.tablepadding td {
padding: 5px;
}

/*-- Test Drive Page --*/

.usedlist {
margin-bottom: 16px;
}

/*-- Kuilsriver / Stellenbosch / PE / Uitenhage Page --*/

#showroomsidebar {
width: 275px !important;
float: left;
}

.showroomtext {
width: 630px;
float: right;
}

.branchtextleft {
float: left;
width: 290px;
margin-bottom: 15px;
clear: both;
}

.branchtextright {
float: right;
width: 310px;
margin-bottom: 15px;
}

/*-- FAQ Page --*/

.triviabox {
clear: both;
padding: 25px;
background: #ebebeb;
margin-bottom: 15px;
}

/*-- Expanding / Collapsible Content --*/

.expanding { 
display: block;
vertical-align: top; 
height: auto !important; 
}

.expanded { 
height: auto;
margin-top: -25px;
margin-bottom: 25px;
float: left;
width: 960px;
background: #ebebeb;
}

.aj-collapse {
font-weight: bold;
color: #fff;
text-align: center;
text-decoration: none;
float: right;
margin-top: 4px;
position: absolute;
margin-left: 870px;
}

.expanded p{
height: auto;
margin: 0px;
}

.collapsed {
float: left;
height: auto;
width: 960px;
line-height: 20px;
margin-bottom: 25px;
background: #ebebeb;
}

.topcolumns {

}

.leftcolumnimg{
float: left;
width: 470px;
height: 340px;
}

.leftcolumn {
float: left;
width: 460px;
padding: 5px 10px;

}

.rightcolumn {
float: right;
width: 460px;
padding: 5px 10px;
}

.centercolumn {
clear: both;
padding: 5px 10px;
width: 700px;
margin: 10px auto;
background: #efefef;
}

#bodycontent .centercolumn h3 {
padding: 4px 0 2px 0;
font-weight: bold;
}

.expanded {
position: relative;
}

.expshare {
text-align: center;
padding: 3px 0px 0px 0px;
position: static;
}

.expanderbar {
width: 960px;
height: 30px;
background: #e41d38;
color: #000;
clear: both;
}

.halfcolumn-right {
width: ;
float: right;
}

.halfcolumn-left {
width: ;
float: left;
}

/*-- Fuel Consumption --*/

.fueldata {
clear: both;
/*--overflow: auto;--*/
}

.fueldata img {
float: left;
margin-bottom: 25px;
}

.rightfuel {
float: right;
width: 460px;
padding: 5px 10px 10px 10px;
margin-bottom: 25px;
background: #ebebeb;
}

.fueltable {
width: 460px;
}

.fueltable th {
font-weight: bold;
}

.fueltable td {
font-style: italic;
}

/*-- Sidebar --*/

#sidebar {
width: 305px;
float: right;
}

#ctabox {
margin: 18px 0 10px 0;
}

.cta a {
width: 305px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
background: #777;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-align: center;
}

.cta a.maincta {
background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.cta a:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

.imgctas {
position: absolute;
padding: 6px;
}

.imgctas a {
padding: 10px 17px;
font-weight: bold;
font-size: 14px;
text-decoration: none;
display: inline-block;
text-align: center;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.imgctas a:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

/*-- Pre-Footer --*/

.videoimage {
margin-right: 17px;
float: left;
}

.videoimage:nth-of-type(3n+3){
margin-right: 0 !important;
}

#contentblocks {
margin: 10px 0 30px 0;
height: 215px;
clear: both;
}

#specials, #tradein, #newsletter, #blog, #facebook, #misc, #modelblog {
display: inline;
float: left;
margin-bottom: 15px;
}

#blog {
padding: 0px 10px;
width: 460px;
height: 398px;
background: #ebebeb;
border: 1px solid #ccc;
font-size: 13px;
overflow-y: scroll;
overflow-x: hidden;
}

#blog h3 {
font-weight: bold;
}

.titlelink {
font-size: 14px !important;
}

#facebook {
float: right;
height: 404px;
width: 460px;
}

#modelblog, #specials, #tradein {
margin-right: 22px;
}

#modelblog {
padding: 0px 10px;
width: 283px;
height: 200px;
background: #ebebeb;
border: 1px solid #ccc;
font-size: 13px;
overflow-y: scroll;
overflow-x: hidden;
}

#micrafeed, #livinafeed, #jukefeed, #qashqaifeed, #muranofeed, #pathfinderfeed, #xtrailfeed, #patrolfeed, #gtrfeed, #370zfeed, #np200feed, #np300feed, #patrolpickupfeed, #navarafeed, #nv200panelvanfeed, #nv200combifeed, #nv350feed {
height: 200px;
}

.widgettitle {
padding-top: 0px;
}

/*-- Footer --*/

#footbg {
width: 100%;
background: #ebebeb;
/*--height: 174px;--*/
clear: both;
}

#footer {
width: 960px;
margin: auto;
padding: 10px;
color: #000;
margin-top: -21px;
padding-top: 15px;
font-size: 12px;
}

#foot-image {
float: right;
width: 245px;
display: inline;
}

#foot-text {
float: right;
width: 840px;
display: inline;
margin-top: -6px;
}

#footer a {
font-weight: ;
color: #000;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}

#group1branches {
overflow: auto;
}

.dealer {
float: left;
margin-right: 64px;
}

.dealerlast {
float: left
}

.dealer img {
margin-right: 8px;
width: 35px;
height: auto;
}

/*-- Sitemap --*/

.sitemap li, .sitemapsub li {
list-style: disc !important;
}

.sitemap {
margin-left: 20px;
}

.sitemapsub {
margin-left: 30px;
}

#terms {
width: 690px;
float: left;
}

/*-- Google --*/

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/*-- Animated Promo Roller --*/

#roller {
width: 140px;
height: 28px;
position: absolute;
}

.faceplain {
font-size: 12px;
line-height: 28px;
font-weight: bold;
color: #FFEF07;
text-align: center;
width: 204px;
height: 28px;
margin: -8px 0px 10px 90px;
position: absolute;

background: #000; /* Old browsers */
background: -moz-linear-gradient(top,  #333 0%, #000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333 0%,#000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333 0%,#000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333 0%,#000 100%); /* IE10+ */
background: linear-gradient(to bottom, #333 0%,#000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}

.face1, .face2, .face3, .face4 {
font-size: 16px;
line-height: 28px;
font-weight: bold;
color: #FFEF07;
text-align: center;
width: 140px;
height: 28px;
margin: -8px 0px 10px 157px;
position: absolute;

background: #000; /* Old browsers */
background: -moz-linear-gradient(top,  #333 0%, #000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333 0%,#000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333 0%,#000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333 0%,#000 100%); /* IE10+ */
background: linear-gradient(to bottom, #333 0%,#000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}

#roller .face1 {
-moz-transform: translateZ(14px);
}

#roller .face2 {
-moz-transform: rotateX(90deg) translateZ(14px);
}

#roller .face3 {
-moz-transform: rotateX(180deg) translateZ(14px);
}

#roller .face4 {
-moz-transform: rotateX(270deg) translateZ(14px);
}

@-moz-keyframes spincube {
from,to { }
0% { -moz-transform: rotateX(0deg); }
14% { -moz-transform: rotateX(0deg); }
21% { -moz-transform: rotateX(-90deg); }
35% { -moz-transform: rotateX(-90deg); }
42% { -moz-transform: rotateX(-180deg); }
70% { -moz-transform: rotateX(-180deg); }
77% { -moz-transform: rotateX(-270deg); }
91% { -moz-transform: rotateX(-270deg); }
100% { -moz-transform: rotateX(-360deg); }
}

#roller {
-moz-animation-name: spincube;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 12s;
-moz-transform-style: preserve-3d;
-moz-transform-origin: 7px 7px 0;
}

/*-- Animated Promo Roller --*/

#roller {
width: 140px;
height: 28px;
position: absolute;
}

.face1, .face2, .face3, .face4 {
font-size: 16px;
line-height: 28px;
font-weight: bold;
color: #FFEF07;
text-align: center;
width: 140px;
height: 28px;
margin: -8px 0px 10px 157px;
position: absolute;

background: #000; /* Old browsers */
background: -moz-linear-gradient(top,  #333 0%, #000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333 0%,#000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333 0%,#000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333 0%,#000 100%); /* IE10+ */
background: linear-gradient(to bottom, #333 0%,#000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}

#roller .face1 {
-webkit-transform: translateZ(14px);
}

#roller .face2 {
-webkit-transform: rotateX(90deg) translateZ(14px);
}

#roller .face3 {
-webkit-transform: rotateX(180deg) translateZ(14px);
}

#roller .face4 {
-webkit-transform: rotateX(270deg) translateZ(14px);
}

@-webkit-keyframes spincube {
from,to { }
0% { -webkit-transform: rotateX(0deg); }
14% { -webkit-transform: rotateX(0deg); }
21% { -webkit-transform: rotateX(-90deg); }
35% { -webkit-transform: rotateX(-90deg); }
42% { -webkit-transform: rotateX(-180deg); }
70% { -webkit-transform: rotateX(-180deg); }
77% { -webkit-transform: rotateX(-270deg); }
91% { -webkit-transform: rotateX(-270deg); }
100% { -webkit-transform: rotateX(-360deg); }
}

#roller {
-webkit-animation-name: spincube;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 12s;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 7px 7px 0;
}

/*-- Animated Promo Roller --*/

#wideroller {
width: 140px;
height: 28px;
position: absolute;
}

.wideface1, .wideface2, .wideface3, .wideface4 {
font-size: 12px;
line-height: 28px;
font-weight: bold;
color: #000;
text-align: center;
width: 204px;
height: 28px;
margin: -8px 0px 10px 90px;
position: absolute;

background: #ff2d56; /* Old browsers */
background: -moz-linear-gradient(top,  #ff2d56 0%, #e41d38 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2d56), color-stop(100%,#e41d38)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff2d56 0%,#e41d38 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff2d56 0%,#e41d38 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff2d56 0%,#e41d38 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff2d56 0%,#e41d38 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d56', endColorstr='#e41d38',GradientType=0 ); /* IE6-9 */
}

#wideroller .wideface1 {
-webkit-transform: translateZ(14px);
}

#wideroller .wideface2 {
-webkit-transform: rotateX(90deg) translateZ(14px);
}

#wideroller .wideface3 {
-webkit-transform: rotateX(180deg) translateZ(14px);
}

#wideroller .wideface4 {
-webkit-transform: rotateX(270deg) translateZ(14px);
}

@-webkit-keyframes spincube {
from,to { }
0% { -webkit-transform: rotateX(0deg); }
14% { -webkit-transform: rotateX(0deg); }
21% { -webkit-transform: rotateX(-90deg); }
35% { -webkit-transform: rotateX(-90deg); }
42% { -webkit-transform: rotateX(-180deg); }
70% { -webkit-transform: rotateX(-180deg); }
77% { -webkit-transform: rotateX(-270deg); }
91% { -webkit-transform: rotateX(-270deg); }
100% { -webkit-transform: rotateX(-360deg); }
}

#wideroller {
-webkit-animation-name: spincube;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 12s;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 7px 7px 0;
}

/*--- ZERO Deposit --*/

.zerodeposit {
position: absolute;
background: none;
color: #000;
margin: -10px 0px 10px 210px;
font-size: 13px;
font-weight: normal;
font-style: italic;
}

/*--- Pin It Button ---*/



/*--- A/B Testing ---*/

h1.modelheader-ab {
font-size: 24px;
}

.carmodel-ab {
font-size: 50px;
line-height: 52px;
}

.modelsubtext-ab {
text-align: right;
}

#gform_submit_button_12 {
font: bold 28px/38px 'helvetica', 'arial', sans-serif !important;
}

/*--- Misc ---*/

.infobox {
background: #ebebeb;
padding: 19px 20px 5px 20px;
}

.demoimg {
float: left;
margin: 10px 0px
}

.demotext {
width: 550px;
float: right;
margin: 10px 0px
}
/*--- Finance Page ---*/

table.finance {
margin: 10px 0px;
}

table.finance th, table.finance td {
padding: 5px;
border: 1px solid #ccc;
}

table.finance tr:nth-child(even) {
background-color: #f1f1c1;
}
table.finance tr:nth-child(odd) {
background-color: #fff;
}
table.finance th {
color: #fff;
background-color: #333;
}

.landwrap {
width: 700px;
margin: auto;
}

.landback {
background-color: #fff;
width: 700px;
height: 212px;
position: absolute;
z-index: -999;
opacity: 0.5;
}

/*-- PPC Page --*/

.mainbackground {
display: flex;
justify-content: center;
height: 650px;
overflow: hidden;
background: #333;
}

.mainbackground img {
/*--flex: none;--*/
}

.mainbgcontent {
width: 100%;
max-width: 960px;
margin: auto;
height: 650px;
margin-top: -650px;
z-index: 99999;
position: relative;
}

.mainbgcontent h1.mainh1 {
color: #fff;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
font-size: 100px;
line-height: 100px;
padding-top: 10px;
}

.mainbgcontent h2.mainh2 {
color: #fff;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
font-size: 60px;
line-height: 60px;
margin-top: -20px;
margin-bottom: 6px;
}

.mainbgcontent h2.mainh2 span {
color: #fff;
font-size: 30px;
}

.gocontentbar {
background: #ddd;
}

.gocontentcontent {
width: 100%;
max-width: 960px;
margin: auto;
text-align: justify;
}

.gocontentcontent > div {
width: 300px;
display: inline-block;
vertical-align: top;

/* IE fix. */
*display: inline;
zoom: 1;
}

.gocontentcontent:after {
content: "";
width: 100%;
display: inline-block;
}

.gocontentsplit {
width: 300px;
text-align: center;
color: #000;
}

.gocontentsplit img {
width: 200px;
height: 200px;
margin-top: -100px;
}

.gocontentsplit h2 {
color: #000;
}

.gobackground {
text-align: center;
background: #ccc;
}

.gobackground img {
width: 100%;
/*--max-width: 1500px;--*/
height: auto;
}

.ctajumpbar {
height: 104px;
background: #096c97;
clear: both;
}

.ctajumpcontent {
width: 100%;
max-width: 960px;
margin: auto;
}

.ctajumpcontent span {
color: #fff;
font-weight: bold;
font-size: 36px;
line-height: 104px;
float: left;
}

.ctajumpcontent a {
float: right;
}

.gotestdrive {
font: normal 30px/46px 'helvetica', 'arial', sans-serif;
width: 360px;
margin: auto;
padding: 10px 0;
color: #000;
font-weight: bold;
text-decoration: none;
display: block;
margin: 18px 0 0 0;
text-align: center;
box-sizing: border-box;

border: 1px solid #c2152f;
background: #ff2858;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2858), to(#c2152f));
background: -moz-linear-gradient(top, #ff2858, #c2152f);
background: linear-gradient(to bottom, #ff2858, #c2152f);
text-shadow: #720d1c 1px 1px 1px;
color: #ffffff;
text-decoration: none;
}

.gotestdrive:hover, .gotestdrive:focus {
border: 1px solid #e41937;
background: #ff306a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff306a), to(#e91938));
background: -moz-linear-gradient(top, #ff306a, #e91938);
background: linear-gradient(to bottom, #ff306a, #e91938);
color: #ffffff;
text-decoration: none;
}

.gotestdrive:active {
background: #c2152f;
background: -webkit-gradient(linear, left top, left bottom, from(#c2152f), to(#c2152f));
background: -moz-linear-gradient(top, #c2152f, #c2152f);
background: linear-gradient(to bottom, #c2152f, #c2152f);
}

.ppcform input[type="submit"], .ppcform #gform_submit_button_4 {
border: 1px solid #c2152f;
background: #ff2858;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2858), to(#c2152f));
background: -moz-linear-gradient(top, #ff2858, #c2152f);
background: linear-gradient(to bottom, #ff2858, #c2152f);
text-shadow: #720d1c 1px 1px 1px;
color: #ffffff;
text-decoration: none;
}

.ppcform input[type="submit"]:hover, .ppcform #gform_submit_button_4:hover, .ppcform input[type="submit"]:focus, .ppcform #gform_submit_button_4:focus {
border: 1px solid #e41937;
background: #ff306a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff306a), to(#e91938));
background: -moz-linear-gradient(top, #ff306a, #e91938);
background: linear-gradient(to bottom, #ff306a, #e91938);
color: #ffffff;
text-decoration: none;
}

.ppcform input[type="submit"]:active, .ppcform #gform_submit_button_4:active {
background: #c2152f;
background: -webkit-gradient(linear, left top, left bottom, from(#c2152f), to(#c2152f));
background: -moz-linear-gradient(top, #c2152f, #c2152f);
background: linear-gradient(to bottom, #c2152f, #c2152f);
}

.gofooterbar {
height: 150px;
background: #096c97;
clear: both;
margin-bottom: 20px;
margin-top: 40px;
position: relative;
z-index: 9;
}

.gofootercontent {
width: 100%;
max-width: 960px;
margin: auto;
}

.gofootercontent img {
float: left;
margin-top: -82px;
}

.gofootertext {
float: right;
margin-left: 30px;
margin-top: 20px;
text-align: right;
}

.gofootertext span {
color: #fff;
font-weight: bold;
font-size: 36px;
text-align: right;
}

/*-- Christmas Cash Back --*/

.christmasform {
width: 260px;
height: 320px;
overflow: auto;
padding: 10px;
background: #555;
color: #fff;
float: left;
box-sizing: border-box;
}

.christmasform #gform_submit_button_7 {
margin-top: 0px !important;
width: 213px;
height: 48px;
}

.christmasimage img {
width: 700px;
float: right;
}

/*--- Find Out More Type Button ---*/

.fombutton {
color: #fff;
font-weight: bold;
text-indent: 0px;
font: bold 20px/25px 'helvetica', 'arial', sans-serif !important;
display: inline-block;
padding: 10px 20px;
margin-top: 10px;
cursor: pointer;
border: 1px solid #6b7a25;
border-radius: 8px;
background: #aec63c;
background: -webkit-gradient(linear, left top, left bottom, from(#aec63c), to(#6b7a25));
background: -moz-linear-gradient(top, #aec63c, #6b7a25);
background: linear-gradient(to bottom, #aec63c, #6b7a25);
text-shadow: #434c17 1px 1px 1px;
text-decoration: none;
}

.fombutton:hover, .fombutton:focus {
border: 1px solid ##86982e;
background: #d1ee48;
background: -webkit-gradient(linear, left top, left bottom, from(#d1ee48), to(#80922c));
background: -moz-linear-gradient(top, #d1ee48, #80922c);
background: linear-gradient(to bottom, #d1ee48, #80922c);
}

.fombutton:active {
background: #6b7a25;
background: -webkit-gradient(linear, left top, left bottom, from(#6b7a25), to(#6b7a25));
background: -moz-linear-gradient(top, #6b7a25, #6b7a25);
background: linear-gradient(to bottom, #6b7a25, #6b7a25);
}

/*--- Cars for Women ---*/

.cfwcontent {
width: 48%;
margin: 20px 0px;
border: 1px solid #ccc;
background: #efefef;
line-height: 0;
}

.cfwcontent h2 {
line-height: 21px;
}

.cfwcontent p {
line-height: 18px;
}

.cfwcontent li, .cfwcontent ul {
line-height: 21px;
}

.cfwcontent:nth-of-type(odd) {
float: left;
}

.cfwcontent:nth-of-type(even) {
float: right;
}

.cfwcontent img {
width: 100%;
}

.cfwcontent div {
padding: 5px 15px 15px 15px;
}

/*--- Discontinued Vehicles ---*/

.discheader h2 {
padding: 10px;
margin: 0;
color: #fff;
background: #e41d38;
text-align: center;
margin-top: 20px;
}

.discnewcarwrap {
display: flex;
justify-content: space-between;
max-width: 960px;
width: 100%;
margin: 10px 0px;
}

.discnewcar {
width: 32%;
box-sizing: border-box;
border: 1px solid #ccc;
line-height: 0;
}

.discnewcar img {
width: 100%;
}

.discnewcar .button {
width: 100%;
color: #fff;
font-weight: bold;
background: #e41d38;
text-indent: 0px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
border: none;
cursor: pointer;
display: inline-block;
text-align: center;
vertical-align: middle;
text-decoration: none;
padding: 10px 0;
}

.discnewcar .button:hover {
background: #ff3667 !important;
}

.discnewcar .button:focus {
background: #fff;
outline: none;

-moz-box-shadow: 0px 0px 5px 3px #e41d38;
-webkit-box-shadow: 0px 0px 5px 3px #e41d38;
box-shadow: 0px 0px 5px 3px #e41d38;
}

.discusedcarwrap {
display: flex;
justify-content: space-between;
max-width: 960px;
width: 100%;
margin: 10px 0px;
}

.discusedcar {
width: 49%;
box-sizing: border-box;
border: 1px solid #ccc;
line-height: 0;
}

.discusedcar img {
width: 100%;
}

.discusedcar .button {
width: 100%;
color: #fff;
font-weight: bold;
background: #e41d38;
text-indent: 0px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
border: none;
cursor: pointer;
display: inline-block;
text-align: center;
vertical-align: middle;
text-decoration: none;
padding: 10px 0;
}

.discusedcar .button:hover {
background: #ff3667 !important;
}

.discusedcar .button:focus {
background: #fff;
outline: none;

-moz-box-shadow: 0px 0px 5px 3px #e41d38;
-webkit-box-shadow: 0px 0px 5px 3px #e41d38;
box-shadow: 0px 0px 5px 3px #e41d38;
}

/*--- Colour Selector ---*/

.colourselector {
clear: both;
}

.colourselector h2 {
text-align: center;
}

.showThese img {
width: 100%;
max-width: 628px;
}

.showThese h2 {
font-size: 42px;
margin-bottom: 40px;
}

/*-- Round Buttons --*/

.roundbutton {
width: 80px;
height: 80px;
border-radius: 40px;
border: 1px solid #999;
outline: none;
cursor: pointer;
margin: 5px;
}

/*-- KUV100 Buttons --*/

.grey {
background:#5A5A5A;
}

.orange {
background: #DF601D;
}

.red {
background: #930001;
}

.silver {
background: #A2A4A3;
}

.white {
background: #FCFCFC;
}

.black {
background: #060001;
}

.redblack {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6060d+0,b6060d+50,060001+51,060001+100 */
background: #b6060d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #b6060d 0%, #b6060d 50%, #060001 51%, #060001 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #b6060d 0%,#b6060d 50%,#060001 51%,#060001 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #b6060d 0%,#b6060d 50%,#060001 51%,#060001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6060d', endColorstr='#060001',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.greyblack {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#686768+0,686768+50,060001+51,060001+100 */
background: #686768; /* Old browsers */
background: -moz-linear-gradient(-45deg, #686768 0%, #686768 50%, #060001 51%, #060001 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #686768 0%,#686768 50%,#060001 51%,#060001 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #686768 0%,#686768 50%,#060001 51%,#060001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686768', endColorstr='#060001',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.silverblack {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a2a4a3+0,a2a4a3+50,060001+51 */
background: #a2a4a3; /* Old browsers */
background: -moz-linear-gradient(-45deg, #a2a4a3 0%, #a2a4a3 50%, #060001 51%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #a2a4a3 0%,#a2a4a3 50%,#060001 51%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #a2a4a3 0%,#a2a4a3 50%,#060001 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a4a3', endColorstr='#060001',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*-- New Feed --*/

.newfeed {
width: 100% !important;
}

.slickslider {
visibility: hidden; /*-- Hidden until site is fully loaded to solve content "jump" while loading --*/
}

.newfeed img {
width: 180px;
height: 120px;
<!--border: 1px solid #ccc;-->
box-sizing: border-box;
}

.newfeed h2 {
background: #e41d38;
color: #fff;
padding: 10px;
text-align: center;
line-height: 21px;
font-size: 14px;
width: 180px;
box-sizing: border-box;
}

.slick-slider {
margin-bottom: 20px !important;
}

.slick-slide {
width: 180px;
box-sizing: border-box;
margin-right: 15px;
}

.slick-prev, .slick-next {
top: 50% !important;
}

.slick-slide a {
text-decoration: none;
}

.slick-slide a:hover, .newfeed h2:hover {
background: #ff2d56;;
}

img.slick-arrow:nth-of-type(1) {
display: inline;
width: 39px;
height: 50px;
text-indent: -9999px;
position: absolute;
z-index: 30;
top: 50%;
margin-top: -25px;
cursor: pointer;
left: -30px;
border: 0;
}

img.slick-arrow:nth-of-type(2) {
display: inline;
width: 39px;
height: 50px;
text-indent: -9999px;
position: absolute;
z-index: 30;
top: 50%;
margin-top: -25px;
cursor: pointer;
right: -30px;
border: 0;
}

/*-- Feed Header --*/

h2.feedheader {
background: transparent;
color: #000;
width: auto;
text-align: center;
padding: 0;
font-size: 28px;
font-weight: normal;
margin: 30px 0px 15px 0px;
}

h2.feedheader:hover {
background: transparent;
}

h2.feedheader span {
font-weight: bold;
}

h2.feedheader a {
color: #e41d38;
font-weight: bold;
text-decoration: none;
}

/*-- Used Feed --*/

.usedfeed {
margin-bottom: -12px;
z-index: 0;
position: relative;
}

.pagefeed {
margin-bottom: 10px;
}

.usedfeed iframe {
width: 100%;
height: 230px;
border: 0;
}

/*-- Feed Alternative --*/

.altslider {
line-height: 0;
}

.homesliderbar {
width: 100%;
background: #000;
padding: 10px;
box-sizing: border-box;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 22px;
font-weight: bold;
}

.homebutton {
background: #e41d38;
font-size: 18px;
line-height: 50px;
font-weight: bold;
float: left;
width: 48%;
margin: 1%;
text-decoration: none;
color: #fff;
text-align: center;
}

.homebutton:hover {
background: #ff2d56;;
}

/*---- 10 Years ----*/

.tenyearsbody {
text-align: center;
}

.tenyearsintro {
max-width: 700px;
margin: auto;
}

.tenyearswrap {
display: flex;
justify-content: space-between;
margin: 20px 0;
}

.tenyearsunit {
width: 49%;
background: #efefef;
border: 1px solid #ccc;
}

.tenyearsheader {
background: #e41d38;
}

.tenyearsheader h2 {
color: #fff;
padding: 10px 0px;
line-height: 26px;
}

.tenyearsheader h2 span {
font-size: 26px;
line-height: 30px;
}

.tenyearsblock {
padding: 10px;
box-sizing: border-box;
}

.tenyearsblock h3, #bodycontent .tenyearsblock h3 {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
font-weight: bold;
}

.tenyearsblock .ctawrap {
display: flex;
justify-content: space-between;
}

.tenyearsblock .ctawrap a {
width: 49%;
}

.tenyearsblock a {
text-decoration: none;
}

.tenyearsblock a div {
background: #e41d38;
padding: 10px;
margin: 10px auto 0 auto;
max-width: 250px;
font-size: 18px;
font-weight: bold;
color: #fff;
}

.tenyearsblock a:hover div {
background: #ff3667;
}

/*--- Black Friday Deals ---*/

.bfdeals {
display: flex;
justify-content: space-between;
}

.bfpromo {
width: 32%;
max-width: 305px;
margin-bottom: 20px;
}

.bfpromo .bfframe img {
width: 100%;
}

.bfframe {
border: 1px solid #ccc;
overflow: hidden;
}

.bfpromo h2 {
background: #efefef;
text-align: center;
padding: 8px 0px;
width: 100%;
}

h2.bfprice {
text-align: center;
background: unset;
padding-top: 2px;
}

h2.bfbar {
background: #252525;
text-align: center;
color: #fff;
width: 100%;
}

.bfpromo h3 {
text-align: center;	
}

.bfpromo input[type="text"], .bfpromo input[type="email"], .bfpromo textarea, .bfpromo select {
width: 190px !important;
background: #efefef;
border: 1px solid #ccc;
}

.bfpromo select {
height: 23px;
width: 190px !important;
}

.bfpromo input[type="button" i], .bfpromo input[type="submit"] {
color: #fff;
font-weight: bold;
float: right;
text-indent: 0px;
width: 100%;
height: 50px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
border: none;
cursor: pointer;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
}

.bfpromo input[type="button" i]:hover, .bfpromo input[type="submit"]:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
}

.bfpromo .gform_wrapper {
overflow: auto !important;
padding: 10px;
}

.bfcontent {
background: #efefef;
padding: 10px;
text-align: center;
}

.bfcolumnswrap {
display: flex;
justify-content: center;
margin: 20px;
}

.bfcolumn {
outline: 1px solid #ccc;
width: 33.3%;
}

.bfcolumn h2 {
border-bottom: 1px solid #ccc;
margin-bottom: 8px;
}

/*-- Blog Feed --*/

.blogfeedwrap {
clear: both;
margin-bottom: 10px;
padding-bottom: 20px;
}

.blogfeedwrap .widget_better_rss_widget {
border: 1px solid #ccc;
}

.blogfeedwrap .widget_better_rss_widget h2 {
text-align: center;
background: #ebebeb;
padding: 10px;
}

.blogfeedwrap .widget_better_rss_widget ul {
display: flex;
justify-content: space-between;
}

.blogfeedwrap .widget_better_rss_widget ul li {
width: 32%;
margin: 0;
padding: 5px 15px;
}

.blogfeedwrap .widget_better_rss_widget ul li a {
font-weight: bold;
}



/*--- FAQ Expanding Content ---*/

.questionswrap {
clear: both;
width: 100%;
max-width: 960px;
margin-bottom: 20px;
}

.questionswrap h2 {
text-align: center;
padding-top: 0;
padding-bottom: 10px;
}

.question {
border: 1px solid #ccc;
margin-bottom: 8px;
}

.question .aj-collapse {
font-weight: normal;
color: #000;
text-align: unset;
text-decoration: none;
float: unset;
margin-top: 0px;
margin-left: 0px;
position: unset;

display: flex;
justify-content: space-between;
background: #ebebeb;
padding: 6px 12px;
}

.question .aj-collapse h3 {
font-size: 16px;
}

.question .aj-collapse span {
font-size: 16px;
}

.showanswer {
display: none;
}

.question .aj-collapse:hover .showanswer {
display: initial;
}

.question .aj-hidden {
padding: 5px 10px;
}

/*--- FAQ Static Content ---*/

.question .non-collapse {
font-weight: normal;
color: #000;
text-align: unset;
text-decoration: none;
float: unset;
margin-top: 0px;
margin-left: 0px;
position: unset;

display: flex;
justify-content: space-between;
background: #ebebeb;
padding: 6px 12px;

cursor: default;
}

.question .non-collapse h3 {
font-size: 16px;
}

.question .non-collapse:hover .showanswer, .non-collapse span {
display: none;
}

.question .non-hidden {
padding: 5px 10px;
}

/*--- RHRS - Red Spanner Promo ---*/

.redspannerpromobar {
bottom: 0px;
width: 100%;
position: fixed;
z-index: 9999;
background: #d60000;
color: #fff;
text-align: center;
}

.redspannerpromobar a {
text-decoration: none;
}

.redspannerpromobar h1, .redspannerpromobar h2, .redspannerpromobar h3, .redspannerpromobar p {
color: #fff;
padding: 0;
line-height: 45px;
}

.redspannerpromofooter {
margin-bottom: 45px; /*-- Height of promo bar --*/
}

.redspannerpromocontent {
max-width: 960px;
margin: auto;
position: relative;
height: 45px;
}

.redspannerpromologo {
position: absolute;
bottom: 0;
left: 0;
}

.dealerbrochures h2 {
text-align: center;
font-size: 22px;
padding: 30px 0 18px 0;
clear: both;
}

.fbdealerpage span {
font-size: 18px;
line-height: 24px;
font-weight: bold;
}

.fbdealerpage #brochurelinks {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
}

.fbdealerpage #brochurelinks .brochure {
margin-right: 0;
}

/*---- Zero Contact ----*/

.zerocontact {
text-align: center;
margin-top: 20px;
}

.zerocontact h2 {
font-size: 26px;
padding-bottom: 10px;
}

.zerocontact p {
font-size: 14px;
line-height: 22px;
max-width: 800px;
margin: auto;
}

.zerocontacticonswrap {
text-align: center;
display: flex;
justify-content: space-between;
padding: 20px 0;
}

.zerocontacticon {
text-align: center;
width: 19%;
}

.zerocontacticon img {
max-width: 100%;
width: 120px;
}

.zerocontacticon p {
font-size: 14px;
line-height: 20px;
font-weight: bold;
}

.zerocontacticon p span {
color: #e41d38;
}

.mzanziappwrap {
justify-content: space-evenly;
display: flex;
padding-bottom: 15px;
}

.mzanziappwrapdesktop {

}

.mzanziappwrapmobile {
display: none;
}

.mzanziapplink {

}

.mzanziapplink img {
width: 280px;
height: auto;
}

.popmake-content {
outline: none;
}

/*-- Newsletter Change to Sign Up --*/



/*-- Thirds Blocks --*/

.thirdswrap {
display: flex;
justify-content: space-between;
}

.thirdsblock {
width: 305px;
background: #efefef;
}

.thirdsblock .thirdscontent {
background: #efefef;
padding: 10px;
box-sizing: border-box;
}

.thirdsblock #servicewrap {
width: auto;
width: unset;
}

.thirdsblock #service {
width: auto !important;
width: unset !important;
box-sizing: border-box;
margin: 0;
}

.thirdsblock #service input[type="text"], .thirdsblock #service input[type="email"], .thirdsblock #service select {
width: 210px !important;
}

.thirdsblock #service select {
width: 210px !important;
}

.thirdsblock .formheader {
width: 100%;
}

.contentbox {
background: #efefef;
box-sizing: border-box;
padding: 10px;
margin: 20px 0;
}

.contentbox h2, .contentbox h3, .contentbox p {
text-align: center;
}

.innercontentbox {
display: flex;
justify-content: space-around;
}

.innercontentbox div {

}

.graycontentbox {
background: #777;
color: #fff;
}

.graycontentbox h2, .graycontentbox p {
color: #fff;
}


/*----------------*/

.servicepromo {
position: absolute;
bottom: 5px;
text-align: center;
left: 0;
right: 0;
}

.servicepromo div {
background: rgba(0, 0, 0, 0.7);
display: inline-block;
padding: 10px 20px 12px 20px;
max-width: 100%;
box-sizing: border-box;
}

.servicepromo h1, .servicepromo h2, .servicepromo h3 {
color: #fff;
}

.servicepromo h1 a, .servicepromo h2 a, .servicepromo h3 a {
color: #fff;
}

.servicepromo h1 {
padding: 0;
line-height: 24px;
}

.servicepromo h2 {
padding: 0;
line-height: 24px;
}

.servicepromo h3 {
font-size: 14px;
line-height: 21px;
}

.embeddedvideo {
width: 640px;
max-width: 100%;
float: left;
background: #000;
line-height: 0;
}

.youtubevideo {
width: 640px;
max-width: 100%;
float: left;
background: #ebebeb;
}

/*--- 2018 Landing Page Updates ---*/

.intergratedheader {
position: absolute;
}

#statichead.intergratedheader {
z-index: unset;
}

.intergratedheader #headbg {
background: transparent;
}

.intergratedheader #navbg {
height: 0px !important;
background: transparent;
}

.intergratedheader #header a {
z-index: 9999999;
position: relative;
}

.intergratedheader #logo {
position: relative;
}

.intergratedheader ul#secmenu {
z-index: 9999999;
position: relative;
}

.intergratedheader ul#secmenu a {
text-shadow:
-1px -1px 0 rgba(255, 255, 255, 0.6),  
1px -1px 0 rgba(255, 255, 255, 0.6),
-1px 1px 0 rgba(255, 255, 255, 0.6),
1px 1px 0 rgba(255, 255, 255, 0.6);
}

.ppcform {

}

.ppcform #modelpageformarea {
top: 120px;
background: rgba(0, 0, 0, 0.7);
height: 310px;
}

.ppccontent .mainbackground {
height: 540px;
position: relative;
}

.ppccontent .mainbgcontent {
height: 540px;
margin-top: -540px;
}

.ppccontent .mainbackground h1 {
position: absolute;
bottom: 10px;
left: auto;
right: auto;
color: #fff;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
font-size: 52px;
line-height: 60px;
padding-top: 10px;
}

.dealarea {
width: 100%;
max-width: 730px;
margin: auto;
float: none;
overflow: auto;
padding-bottom: 130px;
}

.dealarea div {
float: left;
margin: 45px 0;
}

.dealarea img {
float: right;
max-width: 60%;
}

.dealarea h2, .dealarea span {
float: left;
clear: both;
}

.dealarea h2 {
font-size: 36px;
line-height: 42px;
}

.dealarea .text {
font-size: 20px;
line-height: 22px;
}

.dealarea .retail {
font-size: 32px;
line-height: 34px;
font-weight: bold;
}

.dealarea .saving {
font-size: 32px;
line-height: 34px;
font-weight: bold;
color: #fff;
background: #c12f1c;
display: inline-block;
padding: 4px 8px;
margin: 8px 0px;
}

.dealarea .installment {
font-size: 24px;
line-height: 26px;
font-weight: bold;
}

.dealarea .terms {
font-size: 16px;
line-height: 18px;
}

/*--- PPC Page 2022 - Quad Deal Blocks ---*/

.quaddeal {
display: flex;
justify-content: space-between;
max-width: 1440px;
margin: auto;
padding-bottom: 130px;
}

.quaddeal .dealbox {
width: 23%;
text-align: center;
}

.quaddeal .dealbox img {
width: 100%;
height: auto;
}

.quaddeal .dealbox h2 {
font-size: 36px;
line-height: 42px;
}

.quaddeal .dealbox .text {
font-size: 20px;
line-height: 22px;
}

.quaddeal .dealbox .retail {
font-size: 32px;
line-height: 34px;
font-weight: bold;
}

.quaddeal .dealbox .installment {
font-size: 24px;
line-height: 26px;
font-weight: bold;
float: none;
}

.quaddeal .dealbox .saving {
font-size: 24px;
line-height: 30px;
font-weight: bold;
color: #fff;
background: #c12f1c;
display: inline-block;
padding: 12px 8px;
margin: 8px 0px;
width: 100%;
box-sizing: border-box;
}

.fivedeal .dealbox {
width: 18%; 
}

.fivedeal .dealbox h2 {
font-size: 32px;
line-height: 38px;
}

.sixdeal .dealbox {
width: 16%; 
}

.sixdeal .dealbox h2 {
font-size: 24px;
line-height: 30px;
}

/*-- Misc Page --*/

.modelsliderheader {
text-align: center;
background: #777;
color: #fff;
}

.hovermenu {
display: none;
}

.splitblocksection {
margin: 20px 0;
}

.splitblockwrap {
display: flex;
}

.splitblock {
width: 50%;
background: #ebebeb;
padding: 20px;
box-sizing: border-box;
}

.splitblockimage {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.branchindex {
width: 100%;
text-align: center;
margin: 0 0 20px 0;
}

.branchindex .branchbutton {
display: inline-block;
margin: 0px 5px 10px;
float: none;
}

/*---- Contact Page Updates --*/

.contactcolumnswrap {
display: flex;
justify-content: space-between;
} 

.contactcolumnswrap2 .contactcolumn {
width: 48%;
}

.contactcolumnswrap3 .contactcolumn {
width: 32%;
}

.contactcolumnswrap4 .contactcolumn {
width: 24%;
}

.contactcolumn {
background: #ebebeb;
line-height: 0;
margin-bottom: 20px;
}

.contactcolumn h2 {
background: #e41d38;
text-align: center;
color: #fff;
}

.contactcolumn h2, .contactcolumn p {
padding: 10px;
line-height: 21px;
text-align: center;
box-sizing: border-box;
}

.contactcolumn p a {
text-decoration: underline;
}


.contactcolumn p a:hover {
text-decoration: none;
}

.contactcolumnimage {
width: 100%;
height: auto;
}

.contactcolumn .branchbutton {
float: none;
margin: auto;
text-decoration: none;
margin-bottom: 15px;
width: 200px;
}

.contactcolumn a {
text-decoration: none;
}

.contactcolumnmap iframe {
aspect-ratio: 16 / 9;
height: 100%;
width: 100%;
max-height: 400px;
padding-bottom: 0;
}

.videobuttons {
text-align: center;
display: flex;
justify-content: space-between;
}

.videobuttons a {
text-decoration: none;
display: inline-block;
width: 49%
}

.videobuttons .branchbutton {
float: none;
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 1080px - 1220px ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px) {

.quaddeal .dealbox h2 {
font-size: 26px;
line-height: 32px;
}
	
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 960px - 1079px ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 1079px),
only screen and (max-device-width : 1079px) {
	
.prev, .next {
margin: -15px 5px 10px 5px;
height: 40px;
width: 48%;
}
	
#slider {
display: initial;
}
	
}

/*-------------------------------------------*/
/*-------------------------------------------*/
/*---- Responsive Design - 641px - 959px ----*/
/*-------------------------------------------*/
/*-------------------------------------------*/

@media only screen and (max-width : 959px),
only screen and (max-device-width : 959px) {	

.contactcolumnswrap {
flex-wrap: wrap;
padding: 0 10px;
}
	
.contactcolumnswrap3 .contactcolumn, .contactcolumnswrap2 .contactcolumn {
width: 100%;
}

.contactcolumnswrap4 .contactcolumn {
width: 49%;
}
	
.scrollmenu {
display: none;
}

.hovermenu {
position: fixed;
bottom: 50px;
width: 100%;
display: flex;
z-index: 9999;
}

.hovermenu a {
width: 33.3%;
box-sizing: border-box;
text-align: center;
background: #ebebeb;
padding: 15px;
border: 1px solid #ccc;
text-decoration: none;
font-weight: bold;
margin: auto;
}

.hovermenu a.primarylink {
color: #fff;
border: 1px solid #c61f24;
background: #ff3a43;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3a43), to(#c61f24));
background: -moz-linear-gradient(top, #ff3a43, #c61f24);
background: linear-gradient(to bottom, #ff3a43, #c61f24);
text-shadow: #751215 1px 1px 1px;
}

.hovermenu a:hover, .hovermenu a:focus {
color: #fff;
border: 1px solid #e9242a;
background: #ff4650;
background: -webkit-gradient(linear, left top, left bottom, from(#ff4650), to(#ee252b));
background: -moz-linear-gradient(top, #ff4650, #ee252b);
background: linear-gradient(to bottom, #ff4650, #ee252b);
}

.hovermenu a:active {
color: #fff;
background: #c61f24;
background: -webkit-gradient(linear, left top, left bottom, from(#c61f24), to(#c61f24));
background: -moz-linear-gradient(top, #c61f24, #c61f24);
background: linear-gradient(to bottom, #c61f24, #c61f24);
}
	
.installment {
font-size: 12px;
}
	
.cfwcontent {
width: 100%;
float: none;
}	

.quaddeal {
padding-bottom: 0px;
flex-wrap: wrap;
}

.quaddeal .dealbox {
width: 48%;
text-align: center;
padding-bottom: 20px;
}

.quaddeal .dealbox .saving {
width: 90%;
}
	
#footbg {
height: auto;
height: unset;
}
	
#foot-image {
display: none;
}
	
#footer {
padding: 10px;
}

.embeddedvideo {
width: 100%;
float: none;
}

.embeddedvideo video {
width: 100%;
height: auto;
}
	
.youtubevideo {
width: 100%;
}
	
#header {
padding: 0 10px;
box-sizing: border-box;
}

.servicepromo {
position: relative;
bottom: unset;
}
	
.servicepromo div {
display: block;
}
	
.innercontentbox {
flex-direction: column;
}
	
.innercontentbox div {
margin: 10px 0;
}
	
.thirdswrap {
flex-direction: column;
}

.thirdsblock {
width: 100%;
margin-bottom: 10px;
}

.thirdsblock #service input[type="text"], .thirdsblock #service input[type="email"], .thirdsblock #service select {
width: calc(100% - 100px) !important;
}
	
.desktop {
display: none;
}

.mobile {
display: block;	
}

.mzanziappwrapdesktop {
display: none;
}

.mzanziappwrapmobile {
display: flex;
}

.fbdealerpage {
display: flex;
flex-direction: column;
}

.order1 {
order: 1;
}

.order2 {
order: 2;
}

.order3 {
order: 3;
}

/*-- RHRS Promo --*/

.redspannerpromologo {
bottom: 48px;
}

/*-- PPC Page --*/

.ctajumpbar {
display: none;
}

.gocontentsplit img {
margin-top: 10px;
}

.gofootertext span {
display: none;
}

.gofooterbar .gotestdrive, .gofooterbar .gofootertext {
margin-top: 0px;
width: 100%;
}

.gofootercontent {
text-align: center;
}

.gofootercontent img {
float: none;
}

.gocontentsplit {
width: 100% !important;
}

.mainbackground {
height: auto;
display: block;
}

.mainbgcontent {
margin-top: 0;
height: auto;
background: #000;
}

#goformwrap #formbg {
display: none;
}

#goformwrap #modelpageformarea {
background: #000;
position: relative;
display: inline-block;
height: auto;
padding-bottom: 10px;
box-sizing: border-box;
width: 100%;
}

/*---------*/

.landwrap {
width: 100%; 
float: none;
margin-top: 10px;
overflow: auto;
}

.landback {
display: none;
}

#headbg, #navbg, #fixedhead, #header, #space, #callnow, #navwrap, .specialblock, .contenttext, .tradetext, #wrap, #content, #content-thirds, #profiles, .showroomtext, .expanded, .collapsed, .expanderbar, #footbg, #footer, #foot-text, #terms, table  {
width: 100%;
}

#brochurehead h1, h1, h2, h3, h4, p, .usedintro, #profiles, .tradetext {
width: 100%;
margin: auto !important;
}
	
h2.modelsliderheader {
width: 100%;
clear: both;
}

.responsiveclear {
clear: both;
}

#contentblocks h1, #contentblocks h2, #contentblocks h3, #contentblocks h4, #contentblocks p  {
width: 98%;
}

body, html {
width: 100%;
/*--overflow-x:hidden;--*/
}
body {
width: 100%;
/*--overflow-x: hidden;--*/
}
#container {
width: 100%;
}
#content {
width: 100%;
}
table  {
width: 100%;
margin: 3%;
font-size: 11px;
}
#headbg {
width: 100%;
}
#modelpageformarea {
width: 97%;
}
#slider img {
width: 100%;
height: auto;
}
#ctanav, .specialtestdrive {
display: none;
}
#navbg {
width: 100%;
}
#navwrap {
width: 100%;
}
#secnav {
display: none;
}
#callnow {
display: none;
}
#fixedhead {
position: static;
width: 100%;
}
#space {
display: none;
}
#wrap {
width: 100%;
margin: 0px;
}
.jCarouselLite {
width: 100% !important;
}
ul.jCarouselLite {
width: 100% !important;
}
.prev, .next {
margin: -15px 5px 10px 5px;
height: 40px;
width: 46%;
}
.nonav {
display: block;
}
#header {
width: 100%;
}
#footer {
width: 100%;
margin: 0px !important;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#foot-image {
float: left;
}
.bracnhestext, #group1branches, #foot-links {
display: none;
}
#footbg {
width: 100%;
}
.expshare {
position: absolute;
}
.collapsed {
float: none;
width: 100%;
}
.aj-collapse{
margin-left: 0;
position: static;
padding: 2px;
float: right;
}
.expanded {
float: none;
width: 100%;
}
.expanderbar {
width: 100%;
}
.collapsed img {
width: 100%;
height: auto;
}
.leftcolumnimg {
width: 100%;
height: auto;
}
.rightcolumn, .leftcolumn {
width: 97%;
}
.halfcolumn-right, .halfcolumn-left {
width: 97%;
margin: 1%;
float: none;
}
#videotext, #imgtext {
width: 97%;
height: auto;
}
img {
max-width: 100%;
height: auto;
}
iframe {
width: 100%;
height: 400px;
}
.showroommap iframe {
width: 100%;
height: 250px;
}
#listingblocks, #tradein, #modelblog, #specials {
display: none;
}
.models .left {
width: 49%;
float: left;
}
.models .right {
width: 49%;
float: right;
margin-top: 10px;
}

/*-- Menu --*/

ul#mainmenu ul {
width: 100%;
}

ul#mainmenu ul li {
float: none;
width: 100%;
border-bottom: 1px solid #FFFFFF;
}
ul#mainmenu a {
border: none;
}
ul#mainmenu {
height: auto;
}
ul#mainmenu a {
padding-left: 10px;
}
ul#mainmenu li.first a {
padding-left: 10px;
}
ul#mainmenu ul ul {
position: static;
}
ul#mainmenu ul ul ul {
position: static;
}

/*-- Home Page --*/

#homectabox, .orbit-slide p, #sidebar, #blog, #facebook, v.ideoheader, .videoimage, .videoimage-last {
display: none;
}

/*-- Model Info --*/

h1.modelheader {
font-size: 30px;
line-height: 38px;
}
.carmodel {
font-size: 60px;
line-height: 68px;
}
.ppccontent .carmodel {
font-size: 60px;
line-height: 68px;
}
.carmodelsmaller {
font-size: 44px;
line-height: 68px;
}
.modelsubtext {
font-size: 22px;
}
.bigsubtext {
font-size: 34px;
line-height: 46px;
}
.smallerbigsubtext {
font-size: 30px;
line-height: 46px;
}
.termstext {
font-size: 14px;
}

/*-- Model Test Drive Form --*/

#slider {
height: auto;
}
#formbg {
width: 100%;
height: 602px;
}
#formwrap, #formwrap2 {
margin: 0px;
height: 605px;
position: static;
}
#form h2 {
font: bold 32px/42px 'helvetica', 'arial', sans-serif !important;
}
input[type="text"], input[type="email"], select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px !important;
}
input[type="submit"] {
width: 100% !important;
height: 90px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
label {
line-height: 42px;
width: auto !important;
}

/*-- Test Drive Page Form --*/

#testpage {
height: 500px;
padding: 3% !important;
width: 96% !important;
}
#testpagewrap {
width: 100% !important;
margin: 0px;
}
#testpage h2 {
font: bold 32px/42px 'helvetica', 'arial', sans-serif !important;
}
#testpage input[type="text"], #testpage input[type="email"], #testpage select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px !important;
}
#testpage input[type="submit"] {
width: 100% !important;
height: 90px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#testpage li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#testpage label {
line-height: 42px;
width: auto !important;
}

/*-- Newsletter Form --*/

#newsletter {
width: 101% !important;
height: 305px !important;
}
#newsinput {
width: 94% !important;
padding: 3% !important;
height: 280px !important;
}
#newsletter h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px !important;
}
#newsinput input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#newsinput li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#newsinput label {
line-height: 42px;
width: auto !important;
}
mainnav {
ul {
display: none;
height: 100%;
}
label {
position: relative;
display: block;
width: 100%;
}
label:after {
position: absolute;
content: "\2261";
}
input:checked ~ ul {
display: block;   
> li {
width: 100%;
}
}
}

/*-- Form Header --*/

.formheader {
width: 94% !important;
padding: 3% !important;
height: auto !important;
}

.formheader h2,.formheader p {
width: 100%;
}

/*-- All Vehicles Page --*/

.alignmodel, .leftmodel, .rightmodel {
width: 100%;
margin: 0px 0px 10px 0px;
float: left;
}
.alignmodel img, .leftmodel img, .rightmodel img {
width: 30%;
}
.alignmodel p, .leftmodel p, .rightmodel p {
width: 68%;
}

/*-- Used Vehicles Page --*/

#used {
width: 100%;
}
#usedside {
display: none;
}
.textleft, .textright, .textleft2, .textright2, .branchtextleft, .branchtextright {
width: 98%;
margin: auto 0;
float: none;
}
#brochurehead {
float: none;
}

/*-- Service Form --*/

#servicewrap {
}
#service {
width: 99% !important;
}
#service h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#service input[type="text"], #service input[type="email"] {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px !important;
}
#service input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#service li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#service label {
line-height: 42px;
width: auto !important;
}
	
/*-- Plain Content --*/
	
.plaincontent {
width: 100%;
box-sizing: border-box;
padding: 0 10px;
}

/*-- Contact Us Page --*/

.showroominfo {
width: 100%;
padding: 0px;
margin-bottom: 0px;
height: auto;
box-sizing: border-box;
padding: 10px;
}
.showroommap {
width: 100%
}
.mapbutton, .branchbutton {
margin: 10px;
width: 45%;
}
.branchbutton {
margin-bottom: 15px;
}
.contacttext {
width: 100%;
padding: 10px;
box-sizing: border-box;
}
#contactwrap {
width: 100%;
}
#contact {
width: 94% !important;
padding: 3% !important;
height: auto !important;
}
#contact img {
display: none;
}

/*-- Contact Form --*/

#contact h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea, #contact select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px !important;
}
#contact textarea {
height: 92px !important;
}
#contact input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#contact li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#contact label {
line-height: 42px;
width: auto !important;
}

/*-- Trade In Form --*/

#tradeformwrap {
width: 100%;
}

#tradeform {
height: auto;
padding: 3% !important;
width: 94% !important;
}

#tradeform h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#tradeform input[type="text"], #tradeform input[type="email"], #tradeform select {
font: normal 18px/42px 'helvetica', 'arial', sans-serif !important;
width: 66% !important;
height: 42px !important;
}
#tradeform textarea {
height: 92px !important;
}
#tradeform input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#tradeform li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#tradeform label {
line-height: 42px;
width: auto !important;
}

/*-- Specials Page --*/

.specialblock img {
position: relative;
margin-bottom: -6px;
}
.specialbg {
}
.specialarea {
width: 100%;
height: auto;
height: unset;	
position: relative;
box-sizing: border-box;
}
.specialctabox {
width: 100%;
margin: 0;
position: relative;
box-sizing: border-box;
top: 0;
display: flex;
justify-content: space-between;
}
.specialctabox .specialcta {
width: 48%;	
}
.specialcta a {
width: 100%;
margin: 20px 0 0 0;
}
.specialblock {
margin: 0;
height: auto;
height: unset;
}
.specialwrap {
position: relative;
margin: 0;
}
.sharespecial {
margin: 0 0 6px 2px;
position: static;
}
.specialbg {
width: 100%;
}
h1.specialheader, h2.specialheader {
width: 100%;
}
p.specialsubtext {
padding: 0;
}

/*-- About Us Page --*/

#services, #servicesused {
height: auto;
}
.profiletext {
width: 80%;
margin: 5px 0;
}
#profiles img {
width: 19%;
margin: 5px 0;
clear: both;
}
#profiles {
height: auto;
margin: 10px auto;
}

/*-- Branch Pages --*/

#showroomsidebar {
width: 100% !important;
}

/*-- Brochure Download Page --*/

.brochure {
width: 21%;
}
.brochure img {
width: 100%;
height: auto;
}
	
/*-- Landing Page --*/

.pricingarrow, .pricingbar {
display: none;
}

/*-- Fuel --*/

.fueldata, .fueldata img {
width: 100%;
}

.rightfuel {
width: 100%;
padding: 10px;
box-sizing: border-box;
}

.fueltable {
width: 98%;
margin: auto;
}

/*-- Updated All Vehicles Page --*/

#newcarpage {
width: 98%;
margin: 0 1%;
}

.newcarmodel {
margin-right: 5%;
width: 30%;
text-align: center;
}

.newcarmodel:nth-of-type(4n+0) {
margin-right: 5%;
}

.newcarmodel:nth-of-type(3n+0) {
margin-right: -20px;
}

.modelbar {
width: 100%;
text-align: left;
}

.leftbar {
width: 80%;
}
	
/*---------------------------------------------------*/
	
.ppccontent .mainbgcontent {
margin-top: 0;
height: auto;
}

.ppccontent .mainbackground {
height: auto;
}
	
.ppccontent .mainbackground h1 {
display: none;
}
	
.ppccontent .dealarea {
padding-bottom: 0;
}
	
.ppccontent #goformwrap #modelpageformarea {
position: static;
position: unset;
}
	
.dealarea {
padding-bottom: 30px;
}

.dealarea img, .dealarea div, .dealarea h2, .dealarea span, .dealarearoller .ppcimageandroller {
width: auto;
max-width: 100%;
float: unset;
}

.dealarea div {
text-align: center;
}
	
}

.videobuttons {
margin: 0 10px;
box-sizing: border-box;
}

.videobuttons .branchbutton {
margin: 0;
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 641px - 800px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 800px),
only screen and (max-device-width : 800px) {

.twocolumnlist, .threecolumnlist {
column-count: 1;	
}
	
#reviewingblocks {
flex-direction: column;
}
	
.reviewblocks {
width: 100%
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 461px - 640px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 640px),
only screen and (max-device-width : 640px) {

.hovermenu a {
width: 80%;
}
	
.bfdeals {
display: unset;
}
	
.bfpromo {
width: 96%;
max-width: unset;
margin-left: auto;
margin-right: auto;
}
	
.tenyearswrap {
display: unset;
}

.tenyearsunit {
width: 100%;
margin-bottom: 10px;
}
	
/*-- Split Page --*/

.homebutton {
width: 98%;
}

#brochurehead h1, h1, h2, h3, h4, p, .usedintro, #profiles, .tradetext {
width: 100%;
margin: auto;
}
h2.modelsliderheader {
width: 100%;
clear: both;
}
.listleft, .listright {
float: none;
}
#modelpageformarea {
width: 95%;
}
.rightcolumn, .leftcolumn {
width: 95%;
}
.halfcolumn-right, .halfcolumn-left {
width: 95%;
margin: 2%;
float: none;
}
#videotext, #imgtext {
width: 100%;
height: auto;
box-sizing: border-box;
padding: 10px;
}
input[type="text"], input[type="email"], select {
width: 58% !important;
}
#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
width: 58% !important;
}
#service input[type="text"], #service input[type="email"], #service select {
width: 58% !important;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea, #contact select {
width: 58% !important;
}
#tradeform input[type="text"], #tradeform input[type="email"], #tradeform select {
width: 54% !important;
}
#testpage input[type="text"], #testpage input[type="email"], #testpage select {
width: 58% !important;
}
#testpage {
height: 508px;
}
.textleft, .textright {
width: 96%;
}
#contact-thirds {
width: 100%;
}
.thirds {
float: none;
width: 96%;
}

/*-- Updated All Vehicles Page --*/

.newcarmodel {
margin-right: 10%;
width: 45%;
}

.newcarmodel:nth-of-type(3n+0) {
margin-right: 10%;
}

.newcarmodel:nth-of-type(2n+0) {
margin-right: -20px;
}

/*-- All Vehicles Page --*/

.leftmodel p, .rightmodel p {
width: 67%;
}

/*-- Brochure Download Page --*/

.brochure {
width: 26%;
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 460px - 520px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px) {

.videobuttons {
flex-direction: column;
}

.videobuttons a {
width: 100%;
}
	
.videobuttons .branchbutton {
margin: 10px 0;
}
	
.contactcolumnswrap4 .contactcolumn {
width: 100%;
}
	
.quaddeal .dealbox {
width: 100%;
}
	
.mzanziappwrap {
flex-direction: column;
justify-content: center;
text-align: center;
}

.zerocontacticon {
width: 49%;
}

/*-- RHRS Promo --*/

.redspannerpromologo {
display: none;
}

.redspannerpromocontent {
height: auto;
height: unset;
}

.redspannerpromobar h1, .redspannerpromobar h2, .redspannerpromobar h3, .redspannerpromobar p {
line-height: 32px;
padding: 10px 0;
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 395px - 460px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 460px),
only screen and (max-device-width : 460px) {

.specialctabox {
flex-direction: column;
}
	
.specialctabox .specialcta {
width: 100%;
}
	
#logo {
width: 150px;
}

#headbg {
height: 60px;
}

.zerocontacticonswrap {
flex-wrap: wrap;
justify-content: space-evenly;
}

.zerocontacticon {
width: 32%;
padding-bottom: 15px;
}

.mapbutton, .branchbutton {
float: none !important;
margin: 10px auto;
width: 90%;
}
	
.branchbutton {
margin-bottom: 15px;
}

/*-- Brochure Download Page --*/

.brochure {
width: 40%;
}

/*-- Updated All Vehicles Page --*/

.newcarmodel {
margin-right: 0;
width: 100%;
}

/*-- PPC Page --*/

.mainh1 {
font-size: 30px !important;
line-height: 36px !important;
}

.mainbgcontent h2.mainh2 span {
font-size: 24px;
}

.mainbgcontent h2.mainh2 {
font-size: 40px;
line-height: 46px !important;
}

}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---- Responsive Design - Device Width 395 Pixels and Less  ----*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 395px),
only screen and (max-device-width : 395px) {

#logo {
width: 130px;
}


#brochurehead h1, h1, h2, h3, h4, p, .usedintro, #profiles, .tradetext {
width: 100%;
margin: auto;
}
h2.modelsliderheader {
width: 100%;
clear: both;
}
h1.specialheader, p.specialsubtext {
width: 100%;
}
#modelpageformarea input[type="text"], #modelpageformarea input[type="email"], #modelpageformarea input[type="email"], #modelpageformarea select {
width: 54% !important;
}
input[type="text"], input[type="email"], select {
width: 54% !important;
}
#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
width: 54% !important;
}
#service input[type="text"], #service input[type="email"], #service select {
width: 54% !important;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea, #contact select {
width: 54% !important;
}
#tradeform input[type="text"], #tradeform input[type="email"], #tradeform select {
width: 50% !important;
}
#testpage input[type="text"], #testpage input[type="email"], #testpage select {
width: 54% !important;
}
.aj-collapse{
margin-left: 0;
position: static;
width: 100%;
margin-top: 30px;
margin-bottom: 15px;
padding: 2px;
background: #e41d38;
}
.textleft, .textright {
width: 94%;
}
.thirds {
width: 94%;
}

/*-- Updated All Vehicles Page --*/

input[type="submit"]#gform_submit_button_29 {
font-size: 24px !important;
}

/*-- All Vehicles Page --*/

.alignmodel p, .leftmodel p, .rightmodel p {
width: 66%;
}

/*-- Brochure Download Page --*/

.brochure {
width: 39%;
}

}