/******************************************************************
Site Name: Lex Autolease L4B
Author: Milestone Design / Paul Roff

Stylesheet: IE (8) Stylesheet

******************************************************************/
/* import mixins */
/******************************************************************
Site Name: Lex Autolease L4B
Author: Milestone / Paul Roff

Stylesheet: Mixins & Constants Stylesheet

******************************************************************/
/*********************
COLORS
*********************/
/*********************
TYPOGRAPHY
*********************/
@font-face {
  font-family: 'fs_joeyregular';
  src: url("../fonts/LexJoey/lex_joey_web-regular.eot");
  src: url("../fonts/LexJoey/lex_joey_web-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LexJoey/lex_joey_web-regular.woff") format("woff"), url("../fonts/LexJoey/lex_joey_web-regular.ttf") format("truetype"), url("../fonts/LexJoey/lex_joey_web-regular.svg#fs_joeyregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fs_joeybold';
  src: url("../fonts/LexJoey/lex_joey_web-bold.eot");
  src: url("../fonts/LexJoey/lex_joey_web-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/LexJoey/lex_joey_web-bold.woff") format("woff"), url("../fonts/LexJoey/lex_joey_web-bold.ttf") format("truetype"), url("../fonts/LexJoey/lex_joey_web-bold.svg#fs_joeybold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Icon Font*/
/******
 * Milestone-edit
 * Please note: There are new font files.
 * Also, due to the font files, the below references have changed.
 * 
 */
@font-face {
  font-family: 'Lex';
  src: url("../fonts/LexIcon/Lex.eot?v1.9");
  src: url("../fonts/LexIcon/Lex.eot?#iefixv1.9") format("embedded-opentype"), url("../fonts/LexIcon/Lex.woff?v1.9") format("woff"), url("../fonts/LexIcon/Lex.ttf?v1.9") format("truetype"), url("../fonts/LexIcon/Lex.svg?v1.9#Lex") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'Lex';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Linkedin:before {
  content: "\e64d";
}

.icon-DownArrow:before {
  content: "\e609";
}

.icon-UpArrow:before {
  content: "\e621";
}

.icon-GPlus:before {
  content: "\e649";
}

.icon-Twitter:before {
  content: "\e618";
}

.icon-Youtube:before {
  content: "\e64b";
}

.icon-vans:before {
  content: "\e608";
}

.icon-VanCar:before {
  content: "\e60a";
}

.icon-3Vans:before {
  content: "\e60d";
}

.icon-LeftArrowDouble:before {
  content: "\e645";
}

.icon-RightArrowDouble:before {
  content: "\e646";
}

.icon-RightArrow:before {
  content: "\e647";
}

.icon-LeftArrow:before {
  content: "\e648";
}

.icon-Twitter_old:before {
  content: "\e650";
}

.icon-Star:before {
  content: "\e630";
}

.icon-Facebook:before {
  content: "\e644";
}

.icon-Balloon:before {
  content: "\e60e";
}

.icon-OilCan:before {
  content: "\e600";
}

.icon-Wrench:before {
  content: "\e601";
}

.icon-Wheel:before {
  content: "\e602";
}

.icon-HazardTriangle:before {
  content: "\e605";
}

.icon-Key:before {
  content: "\e603";
}

.icon-KeyNeg:before {
  content: "\e604";
}

.icon-Green:before {
  content: "\e606";
}

.icon-Car:before {
  content: "\e607";
}

.icon-Chevron:before {
  content: "\e60b";
}

.icon-Tick:before {
  content: "\e60c";
}

.icon-Menu:before {
  content: "\e60f";
}

.icon-Van:before {
  content: "\e610";
}

.icon-Social:before {
  content: "\e611";
}

.icon-SocialNeg:before {
  content: "\e612";
}

.icon-Secure:before {
  content: "\e613";
}

.icon-SecureNeg:before {
  content: "\e614";
}

.icon-Search:before {
  content: "\e615";
}

.icon-SearchNeg:before {
  content: "\e625";
}

.icon-Book:before {
  content: "\e616";
}

.icon-BookNeg:before {
  content: "\e617";
}

.icon-Percent:before {
  content: "\25";
}

.icon-PercentNeg:before {
  content: "\e619";
}

.icon-Quote:before {
  content: "\e61a";
}

.icon-QuoteNeg:before {
  content: "\e61b";
}

.icon-Phone:before {
  content: "\e61c";
}

.icon-PhoneNeg:before {
  content: "\e61d";
}

.icon-Account:before {
  content: "\e61e";
}

.icon-AccountNeg:before {
  content: "\e61f";
}

.icon-Mobile:before {
  content: "\e620";
}

.icon-MobileNeg:before {
  content: "\e622";
}

.icon-Lock:before {
  content: "\e623";
}

.icon-LockNeg:before {
  content: "\e624";
}

.icon-Loans:before {
  content: "\e634";
}

.icon-LoansNeg:before {
  content: "\e635";
}

.icon-Chart:before {
  content: "\e626";
}

.icon-ChartNeg:before {
  content: "\e627";
}

.icon-Mouse:before {
  content: "\e628";
}

.icon-MouseNeg:before {
  content: "\e629";
}

.icon-Info:before {
  content: "\e62a";
}

.icon-InfoNeg:before {
  content: "\e62b";
}

.icon-Bulb:before {
  content: "\e62c";
}

.icon-BulbNeg:before {
  content: "\e62d";
}

.icon-Home:before {
  content: "\e62e";
}

.icon-HomeNeg:before {
  content: "\e62f";
}

.icon-Help:before {
  content: "\3f";
}

.icon-HelpNeg:before {
  content: "\e631";
}

.icon-Mail:before {
  content: "\e632";
}

.icon-MailNeg:before {
  content: "\e633";
}

.icon-Download:before {
  content: "\e64a";
}

.icon-DownloadNeg:before {
  content: "\e64c";
}

.icon-Cash:before {
  content: "\e636";
}

.icon-CashNeg:before {
  content: "\e637";
}

.icon-Calendar:before {
  content: "\e638";
}

.icon-CalendarNeg:before {
  content: "\e639";
}

.icon-Location:before {
  content: "\e63a";
}

.icon-LocationNeg:before {
  content: "\e63b";
}

.icon-Box:before {
  content: "\e63c";
}

.icon-BoxNeg:before {
  content: "\e63d";
}

.icon-Chat:before {
  content: "\e63e";
}

.icon-ChatNeg:before {
  content: "\e63f";
}

.icon-Write:before {
  content: "\e640";
}

.icon-WriteNeg:before {
  content: "\e641";
}

.icon-Folder:before {
  content: "\e642";
}

.icon-FolderNeg:before {
  content: "\e643";
}

/******************************************************************
Site Name: Lex Autolease L4B
Author: Milestone / Paul Roff

Stylesheet: Base Mobile Stylesheet
******************************************************************/
/*********************
GENERAL STYLES
*********************/
html {
  height: 100%;
}

body {
  font-size: 1.8em;
  text-align: left;
  background: #000000;
  font-family: "fs_joeyregular", Helvetica, Arial, sans-serif;
  height: 100%;
  line-height: 1.2em;
  -ms-overflow-style: scrollbar;
}

article.page-article {
  padding-top: 90px;
  /* Milestone-edit-line - large to accommodate fixed phone number */
}

img {
  max-width: 100%;
}

section {
  overflow: visible;
  position: relative;
  /* Lex-edit-line - changed from 4em 0 4em */
  padding: 2em 0 2em;
  display: block;
}

ul {
  text-align: left;
  margin: 0.7em 0em;
  padding-left: 1.2em;
}
ul li {
  margin-bottom: 0.5em;
}

sup {
  top: -0.2em;
}

/*********************
LINK STYLES
*********************/
a {
  color: #435C27;
  border-bottom: 1px dotted;

  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover, a:focus {
  color: #435C27; 
  text-decoration: none;
  border-bottom: none;
}
a:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  text-transform: capitalize;
  font-weight: normal;
  color: #000000; /* DDA - white */
  /* removing text decoration from all headline links */
}

.onblack h1, .onblack h2, .onblack h3, .onblack h4, .onblack h5 {
  color: white; /* DDA - added */
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

h1, .h1 {
  font-size: 2em;
  line-height: 0.85em;
}
h1 .line1, .h1 .line1 {
  color: #435C27;				
  display: block;
}
h1 .line2, .h1 .line2 {
  font-family: "fs_joeyregular", Helvetica, Arial, sans-serif;
}

h2, .h2 {
  font-size: 1.75em;
  line-height: 1.1em;
  margin-bottom: 0.5em;
  margin-top: 0.3em;
}
h2.small-h2, .h2.small-h2 {
  font-size: 1.2em;
  margin-top: 0;
}

h3, .h3 {
  font-size: 1.5em;
  margin-bottom: 0.3em;
  margin-top: 0.4em;
}

h4, .h4 {
  font-size: 1.2em;
  margin-bottom: 0.3em;
  margin-top: 0.4em;
}

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: capitalize;
  letter-spacing: 2px;
}

/*********************
HEADER STYLES
*********************/
header {
  color: white;
  float: left;
  width: 100%;
  position: fixed;
  z-index: 10;
  height: 62px;
  background-color: #000000;
  border-bottom: 1px solid #555;
  padding-top: 3px;
  /* milestone-edit - Keep number on mobile */
  /* milestone-edit-ends */
}
header .home-link {
  width: 93px;
  height: 55px;
  background: url(/images/logo-small72dpi.png) center top no-repeat;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
header .menu-toggle {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
}
header img {
  display: none;
}
header .contact-numbers {
  position: relative;
  left: -9999px;
  height: 0;
  line-height: 1.6em;
}
header .contact-numbers .new-phone {
  position: fixed;
  left: 0px;
  text-align: center !important;
  top: 60px;
  background-color: #77b800;
  width: 100%;
  border-bottom: 1px solid #435C27;
}
header .contact-numbers .headlabel {
  display: none;
}

/*************
 * Social icons
 *********/
.social-float ul {
  display: none;
  position: fixed;
  right: 0px;
  top: 3.6em;
  z-index: 200;
  padding: 0;
}
.social-float ul li {
  display: block;
  float: right;
  clear: both;
  width: 2em;
  height: 2em;
  background-color: #00a6c8;
  text-align: center;
  margin-bottom: 3px;
}
.social-float ul li a {
  font-size: 1em;
  display: inline;
  text-transform: capitalize;
  text-decoration: none;
  color: #000000; /* DDA - white */
}
.social-float ul li a i {
  font-size: 1.9em;
  display: block;
}
.social-float ul li a:hover {
  color: white; /* DDA - #000000 */
}
.social-float ul li.li_quote {
  height: 2.7em;
  padding-top: 0.4em;
  width: 4em;
  line-height: 0.9em;
  font-size: 0.95em;
}
.social-float ul li.li_quote a i {
  line-height: 0.6em;
  font-size: 3em;
}
.social-float ul li.li_quote a span {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  font-size: 1.16em;
  line-height: 0.9em;
}

/**************
 * Backgrounds 
 **************/
.bg1, .bg-vehicle {
  background-image: url(/images/fades/fade-left.png);
  background-image: url(/images/fades/fade-left.png), url(/images/fades/fade-right.png);
  background-position: left top, right top;
  background-repeat: no-repeat;
}

.bg2 {
  background-image: url(/images/fades/fade-left2.png);
  background-image: url(/images/fades/fade-left2.png), url(/images/fades/fade-right2.png);
  background-position: left top, left top;
  background-repeat: no-repeat;
}

.bg3 {
  background-image: url(/images/fades/fade-left3.png);
  background-image: url(/images/fades/fade-left3.png), url(/images/fades/fade-right3.png);
  background-position: right top, right top;
  background-repeat: no-repeat;
}

.bg-group {
  background: url(/images/fades/fades-group.png) top right no-repeat;
}

.bg-group2 {
  background: url(/images/fades/fades-group2.png) top right no-repeat;
}

.bg-group3 {
  background: url(/images/fades/fades-group3.png) top left no-repeat;
}

/*********************
NAVIGATION STYLES
*********************/
.menu-on {
  height: 100% !important;
  background-color: #000000;
}
.menu-on #site-navigation {
  overflow-y: scroll;
}

.menu-toggle {
  padding: 0;
  display: inline-block;
  left: 0;
  top: 0;
  font-size: 60px;
  position: absolute;
}

nav {
  max-height: 100%;
}

.nav {
  background-color: #000000;
  font-family: "fs_joeyregular", Helvetica, Arial, sans-serif;
  text-align: left;
  display: none;
  list-style: none;
  margin-top: 0.7em;
  padding: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
.nav li {
  position: relative;
  border-top: 1px solid #555;
  background-color: #000000;
  /* showing sub-menus */
}
.nav li.menu-home {
  display: none;
}
.nav li.has-sub a:before {
  margin: 0.3em 9px 0;
  /* point right */
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #77b800;
  border-right: 5px solid transparent;
  /* down */
  border-width: 9px 9px medium;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #77b800;
  margin-bottom: 0.2em;
}
.nav li a {
  display: block;
  text-decoration: none;
  padding: 5px 10px;
  line-height: 1.2em;
  margin: 5px 0px;
  text-transform: capitalize;
  background-color: #000000;
  color: #fff;
}
.nav li a:before {
  margin: 0.3em 14px 0;
  border-width: 9px;
  float: left;
  width: 0;
  height: 0;
  display: inline-block;
  content: '';
}
.nav li a:hover, .nav li a:focus {
  color: #77b800;
}
.nav li ul.sub-menu,
.nav li ul.children {
  display: none;
  background-color: #000000;
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
  /* highlight sub-menu current page */
}
.nav li ul.sub-menu li,
.nav li ul.children li {
  padding-top: 0px;
  border-top: none;
  /*
  if you need to go deeper, go nuts
  just remember deeper menus suck
  for usability.
  */
}
.nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus,
.nav li ul.children li a:hover,
.nav li ul.children li a:focus {
  padding-bottom: 5px;
  text-decoration: underline;
}
.nav li ul.sub-menu li a:before,
.nav li ul.children li a:before {
  border: none;
}
.nav li.current-menu-item a:before,
.nav li.current_page_item a:before,
.nav li.current-page-ancestor a:before,
.nav li.menu-item-object-page a:before {
  content: '';
}

/* end .nav */
/*********************
CONTENT STYLES
*********************/
#content {
  text-align: center;
}

.smallprint {
  font-size: 0.8em;
  line-height: 1.2em;
}

.sub-head {
  color: #77b800;
  margin-bottom: 1em;
}

/*********
 * Links 
 *******/
/* Down arrow / next panel link */
.nextlink {
  height: 30px;
  width: 55px;
  background: url(/images/arrows.png) 0 -60px no-repeat transparent;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
  bottom: 60px;
  left: 50%;
  margin-left: -26px;
}
.nextlink:hover, .nextlink:active {
  background-position: 0 0;
}

/* Call to action highlight */
.lex-cta, .cta-xs a {
  color: #000000 !important; /* DDA - white */
  background-color: #00a6c8;
  padding: 0.4em 0.6em;
  text-transform: capitalize;
  margin: 0.4em 0.2em;
  display: inline-block;
  text-decoration: none !important;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
}
.lex-cta:hover, .cta-xs a:hover, .lex-cta:focus, .cta-xs a:focus {
  color: white !important; /* DDA = #000000 */
  text-decoration: underline !important;
}

.lex-cta-fill .lex-cta, .lex-cta-fill .cta-xs a, .cta-xs .lex-cta-fill a {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

.cta-xs a {
  width: 100%;
  text-align: center;
  margin-left: 0;
}

.lex-cta-2 {
  border: 1px solid #77b800;
  display: block;
  overflow: auto;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  text-transform: capitalize;
  margin-bottom: 1em;
}
.lex-cta-2 .cta-line-1 {
  color: #77b800;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  display: block;
  max-width: 70%;
}
.lex-cta-2 .cta-line-2 {
  color: #fff;
  display: block;
  max-width: 70%;
}
.lex-cta-2:after {
  content: "\e647";
  font-family: 'Lex';
  font-size: 62px;
  line-height: 1.2em;
  text-decoration: none;
  position: absolute;
  right: 15px;
  top: 0;
}
.lex-cta-2:hover {
  color: white;
  background-color: #77b800;
  text-decoration: none;
}
.lex-cta-2:hover .cta-line-1 {
  color: white;
}

.simple-cta {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
  line-height: 1.2em;
  display: inline-block;
  position: relative;
  margin-top: 1em;
  text-decoration: none;
}
.simple-cta:after {
  content: "\e647";
  font-family: 'Lex';
  font-size: 22px;
  position: absolute;
}
.simple-cta:hover {
  text-decoration: underline;
}

.lex-jump {
  font-size: 2em;
  padding: 0.6em 0.5em;
}

/* coloured background colour changers */
.onblack {
  color: white;
}
.onblack .lex-icon {
  color: #77b800;
}
.onblack h2, .onblack .h2 {
  color: white;
}
.onblack h3, .onblack .h3 {
  color: #77b800;
}

.section-title {
  text-align: center;
}
.section-title p {
  color: #77b800;
}

.onblue {
  color: white;
  background-color: #00a6c8;
}

.ongreen {
  color: #000000; /* DDA - white */
  background-color: #77b800;
}
.ongreen .nextlink {
  background-position: 0 0;
}
.ongreen .nextlink:hover, .ongreen .nextlink:active {
  background-position: 0 -30px;
}
.ongreen a {
  color: #000000; /* DDA - white */
}
.ongreen a:hover, .ongreen a:focus {
  color: white; /* DDA - #000000 */
}
.ongreen .news-date {
  color: #000000; /* DDA - white */
}

.onwhite {
  background-color: white;
  color: #000000;
}
.onwhite h1, .onwhite h2, .onwhite h3, .onwhite h4, .onwhite h5, .onwhite h6 {
  color: #000000;
}
.onwhite .bigcap {
  color: white;
}
.onwhite .nextlink {
  background-position: 0 -60px;
}
.onwhite .nextlink:hover, .onwhite .nextlink:active {
  background-position: 0 -30px;
}
.onwhite .lex-icon {
  color: #435C27; /* DDA - #77b800 */
}
.onwhite a {
  color: #435C27; /* DDA - #77b800 */
}
.onwhite a:hover, .onwhite a:active, .onwhite a:focus {
  color: #000000;
}
.onwhite select.form-control, .onwhite .offer-quote-search button.multiselect, .offer-quote-search .onwhite button.multiselect {
  border: 1px solid #435C27; /* DDA - #77b800 */
  box-shadow: none;
  color: #435C27; /* DDA - #77b800 */
  background-position: right -326px;
}
.onwhite select.form-control:focus, .onwhite .offer-quote-search button.multiselect:focus, .offer-quote-search .onwhite button.multiselect:focus {
  background-position: right -272px;
}
.onwhite label {
  color: #435C27; /* DDA - #77b800 */
}

/************
 * Home Page 
 **********/
.slick-dots li {
  margin: 0 8px;
  height: 30px;
}
.slick-dots li button:before {
  content: '\25A1';
  font-size: 35px;
  color: #555;
}
.slick-dots li.slick-active button:before {
  content: '\25A0';
  color: #435C27; /* DDA - #77b800 */
}

.slide {
  display: block;
  margin-bottom: 1em;
  /* milestone edit - new section to add border and space for flashes */
  /* milestone-edit-ends */
}
.slide .slide-wrapper {
  border: 1px solid #c7c8ca;
  padding-top: 1em;
  padding-bottom: 1em;
  overflow: auto;
  height: 597px;
}
.slide a {
  text-decoration: none;
}
.slide a .slide-stopped {
  display: block;
}
.slide a .slide-car-img img {
  width: 300px;
  /* milestone-edit-line - copied value from live l4b site */
  max-width: 100%;
}
.slide a .slide-smallprint {
  color: #000000;
  margin-top: 0.5em;
}
.slide a .slide-title {
  color: #435C27; /* DDA = #77b800 */
  font-size: 2.1em;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
  line-height: 1.2em;
  padding-top: 0.5em;
}
.slide a .slide-description {
  color: #000000;
  margin-bottom: 1em;
  min-height: 3em;
}
.slide a .slide-price-wrap, .slide a .slide-quote-wrap {
  color: black; /* DDA - white */
  background-color: #00a6c8;
  overflow: auto;
}
.slide a .slide-price-wrap:after, .slide a .slide-quote-wrap:after {
  content: "\e647";
  font-family: 'Lex';
  font-size: 77px;
  line-height: 1.3em;
  text-decoration: none;
  position: absolute;
  right: 15px;
  top: 0;
}
.slide a .slide-price, .slide a .slide-quote {
  font-size: 2.1em;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  line-height: 1.2em;
  padding: 5px 0 0 0;
}
.slide a .slide-quote {
  text-transform: capitalize;
  max-width: 200px;
  line-height: 1.1em;
  margin-bottom: 0.3em;
}
.slide a .slide-price-label {
  padding: 0 0 15px 0;
  font-size: 0.9em;
  line-height: 1.1em;
}
.slide a .slide-price-label .hire-type {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
}
.slide a:hover img {
  opacity: 0.8;
}
.slide a:hover .slide-price-wrap, .slide a:hover .slide-quote-wrap {
  background-color: #77b800;
}
.slide a .slide-full-width {
  text-align: center;
}
.slide a .slide-full-width img {
  margin-left: auto;
  margin-right: auto;
}
.slide a .slide-full-width .slide-title {
  padding-top: 0;
}
.slide a .slide-full-width .slide-description {
  min-height: 1em;
  margin-bottom: 1em;
}

.slideshow {
  margin-bottom: 3em;
}

#stop-slick {
  text-align: center;
  display: block;
}

/* milestone-edit fix for later Mobile chrome versions.*/
.slick-slider {
  touch-action: pan-y;
}

/* milestone-edit-end */
/*****************
 * Home page boxes 
 *****************/
.box-holder-1, .box-holder-2 {
  width: 290px;
  margin: 0 auto 10px auto;
  overflow: auto;
}

.large-box {
  display: block;
  text-align: center;
  border: 1px solid #77b800;
  text-decoration: none !important;
  width: 140px;
  height: 140px;
  float: left;
  font-size: 0.9em;
  padding: 0 10px;
}
.large-box.large-box-1, .large-box.large-box-3 {
  margin-right: 10px;
}
.large-box i {
  text-decoration: none;
  font-size: 7em;
  line-height: 87px;
}
.large-box h2 {
  font-size: 1em;
  color: #435C27; /* DDA - #77b800 */
  text-decoration: none;
  font-family: "fs_joeyregular", Helvetica, Arial, sans-serif;
  margin-top: -20px;
  line-height: 1.05em;
}
.large-box p {
  display: none;
  text-decoration: none;
}
.large-box:hover {
  text-decoration: none;
  color: #000000; /* DDA - white */
  background-color: #77b800;
}
.large-box:hover h2, .large-box:hover i, .large-box:hover p {
  color: #000000; /* DDA - white */
}

/**************************************
 * Milestone-edit New homepage elements
 * Banner & Top 10 cars
 **************************************/
/* Banner */
.home-banner-wrap {
  margin-top: 2em;
}
.home-banner-wrap:hover img {
  opacity: 0.8;
}

/* Top 10 cars on home page */
.home-top-ten .top10-link img {
  max-width: 100%;
}
.home-top-ten .top10-link:hover .hover-highlight {
  text-decoration: underline;
}

/* Milestone-edit-ends */
/**********************
 * Collapse and View all 
 ************************/
.bigcap {
  color: white;
  background-color: #77b800;
  display: inline-block;
  float: left;
  padding: 0 0.25em 0.2em;
  margin-bottom: 0.5em;
}

.lex-collapse {
  margin-bottom: 0.5em;
  text-align: left;
}
.lex-collapse > a {
  color: black; /*#000000;*/
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.2em;
  width: 100%;
  display: block;
  text-transform: capitalize;
  padding: 0.2em 0.7em 0.3em;
  background: url(/images/green-cross-sprite.png) right -9px no-repeat #C7C8CA; /* #435C27;*/
  text-decoration: none;
  border-bottom: none;
}
.lex-collapse > a:hover, .lex-collapse > a:active, .lex-collapse > a:focus {
  color: black; /*#000000;*/
  text-decoration: underline;
}
.lex-collapse > a.collapsed {
  background-position: right -66px;
  border-bottom: none;
}

.collapse {
  margin-top: 0.6em;
  margin-bottom: 1em;
}

/* milestone-edit - smaller version for finance guide */
.collapse-small .col-md-4, .collapse-small .col-md-6 {
  margin-bottom: 0.4em;
}
.collapse-small .lex-collapse {
  margin-bottom: 0;
}
.collapse-small .lex-collapse p {
  padding-top: 0.6em;
}
.collapse-small .lex-collapse > a {
  font-size: inherit;
  background-position: right -12px;
  margin-bottom: 0;
  padding: 0.6em 0.7em 0.5em;
}
.collapse-small .lex-collapse > a.collapsed {
  background-position: right -67px;
}
.collapse-small .lex-collapse .collapse {
  margin: 0;
}

/* milestone-edit-end */
/******
 * Icon extras 
 */
.lex-icon {
  font-size: 5em;
  /* Milestone-edit-line - smaller font-size */
  line-height: 0.8;
}

.iconwrap {
  margin-bottom: 3em;
  /* Milestone-edit-line - Larger margin */
  margin-top: 2em;
  /* Milestone-edit-line - new line -  top margin */
  text-align: center;
}

/* milestone-edit - new section - inverse and inline icons */
.iconinverse div {
  margin-top: 15px;
  margin-bottom: 15px;
}
.iconinverse i {
  color: white !important;
  background-color: #77b800;
}

.icon-inline-arrow {
  color: #77b800;
  position: relative;
  top: 3px;
}

/* milestone-edit-ends - inverse icons */
/**************
 * quotes
 *************/
.summary-col-1 {
  text-align: left;
}

.summary-manufacturer {
  font-size: 2em;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  line-height: 1.2em;
  display: inline-block;
  text-transform: capitalize;
}

.summary-variant {
  font-size: 1.5em;
  line-height: 1.2em;
  padding-bottom: 0.3em;
  display: inline-block;
}

.summary-mrental, .summary-exctax, .summary-inctax, .summary-errorMessage {
  font-size: 1.5em;
  color: #435C27; /* DDA - #77b800 */
  line-height: 1.2em;
}

.whatcar-review img {
  vertical-align: baseline;
  margin-right: 1em;
}

.review-label {
  font-size: 2em;
  text-transform: capitalize;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
}

.rating-group {
  margin: 1em 0;
}

.rating-label {
  float: left;
  display: inline-block;
  padding-right: 3em;
  color: #77b800;
  text-transform: capitalize;
}

.review-intro {
  padding: 0.5em 0;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
}

.starrating {
  font-family: 'Lex';
  display: block;
  clear: both;
}
.starrating:before {
  color: #77b800;
  float: left;
  letter-spacing: -3px;
  font-size: 25px;
  margin-left: -5px;
}
.starrating:after {
  color: #555;
  float: left;
  letter-spacing: -3px;
  font-size: 25px;
}

.one-star:before {
  content: '\e630';
}
.one-star:after {
  content: '\e630\e630\e630\e630';
}

.two-star:before {
  content: '\e630\e630';
}
.two-star:after {
  content: '\e630\e630\e630';
}

.three-star:before {
  content: '\e630\e630\e630';
}
.three-star:after {
  content: '\e630\e630';
}

.four-star:before {
  content: '\e630\e630\e630\e630';
}
.four-star:after {
  content: '\e630';
}

.five-star:before {
  content: '\e630\e630\e630\e630\e630';
}
.five-star:after {
  content: '';
}

.review-image-main {
  display: none;
  margin-top: 1em;
  margin-bottom: 2em;
  padding: 0;
}

.review-image-thumbs {
  padding: 0;
  margin-top: 1em;
  margin-bottom: 2em;
}

.what-car-thumb-wrap {
  margin-bottom: 15px;
  padding: 0;
}
.what-car-thumb-wrap img {
  margin-bottom: 15px;
}

.wtc-hide {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

.what-car-main-prompt {
  padding-top: 0.5em;
}

.offer-link {
  border: 1px solid #c7c8ca;
  /* milestone-edit-line - colour change */
  margin-bottom: 1em;
  display: block;
  position: relative;
}
.offer-link img {
  padding: 15px 0;
  max-width: 150px;
  /* Milestone-edit-line - limiting image size to reflect WhatCar assets, remove this if not required */
  margin: 0 auto;
  display: block;
}
.offer-link div {
  color: white; /*black;*/
}
.offer-link:hover {
  /* milestone-edit - new classes to adjust colours compared to flashes */
  text-decoration: none;
  /* milestone-edit-end - new classes to adjust colours compared to flashes */
  border-color: #003D1C; /*#00a6c8;*/
}
.offer-link:hover .offer-find-out-more, .offer-link:hover .offer-manufacturer {
  text-decoration: none; /*underline;*/
}
.offer-link:hover .offer-find-out-more:after, .offer-link:hover .offer-manufacturer:after {
  text-decoration: none;
}
.offer-link:hover img {
  opacity: 0.8;
}
.offer-link:hover .offer-price {
  background: #003D1C; /*#00a6c8;*/
}
.offer-link .offer-details {
  /* min-height:9.5em; */
  padding-bottom: 15px;
  /* milestone-edit-line - changed padding value */
  /* milestone-edit styles adapted from live site */
  /* milestone-edit-end styles adapted from live site */
}
.offer-link .offer-details .offer-small {
  font-size: 0.7em;
}
.offer-link .offer-details .offer-small-bold {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  margin-top: 10px;
}
.offer-link .offer-details .offer-smallprint {
  line-height: 1.2em;
}
.offer-link .offer-manufacturer {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
  font-size: 1.2em;
  padding-top: 0.7em;
}
.offer-link .offer-price {
  background: #435C27; /*#77b800;*/
  color: white; /*#000000;*/
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  padding-left: 15px;
  line-height: 1.8em;
  text-transform: capitalize;
}
.offer-link .offer-price:after {
  content: "\e647";
  float: right;
  font-family: 'Lex';
}

/* milestone-edit new class */
.filter-wrap {
  margin-bottom: 1em;
}

/* milestone-edit end new class */
.result-dd-wrap {
  /* milestone-edit-line changed class name to reflect new wrap usage */
  padding-right: 0;
  margin-bottom: 0.5em;
  /* milestone-edit-line smaller */
  /* milestone-edit new class */
  /* milestone-edit-end new class */
}
.result-dd-wrap label {
  padding-top: 6px;
  min-width: 5em;
  /* milestone-edit-line new to position new drop down */
}
.result-dd-wrap .result-select-wrap label {
  display: inline-block;
}
.result-dd-wrap div, .result-dd-wrap label {
  padding-left: 0px;
  /* milestone-edit-line new to position new drop down */
}
.result-dd-wrap select {
  padding-right: 37px;
  /* lex-edit-line changed to 37 from 42 to stop VIEW ALL from being covered slightly on the right */
}

.offer-price-wrap {
  border: 1px solid #77b800;
  margin-bottom: 1em;
}
.offer-price-wrap .offer-price-label, .offer-price-wrap .offer-price-amount {
  padding: 10px;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
}
.offer-price-wrap .offer-price-amount {
  color: #435C27; /* DDA - #77b800 */
  text-align: right;
  font-size: 2em;
  line-height: 1.2em;
}

/* milestone-edit new section for detailed search */
.car-van-switch a {
  display: inline-block;
  text-transform: capitalize;
  text-align: center;
  padding: 0.3em 2em;
  margin-bottom: 1em;
  background-color: #435C27; /*#00a6c8;*/
  color:White;
}
.car-van-switch a:hover {
  background-color: #003D1C;
  color:White;
  text-decoration:none;
}

.btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
  background: url("/images/UpDownSprite.png") no-repeat scroll right -200px white;
  box-shadow: none;
}

.row-hide-switch {
  background-color: white;
  width: 100%;
  text-align: center;
  height: 39px;
  margin-bottom: -1px;
  font-size: 0.85em;
}
.row-hide-switch .search-switch {
  width: 16em;
  margin: 0 auto;
  text-align: center;
  color: white;
  background-color: #435C27;
  position: relative;
}
.row-hide-switch .search-switch a {
  text-decoration: none;
  color: white;
  text-transform: capitalize;
  padding: 0.2em 0.5em;
  line-height: 2em;
}
.row-hide-switch .search-switch a span {
  display: inline-block;
  position: relative;
}
.row-hide-switch .search-switch a span:after, .row-hide-switch .search-switch a span:before {
  content: "\e621";
  font-family: 'Lex';
  font-size: 16px;
  top: 2px;
  color: white;
  position: relative;
}
.row-hide-switch .search-switch a span:before {
  left: -8px;
}
.row-hide-switch .search-switch a span:after {
  right: -8px;
}
.row-hide-switch .search-switch a:hover, .row-hide-switch .search-switch:hover
{
  background-color:#003D1C;
  color: white; /*#000000;*/
}
.row-hide-switch .search-switch a.collapsed span:after, .row-hide-switch .search-switch a.collapsed span:before {
  content: "\e609";
}
.row-hide-switch .search-switch a:after, .row-hide-switch .search-switch a:before {
  border-color: transparent transparent #ffffff;
  border-style: solid;
  border-width: 0 0 35px 35px;
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  right: -1px;
  width: 0;
}
.row-hide-switch .search-switch a:before {
  left: -1px;
  border-width: 35px 0 0 35px;
  border-color: transparent transparent transparent #ffffff;
}

#detail-search-wrap {
  margin-: 0;
}
#detail-search-wrap .detail-search {
  margin-top: 0.6em;
}

.offer-quote-search {
  padding-bottom: 2em;
}
.offer-quote-search button.multiselect {
  color: #000000;
  width: 100%;
  text-align: left;
  font-size: 0.85em;
  margin-bottom: 0px !important;
  white-space: normal;
  padding-right: 42px;
}
.offer-quote-search button.multiselect .caret {
  display: none;
}
.offer-quote-search .btn-group {
  width: 100%;
  margin-bottom: 10px;
}
.offer-quote-search .btn-group.open button {
  background-position: right -146px;
}
.offer-quote-search .set-2 .btn-group {
  margin-top: 10px;
}
.offer-quote-search .multiselect-container, .offer-quote-search .dropdown-menu {
  width: 100%;
  border-radius: 0;
}
.offer-quote-search .multiselect-container > li > a {
  white-space: normal;
  border-bottom: none;
}
.offer-quote-search .group-label, .offer-quote-search label.radio-inline {
  font-size: 0.85em;
  line-height: 1.42857em;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: none;
}
.offer-quote-search .group-label {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
}
.offer-quote-search .toggle-btn {
  padding-right: 0;
}
.offer-quote-search .toggle-btn input {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.offer-quote-search .toggle-btn label {
  background-color: #435C27; /*#9cc94d;*/
  color:White;
  border: 1px solid #ccc; /*#fff;*/
  display: inline-block;
  margin: 0 8px 0 0;
  min-width: 2.5em;
  padding: 0.35em 0;
  text-align: center;
  font-size: 0.85em;
  text-transform: none;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
}
.offer-quote-search .toggle-btn label:last-child {
  margin: 0;
}
.offer-quote-search .toggle-btn input:checked + label {
  background-color: #fff;
  color: black;
}
.offer-quote-search .toggle-btn .checked {
  background-color: #fff;
  color: black;
}
.offer-quote-search .form-inline label {
  display: inline-block;
  font-size: 0.85em;
  text-transform: none;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  width: 47px;
}
.offer-quote-search .form-inline .min-max {
  /*background-color: #9cc94d;*/
  width: 4em;
  border: 1px solid #ccc;
  color: #000000; /* DDA - #fff */
  display: inline;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* milestone-edit-end - detailed search */
/**********************************************
 * Milestone-edit - new section 
 * Top Ten Cars 
 *********************************************/
.top10-link {
  margin-bottom: 1em;
  display: block;
  position: relative;
  height: 310px;
}
.top10-link .top10-upper {
  border-top: 1px solid #c7c8ca;
  border-left: 1px solid #c7c8ca;
  border-right: 1px solid #c7c8ca;
  height: 275px;
}
.top10-link img {
  padding: 15px 0;
  max-width: 150px;
  margin: 0 auto;
  display: block;
}
.top10-link:hover .top10-upper {
  border-color: #77b800;
}
.top10-link:hover img {
  opacity: 0.8;
}
.top10-link:hover .top10-quote {
  background: #77b800;
}
.top10-link .top10-details {
  /* min-height:9.5em; */
  padding-bottom: 1em;
}
.top10-link .top10-manufacturer {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
  font-size: 1.2em;
  padding-top: 0.7em;
  color: black;
}
.top10-link .top10-manufacturer .ordinal {
  color: #77b800;
  width: 23px;
  display: inline-block;
  margin-right: 10px;
}
.top10-link .top10-manufacturer .ordinal.ord10 {
  width: 35px;
}
.top10-link .top10-variant {
  color: black;
  margin-left: 35px;
  font-size: 0.8em;
  line-height: 1.2em;
}
.top10-link .top10-quote {
  background: #00a6c8;
  color: white;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  padding-left: 27px;
  line-height: 1.8em;
  text-transform: capitalize;
}

/* milestone-edit-ends - top ten cars */
/*********
 * Pager 
 */
.paging {
  padding-left: 0;
  padding-right: 0;
}
.paging .paging-left,
.paging .paging-middle,
.paging .paging-right {
  display: inline-block;
}
.paging .paging-middle {
  padding: 0;
}
.paging .paging-middle a {
  padding: 0 0.1em;
}
.paging a {
  font-size: 1.2em; /*1.8em;*/
  /*text-decoration: none;*/
  color: #435C27; /*#000000;*/
}
.paging a:hover {
  text-decoration: underline;
  color: #003D1C; /*#77b800;*/
}
.paging .firstPage,
.paging .previousPage,
.paging .nextPage,
.paging .lastPage {
  background-color: #435C27; /*#77b800;*/
  color: white;
}
.paging .firstPage:hover,
.paging .previousPage:hover,
.paging .nextPage:hover,
.paging .lastPage:hover {
  background-color: #003D1C; /*#00a6c8;*/
  text-decoration: none;
  color: white;
}
.paging .currentPage {
  color: #435C27; /* DDA - #77b800 */
  text-decoration:underline;
}
.paging .firstPage,
.paging .lastPage {
  display: none;
}
/*******************
 * Forms 
 ******************/
.form-control {
  font-size: 0.85em;
  color: #000000;
  /*border-radius: 0;*/
  border:solid 1px #ccc; /* none;*/
}

select.form-control, .offer-quote-search button.multiselect {
  margin-bottom: 10px;
  text-transform: capitalize;
  background: url(/images/UpDownSprite.png) right -200px no-repeat white;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  border:solid 1px #ccc;
}
select.form-control:focus, .offer-quote-search button.multiselect:focus {
  background-position: right -146px;
}

select::-ms-expand {
  display: none;
}

.btn-lg, .btn {
  border: none;
  border-radius: 0;
  color: white; /*#000000;*/
  text-transform: capitalize;
  text-decoration:none;
  background-color: #435C27; /*#00a6c8;*/
}
.btn:hover
{
  color:white;
  background-color: #003D1C; /*#00a6c8;*/
}
.btn:active
{
  color:white;
  background-color: #435C27; /*#00a6c8;*/
}

.btn-white, .btn-white:active, .btn-white:focus
{
  border:solid 2px #435C27;
  border-radius: 0;
  background-color:white;
  color:#435C27;
  text-transform: capitalize;
  text-decoration:none;
  font-size:small;
  padding:3px;
  }
.btn-white:hover
{
  background-color:white;
  color:#003D1C;
  border-color:#003D1C;
}

/* milestone-edit - new classes */
.btn-full-width {
  width: 100%;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  margin-top: 1em;
}

/* milestone-edit-end - new classes */
label {
  display: block;
  font-weight: normal;
  text-transform: capitalize;
}

.form-group-special div {
  padding: 0px;
}

/***********
 * Asides 
 ************/
.aside-vehicle {
  padding-top: 30px;
}
.aside-vehicle i:before {
  font-size: 246px;
}
.aside-vehicle .h2 {
  color: black;
  font-size: 2.7em;
  display: block;
  margin-bottom: 0.24em;
}
.aside-vehicle p {
  margin-top: -2.4em;
}

/**************
 * Awards 
 **********/
.award-label {
  margin-top: 1em;
}
.award-label span {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
}

/***********************
 * News index and story
 ***********************/
.news-date {
  text-transform: capitalize;
  margin-bottom: 0.5em;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
}

.news-tags {
  margin-bottom: 1em;
}

.single-story .news-tags {
  margin-top: 1.5em;
  padding-top: 1em;
  border-top: 1px solid #cccccc;
}

select.news-tag-select {
  margin-bottom: 2em;
}

.news-story h2 {
  margin-bottom: 0;
}
.news-story img {
  margin-bottom: 2em;
}

.news-index .news-story img {
  margin-top: 1em;
}

.news-index article {
  margin-bottom: 1em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #cccccc;
}

.top-news-story {
  margin-top: 1em;
}

.top-news-wrap, .offer-panel {
  display: block;
  border: 1px solid #77b800;
  padding: 10px 15px 15px 15px;
  font-size: 0.9em;
  margin-bottom: 2em;
}
.top-news-wrap h3, .offer-panel h3 {
  color: #296312; /* DDA - #77b800 */
  font-size: 1em;
}
.top-news-wrap h4, .offer-panel h4 {
  text-transform: none;
  font-size: 1em;
  line-height: 1.4em;
}
.top-news-wrap a, .offer-panel a {
  color: #000000;
  text-decoration: underline;
}
.top-news-wrap a:hover, .offer-panel a:hover {
  text-decoration: none;
}

/***************
 * Offer panel 
 ****************/
.offer-panel img {
  margin: 2em 0;
}
.offer-panel .offer-panel-price {
  font-size: 1.3em;
}
.offer-panel .offer-panel-price span {
  color: #77b800;
}

/*********
 * Misc 
 */
.alignright {
  text-align: right !important;
}

.alignleft {
  text-align: left !important;
}

.aligncenter {
  text-align: center !important;
}

.allcaps {
  text-transform: capitalize;
}

.center-icon {
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}

.top-pad {
  padding-top: 1.5em;
}

.stackspace {
  margin-bottom: 1em;
}

.stackspace-2 {
  margin-bottom: 2em;
}

.stackspace-3 {
  margin-bottom: 3em;
}

.em {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
}

.em-simple {
  color: #77b800;
}

strong {
  font-weight: normal;
  text-decoration: underline;
}

.please-wait {
  display: none;
  position: absolute;
  left: 37%;
}
.please-wait p {
  display: inline-block;
  padding-left: 10px;
}

/**********************************************
 * 2015 - milestone-edit 
 *        Declarations for new content styles 
 *********************************************/
/* Misc */
ul.aligntop {
  margin-top: 0;
}

.has-subtitle {
  margin-bottom: 0;
}

/* Offer flashes */
.flash {
  border-color: #c7c8ca;
}
.flash .offer-find-out-more {
  background-color: #f1682f;
}
.flash:hover {
  border-color: #f1682f;
}
.flash:hover .offer-find-out-more {
  background-color: #f1682f;
}
.flash:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 91px;
  height: 72px;
  content: "";
  -webkit-transform: translate3d(0, 0, 0);
  background-image: url(/images/flashes/flashsprite.png);
}

.flash-comingsoon:after {
  background-position: 0px 0px;
}

.flash-endingsoon:after {
  background-position: 0px -72px;
}

.flash-exclusive:after {
  background-position: 0px -144px;
}

.flash-hybrid:after {
  background-position: -91px 0px;
}

.flash-instocknow:after {
  background-position: -91px -72px;
}

.flash-limitedstock:after {
  background-position: -91px -144px;
}

.flash-noroadtax:after {
  background-position: -182px 0px;
}

.flash-newmodel:after {
  background-position: -182px -72px;
}

.flash-newoffer:after {
  background-position: -182px -144px;
}

/* Leasing Video -  all figures assume 16:9  */
.video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  max-height: 450px;
}

.video-wrap object,
.video-wrap embed,.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 800px;
  max-height: 450px;
}

.divider {
  border-bottom: 1px solid #77b800;
  margin-bottom: 2em;
}

/* milestone-edit-ends */
/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  color: white;
  text-align: center;
}
.footer .foot-quote-cta {
  text-transform: capitalize;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
}
.footer .foot-quote-cta a {
  color: white;
  text-decoration: underline;
}
.footer .foot-quote-cta a:hover, .footer .foot-quote-cta a:focus {
  color: #000000;
  text-decoration: none;
}
.footer .foot-content {
  padding-bottom: 2em;
}
.footer .foot-content .uplink {
  padding-top: 2em;
  padding-bottom: 2em;
}
.footer .foot-content .nextlink {
  position: relative;
  bottom: 0;
  left: 0;
  margin: 0;
}
.footer .foot-content .up {
  background-image: url(/images/arrows-up.png);
}
.footer .foot-content .foot-middle {
  color: #cccccc;
  padding-bottom: 0.5em;
  padding-top: 0.2em;
}
.footer .foot-content .foot-middle a {
  color: #cccccc;
}
.footer .foot-content .foot-middle a:hover, .footer .foot-content .foot-middle a:focus {
  color: #77b800;
  text-decoration: none;
}
.footer .foot-content .foot-lower {
  color: #cccccc;
  font-size: 0.8em;
}
.footer .foot-content .foot-tel,
.footer .foot-content .foot-mail,
.footer .foot-content .foot-copy,
.footer .foot-content .foot-address,
.footer .foot-content .foot-reg,
.footer .foot-content .foot-reg-address,
.footer .foot-content .foot-reg-no,
.footer .foot-content .foot-middle span {
  display: block;
}
.footer a {
  color: white;
  text-decoration: underline;
}
.footer a:hover, .footer a:focus {
  color: #77b800;
  text-decoration: none;
}

