/****************************************************************************
* This css defines the individual characteristics of						*
* the content modules. The first section defines generic					*
* modules. Those generic styles are part of the toolbox and				*
* should NOT be changed unless you know exactly what you are doing.		*
* If you do need to apply special styles it is instead recommended that	*
* you expand/overwrite the existing styles by adding a class.				*
***************************************************************************/
.module.articleVisual {
    padding-bottom: 10px;
}

.module.articleVisual img,
.module.articleVisual p.imgSubline {
    float: left;
}

.module.articleVisual p.imgSubline {
    margin-bottom: 0;
}

/****************************************
* article module						*
****************************************/
.article {
    overflow: hidden; /* contain floats */
}

.article .articleImg {
    float: left;
    margin: 0 20px 12px 0;
}

.article.invert .articleImg,
.articleImgInvert {
    float: right;
    margin: 0 0 12px 20px;
}

#mainWrp .article .articleImg img {
    margin: 0;
}

#teaserBar .article .articleImg {
    margin: 0 10px 10px 0;
}

img.outline,
img.imgOutline,
.imgOutline img {
    border: 1px solid #dddddd;
}

/* subarticle inside an article */
.subArticle {
    margin-bottom: 2.5em;
}

/*
.module.colTxt .txtWrp,
.module.article.colTxt .txtWrp {
*/
.colTxt .txtWrp {
    overflow: hidden;
}

.blockTxt .txtWrp {
    clear: left;
}

.blockTxt .articleImg {
    margin-left: 0;
    margin-right: 0;
}

/* buttonWrapper(-module) dynButton: dynamic button width (text width) */
.buttonWrp.dynButton .button {
    float: left;
}

.module.floatTxt {
    float: none;
    padding-bottom: 1px; /* prevent margins from collapsing... */
    margin-bottom: 11px; /* ... and adjust the visible margin */
    overflow: visible;
}

/* FAQ List */
.module li.faq .sectionContent {
    padding: 5px 0 0;
}

#faq dt,
#faq dd,
dl.faq dt,
dl.faq dd {
    padding: 0 5px;
}

#faq dt,
dl.faq dt {
    padding-top: 5px;
}

#faq dt.jsAnswer,
#faq dd.jsAnswer,
dl.faq dt.jsAnswer,
dl.faq dd.jsAnswer {
    padding-top: 0;
}

#faq dd.jsAnswer,
dl.faq dd.jsAnswer {
    padding-bottom: 5px;
    margin-bottom: 0.5em;
}

#faq dd.jsAnswer .utilityLink,
dl.faq dd.jsAnswer .utilityLink {
    display: inline;
}

#faq .highlight,
dl.faq .highlight {
    background-color: #f5f5f5;
}

/* END FAQ */

/* Teaser definitions */
#teaserBar .teaser img {
    float: left;
}

#teaserBar .t2 img {
    border: 1px solid #ddd;
}

#teaserBar .module.contentOnly {
    border-bottom: none;
}

/* probably going to be redundant ---> generic.css */
#teaserBar .t2 img,
#teaserBar .t3 img {
    margin-right: 10px;
}

/*
#mainVisualTeaser {
    position: absolute;
    top: 70%;
    left: 0;
    width: 320px;
    background: url(/assets2/images/global/main-visual-teaser-box-top.png) no-repeat 0 0;
}
#mainVisualTeaser .contentWrp {
    float: left;
    margin: 7px 0 0;
    background: url(/assets2/images/global/main-visual-teaser-box-bottom.png) no-repeat 0 bottom;
}
#mainVisualTeaser img {
    float: left;
    margin: 0 10px 0 20px;
}
#mainVisualTeaser .txtWrp {
    margin: 0 0 7px;
    padding-left: 130px;
    background: url(/assets2/images/global/main-visual-teaser-box-middle.png) repeat-y 0 0;
}
*/

/**************************
* end of toolbox modules *
**************************/

ul.stageTeaser li {
    float: left;
    width: 270px;
    height: 153px;
    padding: 5px 30px;
    margin: 0 0 10px;
    background: url(/assets2/images/global/teaser-shadow-bg.png) no-repeat 21px 0;
}

/* gallery definitions */
.slideshow {
    position: relative;
}

.slideshow .imgSubline {
    height: 32px;
}

/* .jsSlideshow is set by the JS when slideshow setup is ready (e.g. setting imgWrp height) */
.jsSlideshow .slideshow .imgWrp img {
    position: absolute;
    top: 0;
    left: 0;
}

.slideshowNav {
    cursor: pointer;
}

.slideshow .slideshowNav {
    position: absolute;
    bottom: 57px;
    right: 10px;
}

#mainVisual .slideshowNav {
    bottom: 10px;
    right: 36px;
}

.slideshow .slideshowNav li {
    float: left;
    height: 23px;
}

/* slideshow navigation */
.slideshow .slideshowNav li {
    background: url(/assets2/images/global/buttons/slideshow-controlbuttons_002.png) no-repeat 0 0;
}

.slideshow .slideshowNav .prev {
    background-position: -36px 0;
    width: 35px;
}

.slideshow .slideshowNav .prev.active {
    background-position: -36px -23px;
}

.slideshow .slideshowNav .prev.first {
    background-position: 0 0;
}

.slideshow .slideshowNav .prev.first.active {
    background-position: 0 -23px;
}

.slideshow .slideshowNav .next {
    background-position: -71px 0;
    width: 34px;
}

.slideshow .slideshowNav .next.active {
    background-position: -71px -23px;
}

.slideshow .slideshowNav .next.last {
    background-position: -106px 0;
    width: 35px;
}

