/* Phantom Screens CSS Document created 03.07.09 by Why Design */


/*Generic Structure =====================================================================*/

body {
	background:url(images/blue_line.gif) repeat-x #FFFFFF;
	/*the next bit is a hack for i.e. 5 and 5.5*/
	text-align:left;
	margin:0;
	padding:0;
}

.container {
	position:relative;
	/*the next bit is a positioning hack for ie*/
	margin:0 auto;
	/*the next bit is a hack for i.e. in windows xp*/
	padding:0;
	width:972px;
}

#header{
	width:980px;
	height:108px;
	background:url(images/header.jpg) no-repeat #16234D;
	margin:0;
	padding:0;
}

#header_print {
	visibility:hidden;
	position:absolute;
	z-index:100;
}

#innercontainer {
	width:972px;
	background:url(images/white_line.gif) repeat-y #B2A080;
	margin:0;
	padding:0;
}

#image-doors, #image-windows, #image-powered, #image-diy, #image-conservatories, #image-benefits {
	width:288px;
	height:350px;
	background:url(images/image-doors.jpg) no-repeat;
}

#image-windows {
	background:url(images/image-windows.jpg) no-repeat;
}

#image-powered {
	background:url(images/image-powered.jpg) no-repeat;
}

#image-diy {
	background:url(images/image-diy.jpg) no-repeat;
}

#image-conservatories {
	background:url(images/image-conservatories.jpg) no-repeat;
}

#image-benefits {
	background:url(images/image-benefits.jpg) no-repeat;
}

#ask-question-home {
	width:120px;
	float:right;
}

#ask-question a, #ask-question-windows a, #ask-question-powered a, #buy-now a, #ask-question-home a, #buy-now a, #ask-question-home a, #ask-question-diy a {
	font:"Times New Roman", Times, serif;
	font-size:14px;
	color:#16234D;
	display:block;
	width:108px;
	height:22px;
	text-decoration:none;
	background:url(images/ask-question-doors.jpg) no-repeat;
	margin:10px 0 0 7px;
	padding:2px 0 3px 0;
	text-align:center;
}

#buy-now a {
	width:75px;
	padding:4px 0 3px 0;
}

#ask-question-home a {
	margin:7px 0 0 2px;
	padding:2px 0 3px 0;
	background:url(images/ask-question-home.jpg) no-repeat;
}

#ask-question-windows a, #email-friend-windows a {
	background:url(images/ask-question-windows.jpg) no-repeat;
}

#ask-question-powered a {
	background:url(images/ask-question-powered.jpg) no-repeat;
}

#ask-question-diy a {
	background:url(images/ask-question-diy.jpg) no-repeat;
}

#ask-question a:hover, #ask-question-windows a:hover, #ask-question-powered a:hover, #buy-now a:hover, #ask-question-home a:hover, #ask-question-diy a:hover {
	color:#FFF;
}

#email-friend a, #email-friend-windows a, #email-friend-powered a {
	font:"Times New Roman", Times, serif;
	font-size:14px;
	color:#16234D;
	display:block;
	width:108px;
	height:22px;
	text-decoration:none;
	background:url(images/ask-question-doors.jpg) no-repeat;
	margin:5px 0 0 7px;
	padding:2px 0 3px 0;
	text-align:center;
}

#email-friend-windows a {
	background:url(images/ask-question-windows.jpg) no-repeat;
}

#email-friend-powered a {
	background:url(images/ask-question-powered.jpg) no-repeat;
}

#email-friend a:hover, #email-friend-windows a:hover, #email-friend-powered a:hover {
	color:#FFF;
}

#download-brochure a, #download-brochure-windows a, #download-brochure-powered a, #download-brochure-diy a, #download-manual a {
	font:"Times New Roman", Times, serif;
	font-size:14px;
	color:#16234D;
	display:block;
	width:110px;
	height:38px;
	text-decoration:none;
	background:url(images/download-brochure-doors.jpg) no-repeat;
	margin:5px 0 0 7px;
	padding:4px 0 3px 0;
	text-align:center;
}

#download-brochure-windows a {
	background:url(images/download-brochure-windows.jpg) no-repeat;
}

#download-brochure-powered a {
	background:url(images/download-brochure-powered.jpg) no-repeat;
}

#download-brochure-diy a, #download-manual a {
	background:url(images/download-brochure-diy.jpg) no-repeat;
}

#download-brochure a:hover, #download-brochure-windows a:hover, #download-brochure-powered a:hover, #download-brochure-diy a:hover, #download-manual a:hover {
	color:#FFF;
}

