@import "reset.css";
@import "branding.css";
@import "right_columns.css";
@import "form.css";

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

body {
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	line-height:150%;
	background-color:#dbdbdb;
	color:#666666;
}

/* Main WP tag line */
h1 {
	width:596px;
	height:70px;
	background-image:url(../img/wp_tag.jpg);
	text-indent:-5000px;
	position:absolute;
	left: 170px;
	top: 4px;
}

/* Rounded boxes - headings */
h2 {
	min-height:23px;
	font-size:110%;
	font-weight:bold;
	padding-left:16px;
	padding-top:3px;
	color:white;
	background-repeat:repeat-x;	
	position:relative;
}

h2.black {
	background-color:#000000;
	background-image:url(../img/grad_black.gif);
}
h2.grey {
	background-color:#474747;
	background-image:url(../img/grad_grey.gif);
}

h2.lightGrey {
	background-color:#474747;
	background-image:url(../img/grad_light_grey.gif);
	color:#5f5858;
}
h2.green {
	background-color:#0f5632;
	background-image:url(../img/grad_green.gif);
}
h2.red {
	background-color:#d61700;
	background-image:url(../img/grad_red.gif);
}

/* 3rd level headings for inside content area */
h3 {
	color:black;
	font-weight:bold;
	font-size:120%;
	padding-bottom:4px;
	margin-bottom:8px;
	border-bottom:1px solid #dadada;
}

a {
	text-decoration:none;
	color:#107030;
}

p {
	margin-bottom:16px;
}

br.clear {
	clear:both;

} 
table {
	background-color:white;
	width:100%;
}
th {
	font-weight:bold;
	color:#107130;
	text-align:left;
}
tr {
	border-top:1px solid #ececed;
}
td {
	padding:2px;
}
/*------------------------------------------------------------------------------------------------*/
div#canvas {
	width:961px; 
	padding-left:22px;
	padding-right:22px;
	padding-bottom:22px;		
	margin-left:auto;
	margin-right:auto;
	border-left:20px solid white;
	border-right:20px solid white;
	border-bottom:20px solid white;		
	background-color:#f2f2f2;
}

div#canvas div#leftColumn {
	clear:both;
	width:150px;
	float:left;
	margin-right:11px;
	background-color:#dadada;
}	

div#canvas div#leftColumn ul#shoppingMenu li a {
	border-bottom:1px solid white;
	padding:4px 0px 4px 8px;	
	display:block;
	min-height:14px;
	cursor:pointer;	
	color:#444;
}

div#canvas div#leftColumn ul#shoppingMenu li a.special {
	color:#aa2f20;
}
div#canvas div#leftColumn ul#shoppingMenu li a:hover, div#canvas div#leftColumn ul#shoppingMenu li a.select {
	background-color:#107030;
	color:white;
}
div#canvas div#leftColumn ul#shoppingMenu li:last-child a {
	border:none;
}

/*------------------------------------------------------------------------------------------------*/
/* Begin Mid column - Main */
div#canvas div#midColumn {
	width:557px;
	float:left;
	margin-right:11px;
	background-color:white;
	position:relative;
}

div#canvas div#midColumn div#midColumnContent {
	padding:14px;
	border:1px solid #dadada;
}	

/*------------------------------------------------------------------------------------------------*/
/* Begin Mid column - Home */

div#section_home div#largeHolder {
	width:557px;height:353px;background-color:#fafafa;margin-bottom:20px;position:relative;overflow:hidden;
}
div#section_home div#btnLeft {
	float:left;width:18px;
	text-align:center;	
	margin-top:35px;
	cursor:pointer
}
div#section_home div#btnRight {
	float:left;width:18px;
	text-align:center;	
	margin-top:35px;
	cursor:pointer;	
}

div#section_home div#thubmnailmaincontainer {
	float:left;width:520px;height:100px;position:relative;overflow:hidden;

}

div#section_home div#thubmnailmaincontainer div#thumbnailholder {
	width:5000px;
}

/*------------------------------------------------------------------------------------------------*/
/* Begin Mid column - Shop */
div#section_shop ul.shop_sublist {
	width:252px;
	border-right:1px solid #dadada;
	float:left;
	margin-bottom:14px;
}

div#section_shop ul.shop_sublist:last-child {
	border-right:none;
}

div#section_shop ul.shop_sublist li {
	font-weight:bold;
	margin:12px;
	background-image:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	background-color:#FFF; /* Fix so IE shows the bullet */
	padding-left:17px;
}	

div#section_shop ul.shop_sublist a {
	color:#777;
}
div#section_shop ul.shop_sublist a.select {

	color:#107030;
}	

div#section_shop div#shopSwitcher {
	left:14px;
	top:41px;
	text-align:right;
	width:527px;
	position:absolute;	
}

div#section_shop div#productHelp {
	clear:both;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;	
	text-align:center;
	padding:7px 3px 7px 3px;
}

div#section_shop div#productHelp span {
	color:#107030;
}

div#section_shop div.searchResult {
	border:1px solid #d4d4d4; 
	position:relative; 
	margin-bottom:10px;
	margin-top:10px;
	width:514px;
	background-image:url(../img/searchResultBg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;	
}

div#section_shop div.searchResult div.leftCol {
	float:left;
	width:110px;
	border-right:1px solid #e7e7e8;
	padding:8px;
	text-align:center;
}
div#section_shop div.searchResult div.midCol {
	float:left;
	width:242px;
	padding:8px;	
}
div#section_shop div.searchResult div.rightCol {
	float:left;
	width:107px;
	padding:8px;
	padding-top:50px;
}