.slideshow .slideshowNav .next.last.active {
    background-position: -106px -23px;
}

.slideshow .slideshowNav .exterior {
    background-position: -141px 0;
    width: 39px;
}

.slideshow .slideshowNav .exterior.active {
    background-position: -141px -23px;
}

.slideshow .slideshowNav .exterior.first {
    background-position: -224px 0;
}

.slideshow .slideshowNav .exterior.first.active {
    background-position: -224px -23px;
}

.slideshow .slideshowNav .exterior.last {
    background-position: -263px 0;
    width: 40px;
}

.slideshow .slideshowNav .exterior.last.active {
    background-position: -263px -23px;
}

.slideshow .slideshowNav .interior {
    background-position: -180px 0;
    width: 43px;
}

.slideshow .slideshowNav .interior.active {
    background-position: -180px -23px;
}

.slideshow .slideshowNav .interior.first {
    background-position: -303px 0;
    width: 43px;
}

.slideshow .slideshowNav .interior.first.active {
    background-position: -303px -23px;
}

.slideshow .slideshowNav .interior.last {
    background-position: -345px 0;
    width: 44px;
}

.slideshow .slideshowNav .interior.last.active {
    background-position: -345px -23px;
}

.slideshow .slideshowNav .play {
    background-position: -390px 0;
    width: 34px;
}

.slideshow .slideshowNav .play.active {
    background-position: -390px -23px;
}

.slideshow .slideshowNav .play.last {
    background-position: -425px 0;
    width: 35px;
}

.slideshow .slideshowNav .play.last.active {
    background-position: -425px -23px;
}

/* navigation mainVisual */
* html #mainVisual {
    height: 340px;
}

#mainVisual .navi {
    width: 825px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    opacity: 0.6;
    filter: Alpha(opacity = 60);
    background-color: #000000;
}

#mainVisual .navi ul {
    list-style-type: none;
}

#mainVisual .navi ul li {
    color: #FFFFFF;
    float: left;
    font-size: 91.67%;
    line-height: 145.46%;
    margin-left: 40px;
    padding: 9px 0 17px;
}

#mainVisual .navi ul li a {
    color: #FFFFFF;
    text-decoration: none;
}

#mainVisual .navi ul li a:hover {
    text-decoration: underline;
}

#mainVisual .modelVisual {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

#mainVisual .modelVisual.active {
    display: inline;
}

#mainVisual .navi ul li a.active {
    cursor: default;
    text-decoration: underline;
}

/* extended bodytypes */
.extBodytype p {
    font-size: 91.67%;
}

.extBodytype p.price {
    font-size: 100%;
    font-weight: bold;
}

.extBodytype ul {
    font-size: 91.67%;
}

.extBodytype ul li {
    margin-left: 13px;
}

.x2.extBodytype .button {
    width: 206px;
    float: left;
}

.x2.extBodytype img {
    padding: 0 0 3px 0;
}

/****************************************
* motabilityContact						*
* offers/N235_Motabilty_Contact.html	*
****************************************/
.motabilityContact .blind li {
    padding-top: 9px;
    margin-bottom: 10px;
    padding-left: 45px;
}

.motabilityContact li {
    min-height: 26px;
    background: url(/assets2/images/global/icons/blueGsm.gif) -0px -0px no-repeat; /* default */
}

.motabilityContact .hotline {
    background-image: url(/assets2/images/global/icons/blueContact.gif);
}

.motabilityContact .www {
    background-image: url(/assets2/images/global/icons/blueWww.gif);
}

/****************************************
* chevroletApproved						*
* models/N16_used.html					*
****************************************/
.chevroletApproved .blind li {
    margin-bottom: 36px;
    padding-left: 57px;
}

.chevroletApproved li {
    min-height: 37px;
    background: url(/assets2/images/global/icons/used-cars/checked.jpg) -0px -0px no-repeat; /* default */
}

.chevroletApproved .clutchBreaksBattery {
    background-image: url(/assets2/images/global/icons/used-cars/clutch-breaks-Battery.jpg);
}

.chevroletApproved .history {
    background-image: url(/assets2/images/global/icons/used-cars/history.jpg);
}

.chevroletApproved .miles {
    background-image: url(/assets2/images/global/icons/used-cars/warranty-20k-miles.jpg);
}

.chevroletApproved .mot {
    background-image: url(/assets2/images/global/icons/used-cars/mot.jpg);
}

.chevroletApproved .phone {
    background-image: url(/assets2/images/global/icons/used-cars/phone.jpg);
}

.chevroletApproved .thirty {
    background-image: url(/assets2/images/global/icons/used-cars/warranty-30-days.jpg);
}

.chevroletApproved .www {
    background-image: url(/assets2/images/global/icons/blueWww.gif);
}

/****************************************
* Card Slider Modules					*
****************************************/
#cardSlider .corner {
    background-image: url(/assets2/images/global/corners-c1c1c1.gif);
}

#cardSlider {
    /*
    * this is the width of the slider
    * if JS is NOT available. In this case
    * all cards are displayed in a block of
    * the width we define here. Should be a
    * multiple of a single card's OUTER width
    * (width plus padding and border)
    */
    width: 618px;
    overflow: hidden;
    display: inline;
    float: left;
}

#cardSlider .slideMask {
    /*
    * this is the width of the slider
    * if JS IS available. In this case
    * the slideMask width defines the number
    * of visible cards. It should therefore be
    * a multiple of a single card's OUTER width
    * (width plus padding and border)
    */
    width: 618px;
    float: left;
    overflow: hidden;
    position: relative;
}

.modelConfigure #cardSlider,
.modelConfigure #cardSlider .slideMask {
    width: 840px;
}

