﻿/* Skoda UK Main Layout Stylesheet */
/* Created by Ryan McNamara @ Reading Room on 10/08/2007 */
/* Modified by Elliot Reeves @ Reading Room */
/* http://www.readingroom.com */

/* MAIN LAYOUT */
body.micrositeBody{background-color:#ffffff; text-align:center}
body {margin: 0;padding: 0;font-size: .6em;font-family: "Trebuchet MS", sans-serif;color: #000;background-color: #A7ECA9;/*overflow: scroll;*/}/*tb*/
#wrapper {
	margin: 30px auto 0 auto;
	padding: 0;
	width: 975px;
	}

body.xmas #wrapper {
	margin: 15px auto 0 auto;
	padding: 15px 0 0;
	width: 975px;
	background:transparent url('../../../../images/system/snow_ceiling.gif') no-repeat -23px 0;
	}

#header {margin: 0 0 0 .4em;padding:0;}

/* LOGO VARIATIONS */

#logo {margin:0 4px 0 0;padding: 0;width: 140px;height: 38px;float: right;}/*tb*/
#logo a {position:absolute;text-indent:-300em;width:135px;height:38px;}/*tb*/
#logoLarge {margin: 0 1px 0 0;padding: 0;width: 138px;height: 67px;float: left;}
#logoWhole {margin:-2px 0 0 0px;padding: 0;width: 132px;height: 40px;float: right;}

#carLogos {clear:both;margin:0;}
#carLogos img {float:left;padding:10px 10px 0 0;}

#printLogo {display:none;}

html* #logoWhole {margin:-2px 0 0 0;position:absolute;}
body.home #logo {background: url('../../../../images/system/bg_logo_home.gif') no-repeat;margin-right:1px;}
body.xmas #logo {background: url('../../../../images/system/bg_logo_home_xmas.gif') no-repeat;margin-right:1px;}

body.ourCars #logoLarge {background: url('../../../../images/system/bg_logo_home1.gif') no-repeat;}

body.retailers #logoLarge {background: url('../../../../images/system/bg_logo_home1.gif') no-repeat;}
body.retailers #contentBoxMid fieldset ol li input {display:inline;}

/* Print */

#calcPrint {display:none;}


/*h1 {text-transform: uppercase !important;}*/

/* MAIN PAGE */

#pageBody {
	margin:0px 4px;
	padding:0 0 10px 0;
	background: #fff url('../../../../images/system/bg_pageBody.gif') no-repeat left top;
	/*clear: both;*/
	border:1px solid #ccc;
	border-top:1px solid #129f76;
}
div.beach {
	background: #fff url('../../../../images/offers/beach_bg.jpg') no-repeat left top !important;
}

#pageBody.home {
	padding:0;
	background: none !important;
}

#pageBody .top3 {
	margin-top:-3.1em;
}

body.home #pageBody {
	border:0;
}

body.ourCars #pageBody {
	border:0;
}

/* left column */

#leftCol {margin:0 1em;padding:0;width:300px;float:left;}
#leftColBas {margin: 10px;padding: 0;float: left;width:300px;}
#leftColFull {margin: 0;padding:10px;}
#leftColSmall {width:300px;padding:0;margin: 1em;float:left;}

/* full page idents */

#container {
	width:725px;
	float:right;
}

#topRow {
	margin:0em 1em 3em 1em;
	padding: 0;
	width: 305px;
	float:left;
}

#topRow.retailer {
	width:450px !important;
}

#topRow.retailer #flash {
		position:absolute;
		left:-250px;
		top:90px;
		}	

#topRow.offers {
	margin:0em 1em 0em 1em;
}

#botRow {
	margin:0 0 0 10px;
	padding:0;
	width: 715px;/*was 715px*/
	float:left;
	text-align:left;
}
#botRow.pageWithPadding {width:675px}
#botRow .content {
	padding-right:20px;
}

#botRow form p {padding-right:15px;}

#botRow .botLeft {
	float:left;
	width:450px;
}

#botRow .botRight {
	float:right;
	width:234px;
}

#botRow .calcChoice select {
	float:left;
	height:21px;
	margin:0 5px 0 0;
}

#botRow .calcChoice input {
	padding:2px 2px 1px 2px;
}

#botRow .calcChoice table {
	margin-top:10px;
}

#botRow ul {
	padding-left:25px;
}

/* Retailer tv box */

#content {
	margin:12px 0 0 10px;
}

#content .pageTop {
	width:700px;
}

#content .topHeader {
	margin-bottom:2em;	
}

#content .main {
	width:400px;
	margin:20px 30px 0 0;
}

#content .h1TopMain .headerEnd {
	width:16px;
	height:46px;
}

div#contentContact div.content input {
	display:inline;
}

.extra, .extraMulti {
	width:450px;
	height:200px;
}

.extra .left, .extraMulti .left {
	float:left;
	width:200px;
}

.extra .single, .extraMulti .single {
	width:400px;
}

.extra .right p.top, .extra .left p.top, .extra .single p.top, .extraMulti .right p.top, .extraMulti .left p.top, .extraMulti .single p.top {
	margin-bottom:5px;
}

.extra .right p, .extra .left p, .extra .single p, .extraMulti .right p, .extraMulti .left p, .extraMulti .single p {
	font-size:15px;
	color:#333333;
}

.extra .divider, .extraMulti .divider {
	width:3px;
	height:170px;
	float:left;
	background:transparent url('../../../../images/system/bg_hr_vertical.gif') repeat-y;
	margin:5px 20px 0px 10px;
}

.botLeft .extra .divider, .botLeft .extraMulti .divider {
	height:460px;
}

.extra .right, .extraMulti .right {
	width:200px;
	float:left;
}

.extra img, .extraMulti img {
	margin:5px 0 0 -5px;
	border:0;
}
img.tooltip {
	display:inline;
}

#botContent {
	margin:25px 0 0 10px;
}

#botContent p.small {
	font-size:1em;
}

#botContent .bottom .left {
	width:450px;
	float:left;
	padding-right:15px;
}
#botRow .bottom .left {
	width:250px;
	float:left;
	padding-right:15px;
}

#botContent .bottom .middle,
#botRow .bottom .middle {
	width:3px;
	height:250px;
	float:left;
	background:transparent url('../../../../images/system/bg_hr_vertical.gif') repeat-y;
	margin-top:5px;
}

#botContent .bottom .right{
	width:450px;
	float:left;
	padding-left:15px;
}
#botRow .bottom .right{
	width:250px;
	float:left;
	padding-left:15px;
}
#botContent .bottom .right img.floatLeft {
	margin:10px 20px 0 0;
}

/* Content h1 */

#botContentBrochure h1, #botContentExLarge h1, #botContentStandard h2, #contentBoxLarge h1, #contentBoxLarge h2, #contentBoxXtraLarge h1, #contentBoxXtraLarge h2 {
	font-size:19px;
	width:auto;
	padding:0 0 2px 0;
	color:#378aff;
}

#botContentColumns div h1 {
	font-size:19px;
	padding:0 0 2px 0;
	padding:0 !important;
}

#content .content h1 {
	font-size:19px;
	width:275px;
	color:#378aff;
}
#content .content {
	margin:32px 0 2px 0;
}

#content .content h1.header {
	padding:0em 0 2px 0;
}

#content .header {
	margin-top:40px
}

#news .article h1 {padding:0;}

#news .article .content {
	margin:0;
}

/* content */

#botContentBrochure, #botContentStandard {
	margin:1em 0 0 2em;
}

#botContentColumns {
	margin:32px 0 0 20px;
	width:920px;
}

#botContentBrochure .content, #botContentStandard .content, #botContentColumns .content {
	width:270px;
	float:left;
	padding:0;
	margin:0 0 0 -1em;
}

#botContentBrochure .divider, #botContentStandard .divider, #botContentColumns .divider {
	width:3px;
	height:250px;
	float:left;
	background:transparent url('../../../../images/system/bg_hr_vertical.gif') repeat-y;
	margin:.5em 3em 10px 3em;
}

#botContentColumns .dividerShort {
	width:3px;
	height:150px;
	float:left;
	background:transparent url('../../../../images/system/bg_hr_vertical.gif') repeat-y;
	margin:.5em 3em 0 3em;

}

/* Brochure content box */ 

#botContentBrochure .contentBox, #botContentStandard .contentBox {
	width:584px;
	height:312px;
	background:transparent url('../../../../images/system/bg_contentBox_large.gif');
	float:left;
	padding:30px 10px 30px 30px;
	margin:2.3em 0 0 .1em;
}

.car {
	width:273px;
	height:125px;
	margin:0px 15px 0px 0;
}
.fabia {background: url('../../../../images/system/mini_fabia.gif') right 40px no-repeat}
.octavia {background: url('../../../../images/system/mini_octavia_small.gif') right 40px no-repeat}
.roomster {background: url('../../../../images/system/mini_roomster_plainbg.gif') right 40px no-repeat}
.superb {background: url('../../../../images/system/mini_new_superb.gif') right 40px no-repeat}
.yeti {background: url('../../../../images/system/mini_yeti.png') right 40px no-repeat}

#contentBoxLarge .carSelect {position:relative; width:45%; padding:0; float:left; border-top:1px solid #ddd; border-right:1px solid #ddd; background:transparent url("/images/ourcars/small/fabia.gif") no-repeat 5px center;}
#contentBoxLarge .carSelect fieldset {margin:0; background:none; padding:30px 0 30px 145px; border: 3px solid #fff; border-left:none;}
#contentBoxLarge .carSelectGroup .carSelect:hover,
#contentBoxLarge .carSelectGroup .active {background-color:#d3f7d4;}
#contentBoxLarge .carSelectGroup .carSelect {cursor:pointer;}
#contentBoxLarge .carSelectActive {background-color:#d3f7d4;}
#contentBoxLarge .doubleWidth {float:none; clear:both; width:99%; border-right:none;}
#contentBoxLarge .doubleWidth fieldset {border-left:none; border-right:none;}
#contentBoxLarge .carSelectEstate {width:54%; border-right:none;}
#contentBoxLarge .carSelectEstate fieldset {border-left:3px solid #fff; border-right:none;}


#contentBoxLarge .carSelect fieldset label {float:none; width:auto; margin-left:2px; text-transform:none; color:#333; font-size:1.8em; font-style:normal; font-weight:normal;}
#contentBoxLarge .carSelectGroup,
#contentBoxLarge .carChosenGroup {border-bottom:1px solid #ddd; margin: 0 6% 30px 0;}

#contentBoxLarge .carSelectGroup .fabia {background-image:url("/images/ourcars/small/fabia.gif");}
#contentBoxLarge .carSelectGroup .fabiaEst {background-image:url("/images/ourcars/small/fabia-estate.gif");}
#contentBoxLarge .carSelectGroup .fabiaVRS {background-image:url("/images/ourcars/small/fabia-vrs.gif");}
#contentBoxLarge .carSelectGroup .roomster {background-image:url("/images/ourcars/small/roomster.gif");}
#contentBoxLarge .carSelectGroup .yeti {background-image:url("/images/ourcars/small/yeti.gif");}
#contentBoxLarge .carSelectGroup .octavia {background-image:url("/images/ourcars/small/octavia.gif");}
#contentBoxLarge .carSelectGroup .octaviaEst {background-image:url("/images/ourcars/small/octavia-estate.gif");}
#contentBoxLarge .carSelectGroup .superb {background-image:url("/images/ourcars/small/superb.gif");}
#contentBoxLarge .carSelectGroup .superbEst {background-image:url("/images/ourcars/small/superb-estate.gif");}

#contentBoxLarge .carChosenGroup {margin-bottom:10px;}
#contentBoxLarge .carChosenGroup .carSelect fieldset {padding:5px 0 5px 90px; border:0;}
#contentBoxLarge .carChosenGroup .carSelect h3 {font-size:1.5em;}

#contentBoxLarge .carChosenGroup .fabia {background-image:url("/images/ourcars/small/fabia-teeny.gif");}
#contentBoxLarge .carChosenGroup .fabiaEst {background-image:url("/images/ourcars/small/fabia-estate-teeny.gif");}
#contentBoxLarge .carChosenGroup .fabiaVRS {background-image:url("/images/ourcars/small/fabia-vrs-teeny.gif");}
#contentBoxLarge .carChosenGroup .roomster {background-image:url("/images/ourcars/small/roomster-teeny.gif");}
#contentBoxLarge .carChosenGroup .yeti {background-image:url("/images/ourcars/small/yeti-teeny.gif");}
#contentBoxLarge .carChosenGroup .octavia {background-image:url("/images/ourcars/small/octavia-teeny.gif");}
#contentBoxLarge .carChosenGroup .octaviaEst {background-image:url("/images/ourcars/small/octavia-estate-teeny.gif");}
#contentBoxLarge .carChosenGroup .superb {background-image:url("/images/ourcars/small/superb-teeny.gif");}
#contentBoxLarge .carChosenGroup .superbEst {background-image:url("/images/ourcars/small/superb-estate-teeny.gif");}

#contentBoxLarge .selected {position:relative; width:45%; padding:0; float:left; border-top:1px solid #ddd; border-right:1px solid #ddd; background:transparent url("/images/ourcars/small/fabia.gif") no-repeat 5px center;}

#contentBoxLarge .carSelectForm {width:533px; background:#eaeaea url("/images/bg_car-select-form.png") repeat-x left center !important; border:1px solid #c2c2c2; -moz-box-shadow: 0px 0px 5px #cfcfcf; -webkit-box-shadow: 0px 0px 5px #cfcfcf; box-shadow: 0px 0px 5px #cfcfcf; margin-right:40px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; border-radius:2px; padding:10px !important;}
#contentBoxLarge .carSelectForm h2 {width:60%; float:left; margin:5px 0 0;}
#contentBoxLarge .carSelectForm input {vertical-align:top; }
#contentBoxLarge .carSelectForm input.postcode {margin-top:7px; background-color:#fff;}

#contentBoxLarge .outerWrapping .carResultGroup {clear:both; margin:20px 35px 20px 0;}
#contentBoxLarge .outerWrapping .carResultGroup .submit {margin:0 !important; float:right; padding:0 !important; clear:both;}
#contentBoxLarge .outerWrapping .carResultGroup .resultsItem {width:555px; position:relative; float:none; padding:5px 0 1em 5px; margin:0 0 10px; background-color:#f5f5f5;}
#contentBoxLarge .outerWrapping .carResultGroup .resultsItem p {margin:0;}
#contentBoxLarge .outerWrapping .carResultGroup .resultsItem label {font-size:1.6em; margin:0 0 3px;}
#contentBoxLarge .outerWrapping .carResultGroup .resultsItem input {margin-top:0;}
#contentBoxLarge .outerWrapping .carResultGroup .active,
#contentBoxLarge .outerWrapping .carResultGroup .resultsItem:hover,
#contentBoxLarge .outerWrapping .carResultGroup .resultsItemActive {background-color:#d3f7d4;}

#contentBoxLarge .carResultGroup .resultsItem .distance {position:absolute; right:5px; bottom:3em; padding:0; margin:0;}
#contentBoxLarge .carResultGroup .resultsItem .mapLink {position:absolute; right:5px; bottom:1em; margin:0; padding:0 27px 0 0; width:auto;}

/* variations for brochure download */
#contentBoxLarge fieldset.downloadBrochure .car {background-position: right 100px;}

#botContentBrochure .contentBox input.submit, #botContentExLarge input.submit, #botContentStandard input.submit, #contentBoxLarge fieldset input.submit, #contentBoxXtraLarge fieldset input.submit {
	margin:0 35px 0 50px;
	background:none;
}

#contentBoxMid input.submit_contact, #contentBoxLarge input.submit_contact, #contentBoxXtraLarge input.submit_contact {
	width:78px;
	height:29px;
	border:0;
	margin:0 65px 0 10px;
	float:left;
}

#contentBoxMid li label.manditory {
	width:230px;
	float:left;
	margin-top:5px;
}

#contentBoxLarge fieldset input.postcode, #contentBoxExtraLarge fieldset input.postcode, .contentBox input[name="postcode"] {
	margin:0;
}

.car fieldset {
	float:left;
	margin:10px 0 0 0 !important;
	padding:0 !important;
	background:none !important;
}

.car fieldset input {
	float:left;
	margin: 0 !important;
	font-size: 1.2em
}
.car fieldset label {margin: 0 !important; padding: 0}
.car .testdrive {
	height:24px;
	margin-bottom:2px;
}

.car .testdrive input {
	margin:5px 0px 0 0;
	display:inline
}

.car .testdrive div {
	width:90px;
	float:right;
	clear:right;
	margin-top:3px;
}

.car .testdrive label {
	float:left;

}


.car .testdrive h1 {
	width:100px;
	float:left;
}

/* content box small sized */

#contentBoxSmall {
	float:right;
	padding:10px 0px 30px 0px;
}

#contentBoxSmall .top {
	background:transparent url('../../../../images/system/bg_contentBox_small_top.gif') no-repeat;
	height:112px;
	width:234px;
}

#contentBoxSmall .mid {
	width:234px;
}

#contentBoxSmall .mid .inside {
	background:#fff url('../../../../images/system/bg_contentBox_small_bg2.gif') bottom no-repeat;
	float:left;
	width:234px;
}

#contentBoxSmall .bot {
	background:transparent url('../../../../images/system/bg_contentBox_small_bot.gif') no-repeat;
	height:52px;
	width:234px;
	float:left;
	margin:0;
}

#contentBoxSmall div.openTimes, #contentBoxSmall img {
	margin:-83px 0 0 -1px;
}

.openTimes {
	padding:0px 80px 0 25px;
}

#contentFindus div.content {
	float:left;
	width:250px;
}

#contentContact {width:260px;float:left;}

#contentContact #breadcrumbLeft, #contentHeader #breadcrumbLeft {float:left;clear:left;}

.liqHeader {float:left;max-width:550px;margin:0;display:block; }

.liqHeaderCorp {max-width:450px;margin:0;}

#contentContact dl {
	width:320px;
}

#contentContact dl dt {
	width:80px;
	font-size:12px;
	float:left;
	clear:both;
	text-align:right;
	margin-right:5px;
}

#contentHeader {
	float:left;
	max-width:650px;/*was 450*/
	margin:0;
}

#contentBoxSmall input, #contentBoxSmall select, #contentBoxSmall textarea {
  width:170px;
  padding:2px 3px;
  margin:0;
  display:inline
}

#contentBoxSmall li {
	margin-bottom:10px;
}

#contentBoxSmall label {
	display:block;
	float:left;
	width:160px;
	padding:3px 5px;
	margin:0 0 5px 0;
	text-align:right;
}

