

/*contact form*/

.content.contentBlock.form label { 
	display: block;
	font: bold 14px arial;
	color: #4d4d4d;
	height: 28px;
	width: 80px;
	line-height: 28px;
	float: left;
	clear: left;
	text-align: right;
	margin-top: 12px;
	margin-left: 319px;
	overflow: hidden;
}


.content .contentBlock form  { 
	margin: -190px 0 0 480px ;
	
}


.content. contentBlock .form nameLabel {
	text-indent: 5000px;
	background: transparent url('img/label-name.gif') no-repeat right 9px;
}

.content.contentBlock.form emailLabel {
	text-indent: 5000px;
	background: transparent url('img/label-email.gif') no-repeat right 9px;
}

.content.contentBlock.form numberLabel {
  text-indent: 5000px;
  background: transparent url('img/label-phone.gif') no-repeat right 9px;
}

.content.contentBlock.form messageLabel {
	text-indent: 5000px;
	background: transparent url('img/label-message.gif') no-repeat right 10px;
}




.content .contentBlock.form .input focus {
	border: 0;
	outline: 0;
}

.content .contentBlock .form textarea {
	background: #fff url('img/bg-textarea.gif') no-repeat left top;
	height: 101px;
	width: 201px;
	padding: 27px 5px 3px 5px;
	border: 0;
	margin-top: 7px;
	font: normal 11px verdana, arial;
}

.content.contentBlock button {
	margin: 12px 0 0 99px;
}