/******************************************************************
Site Name: 
Author: 

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to 
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection. 

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
/*********************
NAVIGATION STYLES
*********************/
/* .menu is clearfixed inside mixins.scss */
.menu {
  /* end .menu ul */
}
.menu ul {
  /* end .menu ul li */
  /* highlight current page */
  /* end current highlighters */
}
.menu ul li {
  /*
  plan your menus and drop-downs wisely.
  */
}
.menu ul li a {
  /*
  you can use hover styles here even though this size
  has the possibility of being a mobile device.
  */
}

.slide .slide-wrapper {
    height: 346px;
}

/* end .menu */
/*********************
HEADER STYLES
*********************/
.article-header .banner_img {
  max-width: 100%;
  min-height: 250px;
  background-size: 768px auto;
}

  header .contact-numbers .desktop {
        display: inline;
}
header .contact-numbers .mobile {
        display: none;
}

.carWhiteImg {
width: 150px;
}

.pdTp10 {
    padding-top: 10px;
}

/*********************
POSTS & CONTENT STYLES
*********************/
/* entry content */
.entry-content {
  /* at this larger size, we can start to align images */
}
.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}

/* end .entry-content */
/* Milestone-edit - new sections for this breakpoint */
/**********************
 * Offers - 
 *********************/
.offer-link img {
  margin-left: 0px;
}

