/*
	BFT Procurement
	-------------------------------
	Author: Robert Homewood (JadeLynx)
	Last Updated: 31/07/2008
	-------------------------------
*/

body#procurementpage div#content {
	background: #fff;
	width: 100%;
	padding-bottom: 2em;
	float: left;
}

div#center_container {
	margin: 0px;
	float: left;
	width: 715px;
}

div#tyre-select-panel {
	width:500px;
	padding-bottom: 2em;
}

div#vehicle-type-panel {
	width:500px;
	padding-bottom: 2em;
}

div#tyrelist {
	width: 371px;
	float: left;
}

div#tyrelist .DUNLOP {
	background:transparent url(/images/dunlop_logo.gif) no-repeat scroll center;
	padding-top:17px;
	padding-bottom:10px;
	text-indent: -9000px;
	width:100px;
	float: left;
}

div#tyrelist .GOODYEAR {
	background:transparent url(/images/goodyear_logo.gif) no-repeat scroll center;
	padding-top:17px;
	padding-bottom:10px;
	text-indent: -9000px;
	width:100px;
	float: left;
}

div#tyrelist .SAVA {
	background:transparent url(/images/sava_logo.gif) no-repeat scroll center;
	padding-top:17px;
	padding-bottom:10px;
	text-indent: -9000px;
	width:100px;
	float: left;
}


div#tyrelist .name {
	color:#004990;
	font-size:1.2em;
	font-weight:bold;
	float: left;
	margin-left:10px;
	padding-top:13px;		
}

#overlay{
    display:				none;
    position:				absolute;
    top:					0;
    left:					0;
    width:					100%;
    height:					100%;
    z-index:				2000;
    background-color:		#000;
    -moz-opacity: 			0.6;
    opacity:				.60;
    filter: 				alpha(opacity=60);
    text-align: center;
}
#overlay[id]{ /* IE6 and below Can't See This */
    position:				fixed;
}

.box{
	position: 		relative;
    z-index: 		1001;
    text-align: 	left;
    margin: 		0px auto;
    border: 		solid 1px #004890; 
    background: 	white; 
}

.box div#boxContent {
	padding: 10px;
	float: left;
}

.box div#boxContent h3 {
	font-size: 1.6em;
	color: #004990;
	margin: 0px;
	margin-bottom: 5px;
}

.box div#boxContent p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#content-panel-top {
	float: left; 
	width: 689px; 
	min-height: 16px; 
	background: url('/images/procurement/search_top_bg.jpg');
}

#content-panel {
	float: left; 
	width: 689px; 
	background: url('/images/procurement/search_bg.jpg'); 
	background-repeat: repeat-y;
}

#content-panel-bottom {
	float: left; 
	width: 689px;
	min-height: 17px; 
	background: url('/images/procurement/search_bottom_bg.jpg');
}

#content-panel div h3 {
	color: #004990; 
	padding-left: 17px;
	margin: 10px 0px 5px 0px;
}

#content-panel p {
	padding-left: 17px;
	padding-right: 30px;
}

div#tyreDetail h2 {
	color:#004990;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.4em;
	margin: 0;
	margin-top: 0.5em;
}
div#tyreDetail p#tyreText {
	padding-bottom: 5px; 
	padding-left: 0px;
}
div#tyreDetail p#tyreSize {
	color:#004990;
	padding-bottom: 5px; 
	padding-left: 0px;
}

div#features {
	width: 45%; 
	float: left;
}

div#features ul {
	width: 90%;
	padding-left: 35px;
}

div#benefits ul {
	width: 80%;
	padding-left: 35px;
}

div#benefits {
	width: 55%; 
	float: left;	
}

#checkout {
	float: left;
	width: 689px; 
}

#checkout-top {
	background: url('/images/procurement/checkout_top_bg.jpg'); 
	width: 694px; 
	height: 61px; 
	float: left;
}

#checkout-content {
	float: left; 
	background: url('/images/procurement/checkout_bg.jpg'); 
	width: 694px;
	background-repeat: repeat-y;
}