#price-point {
	position:relative;
	top:305px;
	left:13px;
	width:250px;
}

#price-point-powered {
	position:relative;
	top:305px;
	left:13px;
	width:250px;
}

.flash {
	width:288px;
	height:350px;
}

.home-header, .offer-header {
	float:left;
	background-color:#16234D;
	margin:0;
	width:576px;
	height:35px;
}

.offer-header {
	background-color:#EBB038;
}

.home-header h1, .offer-header h1 {
	font-size:18px;
	font:"Times New Roman", Times, serif;
	color:#FFF;
	float:left;
	margin:0 0 0 10px;
	padding:0;
}

.offer-header h1 {
	color:#16234D;
}

#content, #content_green, #content_gold, #content_doors, #content_diy, #content_contact {
	width:576px;
	float:left;
	background-color:#CABF9F;
	margin:0;
	padding:0;
}

#content_green {
	background-color:#ECDFA4;
}

#content_gold {
	background-color:#D1D3A3;
}

#content_doors {
	background-color:#D9C3AA;
}

#content_diy {
	background-color:#DFD8C5;
}

#content_contact {
	background-color:#E2DAC7;
}

.leftcol-home ul, .rightcol-home ul {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

.leftcol-home ul li, .rightcol-home ul li {
	background:url(images/home-tick.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#16234D;
	padding:0 0 0 20px;
	margin:10px 0 0 10px;
	}

#leftcol, .leftcol-home {
	float:left;
	width:288px;
	padding:0;
	margin:0;
}

#rightcol, #rightcol_fixed, #rightcol_sitemap, .rightcol-home {
	float:left;
	width:288px;
	background:#FFF;
	padding:0;
	margin:0;
}

.rightcol-home {
	background-color:#D9C3AA;
}

#rightcol ul, #rightcol_fixed ul, #rightcol_sitemap ul {
	list-style:disc;
	margin:0 0 15px 29px;
	padding:0;
}

#rightcol ul li, #rightcol_fixed ul li, #rightcol_sitemap ul li {
	margin:5px 15px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808183;
}

#rightcol_sitemap ul li a {
	color:#666;
}

#rightcol_fixed {
	height:500px;
}

#rightcol table, #rightcol_fixed table {
	border:solid 1px #ECE7DF;
	margin:0 15px 15px 15px;
}

#rightcol table td, #rightcol_fixed table td {
	border:solid 1px #ECE7DF;
}

#rightcol p a, #rightcol_fixed p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#16234D;
	text-decoration:none;
	margin:0;
	padding:0;
}

#singlecol {
	float:left;
	width:536px;
	padding:0;
	/*the next bit is a hack for i.e. to position the columns correctly*/
	margin:0 10px 10px 10px;
}
/*this overides the ie hack above in complient browsers*/
html > body #singlecol {
	margin:0 20px 10px 20px;
}

#singlecol_form {
	float:left;
	width:576px;
	padding:0;
	margin:0;
}

#singlecol_form h2 {
	font-size:18px;
	margin-bottom:5px;
}

#singlecol_form p {
	color:#16234D;
}

#singlecol_download {
	float:left;
	width:576px;
	height:600px;
	padding:0;
	margin:0;
}

#singlecol_terms {
	float:left;
	width:576px;
	padding:0;
	margin:0;
}

#singlecol_terms p {
	color:#16234D;
}

#singlecol_terms ul {
	list-style:disc;
	margin:0 0 0 13px;
	padding:0;
}

#singlecol_terms ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#16234D;
	margin:0 15px 10px 15px;
	padding:0;
}

#innerleftcol {
	float:left;
	width:129px;
}

#innerrightcol {
	width:129px;
	float:left;
}

.whiteline {
	height:1px;
	background-color:#FFFFFF;
	margin:0 0 10px 0;
}

#diy-text {
	float:left;
	margin:20px 0 0 10px;
	width:170px;
	font-size:13px;
	color:#FFF;
}

.clear {
	clear:both;
}

#address {
	float:left;
	width:200px;
	margin:10px 0 0 10px;
}

#the-complete-service h2 {
	font-family:Arial, Helvetica, sans-serif;
font-size:14px;
	color:#16234D;
	margin:10px 0 10px 10px;
	font-weight:bold;
}

#the-complete-service ol {
	margin:0 0 0 30px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
font-size:14px;
	color:#16234D;
}

#the-complete-service ol li {
	margin:0 0 5px 0;
}