#contentBoxSmall h2, #contentBoxSmall h3, #contentBoxSmall h4 {
	margin:0;
	padding:0;
	position:relative;
}

#contentBoxSmall p {
	margin:2px 0;
	text-align:right;
	position:relative;
}

/* content box mid sized */

#contentBoxMid {float:right;padding:10px 0px 30px 0px;}
#contentBoxMid .top {background:transparent url('../../../../images/system/bg_contentBox_mid_top.gif') no-repeat;height:166px;width:445px;}
#contentBoxMid .mid {width:445px;}
#contentBoxMid .mid .inside {background:#fff url('../../../../images/system/bg_contentBox_mid_bg.gif') bottom no-repeat;float:left;width:446px;}
#contentBoxMid .bot {background:transparent url('../../../../images/system/bg_contentBox_mid_bot.gif') no-repeat;height:57px;width:444px;float:left;margin:-1px 0 0px 1px;}

fieldset #contentBoxMid ol.contact, #contentBoxMid fieldset.contact {margin-top:-130px;}
.iframe {margin-top:-220px;}
#contentBoxMid fieldset.contact h1, #contentBoxMid fieldset.contact p {padding-left:30px;}
#contentBoxMid fieldset.contact p.finance {padding-top:5px;float:none;width:250px;}

#contentBoxMid fieldset.contact p {width:380px;}
#contentBoxMid ol fieldset {margin:0;}
#contentBoxMid input, #contentBoxMid select, #contentBoxMid textarea,  {width:170px;padding:2px 3px;margin:0;display:inline;}
#contentBoxMid input.submit {width:188px;background:none;margin-right:15px;}
#contentBoxMid li {margin-bottom:10px;clear:both;}
#contentBoxMid label {display:block;float:left;width:160px;padding:3px 5px;margin:0 0 5px 0;text-align:right;}
#contentBoxMid fieldset.testdrive {margin-top:-140px;padding:0 30px;}
#contentBoxMid fieldset.testdrive label {float:none;}
#contentBoxMid fieldset.testdrive ol {padding:0;}
#contentBoxMid fieldset.testdrive ol li label {float:left;}
#contentBoxMid fieldset.testdrive div.car {margin-bottom:10px;width:178px;height:140px;float:left;}
#contentBoxMid fieldset.testdrive div.car div label {text-align:left;}
#contentBoxMid fieldset.testdrive div.car input {width:20px;height:20px;float:left;}
#contentBoxMid fieldset.testdrive div.car .testdrive div {width:80px;float:left;}
#contentBoxMid fieldset.testdrive div.car div.testdrive label {margin:0;}



/* content box extra large */

#contentBoxLarge, #contentBoxXtraLarge {float:right;padding:11px 0px 30px 0px;}

#contentBoxXtraLarge {margin-top: -20px; position: relative;}

#contentBoxLarge .top {background:transparent url('../../../../images/system/bg_contentBox_large_top.gif') no-repeat;height:255px;	width:625px;}
#contentBoxLarge .mid {width:625px;}
#contentBoxLarge .mid .inside {background:#fff url('../../../../images/system/bg_contentBox_large_bg.gif') bottom no-repeat;width:625px;float:left;}

#contentBoxLarge .bot {background:transparent url('../../../../images/system/bg_contentBox_large_bot.gif') no-repeat;height:52px;width:625px;float:left;margin:0;}
#contentBoxLarge fieldset {margin-top:-220px;padding:0 0 0 30px;background:transparent url('../../../../images/system/bg_contentBox_large_bgfieldset.gif') no-repeat bottom;}
#contentBoxLarge .mid .inside .yetiTestDrive{float:right;padding-right:23px}
#contentBoxLarge .mid .inside .fabiaVrsTestDrive{float:right;padding-right:23px; margin-bottom:15px;}
.businessSales #contentBoxXtraLarge li { 
	list-style-image: none;
	list-style: none;
	font-size: 1.2em !important;
	width:120px;
}
.businessSales #contentBoxXtraLarge ol.carCostForm li{width:220px;}

.businessSales #contentBoxXtraLarge ol.carCostForm li .error{margin-left:0}
#botRow #contentBoxXtraLarge #formContent ol.carCostForm  li label {text-align:left}
.businessSales #contentBoxXtraLarge ol.floatLeft li {width:auto}
#contentBoxLarge ul.servicesField li label {
	font-size: 0.9em !important;
}

#contentBoxLarge ul.servicesField li input {
	width: auto;
}

/* register interest in car form 
 * -- note 'yetiContent' present as originally used for this purpose, and as is cntained in template cannot be removed without affecting other pages*/
#contentBoxXtraLarge .mid .inside fieldset.registerCar noscript.hideThis{display: none}
#contentBoxXtraLarge .top {background:transparent url('../../../../images/system/bg_contentBox_xtraLarge_top.gif') no-repeat;height:255px;	width:715px;}
#contentBoxXtraLarge .mid {width:715px; float: left; height: 1%; position: relative; /* for ie6 */}
#contentBoxXtraLarge .mid .inside {height: 1%; position: relative; /* for ie6 */ background:#fff url('../../../../images/system/bg_contentBox_xtraLarge_bg.gif') bottom repeat-y;width:715px;float:left;}
#contentBoxXtraLarge .bot {background:transparent url('../../../../images/system/bg_contentBox_xtraLarge_bot.gif') no-repeat;height:52px;width:715px;float:left;margin:0;}
#contentBoxXtraLarge fieldset {margin-top:-220px;padding:0 0 0 30px;background:none;}
#contentBoxXtraLarge .contentContainer {height: 1%; position: relative; /* for ie6 */ margin-top:-220px;padding:0 3em 0 30px;background:none; position: relative;}
#contentBoxLarge.registerInterest{float:none}
#contentBoxXtraLarge input, #contentBoxXtraLarge select, #contentBoxXtraLarge textarea {width:220px;padding:2px 3px;margin:0;display:inline; border: 1px solid #999; font-size: 1em; text-transform: none;}
#contentBoxXtraLarge .mid .inside .formDescription{width:375px; margin:0 0 20px;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar{position:relative;margin-top:-20px;float:left}
#contentBoxXtraLarge .mid .inside fieldset.registerCar legend{display:none;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar label{display:block;padding-top:12px;clear:both}
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.radio legend,
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.select legend{
	display:block;
	color:#1DB421;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Trebuchet MS",sans-serif;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar .formElements{float:left;width:400px;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar .clearForm{clear:both}

#contentBoxXtraLarge .mid .inside fieldset.registerCar .termsconditions{width:225px;float:left;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar .rightside,
#contentBoxXtraLarge .mid .inside fieldset.registerCar .leftside{float:left;margin-right:20px;margin-bottom:20px;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar p{font-size:1em;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar p {width:auto}
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.radio,
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.select,
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.text{margin-top:0px;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar span.error{width:150px;float:none;margin:0;display:block;clear:left}
#contentBoxXtraLarge .mid .inside fieldset.registerCar span.topPage{margin-top:20px;width:350px;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar,
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.radio,
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.select,
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.text{margin-bottom:20px;clear:both;padding:0;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar .requiredContent{text-transform:uppercase;font-size:1.2em;font-weight:bold;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.select label.hideLabel{display:none;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.checkboxes {margin-top:0;padding-left:0;display:block}
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.checkboxes input,
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.radio input{border:0; width:30px;float:none;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.radio input,
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.radio label{float:left;margin-top:0;clear:none; background: none}
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.checkboxes input{float:left;clear:left; background: none}
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.checkboxes label{line-height:2em;clear:none}
#contentBoxXtraLarge .mid .inside fieldset.registerCar .noBorder{border:0;width:auto;margin:0;display:block;float:none; background: none} 
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.radio label,
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.checkboxes label {color:#666;font-weight:normal;text-transform:none;display:inline; padding: 0}
#contentBoxXtraLarge .mid .inside fieldset.registerCar fieldset.checkboxes label {font-size:1em;text-transform:uppercase}
#contentBoxXtraLarge .mid .inside fieldset.registerCar input {border:1px solid #666;float:left; font-size:1.2em; background:url("../../../../images/system/bg_input.png") no-repeat left top #F4F4F4;width:250px;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar .leftside input,
#contentBoxXtraLarge .mid .inside fieldset.registerCar .rightside input {width:150px;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar input.noscriptTag {width:83px; border:0;margin:2px 0 0 -5px;}
#contentBoxXtraLarge .mid .inside fieldset.registerCar select {width:100px; margin-right:20px; padding:3px;}
#contentBoxXtraLarge .mid .inside .yetiContent {height:1%; position: relative; /* for ie6 */top:-220px; left: -20px; padding:0 3em 0 30px;background:none; position: relative; margin-bottom: -180px !important}
#contentBoxXtraLarge .mid .inside .yetiContent h2{padding-left:0; text-transform:uppercase;padding-bottom:.5em;}
#contentBoxXtraLarge .mid .inside .yetiContent .hide{display:none;}


#botContentExLarge {margin:0 7px 0 15px;}
#contentBoxLarge .mapBox {margin-top:-200px;padding:0px 0px 30px 38px;}
#botContentExLarge .padMap {margin-top:58px;}
#botContentExLarge .contentBox .map, #contentBoxLarge .map {padding:10px 10px 0px 10px;}
#botContentExLarge .content {width:305px;float:left;padding:0;margin:32px 0 0 -4px;}
#botContentExLarge .content ul li, #botContentExLarge .content ul {display:inline;margin:0;padding:0;}
#botContentExLarge .content ul li.left {padding-right:40px;}
#botContentExLarge .content ul li.right {padding-left:40px;}
#botContentExLarge .content hr {margin:10px 0;}
#botContentExLarge .content a.resultsMainnav {margin:0 10px;}
#botContentBrochure .content a img.national_search {margin-top:0px;}
#botContentExLarge fieldset {float:left;width:550px;margin-top:-15px;}
#botContentExLarge fieldset.serviceBooking, #contentBoxLarge fieldset.serviceBooking {float:left;width:550px;margin:-35px -50px 0 0;}
#botContentExLarge fieldset ol, #contentBoxLarge fieldset ol {margin:0;padding:0;}
#botContentExLarge fieldset ol li, #contentBoxLarge fieldset ol li {list-style:none;padding:5px 0;margin:0;clear:both;width:550px;}
#contentBoxMid fieldset ol.multichoice li {padding-top:5px;}

#contentBoxLarge .mid .inside fieldset ol.multichoice li input.choice, #contentBoxMid fieldset ol.multichoice li input.choice {width:20px;float:left;}
#contentBoxLarge .mid .inside fieldset ol.multichoice li label.choice, #contentBoxMid .mid .inside fieldset ol.multichoice li label.choice {width:auto;font-size:10px !important;color:#666;font-weight:normal;}
#contentBoxLarge .mid .inside fieldset ol.multichoice li div {margin-right:40px;float:left;}
#contentBoxLarge fieldset ol.multichoice {margin-top: 30px}/* for brochure by post */
#contentBoxLarge .error {width: auto; margin-left: 0px}

#contentBoxLarge .mid .inside fieldset ol.multichoice li div input.choice, #contentBoxMid fieldset ol.multichoice li div input.choice {margin-left:20px;}
#contentBoxLarge .mid .inside fieldset ol.multichoice li div label.choice {padding-left:10px;width:66px}
#contentBoxLarge .mid .inside p {padding-right:20px;}

#contentBoxMid .mid .inside fieldset ol.multichoice li div {margin-right:0px;}
#contentBoxMid fieldset ol.multichoice li label.choice {padding:0;}
#contentBoxMid fieldset ol li span.error {display:block;width:200px;margin-left:170px;clear:both;color:#ff0000;}
#contentBoxMid fieldset.testdrive span.error, #contentBoxMid fieldset.contact span.error {display:block;width:215px;margin-left:175px;clear:both;color:#ff0000;font-size:14px;}
#contentBoxMid fieldset span.carError {padding-right:20px;}
#contentBoxMid .map {padding:7px 10px 0px 37px}
	
#contentBoxLarge fieldset ol li span.error {float:left;display:block;width:300px;margin-left:210px;clear:both;}
#contentBoxLarge fieldset span.error {float:left;display:block;width:340px;margin-left:150px;clear:both;}
#contentBoxLarge fieldset span.RetailerInputError {
	float:left;
	width:275px;
	margin-left:220px;
	clear:both;
	margin-bottom:10px;
	}
#contentBoxLarge .mid .inside fieldset ol input.fortyeighthr, #contentBoxMid fieldset li .fortyeight {border:0;background:none;width:40px}

#botContentExLarge fieldset ol li label, #contentBoxLarge fieldset ol li label {
	width:210px;
	float:left;
}

#contentBoxLarge fieldset ol li label.error, #contentBoxMid fieldset div ol li label.error {
	width:400px;
	margin:0 0 0 45px;
}

#botContentExLarge fieldset ol li.floatRight {
	margin:10px 0px 0 0;
}

#botContentExLarge fieldset ol li.floatRight label, #contentBoxLarge fieldset ol li.floatRight label {
	display:inline-block;
	line-height:1.8;
	vertical-align:top;
	width:300px;
	float:left;
}

#botContentExLarge fieldset ol li input, #botContentExLarge fieldset ol li select, #botContentExLarge fieldset ol li textarea, #contentBoxLarge fieldset ol li input, #contentBoxLarge fieldset ol li select, #contentBoxLarge fieldset ol li textarea {
	float:left;
}

#botContentExLarge fieldset ol li input, #botContentExLarge fieldset ol li textarea, #contentBoxLarge fieldset ol li textarea, #contentBoxLarge fieldset ol li input {
	width:280px;
}

#botContentExLarge fieldset ol li input.question_mark, #botContentExLarge fieldset ol li input.calander, #contentBoxLarge fieldset ol li input.calander, #contentBoxLarge fieldset ol li input.question_mark {
	width:32px;
	height:29px;
	border:0;
	padding:0;
	margin:-3px 0 0 5px;
}

#botContentExLarge fieldset ol li input.submit, #contentBoxLarge fieldset ol li input.submit {
	width:168px;
	height:30px;
	border:0;
	margin:0 40px 0 0;
}

#botContentExLarge fieldset ol li input.submit_testdrive, #contentBoxLarge fieldset ol.TandC li input.submit_testdrive {
	width:177px;
	height:30px;
	border:0;
	margin:0 35px 0 0;
	background:none;
}

#botContentExLarge fieldset ol li input.postcode, #contentBoxLarge fieldset ol li input.postcode {
	width:100px;
}

#botContentExLarge fieldset ol li input.find_address, #contentBoxLarge fieldset ol li input.find_address {
	width:157px;
	height:30px;
	border:0;
	margin:-3px 0 0 5px;
	padding:0;
}

#contentBoxMid fieldset ol li input.find_address {
	width:157px;
	height:30px;
	border:0;
	margin-top:5px;
	float:left;
	padding:0;	
}

.addressDrop {
	width:286px;
}

.addressDropSmall {
	width:186px;
}


/* Terms and conditions */

#contentBoxLarge fieldset ol.TandC, #contentBoxMid fieldset.testdrive div ol.TandC {float:left;margin-top:10px;}

#contentBoxMid fieldset ol.TandC li {margin:5px 0;padding:0;float:left;width:370px;}

#contentBoxLarge fieldset ol.TandC li {margin:5px 0;padding:0 40px 0 0;}

#contentBoxLarge fieldset ol.TandC li input, #contentBoxMid fieldset.testdrive ol.TandC input {float:left;padding:0;margin:0;width:20px;}

#contentBoxLarge fieldset ol.TandC li.floatRight input {float:right}

#contentBoxLarge fieldset ol.TandC li label, #contentBoxMid fieldset.testdrive ol.TandC label {float:left;width:300px;display:inline;text-align:left;}

#contentBoxLarge fieldset li.checkbox input {width:auto;float:left;margin:0 0 0 210px;position:relative;top:2px;border:none;}
#contentBoxLarge fieldset li.checkbox label {color:#000;text-transform:none;font-size:1.1em;float:left;text-align:left;width:300px;margin-left:5px;font-weight:normal;}
#contentBoxLarge fieldset li.checkbox label a {font-size:100%;font-weight:bold;}
#contentBoxLarge fieldset ol.TandC li {text-transform:none;color:#000;font-size:100%;font-weight:normal;overflow:hidden;}
#contentBoxLarge fieldset ol.TandC li input {position:relative;top:2px;}
#contentBoxLarge fieldset ol.TandC li.competitionSubmit input {float:right;}

#contentBoxMid fieldset.testdrive ol.TandC li.floatRight label {
	width:180px;
}

#botContentExLarge ol.search, #contentBoxLarge fieldset ol.search {
	margin-top:40px;
}	

#botContentExLarge .serviceBooking {
	margin-left:81px;
}

#contentBoxLarge input.searchField {
	margin:10px 100px 10px 0;
	width:190px;
	display:inline;
}

#contentBoxLarge input.searchField[name="postcode"] {
	width:100px;
}

#contentBoxLarge label.searchField, #contentBoxXtraLarge label.searchField {
	margin:10px 0 0 0;
	text-align:right;
	float:left;
	width:220px;
}

#contentBoxLarge ul.servicesField {
	margin:10px 30px 30px 170px;
	list-style:none;
	clear:both;
}

#contentBoxLarge ul.servicesField li {
	width:250px;
	height:30px;
}

#contentBoxLarge ul.servicesField li input {
	margin:9px 5px 0 10px;
}

#contentBoxLarge ul.servicesField li p {
	padding:7px 0;
	margin:0;
	text-transform:uppercase;
	text-align:left;
}

#contentBoxLarge fieldset.results {
	padding:0 30px 0 30px;
}

/* right column */

#rightCol {margin: 2em 0;padding: 0;width: 265px;float: left;}
#rightColPost {margin:20px 0px 0 0;padding:0;width:65%;float:right;}
#rightColContent {padding:0;margin:0;}
#rightColBox {margin:10px 0 0 0;padding:0;float:right;width:65%;}

/* Email & Print */

#pageTools
{
	float:right;
	width:200px;
	margin: 0;
	padding:.5em .5em 0 0;
}

/* Full width page tools, mostly text pages (i.e. news) */

#pageToolsBox {
	margin:0 0 0px 0;
	padding:0;
	float:right;
	width:200px;
}

.flashHeader #pageToolsBox {
	margin:35px 10px 0px 0;
	padding:0;
	float:right;
	width:70px;
}

#container #toolsContainer #pageToolsBox {
	margin:10px 10px 0 0;
}

#pageToolsRetailer {
	float:right;
	padding:90px 0 0 0px;
}

