/*-----------------------------------------------------
Core Elements:
[01] HTML / Body
[02] Anchors
[03] Images
[04] Headings
[05] Lists
[06] Forms
[07] Tables
[08] Phrase Elements
[09] Misc Inline
[10] Misc Block

Site Specific:
[01] Container
[02] Header
[03] Branding
[04] Navigation
[05] Content
[06] Footer
[07] Image Replacements
[08] Clearfixes
[09] Accessible Hide
[10] Misc

Page Specific:
[01] Home
-------------------------------------------------------*/
/*-----------------------------------------------------
Core Elements
-------------------------------------------------------*/
	
/* [01] HTML / Body
-------------------------------------------------------*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url('../images/bg_body.gif');
	}
body {
	width:			980px;
	margin:			auto;
}
/* [02] Anchors
-------------------------------------------------------*/


/* [03] Images
-------------------------------------------------------*/

/* [04] Headings
-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h2.windows a {
	width: 221px;
	height: 0px;
	overflow: hidden;
	padding: 54px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/panelTextImage_002.gif);
	display: block;
}
h2.conservatories a {
	width: 220px;
	height: 0px;
	overflow: hidden;
	padding: 54px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/panelTextImage_003.gif);
	display: block;
}
h2.doors a {
	width: 220px;
	height: 0px;
	overflow: hidden;
	padding: 54px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/panelTextImage.gif);
	display: block;
}


/* [05] Lists 
-------------------------------------------------------*/

/* [06] Forms
-------------------------------------------------------*/
div.form-panel {
	/*padding-left:15px;*/
	/*width:720px;*/
	margin:0 0 15px 0;
	padding-top: 15px;
}

p.error{
	color:#B2042B;
}

p.error em{
	font-weight:bold;
}

.form-error {
	color: #B2042B;
	font-weight: bold;
	}

div.form-panel h2{
	font-weight:normal;
	margin:0 0 25px 0;
}
div.form-panel h2 span{
	font-size:0.5em;
	color:#333;
}
div.form-panel div.form-details, div.form-panel div.form-details{
	width:350px;
	float:left;
}
div.form-panel div.form-details label{
	width:87px;
	float:left;
	padding:5px;
}
div.form-panel div.form-details #title {
	font-size: 0.846em;
	}
div.form-panel div.form-details input{
	/*border:1px solid black;*/
	float:left;
	width:286px;
	font-size: 0.846em;
}
div.form-panel div.form-details input.name{
	width:185px;
}
div.form-panel div.form-details input.number{
	width:165px;
}
div.form-panel div.form-details input.email{
	width:200px;
}
div.form-panel div.form-details input.pcode{
	width:135px;
}
div.form-panel div.form-brochures{
	float:left;
	width:305px;
	display:block;
}
div.form-panel div.form-brochures p{
	margin-bottom:10px;
}
div.form-panel div.form-brochures ul{
	padding:0;
	margin:0 5px 5px 5px;
	list-style-type:none;
}
div.form-panel div.form-brochures label{
	padding:0 5px;
	display:inline;
	float:left;
}
div.form-panel div.form-brochures label.multiline{
	display:block;
	padding:5px;
}
div.form-panel div.form-brochures ul li input{
	float:left;
}
div.form-panel div.form-brochures ul li{
	display:block;
	float:left;
	width:135px;
}
p.opt-in{
	font-size:0.8em;
	clear:both;
	display:block;
	margin-left:5px;
}
p.opt-in input{
	margin:0 4px 20px 0;
	display:block;
	float:left;
}
p.opt-in label{
	width:250px;
	float:left;
	margin-left: 5px;
	padding: 0 5px;
}
div.form-panel p.form-error label{
	background:#B0242B;
	color:white;
}
p.submit {
	margin-bottom: 0px;
	margin-top: 20px;
	}

#friend-form {
	width:500px;
}

#friend-form p label{
	width:100px;
	display:block;
	float:left;
	/*clear: both;*/
}
#friend-form p label.fat-label{
	width:300px;
	/*font-size:0.8em;*/
}
#friend-form p input{
	display:block;
	float:left;
}

#friend-form p input[type=checkbox]{
	clear: both;
}

.main-product-panel p, .friend-form .main-product-panel p, .friend-form .main-product-panel legend {
	font-size:1.2em;
}

.thanks-form form {
	margin-bottom: 0;
	}

.thanks-form .content-panel {
	border-bottom:none;
}
.thanks-form .form-panel {
	border-top: 1px solid #CCC;
	margin-bottom: 0;
	}