html {overflow-y: scroll;height:100%;background:#cdcdcd;}
.accessibility {position:absolute;left:-9999px;top:-9999px;}
.clearfix:after, 
#navigation:after,
.iCols2:after,
.iCols3:after,

.iRow:after,
.article:after,
#gallery-nav:after,
.sCol:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.clearfix,
#navigation,
.iCols2,
.iCols3,

.iRow,
.article-copy,
#gallery-nav,
.sCol {display: inline-block;}

html[xmlns] .clearfix,
html[xmlns] #navigation,
html[xmlns] .iCols2,
html[xmlns] .iCols3,

html[xmlns] .iRow,
html[xmlns] .article,
html[xmlns] #gallery-nav,
html[xmlns] .sCol {display: block;}
html[xmlns] .iRow.breadcrumb{display:none;}

* html .clearfix,
* html #navigation,
* html .iCols2,
* html .iCols3,

* html .iRow,
* html .article,
* html #gallery-nav,
* html .sCol {height: 1%;}

body{margin:0;padding:0;font-family: arial, sans-serif;font-size: 0.75em;/*height:100%;*/letter-spacing:0.1px;background:#cdcdcd url('img/bk-main.gif') 0 0 repeat-x;}

#whole {}

a{border:0;color:#000;text-decoration:none;outline:none;}
a:hover{color:#000;}
img {border:0;}

#frame {clear:both;margin: 0 auto;width: 980px;text-align:left;padding:0;border:1px solid #ddd;border-width:0px;}

#header {clear:both;margin:0;width:980px;display:block;text-align:left;padding:0px 0 2px 0;color:#7e7e7e;background:#fff;}

.content{clear:both;margin:0 0 0px 0;}
/* Header Styles */

#logo{float:left;margin:0 0 3px 0;display:block;text-align:center;}

#contacts{display:block;width:750px;float:right;margin:0px 0px 0 0;color:#00000a;border:0px solid silver;}
#contacts .contact{float:left;display:block;width:210px;margin:0px 15px 0px 0;}
#contacts .contact p {margin-top:0;width:80%;}
#contacts .contact a{display:block;padding:10px 0 10px 60px;width:70%;}
#contacts .contact a strong{display:block;padding:0 1px;}

#contacts #TopQuote{float:right;margin-right:-20px;margin-top:-110px;width:360px;background:url('img/bk-icon-call.jpg') -5px 3px no-repeat;bac}

#contacts #TopQuote strong{display:block;padding:4px 0 0px 70px;width:80%;}
#contacts #TopQuote span {color:#919191;padding-left:5px;font-size:11px;display:}
#contacts #TopQuote span strong {display:inline;padding:0px;}
#contacts #TopQuote strong span{color:#919191;font-size:18px;font-weight:normal;letter-spacing:-1px;padding-left:0px;}
#contacts #TopQuote p{margin:0;display:block;padding:0px 0 0 70px;width:95%;color:#90a733;font-size:40px;letter-spacing:0;}

#navigation{clear:both;margin:0;width:980px;display:block;text-align:left;padding:0px 0 0 0;color:#7e7e7e;background:#90a733;}
#navigation ul#nav{display:inline;float:left;margin:0;padding:0;list-style-type:none;background:transparent;border:solid #ddd;border-width:0px 0px 0 0px;}
#navigation ul#nav li{display:inline;float:left;padding:0;margin:0px 0px 0px 0;}
#navigation ul#nav li a{font-size:12px;font-weight:normal;padding:13px;border:solid #ddd;border-width:0 1px;border-color:#fff #bbb #fff #333;float:left;background:#565656 url('img/bk-nav.gif') repeat-x;color:#fff;}
#navigation ul#nav li a.first{border-left:0;}	
#navigation ul#nav li a.last{background:#90a733;border-right:0;padding-right:11px;}		
#navigation ul#nav li a:hover {border-width:0 1px;color:#fff;background:#90a733;}
#navigation ul#nav li a.first:hover{border-left:0;}
#navigation ul#nav li a.last:hover{background:#90a733;}
#navigation ul#nav li.dir a:hover {color:#fff;background:#343434;border-bottom:0px solid #ddd;} 
#navigation ul#nav li.selected a {color:#fff!important;background:#90a733!important;border-bottom:0px solid #ddd;}
#navigation ul#nav li.selected a:hover {color:#fff!important;background:#343434!important;border-bottom:0px solid #ddd;}


#subNav{clear:right;float:left;padding:2px 0 0 10px;}
#subNav ul{float:left;display:inline;margin:0;padding:0;list-style-type:none;}
#subNav ul li a {padding:4px 8px;font-size:1.0em;font-weight:bold;-moz-border-radius:5px;margin-right:5px;}
#subNav ul li a:hover, #subNav ul li.selected a {background:#c41230;color:#fff;}
#subNav ul li a.inactive span{color:#fff;}
#subNav ul li a.active span{color:#343434!important;}


		
/* Content Styles */ 	
	
h1 {color:#90a733;font-weight:normal;font-size:1.8em;margin:10px 0;}
h1 span {display:block;color:#343434;}
h2 {display:block;color:#343434;font-weight:bold;font-size:24px;margin:0;padding:0px 0 1px 0;}
h3 {padding:5px 0px;color:#343434;font-weight:bold;font-size:24px;margin:0 0 10px 0;}
h4 {display:block;color:#343434;font-size:20px;font-weight:normal;padding:10px;margin:0;}
h5 {display:block;color:#343434;font-size:18px;font-weight:normal;margin:0 0 10px 0;padding:0;}

.content .contentBlock{width:980px;padding:1px 0;margin:0 0 10px 0;background:#fff;}
.content .contentBlock.product{margin:10px 0;}

.content .campaign{height:348px;padding:0;border-bottom:1px solid #ddd;margin-bottom:10px;background:#fff;}
.content .campaign .pane{display:none;height:348px;padding:0;}
.content .campaign .textLinks{position:relative;top:250px;left:640px;display:block;width:300px;height:60px;}
.content .campaign .textLinks ul{margin:0;padding:5px 0;}
.content .campaign .textLinks ul li{margin:0px 0;padding:0;list-style-type:none;}
.content .campaign .textLinks ul li a{display:block;color:#fff;padding:1px 0 8px 20px;text-decoration:none;font-size:16px;font-weight:bold;}
.content .campaign .textLinks ul li a:hover{color:#fff;}
.content .campaign .tabs{display:none;}

.content .campaign #windows{background:url('img/windows.jpg') 0 0 no-repeat;}
.content .campaign #doors{background:url('img/doors.jpg') 0 0 no-repeat;}
.content .campaign #conservatories{background:url('img/conservatories.jpg') 0 0 no-repeat;}
.content .campaign #porches-canopies{background:url('img/porches-canopies.jpg') 0 0 no-repeat;}
.content .campaign #roofline{background:url('img/roofline.jpg') 0 0 no-repeat;}
.content .campaign #flat-roofing{background:url('img/flat-roofing.jpg') 0 0 no-repeat;}
.content .campaign #garage-doors{background:url('img/garage-doors.jpg') 0 0 no-repeat;}
.content .campaign #driveways{background:url('img/driveways.jpg') 0 0 no-repeat;}
.content .campaign #kitchens{background:url('img/kitchens.jpg') 0 0 no-repeat;height:348px;}

.content .product .campaign{min-height:250px;border-bottom:1px solid #ddd;margin-bottom:10px;background:#fff;}

/* Column Styles */

.iCols, .iCols2, .iCols3 {clear:both;padding:0;border:0px solid silver;margin:10px 0 0 0;width:980px;}

/* Standard Column & elements */
.iCol {float:left;padding:0 10px;border:0px solid #fff;margin:0;width:900px;}
.iCol.last{border-right:1px solid #fff;}
.iCol p {}
.iCol p.lead {font-weight:normal;color:#900b0b;}
.iCol ul {list-style:none;margin:0;padding:0;}
/*.iCol ul li a {display:block;padding:10px 20px;}*/

/* Fixed width varitations */

/* iCols2 */

.iCols2{width:980px;border:0px;margin:0;padding:0;}
.iCols2 .iCol {width:460px;border:0px solid silver;}
.iCols2 .iCol .copy{width:100%;}

.iCols2 .iCol.main{width:535px;margin:0 0 0 10px;padding:0;border:0px solid #ddd;}
.iCols2 .iCol.main h1{margin:10px;}
.iCols2 .iCol.main a{font-weight:bold;text-decoration:underline;}
.iCols2 .iCol.main a:hover{color:#343434;}

.iCols2 .iCol.callouts{width:420px;margin:0 0px 0 0;padding:10px 0 0 0;}
.iCols2 .iCol.callouts div.testimonial {float:right;margin:0px 7px 10px 4px;padding:0;background:#f6f6f6;border:0px solid #ddd;}
.iCols2 .iCol.callouts div.cta {float:left;margin:0px 7px 10px 4px;padding:0;background:#f6f6f6;border:0px solid #ddd;}
.iCols2 .iCol.callouts div.cta ul{margin:0;padding:0px 0;}
.iCols2 .iCol.callouts div.cta ul li{margin:0px 0;padding:0;}
.iCols2 .iCol.callouts div.cta ul li a{display:block;color:#fff;padding:3px 0 3px 30px;text-decoration:none;font-weight:normal;}
.iCols2 .iCol.callouts div.cta ul li a:hover{color:#fff;background:#03168e;}


.home .iCols2 .main{width:940px;margin:0 0 0 20px;padding:0;border:0px solid #ddd;}
.home .iCols2 .main a{font-weight:bold;text-decoration:underline;}
.home .iCols2 .main a:hover{color:#343434;}


.home .iCols2 .iCol.main{width:344px;margin:0 0 0 10px;padding:0;border:0px solid #ddd;}
.home .iCols2 .iCol.callouts{width:610px;margin:0 0 0 0;padding:10px 0 0 0;border:0px solid #ddd;}

.iCols2.full .iCol.main{width:715px;margin:0 0 0 10px;padding:0;border:0px solid #ddd;}
.iCols2.full .iCol.main h1{margin:10px 0;}
.iCols2.full .iCol.main a{font-weight:bold;text-decoration:underline;}
.iCols2.full .iCol.main a:hover{color:#343434;}
.iCols2.full .iCol.main .copy{margin:0 10px;}
.iCols2.full .iCol.main .copy p{clear:both;width:95%;margin:10px 0;padding:0;color:#504e4f;}
.iCols2.full .iCol.main .copy p.lead{clear:both;color:#6569b3;font-weight:bold;}
.iCols2.full .iCol.main .copy ul{clear:both;margin:20px 20px;}
.iCols2.full .iCol.main .copy ul li{clear:both;margin:10px 0;list-style-type:disc;}

.iCols2.full .iCol.callouts{float:right;width:240px;margin:0 0 10px 10px;padding:0 0px;border:0px solid silver;}
.iCols2.full .iCol.callouts .cta {clear:both;margin:14px 0;width:230px;min-height:150px;background:#f6f6f6;border:0px solid #ddd;}
.iCols2.full .iCol.callouts .cta.action{margin-top:10px;background:#da0929;}
.iCols2.full .iCol.callouts .cta.action blockquote{margin:0 10px 5px 10px;color:#fff;}
.iCols2.full .iCol.callouts .cta.action cite{display:block;margin:0 10px 5px 10px;padding:10px 0 10px 0;color:#fff;border-bottom:1px dotted #fff;}

.iCols2.product{background:#fff;}
.iCols2.product .iCol.nav{width:200px;}
.iCols2.product .iCol.nav ul{display:block;margin:20px 10px 60px 10px;padding:0 0 5px 0;list-style-type:none;}
.iCols2.product .iCol.nav ul li{display:block;padding:0;margin:10px 0 2px 0;}
.iCols2.product .iCol.nav ul li a{display:block;background:url('img/bk-navLink.gif') 0 3px no-repeat;font-size:1em;font-weight:normal;padding:2px 10px 2px 15px;color:#5d5b5c;}		
.iCols2.product .iCol.nav ul li a:hover, .iCols2 .iCol.nav ul li.selected a {color:#c51230;}
.iCols2.product .iCol.nav ul ul{display:block;margin:10px 0px 20px 0px;padding:0;list-style-type:none;}
.iCols2.product .iCol.nav ul ul li a{font-size:1em;color:#000;font-weight:normal;color:#5d5b5c;border-bottom:0px dotted #343434;background:none;}	
.iCols2.product .iCol.nav ul ul li a:hover, .iCols2 .iCol.nav ul ul li a.selected {color:#c51230;}

.iCols2.product .iCol.main{width:740px;margin:0 10px;padding:0;}
.iCols2.product .iCol.main h1{display:block;margin:10px 0 10px 0;}
.iCols2.product .iCol.main .iCol.campaign{width:730px;height:250px;padding:0;}
.iCols2.product .iCol.main .iCol.campaign .pane{display:none;width:730px;height:250px;padding:0;}
.iCols2.product .iCol.main .iCol.campaign .cImage{width:730px;height:250px;padding:0;}
.iCols2.product .iCol.main .iCol.campaign .textLinks{position:relative;top:165px;left:400px;display:block;width:300px;height:60px;}
.iCols2.product .iCol.main .iCol.campaign .textLinks ul{margin:0;padding:5px 0;}
.iCols2.product .iCol.main .iCol.campaign .textLinks ul li{margin:0px 0;padding:0;}
.iCols2.product .iCol.main .iCol.campaign .textLinks ul li a{display:block;color:#fff;padding:1px 0 8px 20px;text-decoration:none;font-size:16px;font-weight:bold;}
.iCols2.product .iCol.main .iCol.campaign .textLinks ul li a:hover{color:#fff;}
.iCols2.product .iCol.main .iCol.campaign .tabs{display:none;}


.iCols2.product .iCol.main .copy{clear:both;float:left;width:480px;margin:0;padding:0;border:0px solid silver;}
.iCols2.product .iCol.main .copy .galleryImage{float:left;width:480px;padding:0;background:#f6f6f6;margin-bottom:10px;}

.iCols2.product .iCol.main .copy .iRow{width:480px;border:0;padding:0;margin:0 0 10px 0;}
.iCols2.product .iCol.main .copy .iRow .iBlock{float:left;width:220px;border:0px solid #ddd;margin:0px 20px 10px 0;background:#f6f6f6;}
.iCols2.product .iCol.main .copy .iRow .iBlock.last{margin:0;}
.iCols2.product .iCol.main .copy .iRow .iBlock h2{padding:5px 5px;font-size:18px;color:#504e4f;background:#f6f6f6;}
.iCols2.product .iCol.main .copy .iRow .iBlock h2 a {text-decoration:none;font-weight:normal;color:#504e4f;}
.iCols2.product .iCol.main .copy .iRow .iBlock .image{width:100%;min-height:100px;background:#f6f6f6;text-align:center;}
.iCols2.product .iCol.main .copy .iRow .iBlock p{display:block;padding:5px;margin:0;font-size:0.9em;}
.iCols2.product .iCol.main .copy .iRow .iBlock a.link{display:block;padding:5px 15px;color:#504e4f;text-decoration:none;margin:0;font-size:0.9em;background: url("img/bk-aLink.gif") 2px 6px no-repeat;}

.iCols2.product .iCol.main .copy h3{clear:both;font-size:18px;font-weight:normal;margin:20px 0px;color:#6569b3;}
.iCols2.product .iCol.main .copy p{clear:both;margin:10px 0;padding:0;color:#504e4f;}
.iCols2.product .iCol.main .copy p.lead{clear:both;color:#6569b3;font-weight:bold;}
.iCols2.product .iCol.main .copy ul{clear:both;margin:20px 15px;}
.iCols2.product .iCol.main .copy ul li{clear:both;margin:10px 0;list-style-type:disc;}

.iCols2.product .iCol.main .callouts{float:right;width:240px;margin:0 0 10px 10px;padding:0 0px;border:0px solid silver;}
.iCols2.product .iCol.main .callouts .cta {clear:both;margin:14px 0;width:230px;min-height:150px;background:#f6f6f6;border:0px solid #ddd;}
.iCols2.product .iCol.main .callouts .cta.first{margin-top:0;}
.iCols2.product .iCol.main .callouts .cta.action{margin-top:10px;background:#da0929;}
.iCols2.product .iCol.main .callouts .cta.action blockquote{margin:0 10px 5px 10px;color:#fff;}
.iCols2.product .iCol.main .callouts .cta.action cite{display:block;margin:0 10px 5px 10px;padding:10px 0 10px 0;color:#fff;border-bottom:1px dotted #fff;}
.iCols2.product .iCol.main .callouts .cta ul{margin:0;padding:5px 0;}
.iCols2.product .iCol.main .callouts .cta ul li{margin:0px 0;padding:0;}
.iCols2.product .iCol.main .callouts .cta ul li a{display:block;color:#fff;padding:3px 0 3px 30px;text-decoration:none;font-weight:bold;background:#da0929 url('img/bk-arrow-red.gif') 10px 5px no-repeat;}
.iCols2.product .iCol.main .callouts .cta ul li a:hover{color:#fff;background:#03168e url('img/bk-productCTALink.gif') 10px 5px no-repeat;}


.iCols2.product .iCol.main .callouts #productCTA.cta.action{margin-top:0;background:#03168e;}
.iCols2.product .iCol.main .callouts #productCTA.cta.action .summary{color:#fff;font-size:24px;letter-spacing:-0.5px;margin:0 10px 5px 10px;padding:30px 0px 10px 0px;border-bottom:1px dotted #fff;}
.iCols2.product .iCol.main .callouts #productCTA.cta.action ul{padding:5px 0 10px 0;}
.iCols2.product .iCol.main .callouts #productCTA.cta.action ul li a{display:block;color:#fff;padding:3px 0 3px 30px;text-decoration:none;font-weight:normal;background:#03168e url('img/bk-productCTALink.gif') 10px 5px no-repeat;}
.iCols2.product .iCol.main .callouts #productCTA.cta.action ul li a:hover{color:#fff;background:#da0929 url('img/bk-arrow-red.gif') 10px 5px no-repeat;}

.iCols2.product .iCol.main .callouts .cta.testimonial{margin-top:10px;background:#da0929;}
.iCols2.product .iCol.main .callouts .cta.testimonial h4{height:90px;text-indent: -9999px;background:#da0929 url('img/cta-action.gif') 0 0 no-repeat;}
.iCols2.product .iCol.main .callouts .cta.testimonial blockquote{margin:0 10px 5px 15px;color:#fff;}
.iCols2.product .iCol.main .callouts .cta.testimonial cite{display:block;margin:0 10px 5px 15px;padding:10px 0 20px 0;color:#fff;}

/* iCols3 */

.iCols3{width:960px;border:0;margin:0 10px 20px 10px;}
.iCols3 .iCol {width:316px;padding:0;border:0px solid silver;}


.iCols3.textCallouts{width:940px;border:0;margin:20px;}
.iCols3.textCallouts .iCol {width:300px;padding:0;margin:0;border:0px solid silver;background:#f6f6f6;}
.iCols3.textCallouts .iCol.centre{margin:0 20px}
.iCols3.textCallouts .iCol h3{font-size:24px;font-weight:normal;margin-bottom:0px;}
.iCols3.textCallouts .iCol h3 a{display:block;padding:10px 10px 8px 10px;}
.iCols3.textCallouts .iCol .copy{width:300px;margin:0;}
.iCols3.textCallouts .iCol .copy a{display:block;padding:2px 120px 12px 25px;background:url('img/linktab.png') 10px 3px no-repeat;}

/*Footer CSS */
.iCols3.textCallouts #footer-fensa {background:#f6f6f6;}
.iCols3.textCallouts #footer-links {background:#f6f6f6;}
.iCols3.textCallouts #footer-links ul{margin:0;padding:6px 0;}
.iCols3.textCallouts #footer-links ul li{margin:0px 0;padding:0;}
.iCols3.textCallouts #footer-links ul li a{display:block;color:#000000;padding:1px 0 1px 30px;text-decoration:none;font-weight:normal;}





.iCols3.textCallouts #footer-sitemap{background:#ffffff;}
.iCols3.textCallouts #footer-sitemap h3 {padding:10px 10px 2px 10px;color:#000000;}
.iCols3.textCallouts #footer-sitemap a{color:#000000;}
.iCols3.textCallouts #footer-sitemap ul{margin:0;padding:6px 0;}
.iCols3.textCallouts #footer-sitemap ul li{margin:0px 0;padding:0;}
.iCols3.textCallouts #footer-sitemap ul li a{display:block;color:#000000;padding:1px 0 1px 30px;text-decoration:none;font-weight:normal;}

#mid{float:right;margin-left: 30px;}
#mid ul {margin: -118px 130px 0 50px;}
#mid ul li a{padding:1px 0 1px 4px;font-weight:normal;}

.iCols3.textCallouts #footer-sitemap ul li a:hover{color:#90a733;}


.iCols3 h1 {border-bottom:1px dotted #ddd;width:650px;margin:0;}


/* Content Columns & Rows */

.copy {width:680px;border-right:0px solid silver;}
.copy h2 {display:block;color:#343434;padding:0;margin:10px 0;}
.copy h3 {display:block;color:#343434;padding:0;margin:10px;}
.copy p {padding:5px 10px;width:90%;}



/* Footer Styles */
#footer{clear:both;padding:20px 0;margin:10px 0;width: 980px;background:#dcdcdc;;text-align:left;color:#343434;}


#copyright{font-size:0.9em;margin:0 20px;}
#copyright img{float:left;}
#copyright p{margin:5px 0 0 5px;clear:left;float:left;}

#seo{font-size:0.9em;margin:-60px 0 0 0;}
#seo p{margin:4px 0 0 20px;}



