/*
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 - Body, Content Boxes, Containers, Wrappers
-------------------------------------------
*/
.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;
}

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

#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;
}

.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;
}

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

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

.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;
}

.blueGradient {
  background: #2B80B9;
  border: 1px solid #2B80B9;
}
.blueGradient:hover {
  background: rgb(35.3052631579, 105.0947368421, 151.8947368421);
  transition: all 0.3s ease;
}
.blueGradient:active {
  background: rgb(18.9539473684, 56.4210526316, 81.5460526316);
}
.blueGradient:disabled, .blueGradient.disabled {
  background: rgb(129.6381578947, 187.2368421053, 225.8618421053);
}
.blueGradient:visited {
  background: rgb(28.5723684211, 85.0526315789, 122.9276315789);
}
.blueGradient.selected {
  background: rgb(18.9539473684, 56.4210526316, 81.5460526316);
}

.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
-------------------------------------------
*/
.icon-question-circle, .print-icon, .blueArrowRight, .greyArrowUp {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

.icon-question-circle:hover, .print-icon:hover, .blueArrowRight:hover, .greyArrowUp: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 {
  padding: 1rem;
}

.padding18 {
  padding: 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 0.8s;
  -o-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  transition: all 0.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
-------------------------------------------  
*/
.BacktoTop li a:hover, .BacktoTop li a, .listLinks li, .inlineLinks {
  list-style: none;
}

.BacktoTop li a, .listLinks li a, .inlineLinks 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 rgba(0, 0, 0, 0);
  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;
  box-sizing: content-box;
  z-index: 3000;
}

.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;
  box-sizing: content-box;
}

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: rgb(43, 128, 185);
  border: 1px solid rgb(43, 128, 185);
  border-radius: 3px 3px 3px 3px;
  color: rgb(255, 255, 255);
  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 rgb(43, 128, 185);
}

.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: rgb(255, 255, 255);
  border: 1px solid transparent;
  color: rgb(102, 102, 102);
  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: rgb(187, 187, 187) rgb(235, 235, 235) rgb(235, 235, 235) rgb(187, 187, 187);
  border-style: solid;
  border-width: 1px;
  color: rgb(68, 68, 68);
  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 rgb(255, 255, 255);
  border-color: rgb(77, 144, 254);
  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;
}

#VehicleImage.topMargin {
  margin-top: 34px;
}

#CertifiedOnly {
  position: relative;
  margin-right: 10px;
}

/*
-------------------------------------------
Footer & Bottom
-------------------------------------------
*/
.footerContent2011 {
  box-sizing: content-box;
}

.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: rgb(77, 144, 254);
  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 rgba(0, 0, 0, 0);
  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: rgb(35.3052631579, 105.0947368421, 151.8947368421);
  transition: all 0.3s ease;
}
.blueGradient:active {
  background: rgb(18.9539473684, 56.4210526316, 81.5460526316);
}
.blueGradient:disabled, .blueGradient.disabled {
  background: rgb(129.6381578947, 187.2368421053, 225.8618421053);
}
.blueGradient:visited {
  background: rgb(28.5723684211, 85.0526315789, 122.9276315789);
}
.blueGradient.selected {
  background: rgb(18.9539473684, 56.4210526316, 81.5460526316);
}

.darkGrayGradient {
  background: #3F3F3F;
  border: 1px solid #3F3F3F;
  font-family: Arial, Helvetica, sans-serif;
}
.darkGrayGradient:hover {
  background: rgb(42.6, 42.6, 42.6);
  transition: all 0.3s ease;
}
.darkGrayGradient:active {
  background: black;
}
.darkGrayGradient:disabled, .darkGrayGradient.disabled {
  background: rgb(126.75, 126.75, 126.75);
}
.darkGrayGradient:visited {
  background: rgb(24.75, 24.75, 24.75);
}
.darkGrayGradient.selected {
  background: black;
}

.grayGradient {
  background: #EEEEEE;
  border: 1px solid #EEEEEE;
  color: #666666;
  border: 1px solid rgb(201, 201, 201);
  font-family: Arial, Helvetica, sans-serif;
}
.grayGradient:hover {
  background: rgb(217.6, 217.6, 217.6);
  transition: all 0.3s ease;
}
.grayGradient:active {
  background: rgb(174.25, 174.25, 174.25);
}
.grayGradient:disabled, .grayGradient.disabled {
  background: white;
}
.grayGradient:visited {
  background: rgb(199.75, 199.75, 199.75);
}
.grayGradient.selected {
  background: rgb(174.25, 174.25, 174.25);
}

.lightGrayGradient {
  background: #EFEFEF;
  border: 1px solid #EFEFEF;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
}
.lightGrayGradient:hover {
  background: rgb(218.6, 218.6, 218.6);
  transition: all 0.3s ease;
}
.lightGrayGradient:active {
  background: rgb(175.25, 175.25, 175.25);
}
.lightGrayGradient:disabled, .lightGrayGradient.disabled {
  background: white;
}
.lightGrayGradient:visited {
  background: rgb(200.75, 200.75, 200.75);
}
.lightGrayGradient.selected {
  background: rgb(175.25, 175.25, 175.25);
}

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;
}