﻿* {
	margin: 0;
	padding: 0;
}
img {
	border:0;
}
body {
    font-family: Arial,Verdana,Sans-Serif;
	background-color:#25427a;
	margin: 0;
	padding: 0;
}
ul{
	margin:0 0 0 15px;
	
}
ol{
	
	margin:0 0 0 15px;
}
p , dt , dd , li {
    font-size: .9em;
    color: #333333;
    margin: 0 0 10px 0;
}
.product_box {

	background:url('right_column_bg.gif') 0px 0px repeat-x;

	background-color:#3E74C6;

	display:block;

	color:white;

	margin:10px 0 0px 0;

}



	.product_box h4{

		color:white;

		margin:0px;

		font-size:1.4em;

	}



	.product_box p{

		color:white;

	}



	.price strong{

		font-size:1.8em;

	}



	.product_box p{

		margin:0px;

		padding: 0;

	}



	.product_box a{

		color: yellow;

	}

	.product_box p.delivery{

		font-size:1.1em;

		font-weight: bold;

		margin: 5px 0 0 0;

		padding: 0;

		color: yellow;

	}

	.product_box p.sup{

		font-size:.8em;

		line-height:1.2em;

		margin: 0 0 15px 0;

		padding: 0;

	}	

	.product_box img{

		margin:0 10px 0px 0;

		float:left;

		padding:0 0 10px 0;

	}



	.product_box p.price{

		padding: 15px 0 10px 0;

		margin: 0;

		display:block;

		font-weight: bold;

		font-size:1em;

		line-height:1.4em;

		color:white;

	}

	.product_box p.price .vat{

		font-size: .8em;

		font-weight: normal;

		color: yellow;

	}

	div.product_box_top{

		background:url('photo_box_top.gif') top left no-repeat;

		height:15px;

		display:block;

	}



	div.product_box_bottom{

		background:url('product_box_bottom.gif') bottom left no-repeat;

		height:15px;

		display:block;

		margin:0px 0 10px 0;

	}



	div.product_box_content{

		padding:0px 10px 0 10px;

	}


	.product_box_content_wrap{
	width:450px;
	float:right;
	
	}
a {
	color: #385da6;
}
h1 {
	margin: 0 0 2px 0;
	font-size: 2em;
	color: #385da6;
	border-bottom: #000000 1px solid;
	padding: 0 0 2px 0;
}
h1.imghead {
	margin: 0 0 5px 0;
	font-size: 2em;
	color: #385da6;
	border-bottom: 0;
	padding: 0;
}
h2 {
    margin:5px 0;
	font-size: 2em;
    color:#385da6;
}
	h2#page_heading_tarmac{
		background:url('heading_reno_tarmac_revive.jpg') 0px 0px;
		/*background:url('../images/headings/heading_reno_tarmac_revive.jpg') 0px 0px;*/
		height:50px;
		padding:110px 0 0 20px;
		font-size:2.2em;
		color:white;
		/*font-size: 0;*/
		margin: 0 0 30px 0;
	}
	h2#page_heading_pattern{
		background:url('heading_pattern_imprinted.jpg') 0px 0px;
		/*background:url('../images/headings/heading_reno_drive.jpg') 0px 0px;*/
		height:50px;
		padding:110px 0 0 20px;
		font-size:2.2em;
		color:white;
		/*font-size: 0;*/
		margin: 0 0 30px 0;
	}
	h2#page_heading_drivesealer{
		background:url('heading_reno_drive.jpg') 0px 0px;
		/*background:url('../images/headings/heading_reno_drive.jpg') 0px 0px;*/
		height:50px;
		padding:110px 0 0 20px;
		font-size:2.2em;
		color:white;
		/*font-size: 0;*/
		margin: 0 0 30px 0;
	}
	h2#page_heading_roof_seal{
		background:url('../images/headings/heading_reno_roof.jpg') 0px 0px;

		height:50px;
		padding:110px 0 0 20px;
		font-size:2.2em;
		color:white;
		/*font-size: 0;*/
		margin: 0 0 30px 0;
	}
	
	h2#page_heading_tile{
		
		background:url('tile_heading_bg.jpg') 0px 0px;
		height:50px;
		padding:110px 0 0 20px;
		font-size:2.2em;
		color:white;
		/*font-size: 0;*/
		margin: 0 0 30px 0;
	}
	h2#page_heading_aluminium{
	background:url('aluminium_heading_bg.jpg') 0px 0px;
	height:50px;
		padding:110px 0 0 20px;
		font-size:2.2em;
		color:white;
		/*font-size: 0;*/
		margin: 0 0 30px 0;
	}
	h2#page_heading_tile{
	background:url('heading_tile.jpg') 0px 0px;
	height:50px;
		padding:110px 0 0 20px;
		font-size:2.2em;
		color:white;
		/*font-size: 0;*/
		margin: 0 0 30px 0;
	}
	h2#page_heading_dry{
	background:url('../images/headings/heading_reno_dry.jpg') 0px 0px;
	height:50px;
		padding:110px 0 0 20px;
		font-size:2.2em;
		color:white;
		/*font-size: 0;*/
		margin: 0 0 30px 0;

	}
