/**
 * Copyright:	Volkswagen South Africa
 * Author:		Ian van den Heuvel <ian.vandenheuvel@ogilvy.co.za>
 */

#page_content {
	padding:8px;
}
h2.ir {
	background-image: url("/images/explore/h_helpmechoose.gif");
	height:25px;
}
div.header {
	margin:10px 0 0 10px;
	width:50%;
}
.body {
	background: url("/images/explore/price-calculator/bg-tabs.gif") no-repeat;
/*	position: relative; */
}
/*----------------------------------------------------------------------------------------
 * top tabs
 *--------------------------------------------------------------------------------------*/
.body #findacar_tabs {
	margin: 0;
	padding: 10px 0;
}
#findacar_tabs li {
	padding: 0 19px;
	float: left;
	position: relative;
	height: 39px;
	width: 199px;
	list-style: none;
}
#findacar_tabs .ir {
	display: block;
	height: 31px;
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999em;
}
#findacar_tabs li.compare_models a:link, #findacar_tabs li.compare_models a:visited {
	background-image: url("/images/explore/h_compare_models.gif");
}
#findacar_tabs li.compare_models a:focus, #findacar_tabs li.compare_models a:hover, #findacar_tabs li.compare_models a:active {
	background-position: 50% -39px;
}
#findacar_tabs li.price_calculator {
	background-image: url("/images/explore/h_price_calculator.gif");
	background-position: 50% -39px;
}
#findacar_tabs li.payment_calculator a:link, #findacar_tabs li.payment_calculator a:visited {
	background-image: url("/images/explore/h_payment_calculator.gif");
}
#findacar_tabs li.payment_calculator a:focus, #findacar_tabs li.payment_calculator a:hover, #findacar_tabs li.payment_calculator a:active {
	background-position: 50% -39px;
}

/*----------------------------------------------------------------------------------------
 * results block
 *--------------------------------------------------------------------------------------*/
#calculator {
	background: url("/images/explore/bg-btm.gif") no-repeat left bottom;
	padding-bottom: 9px;
}
#calculator form {
	background: url("/images/explore/bg-mid.gif") repeat-y;
	padding: 0 20px;
	overflow: hidden;
}
#calculator .intro {
	position:relative;
	left:10px;
}
#calculator .intro h3 {
	font-size:130%;
	margin-top:0;
}
#calculator .intro em {
	color:red;
}
/*----------------------------------------------------------------------------------------
 * top 3 valid matches
 *--------------------------------------------------------------------------------------*/
#vehicles_match {
	position:absolute;
	top:88px;
	left:20px;
}
.vehicle_tile {
	float:left;
	width:140px;
	margin-right:25px;
	line-height:1.2em;
	font-size:90%;
}
.vehicle_tile a {
	display:block;
}
.vehicle_tile strong {
	color:#000;
}
/*----------------------------------------------------------------------------------------
 * upsell block
 *--------------------------------------------------------------------------------------*/
#vehicle_upsell {
	position:relative;
	top:-50px;
	left:518px;
	width:150px;
}
/*----------------------------------------------------------------------------------------
 * form
 *--------------------------------------------------------------------------------------*/
#calculator p {
	padding-left:20px;
	padding-right:20px;
}
#calculator ol {
	list-style:none !important;
	background:url("/images/explore/price-calculator/form_base.gif") center bottom no-repeat;
	/*	border:2px solid #ddd;*/
	margin:0 10px 0 10px;
	display:inline;
	padding:10px 20px;
	width:322px;
	float:right;
}
#calculator label {
	display:block !important;
	float:left !important;
	width:170px;
	font-weight:bold;
	color:#304057;/*font-size:90%;*/
}
#calculator input.text {
	padding-left:4px;
}
#calculator select {
	margin:0 0 0.5em 0;
}
* html #calculator select {
	margin:0 0 0.5em -8px;
}
#calculator ol li {
	margin-top:2px;
	clear:both;
	list-style:none !important;
	height:30px;
}
#calculator input.value {
	border:0;
	background:transparent;
	color:#999;
	font-size:120%;
	float:left;
	display:block;
	padding:0;
	margin:0 0 4px;
}
/*----------------------------------------------------------------------------------------
 * Luke 26/07/07
 *--------------------------------------------------------------------------------------*/

#calculate {
	clear:left;
	display:block;
	margin:32px auto 20px auto;
	padding:22px 0 0 0;
}
* html #calculate {
	padding:10px 0 0 0;
}
* html #calculate {
	margin:0 auto 20px auto;
}
#calculate:hover, #calculate.hover {
	cursor:hand;
	cursor:pointer;
}
p.left-float {
	width:270px;
	float:left;
	position:relative;
	margin-top:-44px;
}
* html p.left-float {
	margin-top:-74px;
}
#calculator input#f-price {
	margin-left:25px;
	color:#224b7c;
	display:inline;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:14px;
	width:5em;
}
* html #calculator input#f-price {
	margin-left:8px;
}
#wesbank-logo {
	float:left;
	margin:10px 0 0 20px;
}
* html #wesbank-logo {
	display:inline;
}
#calculator ol.no-style {
	margin-top:13px;
}
p.instructions {
	float:right;
	width:300px;
	margin-right:30px;
}
* html p.instructions { /* prevent ie margin doubling */
	display:inline;
}
#calculator ol.no-style li span.scarf {
	position:absolute;
	width:363px;
	top:-20px;
	left:0;
	height:30px;
	background:url("/images/explore/price-calculator/form_top.gif") left top no-repeat;
}
* html #calculator ol.no-style li span.scarf {
	background:url("/images/explore/price-calculator/form_top.gif") -1px top no-repeat;
}
#wesbank-legal-requirements {
	display: block;
	margin: 10px auto 0;
}
#message {
	text-align: center;
}