* {

	font-family:Arial, Helvetica, sans-serif;
	
	font-size:11px;

	padding:0;

	margin:0;

}

a {
	font-size:1em;
}

body {

	font-size:62.5%;

	color:#000;

	text-align:center;

	background:#CFCFCF url('../images/bg.jpg') top left repeat;

	padding:40px 0;

}

input {
	padding:2px;
}

#container {

	margin:0px auto;

	width:949px;

	

	text-align:left;

	

	border-top:1px solid #BABABA;

	border-left:1px solid #D1D1D1;

	background:#fff url('../images/container_right.gif') top right repeat-y;

}

#container_bottom { background:transparent url('../images/container_bottom.gif') bottom left repeat-x; }

#container_bottom_right {

	background:transparent url('../images/container_bottom_right.gif') bottom right no-repeat;

	padding:7px 4px 4px 2px;

}



.hideLeft {

	position:absolute;

	top:0; left:-9999em; width:0; height:0;

}



/* Hides from IE-mac \*/



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/



* html .clearfix {height: 1%;}



.clearfix {display: block;}



/* End hide from IE-mac */



.clearer {

	clear:both;

}



h2 {

	font-size:1.5em;

}


.hoverimage{

padding:10px;

background-color:#eaeaea;

}
	
.hoverimage:hover{

background-color:#C0C0C0;

}


h3 {

	margin-top:1em;

}



a, a:link, a:visited {

	color:#707070;

}



.bodytext {

	font-size:12px;
	
	font-family:Arial, Helvetica, sans-serif;

}


h1.bodyheading {
	font-size:2.3em;

	font-family:Arial, serif;

	font-weight:normal;

	color:#385F28;

	margin:0.5em 0;
}

h2.bodyheading {
	margin-top:1.5em;
	clear:both;
}


.paragraph {

	margin-top:1em;

}



.standard_list {

	list-style-position:inside;

	margin-top:1em;

}



.standard_list li {

	font-size:1.2em;

}



img, fieldset {

	border:0;

}



label {

	font-size:1.2em;

}



/*********** start of header rules ***********/



h1 {

	float:left;

}



h1 a, h1 a:link, h1 a:visited {

	display:block;

	width:283px;

	height:277px;

	background:transparent url('../images/logo.gif') center center no-repeat;

	margin-top:16px;

}



.banner {

	width:624px;

	float:left;

	display:block;

}





#frontpage_slideshow {

	width:624px;

	float:left;

	display:block;

}



/*********** end of header rules ***********/



/*********** start of nav rules ***********/



#nav {

	height:40px;

	color:#5b5b5b;

	background:#fff url('../images/menu_background.gif') bottom left repeat-x;

}



#nav ul {

	list-style-type:none;

	padding-left:0;

	float:right;

}



#nav ul li {

	display:block;

	float:left;

	text-align:center;

	padding:0 13px;

	line-height:36px;

	background:transparent url('../images/menu_divider.gif') bottom left no-repeat;

}



#nav ul li a, #nav ul li a:link, #nav ul li a:visited {

	text-decoration:none;

	color:#5b5b5b;

	display:block;

	font-size:1.2em;

	font-weight:bold;

}



/*********** end of nav rules ***********/



/*********** start of sidebar rules ***********/



#sidebar {

	width:223px;

	float:left;

	padding:15px 20px 0 5px;

}



#sidebar ul li.title, #blog ul li.title {

	/*border-bottom:1px solid #D7D8D0;*/
	background:#fff url('../images/menu_border.gif') bottom left repeat-x;
	color:#000;
	padding-bottom:6px;
}



#sidebar ul li.title h2, #blog ul li.title h2 {
	font-size:1.3em;
	font-family:arial, serif;
	font-weight:bold;
}



#sidebar ul li, #blog ul li {

	list-style-type:none;

	line-height:2.8em;

	padding-left:5px;

	color:#000;

	font-size:1.2em;
	
	
	border-bottom:1px solid #EBF2DB;
}



#sidebar ul li a, #blog ul li a {

	text-decoration:none;

	display:block;

	color:#000;

	background:transparent url('../images/icons/light_green_arrow.gif') center left no-repeat;

	padding-left:20px;

	font-size:1em;

}



.sitesearch {

	margin-top:50px;

}



#search {

	background:transparent url('../images/icons/magnify.gif') center left no-repeat;

	display:block;

	padding:4px;

	padding-left:18px;

	width:135px;

	border:1px solid #ccc;

	font-size:1.1em;

	color:#777;

}



/*********** end of sidebar rules ***********/



.intro {

	margin-top:20px;

}