h3 {
	margin:5px 0;
    font-size: 1.2em;
    font-weight: bold;
    color:#385da6;
}
	h3 a {
		text-decoration: none;
	}
h4 {
	margin:5px 0;
    font-size: 1em;
    font-weight: bold;
    color:#385da6;
}
.blue {
	color: #385da6;
}

table {
	border: 0;
	border-spacing: 2px;
	border-collapse: separate;
	margin: 10px 0 10px 0;
}
	th {
		text-align: left;
		padding: 2px 4px;
		background: #385da6;
		color: #FFFFFF;
		vertical-align: top;
	}
	th p {
		margin: 0;
		color: #FFFFFF;
	}
	td {
		border: #999999 1px solid;
		padding: 2px 4px;
		margin: 0;
		vertical-align: top;
	}
	td p {
		margin: 0;
	}
	
#rollercoatguidelines {
	border: 0;
	border-spacing: 2px;
	border-collapse: separate;
	margin: 10px 0 10px 0;
}
	#rollercoatguidelines td {
		font-size: .8em;
	}
	
dt {
	font-weight: bold;
	margin: 0;
}
dd {
	margin: 0 0 4px 0;
}
.content_float_image{
	float:right;
	margin:0px 0 0 10px;
	padding:0px;
	border:1px solid #25427A;
	
}
#logos h1{
	padding:40px 0 0 0;
	border:none;
}
#logos h1 a{
	display:block;
	background:url('top.jpg') 0px -39px no-repeat;
	width:350px;
	height:103px;
	text-indent:-99999px;
	border:none;
}
#right ul {
    margin: 0 0 10px 20px;
	list-style-image:url(asterisk.gif);
	list-style-position: outside;
}
	#right ul li {
		margin: 0;
		padding: 0 0 0 2px;
    	font-size: .8em;
	}
#right ol {
    margin: 0 0 10px 30px;
}
	#right ol li {
   	 	margin: 0 0 4px 0;
    	font-size: .8em;
	}
	#right li li {
		font-size: 1em;
	}	
	
#shadow {
    background: transparent url('shadow.gif') repeat-y;
    width: 948px;
    margin: 0 auto;
    padding: 0;
}

#wrap {
    width:934px;
    margin:0 auto;
    padding: 0;
	background-color:#ffffff;
    /*border-left:2px solid #000;
    border-right:2px solid #000;*/
	background-color:#ffffff;
}
#head {
	background:url(head-bg.jpg) repeat-x;
	height:186px;
	margin-bottom:30px;
}
#head span 
{
    float:right;
    text-align: right;
    /*margin-top:80px;*/
    margin-top: 52px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
}
#head span img
{
    border: #AAAAAA 1px solid;
    background: #FFFFFF;
    padding: 1px;
}
#head span strong
{
    font-size:1.4em;
    font-weight:bold;
    color:#fff;
}
#head span.telephone_number{
	margin:22px 10px 0 0;
	font-size:1.4em;
clear:right;
}
#head img{
	margin:5px 0 0 0;
	float:right;
}
#content {
    margin:0 0px;
}
#foot {
    margin: 15px 0 0 0;
	height:120px;
    background-color: #3668b1;
}
#left {
    float:left;
    width:260px;
    padding: 0 0 0 30px;
    margin: 0;
}
#left.full_width{
	width:600px;
}
#right {
    float:right;
    width:600px;
    padding: 0 30px 0 0;
    margin: 0;
}
.left-box {
	margin: 0;
	padding: 0;
}
.right-box {}

.img-box {
	width:600px;
	padding:0px 0px;
	margin: 10px 0 10px 0;
}
	.img-box img {
		margin: 0;
	}
	.col1 {
		float:left;
		width:288px;
	}
	.col2 {
		float:right;
		width:288px;
	}
	.img-box .center{
		margin: 0 auto;
		float:none;
		width:288px;
	}
	.img-box h3 {
		width:288px;
		margin: 0;
		padding: 0;
	}
	.img-box p {
		width:288px;
		text-align:justify;
	}
	
