﻿/*
 RESET Base - body and main elements attributes
 */
* {
  margin: 0;
  padding: 0;
  border: 0; }

html {
  height: 100%; }

body {
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 100%;
  background-color: #E5E8ED;
  color: #666666;
  line-height: 15px;
  height: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 17px; }

article, aside, footer, header, hgroup, nav, section, figure, figcaption {
  display: block; }

ul {
  list-style-type: square;
  padding: 0px; }

/*.testing3 {
    @include backgroundImgforHeading('filename.png', right 5px);
}*/
/*.li-checkbox {
    @include IconforListItems('checkmark-blue.png');
}*/
/*h2 {
    @include IconBeforeElement('checkmark-blue.png');
}*/
/*@mixin col($col, $sum, $gap: 1em, $align: top, $first: false, $last: false) {
  width: percentage($col/$sum);
  font-size: 16px;
  display: inline-block;
  vertical-align: $align;
  box-sizing: border-box;
  padding-left: if($first, 0, $gap);
  padding-right: if($last, 0, $gap);
}

@mixin col($col, $sum, $gap: 1em, $align: top) {
  width: 100%;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
  /*padding-left: if($first, 0, $gap);
  padding-right: if($last, 0, $gap);*/
/*@media only screen and (min-width: 768px) {
    width: percentage($col/$sum);
    vertical-align: $align;
  }
}*/
.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.flex-item {
  -webkit-box-flex: 1 200px;
  -moz-box-flex: 1 200px;
  -webkit-flex: 1 200px;
  -ms-flex: 1 200px;
  flex: 1 200px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2; }

/*	
-------------------------------------------
Typography
-------------------------------------------
*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  margin: 0 0 0.7em 0 !important;
  color: #444;
  padding: 0;
  font-weight: bold; }

h1 {
  font-size: 28px;
  /*1.625em;*/ }

h2 {
  font-size: 24px;
  /*1.425em;*/ }

h3 {
  font-size: 20px;
  /*1.225em;*/ }

h4 {
  font-size: 16px;
  /*1.025em;*/ }

h5 {
  font-size: 0.8rem;
  /*0.9em*/ }

h6 {
  font-size: 12px;
  /*0.7.50em*/ }

p, ul, dl, ol {
  font-size: 0.8rem;
  color: #666666; }

p {
  color: #666666;
  line-height: 1.45em;
  margin: 0px 0px 14px 0px; }

.header1size {
  font-size: 26px;
  font-weight: bold; }

.header2size {
  font-size: 22px; }

.header3size {
  font-size: 18px; }

.header4size {
  font-size: 14px; }

sub, sup {
  font-size: 0.7em;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.25em;
  bottom: -0.25em; }

sup.tm {
  font-size: 6px;
  font-weight: bold; }

.regular {
  font-weight: 400;
  color: #333; }

.subheader {
  font-weight: 300;
  color: #333; }

.SubmenuTitle {
  font-weight: 400;
  color: #000;
  letter-spacing: normal;
  padding-left: 20px; }

.storyCopy {
  font-size: 16px;
  line-height: 1.5em;
  margin: 0px 0px 14px 0px; }

.regularCopy {
  font-size: 0.8em;
  font-size: 0.8rem; }

.smlCopy, .legal, .textSmall {
  font-size: 10px;
  line-height: 10px; }

@media screen and (max-width: 40em) {
  .smlCopy, .legal, .textSmall {
    font-size: 11px;
    line-height: 11px; } }

.grey_sm_legal {
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 11px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: justify; }

.fontWeight100 {
  font-weight: 100; }

.fontWeightNormal {
  font-weight: 300; }

.fontArial {
  font-family: Helvetica, Arial, sans-serif; }

.fontSize12 {
  font-size: 12px; }

.PageTitle {
  font-weight: 400;
  letter-spacing: normal;
  color: #000;
  margin-bottom: 0 !important; }

.large_blue_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #4889E7;
  vertical-align: top;
  font-weight: bold; }

.small_blue_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #4889E7;
  vertical-align: top;
  font-weight: bold; }

.summary_grey_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #999999;
  vertical-align: top;
  line-height: 17px; }

.error_message_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FF0000;
  vertical-align: top;
  line-height: 12px; }

.forg_pass_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #999999;
  vertical-align: top;
  line-height: 12px; }

.summary_text_07 {
  font-size: 10px;
  font-family: Arial;
  letter-spacing: normal;
  color: #707070;
  font-weight: bolder;
  line-height: 14px; }

.summary_text_07 a, .summary_text_07 a:active, .summary_text a, .summary_text a:active, .summary_text1 a, .summary_text1 a:active {
  text-decoration: none;
  color: #707070; }

.summary_text_07 a:hover, .summary_text a:hover, .summary_text1 a:hover {
  text-decoration: none;
  color: #181084; }

.summary_text {
  font-size: 10px;
  font-family: Arial;
  letter-spacing: normal;
  color: #707070;
  font-weight: bolder;
  line-height: 13px; }

.summary_text1 {
  font-size: 10px;
  font-family: Arial;
  letter-spacing: normal;
  color: #707070;
  font-weight: bolder;
  line-height: 16px; }

.servicespecial_white {
  font-size: 9px;
  font-family: Arial;
  letter-spacing: normal;
  color: #ffffff;
  font-weight: bolder;
  line-height: 9px; }

.servicespecial_blue {
  font-size: 9px;
  font-family: Arial;
  letter-spacing: normal;
  color: #1B4583;
  font-weight: bolder;
  line-height: 9px; }

.sectionindex_text {
  font-size: 12px;
  font-family: Arial;
  letter-spacing: normal;
  color: #FFFFFF;
  line-height: 14px;
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 5px; }

.sectionindex_text a, .sectionindex_text a:hover {
  text-decoration: none;
  color: #FFFFFF; }

.glossry_text {
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 17px; }

.glossary_header {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold; }

.BodyDefaultLarge {
  font-size: 16px;
  color: #006699;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #ffffff; }

.SectionTitle {
  font-size: 13px;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #ffffff; }

.grey_9pt {
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 11px; }

.black_9pt {
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 11px; }

.grey_sm {
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 11px; }

.grey_9pt_top {
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 10px;
  vertical-align: top; }

.header_pink {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #D8265B;
  padding-bottom: 8px;
  font-weight: bold; }

.header {
  font-family: Arial;
  font-size: 17px;
  color: #2D55B5;
  font-weight: bold;
  padding-bottom: 8px;
  text-transform: uppercase; }

.header a:link {
  font-family: Arial;
  font-size: 15px;
  color: #2D55B5;
  font-weight: bold;
  padding-bottom: 8px;
  text-transform: uppercase; }

.header a:hover {
  font-family: Arial;
  font-size: 15px;
  color: #2D55B5;
  font-weight: bold;
  padding-bottom: 8px;
  text-transform: uppercase; }

.header a:visited {
  font-family: Arial;
  font-size: 15px;
  color: #2D55B5;
  font-weight: bold;
  padding-bottom: 8px;
  text-transform: uppercase; }

.headerBasic {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold; }

.headerMain {
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: #000000;
  padding-bottom: 8px;
  font-weight: normal;
  letter-spacing: normal; }

.header_super {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000;
  font-weight: bold;
  vertical-align: super;
  line-height: 19px; }

.clr_name {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #666666;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-left: 3px; }

.grey_10pt, .table_10pt {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #666666;
  line-height: 10px; }

.header_10pt {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  line-height: 11px; }

.header_10pt_grey {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #999999;
  font-weight: bold; }

.header_9pt {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000;
  font-weight: bold; }

.itemName {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #EFEFEF;
  border: 1px #999999 solid;
  padding: 2px 5px;
  font-weight: bold; }

.headerWhite {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  padding-bottom: 8px;
  font-weight: bold; }

.headerBlue {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #1B4583;
  padding-bottom: 8px;
  font-weight: bold; }

.highlightName {
  font-size: 11px;
  color: #000000;
  line-height: 11px;
  vertical-align: top;
  text-align: center; }

.promoline1 {
  font-family: Verdana, sans-serif;
  font-size: 15px;
  color: #000000;
  font-weight: bold;
  line-height: 22px; }

.promoline2, .promoline2_for {
  font-family: Verdana, sans-serif;
  font-size: 24px;
  color: #000000;
  font-weight: normal;
  line-height: 28px; }

.promoline2_fr, .promoline2_fr_for {
  font-family: Verdana, sans-serif;
  font-size: 21px;
  color: #000000;
  font-weight: normal;
  line-height: 28px; }

.promo_title {
  font-family: Verdana, sans-serif;
  font-size: 15px;
  color: #007AC5;
  font-weight: bold; }

.promoline2_blue {
  font-family: Verdana, sans-serif;
  font-size: 24px;
  color: #007AC5;
  font-weight: normal;
  line-height: 28px; }

.promoline2_blue_fr {
  font-family: Verdana, sans-serif;
  font-size: 21px;
  color: #007AC5;
  font-weight: normal;
  line-height: 28px; }

.promoline1_for {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #7A988C;
  font-weight: bold;
  line-height: 19px;
  letter-spacing: -1px; }

.promoline1_for_black {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  line-height: 19px;
  letter-spacing: -1px; }

.promo_title_for {
  font-family: Verdana, sans-serif;
  font-size: 15px;
  color: #597B6C;
  font-weight: bold;
  line-height: 20px; }

.promo_title_for_black {
  font-family: Verdana, sans-serif;
  font-size: 15px;
  color: #707070;
  font-weight: bold;
  line-height: 20px; }

.promoline2_green_for {
  font-family: Verdana, sans-serif;
  font-size: 24px;
  color: #007AC5;
  font-weight: normal;
  line-height: 28px; }

.promoline2_green_fr_for {
  font-family: Verdana, sans-serif;
  font-size: 21px;
  color: #007AC5;
  font-weight: normal;
  line-height: 28px; }

.lig {
  letter-spacing: -0.17em; }

.header_allweather {
  font-family: Arial, sans-serif;
  font-size: 26px;
  color: #000000;
  padding-bottom: 8px;
  font-weight: normal;
  line-height: 30px; }

.faqs_header {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  background-color: #EFEFEF;
  padding: 1px 2px;
  text-transform: none; }

a.faqs_header, a.faqs_header:hover {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #1200DF;
  font-weight: bold;
  background-color: #EFEFEF;
  padding: 1px 2px;
  text-transform: none; }

.faqs_small {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #333333;
  padding-bottom: 2px;
  padding-top: 2px; }

.year {
  color: #999999;
  font-family: Arial Narrow, Arial, sans-serif;
  font-size: 22px;
  font-style: italic;
  letter-spacing: 4px;
  line-height: 22px;
  padding: 4px 0px;
  display: block;
  text-align: right; }

.year2 {
  color: #999999;
  font-family: Arial Narrow, Arial, sans-serif;
  font-size: 22px;
  font-style: italic;
  letter-spacing: 4px;
  line-height: 22px;
  padding: 4px 8px 4px 0px;
  display: block;
  text-align: right; }

.year_printout {
  color: #999999;
  font-family: Arial Narrow, Arial, sans-serif;
  font-size: 22px;
  font-style: italic;
  letter-spacing: 4px; }

.yearSm {
  color: #999999;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 3px;
  display: block;
  text-align: center; }

.printer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #666666; }

a.printer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000;
  text-decoration: underline; }

a.printer:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000;
  text-decoration: none; }

.sitemap_mainheading {
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  height: 20px;
  padding: 2px 0; }

.sitemap_levels {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  text-decoration: none;
  padding-left: 3px; }

/* not used anymore? safe to delete?

.view {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

a.view {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

a.view:hover {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.faqs_header {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    background-color: #EFEFEF;
    padding: 1px 2px;
    text-transform: none;
}

a.faqs_header, a.faqs_header:hover {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #1200DF;
    font-weight: bold;
    background-color: #EFEFEF;
    padding: 1px 2px;
    text-transform: none;
}

 .faqs_small {
     font-family: Arial, sans-serif;
     font-size: 10px;
     color: #333333;
     padding-bottom: 2px;
     padding-top: 2px;
}

.servicespecial_white {
    font-size: 9px;
    font-family: Arial;
    letter-spacing: normal;
    color: #ffffff;
    font-weight: bolder;
    line-height: 9px;
}

.servicespecial_blue {
    font-size: 9px;
    font-family: Arial;
    letter-spacing: normal;
    color: #1B4583;
    font-weight: bolder;
    line-height: 9px;
}

.news {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

a.news {
	color: #1200DF;
	text-decoration: underline;
}

a.news:active {
	color: #65A3FF;
	text-decoration: underline;
}

a.news:hover {
	color: #1200DF;
	text-decoration: none;
}

a.news:visited {
	color: #65A3FF;
	text-decoration: none;
}

.news_date {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-bottom: 2px;
	padding-top: 2px;
}

.news_header {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}

a.news_header, a.news_header:active {
	color: #000000;
}

a.news_header:hover {
	color: #000000;
	text-decoration: none;
}

.news_sort {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height: 20px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
}

.news_results {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 12px;
}

.involvement {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #000000;
	height: 19px;
	line-height: 12px;
}

a.involvement {
	color: #1200DF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-decoration: underline;
}

a.involvement:active {
	color: #65A3FF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-decoration: underline;
}

a.involvement:hover	{
	color: #1200DF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

.used_header {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	height: 30px;
}

.used_menu {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	height: 20px;
	padding:2px 4px;
}

.used_menu_black {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height: 20px;
	padding:2px 4px;
}

.used_stock {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height: 20px;
	padding:2px 4px;
	text-align: right;
}

.used_model_header {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 4px;
	border: #999999;
	padding-top: 4px;
}

a.used_model_header {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1200DF;
	padding-bottom: 4px;
	text-decoration: underline;
	padding-top: 4px;
}

a.used_model_header:hover {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1200DF;
	padding-bottom: 2px;
	text-decoration: none;
	padding-top: 4px;
}

.used_model	{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

.used_body {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}

a.used_body:link {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #181084;
	text-decoration: underline;
}

a.used_body:hover {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #1200DF;
	text-decoration: none;
}

.sitemap_mainheading {
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    height: 20px;
    padding:2px 0;
}

a:hover.sitemap_mainheading {
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #181084;
    height: 20px;
    padding:2px 0;
}

.sitemap_levels {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    padding-left: 3px;
} 

a:hover.sitemap_levels {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #181084;
    text-decoration: none;
    padding-left: 3px;
}

.yearSm	{
    color: #999999;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    letter-spacing: 3px;
    display: block;
    text-align: center;
}

*/
/*	
	-------------------------------------------
	STRUCTURE
	-------------------------------------------
*/
.fullBody {
  padding: 15px;
  width: 870px; }

.contentFrame {
  position: relative;
  background-color: #EEEEEE;
  padding: 10px; }

.contentFrame2012 {
  margin-top: 12px; }

.columnsWrapper {
  display: block;
  margin-bottom: 30px; }

.container {
  width: 956px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px; }

.SCIHeader {
  height: 30px; }

.contentWrapper {
  margin: 13px auto 13px auto;
  width: 664px; }

.contentFrame {
  background-color: #EEEEEE;
  padding: 10px;
  /*margin-top:20px;*/ }

#container {
  top: 10px;
  left: 10px;
  width: 250px;
  height: 250px;
  background: #EEE;
  overflow: hidden;
  border: 1px solid #666; }

#content {
  position: relative;
  width: 490px;
  left: 5px; }

.mainContentFull {
  width: 868px;
  padding: 34px;
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

.mainContentFull:first-child {
  margin-top: 0px; }

.clearFix:before, .clearFix:after {
  content: "";
  display: table; }

.SCIForm {
  height: 100%; }

#SCIFrame {
  padding: 0;
  height: 100%;
  top: 0px;
  margin-left: auto;
  margin-right: auto; }

.SCIFrame {
  width: 996px; }

.SCIFrame.y2011 {
  width: 900px; }

#SCIMainCol {
  height: 100%;
  float: left;
  position: relative;
  z-index: 1;
  background-color: #fff; }

.SCIMainCol {
  padding: 10px 0px; }

.SCIMainCol.standalone {
  padding: 0px 0px; }

.SideContent {
  margin-top: 20px;
  width: 690px; }

div.SCIContent2011 {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px; }

div.SCIContent2012.grey {
  background-color: #EEEEEE; }

#mainContent {
  display: inline-block;
  vertical-align: top; }

/*width of container changed because of length of French titles*/
#mmContainer {
  position: relative;
  width: 1140px;
  left: 0;
  background-color: transparent;
  z-index: 80; }

div#CMSContent {
  overflow: hidden; }

div.ivMainContent {
  margin-top: -20px;
  padding-top: 0px !important; }

div.SCIBox2011 {
  background-color: White;
  margin-bottom: 50px;
  margin-top: 10px; }

/* redundant, safe to delete? 

body.y2012 {
    background-color:#E5E8ED;
    background-image:none;
}

.body2011, .dealerBody2012 {
    background-image:url(/Content/7907/Media/General/webimage/bg_1px.jpg);
    background-color:#D8DFE7;
}

div.SCIContent2012 {
	margin-bottom:20px;
}

*/
body.y2012 .fullBody {
  padding: 10px;
  width: 936px; }

body.y2012 div#Slider_Right {
  left: 903px; }

body.y2012 div#HeaderCarousel img, body.y2012 div.modelselect_div, body.y2012 div#exteriorOverlay div#gradientTop, body.y2012 div#exteriorOverlay div#gradientBottom, body.y2012 div#HeaderCarousel2012 {
  width: 956px; }

body.y2012 div#modelContainer img {
  width: auto; }

body.y2012 div.SCITitleHeader div.PageTitleBox {
  width: 100%; }

body.y2012 div#exteriorOverlay {
  width: 956px !important;
  height: 390px !important; }

body.y2012 div.SCIContent2012 {
  margin: 10px 20px 20px;
  padding: 0px;
  width: 956px; }

body.y2012 div.SCIVehicle2012 {
  margin: 0 20px 20px; }

body.y2012 div.SCIVehicleContent2011 {
  background-color: White; }

body.y2012 div.mainContentSmall {
  padding-left: 30px;
  width: 690px; }

body.y2012 div.mainContentSmall.y2012 {
  background-color: White;
  margin: 10px;
  padding-top: 0px !important;
  padding-left: 0px;
  width: 936px; }

body.y2012 div.mainContentSmall.y2012 div.VehicleContent2011 {
  margin: 60px auto;
  width: 690px; }

body.y2012 div.mainContentSmall.y2012 div.Publications2011.vehicle {
  margin: 60px auto;
  width: 690px !important; }

body.y2012 div.mainContentSmall.y2012 table.warranty {
  margin: 60px auto; }

body.y2012 div.mainContentSmall.y2012 table.warranty p {
  font-size: 12px; }

body.y2012 div.mainContent {
  background-color: White;
  margin: 10px;
  padding: 20px !important;
  width: 690px !important;
  display: block !important;
  float: right; }

body.y2012 div.VehicleIntroDetail2011 {
  width: 602px; }

body.y2012 table.warranty, body.y2012 .SCIRight {
  margin-left: 30px; }

body.y2012 div.mainContent .SCIRight {
  margin-left: 0px; }

body.y2012 td.PageContent ul {
  font-size: 12px; }

body.y2012 #tiles {
  width: 996px; }

/* For IE 6/7 (trigger hasLayout) */
.clearFix:before, .clearFix:after {
  content: "";
  display: table; }

body.y2012 #tiles li {
  margin-left: 29px; }

.clearFix:after {
  clear: both; }

/*	
	-------------------------------------------
	GRID
	-------------------------------------------
*/
.row {
  margin-bottom: 30px;
  width: 100%; }
  .row:before, .row:after {
    content: "";
    display: table; }
  .row:after {
    clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.row {
  *zoom: 1; }

.row img {
  padding-bottom: 20px;
  width: 100%; }

/* Columns */
.columns {
  margin: 0 0 0 20px;
  float: left;
  position: relative; }

.columns:first-child {
  margin-left: 0; }

.column {
  margin: 0;
  float: left;
  position: relative;
  content: ""; }

.column:first-child {
  margin-left: 0; }

.one {
  width: 54px; }

.two {
  width: 128px; }

.three {
  width: 202px; }

.four {
  width: 276px; }

.six {
  width: 424px; }

.eight {
  width: 572px; }

.third {
  width: 33.333%; }

.twoThird {
  width: 66.666%; }

.half {
  width: 50%; }

.quarter {
  width: 25%; }

/*placeholder for main flex-box with default settings for main and cross-axis*/
.cols-2,
.cols-2-inverse,
.cols-3,
.cols-4,
.cols-5,
.cols-6,
.cols-7,
.cols-8,
.cols-1-2,
.cols-1-3,
.cols-1-3e,
.cols-1-4,
.cols-1-5,
.cols-1-6,
.cols-1-7 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  margin-bottom: 1.5rem; }

/*mixin to cover all browser engines - different names for flex-boxes*/
/*extended with common attributes*/
.cols-2:before, .cols-2:after,
.cols-2-inverse:before,
.cols-2-inverse:after,
.cols-3:before,
.cols-3:after,
.cols-4:before,
.cols-4:after,
.cols-5:before,
.cols-5:after,
.cols-6:before,
.cols-6:after,
.cols-7:before,
.cols-7:after,
.cols-8:before,
.cols-8:after,
.cols-1-2:before,
.cols-1-2:after,
.cols-1-3:before,
.cols-1-3:after,
.cols-1-3e:before,
.cols-1-3e:after,
.cols-1-4:before,
.cols-1-4:after,
.cols-1-5:before,
.cols-1-5:after,
.cols-1-6:before,
.cols-1-6:after,
.cols-1-7:before,
.cols-1-7:after {
  content: "";
  display: table; }

.cols-2:after,
.cols-2-inverse:after,
.cols-3:after,
.cols-4:after,
.cols-5:after,
.cols-6:after,
.cols-7:after,
.cols-8:after,
.cols-1-2:after,
.cols-1-3:after,
.cols-1-3e:after,
.cols-1-4:after,
.cols-1-5:after,
.cols-1-6:after,
.cols-1-7:after {
  clear: both; }

/*images inside flex-items horizontally centered*/
.cols-2 > div:nth-child(n) img,
.cols-2-inverse > div:nth-child(n) img,
.cols-3 > div:nth-child(n) img,
.cols-4 > div:nth-child(n) img,
.cols-5 > div:nth-child(n) img,
.cols-6 > div:nth-child(n) img,
.cols-7 > div:nth-child(n) img,
.cols-8 > div:nth-child(n) img,
.cols-1-2 > div:nth-child(n) img,
.cols-1-3 > div:nth-child(n) img,
.cols-1-3e > div:nth-child(n) img,
.cols-1-4 > div:nth-child(n) img,
.cols-1-5 > div:nth-child(n) img,
.cols-1-6 > div:nth-child(n) img,
.cols-1-7 > div:nth-child(n) img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem; }

/*space under images for titles */
.cols-2 > div:nth-child(n) img + h3, .cols-2 > div:nth-child(n) img + h5, .cols-6 > div:nth-child(n) img + h3, cols-6 > div:nth-child(n) img + h5 {
  margin-top: 1rem !important; }

/*margin right for children*/
.cols-2 > div:nth-child(n),
.cols-2-inverse > div:nth-child(n),
.cols-3 > div:nth-child(n),
.cols-3 > div:nth-child(n),
.cols-4 > div:nth-child(n),
.cols-5 > div:nth-child(n),
.cols-6 > div:nth-child(n),
.cols-7 > div:nth-child(n),
.cols-8 > div:nth-child(n),
.cols-1-2 > div:nth-child(n),
.cols-1-3 > div:nth-child(n),
.cols-1-3e > div:nth-child(n),
.cols-1-4 > div:nth-child(n),
.cols-1-5 > div:nth-child(n),
.cols-1-6 > div:nth-child(n),
.cols-1-7 > div:nth-child(n) {
  margin-right: 2.5%;
  /*box-sizing: border-box;*/ }

/*right margin for the last box*/
.cols-2 > div:last-child,
.cols-2-inverse > div:last-child,
.cols-3 > div:last-child,
.cols-4 > div:last-child,
.cols-5 > div:last-child,
.cols-6 > div:last-child,
.cols-7 > div:last-child,
.cols-8 > div:last-child,
.cols-1-2 > div:last-child,
.cols-1-3 > div:last-child,
.cols-1-3e > div:last-child,
.cols-1-4 > div:last-child,
.cols-1-5 > div:last-child,
.cols-1-6 > div:last-child,
.cols-1-7 > div:last-child {
  margin-right: 0;
  /*box-sizing: border-box;*/ }

/*dimesnions for children boxes*/
.cols-2 > div:nth-child(n),
.cols-2-inverse > div:nth-child(n) {
  flex: 1 0 48.5%;
  -webkit-box-flex: 1 0 48.5%;
  -webkit-flex: 1 0 48.5%;
  -ms-flex: 1 0 48.5%; }

.cols-3 > div:nth-child(n) {
  flex: 1 0 31.66%;
  -webkit-box-flex: 1 0 31.66%;
  -webkit-flex: 1 0 31.66%;
  -ms-flex: 1 0 31.66%; }

.cols-4 > div:nth-child(n) {
  flex: 1 0 23.125%;
  -webkit-box-flex: 1 0 23.125%;
  -webkit-flex: 1 0 23.125%;
  -ms-flex: 1 0 23.125%; }

.cols-5 > div:nth-child(n) {
  flex: 1 0 18%;
  -webkit-box-flex: 1 0 18%;
  -webkit-flex: 1 0 18%;
  -ms-flex: 1 0 18%; }