#checkout-mod {
	float: left; 
	width: 694px; 
	background: url('/images/procurement/checkout_gradient.jpg'); 
	background-repeat: no-repeat;  background-position: bottom;
}

#checkout-mod div {
	margin-top: 10px;
	float: left;
}
#checkout-mod div h3 {
	color: #004990;
	margin: 0px;
}

#checkout #checkout-top span {
	font-size: 1.25em;
	font-weight: bold;
	color: #ffffff;
	padding-left: 20px;
	padding-top: 20px;
	float: left;
}

#checkout p {
	margin: 6px 0px;
	color: #666867;
}

#checkout-mod div iframe {
 	border: 1px solid blue; 
 	margin: 0;
 	margin-top: 20px; 
 	padding: 0;
	width: 485px;
	height: 305px;
}

#checkout-mod div td {
 	border-width: 1px 0px 0px 0px;
 	border-style: solid;
 	border-color: #ccc;
}

#checkout ul {
	width: 100%; 
	float: left;
	padding: 0px;
	margin: 0px;
}
#checkout ul li {
    padding-bottom: 10px;
    padding-left: 5px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #b2b2b2;
	list-style: none;
}

#checkout ul li span {
	color: #656565;
	text-decoration: underline;
}

#checkout ul li a {
	font-size: 11px;
	color: #656565;
	text-decoration: none;
	font-weight: bold;
}

#checkout ul li a:hover {
	text-decoration: underline;
}

#checkout ul#form-errors{
	padding-left: 30px;
}

#checkout ul#form-errors li{
 	color: red;
 	list-style-type: disc;
}

div#checkout-content h3#DUNLOP {
	background: url('/images/dunlop_logo.gif') center no-repeat;
	width: 100px;
	height: 25px;
	text-indent: -1000px;
}

div#checkout-content h3#GOODYEAR {
	background: url('/images/goodyear_logo.gif') center no-repeat;
	width: 100px;
	height: 25px;
	text-indent: -1000px;
}

#checkout-popup {
	width: 470px;
}

#checkout-popup h4 {
	margin: 5px 0px;
}

#checkout-popup div iframe {
 	border: 1px solid #ccc; 
 	margin: 0;
 	padding: 0;
}

#checkout-popup div h3 {
	font-size: 1.6em;
	color: #004990;
	margin: 0px;
	margin-top: 2px;
	margin-bottom: 10px;
}

#selectDate td{
	border-width: 1px 1px 0px 0px; 
	border-style: solid; 
	border-color: #c1ced6; 
	font-weight: bold; 
	text-align: center;
	height: 23px;
}
#selectDate td.saturday{
	border-width: 1px 0px 0px 0px; 
}

#selectDate td.nonTradingDay {
	background: #becbd3;
}

#selectDate a {
	text-decoration: none;
}

#checkoutUserDetails tr td {
	padding-top: 5px;
}

#checkoutUserDetails tr td.check {
	padding-top: 15px;
}

#grandTotal {
	font-size: 1.3em;
	color: #000000 !important;
	margin: 0px !important;
	margin-right: 30px !important;
	padding: 0px;
	font-weight: bold;
}

#inclusions {
	color: #000000 !important;
	margin: 0px !important;
	margin-right: 30px !important;
	font-weight: bold;
	padding: 0px;
	padding-bottom: 5px;
}

p#tyreSize {
	font-weight: bold;
	color: #004990;
	margin: 2px 0px;
}

/* Browse wheels */

div#browse_wheels div.wheel_box img.brand_image {
	float: left; 
	margin-right: 1em; 
	padding-bottom: 10px; 	
}
	
div#browse_wheels div.wheel_box img.wheel_image {
	border:1px solid #FFFFFF;
	float:left;
	margin:auto 1em 20px 0pt;
}
	
div#browse_wheels div.wheel_box {
	width: 520px;
	float: left;
	margin-top: 1em;
}
	
div#browse_wheels div.wheel_box p.description {
	font-size: 1em;
}
	
div#browse_wheels div.wheel_box h3 {
	clear: left;
	font-size: 1.5em;
	margin: 0 0 .5em 0;
}