/* Milestone-edit-ends - new sections for this breakpoint */
/**********************************************
 * Milestone-edit - new section 
 * Top Ten Cars 
 *********************************************/
.top10-link img {
  margin-left: 0px;
}

/* milestone-edit-ends - top ten cars */
/*********************
FOOTER STYLES
*********************/
/*
check your menus here. do they look good?
do they need tweaking?
*/
/* end .footer-links */
/******************************************************************
Site Name: Lex Autolease L4B
Author: Milestone / Paul Roff

Stylesheet: 768up - Tablet & Small Desktop Stylesheet
******************************************************************/
/*********************
GENERAL STYLES
*********************/
h1 {
  font-size: 3.5em;
}
h1.h1smaller {
  font-size: 2.8em;
}

h2 {
  font-size: 2em;
}
h2.h2smaller {
  font-size: 3.5em;
}

article.page-article {
  padding-top: 105px;
}

/**********
 * Tiny nav adjust 
 */
.nav {
  margin: 0px;
}

/* milestone-edit - adjust position of phone number */
header .contact-numbers .new-phone {
  top: 100px;
}

/* milestone-edit-ends - adjust position of phone number */
/*********************
LAYOUT & GRID STYLES
*********************/
.row-alignleft {
  text-align: left;
}
.row-alignleft h1, .row-alignleft h2, .row-alignleft h3, .row-alignleft h4, .row-alignleft h5 {
  text-align: left;
}

