body {
	font-size:11px;
	font-family: 'Verdana', Lucida, Geneva, Helvetica, Arial, sans-serif;	

	background-image:url(../images/stripes.gif);
}

* {
	margin:0;
	padding:0;
	border:none;
}

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

a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:hover {
	color: #333;
}
a:active {
	color: #666;
}

p {
	color: #666;
	line-height: 18px;
	margin-right: 20px;
	margin-bottom: 10px;
}

textarea { font-family: 'Verdana', Lucida, Geneva, Helvetica, Arial, sans-serif; }

td { color: #666; }

h1 {
	color: #333;     
	font-size: 18px;
	font-weight: 300;
	margin-top: 14px;
}

 h2 {
	color: #333;     
	font-size: 18px;
	font-weight: 300;
	margin-top: 14px;
	margin-left:40px;
	margin-bottom: 8px;
}

.boldBlack { 
	font-weight:bold;
	color:#000;
}

.underline { text-decoration: underline; }

div#top { 
	height:70px;
	/*background-color:#00a2d7;*/ 
	background-color:#1c3f95;
}

div#masthead { 
	width: 920px; 
	height: 70px;
	margin-left: auto;
	margin-right: auto;	
}

div#masthead img {float:left; }

div#loginForm { 
	float:right;
	text-align: right;
	padding-top: 17px;
	color:#fff;
}

div#loginForm p { 
	color: #fff; 
	margin-right: 0px;
}

div#loginForm td a { width:100px; }

div#loginForm td, div#loginForm td a, div#loginForm a{ color:#fff; }

div#loginForm td img { padding-left:160px; }

div#nav, div#navlist1, div#caseStudiesMenu { 
	width:220px;
	float:left;
	text-align: left;	
	margin-top:22px;
	padding-bottom:25px;
}

 div#nav ul, div#navlist1 ul, div#caseStudiesMenu ul, div#rightColumn ul{
	list-style-type: none;	
	width: 173px;
	margin-left: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

div#nav a, div#navlist1 a, div#caseStudiesMenu a, div#rightColumn a{
	width:173px;
	line-height:22px;
	border-bottom:1px solid #CCC;
	display:block;
	color:#666;
	height:22px;
}

div#nav a:hover, div#navlist1 a:hover, div#caseStudiesMenu a:hover, div#rightColumn a:hover{ color: #00a2d7; }

div#nav h1 {
	font-size:18px;
	margin:25px 0 5px 40px;
	font-weight:normal;
}

div#contentArea { 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color:#fff;
}

div#content { 
	width: 920px; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
}

div#image { 
	width: 675px;
	height: 250px;
	float: left;
	margin-top:20px;
	padding-left: 25px;
}

div#pageContent {
	width: 460px;
	float: left;
	/*padding: 20px 20px 20px 25px;*/
	padding-left:25px;
	background-color:#FFF;	
	padding-bottom:20px;
}

div#galleryLayout {
	width: 670px;
	padding-left: 25px;
	background-color: #fff;
	padding-bottom: 20px;
	float: left;
}

div#contentLinks {
	width: 200px;
	float: left;
}

div#contentTables {
	width: 200px;
	float: left;
}

div#contentLocations {
	width: 460px;
	clear:both;
}

.galleryItem {
	width: 210px;
	float: left;
}

div#contactDetails { padding-bottom :100px; }

div#productLinks a { color:#666; }

div#rightColumn {
	margin-top: 0px;
	width: 210px;
	float: left;
	color:Green;
	padding-bottom:20px;
}

p.rightColumnText {
	color: #666;
	line-height: 18px;
	font-size: 11px;
	margin-left: 20px;
	margin-bottom: 10px;
}

div#rightColumn 
p.rightColumnText a { border:none; }

 div#rightColumn ul {
	list-style-type: none;	
	width: 173px;
	margin-left: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	line-height: 11px;
	background-color:#f7f7f7; 
}

div#rightColumn ul li { 
	line-height: 14px; 
	font-size: 11px;
	color: #666;
	clear:both;	
}
 
div#rightColumn ul li a{	
	text-decoration: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	
	padding-bottom:5px;
 }
 
div#rightColumn ul li a:hover {
	color: #00a2d7;
}

div#footer { background-image:url(../images/stripes.gif); }

div#footerContent {
	margin-left: auto;
	margin-right: auto;	
	clear:both;
	width:920px;
	color: #fff;
	font-size: 9px;	
	height:150px;
}

div#footerContent_left {
	width:920px;
	float:left;
	padding-top:5px;
}

div#footerContent_right {
	width:250px;
	float:left;
	padding-top:5px;
}

div#footerCopyright { 
	margin-left: 0px;
	line-height: 20px;	
}