.thanks-form .form-panel label{
	width:300px;
	display:block;
	float:left;
}

/*.thanks-form .form-panel input{
	float:left;
	display:block;
}*/

.thanks-form .form-panel select {
	font-size: 0.846em;
	}

/* [07] Tables
-------------------------------------------------------*/

/* [08] Phrase Elements
-------------------------------------------------------*/

/* [09] Misc Inline
-------------------------------------------------------*/

/* [10] Misc Block 
-------------------------------------------------------*/

/*-----------------------------------------------------
Site Specific
-------------------------------------------------------*/

/* [01] Container
-------------------------------------------------------*/

/* [02] Header
-------------------------------------------------------*/
#header {
	display:block;
	background:url(../images/bg-header.gif) 0 0 no-repeat;
	height:102px;
	margin:0;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	width: 978px;
}
#header img {
	margin:9px 0 0 38px;
}
#header .header-info {
	width:510px;
	float:right;
}
#header .header-info ul {
	padding:0;
	list-style-type:none;
	margin:0;
	clear:both;
}
#header .header-info ul li{
	display:block;
	float:left;
}
#header .header-info ul li a{
	display:block;
	height:18px;
}
/* Header Navigation Sprite Styles*/
#header .header-info ul li a.h-nav-home {
	background:url(../images/spr-header-nav.gif) 0 0 no-repeat;
	width:39px;
	margin-right:22px;
}
#header .header-info ul li a.h-nav-about {
	background:url(../images/spr-header-nav.gif) -39px 0 no-repeat;
	width:60px;
	margin-right:28px;
}
#header .header-info ul li a.h-nav-finance {
	background:url(../images/spr-header-nav.gif) -99px 0 no-repeat;
	width:51px;
	margin-right:25px;
}
#header .header-info ul li a.h-nav-offers {
	background:url(../images/spr-header-nav.gif) -150px 0 no-repeat;
	width:87px;
	margin-right:24px;
}
#header .header-info ul li a.h-nav-guarantee {
	background:url(../images/spr-header-nav.gif) -237px 0 no-repeat;
	width:66px;
	margin-right:24px;
}
#header .header-info ul li a.h-nav-competition {
	background:url(../images/spr-header-nav.gif) -303px 0 no-repeat;
	width:76px;
}
/* Header Navigation Sprite Hover/Selected Styles*/
#header .header-info ul li a.h-nav-home:hover,
#header .header-info ul li.selected a.h-nav-home {
	background:url(../images/spr-header-nav.gif) 0 -18px no-repeat;
}
#header .header-info ul li a.h-nav-about:hover,
#header .header-info ul li.selected a.h-nav-about {
	background:url(../images/spr-header-nav.gif) -39px -18px no-repeat;
}
#header .header-info ul li a.h-nav-finance:hover,
#header .header-info ul li.selected a.h-nav-finance {
	background:url(../images/spr-header-nav.gif) -99px -18px no-repeat;
}
#header .header-info ul li a.h-nav-offers:hover,
#header .header-info ul li.selected a.h-nav-offers {
	background:url(../images/spr-header-nav.gif) -150px -18px no-repeat;
}
#header .header-info ul li a.h-nav-guarantee:hover,
#header .header-info ul li.selected a.h-nav-guarantee {
	background:url(../images/spr-header-nav.gif) -237px -18px no-repeat;
}
#header .header-info ul li a.h-nav-competition:hover,
#header .header-info ul li.selected a.h-nav-competition {
	background:url(../images/spr-header-nav.gif) -303px -18px no-repeat;
}
/* [03] Branding
-------------------------------------------------------*/