#rightColPost #pageToolsBox {
	margin:5px 20px 0px 0;
	padding:0;
}

#rightColBox #pageToolsBox {
	margin-right:10px;
}

#toolsContainer {
	margin:15px 10px 0 0;
	width:100px;
	float:right;
}

/*       */

#breadcrumb {
	margin: 1.5em 0 0em .5em;
	padding: 0;
	height:35px;
}

#breadcrumbRetailer {
	margin: 0em 0 0em .5em;
	padding: 0em 0;
}

#breadcrumbExt
{
	margin: 3em 0 0 .5em;
	padding: 1em 0;
}

#breadcrumbMap {
	margin: .4em 0 0 .5em;
	padding: 0em 0;
}

#breadcrumbLeft {
	margin: 1.5em 0 0 .5em;
	padding: 0em 0;
	height:35px;
}

#breadcrumbLeft p {
	width:630px;
}

#footer
{
	margin: 0 0 10px 0;
	padding: 4px 0 0 0;
	background: #A7ECA9;
}

#footerLinks
{
	margin: 0;
	padding: 10px 0 0 0;
	width: 730px;
	float: left;
	color:#000000;
	font-weight:bold;
}

#search {
	margin: 0;
	padding: 7px 4px 0 0;
	float:right;
}

#search p.copyright {
	color:#000000;
	font-weight:bold;
	text-align:right;
	margin:5px 0 0 0;
}

p.finance {
	text-align:right;
	color:#000 !important;
	/*font-size:11px !important;*/
	font-weight:bold;
	margin-bottom:0;
} 

/* BOXES */

/* -- This is the new purple header class: use this to replace the headers -- */
.h1TopMain {
	padding:0;
	height:46px;
}

.h1TopMainLeftNav {
	padding:0;
	height:46px;
	margin-top:30px
}

.h1TopMain h1.headerStyle, .h1TopMain span.headerStyle {padding:0;margin:0;}

#content .octaviaoffer{background:#ffffff url(../../../../images/offers/octaviaoffer.gif) no-repeat 10px 5px;
	border:1px solid #fabbdf;
	width:510px;
	position:absolute;
	top:118px;
	left:430px;
	height:90px;
	padding-right:10px;}

#content .christmaspres {
	background:#ffffff url(../../../../images/offers/christmas_present_small.gif) no-repeat 10px 0;
	border:1px solid #fabbdf;
	width:510px;
	position:absolute;
	top:125px;
	left:430px;
	height:75px;
}
#content .octaviaoffer p.offersHeader{color:#ec0089;text-transform:none;font-size:16px;font-weight:bolder;float:right;margin:0;width:385px;padding:8px 0 2px 0}
#content .octaviaoffer p.offersStrapline{color:#999;text-transform:none;font-size:11px;font-weight:normal;float:right;margin:0;width:385px;padding:0;}
#content .octaviaoffer p.subText{color:#999;text-transform:none;font-size:10px;font-weight:normal;position:absolute;right:0;top:80px;}
#content .octaviaoffer a.offersLink {color:#c41c02;text-decoration:underline;font-weight:bold;float:right;margin:0;width:385px;padding:2px 0;font-size:11px;}

#content .christmaspres img {padding-left:300px;}

.h1TopMain_plain
{
	margin: 3em 0 0 0;
	padding: 0;
	height:46px;
	background: transparent url('../../../../images/system/bg_header_main_plainbg.gif') repeat-x;
	width:300px;
}

.h1TopMain_brochures, .h1TopMain_long
{
	width:330px;
	margin: 0;
	padding: 0;
	height:46px;
	background: transparent url('../../../../images/system/bg_header_main.gif') repeat-x;
}
h1.hide{text-indent:-5000px;height:1px;width:1px}
h1.headerStyle{background:url(../../../../images/system/bg_header_mainLeft.png) no-repeat center left;margin:31px 0 0 -1px;float:left;}
/*setting a fixed width will fix the ie 6 problem of text not stretching to fit. how can we create an auto stretch?*/
h1.headerStyle span{color:#fff;background:url(../../../../images/system/bg_header_mainRight.png) no-repeat center right;display:block;padding:10px 20px 10px 20px;margin-right:-21px;float:left}

.flashHeader h1.headerStyle, .flashHeader span.headerStyle {background:url(../../../../images/system/bg_headerFlash_mainLeft.png) no-repeat center left;margin-top:0px;} 
 .flashHeader span.headerStyle{text-align:center;font-size:1.8em; color:#fff; text-transform:uppercase;display:block}
.flashHeader h1.headerStyle span, .flashHeader span.headerStyle span {background:url(../../../../images/system/bg_headerFlash_mainRight.png) no-repeat center right;display:block;width:auto;padding:25px 35px 25px 35px;margin:0;}

/*	NAVIGATION	*/

/* TOP NAVIAGATION */

.nav {
	height:66px;
	margin:0;
	padding:0;
}

.navEmptySub {
	height:66px;
	margin:0 4px 0 87px;
	padding:0;
	background: transparent url('../../../../images/system/blank_subnav.gif') no-repeat bottom right;
}

#topBar {
	margin:0;
	padding:0;
}

#topBar .on {
	margin:0;
	padding:0;
	height:10px;
}

#topBar .topNav ul {
	width:730px;
	float:right;
}

#topBar ul.topNav
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	float:left;
}
body.home #topBar ul.topNav{margin: 0 -2px 0 0;}/*tb*/

/* First level navigation */

#topBar .topNav li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#topBar .topNav li.on a, #topBar .topNav li.home a:hover, #topBar .topNav li.ourcars a:hover, #topBar .topNav li.retailers a:hover, #topBar .topNav li.brochures_testdrives a:hover, #topBar .topNav li.usedcars a:hover, #topBar .topNav li.owners a:hover, #topBar .topNav li.fleet_sales a:hover, #topBar .topNav li.drivers a:hover, #topBar .topNav li.aboutskoda a:hover {
	background-position:0px -46px;
}

#topBar .topNav li.home a {
	background-image:url('../../../../images/system/nav/main/but_home.gif');
	width:55px;
}

#topBar .topNav li.ourcars a {
	background-image:url('../../../../images/system/nav/main/but_ourcars.gif');
	width:84px;
}

#topBar .topNav li.retailers a {
	background-image:url('../../../../images/system/nav/main/but_retailers.gif');
	width:86px;
}

#topBar .topNav li.brochures_testdrives a {
	background-image:url('../../../../images/system/nav/main/but_brochures_and_testdrives.gif');
	width:190px;
}

#topBar .topNav li.usedcars a {
	background-image:url('../../../../images/system/nav/main/but_used_cars.gif');
	width:89px;
}

#topBar .topNav li.owners a {
	background-image:url('../../../../images/system/nav/main/but_owners.gif');
	width:70px;
}
#topBar .topNav li.drivers a {
	background-image:url('../../../../images/system/nav/main/but_drivers.gif');
	width:74px;
}
#topBar .topNav li.fleet_sales a {
	background-image:url('../../../../images/system/nav/main/but_fleet.gif');
	width:101px;
}
#topBar .topNav li.offers a {
	background-image:url('../../../../images/system/nav/main/but_offers.gif');
	width:68px;
}

#topBar .topNav li.aboutskoda a {
	background-image:url('../../../../images/system/nav/main/but_aboutskoda.gif');
	width:85px;
}



#topBar .topNav li a {
	float:left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-color:#088b65;
	background-position:0 -8px;
	display:block;
	height:30px;
	/*line-height:38px;*/
	text-indent:-200em;
	overflow:hidden;
	margin-top:8px;
}

#topBar .topNav ul li img {
	border:0;
}

/* Second level navigation */

#topBar ul.botNav {
	margin:0 0 0 0;
	padding:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background:#129f76 url('../../../../images/system/botNav_spacer.gif') no-repeat top;
	width:841px;
	height:30px;
	float:left;
	height: 30px;
	top: 7.1em;
}

#topBar ul.botNav li
{
	height:0px;
	width:841px;
	padding:0;
}

#topBar ul.botNav li a
{	
	float:left;
	background: #129f76;
	background-repeat:no-repeat;
	color:#FFFFFF;
	/*display:block;*/
	height:29px;
	line-height:38px;
	text-indent:-300em;
	overflow:hidden;
}

#topBar ul.botNav li.fabia a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_fabia_new.gif');background-position:0px 0px;height:30px;width:56px;}

#topBar ul.botNav li.fabiaest a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_fabia-est_new.gif');background-position:0px 0px;height:30px;width:109px;}

#topBar ul.botNav li.roomster a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_roomster_new.gif');background-position:0px 0px;height:30px;width:92px;}

#topBar ul.botNav li.yeti a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_yeti_new.gif');background-position:0px 0px;height:30px;width:50px;}

#topBar ul.botNav li.octavia a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_octavia_new.gif');background-position:0px 0px;height:30px;width:80px;}

#topBar ul.botNav li.octaviaest a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_octavia-est_new.gif');background-position:0px 0px;height:30px;width:126px;}

#topBar ul.botNav li.superb a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_superb_new.gif');background-position:0px 0px;height:30px;width:75px;}

#topBar ul.botNav li.newsuperb a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_superb_new.gif');background-position:0px 0px;height:30px;width:73px;}
#topBar ul.botNav li.superbest a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_superb_estate.gif');background-position:0px 0px;height:30px;width:120px;}
#topBar ul.botNav li.offers a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_offers_new.gif');background-position:0px 0px;height:30px;width:73px;}

#topBar ul.botNav li.finance a {background-image:url('../../../../images/system/nav/main_subnav/but_ourcars_finance_new.gif');background-position:0px 0px;height:30px;width:80px;}

#topBar ul.botNav li.For_drivers a {background-image:url('../../../../images/system/nav/main_subnav/but_for_drivers.gif');background-position:0px 0px;height:30px;width:102px;}

#topBar ul.botNav li.For_managers a {background-image:url('../../../../images/system/nav/main_subnav/but_for_managers.gif');background-position:0px 0px;height:30px;width:117px;}


/*#topBar ul.botNav li.retailerSearch a {
	background-image:url('../../../../images/system/nav/main_subnav/but_retailersearch.gif');
	background-position:0px 0px;
	height:29px;
	width:175px;
}*/

#topBar ul.botNav li.retailerSearch {
	background-image:url('../../../../images/system/nav/main_subnav/but_blank.gif');
	background-position:0px 0px;
	height:29px;
	width:18px;
	float:right;
}

#topBar ul.botNav li.usedcarSearch a {
	background-image:url('../../../../images/system/nav/main_subnav/but_usedcars_search.gif');
	background-position:0px 0px;
	height:29px;
	width:175px;
}

#topBar ul.botNav li.usedcarAlerts a {
	background-image:url('../../../../images/system/nav/main_subnav/but_usedcars_alert.gif');
	background-position:0px 0px;
	height:29px;
	width:175px;
}

/* About Skoda 2nd level navigation */

#topBar ul.botNav li.ourCompany a {
	background-image:url('../../../../images/system/nav/main_subnav/but_about_company.gif');
	background-position:0px 0px;
	height:30px;
	width:136px;
}

#topBar ul.botNav li.bicycles a {
	background-image:url('../../../../images/system/nav/main_subnav/but_about_bicycles.gif');
	background-position:0px 0px;
	height:30px;
	width:147px;
}

#topBar ul.botNav li.Cycling a {
	background-image:url('../../../../images/system/nav/main_subnav/but_about_swapping_cycling.gif');
	background-position:0px 0px;
	height:30px;
	width:86px;
}

#topBar ul.botNav li.merchandise a {
	background-image:url('../../../../images/system/nav/main_subnav/but_about_merchandise.gif');
	background-position:0px 0px;
	height:30px;
	width:130px;
}


#topBar ul.botNav li.news a {
	background-image:url('../../../../images/system/nav/main_subnav/but_about_news.gif');
	background-position:0px 0px;
	height:30px;
	width:123px;
}

#topBar ul.botNav li.awards a {
	background-image:url('../../../../images/system/nav/main_subnav/but_about_awards.gif');
	background-position:0px 0px;
	height:30px;
	width:90px;
}

#topBar ul.botNav li.contactUs a {
	background-image:url('../../../../images/system/nav/main_subnav/but_about_contact.gif');
	background-position:0px 0px;
	height:30px;
	width:119px;
}

/* Brochure and test drive 2nd level navigation */

#topBar ul.botNav li.brochure_test_drive a {
	background-image:url('../../../../images/system/nav/main_subnav/but_brochure_testdrive.gif');
	background-position:0px 0px;
	height:30px;
	width:112px;
}

#topBar ul.botNav li.brochure_download a {
	background-image:url('../../../../images/system/nav/main_subnav/but_brochure_download.gif');
	background-position:0px 0px;
	height:30px;
	width:193px;
}

#topBar ul.botNav li.brochure_by_post a {
	background-image:url('../../../../images/system/nav/main_subnav/but_brochure_by_post.gif');
	background-position:0px 0px;
	height:30px;
	width:171px;
}

/* Drivers 2nd level navigation */

#topBar ul.botNav li.businessDrivers a {
	background-image:url('../../../../images/system/nav/main_subnav/but_drivers_business_drivers.gif');
	background-position:0px 0px;
	height:30px;
	width:159px;
}

#topBar ul.botNav li.owners a {
	background-image:url('../../../../images/system/nav/main_subnav/but_drivers_owners.gif');
	background-position:0px 0px;
	height:30px;
	width:91px;
}

#topBar ul.botNav li.emergency a {
	background-image:url('../../../../images/system/nav/main_subnav/but_drivers_emergency.gif');
	background-position:0px 0px;
	height:30px;
	width:184px;
}

#topBar ul.botNav li.tax_free_sales a {
	background-image:url('../../../../images/system/nav/main_subnav/but_drivers_tax_free.gif');
	background-position:0px 0px;
	height:30px;
	width:144px;
}

#topBar ul.botNav li.motability a {
	background-image:url('../../../../images/system/nav/main_subnav/but_drivers_motability.gif');
	background-position:0px 0px;
	height:30px;
	width:116px;
}

/* Used cars 2nd level navigation */

#topBar ul.botNav li.nationalSearch a {
	background-image:url('../../../../images/system/nav/main_subnav/but_usedcars_national_search.gif');
	background-position:0px 0px;
	height:30px;
	width:158px;
}

#topBar ul.botNav li.localRetailerSearch a {
	background-image:url('../../../../images/system/nav/main_subnav/but_usedcars_local_retailers_search.gif');
	background-position:0px 0px;
	height:30px;
	width:204px;
}

#topBar ul.botNav li.approvedSkodaBenefits a {
	background-image:url('../../../../images/system/nav/main_subnav/but_usedcars_approved_skoda_benefits.gif');
	background-position:0px 0px;
	height:30px;
	width:224px;
}

#topBar ul.botNav li.on a, 
#topBar ul.botNav li:hover a
{
	background-position:0px -30px;
}




/* -------------------------------------------------------------------------------------------*/


/* 3rd level navigation - left */

#leftNav
{
	margin: 0;
	padding: 0;
	width: 240px;
	float: left;
}

#leftNav ul
{
	margin:0 0 0 20px;
	padding: 25px 0 0 0;
	width: 200px;
	list-style-type: none;
	background: transparent url('../../../../images/system/bg_leftNav_li.gif') repeat-y;
}

#leftNav ul li
{
	margin: 0;
	padding: 5px 0 0 0;
	background: transparent url('../../../../images/system/bg_leftNav_li.gif') repeat-y;
}

#leftNav ul li a
{
	margin: 0;
	padding: 11px 0 0 0;
	display: block;
	line-height: .9em;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	background: transparent url('../../../../images/system/bg_leftNav_a.gif') no-repeat left top;
}

#leftNav ul li a span
{
	margin: 0;
	padding: 0 15px 10px 15px;
	display: block;
	background: transparent url('../../../../images/system/bg_leftNav_span.gif') no-repeat -200px bottom;
}


#leftNav div div ul li.on a
{
	color: #2879eb;
	background: transparent url('../../../../images/system/bg_leftNav_a_on.gif') no-repeat left top;
}

#leftNav div div ul li.on a span
{
	background: transparent url('../../../../images/system/bg_leftNav_span.gif') no-repeat left bottom;
}


#leftNav div div ul li.on div div ul li a
{
	background: none;
}

#leftNav div div ul li.on div div ul li a span
{
	background: none;
}


#leftNav ul li a span.last
{
	padding: 0 15px 10px 15px;
	background: transparent url('../../../../images/system/bg_leftNahhv_span.gif') no-repeat -200px bottom;
}

#leftNav ul li.last a span
{
	background: transparent url('../../../../images/system/bg_leftNav_span_last.gif') no-repeat left bottom;
}

#leftNav ul li div {
	padding: 15px 0 0 0;
	background: url(../../../../images/system/bg_leftNav_a_on.gif) no-repeat;
	background-position: 0px 5px;
}

#leftNav ul li div div {
	padding: 0 0 10px 0;
	background: url(../../../../images/system/bg_leftNav_span_on.gif) no-repeat bottom left;
}

#leftNav ul li div div ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url('../../../../images/system/bg_leftNav_sub_a.gif') repeat-y 0px 5px;
}

#leftNav ul li  div div ul li, #leftNav ul li  div div ul li a, #leftNav ul li  div div ul li a span {
	background: none;
	color: #2879EB;
}

#leftNav ul li div div  ul li a {
	padding-top: 0px;
}

#leftNav ul li  div div ul li a span {
	padding-bottom: 5px;
}

#leftNav div div ul li.laston a span
{
	background: transparent url('../../../../images/system/bg_leftNav_span_last_on.gif') no-repeat left bottom !important;
}



/* Hover effects */

/* --- First level ---- */

#leftNav ul li.last a:hover span, #leftNav ul li.laston a:hover span
{
	background: transparent url('../../../../images/system/bg_leftNav_span_last_on.gif') no-repeat left bottom;
}

#leftNav ul li a:hover
{
	color: #2879eb;
	background: transparent url('../../../../images/system/bg_leftNav_a_on.gif') no-repeat left top;
}

#leftNav ul li a:hover span
{
	background: transparent url('../../../../images/system/bg_leftNav_span.gif') no-repeat left bottom;
}


#leftNav ul li div div ul li.last a:hover span, #leftNav ul li div div ul li.laston a:hover span
{
	background: none;
}

/* No left nav */
#noLeftNav 
{
	padding-top:100px;
}

/* Footer navigation */

#footerLinks ul
{
	margin: 0 0 1.7em 0;
	padding: 0;
	list-style-type: none;
}

#footerLinks ul li
{
	margin: 0;
	padding: 0 10px;
	float: left;
	background: url('../../../../images/system/bg_footer_links_a.gif') no-repeat left center;
}

