@charset "UTF-8";
/* CSS Document */



/* ======= Random Images ======= */

#teasers {
	padding-top: 10px;
	}

#teasers table {
	width: 909px;
	height:150px;
	border: 0;
	background-image: url(../images/random_images.png);
	}

#teasers .random_image {
float:left; padding: 10px 5px 0 15px; min-height: 130px; display: inline;
}
#teasers .random_text {
float:right; color: #fff; padding-right: 20px; display: inline; width: 110px;
}
#teasers .random_text h4 {
font-size: 1em; color: #fff;
}
#teasers .random_text a {
color:#fff;
}

#teasers table td {
	padding: 0;
	margin: 0;
	width: 33.3%;
	}


.product_image {
float:left;
}




/*-------------- PRODUCT INFO PANEL -------------------*/


#product_info_container {
	width: 270px;
	background-image: url(../images/product_info_bg_filler.jpg);
	background-repeat: repeat-y;
	float: right;
	}

#product_info_container .compatible {
float:right; padding-left:5px; padding-bottom: 5px
}

.product_info_bg_top {
	display: block;
	float: left;
	width: 270px;
	height: 12px;
	background-image: url(../images/product_info_bg_top.jpg);
	background-repeat: no-repeat;
	}

.product_info_bg_bottom {
	display: block;
	float: right;
	width: 270px;
	height: 22px;
	background-image: url(../images/product_info_bg_bottom.jpg);
	background-repeat: no-repeat;
	}

.product_info {
	float: right;
	width: 250px;
	text-align: right;
	margin-left: 10px;
	margin-right: 10px;
	}


/*-------------- COMPATIBLE PRODUCT INFO PANEL -------------------*/


.compatible_product_info_container {
	display: block;
	float: left;
	width: 270px;
	background-image: url(../images/prod_com_info_bg_filler.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}

.compatible_product_info_container div {
	margin-left: 0px;
	}

.compatible_product_info_bg_top {
	display: block;
	float: left;
	width: 270px;
	height: 12px;
	background-image: url(../images/product_info_bg_top.jpg);
	background-repeat: no-repeat;
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	}

.compatible_product_info {
	float:left;
	width:250px;
	text-align: left;
	}

.compatible_product_info p {
	margin-left: 10px;
	}

.compatible_product_info h3 {
	margin-left: 10px;
	}

.compatible_product_info hr {
	margin-left: 10px;
	width: 250px;
	}

.compatible_product_image {
	float:right;
	text-align:right;
	}




/*----------------------------------------------------------------*/





table.products {
width:100%; border-collapse: collapse;
}
table.products .listlabel {
	display: block;
	height: 40px;
	width: 190px;
	background-image: url(../images/product_listlabel_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	margin-top: 5px;
	}

table.products .listlabel a {
	color: #666666;
	}
table.products .listlabel a:link {
	color: #666666;
	}
table.products .listlabel a:visited {
	color: #666666;
	}
table.products .listlabel a:hover {
	color: #0066CC;
	}
table.products .listlabel a:active {
	color: #0066CC;
	}



.addtocart {
	margin-top: 10px;
	}



table.products td {
text-align: center;
}
table.products tr.row {
}
table.products tr.row_alt1 {
	background-image: url(../images/product_rowbg_green.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
table.products tr.row_alt2 {
	background-image: url(../images/product_rowbg_brown.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
table.products tr.row_alt3 {
	background-image: url(../images/product_rowbg_blue.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
table.products td.colour_code {
width:40px;
}
table.products td.colour {
width:70px;
}
table.products td.colour_name {
width:360px;
text-align:left;
}
table.products td.price {
width:60px;
}
table.products td.quantity {
width:40px;
}
table.products td.quantity input {
width:30px;
}
table.products td.select {
width:40px;
}

ul.similar_products {
list-style-type:none;
line-height:155px;
margin:0 1em 0 0;
}
ul.similar_products li {
display:block;
float:left;
}

table.cart {
width:100%; border-collapse: collapse;
}
table.cart th {
background: #ddd; line-height: 2em;
}
table.cart td {
padding:5px;
}
table.cart tr.row {
}
table.cart tr.row_alt1 {
	background-image: url(../images/product_rowbg_green.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
table.cart tr.row_alt2 {
	background-image: url(../images/product_rowbg_brown.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
table.cart tr.row_alt3 {
	background-image: url(../images/product_rowbg_blue.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
table.cart .update {
	border: 0;
	padding-right: 10px;
	}
#cartbuttons .checkout {
	border: 0;
	margin-right: 10px;
	}
#cartbuttons .continue {
	border: 0;
	margin-left: 10px;
	}
table.cart .delete {
text-align: center;
}
table.cart .quantity {
text-align: center;
}
table.cart .quantity input {
width:30px;
}
table.cart .image {
text-align:center; background: none;
}
table.cart .image img {
}
table.cart .name {
text-align:left;
}
table.cart .colour {
text-align: center;
}
table.cart .price {
width:70px; text-align:right;
}
table.cart .subtotal {
width:70px; text-align:right;
}
table.cart .totaltext {
padding-right:10px; font-weight:bold; text-align:right;
}

#cartbuttons {
text-align: center;
}

.error {
color:#ff3333; font-weight:bold;
}

fieldset {
width: 300px; border: 0; margin-left: auto; margin-right: auto; 
}
fieldset label {
display:block; width: 100px; float: left; text-align: right; padding-right: 10px;
}
fieldset label .info {
color:#666; font-size:0.8em;
}
fieldset input, fieldset textarea, fieldset select {
margin-bottom: 10px;
}
fieldset textarea {
height: 50px;
}

#checkoutbuttons {
	line-height: 50px;
	text-align: center;
	}

.checkoutbuttonsclass {
	padding: 10px;
	}

.checkoutfields {
	background-color: #e6e6e6;
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
	}

.checkoutfieldssmall {
	background-color: #e6e6e6;
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
	width: 50px;
	}


table#user_details {
width: 100%; 
}
table#user_details tr.row_alt {
}
table#user_details tr.row {
background:#eee;
}
table#user_details td {
padding: 3px;
}
table#user_details td.field {
width: 30%; text-align:right; padding-right:10px;
}
table#user_details td.value {
width: 70%; text-align:left; font-weight:bold;
}