/****************************************************************************
 * This css defines the individual characteristics of						*
 * the content modules. They 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: 0px; }

/****************************************
 * article module						*
****************************************/
.article {
    overflow: hidden; /* contain floats */
}
.article .articleImg {
	float: left;
	margin: 0px 20px 12px 0px;
}
.article.invert .articleImg {
	float: right;
	margin: 0px 0px 12px 20px;
}
#mainWrp .article .articleImg img {
	margin: 0px;
}
#teaserBar .article .articleImg {
	margin: 0px 10px 10px 0px;
}
img.outline,
img.imgOutline,
.imgOutline img { border: 1px solid #dddddd; }

/*
.module.colTxt .txtWrp,
.module.article.colTxt .txtWrp {
*/
.colTxt .txtWrp {
	overflow: hidden;
}
.blockTxt .txtWrp { clear: left; }
.blockTxt .articleImg {
	margin-left: 0px;
	margin-right: 0px;
}

/* 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 0px 0px; }
#faq dt,
#faq dd {
	padding: 0px 5px;
}
#faq dt {
	padding-top: 5px;
}
#faq dt.jsAnswer,
#faq dd.jsAnswer {
	padding-top: 0px;
}
#faq dd.jsAnswer {
	padding-bottom: 5px;
	margin-bottom: 0.5em;
}
#faq dd.jsAnswer .utilityLink { display: inline; }
#faq .highlight { background-color: #F5F5F5; }
/* END FAQ */


/* Teaser definitions */
#teaserBar .teaser img {
	float: left;
}
#teaserBar .t2 img {
	border: 1px solid #dddddd;
}
#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: 0px;
	width: 320px;
	background: url(/assets/img/global/main-visual-teaser-box-top.png) no-repeat 0px 0px;
}
#mainVisualTeaser .contentWrp {
	float: left;
	margin: 7px 0px 0px;
	background: url(/assets/img/global/main-visual-teaser-box-bottom.png) no-repeat 0px bottom;
}
#mainVisualTeaser img {
	float: left;
	margin: 0px 10px 0px 20px;
}
#mainVisualTeaser .txtWrp {
	margin: 0px 0px 7px;
	padding-left: 130px;
	background: url(/assets/img/global/main-visual-teaser-box-middle.png) repeat-y 0px 0px;
}
*/

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

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

/* 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: 0px;
	left: 0px;
}
.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(/assets/img/global/buttons/slideshow-controlbuttons.png) no-repeat 0px 0px; }
.slideshow .slideshowNav .prev { background-position: -36px 0px; width:35px; }
.slideshow .slideshowNav .prev.active { background-position: -36px -23px; }
.slideshow .slideshowNav .prev.first { background-position: 0px 0px; }
.slideshow .slideshowNav .prev.first.active { background-position: 0px -23px; }

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

.slideshow .slideshowNav .exterior { background-position: -141px 0px; width:39px; }
.slideshow .slideshowNav .exterior.active { background-position: -141px -23px; }
.slideshow .slideshowNav .exterior.first { background-position: -224px 0px; }
.slideshow .slideshowNav .exterior.first.active { background-position: -224px -23px; }
.slideshow .slideshowNav .exterior.last{ background-position: -263px 0px; width:40px; }
.slideshow .slideshowNav .exterior.last.active { background-position: -263px -23px; }

.slideshow .slideshowNav .interior { background-position: -180px 0px; width:43px; }
.slideshow .slideshowNav .interior.active { background-position: -180px -23px; }
.slideshow .slideshowNav .interior.first { background-position: -303px 0px; width: 43px; }
.slideshow .slideshowNav .interior.first.active { background-position: -303px -23px;}
.slideshow .slideshowNav .interior.last { background-position: -345px 0px; width:44px;}
.slideshow .slideshowNav .interior.last.active { background-position: -345px -23px;}

/****************************************
* 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(/global/img/icons/blueGsm.gif) -0px -0px no-repeat; /* default */
}
.motabilityContact .hotline	{background-image:url(/global/img/icons/blueContact.gif);}
.motabilityContact .www 	{background-image:url(/global/img/icons/blueWww.gif);}

/****************************************
* chevroletApproved						*
* models/N16_used.html					*
****************************************/
.chevroletApproved .blind li {
	margin-bottom:36px;
	padding-left:57px;
}
.chevroletApproved li {
	min-height:37px;
	background:url(/global/img/icons/used-cars/checked.jpg) -0px -0px no-repeat; /* default */
}
.chevroletApproved .clutchBreaksBattery	{background-image:url(/global/img/icons/used-cars/clutch-breaks-Battery.jpg);}
.chevroletApproved .history 			{background-image:url(/global/img/icons/used-cars/history.jpg);}
.chevroletApproved .miles				{background-image:url(/global/img/icons/used-cars/warranty-20k-miles.jpg);}
.chevroletApproved .mot					{background-image:url(/global/img/icons/used-cars/mot.jpg);}
.chevroletApproved .phone				{background-image:url(/global/img/icons/used-cars/phone.jpg);}
.chevroletApproved .thirty				{background-image:url(/global/img/icons/used-cars/warranty-30-days.jpg);}
.chevroletApproved .www					{background-image:url(/global/img/icons/blueWww.gif);}

/****************************************
* Card Slider Modules					*
****************************************/
#cardSlider .corner {
	background-image: url(/assets/img/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(/assets/img/global/cardslider/sliderbuttons-left.png) no-repeat right 0px;
}
#cardSlider .slideBtn.right { background-image: url(/assets/img/global/cardslider/sliderbuttons-right.png); }
#cardSlider .slideBtn.active { background-position: left top; }
#cardSlider ul.cards {
	margin: 0px;
}
#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: 0px;
	padding-left: 1px;
}
.jsReady #cardSlider li.card.first {
	border-left-width: 1px;
	padding: 0px;
}
#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: 0px; }
#cardSlider li.card h2 .modelName { font-size: 14px; }

#cardSlider li.card .cta1, #cardSlider li.card .cta2 {
	width: 164px;
	margin: 0px 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(/assets/img/global/carconfigurator/bg/bg_slider.gif);
	padding: 0px;
	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: 0px 28px 10px 0px;
	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); }