#cardSlider .action {
    cursor: pointer;
}

/* slide action buttons */
#cardSlider .slideBtn {
    width: 20px;
    height: 294px;
    float: left;
    background: url(/assets2/images/global/cardslider/sliderbuttons-left.png) no-repeat right 0;
}

#cardSlider .slideBtn.right {
    background-image: url(/assets2/images/global/cardslider/sliderbuttons-right.png);
}

#cardSlider .slideBtn.active {
    background-position: left top;
}

#cardSlider ul.cards {
    margin: 0;
}

#cardSlider li.card {
    float: left;
    width: 204px;
    height: 292px;
    font-size: 11px;
    border: 1px solid #C1C1C1;
    background-color: #F5F5F5;
}

.jsReady #cardSlider ul.cards {
    height: 295px;
}

.jsReady #cardSlider li.card {
    border-left-width: 0;
    padding-left: 1px;
}

.jsReady #cardSlider li.card.first {
    border-left-width: 1px;
    padding: 0;
}

#cardSlider ul.cards li.hover {
    background-color: #E9E9E9;
    cursor: pointer;
}

.modelConfigure #cardSlider ul.cards li.active {
    background-color: #E9E9E9;
    cursor: auto;
}

#cardSlider li.card.last {
    border-width: 1px;
}

/* card content */
#cardSlider li.card h2,
#cardSlider li.card h3 {
    margin-bottom: 15px;
    font-size: 11px;
}

#cardSlider li.card h3 {
    margin-bottom: 0;
}

#cardSlider li.card h2 .modelName {
    font-size: 14px;
}

#cardSlider li.card .cta1, #cardSlider li.card .cta2 {
    width: 164px;
    margin: 0 auto;
}

#cardSlider li.card .cardContent {
    width: 190px;
    height: 205px;
    overflow: hidden;
    margin: 5px auto 13px;
    line-height: 16px;
}

#cardSlider .noButtons li.card .cardContent {
    height: auto; /* countries without cta btn may use the full card height for text */
}

/**********************************
* trim selection page trim-images *
***********************************/
.modelConfigure #carPicWrp {
    width: 1000px;
    height: 340px;
    background-image: url(/assets2/images/global/carconfigurator/bg/bg_slider.gif);
    padding: 0;
    position: relative;
    overflow: hidden;
}

.modelConfigure #carPicWrp .car {
    position: absolute;
    right: 150px;
    top: 70px;
    z-index: 10;
    /* IE6 needs dimensions to display the image */
    width: 562px;
    height: 250px;
}

.modelConfigure #carPicWrp .trim {
    display: none;
}

.modelConfigure #carPicWrp .trim.show {
    display: block;
}

.modelConfigure #topSum {
    padding: 70px 37px 20px 37px;
}

.modelConfigure #topSum h1,
.modelConfigure #topSum h2 {
    width: auto;
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 20px;
}

.modelOverview .module.modelInfo {
    float: left;
    width: 228px;
    margin: 0 28px 10px 0;
    line-height: 16px;
}

.modelOverview .module.modelInfo h2 {
    font-size: 11px;
    margin-bottom: 1em;
}

.modelOverview .module.modelInfo p {
    margin-bottom: 1em;
}

.modelOverview .module.modelInfo .buttonWrp {
    padding-top: 5px;
}

/*
* model headlines
*/
h1.modelHead.dummy {
    background-image: url(/prototype/dummies/img/model-headline.jpg);
}

/***************************************
* Teaser                               *
***************************************/
.teaserSlider .contentWrp {
    clear: both;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: white;
}

.teaserSlider .contentWrp.oneRow {
    height: 190px;
}

.teaserSlider .contentWrp.twoRows {
    height: 355px;
    width: auto;
}

.teaserSlider .contentWrp ul.wrapperTeasers {
    margin: 13px 4px 14px 3px;
}

.contentWrp ul li {
    float: left;
}

.teaserSlider .contentWrp #teaserScreen {
    width: 877px;
    height: 189px;
    position: absolute;
    top: 4px;
    left: 66px;
    overflow: hidden;
}

.contentWrp div.buttonLeft,
.contentWrp div.buttonRight {
    cursor: pointer;
    background-repeat: no-repeat;
    position: absolute;
    width: 38px;
    height: 38px;
}

.teaserSlider .contentWrp div.buttonLeft {
    top: 75px;
    left: 18px;
    background-image: url(/assets2/images/global/navigation/teasernav/button-arrow-left.png);
}

.teaserSlider .contentWrp div.buttonRight {
    top: 75px;
    right: 16px;
    background-image: url(/assets2/images/global/navigation/teasernav/button-arrow-right.png);
}

.contentWrp div.sliderPageIdenticator {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
    z-index: 40;
}

.contentWrp div.sliderPageIdenticator span {
    padding: 5px;
    margin: 1px;
    overflow: hidden;
    font-size: 8px;
    background: no-repeat 0 4px;

}

.teaserSlider .contentWrp div.sliderPageIdenticator span.pagePassive {
    background-image: url(/assets2/images/global/navigation/teasernav/slider-page-identifier-passive.gif);
    cursor: pointer;
}

.teaserSlider .contentWrp div.sliderPageIdenticator span.pageActive {
    background-image: url(/assets2/images/global/navigation/teasernav/slider-page-identifier-active.gif);
}

.contentWrp #teaserScreen #wrapperTeaserSlider {
    position: relative;
}

.teaserSlider .contentWrp #teaserScreen #displayTeaserSlider {
    width: 8577px;
    position: absolute;
}

.contentWrp #teaserScreen #displayTeaserSlider li {
    float: left;
    margin: 0;
    width: 290px;
    height: 163px;
}