/***************
 * Backgrounds 
 ****************/
.bg-womandesk:after {
  background: url(/images/lifestyle/womandeskright.jpg) bottom center no-repeat white;
}

.bg-womandeskleft:after {
  background: url(/images/lifestyle/womandeskleft.jpg) bottom center no-repeat white;
}

.bg-manbike:after {
  background: url(/images/lifestyle/manbikeright.jpg) bottom center no-repeat white;
}

.bg-manbikeleft:after {
  background: url(/images/lifestyle/manbikeleft.jpg) bottom center no-repeat white;
}

.bg-manvan:after {
  background: url(/images/lifestyle/manvanright.jpg) bottom center no-repeat white;
}

.bg-manvanleft:after {
  background: url(/images/lifestyle/manvanleft.jpg) bottom center no-repeat white;
}

.bg-manstanding:after {
  background: url(/images/lifestyle/manstandingright.jpg) bottom center no-repeat white;
}

.bg-manstandingleft:after {
  background: url(/images/lifestyle/manstandingleft.jpg) bottom center no-repeat white;
}

.bg-mantape:after {
  background: url(/images/lifestyle/mantaperight.jpg) bottom center no-repeat white;
}

.bg-mantapeleft:after {
  background: url(/images/lifestyle/mantapeleft.jpg) bottom center no-repeat white;
}