.cols-6 > div:nth-child(n) {
  flex: 1 0 14.5%;
  -webkit-box-flex: 1 0 14.5%;
  -webkit-flex: 1 0 14.5%;
  -ms-flex: 1 0 14.5%; }

.cols-7 > div:nth-child(n) {
  flex: 1 0 10.5%;
  -webkit-box-flex: 1 0 10.5%;
  -webkit-flex: 1 0 10.5%;
  -ms-flex: 1 0 10.5%; }

.cols-8 > div:nth-child(n) {
  flex: 1 0 10.5%;
  -webkit-box-flex: 1 0 10.5%;
  -webkit-flex: 1 0 10.5%;
  -ms-flex: 1 0 10.5%; }

.cols-1-2 > div:nth-child(1) {
  flex: 1 0 36.33%;
  -webkit-box-flex: 1 0 36.33%;
  -webkit-flex: 1 0 36.33%;
  -ms-flex: 1 0 36.33%; }

.cols-1-2 > div:nth-child(2) {
  flex: 2 0;
  -webkit-box-flex: 2 0;
  -webkit-flex: 2 0;
  -ms-flex: 2 0; }

.cols-1-3 > div:nth-child(1) {
  flex: 1 0 31.66%;
  -webkit-box-flex: 1 0 31.66%;
  -webkit-flex: 1 0 31.66%;
  -ms-flex: 1 0 31.66%; }

.cols-1-3 > div:nth-child(2) {
  flex: 3 0;
  -webkit-box-flex: 3 0;
  -webkit-flex: 3 0;
  -ms-flex: 3 0; }

.cols-1-3e > div:nth-child(1) {
  flex: 1 0 5.66%;
  -webkit-box-flex: 1 0 5.66%;
  -webkit-flex: 1 0 5.66%;
  -ms-flex: 1 0 5.66%; }

.cols-1-3e > div:nth-child(2) {
  flex: 4 0;
  -webkit-box-flex: 4 0;
  -webkit-flex: 4 0;
  -ms-flex: 4 0; }

.cols-1-4 > div:nth-child(1) {
  flex: 1 0 23.125%;
  -webkit-box-flex: 1 0 23.125%;
  -webkit-flex: 1 0 23.125%;
  -ms-flex: 1 0 23.125%; }

.cols-1-4 > div:nth-child(2) {
  flex: 4 0;
  -webkit-box-flex: 4 0;
  -webkit-flex: 4 0;
  -ms-flex: 4 0; }

.cols-1-5 > div:nth-child(1) {
  flex: 1 0 18%;
  -webkit-box-flex: 1 0 18%;
  -webkit-flex: 1 0 18%;
  -ms-flex: 1 0 18%; }

.cols-1-5 > div:nth-child(2) {
  flex: 5 0;
  -webkit-box-flex: 5 0;
  -webkit-flex: 5 0;
  -ms-flex: 5 0; }

.cols-1-6 > div:nth-child(1) {
  flex: 1 0 15.6%;
  -webkit-box-flex: 1 0 15.6%;
  -webkit-flex: 1 0 15.6%;
  -ms-flex: 1 0 15.6%; }

.cols-1-6 > div:nth-child(2) {
  flex: 6 0;
  -webkit-box-flex: 6 0;
  -webkit-flex: 6 0;
  -ms-flex: 6 0; }

.cols-2 > div:last-child, .cols-2-inverse > div:last-child, .cols-6 > div:last-child, .cols-1-2 > div:last-child, .cols-1-3 > div:last-child, .cols-1-4 > div:last-child {
  margin: 0; }

/*This align-self property allows the default alignment to be overridden for individual flex items.  */
.alignSelf-FlexStart {
  -webkit-align-self: flex-start;
  /* Safari */
  align-self: flex-start; }

.alignSelf-FlexEnd {
  -webkit-align-self: flex-end;
  /* Safari */
  align-self: flex-end; }

.alignSelf-Center {
  -webkit-align-self: center;
  /* Safari */
  align-self: center; }

@media screen and (max-width: 40em) {
  .cols-2 > div:nth-child(n),
  .cols-2-inverse > div:nth-child(n),
  .cols-3 > div:nth-child(n),
  .cols-4 > div:nth-child(n),
  .cols-5 > div:nth-child(n),
  .cols-6 > div:nth-child(n),
  .cols-7 > div:nth-child(n),
  .cols-8 > div:nth-child(n),
  .cols-1-2 > div:nth-child(n),
  .cols-1-3 > div:nth-child(n),
  .cols-1-4 > div:nth-child(n),
  .cols-1-5 > div:nth-child(n),
  .cols-1-6 > div:nth-child(n) {
    -webkit-box-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    box-sizing: border-box;
    margin: 0; }
  .cols-2-inverse > div:nth-child(1) {
    -ms-flex-order: 2;
    order: 2; }
  .cols-2-inverse > div:nth-child(2) {
    -ms-flex-order: 1;
    order: 1; } }

/*.testing3 {
    @include backgroundImgforHeading('filename.png', right 5px);
}*/
/*.li-checkbox {
    @include IconforListItems('checkmark-blue.png');
}*/
/*h2 {
    @include IconBeforeElement('checkmark-blue.png');
}*/
/*@mixin col($col, $sum, $gap: 1em, $align: top, $first: false, $last: false) {
  width: percentage($col/$sum);
  font-size: 16px;
  display: inline-block;
  vertical-align: $align;
  box-sizing: border-box;
  padding-left: if($first, 0, $gap);
  padding-right: if($last, 0, $gap);
}

@mixin col($col, $sum, $gap: 1em, $align: top) {
  width: 100%;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
  /*padding-left: if($first, 0, $gap);
  padding-right: if($last, 0, $gap);*/
/*@media only screen and (min-width: 768px) {
    width: percentage($col/$sum);
    vertical-align: $align;
  }
}*/
.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.flex-item {
  -webkit-box-flex: 1 200px;
  -moz-box-flex: 1 200px;
  -webkit-flex: 1 200px;
  -ms-flex: 1 200px;
  flex: 1 200px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2; }

/*	
-------------------------------------------
Colours, Coloured Boxes
-------------------------------------------
*/
.required {
  color: red; }