.teaserSlider .contentWrp #teaserScreen #displayTeaserSlider li.last {
    visibility: hidden;
}

/* Teaser 1 and 2:*/
div.teaser1,
div.teaser2 {
    background: url(/assets/images/global/teaser-shadow-bg.png) no-repeat 26px 9px; /* background-position:0 -5px; */
    width: 265px;
    padding: 14px 33px 12px 34px;
    height: 137px;
}

.teaserSlider #teaserScreen div.teaser1,
.teaserSlider #teaserScreen div.teaser2 {
    background-position: 4px 9px;
    padding: 14px 13px 12px 12px;
}

.experience_overview div.teaser1,
.experience_overview div.teaser2 {
    width: 264px;
}

div.teaser1 img,
div.teaser2 img {
    display: block;
}

div.teaser1 div.textLink,
div.teaser2 div.textLink {
    height: 23px;
    width: 245px;
    background-color: #fff;
    overflow: hidden;
    font-size: 10px;
    color: #951515;
    font-weight: bold;
    line-height: 23px;
    padding: 0 10px 0 10px;
}

div.teaser1 div.textLink a,
div.teaser2 div.textLink a {
    color: #951515;
    font-weight: bold;
    font-size: 10px;
    display: inline-block; /* bugfix IE8*/
    text-decoration: underline;
}

div.teaser1 div.textLink .external,
div.teaser2 div.textLink .external {
    background-position: right center;
}

/* Teaser 2:*/
div.teaser2 img {
    width: 96px;
    float: left;
}

div.teaser2 div.wrapper {
    width: 149px;
    height: 127px;
    overflow: hidden;
    background-color: #eeeef2;
    padding: 10px 10px 0 10px;
    color: #484848;
    position: relative;
}

div.teaser2 h3 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

div.teaser2 div.description {
    font-size: 10px;
}

div.teaser2 div.textLink {
    background-color: #eeeef2;
    position: absolute;
    width: 149px;
    left: 0;
    bottom: 0;
}

/***************************************
* Future Cars                          *
* 2010 by KS                           *
***************************************/
/* TODO: Implement in generic.css !! */
#content .subArticle h3 p {
    margin: 0;
    padding: 0;
}

/**/
div.futureCars div.thumbnail {
    position: relative;
    margin-bottom: 8px;
    width: 216px; /* For IE < 8 */
}

div.futureCars div.thumbnail:hover {
    cursor: pointer;
}

div.futureCars div.thumbnail div.collection {
    position: relative;
    height: 150px;
    width: 216px;
}

div.futureCars div.thumbnail img {
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    height: 148px;
    width: 214px;
}

div.futureCars div.thumbnail div.numberBox {
    position: absolute;
    right: 4px;
    top: 4px;
    background-image: url(/assets2/images/global/icons/number-box-right.png);
    background-repeat: no-repeat;
    background-position: right top;
    font-weight: bold;
    visibility: hidden;
}