.bg-lifestyle {
  padding-bottom: 0;
}
.bg-lifestyle:after {
  content: ' ';
  max-width: 100%;
  padding-top: 55%;
  display: block;
  background-size: contain;
}

/**********
 * Links 
 */
.lex-cta-fill .lex-cta, .lex-cta-fill .cta-xs a, .cta-xs .lex-cta-fill a {
  width: auto;
  text-align: left;
}

.cta-xs a {
  background-color: transparent;
  text-align: left;
  padding: 0 0 10px;
  font-size: 1.4em;
}
.cta-xs a:after {
  content: "\e647";
  font-family: "Lex";
  font-size: 31px;
  position: absolute;
  top: 12px;
  padding-left: 0.5em;
}
.cta-xs a:after:hover {
  text-decoration: none;
}

/*****************
 * Quotes
 */
.summary-col-1 {
  max-width: 408px;
  margin-left: auto;
  margin-right: auto;
}

.review-image-main {
  display: block;
}

.what-car-thumb-wrap {
  padding-left: 15px;
}
.what-car-thumb-wrap img {
  margin-bottom: 0;
}

.starrating {
  display: inline;
  clear: none;
}

.offer-link {
  /* milestone-edit - replacing the above min-height to allow for small print HTML copied from live site */
  /* milestone-edit-ends */
}
.offer-link .offer-variant {
  min-height: 6em;
}