#footerLinks ul li.first
{
	padding: 0 10px 0 4px;
	background: none;
}

#footerLinks a
{
	font-size: 1.1em;
	color: #17a11a;
	text-decoration: underline;
}

#footerLinks .divider {
	padding: 0px;
	color: #17a11a;
}

/* Our team */

#content div.team {
	width:690px;
	margin-top:4em;
}


#botRow .ourteam {
	width:690px;
	padding:0 10px;
	margin:0 0 5px 0;
}

#botRow .ourteam .img {
	width:50px;
	height:50px;
	background:#ccc;
}

#botRow .ourteam div span {
	margin:0 5px 5px 0;
	padding:2px 5px;
	display:block;
	color:#fff;
	font-size:11px;
	float:left;
}

#botRow .ourteam div.email {
	 width:335px;
	 float:left;
}

#ulcontainer {padding:0 !important;}
#ulcontainer li {padding: 5px}
.fc2column2 #ulcontainer li label{width:auto}
.fc2column2 #ulcontainer.fc2 li label{width:240px;}

fieldset.calcOptions {
	float:left;
	margin-top:20px;
	width:300px;
}

fieldset.calcOptions ul {
	padding:0;
}

fieldset.calcOptions li {
	padding:5px;
	list-style-image: none !important
}

fieldset.calcOptions li label {
	display:block;
	padding-right:20px
}

fieldset.calcOptions li input {float:right;	margin-top:-15px;}

fieldset.calcChoice table {margin-top:20px;padding:0;}
fieldset.calcChoice table thead tr th {padding:0 5px;}
fieldset.calcChoice table tbody tr td {padding:0 5px;}
fieldset.calcChoice input.submit {margin:10px;}

.calcButtons {
	float:right;width:170px;margin-left:15px;
}

/* News & Offers section */

#news {
	margin-top:10px;
}

#news .article {
	width:650px;
	padding:0px 0 5px 0;
	float:left;
}

#offers .article {
	width:650px;
	float:left;
	padding:0;
}

#offers .first {
	margin-top:10px;
}

#offers .article_details {
	width:630px;
	padding:0px 10px 5px 10px;
	float:left;
}

#offers {
	float:right;
	margin-right:24px;
}
/* Article page */
div.offersGraphic{
	float:left;
	margin-top:40px;
	height:352px;
	width:472px;
	background:transparent url('../../../../images/offers/Offers_background.png') no-repeat 0 0 ;
	padding:0;
}

div.offersGraphic {
text-align:center;
}
div.offersGraphic{
text-align:-moz-center;
}

div.offersGraphic h2{
	text-indent:-5000px;
	height:131px;
	margin: 20px auto;
}
div.offersGraphic h2.tax{
	background:transparent  url('../../../../images/offers/Offers_tax_header.gif')  no-repeat 0 0 ;
	width:300px;
	
}
div.offersGraphic h2.apr{
	background:transparent  url('../../../../images/offers/Offers_apr_header.gif')  no-repeat 0 0 ;
	width:300px;
}
div.offersGraphic ul{
	list-style:none;
	padding:0;
	margin: auto;
	margin-top:20px;

	
}
div.offersGraphic ul.threeCars{
	width:324px;
	
}
div.offersGraphic ul.fourCars{
	width:432px;
	
}
div.offersGraphic a.button{
	display:block;
	position:relative;
	/*background: transparent url('../../../../images/offers/Offers_button.gif') no-repeat 0 0 ;*/

}
div.offersGraphic li{
	height:84px;
	padding-top:64px;
	color:#378aff;
	font-weight:bold;
	font-size:1.6em;
	width:108px;
	display:block;
	float:left;
	text-transform: uppercase;
}
div.offersGraphic li.fabia{	background:transparent  url('../../../../images/offers/Offers_fabia.jpg')  no-repeat 0 0 ;}
div.offersGraphic li.roomster{background:transparent  url('../../../../images/offers/Offers_roomster.jpg')  no-repeat 0 0 ;}
div.offersGraphic li.octavia{background:transparent  url('../../../../images/offers/Offers_octavia.jpg')  no-repeat 0 0 ;}
div.offersGraphic li.superb{background:transparent  url('../../../../images/offers/Offers_superb.jpg')  no-repeat 0 0 ;}

div.offersDetail{margin-top:40px;width:714px; height:497px;padding:25px 35px;}
div.offersDetail p.margin {clear: both; margin-top: 200px}
div.offersDetail h2{
	text-indent:-5000px;
	height:200px;
	margin-top:30px;
	float:right;
	width:225px;
	display:block;
	padding-right:120px;
}
div.page2 h2{height:200px;}
div.page1 h2{background:transparent url('../../../../images/offers/Offers_tax_header_small.gif')  no-repeat 0 0 }
div.page2 h2{background:transparent url('../../../../images/offers/Offers_apr_header_small.gif')  no-repeat 0 0 }
div.offersDetail p{width:650px;margin:0;font-size:1.4em}
div.offersDetail p.smallPrint{font-size:1em;}
div.offersDetail a{
	font-size:1.4em;
	font-weight:bold;
	color:#c41b02;
	padding:5px 25px 0px 25px;
	background:transparent url('../../../../images/offers/Offers_pdf.gif') no-repeat 0 0 ;
	margin-top: 10px;
	display: block;
	position: relative;
}
div.offersDetail a.button {background: none; float: left; padding: 0; margin: 10px 20px 10px 0;position:relative; display: block}
div.offersDetail a span{color:#000;}
div.offersDetail h3{
	clear:both;
	color:#378aff !important;
	text-transform:uppercase;
	font-size:1.7em;
	margin:0;
	padding:0;
	
}

div.offersDetail h4{
text-transform:uppercase;
font-size:1.1em;
margin:0;
padding:0;
clear: both
}
div.page1{background:transparent url('../../../../images/offers/Offers_detail_bg3.png') no-repeat 0 0 }
div.page2{background:transparent url('../../../../images/offers/Offers_detail_bg4.png') no-repeat 0 0 }
div.page2 h3{
	/*padding-top:300px;*/
}


/* offers subpage */
div.smallOffers 
{
    background:transparent url('../../../../images/offers/Offers_background_small.png') no-repeat 0 0 !important;
    width: 351px !important;
    height: 300px;
    margin: 0 0 0 -20px;
   
    }
div.firstOffer {margin-right: 30px}
div.smallOffers  h2.tax{
	background:transparent  url('../../../../images/offers/Offers_tax_header_smaller.gif')  no-repeat 0 0 ;
	width:268px;
}
div.smallOffers  h2.apr {
	background:transparent  url('../../../../images/offers/Offers_apr_header_smaller.gif')  no-repeat 0 0 ;
	width:268px;
}
div.smallOffers h2 {height: 102px}

div.smallOffers a {background: transparent  url('../../../../images/offers/Offers_button.gif')  no-repeat 50% 50%; height: 30px; text-indent: -300px; width: 200px; overflow: hidden}
div.smallOffers  ul {margin: 5px auto 0 auto;}
div.firstOffer  ul {margin-left: 40px}
div.smallOffers  ul li {width: 80px;padding-top:50px; color:#378AFF !important;}
div.smallOffers  li.fabia {
background:transparent url(../../../../images/offers/Offers_fabia_small.jpg) no-repeat scroll 0 0;
}
div.smallOffers  li.octavia {
background:transparent url(../../../../images/offers/Offers_octavia_small.jpg) no-repeat scroll 0 0;
}
div.smallOffers  li.superb {
background:transparent url(../../../../images/offers/Offers_superb_small.jpg) no-repeat scroll 0 0;
}
div.smallOffers  li.roomster {
background:transparent url(../../../../images/offers/Offers_roomster_small.jpg) no-repeat scroll 0 0;
}
#news .article ul {
	margin:10px 0 0 10px;
	padding:0;
}

#news hr, #offers hr {
	float:left;
	width:650px;
	background:transparent url('../../../../images/system/bg_hr.gif') repeat-x;
	height:4px;
	border:0;
	margin-top:5px;
}

#leftCol div.floatLeft hr {
	float:left;
	width:920px;
	margin:2em 0 0 1.5em;
	background:transparent url('../../../../images/system/bg_hr.gif') repeat-x;
	height:4px;
	border:0;
}

#happyOffers hr {
	width:100%;
	background:transparent url('../../../../images/system/bg_hr.gif') repeat-x;
	height:4px;
	border:0;
	margin-top:5px;
}

#happyOffers p.smallMargin {margin:2px 0;}
#happyOffers p.largeMargin {margin:18px 0;}

/* News, Our team & Offers photo */

#offers .article .content {float:left;margin:10px 9px 0px 9px;}
#news .article .content {width:300px;float:left;padding-left:5px}

#imageMid {width:200px;}
#imageLarge {width:310px;height:174px;float:left;}
#imageLarge .left {width:12px;height:174px;float:left;background:transparent url('../../../../images/system/offers_photoLeft.gif') no-repeat;}
#imageMid .photo {width:174px;float:left;}

#offerButtonHolder {margin-top:30px;width:279px;float:right;} /*tb*/

#imageSq {width:100px;height:100px;padding:5px;}
#imageLarge .photo {width:256px;height:151px;float:left;}

.imageSmall {width:150px;margin:0;float:left;}

.imageSmall .photo {float:left;width:122px;height:101px;}

.imageSmall .photo .top {float:left;height:7px;width:122px;overflow:hidden;background:transparent url('../../../../images/system/small_photoTop.png') no-repeat;}

.imageSmall .photo .bottom {height:10px;float:left;width:122px;background:transparent url('../../../../images/system/small_photoBottom.png') no-repeat;}


.imageSmall .left {
	width:7px;
	float:left;
	background:transparent url('../../../../images/system/small_photoLeft.png') no-repeat;
	height:101px;
}

.imageSmall .right {
	width:9px;
	float:left;
	height:101px;
	background:transparent url('../../../../images/system/small_photoRight.png') no-repeat;
}

#imageMid .photo .middle, #imageMid .photo .top {
	float:left;
	width:174px;
}

#imageMid .photo .bottom {
	height:12px;
	float:left;
}

#imageLarge .photo .top {
	height:13px;
	width:256px;
	background:transparent url('../../../../images/system/offers_photoTop.gif') no-repeat;
}

#imageLarge .photo .middle {
	float:left;
	width:256px;
	height:151px;
}


#imageLarge .photo .bottom {
	float:left;
	height:10px;
	width:256px;
	background:transparent url('../../../../images/system/offers_photoBot.gif') no-repeat;
}

#imageMid .right {
	width:11px;
	float:left;
}

#imageLarge .right {
	width:12px;
	height:174px;
	float:left;
	background:transparent url('../../../../images/system/offers_photoRight.gif') no-repeat;
}

#imageMid .left {
	width:8px;
	float:left;
}

/* imageMid */



#botContentBrochure .content img {
	margin:0px 0 0px 0;
}

#news .article p.continued, #offers .article p.continued {
	height:5px;
	padding-bottom:15px;
}

#news .article p.continued a, #offers .article p.continued a {
	margin:0 0 0 5px;
	float:left;
}

#news .article p.continued img {
	float:left;
	height:18px;
}

#offers .article img, #offers .article_details a img {
	 float:left;
	 border:0;
}
#offers .article h1 {
	font-size:21px;
	color:#666;
}

#offers .article h1 {
	float:left;
	width:500px;
}

#offers .article .content img {
	float:right
}

#offers .article p.continued a, #offers .article_details a.continued_details img {
	float:right;
}

#offers h2, #offers .article .content a.left {
	float:left;
	padding:0;
	margin:0;
}

#offers h3 {
	width:570px;
}

#botRow #offers .details {width:680px;}

#offers .details {margin:0 10px;width:630px;}

#offers .details table {float:left;width:100%;}
#offers .details table thead {text-align:right;}
#offers .details table tbody td {border-bottom:1px solid #1DB421;}
#offers .details table tbody tr.last td, #offers .details table tbody tr td.last {border:0 !important;}

#offers .details p {margin:2px 2px;}
#offers .details hr {margin:0;padding:0;width:630px;height:1px;}
#offers .article hr {margin:5px 0;padding:0;width:630px;height:1px;}

#news .butArchive {float:right;}


/* Careers */

#careers .advert {
	width:400px;
	margin:10px 0 0 0;
}

/* glossary styles */

div#glossary {
	margin:10px 0;
}

div#glossary h2 {
	color:#378AFF;
}

div#glossary span {
	display:block;
	float:left;
	margin-bottom:10px;
}

div#glossary hr {
	clear:both;
}

div#glossary span a {
	background:url(/images/system/glossary_letter.png) no-repeat center center;
	padding:5px 10px 5px 10px;
	font-size:16px;
	text-decoration:none;
	color:#FFF;
	width:10px;
	display:block;
	text-align:center;
}
div#glossary span a.empty {
	color:#a7eca9;
	cursor:default;
	outline:none;
}

div#glossary span a.empty:hover {
	text-decoration:none;
}

div#glossary span a:hover {
	text-decoration:underline;
}

div#glossary dl {
	margin-bottom:20px;
}
div#glossary dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#glossary dl dt, div#glossary dl dd {
	float:none;
	display:block;
	font-size:12px;
	margin:0 0 5px 0;
	/*float:left;*/
}
div#glossary dl dt {
	font-weight:bold;
	width:100px;
}
div#glossary dl dd {
	width:750px;
}

/* sitemap */

div#sitemap ul {
	font-size:12px;
	margin:10px 0 20px 0;
}
div#sitemap ul li ul {
	padding-left:20px;
	margin-top:0;
}
div#sitemap ul li ul li ul {
	margin:0;
}
div#sitemap li {
	margin-bottom:2px;
	list-style:none;
	list-style-image:none;
	margin-left:0;
}
div#sitemap ul li a {
	background:url(/images/system/list_bullet_img_blue.png) no-repeat left 0.3em ;
	padding-left:20px;
}
div#sitemap ul li ul li a, div#sitemap ul li ul li ul li a {background:url(/images/system/list_bullet_img.png) no-repeat left 0.2em;font-size:12px;text-decoration:underline;color:#D35441;}

.iframe {padding-left:20px;}

/*#topBar ul.botNav li.retailerSearch {position:absolute;height:29px;width:175px;}*/
#topBar ul.botNav li.retailerSearch a {display:none}

/* Google search results */

.GSearchResults {margin:0;padding:0;}
.GSearchResults .results {display:block;margin-top:20px;}
.GSearchResults .results p {padding:0;margin:2px 0;}
.GSearchResults ul {padding:0;margin:0;display:inline;height:500px;}
.GSearchResults li {float:left;margin:20px 0 0 0;color:#000 !important;padding:0 8px;}
.GSearchResults li a {padding:0px;}
.GSearchResults li.hellip {font-style:normal;padding:4px 4px 0 4px}

div#news ul.pagination {float:right;margin:0;padding:0;}
div#news ul.pagination li.first {padding-left:0;}
div#news ul.pagination li {float:left;margin:0;color:#000 !important;padding:0 8px;list-style:none;}
div#news ul.pagination li a {padding:0px;}
div#news p {float:left;margin-top:0;}
div#news div.article p {float:none;}
div#news {margin:0;}

/* Happy offers  */

#happyOffers {display:block;float:left;padding-bottom:10px;width:922px}

#happyOffers .topDiv {background:transparent url('../../../../images/offers/happyOffers_top.gif') no-repeat;height:4px;width:922px;}
#happyOffers .botDiv {background:transparent url('../../../../images/offers/happyOffers_bot.gif') no-repeat;height:4px;width:922px;float:left;}

#happyOffers .content {background:transparent url('../../../../images/offers/happyOffers_mid.gif') repeat-y;float:left;padding:10px 20px 10px 25px;position:relative;}
#happyOffers .content h1 {color:#b3005b;font-size:58px;font-weight:bolder;}
#happyOffers .content h2 {color:#ec0089;font-size:25px;font-weight:bolder;margin:0;clear:both;}
/* can delete the two below lines when the Q4 creative finished */
/*1*/#happyOffers .content div.christmaspres{background:url(../../../../images/offers/christmas_present.gif) no-repeat right top;height:210px;width:830px;}
/*2*/#happyOffers .content div.christmaspres p.happyOffersStrapline{color:#ec0089;font-size:38px;font-weight:bolder;margin:0;clear:both;padding:10px 0 20px 0;line-height:40px;width:550px;}

/*1*/#content div.christmaspres p.happyOffersStrapline{color:#ec0089;font-size:38px;font-weight:bolder;margin:0;clear:both;padding:10px 0 20px 0;line-height:40px;width:640px;}

#happyOffers .content .offers {background:transparent url('../../../../images/offers/offers_border.gif') repeat-y;float:left;margin:35px 25px 0 0;}
#happyOffers .content .offers .top {background:transparent url('../../../../images/offers/offers_top.gif') no-repeat;width:260px;height:8px;}
#happyOffers .content .offers .mid {padding:5px 15px 10px 25px;width:210px;position:relative;}
#happyOffers .content .offers .mid hr {background-image:url(/images/offers/bg_hr_pink.gif);margin-top:10px;}
#happyOffers .content .offers .mid sup {padding:0;position:relative;top:0.4em;}
#happyOffers .content .offers .mid a.details {display:block;text-align:right;padding-top:5px;}
#happyOffers .content .offers .mid p {color:#ac064f;font-weight:bold;margin-top:0;font-size:1.1em;}
#happyOffers .content .offers .mid img.carFront {position:absolute;top:-43px;right:0;z-index:10;}
#happyOffers .content .offers .mid h2 {font-size:19px;font-weight:normal;color:#ac064f;margin:25px 0 40px 0;padding:0;z-index:100;position:relative;}
#happyOffers .content .offers .mid h3 {font-size:20px;color:#ec0089;margin:0;padding:0;z-index:110;position:relative;}
#happyOffers .content .offers .mid h3 em {font-size:41px;font-style:normal;padding-right:3px;}
#happyOffers .content .offers .bot {background:transparent url('../../../../images/offers/offers_bottom.gif') no-repeat;width:260px;height:8px;margin-bottom:-7px;}

#happyOffers .content .allOffers {float:right;margin-top:35px;padding-right:30px;}
#happyOffers .content img {border:0;}

#happyOffers .content .brochure, #happyOffers.all .brochure {float:left;font-size:12px;clear:both;}
#happyOffers.all .brochure {float:right;}

/* Happy offers all */

/*#happyOffers.all {margin-top:-35px;}*/
#happyOffers.all{padding-top:40px;}
#happyOffers.all div div {float:left;}

#happyOffers.all .fabia {width:210px;height:104px;background:transparent url('../../../../images/offers/happyOffers_fabiaCar.png') no-repeat;}
#happyOffers.all .fabiaest {width:210px;height:104px;margin-left:20px;background:transparent url('../../../../images/offers/fabia_estate.jpg') no-repeat;}
#happyOffers.all .roomster {width:210px;height:104px;background:transparent url('../../../../images/offers/happyOffers_roomsterCar.png') no-repeat;}
#happyOffers.all .octavia {width:230px;height:104px;background:transparent url('../../../../images/offers/happyOffers_octaviaCar.png') no-repeat;}
#happyOffers.all .octaviaest {width:230px;height:104px;margin-left:20px;background:transparent url('../../../../images/offers/octavia_estate_sm.jpg') no-repeat;}
#happyOffers.all .superb {width:233px;height:104px;background:transparent url('../../../../images/offers/happyOffers_superbCar.png') no-repeat;}
#happyOffers.all .newSuperb {width:230px;height:104px;background:transparent url('../../../../images/offers/happyOffers_newSuperbCar.png') no-repeat;margin-left:10px;}

#happyOffers.all img {display:none;}

#happyOffers.all .content h2 {padding:0 !important;}

#happyOffers.all .content a {float:left;}

#happyOffers .firstCar {width:190px;margin:0 15px 0 15px;float:left;}
#happyOffers .lastCar {width:190px;margin:0 10px 0 30px;float:left;}
#happyOffers .car {width:190px;margin:0 15px 0 20px;float:left;}
#happyOffers .firstCar .content, 
#happyOffers .car .content, 
#happyOffers .lastCar .content {
	background:#fff;
	
width:100%;
min-height:100px;
margin-bottom:20px;}