.intro h2, .intro p {

	font-size:2.3em;

	font-family:arial, serif;

	font-weight:normal;

	color:#385F28;


}



.intro h2 {

	margin-bottom:10px;

}



.intro p {

	font-size:1.2em;

	color:#95B554;

	font-weight:bold;

}



h2.page_heading {

	font-size:2.3em;

	font-family:arial, serif;

	font-weight:normal;

	color:#385F28;

}



.large_grey_text {

	font-family:arial, serif;

	font-weight:normal;


	font-size:1.2em;

	color:#7D7D7D;

	font-weight:bold;

}



.readmore {

	display:block;

	font-size:0.9em;

	padding-left:15px;

	background:transparent url('../images/icons/dark_green_arrow.gif') center left no-repeat;

	color:#595959;

	margin:10px 0 30px 0;

}



#main {

	width:683px;

	float:left;

	background:transparent url('../images/line.gif') 20px 3px no-repeat;

}



.featured_products h2 {
	background:transparent url('../images/featured_products.gif') top left no-repeat;
	height:33px;
	line-height:33px;
	font-size:19px;
	color:#777;
	font-style:italic;
	padding-left:5px;
	font-weight:normal;
	font-family:"times new roman";
}

#blog {
	width:160px;
	float:left;
	margin-left:10px;
}

#blog h2 {
	background:transparent url('../images/blog.gif') top left no-repeat;
	height:33px;
	line-height:33px;
	font-size:19px;
	color:#777;
	font-style:italic;
	padding-left:5px;
	font-weight:normal;
	font-family:"times new roman";
}



#footer {

	background:#547E2C url('../images/footer_background.gif') top left repeat-x;

}



#scotbark {

	background:transparent url('../images/scotbark_footer_logo.gif') 700px 0 no-repeat;

	padding-top:50px;

	height:120px;

}



#footer ul {

	width:120px;

	float:left;

	padding:0 10px 0 15px;

}



#footer ul li {

	list-style-type:none;

	border-bottom:1px solid #6D9149;

	line-height:2em;

}



#footer ul li.title {

	border:0;

}



#footer ul li a {

	color:#fff;

	font-size:1.2em;

	text-decoration:none;

}



#footer ul li.title h2 {

	color:#fff;

	font-size:1.3em;

}



.contact_details {

	width:230px;

	float:right;

	margin-top:10px;

	color:#fff;

}



.contact_details h2 {

	font-size:1.3em;

}



.contact_details p {

	font-size:1.2em;

	margin:10px 0;

}



.contact_details p a, .contact_details p a:link, .contact_details p a:visited {

	color:#fff;

	font-size:1em;

	text-decoration:none;

}



.contact_details .mtc {

	font-size:0.9em;

}



.product {

	float:left;

	width:160px;

	margin:8px 0px 8px 0px;

	text-align:center;

	min-height:200px;

	height:auto !important;

	height:200px;

	padding:5px;

	text-align:left;

}



.image_surround {

	min-height:135px;

	height:auto !important;

	height:135px;

}



.product_name a, .product_name a:link, .product_name a:visited {

	font-weight:bold;

	font-size:1.2em;

	text-decoration:none;

	color:#3E5E2D;

	letter-spacing:2px;

}



.product_description {

	font-size:1.2em;

	min-height:3.1em;

	height:auto !important;

	height:3.1em;

}



.product_description a {

	font-size:1em;

	text-decoration:none;

	color:#292929;

	line-height:1.5em;

}



.more_information a, .more_information a:link, .more_information a:visited {

	padding-left:15px;

	background:transparent url('../images/icons/dark_green_arrow.gif') center left no-repeat;

	color:#292929;

	text-decoration:none;

	line-height:2em;

}



.product_row_clearer {

	border-top:1px dashed #7CAD13;

	clear:both;

}



/*********** start of basket rules ************/



.basket tr td, .subfieldname {

	font-size:1.1em;

	padding:5px;

}



.fieldname {

	color:#666666;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:1.2em;

	padding:3px;

}



.purple {

	background-color:#AEE398;

}



/*********** end of basket rules ************/



/*********** start of item.full.php rules ************/



.itempage_price {

	font-size:1.6em;

	font-weight:bold;

}



.itempage_description {

	margin:10px 0 10px 0;

}



.itempage_name {

	color:#333;

}



/*********** end of item.full.php rules ************/



textarea {

	font-size:1.2em;

	width:150px;

	height:70px;

}



#breadcrumb {

	font-size:11px;

	padding:20px 0 10px 0;

}



/*********** start of contactus.php rules ************/



.contactinfo {

	width:350px;

	float:left;

}



.contactform {

	width:300px;

	float:left;

}