/* milestone-edit - this section moved down and edited to allow for
 * small print and cascading priority */
.offer-link-main .offer-manufacturer {
  padding-top: 1.5em;
}
.offer-link-main .offer-variant {
  min-height: 3em;
}

/* milestone-edit-ends - this section moved down */
/* milestone-edit - this section removed
.result-size-wrap { 
//  padding-top:1em;
  label {
//    text-align:right;
  }
}
milestone-edit-ends */
/**********************************************
 * Milestone-edit - new section 
 * Top Ten Cars 
 *********************************************/
.top10-quote-label {
  text-align: center;
  padding-left: 0;
}

.top10-link img {
  margin-left: auto;
}

.top10-variant {
  min-height: 100px;
}

.top10-link-main img {
  max-width: none;
}
.top10-link-main .top10-quote {
  position: absolute;
  right: 55px;
  bottom: 55px;
  width: 304px;
}
.top10-link-main .top10-upper {
  border-bottom: 1px solid #cccccc;
  padding-top: 2em;
  padding-bottom: 2em;
}

/* milestone-edit-ends - top ten cars */
/********
 * Pager 
 *********/
.paging .firstPage,
.paging .lastPage {
  display: inline;
}

/*********************
HEADER STYLES
*********************/
header {
  height: 105px;
}
header .home-link {
  width: 182px;
  height: 101px;
  background: url(/images/logo72dpi.png) center top no-repeat;
  background-size: cover;
}

/***************
 * Home 
 ************/