.gray {
  color: #FFFFFF;
  background-color: #414141; }

.gray:hover {
  background-color: #333;
  color: white !important; }

.greyFont {
  color: #aaaaaa; }

.blue {
  background-color: #2A92D8;
  color: #FFFFFF; }

.blue:hover {
  background-color: #0B5C92; }

.white {
  color: #FFFFFF; }

.blueFont {
  color: #116DAC; }

.WhiteColor {
  color: #FFFFFF !important; }

/*video player container*/
.videoPos {
  Z-INDEX: 2;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  overflow: hidden; }

div.pad .vidcontainer {
  top: auto;
  width: auto; }

div.pad .videoPos {
  margin-top: 0px !important;
  width: auto;
  top: 10px !important; }

.videoPos iframe,
.videoPos object,
.videoPos embed {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%; }

/*
 * Interface - Buttons - different backgrounds
 */
.blueGradient {
  background: #2B80B9;
  border: 1px solid #2B80B9; }
  .blueGradient:hover {
    background: #236998;
    transition: all 0.3s ease; }
  .blueGradient:active {
    background: #133852; }
  .blueGradient:disabled, .blueGradient.disabled {
    background: #82bbe2; }
  .blueGradient:visited {
    background: #1d557b; }
  .blueGradient.selected {
    background: #133852; }

.green {
  color: #2A7430; }

.lightGrey {
  color: #999999; }

.black {
  color: #000000; }

/*white box w. grey border*/
.contentPane {
  width: auto;
  padding: 14px;
  background-color: #fff;
  border: 15px #fff solid;
  margin: 15px; }

.pad .contentPane {
  border: 15px #eee solid;
  margin: -30px; }

.pad .contentPane:nth-last-match(div) {
  margin-bottom: 15px; }

.grayBox {
  border: 1px solid #eee;
  background-color: #f5f5f5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  padding: 1.25rem;
  clear: both; }

.grayBox-transparent-bg {
  border: 1px solid #eee;
  background-color: transparent;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  padding: 1.25rem;
  clear: both; }

.black_overlay, .black_overlay2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 2002;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.PageTitleBox {
  background-color: #eee;
  text-align: right; }

/* not used anymore? safe to delete?

.PageTitleBoxModels {
    background-color: #eee;
    height: 50px;
    text-align: right;
    padding: 15px 20px 0 0;
}

.highlight_box {
    background-color: #EAEAEA;
    font-size: 10px;
    font-family: Arial;
    letter-spacing: normal;
    color: #707070;
    font-weight: bolder;
}

.highlight_box a {
    width:100%;
    background-color: #EAEAEA;
    display:block;
    text-decoration: none;
    color:#000;
    line-height: 23px;
}

.highlight_box a:hover {
    text-decoration: none;
    background-color: #EAEAEA;
    color: #FFFFFF;
    background-image: url(/content/7907/Media/General/WebImage/highlights_bg.jpg);
}

*/
/*	
-------------------------------------------
Accordion
-------------------------------------------
*/
div.mAccordion {
  float: left;
  height: 195px;
  width: 900px;
  overflow: hidden; }

img.accordDivider {
  position: absolute;
  margin-left: -20px;
  width: 940px;
  background-color: #D9E0E8; }

div.accordDivider {
  position: absolute;
  margin-left: -20px;
  height: 20px;
  width: 940px;
  background-color: #D9E0E8; }

div.mAccordion div {
  display: none;
  float: left; }

body.y2012 img.accordDivider {
  width: 100%; }

/* not used anymore? safe to delete?

img.accordDivider_bottom {
    position:absolute;
    bottom:0;
    width:940px;
    left:0;
    background-color:#D9E0E8;
}

div.accordDivider2 {
    position:absolute;
    bottom:190px;
    margin-left:-20px;
    height:20px;
    width:940px !important;
    background-color:#D9E0E8;
}

*/
/*
-------------------------------------------
Tabs
-------------------------------------------
*/
.TabContainer {
  background-color: White;
  padding-top: 34px; }

div.tabButton {
  display: inline !important;
  float: none !important;
  margin-right: 0px !important;
  width: auto !important; }

div.tabButton a img {
  border: 0;
  float: left;
  margin-right: 2px;
  background: url(/Content/7907/Media/General/social_bknd.png);
  display: block;
  padding-bottom: 50px;
  padding-top: 54px;
  padding-left: 25px;
  padding-right: 25px; }

div.tabContent {
  background: none;
  float: left; }

.tab {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  background-color: #D8D8D8;
  padding: 3px; }

.tab a {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  background-color: #D8D8D8; }

.tab a:hover {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  background-color: #D8D8D8; }

.tab_selected {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background-color: #ffffff; }

.tab_selected a {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  background-color: #ffffff; }

.tab_selected a:hover {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  background-color: #ffffff; }

.tabs {
  position: absolute;
  top: 23px;
  left: 130px;
  height: 45px;
  width: 770px;
  clear: both;
  background-color: transparent;
  padding: 0;
  margin: 0; }

/* width:auto fixes the  issue on French sites with menu items with long names*/
body.y2012 .tabs {
  width: auto; }

.tabs li {
  list-style-type: none;
  float: left; }

.tabs a {
  text-decoration: none; }

/*
-------------------------------------------
Icons
-------------------------------------------
*/
.greyArrowUp, .blueArrowRight, .print-icon, .icon-question-circle {
  cursor: pointer;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.greyArrowUp:hover, .blueArrowRight:hover, .print-icon:hover, .icon-question-circle:hover {
  opacity: 0.5; }

.greyArrowUp {
  background: url("/Content/7907/Media/General/webimage/icons/icons-sprite.png") no-repeat scroll -106px -28px transparent;
  float: left;
  height: 7px;
  margin: 6px 4px 4px -10px;
  width: 8px; }

.blueArrowRight {
  background: url(/Content/7907/Media/General/webimage/icons/icons-sprite.png) no-repeat -48px -16px;
  width: 8px;
  height: 8px;
  margin: 4px 4px 4px -10px;
  float: left; }

.Arrow-dark {
  width: 15px;
  height: 15px;
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png);
  background-position: -83px -23px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 7px;
  z-index: 12; }

.Arrow-blue {
  width: 12px;
  height: 5px;
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png);
  background-position: -86px -19px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 12px;
  z-index: 8; }

.ArrowBlue {
  width: 12px;
  height: 10px;
  vertical-align: middle;
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png);
  background-position: -48px -16px;
  display: inline-block;
  z-index: 12; }

.ArrowWhite {
  width: 12px;
  height: 10px;
  vertical-align: middle;
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png);
  background-position: -48px -6px;
  display: inline-block;
  position: relative;
  left: -12px;
  z-index: 14; }

.unified .ArrowWhite {
  left: 0px; }

.print-icon {
  width: 22px;
  height: 19px;
  background: url(/Content/7907/Media/General/webimage/icons/icons-sprite.png) -242px -66px; }

.icon-question-circle {
  width: 12px;
  height: 12px;
  margin: 3px;
  background: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png") no-repeat -482px -97px; }

/*chevron right*/
.chevron-right {
  background-image: url(/Content/7907/Media/General/CSS/images/chevron-right.png);
  background-position: right 5px;
  background-repeat: no-repeat; }

/*chevron down*/
.chevron-down {
  background-image: url(/Content/7907/Media/General/CSS/images/chevron-down.png);
  background-position: right 5px;
  background-repeat: no-repeat; }

/*black arrow right*/
.black-arrow-right {
  background-image: url(/Content/7907/Media/General/CSS/images/black-arrow-right.png);
  background-position: right 5px;
  background-repeat: no-repeat; }

/*black arrow down*/
.black-arrow-down {
  background-image: url(/Content/7907/Media/General/CSS/images/black-arrow-down.png);
  background-position: right 5px;
  background-repeat: no-repeat; }

/*icon in front of list item mixin @mixin IconforListItems($filename)*/
.ul-checkbox {
  list-style-image: url(/Content/7907/Media/General/CSS/images/checkmark-blue.png); }

/*icon in front of various elements - headings, paragraphs mixin IconBeforeElement*/
.iihs-tsp-2017 {
  list-style-image: url(/Content/7907/Media/General/CSS/images/2017-ts-pick-plus-big.png); }

/*
-------------------------------------------
Shortcuts - various classes for distances, postions, display and other attributes
-------------------------------------------
*/
.resetPadding {
  padding: 0 !important; }

.resetMargin {
  margin: 0 !important; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.marginAuto, .center {
  margin: 0 auto; }

.marginTop {
  margin-top: 15px; }

.marginTop10 {
  margin-top: 10px; }

.marginTop5 {
  margin-top: 5px; }

.marginRightOnly {
  margin: 0 10px 0 0 !important; }

.marginBottom, .MarginBottom {
  margin-bottom: 15px; }

.marginBottom10 {
  margin-bottom: 10px; }

.marginBottom5 {
  margin-bottom: 5px; }

.MarginBottom0 {
  margin-bottom: 0 !important; }

/*various margin sizes marginNo corresponds to px value*/
.margin4 {
  margin: 0.25rem; }

.margin8 {
  margin: 0.5rem; }

.margin10 {
  margin: 0.625rem; }

.margin12 {
  margin: 0.75rem; }

.margin16 {
  margin: 1rem; }

.margin18 {
  margin: 1.125rem; }

.margin20 {
  margin: 1.25rem; }

/*various padding sizes - paddingNo corresponds to px value*/
.padding4 {
  padding: 0.25rem; }

.padding8 {
  padding: 0.5rem; }

.padding10 {
  padding: 0.625rem; }

.padding12 {
  padding: 0.75rem; }

.padding16 {
  margin: 1rem; }

.padding18 {
  margin: 1.125rem; }

.padding20 {
  padding: 1.25rem; }

.paddingRight15 {
  padding-right: 15px; }

.paddingRight10 {
  padding-right: 10px; }

.paddingBottom10 {
  padding-bottom: 10px !important; }

.paddingLeft {
  padding-left: 20px; }

.paddingLeft15 {
  padding-left: 15px; }

.paddingLeft10 {
  padding-left: 10px; }

/*padding for multiple legal entries*/
.legalPadding {
  padding: 5px 8px; }

.legalPadding:last-child {
  padding: 5px 8px 0; }

.fLeft, .leftFloat, .UL-Horizental {
  float: left; }

.fRight, .rightFloat {
  float: right; }

.noFloat {
  float: none !important; }

.NoSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.displayBlock, .block {
  display: block; }

.inlineBlock {
  display: inline-block; }

.displayInline {
  display: inline; }

.displayFlex {
  display: flex; }

.displayHidden {
  display: none; }

.displayed {
  display: block !important; }

.alwaysHidden {
  display: none !important; }

.invisible {
  visibility: hidden; }

.textRight, .alignRight {
  text-align: right; }

.textLeft {
  text-align: left; }

.textCenter, .textCentre, .align-center, .alignCenter {
  text-align: center; }

.uppercase {
  text-transform: uppercase !important; }

.banner {
  background-color: #FCFCFC;
  height: 350px; }

.verticalAlign {
  vertical-align: middle;
  display: table-cell; }

.borderLeft {
  border-left: 1px solid #E5E5E5;
  padding-left: 20px; }

.noRightBorder {
  border-right: 0; }

.noborder {
  border: 0 !important; }

.widthAuto {
  width: auto; }

.AutoHeight {
  height: auto !important; }

.fullWidth {
  width: 100% !important; }

.verticalAlignTop, .alignTop {
  vertical-align: top; }

.ListStyleNone {
  list-style-type: none; }

.rounded5px {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

.rounded10px, .rounded10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

.topRounded {
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  background-clip: padding-box; }

.rightRounded {
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  background-clip: padding-box; }

.bottomRounded {
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-clip: padding-box; }

.leftRounded {
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  background-clip: padding-box; }

.shadow {
  -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.35);
  -moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.35);
  box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.35); }

.box_shadow {
  -moz-box-shadow: 1px 1px 2px #B9B9B9;
  -webkit-box-shadow: 1px 1px 2px #B9B9B9;
  box-shadow: 1px 1px 2px #B9B9B9; }

.resetListStyle {
  list-style: none; }

.resetListStyle li {
  float: left;
  position: relative; }

.breakLine {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 40px !important; }

.underLine {
  border-bottom: 1px solid #e5e5e5; }

.strikethrough, .strikeThrough {
  text-decoration: line-through; }

.overflowHidden, .mask, .hideOverflow {
  overflow: hidden; }

.boxSizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.infoRateLegal, .creditCostLegal, .rebateLegal {
  cursor: pointer;
  text-decoration: underline; }

.infoRateLegal:hover, .creditCostLegal:hover, .rebateLegal:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.dividerSpan {
  padding: 0 10px 0 10px; }

.clear, .clearFix:after {
  clear: both; }

.clearFix:before, .clearFix:after {
  content: "";
  display: table; }

/*
-------------------------------------------
2013 Vehicle Content Classes
-------------------------------------------
*/
/* not used anymore? safe to delete?

.engineering-box {
   H5   {
    text-align: left;
    padding: 0;
  }

 img {
    display: inline !important;
    padding: 0;
 }

 .row 
  {
     .column, .columns {
      margin: 0;
      position: relative;
      width: 100%;
      float: left;
     }
  }
 
  .fuel-economy {
  li {
    float: left;
    display: block;
    list-style-type: none;
    padding-right: 20px;
  }
  }
 }

@media only screen and (min-width: 620px) {

    .engineering-box .row .large-3 {
        position: relative;
        width: 25%;
    }

    .engineering-box .row .large-3:first-child > div {
        padding-left: 0;
    }

    .engineering-box .row .large-3 > div {
        padding-left: 8px;
        padding-right: 7px;
    }

    .engineering-box .row .large-3:last-child > div {
        padding-right: 0;
    }

    .engineering-box .row .large-6 {
        position: relative;
        width: 50%;
    }

    .engineering-box .row .large-6:first-child > div {
        padding-right: 15px;
    }

    .engineering-box .row .large-6:last-child > div {
        padding-left: 15px;
    }

    .engineering-box .row .large-9 {
        position: relative;
        width: 75%;
    }

    .engineering-box .row .large-9:first-child > div {
        padding-right: 15px;
    }

    .engineering-box .row .large-9:last-child > div {
        padding-left: 15px;
    }

    .engineering-box .separator {
        border-left: 1px solid #E5E5E5;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 620px) {

    .engineering-box .row .large-6, .engineering-box .row .large-9 {
        margin-bottom: 15px;
    }

    .engineering-box .row .large-6:last-child {
        margin-bottom: 0;
    }
}

*/
/*
-------------------------------------------
Vehicle Classes
-------------------------------------------
*/
img.carImage {
  width: 285px; }

div.colourCol {
  float: right;
  padding-right: 20px;
  padding-top: 10px; }

div.colourName {
  color: #999999;
  font-family: Arial;
  font-size: 11px;
  float: left;
  text-align: right;
  width: 335px; }

div.modelselect_div {
  width: 900px;
  position: relative;
  float: left;
  top: 15px;
  margin-bottom: 10px;
  margin-top: 10px; }

ul.trimFeatures {
  list-style-type: disc;
  margin: 0px 0px 0px 15px;
  width: 380px; }

div.divider {
  float: left;
  background-color: #999999;
  height: 12px;
  width: 1px;
  margin-right: 10px;
  margin-left: 10px; }

/* not used anymore? safe to delete?

div.vehicle_div {
    display:none;
    background:url("/Content/7907/Media/General/WebImage/vehicle_select_bg.png") repeat scroll 0 0 transparent;
    height:265px;
    width:900px;
    top:-1px;
    position:relative;
    z-index:10;
}

div.model_list_div {
    float:left;
    height:225px;
    padding-left:24px;
    padding-top:26px;
    width:320px;
}

div.model_list_div div {
    cursor:default;
    color:#858585;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    line-height:25px;
}

div.model_list_div div:hover {
    color:#0066FF;
}

div.model_list_div span {
    cursor:default;
    color:#858585;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    line-height:25px;
}

div.model_list_div span:hover {
    color:#0066FF;
}

div.modelListLong div {
    height:22px;
    line-height:22px;
}

div.price_info_div {
    float:left;
    height:225px;
    padding-top:26px;
    width:200px;
}

span.trimSelected {
    color:#0066FF !important;
}

div.vehicle_quicklinks2 {
    color:#999999;
    font-family:Arial;
    font-size:13px;
    padding-bottom:5px;
}

div.vehicle_quicklinks2 span {
    padding-right:5px;
}

.vehicle_quicklinks {
	font-size:12px;
    font-family:Helvetica;
	text-decoration:none; 
	color:#999999; 
	line-height:13px;
	padding-top:5px;
	padding-right:5px;
}

.vehicle_quicklinks a {
	text-decoration:none;
	outline:0; 
}

.vehicle_quicklinks2011 {
    font-size:11px;
    font-family:Arial;
    line-height:11px;
    padding-top:0px;
    padding-right:0px;
}

div.car_info_section_div {
    float:left;
    height:225px;
    padding-top:26px;
    width:355px;
}

div.info_div {
    float:left;
    height:11px;
    max-width:100px;
}

div.info_div a {
    font-weight:bold;
    font-size:11px;
    line-height:11px;
    text-decoration:none;
}

div.info_div a:active {
    color:#707070;
}

div.info_div a:hover {
    color:#0066FF;
}

div.trimSelected {
    color:#0066FF !important;
}

div.carImageContainer {
    width:355px;
    clear:both;
}

div.car_image_div {
    float:left;
    height:140px;
    width:290px;
    padding-top:30px;
}

img.chipOverlay {
    width:24px;
    height:16px;
    border:0;
}

div.carimage_div {
    height:263px;
    width:644px;
    left:299px;
    top:-245px;
    float:left;
    position:relative;
    z-index:20;
    overflow:hidden;
}

div.veh_roll_border {
    float:left;
    height:131px;
    width:128px;
}

div.veh_roll_border div.vehicle_div {
    overflow:hidden;
}

div.imageContainer {
    height:226px;
}

a.bottomVehicle {
    display:block;
    height:129px;
    width:128px;
    text-decoration:none;
    outline:0;
}

a.bottomVehicle img {
    border:0;
}

div.VehicleIntro2011 {
    background-color:White;
    left:-20px;
    margin-bottom:30px;
    margin-top:-30px;
    padding:10px 20px;
    position:relative;
    width:900px;
}

a.VehicleIntro2011 {
    margin-right:-2px;
    outline:0;
    position:relative;
    text-decoration:none;
}

a.VehicleIntro2011 img {
    border:none;
    outline:0;
}

a.VehicleIntro2011 img.hoverImage {
    display:none;
}

a.VehicleIntro2011:hover img.hoverImage {
    display:block;
}

a.VehicleIntro2011:hover img.image {
    display:none;
}

a.VehicleIntro2011 span {
    color:White;
    font-size:14px;
    font-weight:bold;
    left:0px;
    line-height:29px;
    position:absolute;
    text-align:center;
    top:110px;
    width:161px;
}

div.VehicleIntroList2011 {
    vertical-align:top;
    width:350px;
}

div.VehicleIntroDetail2011 {
    width:550px;
}

div.VehicleIntroList2011 div.trim {
    color:Black;
    cursor:default;
    font-size:14px;
    font-weight:bold;
    letter-spacing:-1px;
    line-height:30px;
}

div.VehicleIntroList2011 span.selectedTrim, div.VehicleIntroList2011 span.selectedTrim:hover {
    color:#2B56B4;
}

div.VehicleDetails2011 {
    color:Gray;
    font-weight:bold;
}

div.VehicleDetails2011 div.trimMSRP {
    color:Black;
    font-size:35px;
    font-weight:bold;
    line-height:35px;
}

div.VehicleDetails2011 div.trimImage {
    float:left;
    text-align:center;
    width:520px;
}

div.VehicleDetails2011 img.thumbnailImage {
    border:0;
    position:relative;
    z-index:0;
}

div.VehicleDetails2011 img.trimPreviewImage {
    border:0;
    display:none;
    position:absolute;
    z-index:1;
}

div.VehicleDetails2011 div.trimColourCol {
    float:right;
    width:30px;
}

div.VehicleDetails2011 div.trimColourName {
    clear:both;
    float:right !important;
    font-weight:normal;
    margin-top:-20px;
}

div.VehicleDetails2011 div.colourChip {
    cursor:pointer;
    float:right;
}

div.VehicleDetails2011 div.colourChip div.HCD_ColourChip2011 {
    padding:2px;
}

div.VehicleDetails2011 div.colourChipSelected {
    border:solid 1px Black;
    margin:-1px;
}

div.VehicleDetails2011 a.BlueButton2011 {
    margin-bottom:10px;
    outline:0;
    text-decoration:none;
}

div.VehicleIntro2011 div.reviewDiv {
    height:139px;
    overflow:hidden;
    padding-left:20px;
    vertical-align:top;
    width:231px;
}

div.VehicleIntro2011 div.reviewHeader {
    color:Black;
    font-size:14px;
    font-weight:bold;
    letter-spacing:-0.065em
}

div.VehicleIntro2011 a.reviewsLink {
    bottom:10px;
    outline:0;
    position:absolute;
    right:20px;
    text-decoration:none;
}

div.VehicleIntro2011 a.reviewsLink:hover {
    color:#303030;
}

div.VehicleIntro2011 a.reviewsLink:active {
    color:#707070;
}

div.VehicleIntro2011 a.reviewsLink span {
    font-weight:bold;
    line-height:21px;
    vertical-align:top;
}

div.VehicleIntro2011 a.reviewsLink img {
    border:0;
    height:21px;
    width:21px;
}

div.VehicleIntro2011 a.reviewsLink img.normal, div.VehicleIntro2011 a.reviewsLink:hover img.hover {
    display:block;
}

div.VehicleIntro2011 a.reviewsLink:hover img.normal, div.VehicleIntro2011 a.reviewsLink img.hover {
    display:none !important;
}

div.VehicleContent2011 {
    margin-top:20px;
    width:100%;
}

div.VehicleContent2011 .royalSlider {
    height:500px;
    width:690px;
    margin-bottom:20px;
}

div.VehicleContent2011 .thumbSlider {
    height:0px;
    margin-bottom:120px;
    width:650px;
    padding-left:20px;
    padding-right:20px;
}

div.VehicleContent2011 .thumbSlider .arrow {
    display:none;
}

div.VehicleContent2011 .thumbSlider .royalControlNavOverflow.royalThumbs {
    height:110px;
}

div.VehicleContent2011 .thumbSlider .royalControlNavOverflow a.royalThumb {
    background:no-repeat 50% 50%;
    border-top:3px solid transparent;
    height:100px;
}

div.VehicleContent2011 .thumbSlider .royalControlNavOverflow a.royalThumb.current {
    background-position:50% 50% !important;
}

div.VehicleContent2011 .thumbSlider .royalControlNavOverflow a.royalThumb:hover {
    background-position:50% 50%;
    border:3px solid #777777;
}

div.VehicleContent2011 .royalSlider .royalWrapper {
    background:transparent;
}

div.VehicleContent2011 .royalSlider .arrow {
    background:url("/Content/7907/Media/General/WebImage/royalslider/controlsSprite.png") no-repeat scroll 0 0 transparent;
    top:200px;
}

div.VehicleContent2011 .royalSlider .arrow.right {
    background-position:right top !important;
}

div.VehicleContent2011 .royalControlNavOverflow a {
    background:url("/Content/7907/Media/General/WebImage/royalslider/controlsSpriteBlack.png") no-repeat scroll 0 -149px transparent
}

div.VehicleContent2011 .royalSlider .thumbsArrow {
    background:url("/Content/7907/Media/General/WebImage/royalslider/controlsSpriteBlack.png") no-repeat scroll 0 0 transparent
}

div.VehicleContent2011 .royalSlider .thumbsArrow.left {
    background-position:-116px -108px;
    height:100px;
}

div.VehicleContent2011 .royalSlider .thumbsArrow.right {
    background-position:right -108px !important;
    height:100px;
}
    
div.VehicleContent2011 div#photoOptions {
    height:40px;
    width:100%;
}

div.VehicleContent2011 div#photoOptions div.BlueButton2011 {
    margin-left:10px;
}

div.VehicleContent2011 div#imageTitle {
    color:#666666;
    font-size:12px;
    margin-bottom:10px;
}

.build_and_price2010 {
	font-family:Helvetica; 
	font-size:12px; 
	color:#0068FF;
	float:left;
	width:95px;
}

.build_and_price2010 a {
    text-decoration:none;  
	color:#0068FF;
	outline:0;
}

.vehicle_popup1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:16px;
}

.vehicle_popup1 a, .vehicle_popup2 a {
    text-decoration:none;
}

.vehicle_popup2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height:16px;
}

.HTML_vehicle_pages, .HTML_vehicle_pages a {
    font-family: Arial;
    font-size: 13px;
    color: #535353;
    font-weight: normal;
    text-decoration:none;
}

.HTML_vehicle_pages	a:hover, .HTML_vehicle_pages_selected, .HTML_vehicle_pages_selected a, .HTML_vehicle_pages_selected a:hover	{
    font-family: Arial;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration:none;
}

.spec_model_clear, .spec_model_bg_clear {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #000000;
    height: 50px;
    line-height: 10px;
    text-align: center;
    vertical-align: middle;
}

.spec_model_clear a, .spec_model_clear a:active, .spec_model_bg a, .spec_model_bg a:active, .spec_model_bg_clear a, .spec_model_bg_clear a:active {
    text-decoration:underline;
    color: #000000;
}

.spec_model_clear a:hover {
    text-decoration:none;
    color: #181084;
}

.spec_model_bg {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #000000;
    height: 50px;
    line-height: 10px;
    text-align: center;
    vertical-align: middle;
    background:url(/Content/7907/media/general/webimage/veh_name_bg.jpg);
}

.spec_model_bg a:hover, .spec_model_bg_clear a:hover {
    text-decoration:none;
    color: #181084;
}

.spec_title	{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-bottom: 2px;
    font-weight: bold;
    background-color: #FFFFFF;
}

.spec_data {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #000000;
    line-height: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
} 

.spec_model {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #000000;
    height: 50px;
    line-height: 10px;
    text-align: center;
    vertical-align: middle;
}

.spec_model a, .spec_model a:active {
    text-decoration:underline;
    color: #000000;
}

.spec_model a:hover {
    text-decoration:none;
    color: #181084;
}

*/
/* Print Summary from Build & Price page */
/* not used anymore? safe to delete?

.pricing_stepBlack_grey {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color:#F6F6F6;
}

.pricing_stepBlack_grey a {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    background-color:#F6F6F6;
}

.pricing_stepBlack_clear {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.pricing_stepBlack_clear a {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}

.pricing_stepBlack_bold_clear {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.pricing_stepBlack_bold_grey {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color:#F6F6F6;
}

.pricing_step_accessories {
    font-family: Arial, Helvetica, sans-serif;
    color:#0366c4;
    font-size:11px;
    text-decoration:none;
}

.pricing_step_accessories a {
    font-family: Arial, Helvetica, sans-serif;
    color:#0366c4;
    font-size:11px;
}

.pricing_stepFaded, .pricing_stepFaded a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #999999;
    text-decoration: none;
}

.exterior_swatch {
    color: #333333;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    vertical-align: top;
    text-align: center;
    line-height: 12px;
}

*/
#specCategories.dropdown.rightFloat[style] {
  width: 185px !important; }

#specCategories.dropdown.rightFloat .value[style] {
  width: 138px !important; }

.pricing_step_on {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  vertical-align: middle;
  font-weight: bold;
  vertical-align: middle;
  text-align: center; }

.pricing_step_on a {
  text-decoration: none;
  color: #000000; }

.pricing_step_off {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #525252;
  vertical-align: middle;
  font-weight: bold;
  vertical-align: middle;
  text-align: center; }

.pricing_step_off a {
  text-decoration: none;
  color: #525252; }

.pricing_step_inactive {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #B5B5B5;
  vertical-align: middle;
  font-weight: bold;
  vertical-align: middle;
  text-align: center; }

.pricing_step_inactive a {
  text-decoration: none; }

.model_selection_on {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 28px;
  background-color: #F0F0F0;
  height: 26px; }

.model_selection_on a, .model_name a, .model_price_black a {
  text-decoration: none;
  color: #000000; }

.model_selection_off {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #9A9A9A;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 28px;
  background-color: #F0F0F0;
  height: 26px; }

.model_selection_off a {
  text-decoration: none;
  color: #9A9A9A; }

.model_price_09 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 28px; }

.model_name {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #000000;
  vertical-align: middle;
  font-weight: bold; }

.model_price_black {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  vertical-align: middle;
  font-weight: bold;
  height: 26px; }

.vehicle_detail_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #525252;
  vertical-align: middle;
  font-weight: bold; }

.vehicle_pricing_detail_1 {
  background: url(/content/7907/media/General/WebImage/pricing_veh_detail_bg_1.jpg);
  background-repeat: repeat-y;
  background-position: right; }

.vehicle_pricing_detail_2 {
  background: url(/content/7907/media/General/WebImage/pricing_veh_detail_bg_2.jpg);
  background-repeat: repeat-y;
  background-position: left; }

.pricing_stepBlack_bold {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none; }

.pricing_stepBlack, .pricing_stepBlack a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: none; }

.pricing_step_selected {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold; }

.pricing_step_selected a, .pricing_step_selected a:hover {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: underline; }

.modellink {
  font-size: 11px;
  color: #000000;
  text-decoration: none; }

.modellink a {
  font-size: 11px;
  color: #000000;
  text-decoration: underline; }

.modellink a:hover {
  font-size: 11px;
  color: #181084;
  text-decoration: underline; }

.notAvailable {
  color: #E4E4E4;
  font-family: Arial;
  font-size: 11px; }

a.notAvailable {
  color: #E4E4E4;
  text-decoration: none; }

a.notAvailable:hover, a.available:hover {
  color: #0068FC;
  text-decoration: underline; }

.available {
  color: #787878;
  font-family: Arial;
  font-size: 11px; }

a.available {
  color: #787878;
  text-decoration: none; }

.next_step {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #525252;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  background: url(/content/7907/media/General/WebImage/pricing_step_next_butt_bg.jpg); }

.next_step a, .prev_step a {
  text-decoration: none;
  color: #525252; }

.prev_step {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #525252;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 14px;
  text-align: center;
  background: url(/content/7907/media/General/WebImage/pricing_step_prev_butt_bg.jpg); }

.insurence_quote, .year_selection_off {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #9A9A9A;
  vertical-align: middle;
  font-weight: bold; }

.insurence_quote a, .year_selection_off a {
  text-decoration: none;
  color: #9A9A9A; }

.year_selection_on {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  vertical-align: middle;
  font-weight: bold; }

.year_selection_on a {
  text-decoration: none;
  color: #000000; }

.section_title {
  font-family: Arial;
  font-size: 13px;
  color: #2D55B5;
  font-weight: bold;
  padding-top: 10px;
  border-bottom: 1px solid #2D55B5;
  padding-bottom: 4px;
  width: 680px;
  text-transform: uppercase; }

.section_title a {
  text-decoration: none;
  color: #2D55B5; }

.payment_type {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  padding-top: 4px;
  font-weight: bold;
  padding-left: 28px;
  background-color: #575C60;
  height: 26px; }

.payment_grey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #CCCCCC;
  font-weight: bold;
  text-align: center; }

.veh_menu_container {
  font-size: 11px;
  width: 956px;
  height: 43px;
  border: 0px;
  clear: both;
  position: relative; }

.overview_menu_over {
  height: 29px;
  width: 100px;
  color: #000000;
  padding-top: 14px;
  text-align: center;
  display: block;
  background: #ffffff;
  text-transform: uppercase;
  float: left; }

.main_menu_item, .main_menu_inner_item {
  height: 43px;
  width: 169px;
  background: #444444;
  color: #FFFFFF;
  text-align: center;
  display: table-cell;
  text-transform: uppercase;
  border-left: #5B5B5B 1px solid;
  vertical-align: middle;
  padding: 0 1px 0 1px; }

.main_menu_item_selected, .main_menu_item_selected a div {
  background: #FCFCFC !important;
  color: #000000 !important;
  border-left: #ffffff 1px solid !important; }

.overview_menu {
  width: 100px; }

.main_menu_rolldown {
  width: 170px;
  background: #444444;
  color: #FFFFFF;
  border: 0px;
  margin-left: 1px;
  position: absolute;
  text-align: left;
  top: 43px;
  z-index: 20;
  display: none; }

.main_menu_rolldown ul {
  font-size: 11px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2em; }

.main_menu_rolldown li {
  list-style-type: none;
  border-top: 1px solid #5B5B5B;
  margin-left: -22px;
  line-height: 35px; }

.main_menu_rolldown li a {
  padding-left: 18px;
  width: 151px;
  height: 100%; }

.main_menu_rolldown li:last-child {
  border-bottom: 0px; }

.veh_submenu_container {
  position: relative;
  width: 956px;
  height: 56px;
  background: #FCFCFC;
  border-bottom: 1px solid #EEE; }

.large_menu_title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 26px;
  padding-left: 17px;
  color: #333333;
  margin-top: 20px;
  display: block;
  float: left; }

.thirdlevel_veh_menuitem {
  font-family: Arial;
  font-size: 11px;
  color: #116CAC;
  padding: 0 25px 0 25px;
  line-height: 17px;
  border-left: #DCDCDC solid 1px;
  height: 17px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase; }

.thirdlevel_veh_menuitem_selected {
  color: #000000 !important; }

.thirdlevel_veh_menuarrow {
  width: 10px;
  height: 5px;
  position: absolute;
  top: 52px;
  background: url(/content/7907/Media/General/webimage/icons/icons-sprite.png);
  background-position: -183px -46px;
  display: none; }

#VehicleHeaderCarousel {
  position: relative; }

#prHeaderIntroCarousel {
  margin-top: 15px; }

img.VehicleCarouselImg, div.HeaderContent2011 img.VehicleCarouselImg {
  width: 956px;
  height: auto;
  margin-top: 0px;
  top: 0;
  left: 0; }

div.HeaderContent .banner {
  background-color: transparent;
  height: auto; }

div.HeaderContent img {
  height: auto; }

.VehiclePageTitle {
  height: 50px;
  text-align: right;
  padding: 23px 20px 0 0; }

div.SCIVehicleHeader2011 .VehiclePageTitle, div.SCIPricingHeader .VehiclePageTitle, div.SCIVehicleTextHeader .VehiclePageTitle {
  padding: 20px 20px; }

.modelsYear {
  display: block;
  font-size: 12px;
  margin-top: 4px; }

.VehiclePageTitle h2 {
  font-size: 24px;
  line-height: 14px; }

.VehicleTitle h2 {
  text-transform: uppercase; }

.VehicleThirdLevelMenuContainer {
  clear: both;
  position: relative;
  z-index: 15; }

.main_menu_item:hover, .overview_menu:hover, .main_menu_inner_item:hover, .main_menu_rolldown li:hover, .main_menu_item_hover {
  background-color: #333; }

.main_menu_item_parent:hover {
  cursor: default; }

.main_menu_item a {
  font-size: 11px;
  text-decoration: none;
  color: #fff;
  display: block; }

.main_menu_inner_item {
  border-left: 0; }

#veh_submenu_list {
  float: right;
  padding-right: 10px;
  height: 56px;
  overflow: hidden; }

.veh_SubMenuItem {
  height: 56px;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.veh_SubMenuItem a {
  display: block;
  text-decoration: none; }

#BuildCar {
  opacity: 1;
  display: block;
  position: absolute;
  right: 0;
  top: 135px;
  z-index: 1;
  text-align: center;
  width: 226px; }

#BuildCar.mmCarTooltip-Forester {
  top: 95px; }

#BuildCar.mmCarTooltip-Legacy {
  top: 110px; }

#BuildCar.mmCarTooltip-Outback {
  top: 85px; }

#BuildCar.mmCarTooltip-WRX {
  top: 120px; }

#BuildCar.mmCarTooltip-BRZ {
  top: 120px; }

#BuildCar.mmCarTooltip-Ascent {
  top: 105px; }

#BuildCar.mmCarTooltip-Solterra {
  top: 125px; }

#BuildCarTail {
  width: 11px;
  height: 13px;
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png) -322px -76px;
  top: -5px;
  position: relative;
  margin: 0 auto; }

#BuildCarContainer {
  color: #fff;
  background-color: #898989;
  margin: 4px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ffffff;
  display: inline-block;
  -moz-box-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666; }

/*
-------------------------------------------
Dealer
-------------------------------------------
*/
.DealerListing {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  background-image: url("../Content/7907/Media/General/webimage/2013/DealerLocator/pushpin-flat.png");
  background-repeat: no-repeat;
  padding: 0 10px 0 45px;
  margin: 0 0 10px 0;
  font-size: 14px;
  min-height: 66px; }

.DealerListing a.sitemap_levels.dealerListLink, .DealerListing a:hover.sitemap_levels.dealerListLink,
.DealerListing div.siteDisabled {
  padding: 0 !important;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 16px;
  display: block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

.DealerListing a.sitemap_levels.dealerListLink {
  color: #116CAC; }

.DealerListing a.sitemap_levels.dealerListLink.serviceOnly {
  color: #800000; }

span[id$=dlDealerListTown] br {
  display: none; }

div.dealerWelcome {
  width: 30%;
  border-right: solid 1px #A4A4A4;
  margin: 20px 20px 10px 20px;
  padding-right: 20px; }

div.dealerQuickLinks {
  width: 70%; }

div.dealerLocation {
  color: Black;
  font-weight: bold;
  padding-left: 20px;
  padding-bottom: 10px; }

body.y2012 .DealerBottom {
  background-color: #ACB1B5;
  padding-top: 0px; }

.dealerSite .SCIRight img {
  max-width: 100%;
  height: auto !important; }

.DealerBottom {
  display: block;
  margin-top: 20px;
  padding: 10px 20px 0px; }

.partServiceOnly {
  color: Red;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  font-size: 8pt;
  padding-bottom: 5px;
  padding-top: 5px; }

.dealershipHeader_XL_Black {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: normal;
  line-height: 24px; }

.dealershipHeader_Lrg_Black {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000; }

.dealershipHeader_Lrg_Grey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666666; }

.dealershipHeader_Lrg_Grey a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  text-decoration: none; }

.dealershipHeader_Lrg_Grey a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #181084;
  text-decoration: none; }

/* not used anymore? safe to delete?

.dealershipHeader_Lrg_Light {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #8B87C1;
    font-weight: bold;
}

.dealershipHeader_Med_Light {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #8B87C1;
    font-weight: bold;
}

.dealershipHeader_Sm_Grey {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #666666;
}

.dealershipHeader_Sm_Light {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #8B87C1;
    font-weight: bold;
}

.dealershipBody_Lrg_Grey {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

.dealershipBody_Med_Grey {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}

.dealer_sm {
    font-size: 9px;
    color: #666666;
    line-height: 12px;
}

.dealer_sm_black {
    font-size: 9px;
    color: #000000;
    line-height: 12px;
}

.dealer_black {
    font-size: 11px;
    color: #000000;
}

.dealer_black a {
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}

.dealer_black a:hover {
    font-size: 11px;
    color: #181084;
    text-decoration: none;
}

.white_service_specials	{
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 10px;
    line-height: 12px;
}

.dealer_link_list {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}

a.dealer_link_list:link {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: underline;
}

a.dealer_link_list:hover {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #1200DF;
    text-decoration: none;
}

.dealertable_body {
    color: #0b0a5a;
    padding-bottom: 2px;
    text-decoration: none;
}

.dealertable_body a {
    color: #0b0a5a;
    padding-bottom: 2px;
    text-decoration: none;
}

.td_dealerlist {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #EFEFEF;
    border: 1px #999999 solid;
    padding: 2px 5px 2px 3px;
    font-weight: bold;
    text-decoration:none;
}

a:hover.td_dealerlist {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #181084;
    background-color: #EFEFEF;
    border: 1px #999999 solid;
    padding: 2px 5px 2px 3px;
    font-weight: bold;
    text-decoration:none;
}

.dlr_submit_lease {
    font-family: Arial;
    font-size:12px;
    color:#FFFFFF;
    text-align:center;
}

.dlr_submit_lease a {
    color:#FFFFFF;
    text-decoration:none;
}

.dealerlocatortext1 {
    font-size: 11px;
    color: #000000;
    font-family: Arial;
    text-decoration: none;
    padding: 4px 6px 2px 15px;
    line-height: 12px;
}

.dealerlocatortext2 {
    font-size: 11px;
    color: #000000;
    font-family: arial;
    text-decoration: none;
    padding: 0px 3px;
}

.uiDealerButton {
	display:block;
	position: absolute;
    top: 15px;
    right: 30px;
    padding:0;
    margin: 5px 0;
}

.SCIDealerHeader {
    background-color: white;
    background-position: -40px -2px !important;
    padding: 20px 0px 0px !important;
    margin-top:-5px;
}

.dealer	{
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #000000;
    height: 19px;
    line-height: 12px;
    text-align: center;
}

a.dealer {
    color: #1200DF;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-decoration: underline;
    text-align: center;
}

a.dealer:active {
    color: #65A3FF;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-decoration: underline;
    text-align: center;
}

a.dealer:hover {
    color: #1200DF;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
}

*/
.dealershipHeader_Med_Black {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000; }

.dealershipHeader_Med_Grey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #666666; }

.dealershipHeader_Sm_Black {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #000000; }

.dealershipBody_Sm_Grey {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #666666; }

.dealer_info {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000;
  height: 19px;
  line-height: 12px; }

.dealer_address {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #666666;
  height: 19px;
  line-height: 12px; }

.dealer_results {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000;
  height: 15px;
  line-height: 15px;
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
  clip: rect(); }

.DealerBorderLineRight {
  border-Right: 1px solid #cccccc; }

.DealerBorderLineLeft {
  border-Left: 1px solid #cccccc; }

/*
-------------------------------------------
Accessories
-------------------------------------------
*/
/* not used anymore? safe to delete?

div#accessoryTrimBlock {
    color:Black;
    height:29px;
    margin-bottom:15px;
    margin-top:15px;
}

div#accessoryTrimBlock div.OptionDD2011 {
    width:330px;
}

div#accessoryTrimBlock div.veneerSelectedItem2011 {
    background-image:url("/Content/7907/Media/General/WebImage/2011/2011_pricing_dropdown_wide.png");
    width:288px;
}

div#accessoryTrimBlock select {
    width:330px;
}

div#accessoryAvailable {
    font-size:12px;
    line-height:29px;
    padding-right:10px;
    text-align:right;
    width:200px;
}

div#accessoryTrim {
    float:right;
}

div#accessoryBlock {
    font-size:11px;
    border-bottom:solid 1px #CACACA;
    height:405px;
    margin-bottom:10px;
}

div#accessoryBlock div#accessoryDetail {
    height:230px;
    margin-top:20px;
    vertical-align:top;
    width:270px;
}

div#accessoryBlock div#accessoryDetail div {
    margin-left:22px;
    margin-right:22px;
}

div#accessoryBlock div#accessoryDescription div {
    margin:0px;
}

div#accessoryBlock div#accessoryContainer {
    border-left:solid 1px #CACACA;
    font-size:12px;
    height:400px;
    overflow-x:hidden;
    overflow-y:auto;
    padding-left:20px;
    padding-top:5px;
    position:relative;
    width:395px;
}

div#accessoryBlock div#accessoryContainer div.category_title {
    color:Black;
    font-weight:bold;
}

div#accessoryBlock div#accessoryContainer ul {
    font-size:11px;
    color:#AFAFAF;
    margin-bottom:5px;
    margin-top:3px;
}

div#accessoryBlock div#accessoryContainer span {
    color:#666666;
    cursor:default;
}

div#accessoryWarranty {
    font-size:11px;
    color:Black;
    padding-bottom:30px;
}

div.AccessoryMessage2011 {
    color:Black;
    font-size:12px;
    font-weight:bold;
    margin-bottom:200px;
}

div.AccessoryHeader_2011 {
    background-color:#898989;
    color:White;
    font-size:12px;
    font-weight:bold;
    height:12px;
    padding:20px 20px 20px 0;
}

div.AccessoryHeader_2011 div.catLinkBorder {
    float:left;
    margin-left:15px;
    margin-right:15px;
}

div.AccessoryHeader_2011 div.category_link {
    cursor:pointer;
}

.accNav {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #EFEFEF;
}

.accGrey, .accGreyLight {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #CCCCCC;
    font-weight: bold;
    padding:4px 5px;
    line-height: 11px;
}

a.accGreyLight {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #EFEFEF;
    padding: 2px;
    text-decoration: underline;
}

a.accGreyLight:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #EFEFEF;
    padding: 2px;
    text-decoration: none;
}

.accItem {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 14px;
    color: #000000;
    padding: 2px;
}

a.accItem {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 14px;
    color: #000000;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    text-decoration: underline;
}

a.accItem:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 14px;
    color: #000000;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    text-decoration: none;
}

.accPriceRight {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-align: right;
    padding: 2px;
}

.accessories_stripe_grey {
    background-color:#F0F0F0;
}

*/
div#accessoryLegal {
  font-size: 11px;
  color: #666666;
  font-size: 10px;
  margin-bottom: 100px; }

.accModel {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
  text-decoration: underline; }

.accStep {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold; }

.accTitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #000000; }

.accPrice {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: italic;
  color: #000000; }

#scrollArea {
  left: 515px;
  top: 10px;
  height: 250px;
  width: 18px;
  border: 1px solid #999999;
  overflow: hidden;
  background-position: right;
  background-repeat: no-repeat; }

#scroller {
  position: relative;
  top: 0;
  width: 18px;
  background: #AAA;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background-position: right;
  background-repeat: no-repeat; }

.divscroll {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin-left: 2px;
  scrollbar-3dlight-color: #B2B2B2;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-base-color: #EEE;
  scrollbar-darkshadow-color: #B2B2B2;
  scrollbar-face-color: #B2B2B2;
  scrollbar-highlight-color: #C9C9C9;
  scrollbar-shadow-color: #C9C9C9;
  scrollbar-track-color: #CCCCCC; }

.accessories_list {
  font-size: 11px;
  color: #666666;
  font-family: arial;
  text-decoration: none; }

a:hover.accessories_list {
  text-decoration: underline; }

.accessories_on {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  vertical-align: middle;
  font-weight: bold; }

.accessories_on a {
  text-decoration: none;
  color: #000000; }

.accessories_off {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #525252;
  vertical-align: middle;
  font-weight: bold; }

.accessories_off a {
  text-decoration: none;
  color: #525252; }

/*
-------------------------------------------
CASL
-------------------------------------------
*/
.consentBox hr {
  background-color: #cbcbcb;
  height: 1px;
  margin: 10px 0; }

.consentBox .checkbox {
  height: 18px;
  position: absolute;
  vertical-align: middle;
  width: 18px; }

.consentBox input[type="checkbox"] {
  border-radius: 0;
  height: auto;
  margin: 1px 0 0;
  padding: 0;
  position: absolute;
  width: auto; }
  .consentBox input[type="checkbox"] + label:before {
    margin: -2px;
    position: absolute; }
  .consentBox input[type="checkbox"] + p label:before {
    margin: -2px;
    position: absolute; }

.consentBox span {
  display: block;
  /*font-family: "Open Sans";*/
  font-size: 12px;
  line-height: 12px;
  padding-left: 24px; }

#dealerContactForm .consentBox label {
  margin-left: 0px; }

#dealerInputArea .consentBox label, #createAccountArea .consentBox label {
  padding-left: 0px; }

.pad .consentBox span {
  font-size: 0.85em;
  font-size: 0.75rem; }

.consentLegal, #SCITop .consentLegal span {
  font-size: 10px;
  line-height: 10px; }

.pad .consentLegal {
  font-size: 0.7em;
  font-size: 0.6rem; }

/*	
-------------------------------------------
Quotes & Related
-------------------------------------------
*/
.QMHover {
  display: none;
  top: 0px;
  text-align: left;
  margin-left: -2px; }

.QMHover2011 {
  margin-top: 28px; }

.QMHover input {
  width: 135px; }

.QMHover2012 {
  display: none;
  top: 3px;
  text-align: left;
  margin-top: 27px;
  position: absolute;
  z-index: 3000; }

.QMTitle {
  background-color: White;
  border: solid 1px #999999;
  border-bottom: solid 1px White;
  height: 25px;
  text-align: center;
  position: relative;
  margin-left: 4px;
  padding: 4px 20px 0px;
  z-index: 10; }

.QMTitle2011 {
  display: none; }

.QMSection {
  position: relative;
  margin-top: -1px;
  background-color: White;
  border: solid 1px #999999;
  padding: 10px 25px;
  float: right;
  width: 141px; }

.QMSection2012, .QMSection2012-IE {
  background-color: #ffffff;
  border: 1px #cccccc solid;
  float: right;
  font-size: 11px;
  margin-top: -1px;
  padding: 20px;
  position: relative;
  width: 155px;
  overflow-y: auto;
  -moz-box-shadow: 0 0 6px #cccccc;
  -webkit-box-shadow: 0 0 6px #cccccc;
  box-shadow: 0 0 6px #cccccc; }

.QMCreateSection {
  font-size: 12px;
  position: relative;
  margin-top: -2px;
  background-color: #ffffff;
  border: 1px #cccccc solid;
  padding: 20px;
  float: right;
  -moz-box-shadow: 0 0 6px #cccccc;
  -webkit-box-shadow: 0 0 6px #cccccc;
  box-shadow: 0 0 6px #cccccc; }

.QMCreateSection input[type="text"], .QMCreateSection input[type="password"], .QMSection2012 input[type="text"], .QMSection2012 input[type="password"] {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.QMCreateSection input[type="radio"] + label:before, .QMCreateSection input[type="radio"] + p label:before {
  margin-left: -18px; }

.QMDealerCreate {
  -webkit-border-radius: 5px 0px 5px 5px;
  -moz-border-radius: 5px 0px 5px 5px;
  border-radius: 5px 0px 5px 5px; }

.QMHelp {
  padding-bottom: 10px; }

.QMInputTitle {
  color: Black; }

.QMInvalid {
  color: Red;
  padding-bottom: 10px; }

/* not used anymore? safe to delete?

.QMLoginButton {
    background-image:url(/Content/7907/Media/General/WebImage/2010_account_login.jpg);
    background-repeat:no-repeat;
    height:23px;
    width:134px;
    display:block;
    text-align:center;
    outline:0;
    color:White;
    text-decoration:none;
    padding-top:2px;
}

.QMLoginButton:active {
    text-decoration:none;
    color:White;
}

.QMLoginButton:hover, a[id$="LoginButton"]:hover, a[id$="createSubmit"]:hover {
    text-decoration:none;
    color:White;
}

.QMLoginButton2012, .QMSaveButton2012 {
    display:block;
    text-align:center;
    width:120px;
}

a.QMButton {
    background-image:url("/Content/7907/Media/General/WebImage/2011_btn_standard_up.png");
    font-size:12px;
    font-weight:bold;
    height:29px;
    line-height:29px;
    padding-top:0px;
    width:151px;
}

a.QMButton:hover {
    background-image:url("/Content/7907/Media/General/WebImage/2011_btn_standard_over.png");
}

a.QMButton:active {
    background-image:url("/Content/7907/Media/General/WebImage/2011_btn_standard_over.png");
}

a.QMButtonFR {
    height:26px;
    line-height:11px;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    width:131px;
}

*/
.QMDivider {
  height: 1px;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
  position: absolute;
  left: 0px; }

.QMCreateButton {
  background-image: url(/Content/7907/Media/General/WebImage/2010_account_create.jpg);
  background-repeat: no-repeat;
  display: block;
  text-align: center;
  outline: 0;
  color: White;
  text-decoration: none;
  width: 135px;
  height: 23px;
  margin-top: 20px;
  padding-top: 2px; }

.QMCreateButton2012, .QMForgotButton2012 {
  margin-top: 10px;
  line-height: 12px;
  display: block; }

.QMQuotes {
  text-align: center; }

.QMQuotes div {
  text-align: left; }

.QMQuotes input, .QMContact input {
  width: auto; }

.QMQuotes a {
  margin-top: 5px;
  display: block; }

.QMQuotes label {
  line-height: 16px;
  margin-left: 5px;
  vertical-align: top; }

.QMQuotes input[type="checkbox"] + label:before, .QMQuotes input[type="checkbox"] + p label:before {
  margin: -3px 4px 0 -20px; }

.QMCreate {
  width: 640px;
  display: none; }

.QMReq {
  color: Red; }

.QMContact {
  background-color: #F0F0F0;
  width: 100%;
  height: 60px;
  padding: 10px; }

.QMRadios {
  padding-left: 40px; }

.QMContactRadio {
  display: block; }

.QMPhones {
  padding-left: 8px;
  padding-top: 21px; }

.QMPhoneRow {
  height: 23px; }

.QMPhoneItem {
  float: left;
  height: 23px;
  margin-right: 20px; }

.QMSaveButton {
  margin-top: auto; }

/* not used anymore? safe to delete?

.quote_sidemenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    vertical-align: middle;
    font-weight:bold;
}

.quote_sidemenu a {
    text-decoration:underline;
    color: #666666;
}

.quote_sidemenu a:active, .quote_sidemenu_selected a, .quote_sidemenu_selected a:active {
    text-decoration:underline;
    color: #333333;
}

.quote_sidemenu a:hover, .quote_sidemenu_selected a:hover {
    text-decoration:none;
    color: #333333;
}

.quote_sidemenu_selected {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    vertical-align: middle;
    font-weight:bold;
}

.quotes_title_dark {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    font-weight:bold;
    background-color:#575C60;
}

.quotes_title_light {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    background-color:#84898D;
}

.quote_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    font-weight:bold;
    line-height:11px;
} 

*/
/*	
-------------------------------------------
Old IE7 Header Related Files? Probably not needed
-------------------------------------------
*/
/* not used anymore, safe to delete? 

div.mConnect {
    display:block !important;
    float:none !important;
    font-size:14px;
    font-weight:bold;
    line-height:14px;
    color:#2D55B5;
    padding:35px 0 10px;
}

div.current {
    background:#FFFFFF;
}

div.cc {
    display:block;
    background-image:url("/Content/7907/media/general/WebImage/bullet.jpg");
    background-position:0px 4px;
    background-repeat:repeat-x;
    width:8px;
    height:8px;
    margin-right:7px;
    margin-left:7px;
    cursor:pointer;
}

div.cc:hover {
    background-position:8px 4px;
}

div.ccPlayContainer {
    margin-left:20px;
    width:auto;
    margin-right:20px;
}

div.ccPlayContainer div {
    position:relative;
    left:20px;
}

div.selectedCC {
    background-position:8px 4px;
}

div.ccTimer {
    width:30px;
    background-color:#EFEFEF;
    height:5px !important;
    margin-top:5px;
}

div.progressBar {
    background-color:#2D55B5;
    height:100% !important;
    left:0px !important;
}

div.ccPlay {
    cursor:pointer;
    margin-left:10px;
}

*/
/*	
-------------------------------------------
Old Language Splash Page
-------------------------------------------
*/
/* not used anymore, safe to delete? 

body.y2012 .LandingTop {
    width:872px !important;
}

body.y2012 .LandingHeader #HeaderRight {
    width:872px !important;
}

body.y2012 .LandingHeader #bannerImage {
    width:100%;
}

body.y2012 .LandingMainCol #SCIContent {
    padding-bottom:50px;
}

.LandingHeader {
    margin-top:30px;
    width:996px !important;
}

.LandingBG {
    background-color:#003A68 !important;
}

.LandingTop {
    display:table-cell;
    vertical-align:middle;
}

.LandingTitle {
    color:White;
    font-size:22px;
    font-family:Verdana,arial,sans-serif;
    letter-spacing:0.025em;
    line-height:22px;
    margin-right:22px;
}

.LandingBody {
    font-size:11px;
    padding-left:108px;
    padding-right:108px;
    padding-top:45px;
}

.LandingBox {
    width:300px;
}

.LandingLang {
    margin-right:100px;
}

.LandingBtn {
    margin-bottom:10px;
    margin-right:44px;
}

.LandingChk {
    padding-top:5px;
}

.LandingGlobal {
    padding-bottom:18px;
}

.LandingFooter {
    bottom:0px;
}

div.LandingMainCol {
    position:inherit !important;
    width:996px;
}

.language_text {
    font-size: 16px;
    font-family: Arial;
    letter-spacing: normal;
    color: #707070;
    font-weight: bolder;
    line-height: 16px;
}

.language_text a {
    text-decoration:none;
    color: #707070;
}

.language_text a:hover {
    text-decoration:none;
    color: #181084;
}

.language_text a:visited {
    text-decoration:none;
    color: #707070;
}

*/
/*	
-------------------------------------------
Sticky Top - Language Selector
-------------------------------------------
*/
.sticky-wrapper, .DesktopLanguageContainer {
  position: fixed;
  width: 100%;
  z-index: 200;
  top: 0;
  height: 0; }

.DesktopLanguageContainer .sticky-wrapper {
  height: auto;
  position: relative; }

.sticky-wrapper.MobileContainer {
  overflow: hidden;
  position: relative; }

.sticky {
  background: #2b80b9;
  color: white;
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  font-size: 13px;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  z-index: 998; }

.sticky .inside {
  margin: 0 auto;
  width: 956px;
  padding-left: 150px;
  padding-top: 35px; }

.MobileContainer .sticky .inside {
  padding: 10px;
  width: 100%; }

.sticky .inside #languageContainer {
  width: 300px;
  margin: 0 auto; }

.sticky .inside #languageContainer #buttons {
  font-size: 20px;
  padding: 10px 0; }

.sticky .inside #languageContainer #buttons, .sticky .inside #languageContainer #preferred {
  overflow: hidden;
  display: block; }

.sticky .inside #languageContainer #buttons input {
  color: #ffffff;
  padding: 10px 20px;
  margin: 0 15px;
  line-height: 10px;
  display: inline-block;
  cursor: pointer;
  background-color: #2b80b9 !important;
  font-size: 16px;
  width: auto;
  height: auto;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.sticky .inside #languageContainer #buttons input:hover {
  text-decoration: underline; }

.sticky .inside #languageContainer #buttons input.on {
  background: white !important;
  color: #0a6aab;
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

.sticky .inside #toggle {
  float: right;
  font-size: 12px;
  color: #85a2ca;
  margin-top: 80px;
  position: relative;
  height: 20px;
  z-index: 999;
  text-align: center; }

.sticky .inside .dropdown {
  width: 130px;
  font-family: Helvetica,Arial,sans-serif; }

.MobileContainer .sticky .inside .dropdown {
  width: 95%; }

.MobileContainer .sticky .inside div.filter {
  padding: 10px 30px 10px 10px; }

.MobileContainer .sticky .inside div.filter:before {
  right: 30px;
  top: 10px; }

.MobileContainer .sticky .inside div.filter span {
  right: 10px; }

.MobileContainer .sticky .inside div.filter .buttonTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.sticky .inside .column {
  width: 18%; }

.sticky .inside .column:first-of-type {
  width: 28%; }

.MobileContainer .sticky .inside .column {
  width: 33.33333%; }

.MobileContainer .sticky .inside .column:first-of-type {
  line-height: 13px;
  margin-bottom: 15px;
  width: 100%; }

.sticky .inside .column > * {
  margin: 0 auto; }

.MobileContainer .sticky .inside .column > * {
  margin: 0; }

.is-sticky .sticky .inside #toggle {
  display: none; }

input.checkboxInput {
  height: 18px; }

.LanguageTransition {
  -moz-transition: all .8s;
  -o-transition: all .8s;
  -webkit-transition: all .8s;
  transition: all .8s; }

.openLanguageContainerFrame {
  height: 100px !important; }

.chkUpdateInfo input {
  background-color: #0A6AAB !important;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: -ms-linear-gradient(top, #0A6AAB 0%, #0A6AAB 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0A6AAB', endColorstr='#0A6AAB',GradientType=0 );
  /* IE6-9 */ }

.OptionSelectOk {
  box-sizing: content-box;
  color: #0a6aab;
  cursor: pointer;
  display: block;
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  height: 17px;
  width: 110px; }

.MobileContainer .OptionSelectOk {
  box-sizing: border-box;
  font-size: 1.025em;
  font-weight: bold;
  height: 38px;
  width: 100%; }

.TermsSelector .sticky-wrapper.LanguageTransition {
  z-index: 100; }

/*
-------------------------------------------
360s
-------------------------------------------
*/
div#exteriorOverlay {
  position: absolute;
  width: 900px; }

/* not used anymore? safe to delete?

div#exteriorOverlay div#gradientTop {
    background-image:url("/Content/7907/Media/General/WebImage/2011/2011_exterior_gradient_top.png");
    background-color:Transparent;
    height:60px;
    position:absolute;
    top:0px;
    width:900px;
}

div#exteriorOverlay div#gradientBottom {
    background-image:url("/Content/7907/Media/General/WebImage/2011/2011_exterior_gradient_bottom.png");
    background-color:Transparent;
    bottom:0px;
    height:55px;
    position:absolute;
    width:900px;
}

*/
div#bottomContainer360 {
  text-align: center;
  margin-bottom: 90px;
  position: relative;
  height: 22px; }

div#vehicleName {
  color: #999999;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  left: 25px;
  top: 4px; }

div#colourName {
  color: #999999;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 25px;
  top: 4px; }

div#Left360, div#Right360 {
  position: absolute;
  top: 280px;
  width: 69px;
  height: 46px;
  display: none;
  z-index: 3; }

div#Left360 {
  left: 0;
  background-position: -263px 0; }

div#Right360 {
  right: 0;
  background-position: -332px 0; }

div.view360 {
  position: absolute;
  top: 10px;
  z-index: 10;
  left: 20px;
  display: inline-block; }

div#colourCol360 {
  display: inline-block;
  overflow: hidden;
  height: auto !important;
  width: 100%; }

div#colourCol360 div {
  cursor: pointer;
  height: 22px;
  width: 37px;
  position: relative;
  display: inline-block;
  margin-right: 2.5px;
  margin-left: 2.5px; }

div#colourCol360 .colourchip360 {
  background: url(/Content/7907/Media/General/webimage/icons/colorChipMask.png);
  background-position: 0 0;
  width: 37px;
  height: 22px;
  z-index: 20;
  position: absolute;
  display: inline-block;
  left: 0px;
  top: 0; }

div#colourCol360 span:hover {
  background-position: 37px 0; }

div#colourCol360 img {
  width: 37px;
  height: 22px;
  z-index: 15;
  position: absolute;
  left: 0px; }

div#content360, div#content360 img {
  position: relative; }