#happyOffers hr.small {background:#c3ebbc;height:1px;border:0;padding:0 !important;}


.content_offers ul.brochures {
	float:left;
	padding:10px 0;
	width:300px;
	clear:left;
}

.content_offers ul.brochures li {
	float:left;
	padding:3px 0;
}

.content_offers p {
	width:70%;
}

/* Flash alternative */
#leftColFull.flashAlt {padding:0;}
#leftColFull.flashAlt .flashHeader {padding:0 10px 0 130px;}

#flashcontent #index {margin-left:4px;}

#flashcontent .nav {margin:0;}
#flashcontent .logoBot {text-indent:-300em;width:128px;height:90px;float:right;margin:-40px 4px 0 0px;background:transparent url('../../../../images/system/bg_logo_whole.gif') no-repeat;padding:0;}
#flashcontent img {border:0px;}

/*#logoWhole {margin:-2px 0 0 0px;padding: 0;width: 132px;height: 40px;float: right;}*/

#flashcontent ul.botNav {margin:0;position:absolute;}

#leftColFull.flashAlt .flashHeader .buttons {padding-top:32px;float:right;width:200px;}
#leftColFull.flashAlt .flashHeader .buttons img {padding-bottom:5px;}

#leftColFull.flashAlt .flashContent {float:left;}
#leftColFull.flashAlt .flashContent .conveyor {width:965px;height:130px;background:transparent url('../../../../images/flash_alt/flashalt_conveyor.png') no-repeat;}

#leftColFull.flashAlt .flashContent .content {padding:0 20px;}

/* car information div - repeated for each model */
#leftColFull.flashAlt .flashContent p.download{color:#666666;font-size:1.5em;font-weight:bold}
#leftColFull.flashAlt .flashContent .content div.carElem{width:450px;}
#leftColFull.flashAlt .flashContent .content div.carElem h3{clear:left;color:#378AFF;font-size:2em;margin:0;padding:0;}
#leftColFull.flashAlt .flashContent .content div.first {margin-right:20px;}
#leftColFull.flashAlt .flashContent .content div img {float:right;margin:30px 20px 0 0}

#leftColFull.flashAlt .flashContent .content div img.button {float:left !important;padding:0;margin:0 0 15px -3px}

/* Retailer search postcode hints */

#contentBoxLarge .hint {
   	display: none;
    position: absolute;
    right: 190px;
    width: 100px;
    margin-top: 10px;
    border: 1px solid #c93;
    padding: 10px 12px;
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
	color:#000;
}

#contentBoxLarge .hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../../../../images/system/pointer.gif) left top no-repeat;
}

/* tabular data */

table.motability thead tr th.twoCol {width:56px;}
table.motability tbody tr td.twoCol {text-align:center;}
table.twoColumn thead tr th {width:560px;}

/* misc classes */

.floatLeft {float: left;}
.floatRight {float: right;}

.floatContentsRight a {float:right;}

.clear {clear: both;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;	
	clear: both;
	visibility: hidden;
}

/* Safari fixes */

/*\*/
html*#topBar .topNav {
margin-left:12px;
}/**/

/*\*/
html*#header {margin:0 0 0 4px;}
/**/
 
/*html[xmlns*=""] body:last-child #header {margin:0 0 0 4px;}*/
html[xmlns*=""] body:last-child #topRow {margin-top:45px;}
html[xmlns*=""] body:last-child #footerLinks {margin:0 0 0 4px;width:600px;}
html[xmlns*=""] body:last-child #leftColFull #content #breadcrumbLeft {padding-bottom:30px;} 
html[xmlns*=""] body:last-child #news .butArchive {margin:0 80px 10px 0;}
html[xmlns*=""] body:last-child #offers .article h1 {width:400px;}
html[xmlns*=""] body:last-child #offers .article p {float:none;width:550px;}
html[xmlns*=""] body:last-child #offers .first div a {float:left;display:block;}
html[xmlns*=""] body:last-child #contentBoxLarge .testdrive div input {margin-top:0px}
html[xmlns*=""] body:last-child #contentBoxLarge, body:nth-of-type(1) #contentBoxLarge {margin:0 0 0 /*-1.9em*/0 !important;}
html[xmlns*=""] body:last-child #contentBoxLarge.yetiContent{margin:0 0 0 0 !important;}
html[xmlns*=""] body:last-child #contentBoxLarge fieldset {position:relative}
html[xmlns*=""] body:last-child #contentBoxLarge label.searchField, #contentBoxXtraLarge label.searchField {clear:both;}
html[xmlns*=""] body:last-child #contentBoxLarge input.searchField {float:left}

html[xmlns*=""] body:last-child #container #toolsContainer {padding-right:10px;}
html[xmlns*=""] body:last-child #toolsContainer {width:300px;}
html[xmlns*=""] body:last-child #flash {position:relative;left:-249px;top:0;}
html[xmlns*=""] body:last-child #breadcrumbLeft {position:relative;}
/*html[xmlns*=""] body:last-child #contentHeader {position:relative;margin-top:-40px;}*/

html[xmlns*=""] body:last-child .h1TopMain_brochures h1 {width:280px;}
html[xmlns*=""] body:last-child #contentBoxLarge fieldset .car .testdrive div {width:120px;float:right;margin-top:3px;}
html[xmlns*=""] body:last-child #contentBoxLarge fieldset .car .testdrive div label {padding-left:5px;}

html[xmlns*=""] body:last-child #contentBoxMid fieldset.testdrive {float:left;}

html[xmlns*=""] body:last-child #leftNav {z-index:100;}
html[xmlns*=""] body:last-child #botRow.landing {float:none;}
html[xmlns*=""] body:last-child #botRow .botLeft {float:left;}

html[xmlns*=""] body:last-child #header {width:967px;}
html[xmlns*=""] body:last-child #logoWhole {float:right !important;position:relative;width:128px;}
html[xmlns*=""] body:last-child #topBar ul.topNav {position:relative;margin-right:-2px !important;margin:0;}

/* fixes for new offers landing page*/
html[xmlns*=""] body:last-child #botRow .carPanel h2{padding:18px 0 9px 18px;}
/*html[xmlns*=""] body:last-child #botRow .carPanel ul.paginationList li{padding:5px 10px 7px;line-height:1.7em;}
html[xmlns*=""] body:last-child #botRow .carPanel ul.paginationList{}
*/

html[xmlns*=""] body:last-child #botRow .carPanel ul.paginationList li{margin-top:8px;}
html[xmlns*=""] body:last-child #botRow .detailPage ul.paginationList li{/*line-height:1.8em;*//*padding-bottom:7px*/}
html[xmlns*=""] body:last-child #botRow .detailPage h2{width:687px;padding-bottom:12px}
html[xmlns*=""] body:last-child #botRow .detailPage ul.paginationList{top:11px;margin:0 7px;width:490px;margin-top:-10px;}

html[xmlns*=""] body:last-child #botRow .heroItem .carPanel ul.paginationList{top:1px;margin-bottom:0}
html[xmlns*=""] body:last-child #botRow .heroItem .carPanel ul.paginationList li{line-height:1.1em;/*padding:5px 6px 5px;margin-left:-2px;*/ }
html[xmlns*=""] body:last-child #botRow .heroItem .carPanel ul.paginationList li span,
html[xmlns*=""] body:last-child #botRow .heroItem .carPanel ul.paginationList li a{padding-bottom:4px;}
html[xmlns*=""] body:last-child #botRow .heroItem .carPanel ul.offerList{margin-top:-1px;}

html[xmlns*=""] body:last-child #botRow .carPanel ul.offerList{margin-top:40px;}

body:first-of-type #header {width:967px;}
body:first-of-type #logoWhole {float:right !important;position:relative;width:128px;}
body:first-of-type #topBar ul.topNav {position:relative;margin-right:-2px !important;margin:0;}

/*fixes for whole life costs*/
html[xmlns*=""] body:last-child div.wlcc2BusinessSales {padding-top:12px}

/*fixes for testdrive*/
html[xmlns*=""] body:last-child #contentBoxLarge .outerWrapping .results .submit{margin-top:0;padding-left:195px}

/*html[xmlns*=""] body:last-child .home #header {width:969px !important;margin:0 0 0 0px !important;padding:0;}*/

html[xmlns*=""] body:last-child #logo {width: 138px;padding:0;margin:0 -1px 0 0 !important;}
body:first-of-type #logo {width: 138px;padding:0;margin:0 -1px 0 0 !important;}

/* Opera 9 fixes */

@media all and (min-width:0px) {
	head~body #news .butArchive {margin:0 80px 10px 0;}
	head~body #pageToolsBox {width:100px;}
	head~body #container #toolsContainer {padding-right:10px;}
	head~body #contentBoxLarge {margin:0 0 0 -1.8em;}
	head~body #contentBoxLarge fieldset .car {margin-right:5px;width:280px;}
	head~body #contentBoxLarge fieldset .car .testdrive div {width:120px;float:right;margin-top:3px;}
	head~body #contentBoxLarge fieldset .car fieldset {width:100px;}
	head~body #contentBoxLarge fieldset .car fieldset label {padding:0;}
	head~body #contentBoxLarge .testdrive input {margin-top:-1px;}
	head~body #contentBoxLarge .car fieldset input {clear:both;}
	head~body #contentBoxLarge .mid .inside fieldset ol.multichoice li div {float:right;clear:right;width:330px;}
	head~body #contentBoxLarge .mid .inside fieldset ol.multichoice li div input.choice {border:0;background:none;} 	
	head~body #contentBoxMid .mid .inside fieldset ol.multichoice li div {float:right;clear:right;width:210px;}
	head~body #contentBoxMid .mid .inside fieldset ol.multichoice li div input.choice {border:0;background:none;} 	
	head~body #footerLinks li {position:relative;}
}


/* **** ADDITIONAL STYLES **** */
/*ul, li {
	padding: 0;
	margin: 0;
}*/

#contentBoxLarge fieldset.salesContact {
	margin: 0;
	padding: 0;
	background: none;
}

#salesContact, #salesContactDriver, #carCost{
	float: right;
}
#carCost {
	margin-right: 25px;
	/*position: relative;*/
	position:absolute;
	top:-200px;
	right:10px;
	/*width:30px;
	float:right;*/
}
#salesContact ul {
	background: url(../../../../images/system/clipboard-salesContact.jpg) left top no-repeat;
	width: 242px;
	height: 321px;
	position: relative;
}
#salesContactDriver ul {
	background: url(../../../../images/system/notepad-salesContact.jpg) left top no-repeat;
	width: 242px;
	height: 321px;
	position: relative;
}
#carCost ul {
	background: url(../../../../images/system/clipboard-large-new.png) center top no-repeat;
	width: 235px;
	height: 200px;
}
#salesContact ul li,
#salesContactDriver ul li {
	position: absolute;
	left: -9999px;
}
#carCost ul {
	margin: 0;
	padding: 0;
	padding-top: 14em;
	text-align: center;
}
#carCost ul li {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	list-style-image: none;
	color: #000;
	font-weight: normal;
	width: 61%;
}
#carCost ul li.contactDetails {
	text-align: left;
	margin-top: 1em;
}
#carCost ul li a {
	text-decoration: underline;
	color: #378AFF;
}
#carCost ul li a:hover {
	text-decoration: none;
}

#fleetOptionsContent, #driverOptionsContent {
	float: right;
	width: 45%;
}
#fleetOptions, #driverOptions {
	float: left;
	width: 45%;
}
#fleetOptionsContent, #driverOptionsContent {
	/*margin-left: 3.8em;*/
}
#fleetOptionsContent h1, #driverOptionsContent h1 {
	line-height: 1.2em;
	margin: 0 0 1em 0;
}
#fleetOptionsContent h1 span, #driverOptionsContent h1 span {
	font-size: 1.4em;
}
#fleetOptions ul.fleetOptions, #driverOptions ul.driverOptions {
	width: 218px;
	height: 289px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#fleetOptions ul.fleetOptions {
	background: url(../../../../images/system/clipboardFleetManagerNew.png) left top no-repeat;
	padding-left: 3em;
}
#driverOptions ul.driverOptions {
	background: url(../../../../images/system/clipboard-driver.png) left top no-repeat;
	padding-left: 2em;
}
#fleetOptions ul.fleetOptions li, #driverOptions ul.driverOptions li {
	list-style: none;
	list-style-image: none;
	margin: 4px 0 0 0;
	padding: 0;
	float: left;
	clear: both;
	width: 80%;
}
#fleetOptions ul.fleetOptions li.first, #driverOptions ul.driverOptions li.first {
	padding-top: 10.5em;
}
#fleetOptions ul.fleetOptions li.second, #driverOptions ul.driverOptions li.second {
	margin-left: .3em;
}
#fleetOptions ul.fleetOptions li.third, #driverOptions ul.driverOptions li.third {
	margin-left: .6em;
}
#driverOptions ul.driverOptions li.fourth {
	margin-left: .9em;
}
#fleetOptions ul.fleetOptions li.contactNumber {
	position: absolute;
	left: -9999px;
}
#fleetOptions ul.fleetOptions li a, #driverOptions ul.driverOptions li a {
	color: #378AFF;
	text-decoration: none;
	background: url(../../../../images/system/icon-tick-off.gif) left top no-repeat;
	padding-left: 1.7em;
	font-weight: bold;
	position: relative;
}
#fleetOptions ul.fleetOptions li a:hover, #driverOptions ul.driverOptions li a:hover {
	background: url(../../../../images/system/icon-tick.gif) left top no-repeat;
}

/* *** FORMS *** */

#botRow #contentBoxXtraLarge form {
	margin-top: -220px;
}
#botRow form #formContent {
	float: left;
	width: 55%;
	position: relative;
	margin-left: 3em;
	display: inline;
}
#botRow form #formContent fieldset.salesContact {
	float: left;
	width: 40%;
	margin: 0;
	padding: 0;
}
#botRow form #formContent fieldset.end {
	clear: right;
	margin-left: 2em;
	margin-bottom: 3em;
}
#botRow form #formContent fieldset.salesContact legend {
	color: #1DB421;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: .6em;
}
#botRow form #formContent fieldset.salesContact ul {
	margin: 0;
	padding: 0;
}
#botRow form #formContent fieldset.salesContact ul li {
	list-style: none;
	list-style-image: none;
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#botRow form #formContent fieldset.salesContact label {
	font-weight: normal;
	font-size: 1em;
	color: #000;
	float: left;
	margin-left: 1.7em;
	display: inline;
}
#botRow form #formContent fieldset.salesContact input {
	position: absolute;
	left: 0;
	border: none;
	background: none;
	width: auto;
	padding: 0;
}
#botRow form #formContent fieldset.salesContact select {
	border: none;
	width: auto;
	font-size: 1.1em;
}

/*
{width:220px;padding:2px 3px;margin:0;display:inline; border: 1px solid #999; font-size: 1em; text-transform: none;}

*/

#botRow form #formContent input.submit {
	position: absolute;
	padding: 0;
	margin: 0;
	bottom: 0;
	left: 16.5em;
	width: auto;
	border: none;
	font-size: 1.1em;
}

#botRow #contentBoxXtraLarge #formContent {
	float: left;
	width: 55%;
	position: relative;
}
#botRow #contentBoxXtraLarge #formContent.wholeLifeCost{100% !important;}
#botRow #contentBoxXtraLarge #formContent ol {
	margin: 0;
	padding: 0;
	width: 680px;
}
#botRow #contentBoxXtraLarge #formContent ol li {
	margin: .5em 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	clear: both;
}
#botRow #contentBoxXtraLarge #formContent ol li label {
	float: left;
	text-align: right;
	/*width: 40%;*/
}
#botRow #contentBoxXtraLarge #formContent ol li select, #botRow #contentBoxXtraLarge #formContent ol.olResults p {
	float: left;
	margin: 0 0 .5em 0;
	
}
#botRow #contentBoxXtraLarge #formContent ol.olResults {
	/*background: url(../../../../images/system/rule-gradient.jpg) right 3.5% no-repeat;*/
	padding-top: 2em;
	float: left;
}

div.wlcc2BusinessSales {
	/*clear: both;
	margin-top: 12px;
	padding-top: 12px;*/
	/*background: url(../../../../images/system/rule-gradient.jpg) left 3.5% no-repeat;*/
	width:680px
}


#botRow #contentBoxXtraLarge #formContent table tr.even{background:#F0F0F0 none repeat scroll 0 0}
#botRow #contentBoxXtraLarge #formContent table{
	background:transparent url(../../../../images/offers/offers_detail/table_border.gif) repeat-x scroll 0 0;
	border-bottom:1px solid #007954;
	border-collapse:collapse;
}
#botRow #contentBoxXtraLarge #formContent table th{
	font-weight:bold;
	padding:0 0 0 8px;
	}
#botRow #contentBoxXtraLarge #formContent table th p{padding-right:10px;margin:.7em 0}	
#botRow #contentBoxXtraLarge #formContent table td{
	font-family:"Trebuchet MS",sans-serif;
	text-align:left;
	color:#1DB421;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.5em;
	padding-right:10px}