/* [04] Navigation
-------------------------------------------------------*/
ul#product-nav {
	padding:0;
	list-style-type:none;
	margin:0;
	z-index:10000;
}
ul#product-nav {
	background:url(../images/bg-primary-nav.gif) 10px top repeat-x;
	height:39px;
	margin:8px 18px 0;
}
ul#product-nav li, ul#product-sub-nav li{
	margin:0;
}
ul#product-nav li {
	display:block;
	float:left;	
	text-indent:-9000px;
}
ul#product-nav li.last {
	float:right;
}
ul#product-nav a{
	height:39px;
	display:block;
	background: url('../images/spr-product-nav.gif') 0 0 no-repeat;
}
/* Product Navigation Sprited Styling*/
ul#product-nav li a.p-nav-windows {
	width: 121px;
}
ul#product-nav li a.p-nav-doors {
	background-position: -121px 0;
	width: 90px;
}
ul#product-nav li a.p-nav-conservatories {
	background-position: -211px 0;
	width: 153px;
}
ul#product-nav li a.p-nav-roofline {
	background-position: -364px 0;
	width: 102px;
}
ul#product-nav li a.p-nav-kitchens {
	background-position: -466px 0;
	width: 107px;
}
ul#product-nav li a.p-nav-garage-doors {
	background-position: -573px 0;
	width: 148px;
}
ul#product-nav li a.p-nav-request {
	background-position: -721px 0;
	width: 221px;
}
/* Product Navigation Sprited Hover/Selected Styling*/
ul#product-nav li a.p-nav-windows:hover,
ul#product-nav li.selected a.p-nav-windows {
	background-position: 0 -39px;
}
ul#product-nav li a.p-nav-doors:hover,
ul#product-nav li.selected a.p-nav-doors {
	background-position: -121px -39px;
}
ul#product-nav li a.p-nav-conservatories:hover,
ul#product-nav li.selected a.p-nav-conservatories {
	background-position: -211px -39px;
}
ul#product-nav li a.p-nav-roofline:hover,
ul#product-nav li.selected a.p-nav-roofline {
	background-position: -364px -39px;
}
ul#product-nav li a.p-nav-kitchens:hover,
ul#product-nav li.selected a.p-nav-kitchens {
	background-position: -466px -39px;
}
ul#product-nav li a.p-nav-garage-doors:hover,
ul#product-nav li.selected a.p-nav-garage-doors {
	background-position: -573px -39px;
}
ul#product-nav li a.p-nav-request:hover,
ul#product-nav li.selected a.p-nav-request {
	background-position: -721px -39px;
}

div#subnav {
	background: url(../images/bg-subnav-left.jpg) 0 0 no-repeat;
	padding-left: 8px;
	margin: 0 0 0 32px;
	width: 918px;
	font-size: 85%;
}
div#subnav div{
	background: url(../images/bg-subnav-right.jpg) right 0 no-repeat;
	padding-right: 8px;
	float: left;
}
div#subnav ul#sub-navigation {
	padding: 3px 0 0 10px;
	list-style-type: none;
	background: url(../images/bg-subnav.jpg) 0 0 repeat-x;
	height: 32px;
	float: left;
	margin: 0;
}
div#subnav ul#sub-navigation li{
	display:block;
	float:left;
	padding:6px 12px 4px 0;
	font-size:1.3em;
	background:url(../images/bg-subnav-li.gif) right 10px no-repeat;
	margin: 0 15px 0 0;
}
div#subnav ul#sub-navigation li.selected, div#subnav ul#sub-navigation li:hover {
	background:url(../images/bg-subnav-selected.jpg) right 10px no-repeat;
}

div#subnav ul#sub-navigation li a{
	color:#000;
}

div#subnav ul#sub-navigation li.selected a{
	color:#666;
}
div#subnav ul#sub-navigation li a:hover{
	text-decoration:none;
	color:#666;
}
/* [05] Content
-------------------------------------------------------*/
#wrapper{
	/*padding:10px 20px;*/
	border-right:1px solid white;
	border-left:1px solid white;
	background:url(../images/bg-content.gif) 0 0 repeat-y;
	position:absolute;
	width: 978px;
}
#content-wrapper {
	padding:15px 20px 0px;
	float: left;
}

div.products #content-wrapper {
padding:10px 18px;
}

#content {
	width:720px;
	margin:0 18px 0 0;
	float:left;
}

#content a {
	text-decoration: underline;
}

#callouts {
	width:200px;
	float:left;
}
#callouts ul {
	padding:0;
	list-style-type:none;
}
#callouts ul li{
	margin: 0 0 10px;
}
#callouts ul li.top{
	margin:0 0 10px 0;
}
#callouts ul li img{
	float: right;
	/*margin-top:-105px;*/
}
#callouts ul li p{
	width:100px;
}

#callouts.home ul li {
	font-size:	11px;
}

#callouts.home ul li a {
	text-decoration:	underline;
	font-weight: bold;
}