.slide .slide-wrapper.row {
  position: relative;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.slide .slide-wrapper.row img {
  margin-top: 1em;
}
.slide a .slide-car-img {
  text-align: center;
}
.slide a .slide-car-img img {
  margin-left: auto;
  margin-right: auto;
}
.slide a .slide-image-wrap img {
  margin-top: 2em;
}

/*****************
 * Home page boxes 
 *****************/
.box-wrapper {
  width: 590px;
  margin: 0 auto;
}

.box-holder-1 {
  width: 300px;
}

.box-holder-1,
.box-holder-2 {
  margin: 0;
  float: left;
}

.large-box.large-box-2 {
  margin-right: 10px;
}

/********************
 * Forms 
 ****************/
.form-horizontal .control-label {
  text-align: left;
}

/***************
 * Offer panel 
 ****************/
.offer-panel .offer-panel-link {
  text-align: right;
}

/**********
 * Misc 
 **********/
.quoteholder {
  text-align: center;
}

.md-aligncenter {
  text-align: center;
}

/* milestone-edit - new item to make headings level with paragraphs in 2 col layouts */
.level-heading .h2 {
  margin-top: 0;
}

/* milestone-edit-ends */
/* Milestone-edit - new sections for this breakpoint */
/**********************
 * Offers - 
 *********************/
.offer-link img {
  margin: 0 auto;
}

/* Milestone-edit-ends - new sections for this breakpoint */
/*********************
Footer
*********************/
.footer .foot-content .foot-tel,
.footer .foot-content .foot-mail,
.footer .foot-content .foot-copy,
.footer .foot-content .foot-address,
.footer .foot-content .foot-reg,
.footer .foot-content .foot-reg-address {
  display: inline;
}
.footer .foot-content .foot-middle span {
  display: inline;
}
.footer .foot-content .foot-middle span.foot-sitemap:after {
  content: '';
  padding: 0;
}
.footer .foot-content .foot-tel:after, .footer .foot-content .foot-copy:before, .footer .foot-content .foot-middle span:after {
  content: ' | ';
  color: #77b800;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.footer .foot-content .foot-middle span:after {
  color: #555;
}

/******************************************************************
Site Name: Lex Autolease L4B
Author: Milestone Design/Paul Roff

Stylesheet: Desktop Stylsheet

992 is a common breakpoint for Bootstrap. 

******************************************************************/
/***************
 * Header
 ***********/
header {
  height: auto;
  position: relative;
  float: none;
  font-size: 0.9em;
}
header .contact-numbers {
  display: block;
  text-transform: capitalize;
  margin-top: 0.5em;
  /* milestone-edit - unstick sticky mobile number */
  left: auto;
  height: auto;
  line-height: inherit;
  /* milestone-edit-end */
}
header .contact-numbers .new-phone {
  left: auto;
  text-align: left !important;
  top: auto;
  background-color: transparent;
  position: relative;
  width: 50%;
  border-bottom: none;
  font-size: large;
  font-weight: bold;
}
header .contact-numbers .right-phone {
  font-size: large;
  font-weight: bold;
}
header .contact-numbers .mobilelabel {
  display: none;
}
header .contact-numbers .headlabel {
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  padding-right: 2em;
  display: inline;
}
header .menu-toggle {
  display: none;
}

article.page-article {
  padding-top: 0px;
}

/**********
 * Social
 *******/
.social-float ul {
  display: block;
  top: 14em;
}

/*********************
NAVIGATION STYLES
*********************/
nav {
  text-align: center;
  margin: 0 auto;
}

.nav {
  font-family: "fs_joeyregular", Helvetica, Arial, sans-serif;
  text-align: left;
  display: inline-block;
  margin: 0.5em auto 0;
  max-width: 992px;
  background-color: transparent;
  display: table;
  width: 100%;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
.nav li {
  display: table-cell;
  float: auto;
  position: relative;
  border: none;
  background-color: transparent;
  text-align: center;
  /* showing sub-menus */
}
.nav li.has-sub a {
  max-width: 100%;
}
.nav li.has-sub a:before {
  display: none;
}
.nav li a {
  display: inline-block;
  text-decoration: none;
  line-height: 1.2em;
  margin: 10px auto;
  text-transform: capitalize;
  white-space: nowrap;
  background-color: transparent;
  color: #fff;
  border-bottom: 2px solid black;
}
.nav li a:before {
  display: none;
}
.nav li a.avltest {
  margin: 10px -10px 10px -10px;
}
.nav li a:hover, .nav li a:focus {
  border-bottom: 2px solid #77b800;
  color: white;
  background-color: transparent;
}
.nav li ul.sub-menu,
.nav li ul.children {
  margin-top: -12px;
  border: 1px solid #77b800;
  position: absolute;
  display: none;
  z-index: 8999;
  background-color: #000000;
  padding: 13px 0px 10px;
  /* highlight sub-menu current page */
}
.nav li ul.sub-menu li,
.nav li ul.children li {
  text-align: center;
  padding-top: 0px;
  width: 10em;
  display: block;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  margin: 0px;
  display: block;
  width: 100%;
  line-height: 1em;
  border-bottom: none;
  padding-bottom: 5px;
  white-space: normal;
}
.nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus,
.nav li ul.children li a:hover,
.nav li ul.children li a:focus {
  color: #77b800;
  text-decoration: underline;
  border-bottom: none;
  padding-bottom: 5px;
  margin: 0px;
}
.nav li ul.sub-about li {
  width: 11.5em;
}
.nav li ul.sub-leasing li {
  width: 11.5em;
}
.nav li:hover ul, .nav li:focus ul {
  display: block;
}
.nav li.current-menu-item a:before,
.nav li.current_page_item a:before,
.nav li.current-page-ancestor a:before,
.nav li.menu-item-object-page a:before {
  content: '';
}

/* end .nav */
/***************
 * Backgrounds
 **************/
.bg-car-and-van {
  background: url("/images/CarVanBG.png") center center no-repeat transparent;
  /* milestone edit-line color change */
}

/* milestone-edit added new classes for more backgrounds */
.bg-car-and-van2 {
  background: url("/images/CarVanBG2.png") center center no-repeat transparent;
  background-image: url("/images/CarVanBG2.png"), url(/images/fades/fade-right.png);
  background-position: center center, right top;
  background-repeat: no-repeat;
}

.bg-car-and-van3 {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("/images/CarVanBG2.jpg");
}

/* milestone-edit ends */
/***************
 * Home page
 */
.slide a {
  text-decoration: none;
}
.slide .slide-wrapper {
 height : 346px;
}
.slide a .slide-car-img img {
  margin-top: 1em;
}
.slide a .slide-title {
  font-size: 3em;
}
.slide a .slide-description {
  font-size: 1.4em;
  line-height: 1.2em;
  margin-bottom: 1em;
  min-height: 2.5em;
}
.slide a .slide-price-wrap:after {
  font-size: 51px;
  line-height: 1.35em;
}
.slide a .slide-quote {
  max-width: 400px;
  font-size: 1.8em;
}
.slide a .slide-quote-wrap:after {
  font-size: 48px;
  line-height: 1.05em;
}
.slide a .slide-price {
  font-size: 2.6em;
}
.slide a div.slide-price-label {
  padding: 0.9em 0 15px 2em;
  font-size: 1em;
}

/*****************
 * Home page boxes 
 *****************/
.box-wrapper {
  width: 910px;
  margin: 0 auto;
}

.box-holder-1 {
  width: 460px;
}

.box-holder-2 {
  width: 450px;
}

.large-box {
  width: 220px;
  height: 220px;
}
.large-box i {
  font-size: 9em;
  line-height: 125px;
}
.large-box h2 {
  font-size: 1em;
  margin-top: -20px;
  line-height: 1.05em;
}
.large-box p {
  display: block;
  text-decoration: none;
  color: black;
  line-height: 1.1em;
}

/***************
 * Quotes and offers
 */
/* milestone-edit - section rewritten to add small print, new controls and adjust cascading priority */
.offer-link .offer-variant {
  min-height: 5em;
}

.offer-link-main .offer-price {
  border-left: 15px solid white;
}
.offer-link-main .offer-variant {
  min-height: 4em;
}

.offer-quote-search .set-2 .btn-group {
  margin-top: 0px;
}

.filter-wrap {
  margin-bottom: 0;
}

.result-dd-wrap {
  padding-top: 1em;
}
.result-dd-wrap label {
  text-align: right;
}
.result-dd-wrap div {
  padding-left: 8px;
}

/* milestone-edit-ends - this section rewritten */
/* Milestone-edit - new sections */
/**********************************************
 * Top Ten Cars 
 *********************************************/
.top10-variant {
  min-height: 75px;
}

.top10-link-main .top10-quote {
  right: 162px;
}

/**********************************************
 * Video 
 *********************************************/
.video-wrap {
  padding-bottom: 0;
  width: 800px;
  height: 450px;
}

/* milestone-edit-ends - new sections */
body, header {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

body {
  background-color: white;
}
body .onblack, body .footer {
  background-color: black;
}

.container {
  width: 992px;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left;
}

.col-sm-12 {
  width: 100%;
}

.col-sm-11 {
  width: 91.66666667%;
}

.col-sm-10 {
  width: 83.33333333%;
}

.col-sm-9 {
  width: 75%;
}

.col-sm-8 {
  width: 66.66666667%;
}

.col-sm-7 {
  width: 58.33333333%;
}

.col-sm-6 {
  width: 50%;
}

.col-sm-5 {
  width: 41.66666667%;
}

.col-sm-4 {
  width: 33.33333333%;
}

.col-sm-3 {
  width: 25%;
}

.col-sm-2 {
  width: 16.66666667%;
}

.col-sm-1 {
  width: 8.33333333%;
}

.col-sm-pull-12 {
  right: 100%;
}

.col-sm-pull-11 {
  right: 91.66666667%;
}

.col-sm-pull-10 {
  right: 83.33333333%;
}

.col-sm-pull-9 {
  right: 75%;
}

.col-sm-pull-8 {
  right: 66.66666667%;
}

.col-sm-pull-7 {
  right: 58.33333333%;
}

.col-sm-pull-6 {
  right: 50%;
}

.col-sm-pull-5 {
  right: 41.66666667%;
}

.col-sm-pull-4 {
  right: 33.33333333%;
}

.col-sm-pull-3 {
  right: 25%;
}

.col-sm-pull-2 {
  right: 16.66666667%;
}

.col-sm-pull-1 {
  right: 8.33333333%;
}

.col-sm-pull-0 {
  right: 0%;
}

.col-sm-push-12 {
  left: 100%;
}

.col-sm-push-11 {
  left: 91.66666667%;
}

.col-sm-push-10 {
  left: 83.33333333%;
}

.col-sm-push-9 {
  left: 75%;
}

.col-sm-push-8 {
  left: 66.66666667%;
}

.col-sm-push-7 {
  left: 58.33333333%;
}

.col-sm-push-6 {
  left: 50%;
}

.col-sm-push-5 {
  left: 41.66666667%;
}

.col-sm-push-4 {
  left: 33.33333333%;
}

.col-sm-push-3 {
  left: 25%;
}

.col-sm-push-2 {
  left: 16.66666667%;
}

.col-sm-push-1 {
  left: 8.33333333%;
}

.col-sm-push-0 {
  left: 0%;
}

.col-sm-offset-12 {
  margin-left: 100%;
}

.col-sm-offset-11 {
  margin-left: 91.66666667%;
}

.col-sm-offset-10 {
  margin-left: 83.33333333%;
}

.col-sm-offset-9 {
  margin-left: 75%;
}

.col-sm-offset-8 {
  margin-left: 66.66666667%;
}

.col-sm-offset-7 {
  margin-left: 58.33333333%;
}

.col-sm-offset-6 {
  margin-left: 50%;
}

.col-sm-offset-5 {
  margin-left: 41.66666667%;
}

.col-sm-offset-4 {
  margin-left: 33.33333333%;
}

.col-sm-offset-3 {
  margin-left: 25%;
}

.col-sm-offset-2 {
  margin-left: 16.66666667%;
}

.col-sm-offset-1 {
  margin-left: 8.33333333%;
}

.col-sm-offset-0 {
  margin-left: 0%;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
}

.col-md-12 {
  width: 100%;
}

.col-md-11 {
  width: 91.66666667%;
}

.col-md-10 {
  width: 83.33333333%;
}

.col-md-9 {
  width: 75%;
}

.col-md-8 {
  width: 66.66666667%;
}

.col-md-7 {
  width: 58.33333333%;
}

.col-md-6 {
  width: 50%;
}

.col-md-5 {
  width: 41.66666667%;
}

.col-md-4 {
  width: 33.33333333%;
}

.col-md-3 {
  width: 25%;
}

.col-md-2 {
  width: 16.66666667%;
}

.col-md-1 {
  width: 8.33333333%;
}

.col-md-pull-12 {
  right: 100%;
}

.col-md-pull-11 {
  right: 91.66666667%;
}

.col-md-pull-10 {
  right: 83.33333333%;
}

.col-md-pull-9 {
  right: 75%;
}

.col-md-pull-8 {
  right: 66.66666667%;
}

.col-md-pull-7 {
  right: 58.33333333%;
}

.col-md-pull-6 {
  right: 50%;
}

.col-md-pull-5 {
  right: 41.66666667%;
}

.col-md-pull-4 {
  right: 33.33333333%;
}

.col-md-pull-3 {
  right: 25%;
}

.col-md-pull-2 {
  right: 16.66666667%;
}

.col-md-pull-1 {
  right: 8.33333333%;
}

.col-md-pull-0 {
  right: 0%;
}

.col-md-push-12 {
  left: 100%;
}

.col-md-push-11 {
  left: 91.66666667%;
}

.col-md-push-10 {
  left: 83.33333333%;
}

.col-md-push-9 {
  left: 75%;
}

.col-md-push-8 {
  left: 66.66666667%;
}

.col-md-push-7 {
  left: 58.33333333%;
}

.col-md-push-6 {
  left: 50%;
}

.col-md-push-5 {
  left: 41.66666667%;
}

.col-md-push-4 {
  left: 33.33333333%;
}

.col-md-push-3 {
  left: 25%;
}

.col-md-push-2 {
  left: 16.66666667%;
}

.col-md-push-1 {
  left: 8.33333333%;
}

.col-md-push-0 {
  left: 0%;
}

.col-md-offset-12 {
  margin-left: 100%;
}

.col-md-offset-11 {
  margin-left: 91.66666667%;
}

.col-md-offset-10 {
  margin-left: 83.33333333%;
}

.col-md-offset-9 {
  margin-left: 75%;
}

.col-md-offset-8 {
  margin-left: 66.66666667%;
}

.col-md-offset-7 {
  margin-left: 58.33333333%;
}

.col-md-offset-6 {
  margin-left: 50%;
}

.col-md-offset-5 {
  margin-left: 41.66666667%;
}

.col-md-offset-4 {
  margin-left: 33.33333333%;
}

.col-md-offset-3 {
  margin-left: 25%;
}

.offset-md-2 {
  margin-left: 16.66666667%;
}

.col-md-offset-1 {
  margin-left: 8.33333333%;
}

.col-md-offset-0 {
  margin-left: 0%;
}

.lt-ie9 .bg1 {
  background-image: url(/images/fades/fade-left.png);
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.lt-ie9 .bg1:before {
  background-image: url(/images/fades/fade-right.png);
  background-position: right top;
  background-repeat: no-repeat;
}
.lt-ie9 .bg1:before,
.lt-ie9 .bg1:after,
.lt-ie9 .bg2:before,
.lt-ie9 .bg2:after,
.lt-ie9 .bg3:before,
.lt-ie9 .bg3:after,
.lt-ie9 .bg-vehicle:before,
.lt-ie9 .bg-vehicle:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
}
.lt-ie9 .bg2 {
  background-image: url(/images/fades/fade-left2.png);
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.lt-ie9 .bg2:before {
  background-image: url(/images/fades/fade-right2.png);
  background-position: left top;
  background-repeat: no-repeat;
}
.lt-ie9 .bg3 {
  background-image: url(/images/fades/fade-left3.png);
  background-position: right top;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.lt-ie9 .bg2:before {
  background-image: url(/images/fades/fade-right3.png);
  background-position: right top;
  background-repeat: no-repeat;
}
.lt-ie9 .bg-lifestyle:after {
  padding-top: 70%;
}
.lt-ie9 .bg-car-and-van {
  background-image: none;
}
.lt-ie9 .bg-car-and-van3 {
  background-image: url(/images/fades/fade-left3.png);
}
.lt-ie9 .flash-ie8 {
  position: absolute;
  top: 0px;
  left: 15px;
  width: 91px;
  height: 72px;
  background-image: url(/images/flashes/flashsprite.png);
}
.lt-ie9 .flash-ie8.flash-comingsoon {
  background-position: 0px 0px;
}
.lt-ie9 .flash-ie8.flash-endingsoon {
  background-position: 0px -72px;
}
.lt-ie9 .flash-ie8.flash-exclusive {
  background-position: 0px -144px;
}
.lt-ie9 .flash-ie8.flash-hybrid {
  background-position: -91px 0px;
}
.lt-ie9 .flash-ie8.flash-instocknow {
  background-position: -91px -72px;
}
.lt-ie9 .flash-ie8.flash-limitedstock {
  background-position: -91px -144px;
}
.lt-ie9 .flash-ie8.flash-noroadtax {
  background-position: -182px 0px;
}
.lt-ie9 .flash-ie8.flash-newmodel {
  background-position: -182px -72px;
}
.lt-ie9 .flash-ie8.flash-newoffer {
  background-position: -182px -144px;
}
.lt-ie9 .flash {
  position: relative;
}
.lt-ie9 .flash:after {
  display: none;
}
.lt-ie9 .slide .slide-wrapper {
  position: relative;
}
.lt-ie9 .slide > a {
  position: relative;
}
.lt-ie9 .slide .flash-ie8 {
  top: 17px;
  left: 0px;
}
.lt-ie9 .btn-group .last {
  margin: 0;
}
.lt-ie9 .result-select-wrap select {
  margin-top: 7px;
}
.lt-ie9 .offer-link:hover img, .lt-ie9 .top10-link:hover img {
  filter: alpha(opacity=80);
}

/* Lex-edit-line - added as part of SME Phase 2 development */
.section-title p.whiteText{color:white} 
.offer-link-wrap .offer-link {min-height: 24em;} 
.offer-find-out-more{ position:absolute; bottom:0} 
.offer-link-main .offer-link {min-height: 13.5em;} 
.offer-smallprint { line-height: 1.2em; }

/* Lex-edit-line - added to include special offer flash on details screen, padding needed to put space between menu and image */
#divOfferHeadline .flash-ie8 {
    margin-top: 10px;
}

/*Special Offer CSS*/
.offer-stock {
  background: #003D1C; /*#00a6c8;*/
}
.offer-stock {
  background: #435C27; /*#77b800;*/
  color: white; /*#000000;*/
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  padding-left: 15px;
  line-height: 1.8em;
  text-transform: capitalize;
}
.offer-stock:after {
  float: right;
  font-family: 'Lex';
}
.offer-stock-wrap {
  border: 1px solid #77b800;
  margin-bottom: 1em;
}
/* Lex-edit-line - added .offer-price-emc to class list */
.offer-stock-wrap .offer-stock-label, .offer-stock-wrap .offer-stock-amount, .offer-stock-emc {
  padding: 10px;
  font-family: "fs_joeybold", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
}
.offer-stock-wrap .offer-stock-amount {
  color: #435C27; /* DDA - #77b800 */
  text-align: right;
  font-size: 2em;
  line-height: 1.2em;
}
.specialoffer-manufacturer {
padding-top: 0px;
}