.three-img-box {
	width: 600px;
	padding:0px 0px;
	margin: 10px 0 10px 0;
}
	.three-img-box img {
		margin: 0;
	}
	.three-img-box .col {
		float:left;
		width: 190px;
		margin: 0 15px 0 0;
		padding: 0;
	}
	.three-img-box .lastcol {
		float:left;
		width: 190px;
		margin: 0;
		padding: 0;
	}
	.three-img-box h3 {
		width: 190px;
		margin: 0;
		padding: 0;
	}
	.three-img-box p {
		width: 190px;
		text-align:justify;
	}	
	
.boxnav {
	width:600px;
	padding:0px 0px;
	margin: 10px 0 10px 0;
}
	.boxnav h2 {
		width:288px;
		margin: 0;
		padding: 0;
	}
	.boxnav h2 a{
		text-decoration: none;
		color: #385da6;
	}
	.boxnav img {
		margin: 0 5px 0 0;
		width: 150px;
		height: 98px;
		float: left;
		border: #999999 1px solid;
	}
	.boxnav div.description {
		width:128px;
		float: right;
		margin: 0;
		padding: 0;
	}
	.boxnav div.description p{
		font-size: .7em;
	}
	.col1 {
		float:left;
		width:288px;
	}
	.col2 {
		float:right;
		width:288px;
	}
	
	
#enquiryform{
	margin: 0;
	padding: 0;
}

	#enquiryform .formrow{
		clear: left;
		margin: 0;
		padding: 0 0 5px 0;
	}
	#enquiryform .formrow label {
		width: 100px;
		display: block;
		float: left;
		text-align: left;
		padding: 3px 0 0 0;
		font-size: .8em;
	}
	#enquiryform .formrow input {
		width: 200px;
		background: #FFFFFF;
		border: #BCBCBC 1px solid;
		padding: 2px;
	}
	#enquiryform .formrow fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		/*border: #BCBCBC 1px solid;
		background: #FFFFFF;
		width: 480px;
		padding: 10px;
		margin: 5px 0 5px 0;*/
	}
	#enquiryform .formrow textarea {
		width: 300px;
		height: 100px;
		background: #FFFFFF;
		border: #BCBCBC 1px solid;
		padding: 2px;
	}

	#enquiryform .checkboxrow{
		clear: left;
		margin: 0;
		padding: 0 0 0 0;
	}
	#enquiryform .checkboxrow label {
		padding: 0 0 0 0;
		font-size: .8em;
	}
	#enquiryform .submit {
		margin: 5px 0 5px 100px;
		border: #BCBCBC 1px solid;
		width: 200px;
	}	
	
.swatch {
	border: #999999 1px solid;
	width: 110px;
	padding: 5px;
	margin: 0 10px 10px 0;
	float: left;
}
	.swatch img {
		width: 110px;
		margin: 0;
	}
	.swatch p {
		margin: 0;
		padding: 0;
	}
	
#nav {
    background:transparent;
    list-style: none;
	margin-left:30px;
}
#nav li {
    float: left;
	height:32px;
	width:125px;
	margin-top:3px;
	margin-right:5px;
	background: url(grey-button2.jpg) no-repeat;
	text-align:center;
}
#nav li:hover,li#on {
	background: url(grey-button1.jpg) no-repeat;
}
#nav li a {
	padding:7px;
	display:block;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#28498A;
}
#nav li a:focus {
	text-decoration:none;
}
#side-nav {
	list-style:none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}
#side-nav li {
	height:52px;
	width:240px;
	padding: 0;
	margin: 0 0 3px 0;
	background:url(blue-button1.jpg) no-repeat;
}
#side-nav li:hover,li#blue-on {
	background:url(blue-button2.jpg) no-repeat;
}
#side-nav li strong {
	font-size:14px;
	font-weight:bold;
	color: #ffffff;
}
#side-nav li img {
	width: 10px;
	height: 12px;
	margin: 0 5px 0 0;
}
#side-nav li a {
	padding: 10px 30px;
	display:block;
	text-decoration:none;
	font-size:12px;
	color: #ffffff;
}
#side-nav li a:visited {
	text-decoration:none;
}

.clr {
	clear: both;
	line-height: 0;
	margin: 0;
	padding: 0;
}
div.photo_box_top{
	background:url('photo_box_top.gif') 0px 0px no-repeat;
	height:15px;
	display:block;
	
}
div.photo_box_bottom{
	background:url('photo_box_bottom.gif') bottom left no-repeat;
	height:10px;
	display:block;
	
}

