/* SITE WIDE */
body { 
 	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
 	background-color:#6693ae;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:center;
	font-size:12px;
	color:#6e6e6e;
	margin: 0 auto;
	padding: 0; }

a {
	text-decoration:none;}

h1 {font-size:18px; font-weight:bold; color:#595858; margin:0; padding: 0;}
h2 {font-size:18px; font-weight:bold; color:#b30538; margin:0; padding: 0;}
h3 {margin:0; padding:0; font-size:14px;}
img {
	border:none;}
		

#logo {
	background:url(../images/logo.gif);
	width:163px;
	height:68px;
	float:left;
	}	

/* SEARCH FORM */
#searchbox {
	float:right; 
	width:200px;
	height:38px;
	padding-top:30px;}
	
#searchboxinput{
	border:solid 1px #c3c3c3; 
	color:#ababab;
	float:left;
	background-image:url(../images/magnify.gif);
	margin: 1px 5px 0 0;}
	
.submit{float:left; display:inline;}	

.banner{width:839px; height:186px; margin:0 auto; }

.lowerdiv{ width:839px; height:186px; margin:10px auto;}


.leftcontent{width:400px; float:left; height:250px; background-color:#f9f9f9;padding:20px;}

.pagecontent{ width:839px; height:auto; margin:10px auto; padding-left:7px;}

.pagecontent h1{font-size:18px; font-weight:bold; color:#b30538; margin:0; padding: 0;}
.pagecontent h2{font-size:18px; font-weight:bold; color:#5f89a2; margin:0; padding: 0;}

.pagecontent li{padding-bottom:10px;}
.pagecontent strong{font-weight:normal;}

.pagecontent .alignleftimage{float:left; padding:0 5px 0 0;}
.pagecontent .alignrightimage{float:right; padding:5px 0 0 0;}
.pagecontent .alignleft{float:left;display:inline; width:650px; height:100px;}
/* NAVIGATION */

.nav{
	background:url(../images/nav/nav.png);
	background-repeat:no-repeat;
 	width:840px; 
	height:56px;
	display:block;
	margin:auto 15px auto 15px;
	padding-left:20px;
	position:relative;
	z-index:500;

}
	
	
	

.nav {list-style:none;}
.nav li{display:inline; float:left; line-height:56px;text-decoration:none; position:relative; display:block;}
.nav li a.top_link{ display:block; height:34px; line-height:33px; float:left; font-size:12px; color:#606060; font-weight:bold; text-decoration:none; cursor:pointer; 
 }
 
.nav a.top_link:hover {background-position:0 -34px;}

.nav_home a.top_link{background:url(../images/nav/nav_home.gif) top left no-repeat; width: 55px;}
.nav_about a.top_link{background:url(../images/nav/nav_about.gif) top left no-repeat; width: 73px;}
.nav_roofing a.top_link{background:url(../images/nav/nav_roofing.gif) top left no-repeat; width: 111px;}
.nav_service a.top_link{background:url(../images/nav/nav_service.gif) top left no-repeat; width: 72px;}
.nav_csr a.top_link{background:url(../images/nav/nav_csr.gif) top left no-repeat; width: 49px;}
.nav_downloads a.top_link{background:url(../images/nav/nav_downloads.gif) top left no-repeat; width: 76px;}
.nav_contact a.top_link{background:url(../images/nav/nav_contact.gif) top left no-repeat; width: 69px;}
.nav_products a.top_link{background:url(../images/nav/nav_products.gif) top left no-repeat; width: 123px;}
.nav_news a.top_link{background:url(../images/nav/nav_news.gif) top left no-repeat; width: 53px;}

/* HACK ie 7 & firefox */
.nav li:hover > a.top_link {
	color:#000000; 
	background-position:0 -34px;
	line-height:2.8em;
	font-weight:bold;
}
.nav table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
}
.nav a:hover {
	visibility:visible; 
	position:relative; 
	z-index:200;
	}
.nav li:hover {
	position:relative; 
	z-index:200;
}



/*  'next' level invisible by placing it off screen. */
.nav ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

.nav ul.sub1 {width:auto; min-width:150px; width:auto !important;
	width:150px;}
	
.nav :hover ul {
	left:-1px; 
	top:32px; 
	background: #710a27; 
	padding:3px; 
	white-space:nowrap; 
	height:auto; 
	z-index:300; 
	border-left:1px solid #c3c3c3; 
	border-right:1px solid #c3c3c3; 
	border-bottom:1px solid #c3c3c3; 
	
	}
.nav :hover ul li {
	display:block; 
	height:2em; 
	position:relative; 
	font-weight:normal; 
	width:100%;
	min-width:140px;
}

.nav :hover ul li a {
	display:block; 
	font-size:0.9em; 
	height:2em; 
	line-height:20px; 
	width:auto; 
	padding:0 0.5em 0 0.5em; 
	color:#ffffff; 
	text-decoration:none;
}

.nav :hover ul li a:hover {
	background:#ffffff; 
	color:#000000;
	min-width:93%;
}


#wrapper.home .nav .nav_home a.top_link,
#wrapper.about .nav .nav_about a.top_link,
#wrapper.roofing .nav .nav_roofing a.top_link,
#wrapper.service .nav .nav_service a.top_link,
#wrapper.csr .nav .nav_csr a.top_link,
#wrapper.downloads .nav .nav_downloads a.top_link,
#wrapper.contact .nav .nav_contact a.top_link,
#wrapper.products .nav .nav_products a.top_link,
#wrapper.news .nav .nav_news a.top_link
	{background-position:0 -68px; padding-bottom:7px;}



#wrapper.home .nav .nav_home:hover ul ,
#wrapper.about .nav .nav_about:hover ul ,
#wrapper.roofing .nav .nav_roofing:hover ul ,
#wrapper.service .nav .nav_service:hover ul ,
#wrapper.csr .nav .nav_csr:hover ul,
#wrapper.downloads .nav .nav_downloads:hover ul ,
#wrapper.contact .nav .nav_contact:hover ul ,
#wrapper.products .nav .nav_products:hover ul ,
#wrapper.news .nav .nav_news:hover ul{background: #495a67; }

/* IE 6 FIX ACTIVE TAB */




#header{padding-left:15px; padding-right:15px; width:840px; height:90px; margin:auto;}

#wrapper{
 	width:950px;
 	height:auto;
	margin:0px auto;
	padding:35px 0; }

#contenttop{
	float:left;
	width:950px;
	height:28px;
	background-image:url(../images/contenthead.png);}
	
