@charset "utf-8";
/* CSS Document 
Alloy Wheel Wizard Copyright WOlfrace Wheels 2009
*/

/*B8 Styles*/
.red_thanks_line { 
	height:5px;
	width:100%;
	background:#FF0000;
	display:block;
}
/****/

.body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin: 0px;
background-color: #333333;
}

/******* HEADING TAGS ***************/
.h1 {
padding-top: 20px;
font-size: 25px;
color: #FFFFFF;
}

.h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color: #FFFFFF;
text-indent: 7px;
}

#header {
width: 1000px;
height: 113px;
}

#container {
margin: 0px auto 0px;
width: 1000px;
}

#menu {
margin: 0px auto 0px;
width: 1000px;
height: 25px;
background:url(../images/menu_bg.jpg);
background-repeat: repeat-x;
}

/**********************************  LEFT SECTION  ***************************/
#left_con {
width: 200px;
in-height: 700px;
background:#ffffff;
/*background: #4c4d4d;*/
/*border-right: 1px solid #FFFFFF;*/
float: left;
}

#insurancebanner {
width: 200px;
height: 147px;
background: url(../images/insurance_banner.jpg);
background-repeat: no-repeat;
cursor:pointer;
}

#accessoriesbanner {
width: 200px;
height: 147px;
background: url(../images/accessories_banner.jpg);
background-repeat: no-repeat;
}

#breytonbanner {
width: 200px;
height: 147px;
background: url(../images/breyton_banner.jpg);
background-repeat: no-repeat;
cursor:pointer;
}

#atsbanner {
width: 200px;
height: 147px;
background: url(../images/ats_banner.jpg);
background-repeat: no-repeat;
cursor:pointer;
}
#wearwolf {
width: 200px;
height: 147px;
background: url(../images/wearwolf_banner.jpg);
background-repeat: no-repeat;
cursor:pointer;
}

#kosiebanner {
width: 200px;
height: 147px;
background: url(../images/kosie_banner.jpg);
background-repeat: no-repeat;
}

#araysbanner {
width: 200px;
height: 147px;
background: url(../images/arays_banner.jpg);
background-repeat: no-repeat;
}
/**********************************  END LEFT SECTION  ***********************/

/********************************** START RIGHT SECTION *********************/

#right {
width: 200px;
/*height: 1500px;*/
/*background:  #FFFFFF;*/
float: right;
}

#hotline {
width: 200px;
height:150px;
margin-top: -1px;
float:right;
}

#bestbuys {
width: 200px;
min-height: 300px;
background-color: #FFFFFF;
clear:both;
padding-top:10px;
}

#bestbuysheader {
width: 200px;
height: 25px;
line-height: 25px;
font-weight:bold;
background: url(../images/best_buys_header_bg.jpg);
background-repeat: repeat-x;
color:#FFFFFF;
text-align:center;
font-size: 16px;
}

.wheelscontainer {
margin: 10px auto 10px;
width: 170px;
height: auto;
}

.bestbuywheels {
margin: 5px auto 0px;
width: 105px;
height: 85px;
background:url(../images/wheel_image_bestbuy.jpg);
background-repeat: no-repeat;
padding-bottom: 5px;
}

.bestbuywheelstitle {
border-bottom: 1px solid #666666;
text-align: center;
font-size:12px;
font-weight:bold;
color:#333333;
padding-bottom: 7px;
}

.bestbuywheelstitle a {
color:#000000;
text-decoration: underline;
}

.bestbuywheelstitle a:hover {
color:#FF0000;
}

/********************************** END RIGHT SECTION *********************/

/******************************       MAIN CONTENT      **********************/
#maincontent {
margin: 0px auto 0px;
width: 600px;
min-height: 400px;
background:#ffffff;
/*background: #212020;*/
/*border: 1px solid #CC6699;*/
float: left;
}

#mainbanner {
margin: 0px auto 0px;
width: 600px;
height: 280px;
}


/***************************************     START OF WHEEL WIXARD      ***********************/
#wizardcontainer {
margin: 20px auto 0px;
width: 570px;
height:295px;
background: url(../images/wizard_dropdown.jpg);
background-repeat: no-repeat;
}

#starthere {
margin: 0px auto 0px;
background: url(../images/start_here_text.png);
background-repeat: no-repeat;
width: 500px;
height: 40px;
}


#stepcontainer {
margin-top: 5px;
margin-left: 40px;
height: 200px;
width: 140px;
background:url(../images/steps.png);
background-repeat: no-repeat;
/*border: 1px solid #FFFFFF;*/
float: left;
}