div.photo_box{
	background:url('photo_box_bg.gif') 0px 15px no-repeat;
	background-color:#4284da;
	margin-top: 20px;

}
div.photo_box{

}
div.photo_box h3{
	color:white;
	padding:0 0 0 7px;
	margin:0px;
}
ul.img-box{
	width:590px;
	padding:0 0 0 7px;
	list-style:none;
}
ul.img-box li{
	float:left;
	margin:0 10px 10px 0;
}
ul.img-box li.last{
	margin:0px 0px 10px 0;
}
#right_column{
	width:240px;
	float:right;
	background:pink;
	margin:0 20px 0 0;
	background:url('right_column_bg.gif') 0px 10px no-repeat;
	background-color:#3e74c6;
}
#right_column_top{
	background:red;
	height:10px;
	background:url('right_column_top.gif') top left no-repeat;
}
#right_column_bottom{
	background:url('right_column_bottom.gif') bottom left no-repeat;
	height:10px;
}
#right_column_content{

padding:0 10px 0 10px;
}
	#right_column_content h3{
		font-size:1.4em;
		color:white;
	}
	#right_column_content p{
		color:white;
		font-size:1.2em;
	}
	#right_column_content p.phone{
		font-size:2em;
	}
	#right_column_content p.shipnote{
		font-size:.7em;
	}
form.right_column_form{
	border:none;
	margin:0 0 10px 0;
}
form.right_column_form div.fieldset{
position:relative;
}
form.right_column_form div.fieldset legend span{

	position:absolute;
	top:0px;
	left:0px;
	font-size:1.3em;
	font-weight:bold;
	color:white;
}
form.right_column_form fieldset{
border:none;
padding:25px 0 0px 0;
}
form.right_column_form fieldset input{
	display:block;
	margin:5px 0 5px 0;
	width:205px;
	padding:5px;
	font-size:.85em;
	border:1px solid #036;
}
	form.right_column_form fieldset input.submit{
		background:url('submit_bg.gif') 0px 0px repeat-x;
		padding:5px;
		border:1px solid #3d6bb8;
		width:inherit;
		color:white;
		background-color:#ff9f0f;
	}
	form.right_column_form fieldset input.submit:hover{
		background:#036;
		color:white;
		cursor:pointer;
		border:1px solid #ff9f0f;
		
	}
form.right_column_form fieldset select{
	width:217px;
	margin:0px 0 5px 0;
	padding:3px;
}
form.right_column_form fieldset label{
	display:block;
	margin:5px 0 5px 0;
	font-size:.89em;
	color:white;

}
form.right_column_form fieldset textarea{
	width:205px;
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #036;
	font-size:.9em;
	font-family:arial, helvetica, sans-serif;
}
#foot-text {
    float:left;
    width:300px;
    margin:30px 30px 0 45px;
    text-align:left;
    color:#ffffff;
    font-size: .8em;
}

ul#home_page_blocks{


}
 ul#home_page_blocks li{
	width:280px;
	float:left;
	margin:0 20px 20px 0;
	padding:0 0 0px 0;
	height:270px;
	display:block;
	background:url('home_block_bottom.jpg') bottom left no-repeat;
	background-color:#4d87cf;
	color:white;
}
	ul#home_page_blocks li div.content{
	padding:0 20px 0  20px;
	display:block;
	}

	ul#home_page_blocks li div.blocks_top{
	height:20px;
	background:url('home_block_top.jpg') top left no-repeat;
	}
	ul#home_page_blocks li div.blocks_bottom{
	height:10px;
	background:blue;
	}
 ul#home_page_blocks li.last{
 margin:0px;
 }

	ul#home_page_blocks li img{
		width:240px;
		height:115px;
		background:red;
		display:block;
		margin:0px;
		border:1px solid #25427A;
	}
	ul#home_page_blocks li a:hover img{
	border:1px solid white;
	}
	ul#home_page_blocks li h2{
		font-size: 1.4em;	
		color:white;
	}
	ul#home_page_blocks li h2 a{
		text-decoration: none;
		color:white;
	
	}
	ul#home_page_blocks li p{
	color:white;
	}
	
	ul#home_page_blocks li p a{
		color:white;
	}
	ul#home_page_blocks li h2 a:hover{
		text-decoration: underline;
	}
	ul#home_page_blocks li a:hover{
		text-decoration: none;
	}