@charset "utf-8";
/* CSS Document */

html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-image:url(/images/top-left-bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
div{
	position:relative;
	z-index:2;
}
img{
	display:block;
	border:0px;
}
a{
	color:#104b7d;
	text-decoration:underline;
}
a:hover{
	color:#809fba;
}
h1{
	color:#104b7d;
	font-size:18px;
	font-weight:normal;
}
h2{
	color:#104b7d;
	font-size:16px;
	font-weight:normal;
}
p{
	line-height:18px;
}
sup{
	font-size:0.5em;
}
.clear{
	clear:both;
}
div#grey-strip, div#grey-strip1{
	width:100%;
	height:227px;
	background-color:#cac9c9;
	position:absolute;
	top:182px;
}
div#grey-strip1{
	height:120px;
}
div#right-bg{
	position:absolute;
	z-index:1;
	right:0px;
	width:50%;
	height:420px;
	background-image:url(/images/top-right-bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
div#wrapper{
	width:100%;
	height:100%;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/images/wrapper-top.gif);
	background-repeat:no-repeat;
	background-position:top;
}
html>body #wrapper{
	height:auto;
}
div#wrapper1{
	width:908px;
	height:100%;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/images/wrapper-top.gif);
	background-repeat:no-repeat;
	background-position:top;
}
html>body #wrapper1{
	height:auto;
}
div.image-loader{
	position:absolute;
	left:-2000px;
	top:-2000px;
}
div.image-loader img{
	position:absolute;
	left:0px;
	top:0px;
}
div.heading{
	width:869px;
	margin-left:auto;
	margin-right:auto;
	height:auto!important;
}
div.heading1{
	width:869px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
}
div.logo{
	width:314px;
	height:110px;
	padding-top:46px;
	float:right;
	padding-right:35px;
}
div.hero{
	width:854px;
	height:281px;
	margin-left:auto;
	margin-right:auto;
}
div.hero1{
	width:854px;
	height:170px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}
div.nav{
	width:515px;
	height:110px;
	float:left;
	padding-top:13px;
}

div.shuffle-left{
	text-align:left;
	line-height:20px;
	height:20px;
	
	
}
div.shuffle-left a{
	font-size:12px;
}
div.top-nav{
	width:515px;
	padding-top:10px;
	padding-bottom:30px;
	height:33px;
	line-height:33px;
}
div.top-nav a{
	display:inline-block;
	color:#cfdbe5;
	font-size:14px;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
}
div.top-nav a{
	margin-right:20px;
	color:#ffffff;
	font-weight:bold;
}

div.top-nav a:hover{
	color:#cfdbe5;
}
div.top-nav a.current, div.top-nav1 a.current{
	color:#FFF;
	font-weight:bold;
}
div.bot-nav{
	width:515px;
	height:77px;
	padding-top:20px;
	
}
div.bot-nav a{
	color:#104b7d;
	text-decoration:none;
	font-size:14px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
}
div.bot-nav a:hover{
	color:#a9a791;
}
div.bot-nav a.nav-franchise{
	 margin-left: 0px;
}
div.bot-nav a.nav-infomercials{
	padding-left: 8px;
}
div.bot-nav a.nav-testimonials{
	 padding-left: 4px;
}
div.bot-nav a.nav-contact{
	 padding-left: 0px;
}

div.content{
	width:794px;
	margin-left:auto;
	margin-right:auto;
	height:auto!important;
	height:100px;
	min-height:100px;
	padding-bottom:40px;
	padding-top:40px;
}
div.content1{
	width:869px;
	margin-left:auto;
	margin-right:auto;
	height:auto!important;
	height:100px;
	min-height:100px;
	padding-bottom:40px;
	padding-top:40px;
}