div.futureCars div.thumbnail div.numberBox span {
    background-image: url(/assets2/images/global/icons/number-box-left.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 17px;
    min-width: 18px;
    margin-right: 4px;
    padding-left: 4px;
    text-align: center;
}

div.futureCars div.thumbnail:hover div.numberBox {
    visibility: visible;
    text-decoration: none;
}

div.futureCars div.caption {
    position: absolute;
    width: 204px;
    left: 1px;
    bottom: 1px;
    background-color: #474747;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    color: #fff;
    padding: 5px;
    visibility: hidden;
    text-decoration: none;
}

div.futureCars div.thumbnail:hover div.caption {
    visibility: visible;
}

div.futureCars .actions .utilityLink {
    text-decoration: none;
    padding: 0px 6px;
}

div.futureCars .actions .utilityLink:hover {
    text-decoration: underline;
}

div.futureCars .actions .utilityLink.active {
    text-decoration: none;
    color: #fff;
    background-color: #E8AE05;
    display: block;
    padding: 4px 6px;
}

div.futureCars .actions ul {
    padding-bottom: 20px;
}

div.futureCars .actions ul li {
    padding-top: 4px;
}

/****************************************
* Lightbox      						*
****************************************/
.setLightbox a {
    display: block;
    position: relative;
}

.setLightbox a span.enlargeable {
    background-image: url(/assets2/images/global/icons/plus-icon.png);
    background-repeat: no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 4px;
    top: 4px;
}

/****************************************
* Inline Window   						*
****************************************/
.inlineWindow .windowBar {
    width: 800px;
    position: relative;
    text-align: left; /* For IE < 8 */
}

.inlineWindow .windowBar .windowBarContentWrapper {
    background-image: url("/assets2/images/global/layer/inlinewindow-windowbar.png");
    background-repeat: no-repeat;
    height: 36px;
    width: 776px;
    position: relative;
    overflow: hidden;
    left: 0px;
}

.inlineWindow .windowBar div.rightCorner {
    background-image: url("/assets2/images/global/layer/inlinewindow-windowbar.png");
    background-repeat: no-repeat;
    background-position: 0 -37px;
    width: 4px;
    height: 36px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.inlineWindow .windowBar .windowBarContentWrapper .contents {
    float: left;
    height: 36px;
    overflow: hidden;
    text-align: left;
    width: 70%;
}

.inlineWindow .windowBar .windowBarContentWrapper .navigationElements {
    float: right;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-align: right;
    width: 30%;
}

.inlineWindow .windowBar .windowBarContentWrapper .navigationElements .buttonClose {
    background-image: url("/assets2/images/global/icons/close.gif");
    background-position: right 2px;
    background-repeat: no-repeat;
    float: right;
    height: 16px;
    margin-top: 10px;
    padding-right: 24px;
    font-size: 11px;
}

/****************************************
* Feedbox     						    *
****************************************/
div.feedBox {
    background-color: #f4f4f4;
}

div.feedBox div.title, div.feedBox li {
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    padding: 10px 10px 0 10px;
}

div.feedBox div.title span {
    font-weight: bold;
}

div.feedBox div.title img {
    float: left;
    margin: 0 10px 10px 0;
}

div.feedBox div.title span {
    margin-bottom: 10px;
    display: block;
}

div.feedBox ul {
    clear: both;
}

div.feedBox li {
    margin: 0;
    padding: 10px;
    font-size: 91.67%;
}

div.feedBox li span {
    display: block;
}

div.feedBox li a {
    color: #32cbff;
    text-decoration: none;
}

div.feedBox li a.timeInfo {
    color: #949494;
}

div.feedBox div.disclaimer {
    padding: 10px;
}

/***************************************
* Model Accessories                    *
* 2010 by MH                           *
***************************************/
/* TODO: Implement in generic.css !! */
/*taken from modules.css futurecars start*/
div.accessories div.thumbnail {
    position: relative;
    margin-bottom: 8px;
    width: 216px; /* For IE < 8 */
    height: 175px;
    overflow: hidden;
}

div.accessories div.thumbnail:hover {
    cursor: pointer;
}

div.accessories div.thumbnail div.collection {
    position: relative;
    height: 150px;
    width: 216px;
}

div.accessories div.thumbnail img {
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    height: 148px;
    width: 214px;
}

div.accessories a.activateAccessoryInlineWindow {
    text-decoration: none;
}

div.accessories div.caption {
    width: 204px;
    left: 1px;
    bottom: 1px;
    /*background-color:#474747;*/
    opacity: 0.8;
    filter: alpha(opacity = 80);
    padding: 9px 9px 0;
    text-decoration: none;
    position: relative;
    color: #000000;
    /*background-color: inherit;*/
}

div.accessories div.thumbnail:hover div.caption {
    visibility: visible;
}

div.accessories .actions .utilityLink {
    text-decoration: none;
    padding: 0px 6px;
    display: inline-block;
}

div.accessories .actions .utilityLink:hover {
    text-decoration: underline;
}

div.accessories .actions .utilityLink.active {
    text-decoration: none;
    color: #fff;
    background-color: #E8AE05;
    display: block;
    padding: 4px 6px;
}

div.accessories .actions ul {
    padding-bottom: 20px;
}

div.accessories .actions ul li {
    padding-top: 4px;
}

/*taken from modules.css futurecars end */
div.accessories div.thumbnail img, div.accessories div.thumbnail div.collection {
    height: 120px !important;
    cursor: pointer;
}

div.accessories div.captionCategory {
    font-size: 10px;
    color: #5c5c5c;
    padding: 0 9px 20px;
}

.accessories .thumbnailGalleryControlsHeadline {
    font-size: 11px;
    color: #2e2e2e;
}

ul#accessoriesDatabase {
    display: none;
}

div#inlineWindow_moreInfoAccessory {
    width: 900px;
}

div#inlineWindow_moreInfoAccessory div.titleBar {
    width: 898px;
}

div#inlineWindow_moreInfoAccessory div.titleBarContent {
    width: 870px;
}

div#inlineWindow_moreInfoAccessory div.dividerTop, div#inlineWindow_moreInfoAccessory div.dividerBottom {
    background-image: none;
}

div#inlineWindow_moreInfoAccessory div.imageContainer {
    float: left;
    padding-right: 20px;
}

#inlineWindow_moreInfoAccessory div.imageContainer img {
    border: 1px solid #ddd;
}

div#inlineWindow_moreInfoAccessory div.contentHeadline {
    font-weight: bold;
    color: #2e2e2e;
    padding-bottom: 20px;
    padding-top: 10px;
}

div#inlineWindow_moreInfoAccessory div.contentDescription {
    color: #2e2e2e;
    padding-bottom: 20px;
}

div#inlineWindow_moreInfoAccessory span.contentFeature {
    font-weight: bold;
    padding-right: 5px;
}

div#inlineWindow_moreInfoAccessory .windowBar {
    width: 900px;
}

div#inlineWindow_moreInfoAccessory .windowBar .windowBarContentWrapper {
    background-image: url("/assets2/images/global/layer/inlinewindow-windowbar-900x74.png");
    width: 876px;
}

div#inlineWindow_moreInfoAccessory .button.cta1 .corner {
    background-image: url("/assets2/images/global/corners-a63100.gif");
}

div#inlineWindow_moreInfoAccessory div.dividerBottom {
    background-image: url("/assets2/images/global/layer/layer-white-bottom-dark-bg-900px.gif");
}

div#inlineWindow_moreInfoAccessory div.footerText {
    padding: 4px 11px 6px 17px;
    height: 16px;
}

div#inlineWindow_moreInfoAccessory div.footerText div.containerPreviousNextButtons {
    float: right;
    margin-top: 2px;
}

div#inlineWindow_moreInfoAccessory span.titleHeadline {
    padding-left: 7px;
}

div#inlineWindow_moreInfoAccessory div.contentText {
    padding-left: 17px;
}

/* copied from links.css */
div#inlineWindow_moreInfoAccessory a.printLink, div.printLink, span.printLink {
    /*color:#4c4c4c;*/
    color: #000000;
    font-size: 11px;
    cursor: pointer;
    background-image: url(/assets/images/global/printerIcon.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    padding: 2px 0 2px 25px;
    text-decoration: none;
}

div#inlineWindow_moreInfoAccessory a.printLink {
    float: left;
}