#botRow #contentBoxXtraLarge #formContent table td span{
	font-weight:normal;
	color:#333;
	text-transform:none;
	font-size:.9em}
#botRow #contentBoxXtraLarge #formContent table caption{
	font-size:1.2em;
	text-align:left;
	padding-bottom:1em
}
/*
div.wlcc2BusinessSales ol.olResults li label {
	width: auto !important;
	padding-left: 120px;
}


#botRow #contentBoxXtraLarge #formContent ol.olResults li label {
	float: left;
	width: 60%;
}
*/
#botRow #contentBoxXtraLarge #formContent ol.carCostForm li input {
		margin-left:0;
		width:auto;
		float:none
		}
#botRow #contentBoxXtraLarge #formContent ol li input {
	margin-left: 38%;
	float: left;
	display: inline;
}

#botRow #contentBoxXtraLarge #formContent ol.carCostForm input.submit {
border:none;
margin:0;
padding:0;
position:relative;
left:0;

}
/* Let us help (carpicker plugin) */

#botRow #contentBoxXtraLarge .letUsHelp fieldset{
	width: 49% !important
}

#botRow #contentBoxXtraLarge .letUsHelp div {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#botRow #contentBoxXtraLarge .letUsHelp div ul {
	margin-left: 10px !important;
}

#botRow #contentBoxXtraLarge .letUsHelp fieldset.select label {
	float: left;
	margin-left: 0px;
}


#botRow #contentBoxXtraLarge .letUsHelp fieldset select {
	float: left;
	margin: 0 0 5px 5px;
}

#botRow #contentBoxXtraLarge .letUsHelp div input.submit {
	float: right;
	position: static !important;
	width: 140px;
	margin-top: 23px;
}

/* --------------------------------------- */


#resultsContent, #resultsOptions {
	position: relative;
	float: left;
}
#resultsOptions {
	float: left;
	margin-top: 2em;
	text-transform: capitalize;
}
#resultsContent ul, #resultsOptions ul {	
	margin: 0;
	padding: 0;
}

/* HAD TO REPEAT THESE IN IE7 CSS AS WERE BEING OVERWRITTEN */
#resultsContent ul li, #resultsOptions ul li {
	margin: 0;
	padding: 0;	
	list-style: none;
	list-style-image: none;
	display: inline;
	color: #000;
	font-weight: normal;
	float: left;
}
#resultsContent ul li {
	display: inline;
	margin: 0 35px 0 0;
}
#resultsContent ul li.end {
	margin-right: none;
}

#contentContact div.content #resultsOptions li, #sitemap ul#resultsOptions li, #botRow ul#resultsOptions li, #botContent div ul#resultsOptions li{
	text-transform: none !important;
	width:auto;
}

#resultsContent ul li span {
	display: block;
	color: #1DB421;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: none !important;
}

ul#resultsOptions li {
	clear: right;
}

ul#resultsOptions li span {
	display: block;
	float: right;
	padding: 6px 8px 0 0;
	font-weight: normal;
	color: #000;
	text-align: right;

}

#resultsOptions li input {
	float: right;
	padding: 0px;
	width: 124px;
	border: none;
}

#resultsOptions img {
	float: right;
	margin-bottom: 5px;
}

.buttonsPadding {
	padding-right: 35px;
}

body.cc_offline #botContent {width:900px;}
body.cc_offline div.img {float:left;}
body.cc_offline div.text {padding-top:100px;width:400px;padding-left:400px;}


/* ------------------- Compare Cars / Finance Calculator plugins --------------------- */

.financePage {
	padding: 0px !important;
}

#resultsOptions li input.compareFinance { width: 160px; margin: 0px;}

/* ----- Compare Cars Nav ------ */

#carCompareArea ul, #carCompareArea ul li {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #47d04c;
}

#carCompareArea ul.compareNav {
	position: relative;
	float: left;
	width: 650px;
	height: 32px;
	margin-bottom: 20px;
	padding-left: 3px;
	background: url(../../../../images/system/businessSales/innerNav.gif) no-repeat;
	background-position: 1px 1px;
}

#carCompareArea ul li {
	float: left;
	margin-top: 4px;
	background: none;
}

#carCompareArea ul li a {
	display: block;
	padding: 3px 10px 2px 10px;
	color: #fff;
	background: url(../../../../images/system/businessSales/seperator.gif) repeat-y top right;
}


#carCompareArea ul li a:hover {
	background: url(../../../../images/system/businessSales/innerNavHoverstate.gif) top right;
}

#carCompareArea ul li.first a {
	padding-left: 15px;
}

#carCompareArea ul li.first a:hover {
	background: url(../../../../images/system/businessSales/innerNavHoverstateFirst.gif) top left;
}

/* --- Compare selects Plugin --- */

.carSelect {
	background: url(../../../../images/ourcars/ourCarsImageDefault.jpg) no-repeat top left;
}

.selectGroup {
	position: relative;
	float: left;
	width: 140px;
	height: 300px;
	padding: 0 10px 0 10px;
}

.selectGroup div.carSelect {
	width: 120px;
	height: 51px;
}

.selectGroup label {
	display: block;
	margin: 15px 0 5px 0;
	font-weight: bold;
	color: #1DB421;
	font-size: 1.2em !important;
}

.selectGroup select {
	width: 140px !important;
}

p.comparewarn {
    background:#fff url(../../../../images/system/bg-warn.png) top left no-repeat;
    color:White;
    font-weight:bold;
    width:620px;
    line-height:30px;
    padding-left:10px;
}

#contentBoxXtraLarge .selectGroup span.border {
    display:block;
    width:140px;
    border:2px solid white;
}

/* --- Compare table Plugin / Finance Calculator Plugin--- */


#carCompareArea .compareFooterDiv {
	position: relative;
	float: left;
	padding-bottom: 20px;
	background: url(../../../../images/system/businessSales/bottomCornersCompare.gif) no-repeat bottom left;
}

div.paddedText {
	position: relative;
	float: left;
	width: 370px;
	padding: 10px;
}

div.smallPrint {
	padding: 0 30px;

}

#carCompareArea table {
	position: relative;
	width: 650px;
	clear: left;
	padding: 0 3px 0 3px;
	background: url(../../../../images/system/businessSales/topCornersCompare.gif) no-repeat;
	background-position: 0 71px;
}

#carCompareArea table tr th {
	padding: 5px;
	text-align: right;
	border-bottom: 1px solid #d1d1d5;
}

#carCompareArea table thead.carImageRow tr th {
	width: 120px;
	padding: 0px !important;
	text-align: left;
	font-size: 1.3em;
	color: #158618;
	background-position: 0 75px;
}

#carCompareArea table thead.carImageRow tr th.first span {
	margin: 76px 0 0 15px;
	border-right: 1px solid #e6e6eb;
	background-position: top right;
}

#carCompareArea table thead.carImageRow tr th span {
	display: block;
	height: 55px;
	background: url(../../../../images/system/businessSales/tableHeaderCompare.gif) no-repeat;
	border-right: 1px solid #e6e6eb;
}

#carCompareArea table thead.carImageRow tr th span span {
	display: block;
	height: 45px;
	padding: 5px 10px 5px 5px;
	colour: #158618 !important;
	background: url(../../../../images/system/businessSales/tableHeaderCompareSpan.gif) top right no-repeat;
}



#carCompareArea table thead.carImageRow tr th span.last {
	border-right: none !important;
	background: url(../../../../images/system/businessSales/topCornersRightCompare.gif) no-repeat top right;
}

#carCompareArea table thead.carImageRow tr th span.last span {
	border-right: none !important;
	background: url(../../../../images/system/businessSales/topCornersRightCompare.gif) no-repeat top right;
}


#carCompareArea table thead.carImageRow tr th img {
	margin-bottom: 25px;
}

#carCompareArea table tr {
	padding-right: 20px;
}

#carCompareArea table tr td {
	padding: 5px;
	background: #fff url(../../../../images/system/businessSales/tablecellCompare.gif) repeat-y top left;
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #fff;
}

#carCompareArea table tr td input {
	width: 30px;
	border: none;
}

/* Hilighted row */

#carCompareArea table tr.showCase th {
	border: 1px solid #1DB421;
	border-width: 1px 0 1px 0;
	background: #fff url(../../../../images/system/businessSales/tableHeaderHilight.gif) no-repeat top left;
}

#carCompareArea table tr.showCase td, #carCompareArea table tr.showCase td.first {
	background: #fff url(../../../../images/system/businessSales/cellHilight.gif) no-repeat top left;
	border: 1px solid #1DB421;
	border-width: 1px 0 1px 0;
}

#carCompareArea table tr.showCase td.last {
	background: #fff url(../../../../images/system/businessSales/rightEdgeHilight.gif) repeat-y top right;
	}
	
/* -------------- */
	
#carCompareArea table tr td.first {
	background: #fff url(../../../../images/system/businessSales/leftEdgeCompare.gif) repeat-y top left;
}

#carCompareArea table tr td.last {
	background: #fff url(../../../../images/system/businessSales/rightEdgeCompare.gif) repeat-y top right;
	border-right: none;
}

#carCompareArea table tfoot.tableFooter tr td {
	border: none;
	background-image: none;

}

#carCompareArea table tr td.footerFirst {
	padding: 5px;
	background-image: none;
	background: transparent;
}

#carCompareArea table tr td.footerLast {
	background: url(../../../../images/system/businessSales/rightEdgeCompare.gif) repeat-y top right !important;
}

/* --- Finance Calculator specific styles --- */

#carCompareArea table.financeCalculator {
	clear: right;
	width: 650px;
	padding-top: 5px;
	background-position: 0 0;
}

#carCompareArea table.financeCalculator tr td.greenLineRow {
	padding: 0px;
	border-top: 2px solid #13b182;
	border-bottom: 1px solid #007854;
}

#carCompareArea table.financeCalculator tr td.greenLineRow hr {
	display: none
}


#carCompareArea table.financeCalculator tr th {
	width: 182px;
}

#carCompareArea table.financeCalculator thead.carImageRow tr th span {
	height: auto;
}

#carCompareArea table.financeCalculator thead.carImageRow tr th span span {
	display: block;
	padding: 5px 10px 5px 5px;
	border-right: none;
	background: url(../../../../images/system/businessSales/tableHeaderCompareSpan.gif) top right no-repeat;
	color: #158618;
	font-size: 0.9em;
}

#carCompareArea table.financeCalculator thead.carImageRow tr th span.last {
	border-right: none;
	background: url(../../../../images/system/businessSales/tableHeaderCompare.gif) no-repeat top left;
}

#carCompareArea table.financeCalculator thead.carImageRow tr th span.last span {
	border-right: none;
	background: url(../../../../images/system/businessSales/topCornersRightCompare.gif) no-repeat top right;
}

#carCompareArea table.financeCalculator .last input {
	width: 20px;
	margin-left: 25px;
	border: none;
}

.financeSelect img {
	margin-bottom: 10px;
}

.financeSelect {
	position: relative;
	float: right;
	width: 220px;
	margin: 0 40px 20px 0;
	display:inline;
}

.financeSelect #ModelSelectButton, .financeSelect input {
	display: none !important;
}

/*Calculator FC2 - now used across site */

.fc2Container {
	clear: both;
	width: 675px !important;
 	padding: 0 10px 0 30px;
}

.getFinanceQuote{float:right; padding-right:30px;padding-top:60px}

.fc2Container ol.stepTwoForm li {padding: 0.3em 0}
.fc2Container ol.stepTwoForm li p {color: #666; text-align: left ; float: left; margin: 0; width: 200px}
.fc2Container ol.stepTwoForm li p.error {margin: 0.5em 0; color:#FF0000; width: auto; font-weight: normal; font-size: 1em;text-transform: none}
.fc2Container ol.stepTwoForm li {width: 500px !important}
.fc2Container .calculate {width: 105px !important; float: right; background: none; padding: 0 !important; border: none !important;}
.fc2Container hr {margin: 40px 0 5px -3px; width: 650px !important;clear: both}
.fc2Container h2 { position: relative;}
.fc2Container .but_findRetailer{margin-top:20px}
.fc2Container .but_findRetailer,
.fc2Container .but_print  {float: right; margin-right: 30px; display: inline;clear:both}
.fc2Container .but_selectModel {float: left}
.fc2Container .but_recalculate,
#contentBoxXtraLarge .fc2Container .but_recalculate{
    width: 116px; 
    float: right; 
    margin-right: 26px; 
    background: none; 
    border: none; 
    padding: 0
    }
.fc2Container .but_chooseModel,
#contentBoxXtraLarge .fc2Container .but_chooseModel{width: 161px; float : right; background: none; border: none;}
.fc2column1 {
	position: relative;
	width: 260px;
	margin-right: 10px;
	float: left;
	display: inline
}

#contentContact .modelDl {
	margin: 0 0 0 0;
}

#contentContact .modelDl dt {
	width: 70px;
}

.fc2column2 {
	position: relative;
	width: 260px;
	float: right;
	margin-right: 10px
}

.fc2column2 ul, .fc2column2 ul li {
	list-style-type: none !important;
	list-style-image: none !important;
	margin: 0;
	width: 260px !important
}


h2 span.step {
	display: block;
	font-size: 0.7em;
	color: #e074e3;
}

#contentBoxXtraLarge h2 {
	margin-bottom: 10px;
	padding: 0 0 0 45px;
	color: #378AFF;
	font-size: 19px;
}

#contentBoxXtraLarge h2.stepOne {
	background: url(../../../../images/system/businessSales/stepOne.gif) no-repeat 0 30px;
	padding-top:30px;
}

#contentBoxXtraLarge h2.stepTwo {
	background: url(../../../../images/system/businessSales/stepTwo.gif) no-repeat 0 50px;
	padding-top:50px;
}

#contentBoxXtraLarge h2.stepThree {
	background: url(../../../../images/system/businessSales/stepThree.gif) no-repeat 0 50px;
	padding-top:50px;
}



ul.fc2 {
	list-style: none;
	list-style-image: none;
}

ul.fc2 input {
	width: 20px !important;
}
ul.fc2 p {color: #000; text-transform: none; font-weight: normal; font-size: 1em; margin-left: 20px}

/*
 * compare cars
 ********************************************************************/

ol.stepTwoForm{
	padding:0;
}
ol.stepTwoForm li {
	clear: both;
	width: 450px;
}
#botRow ol.stepTwoForm li {
	list-style-type:none;
	list-style-image:none;
}
ol.stepTwoForm li label {
	float: left;
	width: 200px;
	margin-right: 5px;
	text-align: right;
}

ol.stepTwoForm li label span.lowerCase {color: #1DB421 !important }
ol.stepTwoForm li input, ol.stepTwoForm li select {
	float: left;
	margin-bottom: 5px !important;
}
 ol.stepTwoForm li select {width: 227px !important}
 
#contentBoxXtraLarge h2.CalcHeader{padding-left:0;margin-top:-15px}
p.Fc2firstParagraph {
	/*margin-bottom: 30px;*/
}

p.smallprintText {
	clear: both;
	padding: 10px 10px 0 30px;
	zoom:1;
}

/* ---- Modal Dialog box tool ---- */

.modalPopupBox{
		z-index:100;
}
#modal {
	position: absolute;
	top: 110px;
	left: 300px;
	width: 718px;
	padding-bottom: 13px;
	background: url(../../../../images/system/businessSales/modalBottom.png) no-repeat bottom left;
	display: none;

}

#modal_Fabia {
	position: absolute;
	top: 110px;
	left: 300px;
	width: 718px;
	padding-bottom: 13px;
	background: url(../../../../images/system/businessSales/modalBottom.png) no-repeat bottom left;
	display: none;
}

#modal_Octavia {
	position: absolute;
	top: 110px;
	left: 300px;
	width: 718px;
	padding-bottom: 13px;
	background: url(../../../../images/system/businessSales/modalBottom.png) no-repeat bottom left;
	display: none;
}

#modal_Roomster {
	position: absolute;
	top: 110px;
	left: 300px;
	width: 718px;
	padding-bottom: 13px;
	background: url(../../../../images/system/businessSales/modalBottom.png) no-repeat bottom left;
	display: none;
}

#modal_Superb {
	position: absolute;
	top: 110px;
	left: 300px;
	width: 718px;
	padding-bottom: 13px;
	background: url(../../../../images/system/businessSales/modalBottom.png) no-repeat bottom left;
	display: none;
}

#modal_Yeti {
	position: absolute;
	top: 110px;
	left: 300px;
	width: 718px;
	padding-bottom: 13px;
	background: url(../../../../images/system/businessSales/modalBottom.png) no-repeat bottom left;
	display: none;
}

#modalInner {
	padding: 20px;
	background: url(../../../../images/system/businessSales/modalTop.png) no-repeat top left;
}

#modalInner .modalLeft {
	float: left;
	width: 326px;
	margin-right: 20px;
	overflow:hidden;
}

#modalInner .modalRight {
	float: left;
	width: 330px;
	overflow:hidden;
}

.modalRightImage 
{
	padding:1.7em 0 0 0;
}

.modalRight .colours img {
	display: inline !important;
	float: left !important;
}

.modalRight h2 {
	clear: left;
}

#modalInner h1 {
	margin-bottom: 10px;
}

#modalInner h2 {
	margin-bottom: 0px;
	color: #1DB421;
}

#modalInner ul, #modalInner ul li {
	list-style: none !important;
	list-style-image: none !important;
	margin:0;
	padding: 0;
}

#modalInner ul {
	margin-bottom: 10px;
}

#modalInner ul li { 
	padding: 5px;
	border-bottom: 1px solid #1DB421;
	font-size: 1em;
	color: #000;
}

#modalInner img {
	margin-bottom: 10px;
	display:inline;
}

.grey { 
	background: #eee;
}

#modalTools {
	margin: 5px 5px 0 0;
}

#modalTools img {
	float: right;
	margin-left: 5px;
}

p.modalLinks {
	text-align: right;
}

p.modalLinks a {
	margin-left: 30px;
}

#modalInner p.modalLinks a img {
	display:block;
}

.closeBtn {
	float: right;
	margin: 0 0 5px 10px;
}

.closeBtn_Fabia {
	float: right;
	margin: 0 0 5px 10px;
}

.closeBtn_Roomster {
	float: right;
	margin: 0 0 5px 10px;
}

.closeBtn_Octavia {
	float: right;
	margin: 0 0 5px 10px;
}

.closeBtn_Superb {
	float: right;
	margin: 0 0 5px 10px;
}

.closeBtn_Yeti {
	float: right;
	margin: 0 0 5px 10px;
}

.testDrive li {
	color: #000;
}