#callouts div.quote-steps-callout{
	background:url(../images/bg-callout-quotesteps-top.gif) 0 0 no-repeat;
	padding-top:9px;
	margin-top:10px;
}
#callouts div.quote-steps-callout div{
	width:100%;
	background:url(../images/bg-callout-quotesteps-btm.jpg) 0 0 no-repeat;
	height:29px;
}
#callouts ul.quote-steps {
	padding-left:10px;
	background:url(../images/bg-callout-quotesteps.gif) 0 0 repeat-y;
	margin-bottom:0;
}
#callouts h2 {
	padding:0 0 10px 10px;
	margin-bottom:0;
	background:url(../images/bg-callout-quotesteps.gif) 0 0 repeat-y;
}
#callouts ul.quote-steps li {
	padding-left:22px;
	border-bottom:none;
	width:158px;
	font-size:	11px;
}
#callouts ul.quote-steps li.one {
	background:url(../images/bg-quote-step1.gif) 0 0 no-repeat;
	margin-top:0;
}
#callouts ul.quote-steps li.two {
	background:url(../images/bg-quote-step2.gif) 0 0 no-repeat;
}
#callouts ul.quote-steps li.three {
	background:url(../images/bg-quote-step3.gif) 0 0 no-repeat;
}
#callouts ul.quote-steps li.four {
	background:url(../images/bg-quote-step4.gif) 0 0 no-repeat;
	margin-bottom:0;
}
.product #product-detail {
	width:180px; 
	background:yellow;
	float:left;
	margin:0 20px 0 10px;
}
.product #content {
	width:500px;
}
.product-category #content{
	width:400px;
}
.product-category #offers {
	width:300px; 
	background:yellow;
	float:left;
	margin:0 20px 0 0;
}
div.banners-small {
	width:200px;
	float:left;
	margin-right:20px;
}
div.banners-small a {
	float: left;
}
div.banners-large a {
	float: left;
}
div.banners-small ul, div.banners-large ul {
	padding:0;
	margin: 0;
	list-style-type:none;
} 
div.banners-small ul li{
	margin-bottom:6px;
} 
div.banners-large {
	width:500px;
	float:left;
	padding: 0px;
}
div.content-panel {
	/*padding-left:20px;*/
	padding-bottom: 12px;
	/*width:700px;*/
	border-bottom:1px solid #CCC;
}

/*div.content-panel p{
	width:485px;
}*/

p.lead-text {
	width:485px;
	font-size:1.5em;
	color:#666;
}
p.lead-text span {
	color:#B0242B;
}
/* div.product-content  */.main-product-panel p.lead-text span{
	font-weight:bold;
	color:#666;
}

/*************************************************/
/* Product Content */
#product-leftnav {
	width:180px;
	margin:0 30px 0 0;
	float:left;
}

#product-leftnav ul{
	padding:0;
	list-style-type:none;
	margin-bottom:15px;
}

#product-leftnav ul li{
	border-bottom:1px solid #B0B0B0;
	padding:8px 0 8px 19px;
	background:url(../images/bg-leftnav.gif)4px 51%  no-repeat;
	font-weight:bold;
	font-size:1.3em;
	margin-bottom:0;
}

#product-leftnav ul li a{
	text-decoration:none;
	color:#000;
}

#product-leftnav ul li.selected {
	background:url(../images/bg-leftnav-selected.gif)4px 51%  no-repeat;
}

#product-leftnav ul li.selected a, #product-leftnav ul li a:hover {
	color:#DEAE46;
}


/* Product Widget Selector */
div.product-widget-selector {
	width: 720px;
	background: url('../images/bg-home-main-product-panel.gif') top left repeat-y;
	margin-bottom: 15px;
	}
/*#content div.product-widget-selector h1,
#content div.product-widget-selector h2 {
	font-size: 2.2em;
	margin:	10px 22px;
	}*/
#content div.product-widget-selector h1 a,
#content div.product-widget-selector h2 a {
	color: #333333;
	text-decoration: none;
	}
div.product-widget-selector div {
	background: url('../images/home-main-product-panel-bottom.jpg') bottom left no-repeat;
	padding-bottom: 25px;
	}
div.product-widget-selector div div {
	background: none;
	padding-bottom: 0;
	border: none;
	}
div.product-widget-selector div.widget {
	float: left;
	font-size: 1.1em;
	display: inline;
	}
div.product-widget-selector div.widget p {
	margin: 0 22px;
	}
div.product-widget-selector div.widget p.more-link {
	margin:15px 0 0 22px;
	}
div.product-widget-selector div.widget p.more-link a {
	text-decoration:underline;
	font-weight:bold;
	}
div.product-widget-selector div.widget .main-panel-first,
div.product-widget-selector div.widget .main-panel-second,
div.product-widget-selector div.widget .main-panel-third {
	width: 239px;
	margin-right: 2px;
	}
div.product-widget-selector div.widget .main-panel-second {
	width: 238px;
	}
div.product-widget-selector div.widget .main-panel-third {
	margin-right: 0;
	}


div.main-product-panel {
	width:720px;
	float:right;
	background:none;
	position: relative;
}