div#inlineWindow_moreInfoAccessory a.pagerInactive {
    color: #666666 !important;
    text-decoration: none;
    cursor: default !important;
}

div#inlineWindow_moreInfoAccessory a#pagerPrevious, a#pagerNext {
    color: #000000;
}

/* copied from article-layouts.css */
div#inlineWindow_moreInfoAccessory #pictureEnumerator {
    padding-top: 6px;
    height: 20px;
}

div#inlineWindow_moreInfoAccessory #pictureEnumerator span {
    padding: 1px 4px 1px 3px;
    margin: 5px 8px 5px 0;
    border: 1px solid #999999;
    cursor: pointer;
}

div#inlineWindow_moreInfoAccessory #pictureEnumerator span:hover {
    background-color: #eee;
}

div#inlineWindow_moreInfoAccessory #pictureEnumerator span.enumActive, #pictureEnumerator span.enumActive:hover {
    padding: 2px 5px 2px 4px;
    background-color: #e8ae05;
    color: #fff;
    border: none;
}

/**/
.printWindow_moreInfoAccessory {
    margin-left: 20px;
    margin-top: 20px;
}

.printWindow_moreInfoAccessory a, .printWindow_moreInfoAccessory a.button {
    display: none;
}

.printWindow_moreInfoAccessory span.titleHeadline {
    padding-left: 7px;
    /*added from lightbox*/
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    margin-top: 20px;
}

.printWindow_moreInfoAccessory div.titleHeadline {
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
}

.printWindow_moreInfoAccessory .contentContainer {
    margin-left: 20px;
}

.printWindow_moreInfoAccessory .imageContainer {
    width: 300px;
    float: left;
    margin-right: 20px;
}

.printWindow_moreInfoAccessory .imageContainer img {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #e4e4e4;
}

.printWindow_moreInfoAccessory .contentHeadline {
    font-weight: bold;
    padding-bottom: 20px;
    margin-top: 10px;
}

.printWindow_moreInfoAccessory .copyContainer {
    width: 600px;
    *width: 300px;
}

.printWindow_moreInfoAccessory div.contentDescription {
    color: #2E2E2E;
    padding-bottom: 20px;
}

.printWindow_moreInfoAccessory .contentFeature {
    font-weight: bold;
}

/* Model Accessories End */
/* icons for external links */
#teaserBar .txtWrp a[target="_blank"] {
    background-image: url(/assets/images/global/externalIcon.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-right: 16px;
}

#teaserBar .txtWrp a[target="_blank"]:visited {
    background-image: url(/assets/images/global/external_8c8c8cIcon.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-right: 16px;
}

#teaserBar .txtWrp a[target="_blank"]:focus,
#teaserBar .txtWrp a[target="_blank"]:hover,
#teaserBar .txtWrp a[target="_blank"]:active {
    color: #b33037;
    background-image: url(/assets/images/global/externalIcon.jpg);
}

/* end icons for external links */
/* used by toolbox-sos to get margin-bottom 60px */
#content .grid .module.last {
    margin-bottom: 23px;
}

/* OVERLAY */
/* Overlay css */
.onLoadOverlay {
    width: 400px;
    display: none;
    background-color: #fff;
}

.onLoadOverlay .close {
    background-image: url(/assets2/images/global/icons/close-icon-white-23x23.png);
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
    height: 23px;
    width: 23px;
    z-index: 9999;
}

.onLoadOverlayBox {
    padding: 40px 60px 30px 40px;
}

.onLoadOverlayBox .copy {
    padding: 0 0 10px;
}

.onLoadOverlayBox .copy p {
    padding-bottom: 10px;
}

.onLoadOverlayBox .action .button {
    padding: 3px 34px 4px
}

/* Overlayed status boxes */
div.statusBoxWrapper {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
}

div.statusBoxWrapper div.statusBox {
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -125px;
    width: 250px;
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    z-index: 50;
    background-color: #fff;
    border: 1px dotted #AEAEAE;
}

div.statusBoxWrapper div.statusBox img,
div.statusBoxWrapper div.statusBox div.message {
    float: left;
    margin-right: 12px;
    color: #787878;
    font-size: 11px;
    line-height: 42px;
}

/***************************************
* Modal Lightbox                       *
* 2012 by SB                           *
***************************************/

.lightBoxContainer {
    display: none;
    z-index: 1000;
    background-color: #FFFFFF;
    width: 800px;
}

.lightBoxHeadline {
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 23px;
    left: 0;
    line-height: 23px;
    overflow: hidden;
    padding: 7px 37px 7px 17px;
    position: absolute;
    top: 0;
    width: 746px;
}

.lightBoxTitle {
    height: 23px;
    overflow: hidden;
}

.lightBoxCloseButton {
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin: 7px;
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
    z-index: 1;
    background: url('/assets2/images/global/icons/close-23x23.png') no-repeat scroll 0 0 transparent;
}

.lightBoxFooter {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 800px;
}

.lightBoxNav {
    margin-top: 35px;
    margin-right: 20px;
}

.lightBoxIndex {
    font-weight: bold;
    font-size: 9px;
    line-height: 25px;
    float: right;
}

.lightBoxNext,
.lightBoxPrev {
    cursor: pointer;
    margin-right: 5px;
    margin-left: 5px;
    float: right;
    height: 25px;
    width: 29px;
    background: url('/assets2/images/global/buttons/arrows.png') no-repeat scroll -41px -34px transparent;
}

.lightBoxNext:hover {
    background-position: -41px 0;
}

.lightBoxPrev {
    background-position: 0 -34px;
}

.lightBoxPrev:hover {
    background-position: 0 0;
}