/*******************  FORM  *******************/
#dropdowncontainer {
background: url(../images/selector_bg.png);
width: 350px;
height: 250px;
margin-left: 10px;
float: left;
}

#selectboxcontainer {
margin-top: 10px;
width: 200px;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

.selectbox {
margin-top: 7px;
margin-left: 10px;
margin-bottom: 6px;
width: 305px;
color: #000000;
height: 25px;
}

.findwheels {
background:url(../images/find_wheels_button.png);
width: 97px;
height: 24px;
border: none;
margin-top: 10px;
margin-right: 12px;
float: right;
color: #FFFFFF;
font-weight:bold;
font-size:12px;
text-align:center;
line-height: 24px;
}

/****************************  STEP 2  ********************************/
#wheelresultscontainer {
margin-top: 1px;
width: 600px;
height:auto;
background-color: #FFFFFF;
color: #333333;
float: left;
padding-bottom: 50px;
}

.h3 {
margin: 2px auto 0px;
width: 590px;
height: 30px;
background: url(../images/search_results_bg.jpg);
background-repeat: no-repeat;
color:#FFFFFF;
text-align:left;
font-size:16px;
text-indent: 5px;
text-decoration:underline;
border-bottom: 5px solid #FF0000;
line-height: 30px;
}

#productresultscontainer {
margin: 20px auto 0px;
width: 580px;
height:auto;
background-color: #FFFFFF;
/*
background-color:#f9f8f8;
border: 1px solid #666666;
*/
}

.productbox {
width: 160px;
height:290px;
background: url(../images/product_box_bg.jpg);
background-repeat: repeat-x;
/*border: 1px solid #666666;*/
float: left;
}

.productboxheader {
width:160px;
height:110px;
background-color: #FFFFFF;
}

.productimage {
margin: 0px auto 0px;
/*border: 1px solid #FF0000;*/
width: 130px;
height:105px;
}

.productsizes {
width: 160px;
background-color: #FFFFFF;
font-weight: bold;
text-align: center;
color:#333333;
}

.producttitleh3 {
margin: 10px auto 0px;
width: 150px;
text-align:center;
font-size:14px;
color:#FFFFFF;
font-weight: bold;
}

.producttitleh3 a {
color:#FFFFFF;
text-decoration: none;
}

.producttitleh3 a:hover {
text-decoration: underline;
color:#FF0000;
}

.package {
margin: 5px auto 0px;
width: 120px;
color: #FFFFFF;
text-align:center;
font-size:12px;
}

.price {
margin-top: 10px;
color: #FFFF00;
font-weight:bold;
font-size:18px;
text-align:center;
}

.boxdivider {
margin:0 15px 0 15px;
width: 2px;
background-color: #dddcdc;
height: 220px;
float:left;
padding: 0px;
}


/****************************  END STEP 2  ********************************/

/****************************  STEP 3  ************************************/
#detailscontainer {
margin-top: 1px;
width: 800px;
height:auto;
background-color: #FFFFFF;
color: #333333;
float: left;
padding-bottom: 50px;
}

#detailsheader {
margin: 2px auto 0px;
width: 790px;
height: 30px;
background: url(../images/details_h3.jpg);
background-repeat: no-repeat;
font-size:16px;
font-weight: bold;
/*border: 1px solid #666666;*/
}

.detailstitleh3 {
margin-top: 2px;
margin-left: 10px;
/*width: 210px;*/
width: auto;
height: 30px;
color:#FFFFFF;
text-align:left;
line-height: 30px;
float:left;
}

.producttitleh4 {
width: 100px;
height: 30px;
color: #FFFF00;
font-weight:bold;
margin-top: 3px;
margin-left: 10px;
float:left;
line-height: 30px;
}

.carh5 {
width: auto;
height: 30px;
margin-right: 10px;
margin-top: 2px;
color:#FFFFFF;
float: right;
line-height: 30px;
}

/************************** WHEEL IMAGE AND PACKAGE DETAILS ***************************/
#wheelpackagecontainer {
margin: 0px auto 0px;
width: 790px;
height: auto;
background-color:#FFFFFF;
/*border:1px solid #CCCCCC;*/
}

.wheelbox {
width: 270px;
height:225px;
background-color: #FFFFFF;
border:2px solid #CCCCCC;
float:left;
}

#wheelboximage {
width: 250px;

}

#enlarge {
margin-top: 10px;
margin-left: 5px;
width: 98px;
height: 21px;
float: left;
}