div.main-product-panel ul {
	list-style-type:disc;
	font-size:1.3em;
}
div.main-product-panel img.content-banner {
	margin-bottom:15px;
}

div.main-product-panel h3 {
	color:#B0242B;
}

div.main-product-panel div.content-image-block img, div.content-image-block img{
	float:left;
}

div.main-product-panel div.content-image-block p,  div.content-image-block p{
	float:right;
	width:400px;
	margin-bottom:15px;
	clear:right;
}

div#scroller-panel {
	background:url(../images/bg-main-product-panel.gif) 0 0 repeat-y;
	margin-bottom:15px;
	float: left;
	/*width:940px;*/
}

div#scroller-panel div {
	background: url(../images/bg-main-product-panel-top.gif) top left no-repeat;
	float: left;
	}
div#scroller-panel div div {
	background: url(../images/bg-main-product-panel-bottom.jpg) bottom left no-repeat;
	padding: 20px 23px 20px 0px;
	float: left;
	padding-right: 23px;
	}
#scroller-panel div div div {
	background: none;
	padding: 0;
	border: none;
	}
div#scroller-panel div.gallery{
	float: left;
}
div#scroller-panel div.gallery a {
	float: left;
	padding: 9px;
	border: solid 1px #CCCCCC;
}
div#scroller-panel div.gallery a:hover {
	float: left;
	padding: 9px;
	border: solid 1px #666666;
}
div#scroller-panel div.gallery ul {
	margin: 0px;
	padding: 0px;
	width: 360px;
	float: left;
}
div#scroller-panel div.gallery li {
	padding: 0px 0px 20px 20px;
	margin:0px;
	width: 100px;
	height: 100px;
	list-style-type: none;
	float: left;
}
div#scroller-panel div.gallery li.last {
	clear: right;
}
div#scroller-panel div.gallery li.btm {
	padding-bottom: 0px;
}
div#scroller-panel div.gallery li.text {
	height: auto;
	padding: 10px 0px 0px 20px;
	width: 340px;
	color: #666666;
}
div#scroller-panel div.product-intro{
	padding:0 0 0 25px;
	width:500px;
	margin-right: 30px;
	float:left;
	font-size: 1.2em;
}
div#scroller-panel div.product-intro h1 {
	color:#333333;
	font-size:2.2em;
	margin-bottom:20px;
}
div.content-panel h1 {
	color:#333333;
	font-size:2.2em;
	margin-bottom:20px;
}
div.content-panel {
	font-size: 0.9em;
}
div#scroller-panel div.product-intro h2{
	margin-bottom:20px;
}
div#scroller-panel div.product-intro ul{
	padding:0;
	list-style-type:none;
	margin-bottom:25px;
}
div#scroller-panel div.product-intro ul li{
	background:url(../images/bg-productpoints-li.gif) 0 0 no-repeat;
	padding-left:22px;
	font-size:1.3em;
	margin-bottom:9px;
	line-height: 1.2em;
	min-height: 16px;
}

div#scroller-panel div.product-intro ul li a{
	text-decoration:underline;
}
div#scroller-panel div#kitchenRange {
	border-left:1px solid #dfdfdf;
	margin-left:335px;
	margin-bottom:-20px;
	margin-top:-22px;
	padding:20px 0;
}
div#scroller-panel div#kitchenRange div {
	list-style:none;
	float:left;
	margin-left:20px;
	width:270px;
	padding-bottom:10px;
}
div#scroller-panel div#kitchenRange div h4 {
	font-size:1.4em;
	padding-top:18px;
}
div#scroller-panel div#kitchenRange div h4 a {
	text-decoration:underline;
	font-size:0.9em;
	font-weight:bold;
}

.product-content div#scroller-panel {
	background-image:url(../images/bg-view-product-panel.gif);
}

.product-content div#scroller-panel div {
	background-image: url(../images/bg-view-product-panel-top.gif);
	}
.product-content div#scroller-panel div div {
	background-image: url(../images/bg-view-product-panel-bottom.jpg);
	}
.product-content div#scroller-panel div div div {
	background-image: none;
	}

div.products div#product-category-panel{
	width:940px;
}
div.products div#content {
	width:400px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	font-size:1.3em;
}

div.products div#offers {
	width:300px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
}

div.products div#callouts {
	width:200px;
	margin:0;
	padding:0;
	float:left;
}