#the-complete-service ol li a {
	margin:0 0 5px 0;
	padding:0;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
font-size:14px;
	color:#16234D;
}

#the-complete-service ol li a:hover {
	color:#FFF;
}

#footer_line {
	background:#16234D;
	height:1px;
}

#footer {
	width:960px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#808183;
	background-color:#FFFFFF;
	margin:0;
	padding:7px 0 0 0;
}

#copyright {
	float:left;
	width:180px;
	margin:0;
	padding:0 0 0 22px;
}

#footerlinks {
	float:left;
	margin:0;
	padding:0 0 0 10px;
}

#footer a {
	text-decoration:none;
	color:#808183;
}

#footer a:hover {
	text-decoration:underline;
}

#flags {
	float:left;
	width:200px;
}

#uk a {
	display:block;
	float:left;
	width:21px;
	height:10px;
	background-image:url(images/uk_flag.gif);
	background-repeat:no-repeat;
	margin:0 0 0 15px;
	padding:0;
}

#uk_home a {
	margin:0 0 0 102px;
}

#canada a {
	display:block;
	float:left;
	width:21px;
	height:10px;
	background-image:url(images/canada_flag.gif);
	background-repeat:no-repeat;
	margin:0 0 0 5px;
	padding:0;
}

#australia a {
	display:block;
	float:left;
	width:21px;
	height:10px;
	background-image:url(images/australia_flag.gif);
	background-repeat:no-repeat;
	margin:0 0 0 5px;
	padding:0;
}

#credit {
	float:right;
	margin:0;
	padding:0;
}


/*Navigation (Right) =====================================================================*/


#rightnav {
	float:left;
	width:192px;
	height:350px;
	margin:0;
	padding:0;
}

#hotlink-doors a, #hotlink-windows a, #hotlink-powered a, #hotlink-diy a, #hotlink-special a {
	float:left;
	width:187px;
	height:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#16234D;
	background:url(images/hotlink-doors.jpg) no-repeat;
	padding:63px 0 0 5px;
}

#hotlink-windows a {
	background:url(images/hotlink-windows.jpg) no-repeat;
}

#hotlink-powered a {
	background:url(images/hotlink-powered.jpg) no-repeat;
}

#hotlink-diy a {
	background:url(images/hotlink-diy.jpg) no-repeat;
}

#hotlink-special a {
	background:url(images/hotlink-special.jpg) no-repeat;
}

#hotlink-doors a:hover, #hotlink-doors a.selected, #hotlink-windows a:hover, #hotlink-windows a.selected, #hotlink-powered a:hover, #hotlink-powered a.selected, #hotlink-diy a:hover, #hotlink-diy a.selected, #hotlink-special a:hover, #hotlink-special a.selected {
	color:#FFF;
}

/*Navigation (Main) =====================================================================*/


#nav {
font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:192px;
	margin:0 0 0 12px;
	padding:0;
}

#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#nav ul li a, #nav ul li.trade a {
	display:block;
	height:18px;
	width:154px;
	font-size:11px;
	text-decoration:none;
	color:#808183;
	padding:4px 0 0 10px;
	margin:0;
	border-bottom:solid 1px #B2A080;
}

#nav ul li.trade a {
	background:#FF0;
	}
	
	#nav ul li.trade a:hover, #nav ul li.trade a.selected, #nav ul li.trade ul li a:hover, #nav ul li.trade ul li a.selected {
	background:#F00;
	color:#FFF;
	}

#nav ul li a:hover, #nav ul li a.selected {
	background:#B2A080;
	color:#FFF;
}

#nav li.nav-space a:hover {
	background:#FFF;
	color:#808183;
}

#nav ul ul li a, #nav ul li.trade ul li a {
	display:block;
	height:18px;
	width:144px;
	font-size:11px;
	text-decoration:none;
	background:#D8CFBF;
	color:#808183;
	padding:2px 0 0 20px;
	margin:0;
	border:none;
}

#nav ul ul li a:hover, #nav ul ul li a.selected {
	background:url(images/sub_rollover.gif) no-repeat #D8CFBF;
	color:#808183;
}

#nav ul ul ul li a {
	display:block;
	height:18px;
	width:134px;
	font-size:11px;
	text-decoration:none;
	background:#ECE7DF;
	color:#808183;
	padding:2px 0 0 30px;
	margin:0;
}

#nav ul ul ul li a:hover, #nav ul ul ul li a.selected {
	background:url(images/subsub_rollover.gif) no-repeat #ECE7DF;
	color:#808183;
}