#viewoncar {
margin-top: 10px;
margin-right: 5px;
width: 98px;
height: 21px;
float: right;

}
#premiumtyres {
margin-left: 15px;
width: 150px;
height: 229px;
background: url(../images/premium_tyres.jpg);
background-repeat: no-repeat;
background-position:bottom;
border: 2px solid #eceaea;
text-align:center;
font-weight:bold;
font-size:16px;
float:left; 
}

.packagedetails {
width: 325px;
height:228px;
background-color: #FFFFFF;
border:2px solid #CCCCCC;
float:right;
}

#packagedetailsheader {
width: 325px;
height: 27px;
text-indent: 40px;
text-transform:uppercase;
line-height: 27px;
text-align:left;
font-weight: bold;
color: #FFFFFF;
background: url(../images/package_header.jpg);
}

#wheeldetailsheader {
width: 270px;
height: 27px;
text-indent: 40px;
text-transform:uppercase;
line-height: 27px;
text-align:left;
font-weight: bold;
color: #FFFFFF;
background: url(../images/package_header.jpg);
}

#formcontainer {
margin: 10px auto 0px;
width: 300px;
height: 132px;
/*border: 1px solid #999999;*/
/*background-color: #999999;*/
}

.rowcontainer {
margin-top: 10px;
width: 300px;
/*border: 1px solid #000000;*/
}

.clearrow {
clear:both;
height: 3px;
}

.label {
margin-left: 10px;
width: 100px;
height:25px;
line-height: 25px;
color:#333333;
font-weight:bold;
text-align:right;
float:left;
}

.listmenu {
width: 170px;
height:25px;
float:right;
margin-right:10px;
}

#packageboxfooter {
width: 325px;
height: 45px;
/*background-color:#CCCCCC;*/
}

#packagepricecontainer {
width: 150px;
height: 45px;
float:left;
margin-left: 5px;
/*background: #999900;*/
}

.packagepricebox {
width: 111px;
height: 24px;
background:url(../images/package_price_bg.jpg);
background-repeat: repeat-x;
text-transform:uppercase;
color:#FFFFFF;
font-weight: bold;
font-size:1.8em;
line-height: 24px;
text-align:center;
float:left;
}

.packagetitle {
color:#666666;
font-size:14px;
font-weight: bold;
}

#buythispackage {

margin-right:24px;
width: 143px;
height: 22px;
background: url(../images/buy_this_package.jpg);
float:right;
text-align:left;
color: #333333;
font-weight:bold;
font-size: 12px;
text-indent:7px;
line-height: 22px;
}

#buythispackage  a {
color: #333333;
text-decoration: none;
}

#buythispackage a:hover {
color:#000000;
text-decoration: underline;
}

/************************** DESCRIPTION*********************************************/

#descriptioncontainer {
margin: 0px auto 0px;
width: 788px;
height: auto;
background-color: #f8f6f6;
padding-bottom: 20px;
}

#descriptionheader {
width: 570px;
height: 30px;
background: url(../images/description_bg.jpg) repeat-x;
border-bottom:1px solid #bcbbbb;
margin-right:20px
}

#descriptiontext {
width: 250px;
line-height:30px;
background: url(../images/description_header_text.jpg);
background-repeat:repeat-x;
color: #FFFFFF;
font-size:16px;
text-indent: 10px;
font-weight:bold;
text-transform: uppercase;
float: left; 
}

#sendtoafriend {
width: 200px;
line-height: 30px;
background: url(../images/send_to_friend_bg.jpg);
background-repeat: no-repeat;
color: #FFFFFF;
text-align:left;
margin-left: 10px;
text-indent: 10px;
font-size:16px;
font-weight:bold;
text-transform: uppercase;
float:right;
}

#sendtoafriend a {
margin-left: 30px;
color: #FFFFFF;
text-decoration:none;
}

#sendtoafriend a:hover {
text-decoration: underline;
color: #FF0000;
}

#advertbannercontainer {
width: 100%;
height: 140px;
}

#fastdelivery {
width: 300px;
height: 140px;
float:left;
}

#securepayment {
width: 300px;
height: 140px;
float:right;
}
/****************************  END STEP 3  ************************************/

/****************************  STEP 4 ACCESSORIES ADDON ***************************/

#addonscontainer {
margin-top: 1px;
width: 800px;
height:auto;
background-color: #FFFFFF;
color: #333333;
float: left;
padding-bottom: 50px;
}

#addonsmaincontent {
margin: 10px auto 0px;
width: 780px;
min-height: 300px;
/*height: auto;*/
background-color:#dfdede;
}

