/* theme.css contains styles that support different sizes of theme images */
@import url("theme.css");

/* begin general styles for all themes */
html, body {
	margin: 10px 0px;
	padding: 0px;
	background: #ec8c1c; 
	font-family: Arial, Helvetica, sans-serif;
	color: #636466;
	font-size: 12px;
}
form {
	margin: 0px;
}
a:link {
	color: #636466;
	text-decoration: none;
}
a:visited {
	color: #636466;
	text-decoration: none;
}
a:hover {
	color: #ec8c1c;
	text-decoration: underline;
}
a:active {
	color: #ec8c1c;
	text-decoration: none;
}
ul {
	list-style-type: square;
}
.actCHECKOUTEM {
	background-color: #ec8c1c;
}
.actCHECKOUTBG {
	background-color: #eaeaea;
}
.actxlarge, .actxxlarge {
	font-size: 20px;
	color: #636466;
}
.actlarge {
	font-size: 16px;
	color: #636466;
}
.actlarger, .actregular {
	font-size: 14px;
	color: #636466;
}
.actxsmall, .actsmall {
	font-size: 12px;
	color: #636466;
}
.actsmaller, .actxxsmall {
	font-size: 10px;
	color: #636466;
}
.actwarningcolor, .actrequiredcolor, .actrequired, .actwarning {
	color: #ec8c1c;
	font-weight: bold;
}
.actsearchhighlightcolor {
	color: #ff0000;
}
table.checkout td, .cart {
	background-color: #eaeaea;
}
table.checkout th {
	background-color: #ec8c1c;
}
.cartheading {
	background-color: #ec8c1c;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 3px;
	font-size: 12px;
}
.best_selling_items	{
	padding: 10px;
	background-color: #eaeaea;
}
.best_selling_items_spacing	{
	padding: 0px 0px 8px 8px;
}
.product_image_cost	{
	margin: 0px 0px 5px 0px;
	text-align: center;
}	
.product_list	{
	margin: 10px 0px;
}	

/* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */

.prodRef, .compactProdRef {
	margin: 15px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #7e949f;
}
.compactProdRef {
	margin: 5px 0px;
}
/* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */

.image_float_right {
	float: right;
	margin: 0px 0px 15px 20px;
}
.image_product	{
	margin: 0px 18px 10px 0px;
	text-align: center;
	float: left;
}
h1	{
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;		
	padding: 0px;
	color: #636466;
}
h1.sectionHeading	{
	margin: 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 2px solid #636466;
}
h1.fragment	{
	padding: 0px;
}
h1.tc	{
	text-align: center;
	color: #636466;
}
h2	{
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #636466;
}
h2.checkout	{
	font-size: 14px;
	margin: 0px 0px 6px 0px;
}
h2.fragment	{
	margin: 0px 0px 10px 0px;
}
h2.related, h2.alsoBought {
	margin: 20px 0px 0px 0px;
	padding: 7px 0px 7px 10px;
	background: #7e949f;
	color: #FFFFFF;
}
h2.clearall	{
	margin: 20px 0px 10px 0px;
	clear: both;
}
h2.product {
	font-size: 14px;
	margin: 0px 0px 15px 0px;
}
h2.compactProductName {
	font-size: 14px;
	margin: 0px 0px 5px 0px;
}
h3, h3.product_price {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0px;
	padding: 0px;
	color: #636466;
}
h3.rrp_price {
	color: #FF0000;
}
h3.mppPrice {
	font-size: 14px;
	padding: 0px;
	color: #7e949f;
}
.rrp {
	text-decoration: line-through;
}
ul	{
	line-height: 150%;
	padding: 0px 0px 0px 1px;
	margin: 0px 0px 18px 15px;
	font-size: 12px;
}
ul.products	{
	line-height: normal;
	padding: 0px 0px 0px 1px;
	margin: 3px 0px 4px 15px;
	font-size: 12px;
	color: #ec8c1c;
}
.text_product_small_info {
	line-height: normal;
	margin: 5px 0px;
	padding: 0px;
	text-align: center;
	clear: both;
}
.text_product_small_info_heading	{
	margin: 5px 0px;
	padding: 0px;
	line-height:normal;
	color: #7e949f;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
.text_product_small_info_price	{
	margin: 5px 0px;
	padding: 0px;
	line-height:normal;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	clear: both;
}
.text_breadcrumbs	{
	font-size: 12px;
	color: #636466;
	margin: 0px;
	line-height: normal;
	padding: 2px 0px;
}
.text_options	{
	font-weight: bold;
}
.form_button	{
	line-height: normal;
	width: 76px;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	font-size : 12px;
	background-color: #7e949f;
	border: 1px solid #636466;
	color: #eaeaea;
	word-spacing: normal;
}	
.form_button_quick_search	{
	line-height: 13px;
	height: 18px;
	width: 85px;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 12px;
	font-size : 12px;
	background-color: #7e949f;
	border: 1px solid #636466;
	color: #eaeaea;
	background-image: url('theme_icon_search.gif');
	word-spacing: normal;
}	
.form_button_add_to_cart	{
	line-height: 13px;
	height: 20px;
	width: 76px;
	margin: 0px 1px 0px 0px;
	padding: 1px 0px 1px 14px;
	font-size : 12px;
	background-color: #7e949f;
	border: 1px solid #636466;
	color: #eaeaea;
	background-image: url('theme_icon_add_to_cart.gif');
	word-spacing: normal;
}
.form_input_general	{
	line-height: normal;
	font-size: 12px;
	word-spacing: normal;
	text-align: center;
}
.form_main_search_box {
	line-height: 13px;
	width: 76px;
	height: 16px;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 2px;
	font-size : 12px;
	background-color: #eaeaea;
	border: 1px solid #eaeaea;
	color: #636466;
	vertical-align: top;
}
.form_main_search_box_td	{
	background-color: #7e949f
}

/************************************************************************************/
/************************************************************************************/

.fragContainer {
	margin: 0px 0px 25px 0px;
}
p.fragment {
	margin: 0px;
}
.terms {
	padding: 0px 0px 20px 0px;
	color: #636466;
}
.terms H2 {
	color: #636466;
	border-bottom: 2px solid #636466;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 4px 0px;
}
hr {
	color: #ec8c1c;
	margin: 6px 0px;
	padding: 0px;
	clear: both;
	height: 1px;
}
.clear {
	clear: both;
}
.highlight {
	color: #0066CC;
}
.ColContainer {
	margin: 5px auto 5px auto;
	padding: 0px;
	width: 130px;
}
.ColTitle {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background: #636466;
	font-weight: bold;
}
.ColTitle a:link, .ColTitle a:visited {
	background: #636466;
	display: block;
	padding: 2px 0px 1px 0px;
	color: #FFFFFF;
	text-decoration: none;
	height: 32px;
}
.ColTitle a:hover, .ColTitle a:active {
	background: #ec8c1c;
	color: #FFFFFF;
	text-decoration: none;
}
.ColImage {
	margin: 0px auto;
	text-align: center;
	border: 1px solid #cccccc;
	border-top: none;
}
.ColText {
	margin: 0px auto;
	padding: 3px;
	text-align: center;
	border: 1px solid #cccccc;
	border-top: none;
}
.ColPrice {
	margin: 0px auto;
	padding: 3px;
	text-align: center;
	border: 1px solid #cccccc;
	border-top: none;
	font-weight: bold;
	color: #7e949f;
}
.relatedTable, .alsoBoughtTable {
	border: 1px solid #7e949f;
	border-top: none;
	border-right: none;
	border-collapse: collapse;
	width: 100%;
	margin: 0px 0px 20px 0px;
}
.relatedTable td, .alsoBoughtTable td {
	border-right: 1px solid #7e949f;
}
.pal3 {
	color: #ec8c1c;
	font-weight: bold;
}
.pal2 {
	color: #7e949f;
	font-weight: bold;
}
.mppTable {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-weight: bold;
	line-height: 1.4em;
	font-size: 14px;
}
.priceBreak {
	width: 80px;
	border: 1px solid #7e949f;
	float: left;
}
.mppContainer {
	margin: 0px 0px 20px 0px;
	border: 1px solid #cccccc;
	padding: 0px;
	height: 80px;
	width: 564px;
	background: #eaeaea;
}
.mppImage {
	float: left;
	padding: 5px;
	margin: 0px;
	height: 70px;
	width: 70px;
	border-right: 1px solid #cccccc;
}
.mppPriceBreakContainer {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 243px;
	height: 80px;
	border-right: 1px solid #cccccc;
	text-align: center;
}
.mppPriceBreak {
	padding-top: 15px;
	margin: 0px;
	width: 80px;
	height: 65px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	line-height: 1.4em;
	float: left;
}
.mppQuantity {
	border-right: 1px solid #cccccc;
	padding: 15px 0px 0px 0px;
	margin: 0px;
	width: 88px;
	height: 65px;
	text-align: center;
	float: right;
	font-size: 14px;
}
.mppAddToCart {
	padding: 20px 10px 0px 10px;
	margin: 0px;
	height: 60px;
	width: 130px;
	text-align: center;
	float: right;
}
#wrapper {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	vertical-align: top;
	background: #FFFFFF;
}
#header {
	height: 190px;
	padding: 0px;
	margin: 0px;
}
/* IE6 Only */
* html #header {
	margin-bottom: -3px;
}
#logo {
	width: 310px;
	height: 190px;
	padding: 0px;
	margin: 0px;
	float: left;
}
#siteMessage {
	width: 670px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	float: left;
	background: url("site-message.jpg") no-repeat;
}
#headerLink1, #headerLink2, #headerLink3 {
	width: 130px;
	height: 160px;
	padding: 0px;
	margin: 0px;
	float: left;
	background: url("bathroom.jpg") no-repeat;
}
#headerLink1 a, #headerLink2 a, #headerLink3 a {
	display: block;
	width: 130px;
	height: 130px;
	padding: 0px;
	margin: 0px;
}
#headerLink2 {
	background: url("plumbing.jpg") no-repeat;
}
#headerLink3 {
	background: url("heating.jpg") no-repeat;
}
#phone {
	width: 260px;
	height: 57px;
	padding: 103px 10px 0px 10px;
	margin: 0px;
	float: left;
	background: url("phone.jpg") no-repeat;
	text-align: right;
}
#searchArea {
	margin: 0px;
	padding: 0px;
}
#navbar {
	height: 25px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