div.exterior360Div {
  margin-bottom: -80px;
  margin-top: 8px; }

div.exterior360Div div#colors_ctrls {
  left: 0px !important; }

div.exterior360Div div#view_overlay {
  left: 0px !important;
  top: 0px !important;
  height: 390px;
  width: 956px; }

div#modelContainer {
  position: absolute;
  z-index: 10;
  top: 20px;
  right: 25px;
  width: 60px; }

div#modelContainer img {
  width: auto; }

img.exterior360ButtonHover {
  display: none; }

div.exteriorModel {
  cursor: pointer;
  margin-bottom: 10px; }

div.exteriorModel + div.exteriorModel h5 {
  margin-top: 10px; }

div.exteriorModel div {
  font-size: 11px;
  text-align: center; }

div.exteriorModel:hover, .exteriorModelSelected {
  color: #444444; }

.Veh360Sprite {
  background: url(../Content/7907/Media/General/webimage/2013/360images.png) no-repeat; }

.Veh360_Model {
  width: 55px !important;
  height: 18px !important;
  overflow: hidden; }

.Veh360_WRX_4door {
  background-position: 0 -26px; }

.Veh360_WRX_4door:hover, .Veh360_WRX_4door_Active {
  background-position: 0 0; }

.Veh360_WRX_5door {
  background-position: -133px -26px; }

.Veh360_WRX_5door:hover, .Veh360_WRX_5door_Active {
  background-position: -133px -1px; }

.Veh360_STI_4door {
  background-position: -66px -26px; }

.Veh360_STI_4door:hover, .Veh360_STI_4door_Active {
  background-position: -66px -1px; }

.Veh360_STI_5door {
  background-position: -200px -26px; }

.Veh360_STI_5door:hover, .Veh360_STI_5door_Active {
  background-position: -200px -1px; }

.ex360Model {
  color: #666666;
  text-align: center; }

td.ex360Colour {
  text-align: center;
  vertical-align: top; }

a.ex360Colour {
  color: #999999;
  line-height: 10px;
  text-decoration: none; }

a.ex360Colour:hover {
  color: #FFFFFF; }

a.ex360Colour:active {
  color: #999999; }

.ex360Img {
  border: 1px solid #999999; }

.exterior360Div {
  -ms-touch-action: none; }

.interior360 {
  height: 420px;
  width: 956px; }

.interiorOption {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  color: white;
  background-color: #116CAC;
  padding: 5px 15px;
  box-sizing: border-box;
  display: inline-block; }

.interiorDivider {
  background-color: Grey;
  width: 2px;
  height: 35px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: top;
  padding: 5px 0px;
  box-sizing: border-box; }

/*
-------------------------------------------
PR - Image Gallery, Searches, Lists
-------------------------------------------
*/
.TLN_BG {
  width: 936px;
  margin: 10px;
  background-color: #ffffff;
  font-size: 11px;
  padding-bottom: 0;
  margin-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px; }

.TLN_Header {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  height: 24px;
  text-decoration: none;
  display: block;
  padding: 5px 0px 0px 20px;
  color: #707070 !important;
  outline: 0; }

.prPageTitle {
  margin-top: 5px; }

/* not used anymore? safe to delete?

.TLN_Item  {
    border-bottom:solid 1px White;
    margin-bottom:1px;
}

.TLN_Item a {
	width:202px; 
	height:21px; 
	display:block;
	text-decoration:none; 
	color:#686868;
	font-family:Arial;
	font-size:12px;
	padding-left:36px;
	padding-top:5px;
	outline:0px;
}

.TLN_Item a:active {
    color:#686868;
}

.TLN_Item a:hover {
	background:url(/Content/7907/Media/General/WebImage/blue_rollover.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	outline:0px;
}

.TLN_Logo  {
    height:33px;
    padding-left:27px;
    padding-top:15px;
    font-family:Arial;
    font-size:20px;
    color:Black;
}

.TLN_Logo_Small {
    font-weight:bold;
    font-size:15px;
}

.TLN_Divider {
    background:url(/Content/7907/Media/General/WebImage/2010_side_menu_divider.jpg);
	height:7px;
}

.TLVN_Item {
    border:0 !important;
    margin-bottom:0px !important;
    overflow:hidden;
}

.TLVN_ItemActive {
    background:url(/Content/7907/Media/General/WebImage/blue_selected.jpg);
    overflow:hidden;
}

.TLVN_ItemActive a, .TLVN_ItemActive a:active {
    color:White;
}

.TLVN_ItemActive a:hover {
    background:url(/Content/7907/Media/General/WebImage/blue_selected.jpg);
}

.pr_img_header {
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    color: #000000;
    height: 45px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    vertical-align: middle;
}

.pr_img_description_grey {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    vertical-align: middle;
    height: 45px;
    background-color: #EFEFEF;
}

.pr_img_description_white {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    vertical-align: middle;
    height: 45px;
    background-color: #FFFFFF;
}

.pr_img_description {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #666666;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    line-height: 11px;
    vertical-align: middle;
    height: 45px;
}

*/
/*
-------------------------------------------
Homepage Blue Circle Icons
-------------------------------------------
*/
.homeShortCuts, .PRhomeShortCuts {
  padding: 0 0 10px;
  float: left; }

.homeShortCuts-content {
  text-align: center; }

.homeShortCuts-content h4, .homeShortCuts-content h5 {
  color: #2b80b9;
  white-space: normal; }

.homeShortCuts-content p {
  white-space: normal;
  font-size: 1em;
  margin: 0; }

.homeShortCuts ul, .PRhomeShortCuts ul {
  list-style: none;
  float: left; }

.homeShortCuts ul:after, .PRhomeShortCuts ul:after {
  clear: both; }

.homeShortCuts ul li:first-child, .PRhomeShortCuts ul li:first-child {
  margin: 0; }

.homeShortCuts ul li, .PRhomeShortCuts ul li {
  float: left;
  width: 25%;
  border-right: 1px solid #cccccc;
  padding: 20px;
  min-height: 200px; }

.PRhomeShortCuts ul li {
  margin-bottom: 5px; }

.homeShortCuts ul li:last-child, .PRhomeShortCuts ul li:last-child {
  border: none; }

.tileIcon {
  height: 60px;
  width: 60px;
  margin: 0 auto 10px auto;
  background-image: url("../Content/7907/Media/General/TopLevelFlash/Corporate/icons-home-bigcircles.png"); }

.homeShortCuts ul li a {
  display: block; }

.Home_Pop01 {
  background-position: 0 0; }

.homeShortCuts ul li a:hover .Home_Pop01 {
  background-position: -60px 0; }

.homeShortCuts ul li a:hover .homeShortCuts-content h4 {
  color: #5cade2; }

.Home_Pop02 {
  background-position: 0 -60px; }

.homeShortCuts ul li a:hover .Home_Pop02 {
  background-position: -60px -60px; }

.Home_Pop03 {
  background-position: 0 -120px; }

.homeShortCuts ul li a:hover .Home_Pop03 {
  background-position: -60px -120px; }

.Home_Pop04 {
  background-position: 0 -180px; }

.homeShortCuts ul li a:hover .Home_Pop04 {
  background-position: -60px -180px; }

/*
-------------------------------------------
Publication List (Issuu) & Video Playlist styles?
-------------------------------------------
*/
/* not used anymore? safe to delete? 

div.SCIContent2011 div.pagingControl {
    display:none;
}

div.SCIContent2011 div.pagingControl a {
    font-weight:bold;
    line-height:29px;
    vertical-align:top;
}

div.SCIContent2011 div.pagingControl div.OptionDD2011 {
    margin-left:10px;
    width:145px !important;
}

div.SCIContent2011 div.pagingControl div.veneerSelectedItem2011 {
    width:95px !important;
}

div.SCIContent2011 div.pagingControl select {
    width:137px !important;
}

div.pricingOptionLast {
    margin-right:0px;
    width:210px;
}

div.optionVeneer2011 {
    position:absolute;
}

div.optionVeneer2011 div {
    float:left;
}

*/
/*
-------------------------------------------
Maybe old PR styles?
-------------------------------------------
*/
/* not used anymore? safe to delete? 

div.VTLN_BG {
    margin-right:35px;
    margin-top:30px;
    width:167px;
}

h1.VTLN_2011 a {
    color:Black;
    text-decoration:none;
}

h1.VTLN_2011 div.modelYear {
    font-size:20px;
    line-height:20px;
}

h1.VTLN_2011 div.modelName {
    font-size:28px;
    font-weight:bold;
    line-height:28px;
}

h1.VTLN_2011 div.modelNameLarge {
    font-size:25px;
}

div.VTLN_Divider {
    background-color:#B2B6B9;
    height:1px;
    margin-bottom:14px;
    margin-right:5px;
    margin-top:14px;
    width:100%;
}

div.VTLN_SectionHeader_2011 {
    color:Black;
    font-weight:bold;
    margin-bottom:10px;
}

a.VLTN_Link_2011 {
    color:Black;
    font-size:12px;
    letter-spacing:-0.25px;
    line-height:18px;
    text-decoration:none;
}

a.VLTN_Link_2011:hover {
    color:#0062a0;
}

a.VLTN_Link_Selected_2011 {
    color:#0062a0;
}

div.VTLN_TopDivider {
    margin-bottom:4px;
}

div.VTLN_BottomDivider {
    margin-bottom:4px;
    margin-top:4px;
}

a.VLTN_Bottom_Link_2011 {
    font-weight:bold;
}

body.y2012 div.VTLN_BG {
    background-color:White;
    margin-left:10px;
    margin-right:25px;
}

*/
/*
-------------------------------------------
Gallery - Images, Thumbnails
-------------------------------------------
*/
/* Multimedia Gallery - Photos landing page */
.Gframe {
  width: 680px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px; }

.Gframe #GresultHeader {
  padding-bottom: 10px;
  text-align: left; }

.Gframe #GresultHeader h1 {
  padding-bottom: 0px;
  padding-top: 16px; }

.Gframe .PicLens {
  float: right;
  text-align: center;
  width: 120px; }

.Gframe #GresultHeader p {
  margin-top: 2px; }

.Gframe .imageResults {
  width: 680px;
  overflow: visible; }

.Gframe .imageDiv {
  text-align: center;
  width: 150px;
  height: 210px;
  margin: 10px;
  float: left;
  overflow: visible;
  position: relative;
  background-color: #EFEFEF; }

.Gframe .imageDiv a img {
  border: 0; }

.Gframe .imageDiv a .preview {
  display: none; }

.Gframe .imageDiv a:hover .preview {
  display: block;
  position: absolute;
  left: -50%;
  top: -25%;
  z-index: 1; }

.Gframe .imageDiv .preview {
  border-color: #666666;
  border-style: solid;
  border-width: 1px; }

.Gframe #resultFooter {
  padding-top: 0px;
  background-color: #EFEFEF; }

.Gframe #pageNumbers {
  float: left; }

.Gframe #pageNumbers p {
  color: #000000;
  font-size: 11px; }

.Gframe #navigation {
  padding-top: 10px;
  float: right; }