/* cookie policy  */
.cookieHeadlineIcon {
    float: left;
    padding-right: 10px;
}

#content.cookiePolicy ol {
    margin-bottom: 1.33em;
}

#content.cookiePolicy ul.cookieAnchors {
    margin-left: 0px;
}

#content.cookiePolicy ul.cookieAnchors li {
    list-style-type: none;
    margin-left: 0px;
    position: relative;
}

#content.cookiePolicy ul.cookieAnchors li a.cookieAnchor {
    color: black;
    margin-bottom: 3px;
    line-height: 24px;
    text-align: text-top;
    font-weight: bold;
    position: relative;
    top: -5px;
    left: 10px;
}

#content.cookiePolicy h2.cookieHeadline {
    position: relative;
    top: -3px;
}

#content.cookiePolicy table tbody tr td.col1 {
    font-weight: bold;
    color: #626262
}

#content.cookiePolicy table tbody tr td.col2 {
    color: #434343
}

/* additions for cookie-controller */
span.policyPage-necessary {
    background-image: url('/assets2/images/global/icons/necessary-17x17.png');
}

span.policyPage-performance {
    background-image: url('/assets2/images/global/icons/performance-17x17.png');
}

span.policyPage-targeting {
    background-image: url('/assets2/images/global/icons/targeting-17x17.png');
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    width: 17px;
    height: 17px;
}

span.policyPage-functional {
    background-image: url('/assets2/images/global/icons/functional-17x17.png');
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    width: 17px;
    height: 17px;
}

span.policyPage-necessary {
    background-image: url('/assets2/images/global/icons/necessary-17x17.png');
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    width: 17px;
    height: 17px;
}

span.policyPage-performance {
    background-image: url('/assets2/images/global/icons/performance-17x17.png');
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    width: 17px;
    height: 17px;
}

span.policyPage-functional.inactive {
    background-image: url('/assets2/images/global/icons/functional-inactive-17x17.png') !important;
}
span.policyPage-targeting.inactive {
    background-image: url('/assets2/images/global/icons/targeting-inactive-17x17.png') !important;
}
span.policyPage-performance.inactive {
    background-image: url('/assets2/images/global/icons/performance-inactive-17x17.png') !important;
}
#imgSlider-performance, #imgSlider-functional, #imgSlider-targeting {
    background-image: url('/assets2/images/global/buttons/cookie-control-button.png');
    background-repeat: no-repeat;
    height: 25px;
    width: 89px;
    cursor: pointer;
    display: block;
}

.cookieController .slideOn {
    background-position: 0% 0%;
}

.cookieController .slideOff {
    background-position: 0% 100%;
}

.cookieController .cookieAnchors span, .cookieAnchors span {
    position: absolute;
    top: -1px;
    display: block;
    left: 0;
    width: 17px;
    height: 17px:
}

.cookieController .cookieAnchors a.cookieAnchor {
    margin-left: 17px;
}

.cookieController .cookieHeadline {
    margin-left: 27px;
}

/* cookie compliance layer */
div.cookieCopyWrapper {
    width: 570px;
    padding: 20px 20px 20px 20px;
}

span.cookieClose {
    float: right;
    cursor: pointer;
    margin: 10px;
    background: url('/assets2/images/global/icons/icon-close-13x13.png') no-repeat 0pt 0pt;
    height: 17px;
    width: 17px;
}

div#cookieCopy {
    display: none;
    width: 1000px;
    color: white;
    font-family: Verdana;
    font-size: 12px;
    line-height: 16px;
    background: #62005f; /* Old browsers */
    background: -moz-linear-gradient(top, #62005f 0%, #480044 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62005f), color-stop(100%, #480044)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #62005f 0%, #480044 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #62005f 0%, #480044 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #62005f 0%, #480044 100%); /* IE10+ */
    background: linear-gradient(top, #62005f 0%, #480044 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#62005f', endColorstr = '#480044', GradientType = 0); /* IE6-9 */
}

a.cookieLink, a.cookieLink:hover, a.cookieLink:visited {
    color: #ffffff;
    font-weight: bold;
}
#cookieCopy.layerFixed {
	position:fixed;
	top:50%;
	bottom:50%;
	z-index:2000;
	height:107px;
	display:block;
}
#cookieCopy.layerFixed .layerFixedWrapper {
	position:absolute;
	background: -moz-linear-gradient(center top , #62005F 0%, #480044 100%) repeat scroll 0 0 transparent;
}
#cookieCopy.layerFixed .cookieCopyWrapper, #cookieCopy.displayButtons .cookieCopyWrapper {
	float:left;
}
#cookieCopy.layerFixed .cookieButtonWrapper {
	float:left;
	padding:20px;
	padding-top:35px;
	padding-left:25px;
}
#cookieCopy.displayButtons .cookieButtonWrapper {
	float:left;
	padding:20px;
}
#cookieCopy.displayButtons .cookieLeftButtonWrapper {
	float:left;
	width:142px;
}
#cookieCopy.displayButtons .cookieLeftButtonWrapper a {
	padding: 3px 9px 4px;
}
#cookieCopy.displayButtons .cookieRightButtonWrapper {
	float:left;
	margin-left:20px;
	width:142px;
}
#cookieCopy.layerFixed .cookieLeftButtonWrapper {
	float:left;
	width:150px;
}
#cookieCopy.layerFixed .cookieRightButtonWrapper {
	float:left;
	margin-left:20px;
	width:142px;
}
#cookieCopy.layerFixed .cookieButtonWrapper .cookieLink {
	padding: 3px 9px 4px;
}
#cookieCopy.layerFixed .button.cta2.cookieLink, #cookieCopy.layerFixed .button.cta2.buttonCookieClose  {
	color:#1e1e1e !important;
	border:2px solid #ffffff !important;
}
/**/