div#section_shop div.searchResult div.rightCol span.cost {
	color:#ac2811;
	font-weight:bold;
}

div#section_shop div.searchResult div.rightCol img {
	cursor:pointer;
	position:relative;
	top:3px;
}

div#section_shop div.searchResultDetail {
	border:1px solid #d4d4d4; 
	position:relative; 
	margin-bottom:10px;
	margin-top:10px;
	width:514px;
	background-image:url(../img/searchResultDetailBg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;	
}
div#section_shop div.searchResultDetail div.leftCol {
	float:left;
	width:294px;
	padding:4px;
	margin-right:10px;
}
div#section_shop div.searchResultDetail div.rightCol {
	float:left;
	width:191px;
	padding:4px;

}
div#section_shop div.searchResultDetail div.rightCol span.cost {
	color:#ac2811;
	font-weight:bold;
}

div#section_shop div.searchResultDetail div.rightCol img {
	cursor:pointer;
	position:relative;
	top:3px;
}
/* End Mid column - Shop */

/*------------------------------------------------------------------------------------------------*/
/* Begin Mid column - Basket */

div#section_basket h3 {
	background-image:url(../img/basket.gif);
	background-repeat:no-repeat;
	color:black;
	font-weight:bold;
	font-size:120%;
	padding-left:40px;
	padding-top:10px;
	border-bottom:none;
	float:left;
}

div#section_basket div.buttonHolder {
	float:right;
	margin-left:10px;
}


div#section_basket div.delivery_container {
	background-color:#fafafa;margin:12px;padding:12px;
}

div#section_basket div#deliveryTotal {
	float:left;
	width:350px;
}
div#section_basket div#delivery_protx {
	background-color:#ffc7c7;border:1px solid #e27575;width:322px;padding:10px;float:left;margin:12px;
}
/*------------------------------------------------------------------------------------------------*/
/* Begin Mid column - News */
div#section_news p#backToList{
	float:right;
}
div#section_news div#newsColumnRight{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	width:138px;
	background-color:#f5f5f5;
	text-align:center;
	padding:8px;
}

div#section_news div#newsColumnRight img {
	padding:8px;
}

/*------------------------------------------------------------------------------------------------*/
/* Begin Mid column - Techtips */
div#section_techtips div#techTipNavigation{
	background-color:#f5f5f5;
	margin-bottom:10px;	
	width:100%;
	font-weight:bold;
}

div#section_techtips div#techTipNavigation div#navPrev {
	float:left;
}
div#section_techtips div#techTipNavigation div#navSteps {
	padding-left:160px;
	float:left;
}
div#section_techtips div#techTipNavigation div#navNext {
	float:right;
}

div#section_techtips p#backToList{
	float:right;
}
div#section_techtips div#columnRight{
	float:right;
	margin-left:10px;
	margin-bottom:10px;	
	background-color:#f5f5f5;
	text-align:center;
}

div#section_techtips div#columnRight a {
	padding:8px;
}


/*------------------------------------------------------------------------------------------------*/
/* Begin Mid column - Restoration projects */

div#section_restoration div.bulletHolder {
	width:252px;
	float:left;	
}
div#section_restoration div.bulletHolder ul {
	border-right:1px solid #dadada;
	margin-bottom:14px;
	
}
div#section_restoration ul:last-child {
	border-right:none;
}

div#section_restoration ul li {
	font-weight:bold;
	margin:8px;
	background-image:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	background-color:#FFF; /* Fix so IE shows the bullet */
	padding-left:17px;
}
div#section_restoration div#title {
	color:#7aac83;
	font-weight:bold;
	font-size:110%;
	clear:both;
	margin:10px;
}

div#section_restoration div.searchResult {
	border:1px solid #d4d4d4; 
	position:relative; 
	margin-bottom:10px;
	margin-top:10px;
	width:514px;
	background-image:url(../img/searchResultBg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;	
}
div#section_restoration div.searchResult div.leftCol {
	float:left;
	width:110px;
	border-right:1px solid #e7e7e8;
	padding:8px;
	text-align:center;
	
}
div#section_restoration div.searchResult div.midCol {
	float:left;
	width:232px;
	padding:8px;	
		
}
div#section_restoration div.searchResult div.rightCol {
	float:left;
	width:122px;
	padding:8px;
	padding-top:20px;
	text-align:center;
}

div#section_restoration div.detail {
	border:1px solid #d4d4d4; 
	position:relative; 
	margin-bottom:10px;
	margin-top:10px;
	width:514px;
	background-image:url(../img/searchResultBg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;	
}
div#section_restoration div.detail div.leftCol {
	float:left;
	width:362px;
	padding:8px;

	
}
div#section_restoration div.detail div.rightCol {
	float:left;
	width:107px;
	padding:8px;
	text-align:center;

}
div#section_restoration p#backToList{
	float:right;
}
/*------------------------------------------------------------------------------------------------*/

/* Footer */
div#canvas div#siteinfo {
	clear:both;
	padding-top:30px;
	font-size:80%;
	line-height:150%;
}

div#canvas div#siteinfo a {
	color:#777;
}
div#canvas div#siteinfo a:hover {
	text-decoration:underline;
}

/*------------------------------------------------------------------------------------------------*/
/* Other classes */

/* Bold green text */
.standOut {
	font-weight:bold;
	color:#107030;
}

.enlargeText {
	color:#888;
	margin-bottom:10px;
	text-align:center;
}

span.hilite {
	background-color:#FFFFE0;
	font-weight:bold;
}