.Gframe .linkButton {
  float: left;
  width: 20px;
  padding-left: 2px;
  padding-right: 2px; }

.Gframe .pageLink {
  float: left;
  padding-left: 2.5px;
  padding-right: 2.5px;
  font-size: 8pt;
  color: #000000;
  text-align: center; }

.Gframe .pageLink a {
  font-size: 8pt; }

.Gframe .spacer {
  padding: 5px; }

.Gframe .searchDiv {
  text-align: left; }

.Gframe #formDiv {
  width: 250px;
  overflow: hidden; }

.Gframe .leftColumn {
  float: left;
  padding: 0px;
  width: 100px;
  text-align: left; }

.Gframe .rightColumn {
  float: left;
  padding-bottom: 10px; }

.Gframe .headerLine {
  margin-top: 6px; }

.Gframe .model {
  float: left;
  width: 48%;
  margin: 5px; }

.Gframe .model a {
  text-decoration: none; }

.Gframe .model .head {
  color: Black;
  padding: 10px;
  background-color: #EFEFEF;
  font-size: 16px;
  font-weight: bold; }

.Gframe .model img {
  width: 100%;
  border: none; }

/* not used anymore? safe to delete?

.gallery {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #000000;
}

a.gallery {
    color: #1200DF;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-decoration: underline;
}

a.gallery:active {
    color: #65A3FF;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-decoration: underline;
}

a.gallery:hover {
    color: #1200DF;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-decoration: none;
}

.gallery_instructions {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #666666;
}

.gallery_underline {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #666666;
    text-decoration: underline;
}

*/
.image1, .image a, .image a:hover, .image a:visited {
  border: 1px;
  background-attachment: fixed;
  border-color: #999999;
  outline-color: #999999; }

.portrait {
  height: 520px;
  overflow: hidden;
  display: table; }

.previewImgs {
  text-align: left; }

#thumbnail_container {
  width: 494px;
  height: 81px;
  overflow: auto;
  background-color: #ffffff; }

div.thumbnails {
  display: inline;
  height: 60px;
  overflow: auto; }

a.thumbnail:link {
  border: solid #999999 1px; }

a.thumbnail:active {
  border: solid #FF0000 1px; }

/*
-------------------------------------------
Videos
-------------------------------------------
*/
#Videos ul {
  list-style-type: none;
  margin: 17px 0px; }

#Videos li {
  padding: 17px 0px 17px 17px; }

#Videos li.alt {
  background-color: #EFEFEF; }

#Videos li img {
  width: 83px;
  height: 62px;
  cursor: pointer; }

#Videos li div {
  display: inline-block;
  padding-left: 17px;
  vertical-align: top; }

#Videos ul.info {
  margin: 0px;
  width: 570px; }

#Videos li.info {
  padding: 0px; }

#Videos li.title {
  margin-bottom: 10px; }

#Videos div.data {
  display: none; }

#Videos div.std {
  height: 320px;
  margin-bottom: 10px;
  display: none; }

#Videos div#stdPlayer {
  width: 400px;
  height: 320px;
  display: inline-block;
  vertical-align: top; }

#Videos div#stdInfo {
  width: 280px;
  height: 320px;
  display: inline-block;
  background-color: #EFEFEF; }

#Videos div#sideInfo {
  display: table-cell;
  vertical-align: middle;
  padding: 21px;
  width: 280px;
  height: 320px; }

#Videos div.spacer {
  margin-top: 15px; }

#Videos div.yt {
  margin-bottom: 10px;
  display: none; }

#Videos div#ytInfo {
  margin-top: 10px;
  padding-left: 15px; }

/* not used anymore? safe to delete?

div.videos2011.vehicle {
    margin-left:30px;
}

div.videos2011 div#ytInfo {
    padding-left:0px !important;
}

div.videos2011 div.title {
    color:Black;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:bold;
    line-height:16px;
    margin-bottom:5px;
}

div.videos2011 div.description {
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:12px;
    margin-bottom:30px;
    width:500px;
}

div.videos2011 span.duration {
    color:Black;
}

div.videos2011 span.added {
    color:Black;
}

div.videos2011 div.preferences {
    color:Black;
    font-size:11px;
    font-weight:bold;
    height:50px;
    padding:17px;
}

div.videos2011 div.preferences span {
    line-height:20px;
}

div.videos2011 div.alt {
    background-image:url("/Content/7907/Media/General/WebImage/2011/2011_Spec_Alt.jpg");
    background-repeat:repeat;
}

div.videos2011 li {
    padding:17px !important;
}

div.videos2011 li.alt {
    background-image:url("/Content/7907/Media/General/WebImage/2011/2011_Spec_Alt.jpg");
    background-repeat:repeat;
}

div.videos2011 li div  {
    padding-left:13px !important;
}

div.videos2011 ul.info {
    width:555px !important;
}

div.videos2011 li.info {
    padding:0px !important;
}

div.videos2011 span.desc {
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    font-weight:bold;
}

div.videos2011 div.bottomPaging {
    height:40px;
}

div.videos2011 div.videoBottom {
    font-size:12px;
    font-weight:bold;
    margin-bottom:30px;
    margin-top:20px;
}

div.videos2011 div.videoBottom a {
    color:#0062A0;
}

div.videos2012.vehicle {
    margin-left:0px;
    padding:30px;
}

div.videos2012.vehicle li.alt {    
    background-image: linear-gradient(left , #E7E8EA 0%, #D8DDE1 100%);
    background-image: -o-linear-gradient(left , #E7E8EA 0%, #D8DDE1 100%);
    background-image: -moz-linear-gradient(left , #E7E8EA 0%, #D8DDE1 100%);
    background-image: -webkit-linear-gradient(left , #E7E8EA 0%, #D8DDE1 100%);
    background-image: -ms-linear-gradient(left , #E7E8EA 0%, #D8DDE1 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E7E8EA), color-stop(1, #D8DDE1));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7E8EA', endColorstr='#D8DDE1',gradientType='1');
}

div.videos2012.vehicle ul#videoList {
    margin:17px auto;
    width:690px;
}

*/
/*video player container*/
.videoPos {
  Z-INDEX: 2;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  overflow: hidden; }

div.pad .vidcontainer {
  top: auto;
  width: auto; }

div.pad .videoPos {
  margin-top: 0px !important;
  width: auto;
  top: 10px !important; }

.videoPos iframe,
.videoPos object,
.videoPos embed {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%; }

/*
-------------------------------------------
Homepage Social Media Panel
-------------------------------------------
*/
div.ytVideo {
  height: 90px;
  overflow: hidden;
  margin: 0 0 25px 10px;
  padding: 0; }

div.ytImage {
  border: 0px solid #999999;
  display: block !important;
  padding: 0;
  margin: 0 8px 0 0; }

div.ytImage a {
  position: relative;
  text-decoration: none;
  outline: 0; }

div.ytImage img {
  border: 0; }

span.ytDuration {
  position: absolute;
  bottom: 14px;
  right: 5px;
  padding: 0px 4px;
  font: 11px arial,sans-serif;
  font-weight: bold;
  line-height: 14px;
  height: 14px;
  color: White;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  color: #fff !important;
  height: 14px;
  line-height: 14px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  display: -moz-inline-stack;
  display: inline-block;
  display: inline;
  vertical-align: top;
  zoom: 1; }

div.vid_description {
  font-size: 11px;
  color: #646567;
  height: 60px;
  overflow: hidden;
  margin: 0; }

div.vid_title {
  display: block !important;
  width: 100%; }

div.vid_title a {
  color: #646567;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  outline: 0; }

div#youtube_link {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 18px; }

div#youtube_link a {
  text-decoration: none;
  color: #646567;
  font-weight: bold; }

div#youtube_frame {
  position: relative;
  height: 440px;
  width: 250px;
  overflow: hidden; }

.smf-tabTop {
  height: 57px;
  text-align: center;
  margin: 0;
  padding: 0;
  background: #E5E8ED url(../Content/7907/Media/General/TopLevelFlash/Corporate/socialmedia-sprite.png) 0 -143px repeat-x; }

.smf-tabTopInner {
  margin: 0 auto;
  width: 996px;
  height: 57px;
  background: #ffffff url(../Content/7907/Media/General/TopLevelFlash/Corporate/socialmedia-sprite.png) 0 -143px repeat-x; }

.smf-tabTopTip {
  position: relative;
  background: url(../Content/7907/Media/General/TopLevelFlash/Corporate/socialmedia-sprite.png) 0 -200px no-repeat;
  text-align: center;
  vertical-align: bottom;
  width: 300px;
  height: 57px;
  cursor: pointer;
  color: #006CC5;
  font-weight: bold;
  overflow: hidden;
  margin: 0 auto;
  padding: 0; }

.smf-tabTopTip:hover {
  background-position: -300px -200px; }

.smf_tabTopTip_word {
  position: absolute;
  margin: 6px 0 0 100px;
  padding: 0;
  text-align: left; }

.smf_tabTopTip_word h4, .smf_tabTopTip_word p {
  color: #ffffff;
  margin: 0 !important; }

.smf_tabTopTip_image {
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png) -122px -123px no-repeat;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 28px;
  right: 50px;
  margin: 0;
  padding: 0; }

.smf_tabTopTip_image_close {
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png) -99px -123px no-repeat;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 28px;
  right: 50px;
  margin: 0;
  padding: 0; }

.smf_title_image {
  background: url(../Content/7907/Media/General/TopLevelFlash/Corporate/socialmedia-sprite.png) 0 -97px no-repeat;
  position: absolute;
  top: 26px;
  left: 0;
  width: 185px;
  height: 12px; }

.smf_title_image_french {
  background: url(../Content/7907/Media/General/TopLevelFlash/Corporate/socialmedia-sprite.png) -195px -97px no-repeat;
  position: absolute;
  top: 26px;
  left: 0;
  width: 130px;
  height: 12px; }

.smf-content {
  background-image: url(../Content/7907/Media/General/TopLevelFlash/Corporate/sm-bg.png);
  display: none;
  height: 465px; }

.smf-content ul li {
  display: inline;
  list-style-type: none; }

.smf-facebook, .smf-twitter {
  float: left;
  display: block;
  width: 266px;
  margin: 20px 0 20px 42px;
  height: 415px; }

.smf-facebook {
  margin-left: 30px; }

.smf-youtube {
  float: left;
  display: block;
  width: 270px;
  margin: 16px 0 20px 30px;
  height: 415px; }

.smFooter {
  clear: both; }

.smFooter-wrapper {
  width: 996px;
  margin: 0 auto;
  height: 0; }

#Twitter_image {
  margin: 10px 0 0 0; }

#twitter_frame {
  position: relative;
  height: 415px;
  overflow: hidden; }

#twitter_frame iframe {
  width: 300px !important;
  height: 415px !important; }

#twitter_update_list {
  color: #646567;
  padding: 0;
  margin: 15px 0 0 0;
  width: 240px; }

#twitter_update_list li {
  display: list-item;
  line-height: 16px;
  list-style-type: none;
  background: url(../Content/7907/Media/General/TopLevelFlash/Corporate/twitter_newbird_blue.png) no-repeat 0 0;
  padding: 2px 0 10px 25px;
  margin: 0; }

#twitter_button_container {
  width: 200px;
  right: 0;
  position: absolute;
  bottom: 15px; }

div.tweets {
  font-family: Verdana;
  font-size: 10px;
  line-height: 13px;
  padding-top: 0px;
  height: 140px;
  display: block !important;
  width: 400px;
  overflow: hidden; }

div.tweets ul {
  white-space: normal !important;
  padding-right: 10px; }

#YouTube_image {
  margin: 7px 0 15px 0; }

.smf_bottom {
  width: 100%;
  height: 20px;
  background-color: #898989;
  margin: 0;
  padding: 0; }

.smf_bottom_image {
  background: url(../Content/7907/Media/General/TopLevelFlash/Corporate/socialmedia-sprite.png) -191px -71px no-repeat;
  width: 182px;
  height: 20px;
  margin: 0;
  padding: 0; }

body.y2012 .smf-content {
  background: #F5F5F5;
  border: 1px solid #DDDDDD; }

body.y2012 .smf-content ul {
  margin-bottom: 0px;
  margin-top: 0px; }

body.y2012 .smf-content ul li {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 20px;
  padding-top: 20px; }

body.y2012 .smf-twitter {
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  margin: 20px 0px;
  padding-left: 42px;
  width: 340px; }

/*
-------------------------------------------
All-in Pricing
-------------------------------------------
*/
.allInLegal {
  display: none;
  font-size: 11px;
  line-height: 11px; }

.allInPricing .allInLegal {
  display: inline;
  color: #116CAC;
  cursor: pointer; }

.allInPricing .allInLegal:hover {
  color: #2C98E9;
  text-decoration: none; }

.allInPricing .allInLegal:active {
  color: #000000;
  text-decoration: none; }

table.specSelection .allInLegal {
  font-size: 9px;
  line-height: 9px; }

#allInPricingLegal, #evRangeLegal {
  background-color: White;
  min-height: auto !important;
  width: 600px; }

#allInPricingLegal p, #evRangeLegal p {
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  font-size: 11px;
  line-height: 11px;
  margin-bottom: 0px;
  padding: 20px; }

@media screen and (max-width: 40em) {
  #allInPricingLegal p, #evRangeLegal p {
    font-size: 11px;
    line-height: 11px; } }

#ui-dialog-title-allInPricingLegal {
  width: 100%; }

.allInPricingLegal, .evRangeLegal {
  border: 0 none;
  position: absolute;
  z-index: 2002 !important; }

.allInPricingLegal .ui-dialog-titlebar, .evRangeLegal .ui-dialog-titlebar,
.ccDialog .ui-dialog-titlebar {
  background-color: #666666;
  display: block;
  height: 40px; }

.allInPricingLegal .ui-button, .evRangeLegal .ui-button,
.ccDialog .ui-button {
  background-color: #666666 !important;
  cursor: pointer;
  float: right;
  padding-right: 10px;
  padding-top: 10px;
  outline: 0 none; }

.allInPricingLegal .ui-state-default .ui-icon, .accessoryDialog .ui-state-default .ui-icon, .evRangeLegal .ui-state-default .ui-icon,
.ccDialog .ui-state-default .ui-icon {
  background-image: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png");
  background-position: -287px -64px;
  display: block;
  height: 20px;
  width: 20px; }

/*
-------------------------------------------
Limited Inventory
-------------------------------------------
*/
.limitedInventory, .limitedTrimInventory {
  background-color: #dddddd;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.25s ease;
  margin-top: 18px; }

.limitedTrimInventory {
  background-color: transparent;
  margin-top: 0px; }

.limitedInventory span, .limitedTrimInventory span {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  padding-left: 0.5em;
  padding-right: 0.5em; }

.limitedInventory img, .warningIcon {
  height: 3em;
  width: 3em;
  padding-bottom: 0px; }

.mmTrimContainer img.warningIcon, .ltdTrimContainer img.warningIcon {
  padding-bottom: 0px;
  width: 3em; }