#contentWrp .mainModule {
    width: 680px;
}

#teaserBar .calendarEntry {
    clear: right;
}

#teaserBar .calendarLeft {
    float: left;
}

#teaserBar .calendarRight {
    float: right;
    width: 170px;
    margin-bottom: 20px;
}

#teaserBar .teaserBarModule {
    border-bottom: 1px solid #CFCFCF;
    padding-top: 20px
}

#teaserBar .teaserBarModule.last {
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 0px;
}

/* category pages */
div.moduleElement span.mainPrice, div.moduleElement span.secondaryPrice {
    display: block;
}

div.moduleElement span.secondaryPrice {
    color: #9a9a9a;
}

div.sideBar div.moduleElement span.secondaryPrice {
    color: #535353;
}

div.sideBar div.modelName a {
    text-decoration: none;
    color: #333333;
    font-weight: bold;
    font-size: 11px;
}

div.sideBar div.modelName a:hover {
    text-decoration: underline;
}

div.sideBar div.modelCopy {
    margin-top: 5px;
}

div.sideBar div.modelLink {
    margin-top: 10px;
}

div.sideBar div.modelLink a {
    color: #333333;
    font-weight: bold;
    font-size: 10px;
}

div.module.x2.categoryButtonWrapper {
    margin-top: 20px;
    margin-bottom: 0px !important;
}

div.module.x4.moduleExpanded {
    margin-bottom: 65px;
}

div.module.x4.moduleExpanded div.buttonWrp {
    padding-top: 20px;
}

div.grid.x2.sideBar div.x2 h3 {
    padding-top: 4px;
}

div.grid.x2.sideBar div.module.x2 h3 {
    padding-top: 0px;
}

div.grid.x2.sideBar div.module.x2.boxTeaser.firstElement {
    padding-top: 0px !important;
}

/* JATO Module */
div.module.jatoComparison .disclaimer {
    font-size: 0.85em;
    line-height: 1.4em;
    background-color: #fff;
    width: 100%;
}

div.module.jatoComparison .disclaimer div.disclaimer {
    float: left;
    width: 40%;
    margin-left: 20px;
}

div.module.jatoComparison .disclaimer div.copyright {
    float: right;
    margin-right: 20px;
    width: 40%;
}

div.module.jatoComparison .disclaimer div.copyright div.copy {
    float: right;
    font-size: 0.85em;
    line-height: 1.4em;
    text-align: right;
    background-color: #fff;
    padding: 0;
}

div.module.jatoComparison .disclaimer div.copyright img {
    display: block;
    float: right;
    margin-bottom: 10px;
}

div.module.jatoComparison table {
    margin: 10px 0px;
    border: 0;
    font-size: 10px !important;
}

div.module.jatoComparison table th,
div.module.jatoComparison table td {
    margin: 10px 20px;
    border: 0;
    font-size: 100%;
}

div.module.jatoComparison table thead tr:first-child th {
    border: 0;
    text-align: center;
}

table thead tr th {
    background-color: #fff;
}

div.module.jatoComparison table.threeColumn td {
    width: 25%;
}

div.module.jatoComparison table.twoColumn td {
    width: 35%;
}

div.module.jatoComparison table tbody tr.even td,
div.module.jatoComparison table tbody tr.even th {
    background-color: #E0E0E0;
}

div.module.jatoComparison table tbody tr.odd td,
div.module.jatoComparison table tbody tr.odd th {
    background-color: #fff;
}
/* pinit */
/* copy from pinterest */
div.pinHeader {  
	background: none repeat scroll 0 0 #FBF7F7;
    border-bottom: 1px solid #AAAAAA;
    box-shadow: 0 1px 2px #AAAAAA;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 45px;
    left: 0;
    line-height: 45px;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2147483643;
	text-align:center;
}
span.pinLogo {
 	background: url("/assets2/images/global/pinterest-logo.png") no-repeat scroll 50% 50% transparent;
    border: medium none;
    display: inline-block;
    height: 43px;
    margin-right: -100px;
    width: 100px;	
}
#pinLayerClose {
	border-left: 1px solid #AAAAAA;
    color: #524D4D;
    cursor: pointer;
    display: inline-block;
    float: right;
    line-height: 45px;
    text-align: center;
    text-shadow: 0 1px #FFFFFF;
    width: 100px;

}
/* copy from pinterest end */
.pinLink {
	color:#000;
	background: transparent url("/assets2/images/global/buttons/pinterest-button.png");
	background-position:0px 300px; 
	background-repeat:no-repeat;
	cursor:pointer;
	width:200px;
	height:200px;
	position:absolute;
	top:0px;
	left:0px;
  	transition-duration: 0.25s;
    transition-property: background-color;
}
.pinLink:hover {
	background-position:57px 85px !important;
	background-color:rgba(0, 0, 0, 0.45);
}
.pinitCopy {
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	width:200px;
	background:#eeeeee;
	opacity:0.75;
}
.pinitImgContainer {
	margin:10px;
	display:inline-block;
	position:relative;
	box-shadow: 0 0 2px #555555;
}
.pinitImgWrap {
	position:relative;
	width:200px;
	overflow:hidden;
}
#pinitLayerBg {
	position:absolute;
	z-index:2000;
	top:0;
	left:0;
	background-color:#fefefe;
	opacity:0.95;
	width:100%;
	text-align:center;
}
#pinitLayer {
	position:absolute;
	z-index:2001;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}
.pinitWrapper {
	position:relative;
	top:50px;
}