div.products div#content p.lead-text {
	font-size:1.3em;
	width:400px;
}
div.products div#callouts ul, div#offers ul{
	padding:0;
	list-style-type:none;;
}
div.products div#callouts ul li, div#offers ul li, div#callouts ul li{
	border:none;
}
div.products div#callouts ul li.top{
	margin-top:0;
}
div.products div#callouts ul li img, div#callouts ul li img{
	margin:0;
	float:none;
	border:none;
}
div#product-leftnav {
	margin:0 20px 0 0;
}

.fifty {
	position:absolute;
	right:0;
	top:-25px;
}
.fifty img.securitylogo{
	padding-right: 5px;
}

div.product-content-cols{
	width:720px;
}
div.product-content-cols p {
	clear: both;
	}
div.product-content-cols div.col{
	width:360px;
	float: left;
}
div.product-content-cols div.col ul{
	padding:0;
	list-style-type:none;
	margin: 0;
}
div.product-content-cols div.col ul li{
	background:url(../images/bg-productpoints-li.gif) 0 0 no-repeat;
	padding:0 22px;
	margin-bottom:6px;
	width:316px;
	line-height: 1.3em;
}
div.product-content-cols div.col ul li a{
	text-decoration:underline;
}

/* ol styles - added 14.07.08 */
div.product-content-cols{
	width:720px;
}
div.product-content-cols p {
	clear: both;
	}
div.product-content-cols div.col{
	width:360px;
	float: left;
}
div.product-content-cols div.col ol, ol{
	padding:0;margin: 0;
	list-style-type:none;
	float:left;
	
}
div.product-content-cols div.col ol li,  ol li{
	background:url(../images/bg-securitypoints-li.gif) 0px 0px no-repeat;
	padding:0 6px;
	margin-bottom:6px;
	width:316px;
	line-height: 1.4em;
}
ol li a{
	text-decoration:underline;
}

ol li strong{
	color:#fff;
	font-size:10px;
	margin: -2px 5px 20px -2px;	
}

ol.first li strong{
	margin: -1px 5px 10px 1px;
}

ol p {
	width:	280px;
}

img.right {
	float:right;
}


div#offers {
	width:500px;
	margin-right:20px;
	float:left;
}	

#product-lower-panel div#callouts{
	margin:0;
}

div#callouts{
	width:200px;
	margin:0 0 0 20px;
	float:left;
}	
div#offers ul, div#callouts ul{
	padding:0;
	list-style-type:none;
}

div.content-block {
	background:url(../images/bg-content-block.gif) 0 0 repeat-y;
	margin:15px 0;
}

div.content-block ul {
	padding:0;
	list-style-type:none;
	margin:0 0 10px 0;
}
div.content-block ul li{
	background:url(../images/bg-productpoints-li.gif) 0 0 no-repeat;
	padding-left:22px;
	margin-bottom:6px;
	width:260px;
	line-height: 1.3em;
}
div.content-block div.left {
	float:left;
	width:335px;
	padding:20px 0 0 25px;
}
div.content-block div.right {
	float:right;
	width:360px;
	padding:20px 0 0 0;
}
div.content-block div.fullwidth {
	padding: 20px 25px 0;
}
div.content-block div.glazing {
	padding:20px 0 0 25px;
}
div.content-block div.glazing h3{
	margin:15px 0;
	color:#000000;
	font-weight:normal;
}
div.content-block div.right ul.color-picker {
	margin:15px 0 0 80px;
}
div.content-block div.right ul.color-picker li{
	background:none;
	display:block;
	float:left;
	margin-right:35px;
	width:30px;
	padding:0;
}

div.content-block .banner img {
padding: 0 20px;
}

div.request-quote {
	clear:both;
	width:100%;
	padding: 8px 0;
}

div.request-quote img.right{
	float:right;	
}

div#content-main h3 {
	font-size:16px;
	color:#B0242B;
	font-weight:bold;
}


/* [06] Footer
-------------------------------------------------------*/
#footer {
	background:url(../images/bg-footer.gif) top left repeat-x #E4E4E4;
	clear:both;
	padding:30px 8px 20px 18px;
	height: 150px;
}
#footer .footer-copy {
	float:left;
	width:200px;
	padding-right:10px;
	border-right:1px solid #fff;
}
#footer .footer-copy p a{
	font-weight:bold;
}
#footer .tandc, #footer .space {
	margin-top:20px;
}
#footer .footer-links {
	float:left;
}
#footer .footer-links a{
	text-decoration:none;
	color:#000;
}
#footer .footer-links a:hover{
	text-decoration:underline;
}