#contentmiddle{
	float:left;
	width:950px;
	background-image:url(../images/contenttile.png);
	background-repeat: repeat-y;
	min-height:850px;
	height:auto !important;
	height:850px;
	
	/* 
	Add back when infobox gone
		min-height:650px;
	height:auto !important;
	height:650px; */
		
	}
	
	
	.infobox{margin:10px auto;  width:839px;}
	
	
#contentbottom{
	float:left;
	width:950px;
	height:28px;
	background-image:url(../images/contentfoot.png);
	background-repeat:no-repeat;	}
	
#contentwrap{padding:0px 40px 20px 40px; width:870px; float:left; text-align:left; clear:both;}



.leftcontent{width:400px; float:left; height:250px; background-color:#f9f9f9;padding:20px;}
.rightcontent{width:321px; float:right; height:248px; padding:20px; display:inline; border:solid 1px #c3c3c3;}



/******* ABOUT *****/
.lowerboxes {background-image:url(../images/aboutboxes.png); width:243px; height:108px; display:block inline; float:left; margin:10px 10px 0 15px; padding:10px; color:#ababab;}
.lowerboxes:hover{background-position:0 -128px; color:#1982c1;} 

.lowerimage {width:263px; height:128px; display:block inline; float:left; margin:10px 10px 0 15px;}

/* gallery */
.gallblock{list-style:none; text-align:left; float:left; margin: 0; padding: 0;}
.gallblock li{display:inline; float:left; text-decoration:none; margin: 0; padding:10px 2px 0 5px; }
.gallblock a:hover {background-position:0 -175px;}
.gallblock a{width:126px; display:block; height:175px;}

.image1 a{background:url(../images/welcomeimages_01.jpg) no-repeat;}
.image2 a{background:url(../images/welcomeimages_03.jpg) no-repeat;}
.image3 a{background:url(../images/welcomeimages_05.jpg) no-repeat;}



/* register */
.registerform{width:450px; float:left; padding:20px; background:#f9f9f9;}
.registerform label{
	float: left; 
	width: 100px; 
	padding-left: 5px; 
	text-align: left;
}

.registerform input{margin-bottom:2px;}
.registerform fieldset{border:dashed 1px #999999;}
.registerform .submit{float:right;}
.registerright{width:290px; height:auto;float:right; display:inline;margin-right:6px;}

.whyregister{width:250px; height:150px;float:right; padding:20px; border:solid 1px #c3c3c3;}
.customercomment{width:250px; height:150px;float:right; padding:20px; border:solid 1px #c3c3c3; margin-top:15px;}


/* latest news */

.latestnews {list-style:none; float:left; margin: 0 auto; padding: 0;}
.latestnews li{border-bottom:dashed 1px #c3c3c3; width:320px;  height:58px; height:auto !important; min-height:60px; padding-top:9px;}
.latestnews .lastli{border:none !important;}
.latestnews .icon{background-image:url(../images/sigroofingicon.jpg); width:50px; height: 50px; float:left;}
.latestnews .text{float:left; display:inline; padding-left:10px; width:250px; color:#6e6e6e; }


/* LOGIN */

.loginbox{width:220px; height:180px;float:left; padding:20px; border:solid 1px #c3c3c3;}
.loginbox label{
float:left;
	width: 70px; 
	padding-left: 5px; 
	text-align: left;
}
.loginbox input{
width:120px;
}
.loginbox .submit{width:auto; height:auto;}
.forgottenpass{width:200px; padding-left:5px;}
.loginbox a{color:#333333; text-decoration:underline;}

.loginregisterbox{width:220px; height:180px;float:left; padding:20px; border:solid 1px #c3c3c3; margin-left:25px;}

.loginregisterbox label{
float:left;
	width: 70px; 
	padding-left: 5px; 
	text-align: left;
}
.loginregisterbox input{
width:120px;}

.loginregisterbox .submit{width:auto; height:auto;}


/* downloads */

.downloadboxes{list-style:none; float:left; margin:0; padding:7px 0 0 20px;}

.downloadboxes li{width:230px; height:95px; border:solid 1px #c3c3c3;padding:10px; margin-bottom:15px; font-size:11px; float:left; display:inline; margin-right:15px;}

.downloadboxes .producttitle{display:block; width:190px; color:#5f89a2; font-size:14px; height:25px;}


/* branch locator */

.branchbox{float:left; display:inline; padding:20px; width:500px; height:300px; margin-left:30px;  border:solid 1px #c3c3c3;}

.branchleft{float:left; display:block; width:260px; height:500px; display:block;}
.branchboxcontact {float:left; display:block; width:220px; height:68px; border:solid 1px #c3c3c3; padding:20px; margin-top:10px;}

/****** roofs potential **********/

.rooftypes{width:240px; height:225px; border:solid 1px #c3c3c3; float:left; display:inline; margin-right:10px; margin-bottom:10px; padding:10px;}


.imagepadding{padding:10px 10px 10px 30px;}




/**********       branches         ******************/

h3.sitemap, h3.maximise, h3.minimise {
	background:url(../images/maximise.gif) no-repeat center left;
	padding-left:15px;
}

h3.minimise	{
	background:url(../images/minimise.gif) no-repeat center left;
}

ul.sitemap	{
	list-style-type:none;
	margin-left:0.5cm;
	padding-left:0;
}

ul.sitemap li {
	background:transparent;
	padding-left:1.1em;
	font-weight:normal;
	padding-bottom:0.5em;
}

ul.sitemap li a	{
	background:transparent url(../images/sitemapdocbullet.gif) no-repeat;
	/*margin-left:-1.1em;*/
	padding-left:1em;
	text-decoration:none;
	font-weight:normal;
}

ul.sitemap li img {
	padding-right:2px;
}

/*ul.sitemap li a:hover	{
	background : transparent url(../images/sitemapdocbullethover.gif) no-repeat;
	}*/

ul.sitemap li a.parent {
	border:0;
	background:transparent;
	padding-left:0;
	text-decoration:none;
	color:#000000;
}

ul.sitemap li ul {
	background:transparent /*url(../images/sitemapfolderbullet.gif)*/ no-repeat;
	list-style-type:none;
	margin:0em 0 0.5em 1em;
	padding:1.4em 0 0 0.6em;
}

ul.sitemap li ul:hover	{
	background:transparent /*url(../images/sitemapfolderbullethover.gif)*/ no-repeat;
}

ul.sitemap li ul li	{
	margin-left:0.5cm;
	padding-left:10px;
	margin-bottom:1em;
}

h3.sitewide {
	padding-top:10px;
	background:transparent url(../images/sitemapdocbullet.gif) no-repeat  0px 3px;
}

h3.sitewide a{	
	padding-top:10px;
	text-decoration:none;
	color:#333333;
	padding-left:14px;
}
/* IE FIX HACK*/
* html body {
	background:#77adcd;}
* html #contentbottom{	
	background-image:url(../images/ie6/contentfoot.png);}	
* html #contenttop{	
	background-image:url(../images/ie6/contenthead.png);}	
* html #contentmiddle{	
	background-image:url(../images/ie6/contenttile.png);}		

	
/* footer */
.footer{float:right; text-align:right; padding-right:30px; font-size:11px; color:#919191; height:20px;}
.footer a{color:#919191; text-decoration:none;}


.floatrightimg{float:right; padding:20px; margin-bottom:120px;}
.floatrightTriathlon{float:right; margin:0 0 10px 30px;}
.floatleftTriathlon{float:left; margin:0 30px 10px 10px;}

/* pitched brochures */

.pitchedbrochures {margin:0; padding:0; list-style:none;}
.pitchedbrochures li{display:inline; float:left; width:200px; height:60px;}
	
/* TEXT STYLES */

.noshow{display:none;}	

.red{color:#b20839;}
.boldred{color:#b20839; font-weight:bold;}
.white{color:#ffffff;}
.orange{color:#f09514;}
.darkgrey{color:#333333;}
.darkgreybold{color:#333333;font-weight:bold;}
.brightblue18{color:#1982c1; font-size:18px;}
.aboutdesc{color:#999999; font-size:12px;}
.size24 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#FFFFFF;
	letter-spacing:-1px;
}
.main12white {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.boldOrange{color:#ffcc00; font-weight:bold!important; text-decoration:underline;}

.branchLeft
{ position:relative; float:left; width:390px; border-right:#CCCCCC 1px dashed; margin-bottom:200px; }

.branchRight
{ position:relative; float:right; width:400px; border-bottom:#CCCCCC 1px solid; padding-bottom:4px; margin-bottom:20px; }

.branchRight h3
{ font-size:14px; color:#5f89a2; padding:0; margin:0; }