#phone-no, #phone-no-trade {
	width:170px;
	margin:20px 0 0 10px;
	color:#16234D;
	background:url(images/phone-icon.jpg) no-repeat;
}

#phone-no p {
	color:#16234D;
	margin:0;
	padding:5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
}

#phone-no-trade p {
	color:#900;
	margin:0;
	padding:5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
}


#phone-no p span, #phone-no-trade p span {
	padding:0 0 0 38px;
}

/*Navigation (Footer) =====================================================================*/


#footer-nav {
	margin:0;
	padding:5px 0 5px 0;
	width:890px;
}

#footer-nav ul {
	list-style:none;
	margin:0 0 0 23px;
	padding:0;
}

#footer-nav ul li {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#808183;
	margin:0;
	padding:0;
}
	
#footer-nav ul li a {
	font-size:9px;
	text-decoration:none;
	color:#808183;
	padding:0;
	margin:0;
}

#footer-nav ul li a:hover {
	text-decoration:underline;
}


/*Type styles =====================================================================*/


h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:36px;
	line-height:34px;
	font-weight:lighter;
	color:#16234D;
	margin:15px 10px 15px 15px;
	padding:0;
}

h2, h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#16234D;
	margin:0 15px 15px 15px;
	padding:0;
}

h3 {
	font-weight:bold;
	margin:0 15px 7px 15px;
	color:#808183;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#B2A080;
	margin:0 15px 10px 15px;
	padding:0;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#16234D;
	margin:15px 0;
	padding:0;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#16234D;
	margin:15px 0 0 15px;
	padding:0;
}

h7 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	margin:15px 0;
	padding:0;
}

.caption {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	margin:7px;
	width:250px;
}

#strap-line h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:lighter;
	float:left;
	color:#FFF;
	margin:47px 0 0 205px;
	padding:0;
}

#features h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	font-weight:lighter;
	float:left;
	color:#16234D;
	margin:29px 0 0 80px;
	padding:0;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808183;
	margin:0 15px 10px 15px;
	padding:0;
}

td p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808183;	
	margin:3px 15px 3px 3px;
	padding:0;
}

.largerbodycopy {
	font-size:14px;
	font-weight:bold;
}

.whitetext {
	color:#FFF;
}

.price {
	color:#E9A42F;
	font-size:18px;
}

.browntext {
	color:#B2A080;
}

#content a, #contentfixed a, #contentbluedark a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#content a:hover, #contentfixed a:hover, #contentbluedark a:hover {
	text-decoration:underline;
}

h1 span {
	font-size:22px;
	line-height:24px;
}

#price-point p, #price-point-powered p {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	line-height:20px;
	color:#FFF;
	margin:0;
	padding:0;
}




/*Contact form =====================================================================*/


#field {
	float:left;
	width:200px;
	border-width:1px;
	border-color:#717473;
}

.field {
	float:left;
	width:200px;
	border-width:1px;
	border-color:#717473;
}

#header form {
	margin-top:30px;
	float:right;
	width:192px;
	padding:0;
}

#button {
float:left;
}

form {
margin:0 20px 10px 15px;
padding:0;
}

form p {
	clear:left;
	margin:0;
	padding:0;
	padding-top:10px;
	color:#16234D;
}

form p label {
	float:left;
	width:30%;
	padding-top:5px;
}

#buynow {
	margin:20px 0 0 140px;
}

#btnsubmit {
	background-color:#FCB700;
	color:#FFFFFF;
	border:0;
	padding:0;
}

#singlecol form #field {
	float:left;
	width:200px;
	border-width:1px;
	border-color:#717473;
}

#singlecol form #upload {
	float:left;
	width:50px;
}

#header_home form {
	margin:40px 5px 0 0;
	float:right;
	width:192px;
	padding:0;
}

#map {
	width:288px;
	height:400px;
	padding:0;
	margin:0;
}

#contact-wrap {
	margin:15px 0 0 15px;
}

#contact-call {
	float:left;
	width:145px;
	background:url(images/contact-call.jpg) no-repeat;
	padding:8px 0 0 25px;
}

#contact-write {
	float:left;
	width:190px;
	background:url(images/contact-write.jpg) no-repeat;
	padding:8px 0 0 25px;
}

#contact-email {
	float:left;
	width:145px;
	background:url(images/contact-email.jpg) no-repeat;
	padding:8px 0 0 25px;
}

/* purchase form =================================================================================== */


#ajaxSingleDoor, #ajaxReturns, #buynow { display: none; }