#footer .footer-links ul{
	padding:0 15px 0 15px;
	list-style-type:none;
	float:left;
	border-right:1px dotted #9E9E9E;
	height:150px;
}
#footer .footer-links ul.wider{
	/*width:159px;*/
}
#footer .footer-links ul.last{
	border-right:none;
	width: 132px;
}
#footer .footer-links ul li{
	background: url(../images/footer_list.gif) 0px 2px no-repeat;
	margin-bottom:5px;
	padding-left: 17px;
}
#footer .footer-links ul li.para{
	background: none;
	margin-bottom:5px;
	padding-left: 0px;
}
#footer .footer-links ul li.top {
	background: none;
	margin-bottom:15px;
	padding:0;
}
#footer .footer-links ul li.top a{
	font-weight:bold;
	font-size:1.2em;
}
#absfooter {
	background:url(../images/bg_absfooter.gif);
	clear:both;
	height: 38px;
	padding:15px 8px 0px 32px;
}
/* [07] Image Replacements
-------------------------------------------------------*/
.imr {
	display: block;
	text-indent: -9999px;
	}
	
/* [08] Clearfixes
-------------------------------------------------------*/
/* More info at: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after,
#content-wrapper:after,
#footer:after,
div.form-panel:after,
div.form-panel div.form-details p:after,
div.form-panel p.form-error:after,
div.content-image-block:after,
div.footer-links:after,
p.interested-products:after,
div.form-panel div.form-brochures p.opt-in:after,
div#subnav ul#sub-navigation:after,
#friend-form p:after,
.thanks-form .form-panel p:after,
.product-widget-selector:after,
div.product-widget-selector div:after,
div#subnav:after,
#callouts ul li:after,
#product-category-panel:after,
#scroller-panel:after,
#scroller-panel div:after,
div.product-content-cols:after,
p.opt-in:after,
div.content-panel:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix,
#content-wrapper,
#footer,
div.form-panel,
div.form-panel div.form-details p,
div.form-panel p.form-error,
div.content-image-block,
div.footer-links,
p.interested-products,
div.form-panel div.form-brochures p.opt-in,
div#subnav ul#sub-navigation,
#friend-form p,
.thanks-form .form-panel p,
.product-widget-selector,
div.product-widget-selector div,
div#subnav,
#callouts ul li,
#product-category-panel,
#scroller-panel,
#scroller-panel div,
div.product-content-cols,
p.opt-in,
div.content-panel {
	display: block;
	}

/* [09] Accessible Hide
-------------------------------------------------------*/
.w3c {
	position: absolute;
	display: block;
	height: 0;
	visibility: hidden;
	left: -9999px;
	}
/* [10] Misc
-------------------------------------------------------*/
#yourquestions {
	width: 500px;
	margin-bottom: 10px;
}
#yourquestions div span.btn-close a{
	color: #F00;
	text-decoration: none;
	margin: 0 22px;
}
#yourquestions div.answer{
	padding-bottom: 10px;
}
#yourquestions div.answer p, #yourquestions div.answer ul{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 	0.9em;
}
#yourquestions div.answer p.question{
	font-weight: bold;
}
#yourquestions p.mainquestion{
	margin-bottom: 15px;
}
p.notlisted{
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 22px;
}

div.error-messages {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 20px 0;
	padding: 10px 0;
	}

/* Postcode Anywhere */
div.form-details #divLoading {
	display: block;
	clear: both;
	padding-left: 107px;
	}
div.form-details textarea#postaladdress {
	width: 208px;
	float:left;
	}
div.form-details #btnFind {
	width: auto;
	}
div.form-details #addressSelect {
	padding-left: 107px;
	}
#btnFetch {
	margin-top: 5px;
	}
div.form-details #selectaddress {
	
	width: 200px;
	}
div.form-details #addressSelect #btnFetch {
	float: none;
	width: auto;
	}


/*-----------------------------------------------------
Page Specific
-------------------------------------------------------*/
/* [01] Home
-------------------------------------------------------*/
#callouts.home {
	float: right;
	margin: 0;
	}
#callouts.home ul li {
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
	}
#callouts.home ul li img {
	float: right;
	}
	
.buttons a {
	margin-right: 7px;
	margin-top: 8px;
	float: left;
}
	
	
	
	
/* TEMPLATES
-------------------------------------------------------*/
#content-main {
	font-size: 1.3em; /* 13px */
	}
#content-main p.lead-text {
	font-size: 1.232em; /* 16px */
	}
#product-lower-panel {
	clear: both;
	width:720px;
	border-top: 1px solid #CCC;
	padding-top: 17px;
	margin-top: 20px;
	}
#product-lower-panel ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
#product-lower-panel ul.offers {
	width:500px;
	float:left;
	}