.businessSales #contentBoxXtraLarge .TandC li{
	color: #000 !important;
	font-size: 1em !important;
	font-weight: normal;
}

.TandC li label{ 
	color: #000 !important;
	font-size: 1em !important;
		font-weight: normal;
}

/* Split content template (Emergency services ect.) */

#splitContentFull {
	float: left;
	width: 690px;
}

#splitContentFull h2 {
	margin-top: 20px;
	font-size: 1.8em;
	color: #1DB421;
}

#splitContentLeft p, #splitContentRight p  {
	margin-top: 0px;
}

#splitContentLeft {
	float: left;
	width: 365px;
	padding-right: 23px;
	background: url(../../../../images/system/bg_hr_vertical.gif) repeat-y top right;
}

#splitContentLeft img { 
	float: right;
	margin: 0 0 5px 10px ;
}

#splitContentRight {
	float: left;
	width: 305px;
	padding-left: 20px;
}

#splitContentRight div {
	margin-bottom: 10px;
}

#splitContentRight div img {
	margin-right: 20px;
}


#splitContentRight h3 {
	color: #378AFF;
	font-size: 1.6em;
}


/* ---------------- The Talk to us Map ------------------- */

.mapThreeColumn {
	float: left;
}

.mapThreeColumn h1 {
	position: relative !important;
	margin-bottom: 10px;
}

.mapThreeColumn h2 {
	font-size: 1.6em !important;
	color: red !important;
}

.mapThreeColumn p {
	margin-bottom: 0px;
	font-size: 1.5em;
	font-weight: bold;
}

.mapThreeColumn p span {
	color: #1db421;
}

.mapColumn1 {
	float: left;
	width: 190px;
	height: 350px;
	margin-top: 20px;
}

.areasBox {
	float: left;
	width: 190px;
	padding-top: 13px;
	background: url(../../../../images/system/businessSales/1stColumnTop.gif) top left no-repeat;
}

.areasBoxInner {
	float: left;
	width: 190px;
	padding-bottom: 13px;
	background: url(../../../../images/system/businessSales/1stColumnBottom.gif) bottom left no-repeat;
}


.areasBoxInnerInner {
	float: left;
	width: 190px;
	padding: 0;
	background: url(../../../../images/system/businessSales/1stColumnMiddle.gif) top left repeat-y;
}

#botRow .areasBoxInnerInner ul{
	float: left;
	margin: 0 !important;
	padding: 0px !important;
}

.businessSales #contentBoxXtraLarge .areasBox .areasBoxInner .areasBoxInnerInner ul li {
	width: auto !important;
	margin: 0px !important;
	padding: 0 0 0 10px;
	font-size: 0.9em !important;
	color: #999 !important;
}




.mapColumn2 {
	float: left;
	width: 230px;
}

#talkMap {
	position: relative;
}


#theMap {
	position: relative;
}

.mapColumn3 {
	float: left;
	width: 230px;
}

.emailBox {
	float: left;
	width: 230px;
	padding-top: 13px;
	background: url(../../../../images/system/businessSales/3rdColumnTop.gif) top left no-repeat;
}

.emailBoxInner {
	width: 230px;
	padding-bottom: 13px;
	background: url(../../../../images/system/businessSales/3rdColumnBottom.gif) bottom left no-repeat;
}

.emailBoxInnerInner {
	width: 204px;
	padding: 0 13px;
	background: url(../../../../images/system/businessSales/3rdColumnMiddle.gif) top left repeat-y;
}

.emailBoxInnerInner select {
	width: 174px !important;
}

#contentBoxXtraLarge .mapThreeColumn .emailBoxInnerInner h2 {
	padding-left: 0px !important;
}

.areasBox, .emailBox {
	display: none;
}

.letUsSelect select {
	 float: right;
	 margin: 0 20px 5px 0 !important;
}


.rosette1 {
	padding-top: 50px;
	background: url(../../../../images/system/businessSales/ribbon_1.gif) top left no-repeat;
}

.rosette2 {
	padding-top: 50px;
	background: url(../../../../images/system/businessSales/ribbon_2.gif) top left no-repeat;
}

.rosette3 {
	padding-top: 50px;
	background: url(../../../../images/system/businessSales/ribbon_3.gif) top left no-repeat;
}

.rosette4 {
	padding-top: 50px;
	background: url(../../../../images/system/businessSales/ribbon_4.gif) top left no-repeat;
}

/* Terms and conditions under forms */

#contentBoxXtraLarge div.terms {
	clear: both;
	float: none;
	padding: 60px 80px 0 50px;
}




#contentBoxXtraLarge div.terms fieldset {
	clear: both !important;
	float: none !important;
	margin-top: 0px;
}


#contentBoxXtraLarge div.terms fieldset.checkBox input {
	width: 20px;
}

#contentBoxXtraLarge div.terms fieldset.submit input {
	display: block;
	float: right;
	width: 177px;
	margin-right: 20px;
	border: none;
}


#contentBoxXtraLarge div.terms fieldset label, #contentBoxXtraLarge div.terms fieldset input {
	float: none;
}

#contentBoxXtraLarge div.terms p.mandatoryFields {
	text-align: right;
}

#contentBoxXtraLarge fieldset input {border: none; background: none;}

.space { padding-top: 5px;}

.fc2 { float: right;}
.fc2 li { float: right;}
.fc2 label { float: left;}
.fc2 input { float: right;}

.centreCompare {
	margin-left: 30px;
}

#fleetOptionsContent h1, #driverOptionsContent h1 {
	text-transform: none !important;
}

/* Immediacy styling classes */
.ImmControlAlign_Right{clear:both;float:right;}
.ImmControlAlign_Left{clear:both;float:left;}

/* Fleet styles */
.rightHandRoadsign {float: right; margin-left: 20px}

.modalPopup_Fabia, .modalPopup_Superb, .modalPopup_Roomster, .modalPopup_Octavia {cursor:pointer}
#offers{margin-right:12px}

#botRow .panelLeft{margin-right:12px;float:left;width:345px;clear:left;}
#botRow .panelRight{float:right;width:345px;clear:right;}

#botRow .carPanel{
	width:345px;
	position:relative;
	margin-bottom:10px;
	}
#botRow .carPanel div.bottom{
	background: url(../../../../images/offers/offers_landing/panel_bottom.png) top left no-repeat;
	padding-bottom:15px;
	width:345px;
	clear:both;
}
#botRow .carPanel h2{
	color:#1DB421;
	width:327px;
	text-transform:uppercase;
	line-height:.8em;
	margin:0;
	padding:18px 0 9px 18px;
	background: url(../../../../images/offers/offers_landing/panel_header.png) top left no-repeat;
	clear:both}	
#botRow .carPanel ul, #botRow .carPanel ul li{margin:0;padding:0;}
#botRow .carPanel ul li {list-style-image:none;list-style-type:none}
#botRow .carPanel ul.paginationList{z-index:10;padding-left:145px;width:190px; border-bottom:1px solid #d6d6d6;position:absolute;top:9px; left: 0px;margin:0 6px}

#botRow .carPanel ul.paginationList li{
	margin-top:13px;
	margin-left:1px;
	color:#707070;
	font-size:1.8em;
	display:inline;
	padding: 0; 
	border:1px #d6d6d6 solid;
	border-width:1px 1px 0 1px;
	cursor:pointer;
	background:url(../../../../images/offers/offers_landing/pagination_bg.gif) top left no-repeat;
	float:left;
	overflow: hidden;
}

#botRow .heroItem .carPanel ul.paginationList li{margin-top:0px;/*padding:6px 6px 6px;*/margin-bottom:-1px;margin-left:1px; }

#botRow .heroItem .carPanel ul.paginationList li a{padding:6px 6px 6px;display:block;}
#botRow .heroItem .carPanel ul.paginationList li.on span{padding:6px 6px 6px;display:block;}
#botRow .heroItem .carPanel ul.paginationList{width:566px;}
#botRow .carPanel ul.paginationList li.clearbg{background:none;padding:1px 1px;border:none;float:right}
#botRow .carPanel ul.paginationList li a{color:#707070;font-size:1em;outline:none;/*add padding onto a instead of li*/padding:8px 6px 6px;/*border:red 1px solid;*/display:block}

#botRow .carPanel ul.paginationList li a.prev {width:2px;padding:6px 2px 6px 6px; border:none;display:block;text-indent:-5000px;background: url(../../../../images/system/backOn.gif) 50% 50% no-repeat; }
#botRow .carPanel ul.paginationList li a.next {width:2px;position:relative;margin-right:5px;padding:6px 6px 6px 2px; border:none;display:block;text-indent:-5000px;background: url(../../../../images/system/nextOn.gif) no-repeat 50% 50% }
#botRow .carPanel ul.paginationList li span.prev{width:2px;overflow: hidden;position:relative;padding:6px 2px 6px 6px;display:block;text-indent:-5000px;background: url(../../../../images/system/backOff.gif) no-repeat 50% 50% ;}
#botRow .carPanel ul.paginationList li span.next{width:2px;position:relative;margin-right:5px;padding:6px 6px 6px 2px;display:block;text-indent:-5000px;background: url(../../../../images/system/nextOff.gif) no-repeat 50% 50% }

#botRow .carPanel ul.paginationList li.on{background:#fff;color:#1DB421;bottom-border:1px solid #fff;}
#botRow .carPanel ul.paginationList li.on span{padding:8px 6px 6px;display:block}
#botRow .carPanel ul.offerList{margin-top:40px;width:345px;padding:2px 5px 0px 5px;background: url(../../../../images/offers/offers_landing/panel_bg.png) top left repeat-y;}

#botRow .carPanel ul.offerList li{overflow:hidden;text-transform:none;line-height:1.4em;font-size:1.2em;padding-right:15px;}
#botRow .carPanel ul.offerList div.text{width:160px;float:right;}
#botRow .carPanel ul.offerList h3, #botRow .heroItem h3{width:160px;color:#2879EB;/*text-transform:uppercase;*/font-size:1.4em;margin:0;line-height:1.4em;padding-top:15px}
#botRow .carPanel ul.offerList h4{
	height: auto !important;      /* for modern browsers */
    height: 65px;                /* for IE5.x and IE6   */
    min-height: 65px;            /* for modern browsers */
	width:160px;
	color:/*#C41C02*/#ae32ae;
	font-size:1.3em;
	margin:0;
	line-height:1.4em;}
	
#botRow .carPanel ul.offerList p{font-weight:normal;width:160px;color:#333;font-size:1.2em;margin:0;line-height:1.4em;margin-bottom:40px}
#botRow .carPanel ul.offerList .offerImg{padding-top:4px;clear:both;width:160px;float:left}
#botRow .carPanel ul.offerList a.download span{color:#333;}
#botRow .carPanel ul.offerList a.findMore{/*width:132px;*/margin-bottom:0;/*position:absolute:bottom:0;*/display:block;margin-top:1em;margin-left:-3px;}


#botRow .detailPage, #botRow .heroItem {width:705px}
#botRow .heroItem ul.offerList li {overflow: visible}
#botRow .heroItem ul.offerList .offerImg {width: auto}
#botRow .heroItem ul.offerList {margin-top: 0}
#botRow .heroItem ul.offerList {margin: 0; width: auto; padding: 0; background: none}
#botRow .heroItem .offerContainer {margin: 0; border-top: 1px solid transparent; height: 1%}


#botRow .detailPage div.bottom, #botRow .heroItem div.bottom{
	background: url(../../../../images/offers/offers_detail/bottom.png) top left no-repeat;
	width:705px;
	padding-bottom:25px;
	
}
#botRow .detailPage h2, #botRow .heroItem h2{
	width:684px;
	background: url(../../../../images/offers/offers_detail/header.png) top left no-repeat;	
	font-size:1.4em;
	padding:18px 0 11px 18px;
}
#botRow .heroItem h2{
color:#1DB421;
line-height:0.8em;
margin:0;
padding:18px 0 9px 18px;
text-transform:uppercase;
font-size:1.7em;
width: 700px
}
#botRow .detailPage .imageContainer{float:left;width:420px;}
#botRow .heroItem .imageContainer{float:left;width:350px;}
#botRow .detailPage .textContainer, #botRow .heroItem .textContainer{float:right;width:250px;padding-right:20px; margin-bottom:20px;}
#botRow .heroItem .textContainer{padding-right:50px;}
#botRow .detailPage ul.detailsListing {clear:both;margin-left:0;margin-bottom:1em}
#botRow .detailPage ul.offerList ul.detailsListing li {font-weight:normal;width:200px;color:#333;font-size:1em;padding:2px 0 2px 16px;background: url(../../../../images/system/list_bullet_img_small.gif) 0 .5em no-repeat;display:block;}
#botRow .detailPage ul.paginationList li{margin-top:0}
#botRow .detailPage table{border-bottom:1px solid #007954;background:transparent url(../../../../images/offers/offers_detail/table_border.gif) 0 0 repeat-x ;margin-left:20px;margin-bottom:20px;clear:both;color:#333;border-bottom;width:575px;border-collapse:collapse;}
#botRow .detailPage table tr.even{background:#f0f0f0;}
#botRow .detailPage table th{font-weight:normal;padding:8px 2px 4px 10px;text-align:left;}
#botRow .detailPage table td{font-weight:bold;padding:8px 2px 4px 2px;}
#botRow .detailPage table tr.fontAPR{font-size:1.6em}
#botRow .detailPage ul.paginationList{padding-left:200px;width:492px;top:12px;margin:0 6px}
#botRow .detailPage ul.paginationList li{
	font-size:1.8em;
	/*line-height:1.7em;*/
	/*padding:6px 10px 7px;*/
	position:relative;
	/*top:10;*/
	margin-top:-3px;
}
#botRow .detailPage ul.paginationList li a{}
#botRow .detailPage ul.offerList .offerContainer, #botRow .heroItem .offerContainer{clear:both;padding-left:8px;width:697px;background: url(../../../../images/offers/offers_detail/bg.png) top left repeat-y;}
#botRow .heroItem .offerContainer .findMore{margin-left:40px;display:inline-block}

#botRow .detailPage ul.offerList{margin:0;padding:0;width:705px;background:none}
#botRow .detailPage ul.offerList li{width:705px;}
#botRow .detailPage ul.offerList h3, #botRow .heroItem h3{font-size:1.7em;width:auto !important;}
#botRow .detailPage ul.offerList h4, #botRow .heroItem h4{font-size:1.5em;width:auto;margin-bottom:.5em}
#botRow .detailPage ul.offerList p, #botRow .heroItem p{padding:0;margin:0;width:auto !important;font-size:1.1em;margin-bottom:1em}

#botRow .detailPage ul.offerList p.tcHeader{margin-top:1em;clear:both;text-transform:uppercase;font-size:1em;font-weight:bold;padding-left:20px;margin-bottom:0}
#botRow .detailPage ul.offerList p.smallPrint{width:650px;padding-left:20px;font-size:1em;margin-bottom:0; padding-right:20px;}
#botRow .detailPage ul.offerList .offerImg{width:420px;float:none}
 
#botRow .carPanel ul.offerList a.findRetailer,
#botRow .heroItem a.findRetailer {display:block;line-height:.5em;margin-top:5px;margin-left:-6px;width:180px;margin-bottom:0;}
#botRow .carPanel ul.offerList a.takeDrive, 
#botRow .heroItem a.takeDrive,
#botRow .heroItem a.takeDrive,
#botRow .heroItem a.findMore{display:block;line-height:1.5em;margin-left:-6px !important/* added "important" as a dirty hack - please fix with time */;width:180px;margin-top:0 !important/* added as a dirty hack - please fix with time */}
#botRow .heroItem a.takeDrive{margin-bottom:0}
#botRow .offerContainer a.seeOffers {margin: 40px 0 10px 20px; display: block; clear: both}

#botRow .detailPage ul.offerList a.download{
	line-height:1.2em;
	font-size:1.1em;
	display:block;
	background: url(../../../../images/system/icon_pdf.gif) 0 50% no-repeat;
	padding:3px 0 0 25px;
	clear:left;
	float:left;
	margin: 1em 0 1em 1.5em;
}

#botRow .detailPage ul.offerList .textContainer a.download  {margin:0 0 1em }
#botRow a.download{
	line-height:4em;
	font-size:1.1em;
	background: url(../../../../images/system/icon_pdf.gif) 0 50% no-repeat;
	padding:3px 0 0 25px;
	
}
#container #botRow ul.plainStyle{width:675px;padding:0;margin:0;}
#container #botRow ul.plainStyle li{

	margin:0;
	padding-left:20px;
	color:#333;
	font-weight:normal;
	list-style:none;
	list-style-image:none;
	background:url(../../../../images/system/list_bullet_img_dash.gif) no-repeat 0 .5em;
	list-style-position:none;
	list-style-type:none;
	text-transform:none;
}



#contentBoxLarge p.required{margin-top:-20px;text-transform:uppercase;color:#999;font-size:1.4em;font-weight:bold;}
#contentBoxLarge .formWithHeader{height: 1%; position: relative; /* for ie6 */ background:#fff url('../../../../images/system/bg_contentBox_xtraLarge_bg.gif') bottom repeat-y;width:715px;float:left;}
#contentBoxLarge .formWithHeader h2{/*position:absolute;top:-220px;padding-left:30px;*/}
#contentBoxLarge .formWithHeader h2 span{color:#1DB421;font-size:19px;padding:0 0 2px;width:auto;}
#contentBoxLarge .formWithHeader h3{font-size:1.2em} 
#contentBoxLarge .formWithHeader .internalFormGrouping .findRetailer{float:right}
#contentBoxLarge .thankyouMessage p{padding-right:80px}
#contentBoxLarge .thankyouMessage,
#contentBoxLarge .outerWrapping{/*background:none;margin-top:0;position:absolute;top:-200px;width:568px;margin-left:0px;padding-bottom:0;margin-bottom:0*/margin-top:-220px;padding:0 0 0 30px;background:none;transparent url(../../../../images/system/bg_contentBox_large_bgfieldset.gif) no-repeat scroll center top}
#contentBoxLarge .outerWrapping .results{padding:0}
#contentBoxLarge .outerWrapping .results .submit{/*clear:both;padding-left:330px;margin-top:-40px*/padding-left:330px;margin-top:-40px}
#contentBoxLarge .internalFormGrouping {background:none;margin-top:0;padding-left:0;top:0}
#contentBoxLarge .outerWrapping label{width:210px;text-align:right;float:left;margin-right:10px;margin-top:2px;}
#contentBoxLarge .internalFormGrouping select,
#contentBoxLarge .outerWrapping select,
#contentBoxLarge .outerWrapping input{border:1px solid #333;margin-bottom:.5em}
#contentBoxLarge .outerWrapping input{width:280px}
#contentBoxLarge .outerWrapping .postcode{width:100px;display:inline;margin-top:2px}
#contentBoxLarge .internalFormGrouping input{width:auto}
#contentBoxLarge .outerWrapping input.submit_testdrive,
#contentBoxLarge .outerWrapping input.find_address,
#contentBoxLarge .outerWrapping input.checkbox{width:auto;border:none;background:none}
#contentBoxLarge .outerWrapping input.find_address{display:inline}
#contentBoxLarge .internalFormGrouping input{border:none;display:inline;background:none}
#contentBoxLarge .internalFormGrouping span.error{margin-left:0;float:none;width:auto;margin-bottom:.5em}
#contentBoxLarge .internalFormGrouping legend,
#contentBoxLarge .outerWrapping legend{font-size:1.2em;font-weight:bold;color:#333;padding-bottom:1em;padding-top:1.5em;}
#contentBoxLarge .internalFormGrouping legend.floatLeft{float:left;display:inline;}
#contentBoxLarge .internalFormGrouping .noBorder {border:0;width:auto;margin:0;display:block;float:none;}
#contentBoxLarge .internalFormGrouping  .hide{width:1px;height:1px;margin-left:0}
#contentBoxLarge .internalFormGrouping  a{font-size:1.3em;color:#AE32AE;display:inline;text-decoration:underline;font-weight:bold}
#contentBoxLarge .internalFormGrouping  p{font-size:1.1em;color:#333;padding:0 0 0 25px;margin-top:0;font-weight:bold}