div#footer{
	position:absolute;
	z-index:10;
	width:100%;
	height:120px;
	margin-top:-120px;
	background-image:url(/images/footer-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
div#footer-left{
	width:50%;
	height:120px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(/images/footer-bg1.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
div.footer-mid{
	width:861px;
	margin-left:auto;
	margin-right:auto;
	height:120px;
	background-image:url(/images/footer-bg3.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	word-spacing:2px;
	padding-left:8px;
}
div.contacts{
	height:65px;
	padding-top:20px;
	padding-left:30px;
}
div.contacts div{
	 padding-bottom:5px;
	 font-size:18px;
	 padding-bottom:30px;
}
div.contacts span{
	font-size:11px;
}
div.copyright{
	color:#809fba;
	line-height:24px;
	padding-top:10px;
	padding-left:30px;
}
.bold-it{
	font-weight:bold;
	color:#104b7d;
}
h1.top-heading{
	padding-top:0px;
	margin-top:0px;
}
h1.top-heading1{
	padding-top:0px;
	margin-top:0px;
	font-size:24px;
}
div.intro{
	width:534px;
	height:auto!important;
	height:100px;
	min-height:100px;
}
div.home-boxes{
	width:534px;
	height:auto!important;
	height:100px;
	min-height:100px;
	padding-top:30px;
}
img.summer-special{
	float:right;
}
div.home-list{
	width:210px;
	height:auto!important;
	height:100px;
	min-height:100px;
	padding-left:45px;
	float:right;
	display:inline;
}
div.home-content{
	width:534px;
	float:left;
}
img.insul{
	width:446px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:17px;
}
img.nine-top{
	padding-bottom:20px;
}
div.home-list a{
	display:inline-block;
	width:195px;
	padding-left:5px;
	line-height:27px;
	text-decoration:none;
	color:#000;
	border-bottom:1px #666 dotted;
}
div.home-list a.infomercial{
	display:inline-block;
	width:205px;
	line-height:normal;
	text-decoration:none;
	color:#000;
	border-bottom:none;
	padding-left:0px;
	margin-top:30px;
}
div.home-list a span{
	display:inline-block;
	padding-right:6px;
	color:#104b7d;
	font-weight:bold;
}
div.home-list a:hover{
	color:#104b7d;
}
div.home-list a img{
	display:inline-block;
	padding-left:4px;
}
div.bottom-content{
	width:100%;
	height:auto!important;
	height:100px;
	min-height:100px;
	background-color:#e7e7e7;
	border-top:1px #666 dotted;
	padding-bottom:140px;
}
div.bottom-middle{
	width:794px;
	margin-left:auto;
	margin-right:auto;
	height:auto!important;
	height:50px;
	min-height:50px;
	padding-top:40px;
}
div.bottom-boxes{
	width:289px;
	float:left;
}
img.fujitsu{
	margin-bottom:40px;
}
div.showrooms{
	width:465px;
	padding-left:40px;
	float:left;
	background-image:url(/images/nz-map1.jpg);
	background-repeat:no-repeat;
	background-position:right center;
}

div.showrooms h1, div.showrooms1 h1{
	margin-bottom:0px;
}
div.showrooms p, div.showrooms1 p{
	margin-top:0px;
}
div.pinkbatts-side{
	width:720px;
	height:auto!important;
	height:50px;
	min-height:50px;
	margin-left:auto;
	margin-right:auto;
	padding-left:30px;
	padding-top:30px;
}
div.pinkbatts-side div{
	width:200px;
	padding-left:20px;
	padding-right:20px;
	float:left;
}
div.pad-me{
	width:794px;
	padding-top:30px;
}
a.big{
	font-size:14px;
}
img.insulation-img{
	float:left;
	padding-right:20px;
	display:block;
	width:140px;
}
div.insulation-div{
	float:left;
	width:632px;
}
div.reasons{
	width:794px;
	height:auto!important;
	height:150px;
	min-height:150px;
	padding-top:30px;
	padding-bottom:30px;
}
img.middle-logo{
	width:430px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
}
div.reason{
	width:367px;
	height:auto!important;
	height:50px;
	min-height:50px;
	padding-right:40px;
	float:left;
}
div.alt-reason{
	width:367px;
	padding-right:0px;
	float:left;
	height:auto!important;
	height:50px;
	min-height:50px;
}
div.reason div, div.alt-reason div{
	width:367px;
	height:auto!important;
	height:50px;
	min-height:50px;
	padding-bottom:10px;
	border-bottom:1px #666 dotted;
}
div.alt-reason div.borderless{
	width:367px;
	height:auto!important;
	height:50px;
	min-height:50px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:none;
}
p.numbering{
	font-weight:bold;
	color:#4a5c8a;
	font-size:14px;
	margin:0px;
	padding:0px;
	padding-top:10px;
}
div.summer-flash{
	width:500px;
	height:280px;
	padding-left:30px;
}
div.summer-flash-inners{
	position:absolute;
	width:500px;
	height:280px;
}
.existing-windows{
	width:908px;
	height:auto!important;
	height:150px;
	min-height:150px;
	margin:0px;
}
img.existing{
	position:absolute;
	z-index:4;
	top:0px;
}
div.existing-buffer{
	width:908px;
	height:125px;
}
div.existing-house{
	z-index:5;
	width:408px;
	padding:10px 0px 0px 17px;
	text-align:center;
	height:auto!important;
	height:150px;
	min-height:150px;
	background-color:#ffffff;
	float:left;
}
div.existing-house span{
	line-height:27px;
}
div.existing-comments{
	z-index:3;
	width:483px;
	height:auto!important;
	height:125px;
	min-height:125px;
	background-color:#ffffff;
	float:left;
	text-align:center;
	padding-top:162px;
	color:#2b497a;
	font-style:italic;
	font-weight:bold;
}
div.existing-comments p{
	margin:0px;
	padding:0px;
	padding-top:8px;
}
div.existing-comments img{
	display:inline;
}
div.windows{
	width:908px;
	height:auto!important;
	height:420px;
	min-height:420px;
	background-color:#FFF;
}
div.windows-gap{
	width:908px;
	height:390px;
	z-index:3;
}
div.windows1{
	width:908px;
	height:auto!important;
	height:120px;
	min-height:120px;
	background-color:#FFF;
	margin-bottom:30px;
	left:-19px;
}
img.window-img{
	position:absolute;
	z-index:4;
	top:0px;
}
div.windows-text{
	width:908px;
	height:auto!important;
	height:20px;
	min-height:20px;
	z-index:5;
	text-align:center;
	padding-bottom:15px;
}
div.summer-details{
	width:908px;
	height:auto!important;
	height:20px;
	min-height:20px;
	background-color:#114a7c;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
div.summer-details1{
	width:908px;
	height:auto!important;
	height:20px;
	min-height:20px;
	background-color:#114a7c;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	left:-19px;
}
div.summer-details h1, div.summer-details1 h1{
	color:#f8ce39;
	font-size:22px;
}
div.summer-details h2, div.summer-details1 h2{
	color:#fff;
	font-size:22px;
}
div.summer-details a, div.summer-details1 a{
	color:#FFF;
}
div.summer-details a:hover, div.summer-details1 a:hover{
	color:#809fba;
}
div.franchise-right{
	width:190px;
	height:auto!important;
	height:100px;
	min-height:100px;
	float:right;
	margin-left:30px;
}
div.head-office{
	width:150px;
	height:139px;
	padding:20px;
	background-color:#e7e7e7;
	border:1px #666 dotted;
}
div.franchise-link{
	margin-top:10px; text-align:center;
}
div.form-container{
	width:550px;
	height:auto!important;
	height:20px;
	min-height:20px;
	padding-top:20px;
}
div.form{
	width:275px;
	height:auto!important;
	height:20px;
	min-height:20px;
	padding-bottom:10px;
	float:left;
}
div.form span, div.form label{
	display:inline-block;
	zoom:1;
	* display:inline;
	font-weight:bold;
}
div.form input{
	float:right;
	margin-right:20px;
}
div.form input[type="checkbox"]{
	float:none;
	margin-right:10px;
}
div.form-textarea{
	width:550px;
	height:auto!important;
	height:20px;
	min-height:20px;
	padding-bottom:10px;
}
div.form-textarea label{
	display:inline-block;
	zoom:1;
	* display:inline;
	font-weight:bold;
	width:105px;
}
div.form-textarea textarea{
	vertical-align:top;
	width:420px;
	height:75px;
}
div.form-textarea1{
	width:550px;
	height:auto!important;
	height:20px;
	min-height:20px;
	padding-bottom:10px;
}
div.form-textarea1 label{
	display:block;
	font-weight:bold;
}
div.form-textarea1 textarea{
	vertical-align:top;
	width:420px;
	height:75px;
}
div.interested-in{
	margin-top:20px;
	border-top:1px #666 dotted;
	padding-top:20px;
	width:550px;
	height:auto!important;
	height:20px;
	min-height:20px;
}
div.interested-in textarea{
	width:550px;
	height:75px;
}
.error{
	color:#F00;
}
input.errors{
	background-color:#F00;
	color:#FFF;
}
div.form-errors{
	width:400px;
	padding:15px;
	background-color:#F00;
	color:#FFF;
}
div.notice-good{
	padding-top:20px;
	padding-bottom:20px;
	font-size:16px;
	color:#F00;
}
div.notice-bad{
	padding-top:20px;
	padding-bottom:20px;
	font-size:16px;
	color:#F00;
}
/*Infomercials*/
.infomercials{
	width:800px;
	margin:0px auto;
}
.infomercials div{
	width:150px;
	margin:0px 25px;
	float:left;
}
/*FAQ*/
h2.faq-question{
	font-size:16px;
	font-weight:normal;
	color:#104B7D;
}
.faq-top{
	display:block;
	text-align:right;
	width:50px;
	float:right;
	font-size:11px;
}
.faq-top-outer{
	border-top:1px #ccc dotted;
	padding-top:5px;
}
/*
Double glazing page
*/
.customer-feedback{
	width:360px;
	height:auto!important;
	height:200px;
	min-height:200px;
	margin:50px 0px 0px 0px;
	padding:20px;
	background-color:#E7E7E7;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
}
.customer-feedback p{
	margin-bottom:20px;
}
.customer-feedback h2{
	margin-top:0px;
	color:#4A5C8A;
}

/*Gallery*/
.gallery img{
	
}
.gallery a{
	border:1px #999 solid;
	margin:10px;
	padding:5px;
	display:block;
	width:100px;
	height:100px;
	float:left;
}


/*Navigation*/
ul#topnav {
    padding:0px 14px;
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	line-height:30px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	height: 30px;
	padding:0px 17px 0px 18px;
	text-decoration:none;
}
ul#topnav li a.first-link{
	padding:0px 17px 0px 0px;
}
ul#topnav li a.last-link{
	padding:0px 0px 0px 18px;
}
ul#topnav li a:hover{
}
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 30px; left: 0;
	z-index: 99999;
	background-color: #ffffff;
	padding: 10px 20px 20px 10px;
	margin-left:10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border:1px #104B7D solid;
	
}
ul.rollback li .sub, ul.rollforward li .sub{
	display: none; /*--Hidden for those with js turned off--*/
}

ul.rollback li:hover .sub {
	display:block;
}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 125px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	color:#104B7D;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 7px 0px 0px 10px;
	display: block;
	text-decoration: none;
	color: #295e86;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	line-height:18px;
	background-image:url(/images/sub-nav-arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
ul#topnav .sub ul li a:hover {
	color:#a9a791;
}