div#footerBuildmedia { 
	float: right;
	margin-right: 10px;	
}

div#footerBuildmedia a { float:left; }

#footer a { 
	/*color:#00a2d7;*/ 
	color: #767e91;
	font-size:10px;
	text-decoration:underline;
	margin-left: 5px;
}

.productID { color: #00A2D7}

div#nav a.selected, div#navlist1 a.subSelected,  div#productMenu a.subSelected, div#caseStudiesMenu a.subSelected{ 
	background-color:#f7f7f7;
	color: #00A2D7;
}

div#navlist1 a.subSelected,  div#productMenu a.subSelected, div#caseStudiesMenu a.subSelected, div#rightColumn a.subSelected{ background-color:#FFF; }

div.subSelected { background-color:#FFF; }

div#productMenu .subSelected a{color: #00A2D7;}

.subnav {  
	line-height:24px; 
	font-size:13px;
}

li.productLink {
	width: 173px;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	
}

li.productLink a{ 
	padding-bottom:8px;
	float:left;
	padding-top:8px;
}

li.subSelected { background-color:#FFF; }

div#productMenu ul li a { border:none; }

li.productLink img { float:right; }

.checkboxTd { padding-left:25px; line-height:15px; }

table#checkboxTable { margin-left:50px; }

div#downloadFormatList { margin-top:50px; }

input.registerInput, .registerInput  { 
	border: 1px inset #eee; 
	width:150px;
	margin-left:10px;
}

.reqd { color: #f00; display:inline; }

.greyBorder { border:1px solid  #aaa; }

td#emailValidation span{ float:right; }

.boldBlack { 
	color:#000;
	font-weight:bold;
}

div.productMenuItem1, div.productMenuItem2 { 
	width:173px; 
	display:block; 
	border-bottom:1px #ccc solid;
}

div#productMenu ul li div.productMenuItem1 a{ 
	padding:8px 0 3px 0;
	line-height:13px;
}

div#productMenu ul li div.productMenuItem2 a{ 
	padding:6px 0 13px 0;
	line-height:14px;
}
.enquiryDetails { padding-bottom:4px; }

div#reroofingForm, div#enquiryDetails, div#enquiryCustomerDetails { 
	font-size:10px;
	color:#777;
}

div#reroofingFormCustomerDetails { width:250px; }

span.formSectionHeading {
	width: 200px; 
	font-weight:bold; 
	font-size:11px;
	color:#000;
}



td#reroofCustomerDetails { vertical-align:top; }

.reroofingRadio { padding-left:10px; }

.reroofingInput {
	width:200px;
	margin-left:0px;
	margin-bottom:0px;
	border: 1px solid #aaa; 
	padding:0;
}

span.reroofCheckBox, span.enquiryCheckBox { 
	width:100px; 
	height:20px; 
	display:block; 
	float:left;
	border:none;
}

span.enquiryCheckBox { width:144px; }

textarea.reroofingInput { margin-bottom:0; }

table.enquiryTable { width:600px; }

div#enquiryCustomerDetails {
	width:225px;
	margin-left:0px;
	margin-top:8px;
}

div#enquiryCustomerDetails table {
	width:260px;
	float:left;
	padding-right:10px;
	border-collapse: collapse;
}

div#enquiryCustomerDetails table td.padBottom { padding-bottom:8px; }

div#enquiryCustomerDetails table#enquiryCustomerLeft { width:200px; }

div#enquiryDetails {
	margin-left:0px;
}

div#enquiryDetails table {
	width:440px;
	border-collapse: collapse;
	margin-left:0px;
}

div#pageImage { float:right;  }

.enquiryFormHeading { padding:8px 0 5px 0; }

.reroofFormHeading { padding:8px 0 2px 0; }

.enquirySubheading { padding-bottom:5px; }

.grayBG { background-color:#ddd; }

.grayBG2 { background-color:#f7f7f7; }

.grayBG, .grayBG2 { padding:2px 0 3px 0; }

div#caseStudiesMenu { margin-top:50px; }

div#rightColumn a#clickToRegister{ font-size:11px; width:160px;  float:right;}

div#rightColumn img#clickArrow { float:left; }

div#rightColumn p.rightColumnText a.downloadLinks { 
	padding:0;
	margin:0;
	line-height:8px;
	height:8px;
}

#menuh {
	width: 100%; 
	padding-top:0px;
	padding-left:0px;	
}
	
#menuh ul {
	font-family: arial, helvetica, sans-serif;	
	list-style: none;

}
		
#menuh li a {
width: 170px;
height: 99px;
text-decoration: none;
background: #ececec;


}

#menuh li a:hover { 
	color: #fff; 
	background-color:#2e4fa2;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* backslash hack hides from IE mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end backslash hack */