.limitedInventory > *, .limitedTrimInventory > * {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.limitedInventory:hover, .limitedTrimInventory:hover {
  background-color: #eee; }

.limitedInventory:hover > img, .limitedTrimInventory:hover > img {
  zoom: 1;
  filter: alpha(opacity=65);
  opacity: 0.65; }

/*
-------------------------------------------
Tables
-------------------------------------------
*/
/* not used anymore? safe to delete?

.table_header {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    padding:2px 5px;
    background-color: #999999;
    font-weight: bold;
}

.table_subheader {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #666666;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #DDDDDD;
}

.rally_table_header {
    color: #FFFFFF;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #1200DF;
}

.table_header_black {
    color: #FFFFFF;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #000000;
}

.table_bodySm {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    line-height: 10px;
    color: #666666;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #EFEFEF;
    text-align: center;
    vertical-align: middle;
}

a.table_body {
    color: #1200DF;
    padding-bottom: 2px;
    padding-top: 2px;
    text-decoration: underline;
}

a.table_body:hover {
    color: #1200DF;
    padding-bottom: 2px;
    padding-top: 2px;
    text-decoration: none;
}

a.table_body:active {
    color: #65A3FF;
    padding-bottom: 2px;
    padding-top: 2px;
    text-decoration: underline;
}

a.table_body_white {
    color: #1200DF;
    padding-bottom: 2px;
    padding-top: 2px;
    text-decoration: underline;
}

a.table_body_white:hover {
    color: #1200DF;
    padding-bottom: 2px;
    padding-top: 2px;
    text-decoration: none;
}

a.table_body_white:active {
    padding-bottom: 2px;
    padding-top: 2px;
    text-decoration: underline;
    color: #65A3FF;
}

.td_main {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #EFEFEF;
    border: 1px #999999 solid;
    padding:2px 5px;
    font-weight: bold;
}

td.bottomnavtable {
    padding-left: 10px;
    padding-top: 10px;
}

td.bottomnavtable_footer {
    vertical-align:top;
    padding-top: 120px;
}

*/
.table_body {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #666666;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #EFEFEF;
  line-height: 13px; }

.table_body_white {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #666666;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #FFFFFF; }

td.menu {
  background-color: white;
  padding: 2px;
  line-height: 11px; }

.td_image {
  border: 1px #999999 solid;
  padding: 0; }

.table_border {
  border: solid;
  border-width: 1px;
  padding: 3px;
  border-color: #A3A3A3; }

.td_right_border {
  border-right: solid 1px #CCCCCC;
  border-top: solid 1px #000000; }

.td_top_border {
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000; }

.td_bottom_border {
  border-bottom: solid 1px #000000;
  width: 226px !important; }

/*
-------------------------------------------
Links
-------------------------------------------  
*/
a {
  color: #2b80b9;
  text-decoration: none; }
  a:active {
    color: #000000; }
  a:hover {
    color: #2C98E9;
    text-decoration: none; }
    .TopBuyingTool a:hover {
      color: #fff; }
    .main_menu_rolldown > ul > li a:hover {
      color: #fff; }
    .blueGradient a:hover {
      color: #fff; }

a.disabled {
  cursor: default; }

.anchor {
  color: #116CAC;
  outline: 0 none;
  text-decoration: none; }

.anchor:hover {
  color: #2C98E9; }

.link {
  color: #707070;
  text-decoration: none;
  outline: 0; }

.link:active {
  text-decoration: none;
  outline: 0; }

.link:hover {
  color: #181084;
  text-decoration: none;
  outline: 0; }

a.header {
  color: #1200DF;
  text-decoration: underline; }

a.header:active {
  color: #65A3FF;
  text-decoration: underline; }

a.header:hover {
  color: #1200DF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  padding-bottom: 8px; }

a.menu {
  color: #999999;
  text-decoration: none; }

a.menu:hover, a.menu:active {
  color: #000000;
  text-decoration: none; }

/* not used anymore? safe to delete? 

.a_small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #1200DF;
    text-decoration: underline;
}

.a_small:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #1200DF;
    text-decoration: none;
}

.glossary_link, .glossry_link {
    text-decoration:underline;
}

.glossary_link a, .glossry_link a {
    text-decoration:underline;
    color: #181084;
}

.glossary_link a:active, .glossry_link a:active {
    text-decoration:underline;
    color: #181084;
}

.glossary_link a:hover, .glossry_link a:hover {
    text-decoration:underline;
    color: #181084;
}

a.image_link {
    border:0;
}

a.image_link:hover {
    border: 1px solid red;
} 

a.image_link:visited {
    border:0;
} 

*/
/*
-------------------------------------------
Inline Links
-------------------------------------------  
*/
.inlineLinks, .listLinks li, .BacktoTop li a, .BacktoTop li a:hover {
  list-style: none; }

.inlineLinks li a, .listLinks li a, .BacktoTop li a {
  display: block;
  text-decoration: none;
  outline: 0 none; }

.inlineLinks {
  padding: 20px 0;
  margin: 7px; }
  .inlineLinks li {
    float: left;
    padding: 0 20px 0 12px;
    border-right: 1px solid #CCC; }
    .inlineLinks li :first-child {
      padding-left: 0; }
    .inlineLinks li a {
      padding: 4px 8px 8px 18px;
      color: #116EAD;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
      .inlineLinks li a:hover {
        background-color: #3C8ED5;
        color: white; }
        .inlineLinks li a:hover .blueArrowRight {
          background: url(/Content/7907/Media/General/webimage/icons/icons-sprite.png) no-repeat -48px -35px; }

.listLinks {
  float: left; }
  .listLinks li {
    padding-bottom: 4px;
    list-style-position: outside; }
    .listLinks li a {
      padding: 4px 8px 8px 18px;
      color: #116EAD;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
      .listLinks li a:hover {
        background-color: #3C8ED5;
        color: white; }
        .listLinks li a:hover .blueArrowRight {
          background: url(/Content/7907/Media/General/webimage/icons/icons-sprite.png) no-repeat -48px -6px; }

/*
-------------------------------------------
Back to Top Link
-------------------------------------------  
*/
.BacktoTop li a {
  color: #4C4C4C;
  padding: 4px 8px 8px 18px; }

.BacktoTop li a:hover {
  color: #000000; }

/*	
-------------------------------------------
Navigation - Primary, Secondary, 3rd Level, Sub-Level, Menus
-------------------------------------------
*/
.mainMenu {
  background-color: #898989;
  height: 65px;
  margin-bottom: 5px; }

#mainMenu {
  width: 100%;
  margin: 0;
  height: 65px;
  background-color: #898989;
  margin-bottom: 5px;
  position: relative;
  z-index: 3; }

.menuBar li h6 {
  color: #ffffff;
  line-height: 44px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.menuBar li:hover h6 {
  color: #2b80b9; }

.menuBar li:hover {
  cursor: pointer; }

.menuBar li a, .menuBar li div.menuButton {
  background-image: url(../Content/7907/Media/General/webimage/2013/2013_Pricing_breadCrumbsSprite.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
  display: block;
  padding-left: 30px;
  height: 47px; }

.menuBar li:first-child a, .menuBar li:first-child div.menuButton {
  margin-left: 20px;
  padding-left: 0; }

.menuBar li:hover a, .menuBar li:hover div.menuButton {
  background-position: 100% -50px; }

.menuBar li:active a, .menuBar li:active div.menuButton {
  background-position: 100% -100px; }

.menuBar li .first {
  background-image: url(../Content/7907/Media/General/webimage/2013/2013_Pricing_breadCrumbsSprite.png);
  background-position: 0 -150px;
  width: 20px;
  display: inline-block;
  height: 47px;
  position: relative;
  float: left; }

.menuBar li:hover .first {
  background-position: 0 -200px; }

.menuBar li:active .first {
  background-position: 0 -250px; }

.menuBar li .last, .menuBar li div.last {
  background-position: 100% -150px; }

.menuBar li:hover .last, .menuBar li:hover div.last {
  background-position: 101.25% -200px; }

.menuBar li:active .last, .menuBar li:active div.last {
  background-position: 100% -250px; }

.menuBar li .arrowBox {
  border-left: 1px solid #FFFFFF;
  height: 19px;
  position: absolute;
  right: 0;
  top: 13px;
  width: 45px; }

.menuBar li .arrowBox .arrow {
  background: url(/Content/7907/Media/General/webimage/icons/icons-sprite.png) repeat scroll -86px -8px transparent;
  height: 4px;
  margin: 8px 0 0 15px;
  width: 8px; }

a.secondLevelLink2011 {
  height: 12px; }

a.secondLevelLink2011:hover {
  color: White;
  background-image: url(/Content/7907/Media/General/WebImage/blue_rollover.jpg);
  background-repeat: no-repeat;
  background-color: #39486f; }

a.secondLevelLink2011:hover div.ThirdLevelDiv {
  display: block; }

a.secondLevelLink2011:hover ul.thirdLevelList {
  display: block;
  float: left;
  height: 100%; }

.secondLevelLink, .thirdLevelLink {
  cursor: pointer; }

div.ThirdLevelDiv {
  position: absolute;
  z-index: 1; }

a.thirdLevelLink2011 {
  height: 12px; }

a.thirdLevelLink2011:hover {
  color: White;
  background-image: url(/Content/7907/Media/General/WebImage/blue_rollover.jpg);
  background-repeat: no-repeat;
  background-color: #39486f; }

div.thirdLevelContainer {
  background-color: #F9F9F9;
  margin: 10px 0 10px 10px;
  width: 193px; }

#thirdLevel {
  display: inline-block;
  vertical-align: top;
  padding-right: 3px; }

h4.NavFirstLevel {
  padding: 10px 15px;
  font-weight: 400;
  border: 1px solid #eeeeee;
  border-bottom-color: #e5e5e5;
  margin-bottom: 0 !important;
  background-color: #eeeeee; }

div.NavFirstLevel {
  margin-bottom: 13px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 6px; }

div.NavFirstLevel a {
  font-size: 18px; }

div.NavSeparator {
  border-top: 1px solid #e5e5e5;
  width: 100%; }

div.SecondLevelContainer {
  min-height: 40px;
  display: block;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5; }

div.SecondLevelContainer:last-child {
  border-bottom: 1px solid #e5e5e5; }

div.NavSecondLevel {
  padding: 0 25px 0 15px;
  position: relative;
  height: 40px;
  display: table;
  width: 151px; }

div.NavSecondLevel.large {
  height: 52px; }

div.NavSecondLevel.selected {
  border-top: 1px solid #e5e5e5;
  background-color: #ebf6fe;
  margin-top: -1px; }

div.NavSecondLevel.highlighted:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background-color: #2b80b9;
  width: 5px;
  height: 100%;
  z-index: 1; }

div.NavSecondLevel a {
  font-size: 12px;
  line-height: 13px;
  color: #666666;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 1; }

div.NavSecondLevel.highlighted a {
  color: #2C98E9; }

div.NavSecondSelectedArrow {
  display: none;
  width: 10px;
  height: 40px;
  position: absolute;
  right: -14px;
  top: 0px;
  background: url("/Content/7907/Media/General/webimage/2012/side_menu_arrow_large.png"); }

div.NavSecondArrow {
  position: absolute;
  cursor: pointer;
  right: 8px;
  margin-top: 17px; }

div.NavSecondLevel.large div.NavSecondArrow {
  margin-top: 13px; }

div.NavSecondArrow.closed {
  background: url("/Content/7907/Media/General/webimage/icons/icons-sprite.png") repeat scroll -45px -25px transparent;
  height: 10px;
  width: 10px; }

div.NavSecondArrow.closed:hover {
  background-position: -45px -34px; }

div.NavSecondArrow.open {
  background: url("/Content/7907/Media/General/webimage/icons/icons-sprite.png") repeat scroll -85px -25px transparent;
  height: 8px;
  width: 10px; }

div.NavSecondArrow.open:hover {
  background-position: -85px -35px; }

div.NavSecondArrow.open:before {
  content: "";
  display: block;
  width: 191px;
  height: 40px;
  position: absolute;
  left: -173px;
  top: -17px;
  background-color: #ffffff;
  z-index: 0; }

div.NavSecondLevel.selected.highlighted div.NavSecondArrow.open:before {
  content: "";
  display: block;
  width: 191px;
  height: 40px;
  position: absolute;
  left: -173px;
  top: -17px;
  background: none; }

div.NavSecondArrow.open:after {
  content: "";
  display: block;
  background: url("/Content/7907/Media/General/webimage/icons/icons-sprite.png") repeat scroll -85px -25px transparent;
  height: 8px;
  width: 10px;
  position: absolute; }

body.y2012 div#thirdLevel {
  margin-right: -1px;
  padding-right: 0px;
  display: block !important;
  float: left; }

div.ThirdLevelContainer {
  padding: 0; }

div.NavThirdLevel {
  position: relative;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 10px 8px 20px;
  display: table;
  width: 161px; }

div.NavThirdLevel:last-child {
  border-bottom: none; }

div.NavThirdLevel:first-child {
  border-top: 1px solid #e5e5e5; }

div.NavThirdLevel.selected {
  background-color: #ebf6fe; }

div.NavThirdLevel.selected .anchor {
  color: #2C98E9; }

div.NavThirdLevel a {
  font-size: 11px;
  line-height: 12px;
  display: table-cell;
  vertical-align: middle;
  color: #666666; }

div.NavThirdLevel li {
  list-style-type: square;
  margin-left: 8px; }

div.NavSmallArrow {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  background-color: #2b80b9; }

.menu {
  font-size: 11px;
  color: #999999;
  font-weight: bold;
  padding: 7px; }

/* not used anymore? safe to delete?

.sidemenu_sub1 a {
	width:166px; 
	height:21px; 
	display:block;
	text-decoration:none; 
	color:#686868;
	font-family:Arial;
	font-size:12px;
	padding-left:36px;
	padding-top:5px;
	outline:0px;
}
	
.sidemenu_sub1 a:hover {
	background:url(/Content/7907/Media/General/WebImage/blue_rollover.jpg);
	color:#FFFFFF;
	outline:0px;
} 
	
.sidemenu_sub_active a {
	background:url(/Content/7907/Media/General/WebImage/blue_selected.jpg);
	height:21px; 
	display:block;
	text-decoration:none; 
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	padding-left:36px;
	padding-top:5px;
	outline:0px;
}

.menupdfon {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background-color: #EFEFEF;
    text-decoration: none;
}

.menupdf a:link {
    font-size: 11px;
    color: #666666;
    font-weight: bold;
    background-color: #EFEFEF;
    text-decoration: none;
}

.menupdf a:hover {
    font-size: 11px;
    text-decoration: none;
    color: #181084;
    font-weight: bold;
    background-color: #EFEFEF;	
    vertical-align: middle;
}

.menupdf a:visited {
    font-size: 11px;
    color: #666666;
    font-weight: bold;
    background-color: #EFEFEF;
    text-decoration: none;
}


#menu_top td {
    background-color:#0b0a5a;
}

#menu_top td a {
    background-color:#0b0a5a;
    font-family: Arial;
    text-decoration:none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

#menu_top td a:hover {
    background-color:#0b0a5a;
    color: #FFFFFF;
    text-decoration:none;
}

.menu_top1 {
    background-color:#0b0a5a;
}

.menu_top1 a {
    background-color:#0b0a5a;
    font-family: Arial;
    text-decoration:none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

#menu_leftside td {
    background-color:#0b0a5a;
}

#menu_leftside td a {
    display:block;
    padding-top: 5px;
    height:25px;
    padding-left: 30px;
    background-color:#0b0a5a;
}

#menu_leftside td a:hover {
    background-color:#FFFFFF;
    color:#0b0a5a;
}

.menuside a {
    padding-top: 5px;
    height:25px;
    padding-left: 30px;
    background-color:#0b0a5a;
    text-decoration:none;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;	
    margin-top: 0px;
}

.menuside a:hover {
    background-color:#FFFFFF;
    color:#0b0a5a;
    text-decoration:none;
}

#menu_dropdown td a {
    display:block;
    height:19px;
    padding-left: 15px;
}

#menu_dropdown td a:hover {
    color:#ffffff;
}

*/
/*	
-------------------------------------------
Mega Menu
-------------------------------------------
*/
.mmContent {
  margin: 0;
  position: absolute;
  top: 65px;
  padding: 20px;
  width: 914px;
  background-repeat: no-repeat;
  display: none;
  background-color: #fff;
  border: 1px #cccccc solid;
  border-top: none;
  -moz-box-shadow: 0 0 6px #cccccc;
  -webkit-box-shadow: 0 0 6px #cccccc;
  box-shadow: 0 0 6px #cccccc;
  z-index: 10; }

.overlap {
  width: 124px;
  height: 90px;
  position: absolute;
  left: -6px;
  top: -48px;
  padding: 5px;
  background: url(../Content/7907/Media/General/webimage/icons/overlap-shadow.png) 0 0 no-repeat; }

.mmContent_IE8 {
  border: 1px solid #5B5B5B; }

.mmTab {
  margin: 0 0 0 6px; }

.activeTab-left {
  background: url(../Content/7907/Media/General/webimage/icons/activeTab.png) 0 0 no-repeat;
  width: 10px;
  height: 50px;
  float: left; }

.activeTab-right {
  background: url(../Content/7907/Media/General/webimage/icons/activeTab.png) 0 -100px no-repeat;
  width: 10px;
  height: 45px;
  float: left; }

.activeTabTxt {
  font-size: 11px;
  padding: 18px 5px;
  text-align: center;
  text-transform: uppercase;
  color: #878787;
  background: url(../Content/7907/Media/General/webimage/icons/activeTab.png) 0 -50px repeat-x;
  letter-spacing: 1px; }

.inactiveTab {
  display: block;
  float: left;
  width: 10px;
  height: 45px; }

.inactiveTabTxt {
  font-size: 11px;
  padding: 18px 5px 10px 5px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px; }

.inactiveDealerTab {
  font-size: 11px;
  padding: 14px 11px 13px 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  float: left;
  margin: 0; }

.activeDealerTab {
  background-color: #fff;
  color: #878787;
  z-index: 100;
  position: relative;
  height: 15px; }

.mmTrims {
  padding: 0;
  margin: 50px 0 0 0;
  width: 206px; }

.mmDealerVehicleContent .mmTrims {
  margin: 0; }

.mmTrims li {
  color: #666;
  list-style-type: none;
  padding: 0 0 0 4px;
  border-bottom: 1px solid #e5e5e5; }

.mmTrims li a {
  display: flex;
  text-decoration: none;
  color: #116cac;
  min-height: 35px;
  white-space: normal; }

.TrimMenu-right {
  padding: 5px;
  display: table-cell; }

.mmTrimColor {
  color: #666; }

.mmTrimPositionTop {
  background-position: 0 0; }

.mmTrimPositionMiddle {
  background-position: 0 -40px; }

.mmTrimPositionBottom {
  background-position: 0 -80px; }

.TrimMenu {
  background-color: white;
  line-height: 13px; }

.TrimMenu.focused {
  background-color: #ebf6fe; }

.TrimMenu.focused a {
  color: #2C98E9; }

.mmtrim {
  display: table-cell;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.75px;
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 3px 0;
  vertical-align: top;
  white-space: nowrap; }

.mmtrimLine {
  font-size: 11px;
  display: block;
  clear: right;
  color: #666666 !important; }

.mmtrimLinePlus {
  display: block;
  font-size: 9px;
  line-height: 10px;
  font-style: italic;
  color: #666666 !important; }

.mmVehicle {
  padding: 0;
  margin: 0;
  width: 685px;
  font-size: 11px;
  position: relative;
  overflow: hidden;
  color: #999; }

.mmVehicle-top {
  margin: 0;
  padding: 0;
  width: 685px;
  height: 30px;
  position: relative;
  border-bottom: 1px solid #E5E5E5; }

.mmVehicle-top-price-wrap span {
  display: block;
  float: left; }

#mmModelCode, #vsModelCode, .pdLegal span, .aiLegal span {
  display: none; }

.mmVehicle-top-price {
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  font-size: 36px;
  line-height: 36px;
  color: #000;
  font-smooth: always; }

.mmVehicle-top-price-wrap .dollarsign {
  font-size: 24px;
  line-height: 36px;
  color: #000; }

.mmVehicle-top-price-txt {
  display: block;
  clear: right;
  width: 220px; }

.mmVehicle-top-logos {
  background: url(../Content/7907/Media/General/webimage/icons/mmVehLogos.png) no-repeat;
  height: 15px;
  position: absolute;
  top: 5px;
  left: 0; }

.mmLogos-Tribeca {
  background-position: 0 0 !important;
  width: 122px; }

.mmLogos-Forester {
  background-position: -130px 0 !important;
  width: 152px; }

.mmLogos-Impreza {
  background-position: -293px 0 !important;
  width: 132px; }

.mmLogos-Legacy {
  background-position: -440px 0 !important;
  width: 115px; }

.mmLogos-Outback {
  background-position: -565px 0 !important;
  width: 127px; }

.mmLogos-WRXSTI {
  background-position: -696px 0 !important;
  width: 196px; }

.mmLogos-WRX {
  background-position: -696px 0 !important;
  width: 66px; }

.mmLogos-STI {
  background-position: -781px 0 !important;
  width: 112px; }

.mmLogos-BRZ {
  background-position: -902px 0 !important;
  width: 101px; }

.mmLogos-BRZ-small {
  background-position: -949px 0 !important;
  width: 55px; }

.mmLogos-Crosstrek {
  background-position: -1097px 0 !important;
  width: 160px; }

.mmLogos-WRXSTI2015 {
  background-position: -1260px 0 !important;
  width: 205px; }

.mmLogos-WRX2015 {
  background-position: -1260px 0 !important;
  width: 66px; }

.mmLogos-STI2015 {
  background-position: -1351px 0 !important;
  width: 112px; }

.mmLogos-Ascent {
  background-position: -1472px 0 !important;
  width: 122px; }

.mmLogos-Solterra {
  background-position: -1599px 0 !important;
  width: 160px; }

.mmVehicle-image {
  float: right;
  z-index: 0;
  width: 600px;
  margin-top: 80px; }

.mmVehicle-image img {
  width: 600px; }

.mmVehicle-leftCol {
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 210; }

.mmVehicle-leftCol .rebateDisplay {
  top: 5px;
  right: 30px; }

.mmVehicle-leftCol-links, .mmVehicle-leftCol-info {
  list-style-type: none;
  margin-left: 0; }

.mmVehicle-leftCol-links {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0; }

.mmVehicle-leftCol-links li {
  display: inline-block; }

.bmLinks li {
  display: block; }

.mmVehicle-leftCol-links a {
  font-size: 12px;
  display: block;
  height: 20px;
  margin-top: 5px;
  text-decoration: none;
  padding: 0 5px;
  color: #116CAC; }

.mmVehicle-leftCol-links a:hover {
  color: #2C98E9; }

.mmVehicle-leftCol-links .launchInfo, .mmVehicle-leftCol-links .launchSpecs, .mmVehicle-leftCol-links .launchPrice, .mmVehicle-leftCol-links .launchCompare, .mmVehicle-leftCol-links .launchAccessories, .mmVehicle-leftCol-links .launchExplore, .mmVehicle-leftCol-links .launchGallery, .mmVehicle-leftCol-links .launchOffers {
  width: 20px;
  height: 20px;
  background: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png");
  margin: -3px 5px; }

.mmVehicle-leftCol-links .launchInfo {
  background-position: -2px -138px; }

.mmVehicle-leftCol-links .launchOffers {
  background-position: -134px -161px; }

.mmVehicle-leftCol-links .launchSpecs {
  background-position: -24px -138px; }

.mmVehicle-leftCol-links .launchPrice {
  background-position: -2px -161px; }

.mmVehicle-leftCol-links .launchCompare {
  background-position: -46px -161px; }

.mmVehicle-leftCol-links .launchAccessories {
  background-position: -24px -161px; }

.mmVehicle-leftCol-links .launchExplore {
  background-position: -90px -161px; }

.mmVehicle-leftCol-links .launchGallery {
  background-position: -68px -161px; }

.mmVehicle-rightCol {
  position: relative;
  right: 0px;
  width: 350px; }

.mmVehicle-rightCol-colorName {
  display: block;
  position: relative;
  clear: both;
  width: 100%;
  text-align: center;
  margin-bottom: 10px; }

.mmVehicle-colors-container, .viVehicle-colors-container {
  text-align: center; }

.mmVehicle-colors-container ul {
  list-style-type: none;
  text-align: center;
  height: 25px; }

.mmVehicle-colors-container ul li {
  background: url(../Content/7907/Media/General/webimage/2012/4032.jpg);
  background-position: 0 0;
  display: inline-block;
  width: 37px;
  height: 22px; }

.mmVehicle-colors-container a {
  text-decoration: none;
  background: url(../Content/7907/Media/General/webimage/icons/colorChipMask.png);
  background-position: 0 0;
  display: block;
  width: 37px;
  cursor: default;
  height: 22px; }

.mmVehicle-colors-container a:hover {
  background-position: -37px 0; }

.billboard {
  position: absolute;
  top: 118px;
  width: 900px;
  height: 379px; }

#SmallBeauty {
  z-index: 1000;
  top: 0;
  right: 0;
  width: 540px;
  height: 360px;
  display: block; }

/*	
-------------------------------------------
Dealer Mega Menu
-------------------------------------------
*/
.mmDealerVehicleContent {
  margin: 0;
  position: absolute;
  top: 64px;
  border: 1px #cccccc solid;
  border-top: none;
  padding: 20px;
  width: 914px;
  left: 0px;
  display: none;
  z-index: 10;
  background-color: #fff;
  -moz-box-shadow: 0 0 6px #cccccc;
  -webkit-box-shadow: 0 0 6px #cccccc;
  box-shadow: 0 0 6px #cccccc; }

.mmVehicleTopMenu {
  height: 50px;
  padding: 0;
  margin: 0 0 0 105px; }

.mmVehicleTale {
  width: 70px;
  height: 12px;
  position: absolute;
  top: 37px;
  left: 40px;
  border-bottom: 3px solid #2C98E9; }

.mmVehicleTopMenu-fleet {
  width: 760px;
  height: 35px;
  list-style-type: none;
  margin: 0 0 0 16px;
  padding: 0; }

.mmVehicleTopMenu-fleet li {
  display: inline-block;
  margin: 0 12px; }

.mmVehicleTopMenu-fleet li a {
  color: black;
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 20px;
  display: block;
  padding-top: 7px; }

.mmDealerVehicle {
  padding: 0;
  width: 685px;
  font-size: 11px;
  position: relative;
  overflow: hidden; }

.mmDealerContent {
  background-color: #fff;
  margin: 0;
  position: absolute;
  top: 65px;
  left: 150px;
  font-size: 12px;
  border: 1px #cccccc solid;
  border-top: none;
  -moz-box-shadow: 0 0 6px #cccccc;
  -webkit-box-shadow: 0 0 6px #cccccc;
  box-shadow: 0 0 6px #cccccc;
  z-index: -1;
  display: none;
  padding: 20px 0; }

.mmDealerPanel {
  padding: 0 20px;
  float: left;
  position: relative; }

.DealerThirdLevelMenu {
  display: none;
  left: -1px; }

.mmDealerInventorySearch {
  font-family: Arial;
  font-size: 14px;
  color: #333333;
  display: block;
  padding: 4px 0 0 0; }

#CertifiedVehicle {
  font-size: 12px;
  width: 185px;
  margin-top: 13px;
  position: relative; }

#CertifiedVehicle dt {
  float: left;
  padding: 0;
  margin: 0; }

#CertifiedVehicle dd {
  padding: 0;
  margin: 0 0 0 27px;
  line-height: 16px; }

.VehicleSearch {
  position: relative;
  float: right;
  top: 0;
  right: 0; }

.mmDealerSubCategory {
  font-size: 12px;
  position: relative;
  margin: 15px 0 0 0; }

.SearchButtonNested a {
  display: block;
  text-decoration: none;
  color: #fff;
  z-index: 0; }

.mmDealerSubCategory dt {
  float: left; }

.mmDealerSubCategory dt span {
  padding: 6px 0;
  display: block; }

.mmDealerSubCategory dd {
  position: relative;
  height: 20px;
  padding: 0;
  margin: 0 0 0 45px;
  width: 170px; }

.ArrowLeftDealerMenu {
  width: 12px;
  height: 21px;
  vertical-align: middle;
  background: url(../Content/7907/Media/General/webimage/icons/mmButtons-sprite.png);
  background-position: -289px -121px;
  position: absolute;
  right: -3px;
  z-index: 10; }

.mmDealerContentList {
  padding: 0;
  display: block;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  position: relative; }

.mmDealerContentList div {
  padding: 5px 10px;
  border: 1px solid #cccccc;
  position: absolute;
  z-index: 10;
  width: 145px; }

.DDLactiveButtonCSS, .mmDealerContentList div:hover, .mmDealerContentList:hover div {
  border: 1px solid #6BB9ED !important;
  -webkit-box-shadow: 0 0 5px #111111 !important;
  -moz-box-shadow: 0 0 5px #111111 !important;
  box-shadow: 0 0 5px #111111 !important; }

.mmDealerContentList ul {
  list-style-type: none;
  border: 1px solid #cccccc;
  padding: 5px;
  width: 155px;
  margin: 0;
  position: absolute;
  background-color: #fff;
  z-index: 8; }

.mmDealerContentList ul li {
  padding: 4px; }

.mmDealerContentList ul li:first-child {
  margin-top: 25px; }

.not-selected-Option {
  display: none; }

/* not used anymore? safe to delete?

.DealerListHover {
    padding:2px 2px;
    margin:0;
    display:block;
}

.DealerListHover:hover {
    background-color:#3C8ED5;
    color:#fff;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
}

*/
#DealerVehicleRange, #DealerPriceSelect {
  width: 165px; }

#DealerVehicleRange {
  z-index: 50; }

.dealerMenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
  font-size: 11px; }

.dealerMenu ul li {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: 150px;
  white-space: normal; }

.dealerMenuOption_hover {
  background-color: #3A8CD3;
  color: #fff; }

.ParentDealerMenuSelected {
  background-color: #fff; }

.ParentDealerMenuSelected a dd {
  color: #000; }

.dealerMenu ul li a {
  width: 90%;
  display: inline-block;
  text-decoration: none;
  padding: 4px 8px;
  color: #3A8CD3; }

.dealerMenu ul li a dt {
  float: left; }

.dealerMenu ul li a dd {
  font-size: 12px;
  margin-left: 15px;
  display: block; }

.dealerMenu ul li a dd:before {
  display: none; }

/*	
-------------------------------------------
Buying Tools Navigation
-------------------------------------------
*/
.TopBuyingTool {
  position: absolute;
  z-index: 100;
  margin: 0;
  bottom: 0;
  right: 0;
  font-size: 12px; }

.TopBuyingTool a {
  color: #ffffff;
  text-decoration: none; }

#BuyingToolHeader {
  display: inline-block;
  text-align: left;
  padding: 15px; }

.BuyingToolHeaderHover {
  background-color: #444444; }

.BuyingToolRootList, .BuyingToolChildList {
  display: none;
  position: absolute;
  color: #fff;
  margin: 0;
  background-color: #444444;
  list-style-type: none;
  font-size: 12px;
  top: 44px;
  right: 0;
  z-index: 20;
  padding: 10px 0; }

.BuyingToolRootList li {
  padding: 0 10px;
  text-align: left; }

.BuyingToolRootList li a, .BuyingToolChildList li a {
  padding: 7px;
  display: block; }

.BuyingToolChildList li {
  padding: 0 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.BuyingToolChildList li a:hover, .FirstListHover {
  background-color: #fff;
  color: #444 !important; }

.BuyingTool-Shadow {
  -moz-box-shadow: -2px 2px 3px #111;
  -webkit-box-shadow: -2px 2px 3px #111;
  box-shadow: -2px 2px 3px #111; }

.buyingToolArrow-white {
  width: 15px;
  height: 10px;
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png);
  background-position: -83px -4px;
  display: inline-block; }

.buyingToolArrow-dark {
  width: 15px;
  height: 12px;
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png);
  background-position: -83px -23px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 5px; }

/*	
-------------------------------------------
Account Navigation
-------------------------------------------
*/
.accountContainer {
  position: relative;
  padding: 0;
  margin-right: 105px;
  vertical-align: top;
  z-index: 3100; }

/*	
-------------------------------------------
Models Navigation
-------------------------------------------
*/
/* not used anymore? safe to delete?

.ModelsMenu {
    background-color: #444;
    height: 44px;
    text-transform: uppercase;
    font-size: 0.85em;
}

.ModelsMenu ul .active {
    float: left;
    display: block;
    line-height: 44px;
    background-color: #FCFCFC;
    text-decoration: none;
    color: #000;
}

.ModelsMenu ul li {
    list-style-type: none;
    float: left;
    width: 170px;
    border-left: 1px solid #5B5B5B;
    text-align: center;
}

.ModelsMenu ul li:first-child {
    width: 100px;
    border-left: 0;
}

.ModelsMenu ul li .last {
    border: 0;
}

.ModelsMenu ul li a {
    float: left;
    display: block;
    height: 16px;
    padding: 14px 20px;
    color: #fff;
}

.ModelsMenu ul li a:hover {
    display: block;
    color: #fff;
    background-color: #333;
}

.ModelsMenu ul li a .overview {
    width: 100px;
}

.ModelsSubMenu {
    border-bottom: 1px solid #eee;
    height: 14px;
    padding: 12px 0px 30px 0;
    background-color: #FCFCFC;
    position: relative;
}

.ModelsThirdLevel {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 12px;
    float: right;
    z-index: 8;
}

.ModelsThirdLevel li {
    float: left;
    list-style-type: none;
    border-left: 1px solid #e5e5e5;
}

.ModelsThirdLevel li:first-child {
    border-left: 0;
}

.ModelsThirdLevel li a {
    padding: 20px;
}

.ModelsThirdLevel .active {
    color: #000;
    padding: 0 20px;
}

.ModelsThirdLevel .active .arrowUp {
    width: 10px;
    height: 5px;
    margin: 0 auto;
    position: relative;
    top: 15px;
    background: url(/content/7907/Media/General/webimage/icons/icons-sprite.png);
    background-position: -183px -46px;
}

*/
/*
-------------------------------------------
Header & Top
-------------------------------------------
*/
#SCIHeader {
  height: 30px;
  position: relative;
  z-index: 4; }

.SCIHeader {
  height: 30px;
  background-color: white;
  padding: 0;
  width: 900px; }

.SCIHeader.y2011 {
  background-position: -20px -20px !important;
  padding: 5px 0 0 20px; }

.VehicleHeader2011 {
  color: Black;
  font-size: 28px;
  font-weight: normal;
  line-height: 28px; }

.HeaderTopItem ul {
  list-style-type: none;
  padding: 10px 0px;
  padding-top: 10px;
  margin: 0;
  background-color: White;
  color: #999999;
  border-bottom: solid 1px #999999;
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
  float: left;
  display: none; }

.HeaderTopItem li {
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px; }

div.HeaderTopItemRight {
  float: right;
  margin-right: 0px; }

div.HeaderTopItemRight a.HeaderTopTitleHover2011 {
  padding-top: 18px; }

div.HeaderTopItemRight ul {
  float: right; }

.HeaderTopTitle {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 18px;
  display: block;
  outline: none;
  text-decoration: none;
  color: White;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-radius: 5px 5px 0px 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.HeaderTopTitle:active {
  text-decoration: none;
  color: White; }

.HeaderTopTitle:hover {
  text-decoration: none;
  border-bottom: solid 1px White; }

.HeaderTopTitle2011 {
  padding-left: 13px;
  padding-right: 13px; }

.HeaderTopTitleHover {
  background-color: White;
  color: Black !important;
  padding: 7px 14px 12px 14px !important;
  margin-top: 10px;
  display: block;
  border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
  border-bottom: none; }

a.HeaderTopTitleHover2011 {
  padding: 15px 12px 12px 12px !important;
  margin-top: 0px;
  border-bottom: solid 1px White;
  position: relative;
  z-index: 11; }

#topNav {
  height: 45px; }

#HeaderBottom {
  height: 43px;
  width: 776px;
  background-image: url(/Content/7907/Media/General/WebImage/white80_0.png);
  background-repeat: no-repeat; }

.HeaderLogo {
  display: inline-block;
  background-image: url(/Content/7907/Media/General/WebImage/subarulogo_2019.jpg);
  height: 90px;
  width: 124px;
  position: relative;
  top: 22px;
  outline: 0; }

.HeaderLogoEn {
  float: left;
  position: relative;
  top: 22px;
  z-index: 1; }

#logo {
  position: absolute;
  z-index: 100;
  top: 71px; }

.HeaderLogoEN {
  background-image: url(/Content/7907/Media/General/WebImage/SubaruLogo_CIM_EN.jpg); }

.HeaderLogoFR {
  background-image: url(/Content/7907/Media/General/WebImage/SubaruLogo_CIM_FR.jpg); }

.HeaderFont {
  color: White;
  font-size: 12px;
  font-family: Helvetica,Helvetica Neue,Helvetica Neue Condensed,Arial,sans-serif;
  line-height: 12px; }

.HeaderMenuItem {
  display: block;
  padding: 5px 15px;
  color: #787878;
  outline: none;
  text-decoration: none;
  margin-top: -4px;
  cursor: default; }

.HeaderMenuItem:active {
  color: #787878; }

.HeaderMenuItemHover {
  color: White;
  background-image: url(/Content/7907/Media/General/WebImage/blue_rollover.jpg);
  background-repeat: no-repeat;
  background-color: #39486f; }

.HeaderMenuItemSelectedHover {
  color: White;
  background-image: url(/Content/7907/Media/General/WebImage/blue_selected.jpg);
  background-repeat: no-repeat;
  background-color: #39486f; }

.HeaderCarDetail {
  display: none;
  background-color: White;
  width: 326px;
  height: 260px;
  position: absolute;
  border: solid 1px #999999;
  padding: 10px 20px 10px 20px;
  color: #787878;
  cursor: default;
  margin-top: -23px;
  text-align: left !important; }

.HeaderCarDetailFont {
  font-size: 11px;
  letter-spacing: normal; }

.HeaderCarDetailPricing {
  font-size: 24px;
  color: Black;
  padding: 5px 0;
  font-weight: bold; }

.HeaderCarDetailPricing2011 {
  font-size: 35px;
  line-height: 35px; }

.HeaderCarDetailPhotoDiv {
  height: 140px; }

.HeaderMSRP {
  color: Black;
  float: left;
  font-weight: bold; }

.HeaderMSRP2011 {
  color: Black;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 15px; }

.HeaderModelYearDiv {
  color: #CCCCCC;
  float: right;
  margin-top: 2px; }

.HeaderModelYearDiv div {
  padding-bottom: 2px; }

.HeaderMY {
  font-size: 20px; }

.HeaderCarDetailPhoto {
  border: 0;
  display: block;
  margin: auto;
  width: 245px; }

/* not used anymore? safe to delete?

.EnvTitle {
    color:White;
    font-family:Helvetica,sans-serif;
    font-size:20px;
    margin-right:15px;
    margin-top:25px;
}

.EnvLogo {
    margin-right:35px;
    margin-top:15px;
}

.HCDFont {
    color:White;
    font-size:12px;
    font-family:Helvetica,Helvetica Neue,Helvetica Neue Condensed,Arial,sans-serif;
    line-height:12px;
    letter-spacing:-0.05em;
}

.HCD_ColourChips {
    text-decoration:none;
    outline:0;
	margin-left:5px;
	width: 225px;
	float:left;
}

.HCD_ColourChips a {
    text-decoration:none;
    outline:0;
    display:block;
}

.HCD_ColourChips a:active {
    text-decoration:none;
}

.HCD_ColourChips a:hover {
    text-decoration:none;
}

.HCD_ColourChip2011 {
    padding-bottom:4px;
    height:16px;
    width:24px;
}

.HCD_OverlayDiv {
    position:absolute;
    z-index:13;
    height:16px;
    width:26px;
}

.HCD_ChipDiv {
    position:relative;
    z-index:12;
    height:16px;
    width:26px;
}

.HCD_Chip {
    width:24px;
    height:16px;
    outline:0;
    border:0;
}

.HCD_Black {
    color:Black;
}

.HCD_Left {
    float:left;
    width:95px;
}

.HCD_Right {
    border-left:1px solid #999999;
    float:left;
    height:60px;
    padding-left:10px;
}

.HCD_HLine {
    border-bottom:solid 1px #CCCCCC;
    width:326px;
	height:1px;
	padding-top: 3px;
	clear:both;
}

*/
.HeaderBottomItem {
  display: inline-block;
  position: relative;
  overflow: visible;
  margin-right: -5px; }

.HeaderBottomItem ul {
  list-style-type: none;
  padding: 10px 0px;
  padding-top: 10px;
  margin: 0;
  background-color: White;
  color: #666666;
  border-bottom: solid 1px #999999;
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
  float: left;
  display: none; }

.HeaderBottomItem li {
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px; }

.HeaderBottomTitle {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  display: block;
  outline: none;
  text-decoration: none;
  color: #787878; }

.HeaderBottomTitle:active {
  color: #666666; }

.HeaderBottomTitleHover {
  margin-top: 0px; }

.HB_ThirdLevelList {
  display: none;
  margin-top: -1px;
  border-top: solid 1px #999999; }

.HB_ThirdLevelList ul {
  display: inherit; }

#HeaderContent {
  position: relative;
  z-index: 2; }

div.HeaderContent2011, div.HeaderContentShort2011 {
  height: auto;
  width: 100%; }

div.SCIContentHeader2011 div.HeaderContent2011 {
  clear: both; }

div.SCILargeHeader2011 div.HeaderContent2011 img {
  height: 420px; }

div.SCIContentHeader2011 div.HeaderContent2011 img {
  height: auto; }

div.HeaderContentShort2011 img {
  height: 285px;
  margin-top: -87px; }

div.HeaderContentFull2011 {
  height: auto;
  margin-bottom: 0px; }

div.HeaderContentFull2011 img {
  height: 380px;
  margin-top: 0px; }

#SCIMainHeader ul {
  font-size: 12px;
  white-space: nowrap; }

#HeaderLeft {
  height: 112px;
  width: 124px;
  background-color: #898989;
  display: inline-block;
  left: 0px;
  position: absolute;
  z-index: 11; }

#HeaderRight {
  width: 776px;
  display: inline-block;
  float: left;
  position: relative;
  z-index: 2; }

#HeaderTop {
  height: 65px;
  width: 776px;
  margin-bottom: 4px;
  background-color: #898989; }

.HeaderTopItem {
  display: inline-block;
  color: White;
  margin-top: 22px;
  margin-right: -5px;
  position: relative;
  overflow: visible; }

.HeaderTopItem2011 {
  padding-bottom: 12px; }

div.HeaderTopItem2011:hover {
  margin-top: 24px; }

div.HeaderTopItem2011:hover ul.SecondLevelUL {
  display: block; }

div#CarouselControl {
  float: right;
  padding-bottom: 10px; }

div#CarouselControl div {
  float: left;
  height: 16px; }

div#HeaderCarousel {
  width: 100%;
  overflow: hidden;
  position: relative;
  -ms-touch-action: none; }

div.HeaderContent2011 div#HeaderCarousel {
  height: 285px; }

div.HeaderContentShort2011 div#HeaderCarousel {
  height: 171px; }

div.HeaderContentFull2011 div#HeaderCarousel {
  height: auto; }

div.SCILargeHeader2011 div#HeaderCarousel {
  height: 420px; }

div.SCIContentHeader2011 div#HeaderCarousel {
  height: auto;
  overflow: visible; }

div#HeaderCarousel a {
  text-decoration: none;
  outline: 0; }

div#HeaderCarousel img {
  outline: 0;
  border: 0; }

div#HeaderCarousel ul {
  list-style-type: none;
  margin: 0;
  left: 0px;
  position: relative; }

div#HeaderCarousel li {
  display: inline-block;
  overflow: hidden; }

div#HeaderCarousel2012 {
  width: 900px;
  position: relative;
  -ms-touch-action: none; }

div#HeaderCarousel2012 ul {
  left: -956px; }

div#HeaderCarousel2012 ul, div#HeaderCarousel2012 li {
  margin: 0;
  padding: 0; }

.ScidllSelectedOption {
  color: #000; }

.carouselSingleImg {
  left: 0 !important; }

.carouselList2012 li {
  float: left;
  list-style: none; }

.carouselSingleImg li {
  float: none;
  margin-bottom: -4px !important; }

.carouselList2012 li a img {
  border-width: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

div#Slider_Left {
  position: absolute;
  width: 38px;
  height: 64px;
  top: 157px;
  left: 15px;
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png) -264px 0 no-repeat;
  cursor: pointer;
  display: none; }

div#Slider_Right {
  position: absolute;
  width: 38px;
  height: 64px;
  top: 157px;
  left: 847px;
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png) -302px 0 no-repeat;
  cursor: pointer;
  display: none; }

div#Slider_Buttons {
  position: absolute;
  bottom: 5px;
  height: 12px;
  padding: 10px;
  display: none;
  top: 345px; }

div.Slider_Button {
  float: left;
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png) -127px -41px no-repeat;
  margin: 0 5px 0 5px;
  width: 12px;
  height: 12px;
  cursor: pointer; }

div.Slider_Button:hover, div.Slider_Button_Selected {
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png) -139px -41px no-repeat; }

#SCIMainHeader {
  height: auto;
  width: 956px;
  background-color: White; }

div.SCIMainHeader2011 {
  background-color: White;
  padding-left: 20px;
  padding-right: 20px; }

div.SCIMainHeaderShort2011 {
  height: 242px; }

div.SCILargeHeader2011 {
  height: 490px; }

div.SCIContentHeader2011 {
  height: auto; }

div.SCITitleHeader {
  margin-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px; }

div.SCITitleHeader div.PageTitleBox {
  background-color: #EEEEEE;
  height: 65px;
  top: 42px;
  width: 900px; }

div.SCIVehicleHeader2011 div.PageTitleBox, div.SCIVehicleTextHeader div.PageTitleBox {
  position: initial; }

div.SCIVehicleTextHeader div.PageTitleBox {
  margin-top: 47px; }

#ownerName {
  color: black;
  font-family: Arial,sans-serif;
  font-size: 17px;
  margin-top: 5px; }

#SCITop {
  font-size: 11px;
  float: right;
  height: 25px;
  text-align: right;
  margin-top: 2px; }

#SCITop div {
  vertical-align: top; }

#SCITop span {
  font: normal 12px/12px arial; }

.mobDiv {
  padding-right: 10px;
  padding-top: 4px;
  float: left; }

a.dymSearch {
  text-decoration: none; }

/* not used anymore? safe to delete?

.TopSearchInput {
    background-image:url(/Content/7907/Media/General/WebImage/2010_search_bg.jpg);
    background-repeat:no-repeat;
    border:0 none;
    height:17px;
    width:185px;
    padding:5px 0 0 3px;
    vertical-align:top;
}

.TopSearchInput2011 {
    background-image:url("/Content/7907/Media/General/WebImage/2011_search_bg.jpg");
    height:22px;
    width:220px;
    padding:0px 6px 0px 6px;
}

.TopSearchButton {
    border:0 none;
    background-image:url(/Content/7907/Media/General/WebImage/2010_search_button.jpg);
    background-repeat:no-repeat;
    height:22px;
    width:29px;
    padding:0;
    display:inline-block;
    position:relative;
    margin-left:-3px;
    outline:0;
}

.TopSearchButton2011 {
    background-image:url("/Content/7907/Media/General/WebImage/2011_search_button.jpg");
    width:43px;
    margin-left:-8px;
}

.searchInput:hover, input[type="text"].searchInput:hover {
	background:url(../Content/7907/Media/General/webimage/2012/topSearchBg.gif) -20px left no-repeat;
}

.site_search {
    width:106px;
    height:21px;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

.site_search1 {
    width:106px;
    height:17px;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
} 

span.TopSearchAccount {
    background-image:url("/Content/7907/Media/General/WebImage/2011_acct_bg.jpg");
    background-repeat:no-repeat;
    color:White;
    height:17px;
    margin:0px 5px;
    padding-top:5px;
    text-align:center;
    width:77px;
}

.HTML_top_menu {
    font-family: Arial;
    font-size: 13px;
    color: #333333;
    font-weight: normal;
}

.HTML_top_menu a {
    font-family: Arial;
    font-size: 13px;
    color: #333333;
    font-weight: normal;
    text-decoration:none;
}

.HTML_top_menu a:hover {
    font-family: Arial;
    font-size: 13px;
    color: #373094;
    font-weight: normal;
    text-decoration:none;
}

.HTML_top_menu_selected	{
    font-family: Arial;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
}

.HTML_top_menu_selected	a {
    font-family: Arial;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
    text-decoration:none;
}

.HTML_top_menu_selected	a:hover	{
    font-family: Arial;
    font-size: 13px;
    color: #373094;
    font-weight: bold;
    text-decoration:none;
}

*/
.TopSearchOptions {
  position: absolute;
  display: none;
  border: solid 1px #CCCCCC;
  border-left: solid 1px #848484;
  width: 100px;
  background-color: #ffffff;
  cursor: pointer;
  z-index: 10;
  padding-top: 3px;
  padding-bottom: 3px; }

.TopSearchOptions input {
  outline: 0; }

.TopSearchOptions div {
  display: block !important;
  text-align: left;
  padding-top: 2px;
  padding-bottom: 2px; }

.search-site {
  top: 0;
  margin: 0 0 0 5px;
  padding: 0; }

.searchInput, input[type="text"].searchInput {
  padding: 3px 7px;
  top: 0;
  width: 262px;
  height: 13px;
  color: #888; }

.graybutton-src {
  background-color: #2b80b9;
  border: 1px solid #2b80b9;
  border-radius: 3px 3px 3px 3px;
  color: white;
  position: absolute;
  cursor: pointer;
  top: 7px;
  right: 55px;
  width: 20px;
  height: 20px;
  background: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png") no-repeat scroll -20px 0 #2b80b9; }

.graybutton-src input {
  border: 0; }

.searchIcon {
  background: transparent;
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px;
  filter: none; }

.TSOIndent {
  padding-left: 10px; }

.TopSelection {
  font-family: Arial;
  font-size: 10px;
  height: 20px;
  display: inline-block;
  border-left: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  border-top: solid 1px #CCCCCC;
  background-color: #FFFFFF;
  cursor: pointer;
  position: relative;
  margin-right: -4px; }

.TopSelectionFR {
  width: 160px !important; }

.TopTitle {
  color: Black;
  position: relative;
  top: 2px;
  left: 6px;
  overflow: hidden;
  width: 100px;
  text-align: left;
  height: 15px; }

.TopArrow {
  position: absolute;
  height: 17px;
  width: 16px;
  top: 1px;
  right: 4px;
  border: none; }

.TopArrowDisabled {
  background-image: url("/Content/7907/Media/General/WebImage/2010_TopArrowOff.gif"); }

.TopArrowEnabled {
  background-image: url("/Content/7907/Media/General/WebImage/2010_TopArrowOn.gif"); }

.TSO_Option {
  font-family: Arial !important;
  font-size: 10px !important;
  color: #666666;
  padding-left: 8px;
  line-height: 10px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  vertical-align: middle;
  display: block;
  text-align: left !important; }

div.HeaderContent {
  position: relative;
  top: -8px;
  width: 100%; }

.search_header {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #999999;
  font-weight: bold; }

.LangLink {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline-color: transparent;
  font-size: 11px;
  margin-top: 3px; }

.LangLink:focus {
  box-shadow: none; }

.LangLink:hover {
  color: #181084; }

a.LangLink {
  font-size: 11px;
  height: 17px;
  padding-top: 3px;
  width: 45px; }

.myAccount {
  background-color: white;
  border: 1px solid transparent;
  color: #666666;
  font-size: 12px;
  padding: 4px 1px 1px 0;
  position: absolute;
  text-align: left;
  width: 110px; }

.myAccount-hover {
  height: 23px;
  border: 1px solid #cccccc;
  border-bottom-color: #ffffff;
  -moz-box-shadow: 0 0 6px #cccccc;
  -webkit-box-shadow: 0 0 6px #cccccc;
  box-shadow: 0 0 6px #cccccc; }

.myAccount-hover:after {
  content: '';
  display: block;
  background-color: #ffffff;
  position: absolute;
  height: 12px;
  width: 111px;
  margin-top: 8px; }

body.y2012 .SCIHeader {
  width: 956px !important; }

body.y2012 #HeaderTop {
  width: 956px;
  position: relative; }

body.y2012 div.SCIVehicleHeader2011 {
  height: auto !important; }

div.SCIVehicleTextHeader {
  height: 230px; }

div.SCIPricingHeader {
  height: 177px; }

body.y2012 div.SCIMainHeaderShort2011 {
  height: 242px; }

body.y2012 div.SCILargeHeader2011 {
  height: 490px; }

body.y2012 .header {
  color: #333;
  font-size: 1.625em;
  font-weight: bold;
  padding-bottom: 8px;
  text-transform: none; }

.languageBlock {
  margin-left: 37px; }

.LoginTextBox input {
  border-color: #bbbbbb #ebebeb #ebebeb #bbbbbb;
  border-style: solid;
  border-width: 1px;
  color: #444444;
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  font-size: 12px;
  height: auto;
  margin: 0;
  padding: 5px 10px; }

.LoginTextBox input:hover {
  background: none repeat scroll 0 0 white;
  border-color: #4d90fe;
  border-image: none;
  border-style: solid;
  border-width: 1px; }

.modelsYear {
  display: block;
  font-size: 12px;
  float: right; }

.headerIcon.key {
  height: 15px;
  background-position: -476px -33px; }

.headerIcon {
  width: 24px;
  display: block;
  float: left;
  margin-right: 10px;
  background-image: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png"); }

.headerIcon.head {
  margin-top: -3px;
  height: 18px;
  background-position: -476px -51px; }

body.y2012 .imgBorder {
  background-color: #D9E0E8;
  width: 996px; }

.imgBorder {
  margin-left: -20px;
  z-index: 30;
  margin-bottom: 20px;
  float: left; }

#preloadContainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: none; }

#preloadContainer img {
  visibility: hidden;
  width: 600px; }

.accountDiv {
  position: relative;
  margin-right: 10px; }

#VehicleImage {
  border-width: 0; }

#CertifiedOnly {
  position: relative;
  margin-right: 10px; }

/*
-------------------------------------------
Footer & Bottom
-------------------------------------------
*/
.footerIcon-copyright {
  height: 15px;
  width: 93px;
  display: inline-block;
  margin-right: 10px;
  background-image: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png");
  background-position: -243px -120px;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
  vertical-align: -4px; }

.footerIcon-copyright:hover {
  filter: alpha(opacity=100);
  opacity: 1; }

body.y2012 #SCIFooter {
  margin-left: 0px;
  width: 956px; }

body.y2012 .LandingFooter {
  bottom: auto;
  width: 956px !important; }

.bot_nav {
  z-index: 0 !important; }

body.y2012 .bottom-menu {
  margin: 0 auto; }

body.y2012 .bottom-menu div {
  display: inline-block; }

.bottom-menu > div {
  padding-left: 5px;
  padding-right: 5px; }

.mmVehicle-bottom-price {
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  font-size: 34px;
  line-height: 34px;
  color: #000;
  float: left; }

.mmVehicle-bottom-price-wrap {
  left: 0;
  top: 26px; }

.allInPricing .mmVehicle-bottom-price-wrap {
  width: 140px; }

.mmVehicle-bottom-txt {
  font-size: 11px;
  margin: 0;
  padding: 0;
  display: block;
  color: #999; }

.bottom_nav_divider {
  width: 202px;
  height: 1px;
  background: #FFFFFF; }

/* not used anymore? safe to delete?

.bottom_nav_info_title {
    color: #666666;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    line-height:10px;
    letter-spacing:-0.05em;
    padding-left:5px;
    padding-right:5px;
}

.bottom_nav_info_title a {
    text-decoration:none;
    color: #666666;
}

.bottom_nav_info_title a:hover {
    text-decoration:none;
    color: #181084;
} 

.bottom_nav_desc {
    color: #666666;
    font-size: 10px;
    font-family: Verdana;
    line-height:10px;
    letter-spacing:-0.05em;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
}

.bottom_nav_desc a {
    text-decoration:none;
    color: #666666;
}

.bottom_nav_desc a:hover {
    text-decoration:none;
    color: #181084;
}

*/
.SCIDealerFooter {
  padding: 0;
  color: #cccccc;
  position: absolute;
  width: 956px;
  padding: 15px 20px 10px 20px;
  background-color: #898989;
  margin-left: 0;
  font-size: 11px; }

#BottomButtons {
  width: 956px;
  position: relative;
  clear: both; }

#BottomButtons .accordDivider {
  width: 996px !important;
  height: 15px !important;
  position: relative !important; }

.footer-fixed {
  position: fixed;
  bottom: -200px;
  z-index: 15;
  transition: bottom 0.5s;
  display: none;
  width: 100%; }
  .footer-fixed .SCIDealerFooter {
    bottom: -30px;
    width: 956px; }
    .footer-fixed .SCIDealerFooter a {
      color: #cccccc; }
      .footer-fixed .SCIDealerFooter a:hover {
        color: #ffffff; }
  .footer-fixed .rised {
    bottom: 0; }

.footer-fixed .footer-toggle {
  position: absolute;
  cursor: pointer;
  left: 50%;
  margin-left: -455px;
  top: -20px;
  text-align: left;
  padding-left: 35px;
  width: 170px;
  height: 30px;
  background: url(../Content/7907/Media/General/TopLevelFlash/Corporate/socialmedia-sprite.png) 0 -267px no-repeat;
  color: #898989;
  outline: none; }

.footer-fixed .footer-toggle:before {
  content: "";
  background: url(../Content/7907/Media/General/TopLevelFlash/Corporate/socialmedia-sprite.png) -180px -273px no-repeat;
  width: 14px;
  height: 14px;
  position: relative;
  display: inline-block;
  top: 2px;
  margin-right: 6px; }

.footer-fixed.rised .footer-toggle:before {
  background-position: -204px -273px; }

.footer-fixed a.footer-top-link, .footer-fixed a.footer-top-link:hover {
  position: absolute;
  text-align: center;
  font-size: 12px;
  color: #898989;
  right: 50%;
  width: 50px;
  height: 50px;
  background-color: #cdcdcd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-right: -560px;
  top: -60px;
  display: block; }

.footer-fixed .footer-top-link:before {
  content: "";
  background: url(../Content/7907/Media/General/TopLevelFlash/Corporate/socialmedia-sprite.png) -228px -267px no-repeat;
  width: 20px;
  height: 20px;
  margin: 5px 0 5px 15px;
  position: relative;
  display: block; }

.footer-fixed.sci-footer-fixed {
  width: 956px;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 10px;
  background-color: #898989;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 11px;
  color: #CCCCCC; }

.SCIPRFooterHome {
  position: relative !important;
  clear: both;
  margin-top: 15px !important; }

.SCIPRFooter {
  position: relative !important;
  margin-left: -20px !important;
  clear: both;
  margin-bottom: -30px; }

.PRFooteraccordDivider {
  position: relative;
  width: 996px;
  height: 15px;
  margin-left: -20px;
  margin-bottom: 10px; }

#SCIFooter {
  width: 900px;
  padding: 0;
  color: #ffffff;
  position: absolute;
  padding-top: 15px;
  padding-bottom: 10px;
  background-color: #898989;
  margin-left: -20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 11px;
  color: #CCCCCC; }

.sci-footer-fixed a, #SCIFooter a {
  color: #CCCCCC;
  max-width: 135px;
  vertical-align: top;
  text-align: center;
  display: inline-block; }

.SCIPRFooterHome a {
  display: inline-block;
  max-width: 135px;
  vertical-align: top; }

.sci-footer-fixed a:hover, #SCIFooter a:hover {
  color: white; }

div.footer2011 {
  background-color: #898989;
  color: White;
  float: left;
  width: 100%; }

div.footerContentContainer2011 {
  width: 940px;
  margin-left: auto;
  margin-right: auto; }

div.footerContentContainer2011 a {
  outline: 0; }

div.footerBottom2011 {
  background-color: #898989; }

.footerLinks > li {
  border-right: 1px solid #cccccc;
  display: inline-block; }

.footerLinks > li > * {
  padding-left: 8px;
  padding-right: 8px; }

.footerLinks > li:first-child > * {
  padding-left: 0px; }

.footerLinks > li:last-child > * {
  padding-right: 0px; }

.footerLinks > li:last-child {
  border-right: none; }

div.footerBottom2011 .link {
  color: #CCCCCC;
  font-size: 11px;
  margin-top: 0px;
  display: inline-block;
  vertical-align: top;
  text-align: center; }

.footerLinks.french .link {
  max-width: 140px; }

div.footerBottom2011 .link:hover {
  color: #FFFFFF; }

div.footerBottom2011 .LangLink {
  margin-top: 0px; }

div.footerBottomCol2011 {
  border-top: 1px solid #cccccc;
  color: #cccccc;
  font-size: 11px;
  height: 16px;
  width: 940px;
  padding: 10px 0px 120px 0px;
  margin-left: auto;
  margin-right: auto; }

div.footerBottomCol2011 .mla {
  margin-left: auto; }

.footerBottom2011 .dropdown, #SCIFooter .dropdown, .sci-footer-fixed .dropdown {
  font-size: 10px;
  vertical-align: top;
  width: 45px; }

.footerBottom2011 .dropdown ul, #SCIFooter .dropdown ul, .sci-footer-fixed .dropdown ul {
  font-size: 10px;
  max-height: 600px;
  z-index: 200; }

.footerBottom2011 .dropdown div.value, #SCIFooter .dropdown div.value, .sci-footer-fixed .dropdown div.value {
  padding: 0 23px 0 5px; }

.footerBottom2011 .dropdown .dropdownArrow, #SCIFooter .dropdown .dropdownArrow, .sci-footer-fixed .dropdown .dropdownArrow {
  background-position: -80px -25px;
  border-left: medium none;
  height: 10px;
  top: 4px;
  width: 20px; }

.footerlink {
  font-family: Arial, sans-serif;
  font-size: 11px; }

.footerlink a:link {
  font-family: Arial, sans-serif;
  font-size: 11px; }

.footerlink a:hover {
  font-family: Arial, sans-serif;
  font-size: 11px; }

.footerlink a:visited {
  font-family: Arial, sans-serif;
  font-size: 11px; }

.footer {
  font-family: Arial, sans-serif;
  font-size: 11px; }

.footer a {
  color: #707070;
  text-decoration: underline; }

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

/* not used anymore? safe to delete?

.HTML_bott_menu	{
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #535353;
    font-weight: bold;
    display:block;
    height:25px;
}

.HTML_bott_menu	a {
    text-indent: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #535353;
    font-weight: bold;
    text-decoration:none;
    display:block;
    height:22px;
    line-height:25px;
}

.HTML_bott_menu	a:hover	{
    text-indent: 10px;
    color:#FFFFFF;
    background:#999999;
    width:90px;
    display:block;
    height:25px;
}

.bottom_info_box {
    display:none;
    background-color:#0b0a5a;
    font-family: Arial;
    text-decoration:none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.bottom_info_title {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding-left: 27px;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 12px;
}

.bottom_info_text {
    font-family: Arial;
    text-decoration:none;
    color: #0b0a5a;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

.bottom_info_text a, .bottom_info_text a:visited {
    color: #0b0a5a;
    text-decoration:none;
}

.bottom_info_text a:hover {
    color: #666666;
    text-decoration:none;
}

.bottom_info_textgrey {
    font-family: Arial;
    text-decoration:none;
    color: #666666;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    line-height: 11px;
    padding-left: 5px;
}

a.bottom_info_text_title, a.bottom_info_text_title:visited {
    text-decoration:none;
    color: #666666;
} 

a.bottom_info_text_title:hover {
    text-decoration:none;
    color: #181084;
} 

.bottom_info_text_title {
    color: #666666;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
} 

.bottom_info_text_title a {
    text-decoration:none;
    color: #666666;
} 

.bottom_info_text_title a:hover {
    text-decoration:none;
    color: #181084;
} 

*/
.bottom-menu {
  list-style-type: none;
  text-align: center;
  padding: 0;
  margin: 0 0 0 60px;
  top: 0; }

.bottom-menu > li {
  float: left; }

.bottom-menu p {
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  font-weight: bold;
  margin-bottom: 8px; }

.bottom-menu img {
  border: 0 solid #fff;
  height: auto !important;
  width: 96px; }

.bottom-menu img.dimmed,
.vehicleStrip img.dimmed {
  opacity: 0.6; }

#bottom-menu-container {
  position: absolute;
  width: 180px;
  height: 225px;
  z-index: 999;
  display: none; }

.allInPricing #bottom-menu-container {
  height: 230px; }

#bottom-menu-container.extended {
  height: 245px;
  width: 195px; }

#bottom-menu-header {
  height: 100%;
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 1px #cccccc solid;
  -moz-box-shadow: 0 0 6px #cccccc;
  -webkit-box-shadow: 0 0 6px #cccccc;
  box-shadow: 0 0 6px #cccccc; }

#bottom-menu-header-padding {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 20px; }

#bottom-menu-upper {
  margin: 0;
  padding: 0;
  position: relative;
  height: auto;
  border-bottom: 1px solid #ccc;
  text-align: left;
  vertical-align: top; }

.allInPricing #bottom-menu-upper {
  height: auto; }

#bottom-menu-header-padding ul {
  position: relative;
  top: 10px;
  margin: 0;
  text-align: left; }

#bottom-menu-tail {
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png) -420px -112px no-repeat;
  width: 24px;
  height: 14px;
  position: absolute;
  left: 80px;
  bottom: -14px;
  z-index: 10; }

.dollarsignBottom {
  font-size: 24px;
  line-height: 34px;
  color: #000;
  vertical-align: top;
  float: left; }

.msrp-bottom {
  color: #999;
  font-size: 11px;
  line-height: 11px;
  position: relative;
  padding-bottom: 10px; }

/*	
-------------------------------------------
Text Fields
-------------------------------------------
*/
input[type="text"] {
  border: 1px solid #cccccc;
  color: #444444;
  font-size: 12px;
  margin: 0; }

input[type="text"]:hover {
  border-image: none;
  border-style: solid;
  border-width: 1px; }

input[type="text"]:focus {
  border-image: none;
  border-style: solid;
  border-width: 1px;
  border-color: #4d90fe;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; }

input, textarea {
  padding: 5px 10px;
  margin: 0;
  font-family: Arial, sans-serif;
  color: #666666;
  font-size: 12px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 1px 1px 1px 0px #dddddd;
  box-shadow: inset 1px 1px 1px 0px #dddddd;
  background: #ffffff; }

/* not used anymore? safe to delete?

div.InputField2011 {
    height:33px;
}

div.InputField2011 input.InputText {
    background-image:url("/Content/7907/Media/General/WebImage/2011_pricing_input.png");
    background-repeat:no-repeat;
    border:0;
    font-size:11px;
    height:13px;
    padding:8px 5px;
}

div.InputField2011 div.InputButton {
    background-image:url("/Content/7907/Media/General/WebImage/2011_btn_standard_up.png");
    color:White;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;
    height:29px;
    line-height:29px;
    margin-left:-2px;
    text-align:center;
    width:151px;
}

div.InputField2011 div.InputButton:hover {
    background-image:url("/Content/7907/Media/General/WebImage/2011_btn_standard_over.png");
}

div.InputField2011 div.InputButton:active {
    background-image:url("/Content/7907/Media/General/WebImage/2011_btn_standard_over.png");
}

div.InputField2011Disabled input.InputText {
    color:#999999;
}

div.InputField2011Disabled div.InputButton {
    cursor:default;
    background-image:url("/Content/7907/Media/General/WebImage/2011_btn_standard_disable.png") !important;
}

.downpayment_field {
    width:106px;
    height:19px;
    padding:0px;
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
    font-weight:bold;
}

*/
.contactform_field_229 {
  font-family: Arial, Helvetica, sans-serif;
  width: 229px;
  height: 19px;
  padding: 0px;
  font-size: 12px;
  color: #666666;
  vertical-align: middle; }

.contactform_field_380 {
  font-family: Arial, Helvetica, sans-serif;
  width: 380px;
  height: 19px;
  padding: 0;
  font-size: 12px;
  color: #666666;
  vertical-align: middle; }

.contactform_field_127 {
  font-family: Arial, Helvetica, sans-serif;
  width: 127px;
  height: 19px;
  padding: 0px;
  font-size: 12px;
  color: #666666;
  vertical-align: middle; }

.contactform_field_95 {
  font-family: Arial, Helvetica, sans-serif;
  width: 95px;
  height: 19px;
  padding: 0px;
  font-size: 12px;
  color: #666666;
  vertical-align: middle; }

.contactform_field_comments {
  font-family: Arial, Helvetica, sans-serif;
  width: 630px;
  height: 99px;
  padding: 0px;
  font-size: 12px;
  color: #666666;
  vertical-align: middle; }

.field_dlrsearch {
  font-size: 9px;
  width: 80px;
  border: #5D5D5D 1px solid;
  font-family: Verdana, Arial, sans-serif; }

.field_93 {
  font-family: Arial, sans-serif;
  width: 87px;
  font-size: 10px;
  color: #000000; }

.field {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000000; }

.field_80 {
  font-size: 10px;
  width: 80px;
  color: #000000; }

.field_149 {
  width: 143px;
  height: 19px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #999999;
  border-style: none;
  border-width: 0;
  outline-style: none;
  padding: 0; }

.field_96 {
  width: 90px;
  height: 19px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #999999;
  border-style: none;
  border-width: 0;
  outline-style: none;
  padding: 0; }

.list-200 {
  width: 200px;
  font-size: 10px; }

.form_field {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background-color: #FFFFFF;
  border: 1px solid #666666; }

/* not used anymore? safe to delete?

.field_150 {
    font-size: 10px;
    width: 150px;
    color: #000000;
}

.field_164 {
    font-size: 10px;
    width: 164px;
    color: #000000;
}

.field_134 {
    width: 128px;
    height:17px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    border-style: none;
    border-width: 0;
    outline-style:none;
    padding:0;
}

.field_135 {
    border: #A9A9A9 1px solid;
    width: 135px;
    height:19px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

.list-100 {
    width: 100px;
    font-size: 10px;
}

.list-100_percent {
    width: 100%;
    font-size: 10px;
}

.list-134 {
    width: 144px;
    font-size: 10px;
}

.list-75 {
    width: 75px;
    font-size: 10px;
}

.country_list {
    font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #ffffff;
}

.form_field_locate_dlr {
    font-family: Arial, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    border: 1px solid #A7A7A7;
    text-align:center;
    height:18px;
    width:90px;
}

*/
/*	
-------------------------------------------
Checkboxes & Radio Buttons
-------------------------------------------
*/
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle; }
  input[type="checkbox"] + label,
  input[type="checkbox"] + p label,
  input[type="radio"] + label,
  input[type="radio"] + p label {
    cursor: pointer; }
    input[type="checkbox"] + label:before,
    input[type="checkbox"] + p label:before,
    input[type="radio"] + label:before,
    input[type="radio"] + p label:before {
      content: "";
      display: inline-block;
      width: 18px;
      height: 18px;
      margin: -2px 4px 0 -22px;
      vertical-align: middle;
      background: url("/Content/7907/Media/General/webimage/icons/icons-sprite.png") no-repeat; }

.radioBtn {
  margin: 3px 3px 0px 5px; }

.radioinput {
  background-position: center; }

.ui-radioBtn {
  background: url(/Content/7907/Media/General/webimage/icons/icons-sprite.png) no-repeat;
  background-position: -362px 0px;
  padding: 0;
  margin: 0;
  width: 18px;
  height: 18px;
  position: relative;
  display: inline-block;
  left: 0;
  top: 18px;
  cursor: pointer; }

.ui-radioBtn:hover {
  background-position: -362px -19px; }

.ui-radioBtn:active, .ui-radioBtn.active {
  background-position: -362px -38px; }

input[type="checkbox"] + label:before,
input[type="checkbox"] + p label:before {
  background-position: -342px 0; }

input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:checked + p label:before,
input[type="checkbox"]:checked:hover + label:before,
input[type="checkbox"]:checked:hover + p label:before {
  background-position: -342px -38px; }

input[type="radio"] + label:before,
input[type="radio"] + p label:before {
  background-position: -362px 0; }

input[type="radio"]:hover + label:before,
input[type="radio"]:hover + p label:before {
  background-position: -362px -19px; }

input[type="checkbox"]:hover + label:before,
input[type="checkbox"]:hover + p label:before {
  background-position: -342px -19px; }

input[type="radio"]:checked + label:before,
input[type="radio"]:checked + p label:before,
input[type="radio"]:checked:hover + label:before,
input[type="radio"]:checked:hover + p label:before {
  background-position: -362px -38px; }

.QMContact input[type="checkbox"], .QMContactBox input[type="checkbox"], .QMContact input[type="radio"] {
  visibility: hidden; }

div.checkbox {
  text-align: left; }

div.checkboxWrapper {
  margin: auto;
  position: relative;
  width: 18px; }

div.checkboxVeneer {
  background: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png") no-repeat scroll -342px 0px transparent;
  cursor: pointer;
  height: 18px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 18px; }

div.checkboxVeneer:hover, div.checkboxVeneer.Off:hover {
  background: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png") no-repeat scroll -342px -19px transparent; }

div.checkboxVeneer.On {
  background: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png") no-repeat scroll -342px -38px transparent; }

div.checkboxVeneer.Disabled, div.checkboxVeneer.Disabled:hover {
  background-position: -342px 0;
  opacity: 0; }

div.checkboxVeneer.Disabled, label.Disabled {
  cursor: default;
  color: #AAA; }

input.checkboxInput {
  height: 18px;
  margin: 0px;
  text-align: left;
  width: 18px;
  border-style: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  padding: 0px; }

/*	
-------------------------------------------
Dropdowns
-------------------------------------------
*/
.dropdown {
  position: relative; }

.dropdown select {
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0px;
  width: 100%; }

.dropdown.disabled select {
  cursor: default; }

.dropdown.disabled span {
  opacity: 0.3;
  filter: alpha(opacity=30); }

div.dropdown {
  color: #666666;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  position: relative;
  width: 145px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

div.dropdownArrow {
  background: url("../Content/7907/Media/General/webimage/icons/icons-sprite.png") repeat scroll -78px -23px transparent;
  border-left: 1px solid #CCCCCC;
  height: 14px;
  position: absolute;
  right: 2px;
  top: 6px;
  width: 25px; }

div.dropdown ul {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  list-style-type: none;
  margin: 0;
  position: absolute;
  top: 26px;
  white-space: nowrap;
  max-height: 300px;
  overflow-y: auto; }

div.dropdown li {
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 10px;
  white-space: normal; }

div.dropdown li:last-child {
  border: medium none; }

div.dropdown li:hover {
  background-color: #EBF6FE;
  border-left: 5px solid #2B80B9;
  color: #2B80B9;
  padding-left: 5px; }

div.dropdown div.value {
  background-color: White;
  border: 1px solid #CCCCCC;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

div.dropdown:hover div.value {
  border: 1px solid #6BB9ED !important; }

.dropdown.disabled {
  color: #AAAAAA;
  cursor: default; }

.dropdown.disabled .dropdownArrow {
  opacity: 0.5; }

#top_type {
  width: 132px; }

#top_time {
  width: 147px; }

#top_time div.value, #top_type div.value {
  width: 100%;
  box-sizing: border-box; }

#top_type div.dropdownArrow {
  right: 17px; }

.filterRow {
  margin-top: 20px;
  margin-bottom: 0 !important; }

.NewsfilterRow {
  margin-top: 20px; }

.filter.ddlyear {
  width: 140px; }

.filter {
  border-right: 1px solid #ddd;
  padding: 10px 20px;
  float: left;
  height: 30px; }

.filterName {
  margin: 0 20px 0 0;
  line-height: 30px;
  font-size: 12px; }

div.OptionDD2011 {
  width: 208px;
  height: 29px;
  position: relative; }

div.OptionDD2011 select {
  height: 29px;
  width: 210px;
  font-size: 13px;
  font-weight: bold;
  position: absolute; }

div.OptionDD2011 option {
  padding-left: 8px; }

/* not used anymore? safe to delete?

.tetiereLien05 {
    font-size: 11px;
    color: #FFFFFF;
    font-family: arial;
    text-decoration: none;
    width:126px;
    padding-top: 1px;
}

a:hover.tetiereLien05 {
    text-decoration: none;
    width:126px;
}

*/
/*	
-------------------------------------------
Buttons
-------------------------------------------
*/
.uiButton {
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px; }

.uiButton.bigger {
  font-size: 16px;
  padding: 10px 50px; }

.uiButton.bigger span.icon-offers, .uiButton.bigger span.icon-update {
  background: url(../Content/7907/Media/General/webimage/icons/icons-sprite.png);
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: -3px 8px 0 0; }

.uiButton.bigger span.icon-offers {
  background-position: -244px -138px; }

.uiButton.bigger span.icon-update {
  background-position: -288px -138px; }

.uiButtonMargin {
  margin: 10px 0 0 10px; }

.button {
  text-align: center;
  background: white url("/Content/7907/Media/General/Pricing/quote_button_bg.jpg") no-repeat top;
  width: 112px;
  line-height: 19px;
  font-family: Arial;
  font-size: 12px;
  vertical-align: middle;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
  border: 0px; }

.button a {
  text-align: center;
  background: url("/Content/7907/Media/General/Pricing/quote_button_bg.jpg") no-repeat top;
  width: 112px;
  line-height: 19px;
  font-family: Arial;
  font-size: 12px;
  vertical-align: middle;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
  border: 0px;
  text-decoration: none; }

.blueGradient {
  background: #2B80B9;
  border: 1px solid #2B80B9; }
  .blueGradient:hover {
    background: #236998;
    transition: all 0.3s ease; }
  .blueGradient:active {
    background: #133852; }
  .blueGradient:disabled, .blueGradient.disabled {
    background: #82bbe2; }
  .blueGradient:visited {
    background: #1d557b; }
  .blueGradient.selected {
    background: #133852; }

.darkGrayGradient {
  background: #3F3F3F;
  border: 1px solid #3F3F3F;
  font-family: Arial, Helvetica, sans-serif; }
  .darkGrayGradient:hover {
    background: #2b2b2b;
    transition: all 0.3s ease; }
  .darkGrayGradient:active {
    background: black; }
  .darkGrayGradient:disabled, .darkGrayGradient.disabled {
    background: #7f7f7f; }
  .darkGrayGradient:visited {
    background: #191919; }
  .darkGrayGradient.selected {
    background: black; }

.grayGradient {
  background: #EEEEEE;
  border: 1px solid #EEEEEE;
  color: #666666;
  border: 1px solid #c9c9c9;
  font-family: Arial, Helvetica, sans-serif; }
  .grayGradient:hover {
    background: #dadada;
    transition: all 0.3s ease; }
  .grayGradient:active {
    background: #aeaeae; }
  .grayGradient:disabled, .grayGradient.disabled {
    background: white; }
  .grayGradient:visited {
    background: #c8c8c8; }
  .grayGradient.selected {
    background: #aeaeae; }

.lightGrayGradient {
  background: #EFEFEF;
  border: 1px solid #EFEFEF;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif; }
  .lightGrayGradient:hover {
    background: #dbdbdb;
    transition: all 0.3s ease; }
  .lightGrayGradient:active {
    background: #afafaf; }
  .lightGrayGradient:disabled, .lightGrayGradient.disabled {
    background: white; }
  .lightGrayGradient:visited {
    background: #c9c9c9; }
  .lightGrayGradient.selected {
    background: #afafaf; }

input[type="submit"], input[type="submit"]:hover {
  border: none; }

div.BlueButton2011 {
  background-image: url("/Content/7907/Media/General/WebImage/2011_btn_standard_up.png");
  color: White;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  margin-left: -2px;
  text-align: center;
  width: 151px; }

div.BlueButton2011:hover {
  background-image: url("/Content/7907/Media/General/WebImage/2011_btn_standard_over.png"); }

div.BlueButton2011:active {
  background-image: url("/Content/7907/Media/General/WebImage/2011_btn_standard_over.png"); }

.LoginButton {
  box-shadow: 0px 0px 0px 0px; }

.buttons {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000000; }

.buttons-100 {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  width: 100px; }

.calculate_button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #525252;
  font-weight: bold;
  text-align: center;
  background: url(/content/7907/media/General/WebImage/pricing_button_blank.jpg);
  height: 23px;
  width: 103px; }

.calculate_button a {
  text-decoration: none; }

.closeButton {
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
  width: 60px;
  height: 15px;
  display: block; }

a.closeButton {
  text-decoration: none;
  color: #666666;
  text-align: center; }

a.closeButton:hover {
  background-color: #EFEFEF;
  color: #666666; }

/* not used anymore? safe to delete? 

.submit_button_09 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #525252;
    vertical-align: middle;
    font-weight:bold;
}

.submit_button_09 a {
    text-decoration:none;
    color:#525252;
}

.select_no {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
}

.buttons-50 {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #000000;
    width: 50px;
}

.buttons-75 {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #000000;
    width: 75px;
}

a.srollover {
    display: block;
    width:138px;
    height: 100%;
    background: url("/content/7907/Media/General/WebImage/block_background_09.jpg") 0 0 no-repeat;
    text-decoration: none;
    background-color: #EAEAEA;
    font-size: 10px;
    font-family: Arial;
    letter-spacing: normal;
    color: #707070;
    font-weight: bolder;
    line-height: 23px;
    vertical-align: middle;
}

a:hover.srollover {
    text-decoration: none;
    color: #FFFFFF;
    background-position: -138px 0;
    display: block;
}

a.srollover09 {
    display: block;
    width:163px;
    background: url("/content/7907/Media/General/WebImage/bg09_rollover_on2.jpg") 0 0 no-repeat;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial;
    color: #ACACAC;
    font-weight: bolder;
    line-height:17px;
    vertical-align: middle;
}
	  
a.srollover09_eng {
    display: block;
    width:163px;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial;
    color: #ACACAC;
    font-weight: bolder;
    line-height:15px;
    vertical-align: middle;
}
       
a:hover.srollover09 {
    text-decoration: none;
    color: #000000;
    background-position: -163px 0;
    display: block;
}

a:hover.srollover09_eng {
    text-decoration: none;
    color: #000000;
    display: block;
}

*/
/*	
-------------------------------------------
Miscellaneous Form Elements
-------------------------------------------
*/
.tooltip {
  background-color: rgba(137, 137, 137, 0.8);
  height: 26px;
  border-color: rgba(255, 255, 255, 0.8);
  border-width: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-style: solid; }

.dataSheet {
  color: #000000; }

.dataSheet a {
  color: #181084; }

.rebateContainer {
  position: absolute;
  top: 45px;
  right: 20px;
  text-align: center; }

.mmVehicle-leftCol .rebateContainer {
  top: 0px;
  right: 0px; }

.summaryRebates, .provRebateContainer {
  border: 1px solid #ccc;
  border-left: 7px solid #6EF00C;
  background-color: #f6f6f6;
  box-sizing: border-box;
  color: #333333;
  padding: 20px 40px;
  text-align: center;
  width: 100%; }

.summaryRebates:hover {
  background-color: #eeeeee;
  transition: all 0.3s ease; }

.rebateDisplay {
  width: 300px; }

#vsLightBox .rebateDisplay {
  position: absolute; }