#product-lower-panel ul.offers-callout {
	width:200px;
	float:right;
	}
#product-lower-panel ul.offers-callout li {
	margin-bottom: 8px;
	}

.column-wrapper,
.template-e #content-main,
.template-f #content-main {
	width: 720px;
	float: right;
	position: relative;
	}

.next-section {
	clear: both;
	margin-bottom: 20px;
	text-align: right;
	}

.template-c .column-wrapper #content-main {
	width: 500px;
	float: left;
	}	
.template-c .column-wrapper #callouts {
	float: right;
	}
.template-c .widget.offer .banner {
	margin-bottom: 20px;
	}

.template-b #content-main {
	width: 720px;
	float: left;
	padding-left:10px;
	}
.template-b #callouts {
	width: 200px;
	float: right;
	margin: 0;
	}
.template-b #content-main .content-panel img.offer {	
	float:	right;
	margin:	-13px 5px 0 5px;
}
.competition .form-additional-details {
	width: 300px;
	float: left;
	}
.competition .form-additional-details select {
	margin-top: 10px;
	font-size: 0.846em;
	}
.competition .form-additional-details p.opt-in {
	margin-left: 0;
	}

	
form input, form select {
	font-size: 0.834em;
	}
form input[type="text"] {
	padding: 2px;
}

/* Widgets */
.w-youtube-video {
	background: transparent url(../images/bg-video-panel.jpg) no-repeat scroll left bottom;
	padding-bottom:	25px;
	margin-bottom: 20px;
}
.w-youtube-video div.video-top {
	background:	transparent url(../images/bg-video-panel-top.jpg) top left no-repeat;
	padding-top: 20px;
}
.w-youtube-video div div.clearfix {
	background:	transparent url(../images/bg-video-panel-repeat.jpg) top left repeat-y;
	padding: 0px 30px;
}

.w-youtube-video .video {
	float: left;
	margin-right: 20px;
	width: 310px;
}
.w-youtube-video .video-content {
	float: left;
	width: 315px;
}

#callouts .w-text-banner {
	position:relative;
}
#callouts .w-text-banner h5 {
	color: #FFFFFF;
	font-weight:bold;
	position:absolute;
	top:10px;
	left:72px;
}
#callouts .w-text-banner p {
	color: #FFFFFF;
	position:absolute;
	top:30px;
	left:72px;
	width:120px;
}
#submain {
	width: 594px;
	padding: 0px 0px 0px 6px;
	float: left;
	font-size: 1.1em;
	line-height: 1.5em;
	background-image: url(../images/bg-submain.gif);
	background-position: 300px 0px;
	background-repeat: repeat-y;
}
#submain h2 {
	color: #666666;
	font-size: 1.4em;
	font-weight: bold;
}
#submain h3 {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
}
#subone {
	width: 280px;
	padding-right: 17px;
	float: left;
}
#subtwo {
	width: 280px;
	padding-left: 17px;
	float: left;
}
#subthree {
	width: 594px;
	padding-top: 15px;
	float: left;
	background-color: #FFFFFF;
}
#subselect{
	width: 594px;
	padding-top: 15px;
	float: left;
	background-color: #FFFFFF;
}
.counties  {
	width: 100%;
	margin: 0em 0em 1.8em 0em;
	display: block;
	float: left;
	clear: both;
}
#subselect .counties ul  {
	margin: 0px;
	padding: 0px;
	width: 145px;
	float: left;
	display: block;
}
#subselect .counties li {
	margin: 0px;
	padding: 0px 0px 3px 25px;
	list-style-type: none;
	background-image: url(../images/bullet.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	font-weight: bold;
}
#subselect .counties ul.more  {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#subselect .counties ul.more li  {
	margin: 0px 0px 0px 14px;
}
#subright {
	width: 300px;
	margin-left: 38px;
	float: left;
}
div#loc-nav {
	background:url(../images/bg-loc-nav.gif) 0 0 repeat-y;
	margin-bottom:15px;
	margin-top: 15px;
	float: left;
	width: 300px;
}

div#loc-nav div {
	background: url(../images/bg-loc-nav-top.gif) top left no-repeat;
	}
div#loc-nav div div {
	background: url(../images/bg-loc-nav-bottom.gif) bottom left no-repeat;
	padding: 20px 0;
	}
div#loc-nav ul {
	padding: 32px 0px 0px 16px;
	margin: 0px;
	list-style-type: none;
	width: 270px;
}
div#loc-nav ul li {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 15px;
	background-image: url(../images/bg-loc-nav-li.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
div#loc-nav ul li a {
	display: block;
}