.contactform fieldset label {

	display:block;

	float:left;

	font-size:1.1em;

	padding:3px 3px 3px 0;

	width:6em;

}


.contactform fieldset input.text {

	font-size:1.1em;

	height:1.6em;

	display:block;

	float:left;

	width:17.8em;

	margin-bottom:0.5em;

	padding:3px;

	color:#000;

	border:1px solid #547E2C;

}



.contactform fieldset textarea {

	font-size:1.1em;

	height:10em;

	width:24em;

	margin-bottom:0.5em;

	padding:3px;

	border:1px solid #547E2C;

	color:#000;

}



input.checkbox {

	margin:3px 3px 0 70px;

	float:left;

	display:block;

}



.contactform fieldset label.checkbox {

	float:left;

	width:300px;

}



.contactform fieldset input.submit {

	float:right;

	padding:0.2em 2em 0.2em 2em;

	font-size:1.1em;

	border:1px solid #547E2C;

	color:#000;

	margin-right:28px;

}



/*********** end of contactus.php rules ************/



#sitemap li {

	margin-left:2em;

	font-size:1.2em;

}



.calculator {

	
	padding:10px 0;
	

}



.quoteform {

	width:300px;

	float:left;

}



.quoteform fieldset label {

	display:block;

	font-size:1.1em;

	padding:3px 3px 3px 0;

	width:7em;

}



.quoteform fieldset input.text {

	font-size:1.1em;

	height:1.6em;

	display:block;

	float:left;

	width:17.8em;

	margin-bottom:0.4em;

	padding:2px;

	color:#000;

	border:1px solid #547E2C;

}



.quoteform fieldset textarea {

	font-size:1.1em;

	height:8em;

	width:25em;

	margin-bottom:0.5em;

	padding:2px;

	border:1px solid #547E2C;

	color:#000;

}



.quoteform fieldset input.submit {

	float:right;

	padding:0.2em 2em 0.2em 2em;

	font-size:1.1em;

	border:1px solid #547E2C;

	color:#000;

	margin-right:19px;

}

.orangebar {
	height:10px;
	width:660px;
	background:#fff url('../images/orangebar.gif') top left repeat-x;
}

ul.bodytext {
	list-style-type:disc;
}

ul.bodytext li {
	font-size:1.1em;
	list-style-type:disc;
	list-style-position:inside;
}

img.bodyimage {

padding-right:15px;
padding-bottom:10px;

}

/************************** Garden Decking Quote Form ***************************/



.applicationform fieldset label {

	display:block;

	float:left;

	font-size:1.1em;

	padding:3px 3px 3px 0;

	width:18em;

}


.applicationform fieldset input.text {

	font-size:1.1em;

	height:1.6em;

	display:block;

	float:left;

	width:17.8em;

	margin-bottom:0.5em;

	padding:3px;

	color:#000;

	border:1px solid #547E2C;

}



.applicationform fieldset select {

	font-size:1.1em;

	display:block;

	float:left;

	width:224px;

	margin-bottom:0.5em;

	padding:3px;

	color:#000;

	border:1px solid #547E2C;

}



.applicationform fieldset textarea {

	font-size:1.1em;

	height:10em;

	width:24em;

	margin-bottom:0.5em;

	padding:3px;

	border:1px solid #547E2C;

	color:#000;
	
	float:left;

}



input.checkbox {

	margin:3px 3px 0 70px;

	float:left;

	display:block;

}



.applicationform fieldset label.checkbox {

	float:left;

	width:300px;

}



.applicationform fieldset input.submit {

	float:right;

	padding:0.2em 2em 0.2em 2em;

	font-size:1.1em;

	border:1px solid #547E2C;

	color:#000;

	margin-right:165px;

}

/********************************************************************************/

/* blog */

.blog_item {
	border-top:1px solid #ccc;
	margin:15px 0;
}

.blog_item .title {
	font-size:2em;
	font-weight:normal;
}

.blog_item .bodytext {
	padding-bottom:3px;
	float:left;
	width:650px;
	line-height:1.8em;
	margin-top:7px;
}

.blog_item .list_news_image {
	display:block;
	float:left;
	margin:0 0 0 10px;
}

.blog_item .date {
	padding-bottom:3px;
	clear:both;
	text-align:right;
	width:650px;
	font-size:12px;
}

.blog_item .full_news_image {
	float:right;
	margin:0 0 10px 10px;
}

.mini-blog-item {
	padding:5px;
}

html .mini-blog-item h3.mini_news_title {
	font-size:14px;
	margin:4px 0;
}

html .mini-blog-item h3.mini_news_title a {
	text-decoration:none;
}

.mini-blog-item p {
	font-size:1em;
}