#contentBoxLarge .internalFormGrouping  .distance{margin:0;color:#1DB421;font-size:1.1em;margin-top:1em}
#contentBoxLarge .internalFormGrouping  .distance span{color:#333;font-size:1.1em;margin:0 0 0 5px}
#contentBoxLarge .internalFormGrouping .mapLink{margin:0 0 0 25px; background: url(../../../../images/system/but_showMap.png) 100% 0 no-repeat;padding:2px 25px 2px 0;display:block;width:80px}

#contentBoxLarge .internalFormGrouping .resultsItem{text-align:left;float:left;width:250px;padding-bottom:2em;margin-left:2em}
#contentBoxLarge .outerWrapping .internalFormGrouping .resultsItem input{display: block; float: left; padding: 0; margin: 5px 10px 0 0;}
#contentBoxLarge .outerWrapping .internalFormGrouping .resultsItem label{display: block; float: none; width: auto; text-align: left; }
#contentBoxLarge .outerWrapping .internalFormGrouping #column1, #contentBoxLarge .outerWrapping .internalFormGrouping #column2{padding-top:10px}

/* SCRAPPAGE SECTION ==============================================*/

.scrappage1 {background:#FFFFFF url(../../../../images/system/bg_pageBody_scrappage1.gif) no-repeat scroll left top !important}
.scrappage2 {background:#FFFFFF url(../../../../images/system/bg_pageBody_scrappage2.gif) no-repeat scroll left top !important}
.swapping{}

.swapping #botRow h1, .scrappage1 #botRow h1, .scrappage2 #botRow h1 {margin-top:20px;}

.swapping .scrappageHolder, .scrappage1 .scrappageHolder {float:right; margin:10px 20px 40px 20px; width:305px; display:block; overflow:hidden;}
.swapping .scrappageHolder{margin:0px -39px 0 0; }
.scrappage2 .scrappageHolder {float:right; margin:10px 20px 40px 20px; width:171px; display:block; overflow:hidden;}

.scrappage1 .rightHandScrappage {background:transparent url(../../../../images/scrap_box-side1_bottom.gif) no-repeat left bottom; margin:0 0 25px 0;}
.swapping .rightHandScrappage {background:transparent url(../../../../images/system/swapping_hand.png) no-repeat 0 0 ;width:300px;}

.scrappage1 .rightHandScrappage div {background:transparent url(../../../../images/scrap_box-side1_top.gif) no-repeat left top; min-height:335px; height:auto !important; height:335px;}
.swapping .rightHandScrappage div{padding-top:350px;}
.swapping .rightHandScrappage h2, .scrappage1 .rightHandScrappage h2 {color:#595959 !important; font-size:2.2em; margin:0 30px 20px; padding-top:30px;}
.swapping .rightHandScrappage h2{padding-top:20px; margin-left:0}
.swapping .rightHandScrappage ul, .scrappage1 .rightHandScrappage ul {margin:0 35px 40px 40px;}
.swapping .rightHandScrappage ul{margin-left:10px; margin-right:60px;background:url(../../../../images/system/swapping_list_bg.gif) no-repeat bottom right;padding-bottom:40px}
.swapping .rightHandScrappage ul li, .scrappage1 .rightHandScrappage ul li {text-transform:none !important; color:#000 !important; font-size:1.5em !important; line-height:1.2em !important; font-weight:normal !important;}
.swapping .rightHandScrappage li, .scrappage1 .rightHandScrappage li {list-style-image:url(../../../../images/system/bullet_scrappage.png) !important; margin-bottom:7px;}
.swapping .rightHandScrappage li, .swapping .swappingInternalList li{list-style-image:url(../../../../images/system/swapping_list_icon.gif) !important;margin-bottom:4px;}
.swapping #botRow .swappingInternalList li{text-transform:none; font-weight:normal; color:#333}

.swapping #botRow .internalContent{width:395px;}

.scrapBtnLong {margin:0 0 3px 40px !important;}
.scrapBtnLong a {display:block; width:21.1em; height:2em; text-indent:-9999px; overflow:hidden;}
	.scrappage a {background:#fff url(../../../../images/system/but_happy-swapping-offer.gif) no-repeat left top;}
	.retailer a {background:#fff url(../../../../images/system/but_find-a-retailer.gif) no-repeat left top;}
	.testdrive a {background:#fff url(../../../../images/system/but_book-a-test-drive.gif) no-repeat left top;}
.swapping .scrapBtnLong a {margin-left:-40px;}
.swapping .scrappage a {background: url(../../../../images/system/but_happy-swapping-offer.gif) no-repeat left top;}
.swapping .retailer a {background: url(../../../../images/system/but_find-a-retailer.gif) no-repeat left top;}
.swapping .testdrive a {background: url(../../../../images/system/but_book-a-test-drive.gif) no-repeat left top;}

#botRow .swappingList{padding-left:0; width:395px;}
#botRow .swappingList h2 a{color:#1DB421;font-size:1.2em; text-decoration:underline}
.swapping #botRow .swappingList li{width:395px;zoom:1;list-style:none;color:#333; text-transform:none; font-weight:normal;background:url(../../../../images/system/swapping_divider.png) no-repeat center bottom ;padding:10px 0 30px; margin-left:0}
.swapping #botRow .swappingList li p{margin:.3em 0;font-size:1.3em}
.swapping #botRow .swappingList .offerLink{color:#1DB421;font-size:1.7em;}
.swapping #botRow .swappingList .newPrice{font-size:1.1em}
.swapping #botRow .swappingList .newPrice span{color:#AE32AE; font-weight:bold; font-size:1.6em; margin-bottom:2em}
.swapping #botRow .swappingList .disclaimer{font-size:.9em}
.swapping #botRow .swappingList li img{float:right;margin-top:-30px}

.swapping #botRow p.landingDisclaimer{}
.swapping #botRow p.linkTitle a{font-weight:bold; font-size:1.4em}
.scrappage2 .rightHandScrappage {background:transparent url(../../../../images/scrap-box_side2-bottom.jpg) no-repeat left bottom;}
.scrappage2 .rightHandScrappage div {background:transparent url(../../../../images/scrap-box_side2-top.gif) no-repeat left top; min-height:375px; height:auto !important; height:375px;}
.scrappage2 .rightHandScrappage h2 {color:#378AFF !important; font-size:2.2em; padding:20px; margin:0 0 210px 0;}
.scrappage2 .rightHandScrappage h2 span {font-size:1.2em; display:block;}
.scrappage2 .rightHandScrappage p.price {font-size:1.8em; margin:10px 10px 0;}
.scrappage2 .rightHandScrappage p.btn {margin:5px 0 20px 15px;}
.scrappage2 .rightHandScrappage p.btn a {background:transparent url(../../../../images/but_pink_more-offers.gif) no-repeat left top; display:block; width:13em; height:2em; text-indent:-9999px; overflow:hidden;}

/*** YETI ROADSHOW    ***************************************************************/

#botRow .yetiSpotlight{margin:25px 0;position:relative;left:-10px;background:transparent url(../../../../images/system/bg_roadshowRetailer.gif) no-repeat left bottom;width:484px}
#botRow .yetiSpotlight h2{text-transform:uppercase;font-size:1.8em;font-weight:normal;padding:18px 0 5px 30px;color:#fff;background:transparent url(../../../../images/system/bg_roadshowRetailerHeader.gif) no-repeat left top;}
#botRow .yetiSpotlight h3{padding:0 0 0px 30px;color:#1DB421;font-size:1.7em; width:370px}
#botRow .yetiSpotlight h3 span{text-transform:uppercase}
#botRow .yetiSpotlight p{padding:0 0 5px 30px; width:270px;margin:0;font-size:1.4em;font-weight:normal}
#botRow .yetiSpotlight span.date{padding:14px 0 10px 0;display:block; text-transform:uppercase;font-size:1.2em;font-weight:bold}
#botRow .yetiSpotlight p.contact{padding:0 0 40px 30px; width:270px;margin:0}
#botRow .yetiSpotlight p.contact span{color:#d0513e;font-weight:bold}

#contentBoxXtraLarge #contentBoxLarge .roadshowForm{background: transparent url(../../../../images/system/roadshow_yeti.jpg) no-repeat right bottom;padding-bottom:100px}
#contentBoxXtraLarge #contentBoxLarge .roadshowForm .imageBtn{border:none;background:none;margin-left:160px;margin-top:10px;width:auto}
#contentBoxXtraLarge #contentBoxLarge .roadshowForm span.inputs{display:block; text-align:right;width:350px}
#contentBoxXtraLarge #contentBoxLarge .roadshowForm input{margin-top:25px;width:175px;font-size:1.2em}
#contentBoxXtraLarge #contentBoxLarge .roadshowForm label{text-align:right;color:#1DB421;font-size:15px;font-weight:bold;text-transform:uppercase;width:200px}
#contentBoxXtraLarge .mid .inside .yetiContent p.roadshow {width:620px}
#contentBoxXtraLarge #contentBoxLarge .roadshowForm .RetailerInputError{margin-left:170px;margin-top:3px;display:block;color:red;font-weight:bold}
#contentBoxXtraLarge #contentBoxLarge .callToAction{font-weight:bold; width:620px}

#contentBoxXtraLarge #contentBoxLarge .searchAgain{margin:30px 60px 0 0 ;float:right;position: relative;width:129px; height:31px;display:block}
#contentBoxXtraLarge #contentBoxLarge .searchAgain span {
	background: url(../../../../images/system/but_searchAgain.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#contentBoxXtraLarge #contentBoxLarge #map_canvas{margin-left:60px;}
#contentBoxXtraLarge #contentBoxLarge .InfoWindow h3, #contentBoxXtraLarge #contentBoxLarge .InfoWindow h4{line-height:1.2em padding:0; margin:0}
#contentBoxXtraLarge #contentBoxLarge .InfoWindow h3, #contentBoxXtraLarge #contentBoxLarge .InfoWindow h4, .gmapRetailerAddress, .gmapRetailerContact{text-transform:uppercase;}
#contentBoxXtraLarge #contentBoxLarge .InfoWindow h3{font-size:1.6em;color:#378AFF;}
#contentBoxXtraLarge #contentBoxLarge .InfoWindow p{margin:0;font-size:1.3em}
#contentBoxXtraLarge #contentBoxLarge .InfoWindow .gmapEvent{color:#378AFF;}
#contentBoxXtraLarge #contentBoxLarge .InfoWindow h4.gmapRetailer {margin-top:10px}
#contentBoxXtraLarge #contentBoxLarge .InfoWindow h4.gmapRetailer a{text-decoration:underline;}
#contentBoxXtraLarge #contentBoxLarge .InfoWindow .gmapRetailerContact{margin-top:10px}
#contentBoxXtraLarge #contentBoxLarge .InfoWindow .gmapRetailerContact span{color:#1DB421;margin-right:5px}

#leftColSmall .faq{font-size:1.2em;font-weight:bold;text-transform:uppercase; }

.brochureDisclaimer{padding-left:60px}
.ofcomDisclaimer{font-weight:normal;font-size:1.1em;margin-top:1em!important;display:block}
.extra .ofcomDisclaimer{font-size:1.1em;}

#botRow table.offersMetaTable {background-image:none; clear:both; position:relative; margin:20px 10px 30px; width:670px; border-top:1px solid #bfbfbf; border-bottom:0;}
#botRow table.offersMetaTable thead th {background:#d9d9d9 url("/images/offers/offers_detail/table-header_bg.gif") repeat-x left bottom; font-weight:bold; text-align:left;}
#botRow table.offersMetaTable th.active {background:#c4f5c5 url("/images/offers/offers_detail/table-header_bg-active.gif") repeat-x left bottom; !important;}
 #botRow table.offersMetaTable td.active {background-color:#c4f5c5 !important;}
#botRow table.offersMetaTable th, #botRow table.offersMetaTable td {border-bottom:1px solid #bfbfbf; padding:8px 10px;}
#botRow table.offersMetaTable tbody th {width:30%;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* flowplayer styles */
.videoContainer{
	float:right;
	padding-top:10px;
	padding-left:10px;
	width:440px;
	background: transparent url(../../../../images/system/flowplayer-frame.png) no-repeat 0 0 ;
	position:relative;
	
	}
#skodaPlayer{
	display:block;width:420px;height:228px;
}
div.playlist {
	float:left;
	position:relative;
	overflow:hidden;	 	
	height:285px !important;
}
div.playlist div.clips {	
	position:absolute;
	height:20000em;
}
div.playlist, div.clips {
	width:200px;
}
#botRow div.clips a, #botRow div.clips a:focus, #botRow div.clips a:active{border:none;color:#000;outline:none}
#botRow div.clips a {
	/*background: transparent url(../../../../images/system/plate.gif) no-repeat 0 0 ;*/
	background: transparent url(../../../../images/system/playlistIcon.gif) no-repeat 0 0 ;
	text-transform:uppercase;
	display:block;
	font-size:1.4em;
	text-decoration:none;
	color:#000;
	padding:5px 20px 0px 35px;
	line-height:1.4em;
	font-weight:bold;
	margin-top:10px;
}
#botRow div.clips a span{display:bold;color:#449eff;display:block;font-size:0.9em;line-height:1.2em}
#botRow div.clips a.playing, #botRow div.clips a.paused, #botRow div.clips a.progress {
	/*background: transparent url(../../../../images/system/plate_on.gif) no-repeat 0 0 ;*/
	border:0;
	color:#05ac21 !important;

}
#botRow div.clips a.playing span, #botRow div.clips a.paused span, #botRow div.clips a.progress span {color:#05ac21;}
#botRow div.clips a, #botRow div.clips a:active, #botRow div.clips a:focus{border:0; outline:none}

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(/img/playlist/arrow/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(/img/playlist/arrow/down.png);	
}

a.go.disabled {
	visibility:hidden;		
}

/*~~ custom control bar ~~~~~~~~~~~~~~~~*/

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.controls {
	position:relative;
	height:73px;
	width:440px;
	float:right;
	background: url(../../../../images/system/flowplayer-control.png) no-repeat 0 0;
	left:-10px;
	top:4px;
}

/* play/pause button */
div.controls a.play, div.controls a.pause { 
	top:15px;
	left:21px;
	position:absolute;
	width: 36px;
	height: 36px;
	display:block;
	text-indent:-9999em;
	background: url(../../../../images/system/play.png) no-repeat 0 0;
	cursor:pointer;
}

div.controls a.play:hover {
		background: url(../../../../images/system/pause.png) no-repeat 0 0;
}

/* pause state */
div.controls a.pause { 
	background: url(../../../../images/system/pause.png) no-repeat 0 0;
}

div.controls a.pause:hover {
	background: url(../../../../images/system/play.png) no-repeat 0 0;
}

/* the timeline (or "scrubber")  */
div.controls div.track { 
	top:28px; 
	left:75px;
	position:absolute;
	cursor:pointer;
	width:250px;
	
	height:10px;
	background: url(../../../../images/system/dragbar.png) no-repeat 0 0 ;	
	
}

/* the draggable playhead */
div.controls div.playhead {
	height:15px;
	width:33px;
	position:absolute;
	cursor:pointer; 
	top:-2px;
	left:-16px;
	background: url(../../../../images/system/dragger.png) no-repeat 0 0;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.controls div.progress, div.controls div.buffer {
	
	position:absolute;
	background-color:#000;
	filter: alpha(opacity=20);
	opacity:0.2;
	width:0px;
	height:5px;
	left:3px;
	top:3px;
}

div.controls div.buffer {
	background-color:#fff;
	height:5px;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.controls div.time {
	top:13px; 
	position:absolute;		
	width:129px;
	left:290px;
	padding:12px 0;
	text-align:center;
	font-family:"trebuchet ms",verdana,arial;	
	font-size:1.1em;
	color:#333; 
}

/* total duration in time display */
div.controls div.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.controls a.mute, div.controls a.unmute {
	position:absolute;
	left:385px;
	width:29px;
	height:27px;
	top:19px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	text-indent:-9999em;
	background: url(../../../../images/system/mute.png) no-repeat 0 0;
}

div.controls a.mute:hover {
	background: url(../../../../images/system/un-mute.png) no-repeat 0 0;
}
/* unmute state */
div.controls a.unmute {
	background: url(../../../../images/system/un-mute.png) no-repeat 0 0;
}

div.controls a.unmute:hover {
	background: url(../../../../images/system/mute.png) no-repeat 0 0;
}

iframe{border:0}

p.tcHeader{margin-top:1em;clear:both;text-transform:uppercase;font-size:1.1em;font-weight:bold;margin-bottom:0}
.smallprint {text-transform:capitalize !important;clear:both;}


.carInsurance{display:inline; width:200px;float:left;clear:left; height:158px; width: 208px; background: url("../../../../images/system/Yellow_Offers_Sign_03.png") no-repeat 0 0;margin-left:16px;margin-top:20px;text-indent:-5000px}

#botRow .readMore p,
#botRow .readMoreToggle {margin-top:0;}
#botRow .readMoreToggle a { color:#378aff; font-size:1em; text-decoration:none;}

.rallyGuy {float: right; margin-left: 20px; margin-top: -40px;}