#addonsheader {
width: 100%;
height: 30px;
background:url(../images/details_h3.jpg);
background-repeat: no-repeat;
color:#FFFFFF;
text-align:left;
font-size:16px;
text-indent: 5px;
font-weight: bold;
border-bottom: 5px solid #FF0000;
line-height: 30px;
}

.addonbox {
margin: 0px auto 0px;
width: 700px;
height: 70px;
background-color:#ffffff;
border: 1px solid #afadad;
}

.productaddontitleh1 {
margin: 0px;
width: 230px;
height: 70px;
ine-height: 70px;
color: #666666;
/*background-color:#edebeb;*/ 
text-transform:uppercase;
font-size: 14px;
padding:20px 0 0 0;
float: left;
}

.addonimg {
margin-top: 0px;
width: 75px;
height:70px;
background-color:#0000CC;
float:left;
margin-left: 50px;
}

.addonprice {
margin-left: 50px;
width: 50px;
height: 70px;
line-height: 70px;
text-align: center;
font-weight: bold;
font-size:14px;
color:#666666;
/*border-right: 1px solid #009900;*/
/*border-left: 1px solid #009900;*/
float:left;
}

.formaddquantity {
margin-left: 20px;
width: 220px;
height: 70px;
clear:right;
float: left;
}

.quantitytext {
margin-top: 12px;
margin-left: 12px;
color: #666666;
width: 100px;
text-align: left;
text-transform: uppercase;
font-size: 10px;
clear: right;
padding-right: 1px;
}

.forminput {
margin-left: 12px;
border: 1px solid #000000;
height: 15px;
background-color:#f1f1f1;
color:#333333;
}

.addbutton {
margin-left: 40px;
width: 72px;
height: 21px;
line-height: 21px;
background: url(../images/accessories/addon_button.jpg);
background-repeat: no-repeat;
border: 0px;
color: #FFFFFF;
}

.saveandproceed {
margin-top: 10px;
width: 160px;
height: 30px;
float: right;
}
/****************************  END STEP 4 ACCESSORIES ADDON ***************************/

/***************************************     END OF WHEEL WIXARD      ***********************/


.clear {
clear: both;
}

#footer {
margin: 0px auto 0px;
width: 1000px;
height: 20px;
background: url(../images/footer_bg.jpg);
background-repeat: repeat-x;
color: #FFFFFF;
}

#footer_text {
	color:#000000;
	width:1000px;
	text-align:center
}


/*******************************************************************/
/* New Layout by B8 - Pahse 3 */
/*******************************************************************/

.leftcol { 
	background:#C0C2C1;
	color:#000000;
	width:200px;
	border:1px solid #000000;
}

.large_text {  
	font-size:16px;
}

.main_header_bg { 
	background:url("../images/red_bar.png");
	background-repeat:repeat-x;
	height:30px;
	font-size:20px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.main_table {  
	/*background:#C0C2C1;*/
	background:#FFFFFF;
	width:600px;
	height:200px;
	border:1px solid #000000;
}

.homepage_cardetails {
	background:url("../images/buy_direct_banner.jpg");
	height:280px; 
	width:600px;
}

.red_picture_box {
	color:#FFFFFF;
	background:url("../images/red_bar.png");
	background-repeat:repeat-x;
	background-color:#FF0000;
	width:540px;
	padding:10px;
}

.bottom_table {  
	background:url("../images/grey_fade.png");
	background-repeat:repeat-y;
	background:#FFFFFF;
	width:540px;
	min-height:181px;
}

.detail_table { border-bottom:2px solid #C0C2C1;border-left:2px solid #C0C2C1;border-right:2px solid #C0C2C1; padding:5px;}

.detail_table_header {
	background:url("../images/detail_blue_top.png");
	background-repeat:repeat-x;
	height:15px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	line-height:15px;
	border-top:2px solid #C0C2C1;border-left:2px solid #C0C2C1;border-right:2px solid #C0C2C1;
}
.detail_table_header img {vertical-align:middle;}

.detail_table_header a {
	color:#FFFFFF;
	text-decoration:none;
}

#wheel_desc {
	width:570px;
}
#reviews {
	width:570px;	
}

#dealer_locator {
	cursor:pointer;
}

#postcodelookup {
	background:#474747;
	width:190px;
	padding: 5px;
	color:#FFFFFF;
	font-size:10px;
	display:none;
}

.header_text {  
	color:#CCCCCC;
	font-size:16px;
}

.search_button { 
	background:#FF0000;
	color:#FFFFFF;
	margin-top:5px;
}

#postcode_results {
	border:1px solid #000000;
	display:none;
}
/*******************************************************************/