#navbar a {
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 12px;
	border-right: 1px solid #cccccc;
	background: #636466;
}
#navbar a:hover {
	background: #ec8c1c;
	color: #333333;
}
#left {
	width: 171px;
	float: left;
	padding: 0px 10px 20px 10px;
	margin: 0px;
	clear: both;
}
#TLSHeader, #bestSellersHeader, #newProductsHeader, #custInfoHeader, #newsletterHeader, #cartHeader, #deliveryHeader {
	padding: 8px 0px 8px 5px;
	margin: 20px 0px 0px 0px;
	font-weight: bold;
	font-size: 120%;
	background: #636466;
	color: #ffffff;
}
#TLSHeader, #cartHeader {
	margin: 0px;
}
#TLSHeader {
	border-left: 1px solid #fff;
}
#bestSellersHeader, #newProductsHeader {
	background: #ec8c1c;
	border-bottom: none;
}
.mainSection:link, .mainSection:visited, .mainSection:hover, .mainSection:active {
	display: block;
	color: #FFFFFF;
	padding: 4px 0px 4px 3px;
	text-decoration: none;
	border-top: 1px solid #cccccc;
	background: #7e949f;
	border-left: 4px solid #7e949f;
}
.mainSection:hover, .mainSection:active {
	background: #ec8c1c;
	border-left: 4px solid #636466;
	font-weight: bold;
}
#newsletter {
	padding: 5px;
	background: #7e949f;
}
#newsletter p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #ffffff;
}
#bestSellersContainer, #newProductsContainer {
	border: 1px solid #cccccc;
	border-top: none;
	padding: 1px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	text-align: center;
}
#bestSellersContainer br, #newProductsContainer br {
	clear: both;
}
#bestSellersContainer a:link, #bestSellersContainer a:visited, #newProductsContainer a:link, #newProductsContainer a:visited {
	text-decoration: none;
}
#bestSellersContainer a:hover, #bestSellersContainer a:active, #newProductsContainer a:hover, #newProductsContainer a:active {
	text-decoration: underline;
}
#main {
	width: 569px;
	float: left;
	padding: 0px 15px;
	margin: 0px;
	min-height: 900px;
}
/* IE6 Only */
* html #main {
	height: 900px;
}
#right {
	width: 170px;
	float: left;
	padding: 0px 10px 20px 10px;
	margin: 0px;
}
#cartSummary {
	margin: 0px 0px 20px 0px;
	padding: 5px 1px 10px 1px;
	text-align: center;
	border: 1px solid #cccccc;
	background: #eaeaea;
}
.cartDetails {
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
#cartSummary p {
	font-size: 14px;
}
#cartSummary a {
	text-decoration: none;
	font-weight: bold;
	padding: 2px 6px;
	background: #ec8c1c;
	border: 1px solid #cccccc;
	color: #ffffff;
	line-height: 1.4em;
}
#cartSummary a:hover {
	background: #7e949f;
}
#footer {
	clear: both;
	text-align: center;
	padding: 6px 0px 4px 0px;
	margin: 0px;
	background: #7e949f;
	color: #FFFFFF;
	height: 18px;
}
#footer a {
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover {
	color: #FFFFFF;
}