body {
background:url(../img/bg.png) 0 0 repeat-x #959595;
color:#000;
font-family:verdana,helvetica,arial,sans-serif;
font-size:67.5%;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:normal;
margin-bottom:2em;
text-align:left
}

#pg {
background-color:#fff;
margin:auto;
position:relative;
top:16px;
width:760px
}

#header {
height:108px;
left:24px;
position:absolute;
top:2px;
width:183px;
z-index:25
}

#header p.top {
background:url(../img/logo.png) 0 0 no-repeat;
height:67px;
margin:20px auto 0;
overflow:hidden;
width:132px
}

#header p.bottom
{
background:url(../img/hr-sub.png) 0 0 no-repeat;
height:10px;
margin:6px auto 0;
overflow:hidden;
width:132px
}

#header h1 {
background:url(../img/logo.png) 0 0 no-repeat;
height:67px;
margin:20px auto 0;
overflow:hidden;
width:132px
}

#header h2
{
background:url(../img/hr-sub.png) 0 0 no-repeat;
height:10px;
margin:6px auto 0;
overflow:hidden;
width:132px
}

#header h1 a,
#header h2 a {
display:block;
height:100%;
line-height:32767px;
overflow:hidden;
text-indent:-32767px;
width:100%;
}

#header p a {
display:block;
height:100%;
line-height:32767px;
overflow:hidden;
text-indent:-32767px;
width:100%;
}

#nav {
background:url(../img/bg-menu.png) 0 0 repeat-x #fff;
display:inline;	
float:left;
height:378px;
margin:0 24px 37px;
position:relative;
top:2px;
width:183px;
z-index:20
}

#nav span.btm {
background:url(../img/bg-menubtm.png) 0 0 no-repeat;
bottom:-19px;
display:block;
height:19px;
position:absolute;
width:183px
}

#nav ul {
list-style:none;
margin-top:124px
}

#nav ul li {
margin:6px 0;
padding:0;
text-align:right
}

#nav ul li a {
color:#666;
display:block;
line-height:8px;
padding-right:24px;
position:relative;
text-decoration:none
}

#nav ul li ul {
background-image:none;
display:none;
margin-top:0;
padding-bottom:0
}

#nav ul li.parent ul {
display:block !important
}

#nav ul li ul li {
background:url(../img/bullet-r.png) 155px 50% no-repeat;
border-left:0;
font-size:.9em;
list-style:none;
margin-right:0
}

#nav ul li ul li a {
border-left:0 !important;
line-height:8px;
padding-right:33px
}

#nav #n-log a,
#nav #n-act a {
border-left:32px solid #fbeb00
}

#nav #n-img a,
#nav #n-hiw a {
border-left:32px solid #2078c0
}

#nav #n-pdf a,
#nav #n-wtu a {
border-left:32px solid #5bffff
}

#nav #n-key a,
#nav #n-fas a {
border-left:32px solid #fd8d03
}

#nav #n-lit a {
border-left:32px solid #c500d3
}

#nav #n-new a {
border-left:32px solid #01ad01
}

#nav #n-tra a {
border-left:32px solid #d9002f
}

body.yellow a,body.yellow #breadcrumbs,body.yellow #nav li.selected a {
color:#e7c72d
}

body.darkblue a,body.darkblue #breadcrumbs,body.darkblue #nav li.selected a {
color:#2078c0
}

body.lightblue a,body.lightblue #breadcrumbs,body.lightblue #nav li.selected a {
color:#00c3c7
}

body.orange a,body.orange #breadcrumbs,body.orange #nav li.selected a {
color:#fd8d03
}

body.purple a,body.purple #breadcrumbs,body.purple #nav li.selected a {
color:#c500d3
}

#nav li.selected ul li a {
color:#666 !important
}

#news {
background:url(../img/news-bg.jpg) 0 0 repeat-y #fff;
clear:left;
display:inline;
float:left;
margin:4px 18px 40px 17px;
padding:8px 0;
position:relative;
top:2px;
width:196px;
z-index:20
}

#news p,
#news img {
margin:1em 2em
}

a.rss {
background:url(../img/rss.png) 0 50% no-repeat;
color:#666 !important;
display:block;
font-size:1.3em;
line-height:19px;
padding-left:27px;
text-decoration:none
}

#news h3 {
margin:0 7px;
}

#news #archive h3 {
font-family:arial,helvetica,sans-serif;
font-size:1.6em;
font-weight:700;
line-height:1.8em;
text-align:right;
width:80%
}

#news #archive p#errArticleDates {
border-bottom:1px solid #000;
border-top:1px solid #000;
margin:0 7px;
padding:.5em 0;
width:80%;
text-align:right;
}

#news #archive ul {
list-style:none;
margin:0 7px;
width:80%
}

#news #archive ul li {
border-bottom:1px solid #000;
text-align:right
}

body.green #news #archive p#errArticleDates,
body.green #news #archive ul li {
border-color:#01ad01 !important
}

body.red #news #archive p#errArticleDates,
body.red #news #archive ul li {
border-color:#d9002f !important
}

#news #archive ul li:first-child {
border-top:1px solid #000
}

#news #archive ul li a {
line-height:1.5em;
text-decoration:none
}

#news #wtps h3,
#news #competition h3,
#news #bas h3,
#news #latestcampaign h3 {
color:#666 !important;
display:block;
font-size:1.3em;
line-height:19px;
margin:0 1.4em;
text-decoration:none
}

#news div.hr {
margin:2em 7px;
height:1px;
background-color:#ccc;
}

#news div.hr hr {
display:none;
}

#news span.top {
background:url(../img/news-top-bg.png) 0 0 no-repeat;
display:block;
height:13px;
position:absolute;
top:-13px;
width:196px
}

#news span.btm {
background:url(../img/news-bottom-bg.png) 0 0 no-repeat;
bottom:-20px;
display:block;
height:20px;
position:absolute;
width:196px
}

#top {
background:url(../img/bg-top.png) 0 0 repeat-x #690;
color:#fff;
height:42px;
left:0;
position:absolute;
top:0;
width:760px;
z-index:10
}

#top ul {
float:right;
margin:12px
}

#top ul li {
border-left:1px solid #fff;
display:inline;
list-style:none;
margin:.5em 0;
text-align:center
}

#top #t-pil,#top #t-usr {
border-left:0
}

#top ul li a {
color:#fff;
padding:0 .5em;
text-decoration:none
}

#top #t-use a {
padding:0 .5em 0 0
}

#top #search {
border:1px solid #690;
float:right;
margin-top:8px;
position:relative;
right:8px
}

#top #search label {
display:none
}

#top #searchterm,
#fas-uk-term {
background:url(../img/bg-searchtxt.png) 0 0 repeat-x #fff;
border:0;
display:inline;
padding:1px 3px
}

#fas-uk-term {
border:1px solid #999;
}

#top #searchterm {
border-right:1px solid #690;
margin-right:-5px;
}

#top #searchbtn {
background:url(../img/bg-searchbtn.png) 0 0 repeat-x #78d500;
border:0;
color:#fff;
font-size:1em;
padding:1px 3px;
width:60px
}

#pic {
background-position:0 100%;
background-repeat:no-repeat;
height:265px;
left:0;
position:absolute;
top:0;
width:760px;
z-index:5
}

#content {
margin:2.2em;
padding-top:265px;
}

body.nowrap #content {
margin-left:230px
}

p.nowrap {
margin-left:208px !important;
}
#content h1{
font-size:16pt;
font-weight:400
}

#content h2 {
font-size:16pt;
font-weight:400
}

#content li {
line-height:1.5em
}

#content li ul {
margin-left:1.5em
}

#footer {
background-color:#e8e8e8;
border-top:1px solid #572;
clear:both;
color:#572;
font-size:.8em;
margin-top:1em;
padding:3em;
text-align:center
}

#footer ul {
list-style:none;
text-align:center;
white-space:nowrap;
}

dl.files dd ul,
dl.files_img dd ul,
dl.files_pdf dd ul,
dl.articles dd ul,
dl.search dd ul {
list-style:none;
margin-left:.2em !important;
padding-bottom:.5em;
margin-bottom:1em;
}

body.green div.hasimg,
body.green dl.files dd ul,
body.green dl.files_img dd ul,
body.green dl.files_pdf dd ul,
body.green dl.articles dd ul {
border-bottom:1px solid #01ad01;
}

body.red div.hasimg,
body.red dl.files dd ul,
body.red dl.files_img dd ul,
body.red dl.files_pdf dd ul,
body.red dl.articles dd ul {
border-bottom:1px solid #d9002f
}

#footer ul li,
dl.files dd ul li,
dl.files_img dd ul li,
dl.files_pdf dd ul li,
dl.articles dd ul li {
display:inline;
white-space:nowrap
}

dl.files dd ul li,
dl.files_img dd ul li,
dl.files_pdf dd ul li,
dl.articles dd ul li,
dl.search dd ul li {
border-left:1px solid #000;
padding:0 .5em
}

#footer ul li a {
border-left:1px solid #572;
color:#572;
padding:0 .5em;
text-decoration:none
}

dl.files dd ul li a,
dl.files_img dd ul li a,
dl.files_pdf dd ul li a,
dl.articles dd ul li a,
dl.search dd ul li a {
text-decoration:none
}

#f-home a,
dl.files dd ul li.file_size,
dl.files_img dd ul li.file_size,
dl.files_pdf dd ul li.file_size,
dl.articles dd ul li.article_dated,
dl.articles dd ul li.article_ordercode {
border-left:0 !important;
padding-left:0 !important
}

#f-home2 a,
dl.files dd ul li.file_size,
dl.files_img dd ul li.file_size,
dl.files_pdf dd ul li.file_size,
dl.articles dd ul li.article_dated,
dl.articles dd ul li.article_ordercode {
border-left:0 !important;
padding-left:0 !important
}


dl.files_pdf dd ul li.file_ordercode,
dl.articles dd ul li.article_ordercode {
text-transform:uppercase;
}

dl.files dd ul li,
dl.files_img dd ul li,
dl.files_pdf dd ul li,
dl.articles dd ul li {
cursor:help
}

#nav #n-act,#nav #n-hiw {
position:relative
}

dl.files dt,
dl.files_img dt,
dl.files_pdf dt,
dl.articles dt,
dl.search dt {
font-size:1.8em;
margin-top:1em
}

dl.files dt a,
dl.files_img dt a,
dl.files_pdf dt a,
dl.articles dt a,
dl.search dt a {
text-decoration:none
}

form.admin-form,
form.contact-form {
float:left;
margin:1em 0
}

form.admin-form fieldset,
form.contact-form fieldset {
border:1px solid #ccc;
clear:both;
float:left;
margin-bottom:1.5em;
padding:.5em 0 1em 0;
}

form.admin-form fieldset legend,
form.contact-form fieldset legend {
margin:.5em;
}

form.admin-form fieldset legend input.checkbox,
form.contact-form fieldset legend input.checkbox {
position:relative;
top:.2em;
}

form.contact-form fieldset label,
form.admin-form fieldset label {
margin-left:1em;
}

form.admin-form fieldset legend label,
form.contact-form fieldset legend label {
color:#000;
margin-left:0;
padding:.5em;
}

#contactHolder input,
form.admin-form fieldset dl dd input,
form.contact-form fieldset dl dd input {
width:90%;
margin-left:5%;
}

form.admin-form dl dt,
form.contact-form dl dt {
clear:left;
float:left;
margin-bottom:.5em;
width:120px
}

dt.error, td.error {
color:red;
font-weight:bold;
width:100% !important;
}

span.contact-required {
color:red;
font-weight:bold;
}

form.admin-form dl dt label,
form.contact-form dl dt label {
display:block;
line-height:1.8em
}

form.admin-form dl dd,
form.contact-form dl dd {
float:left;
margin-bottom:.5em;
width:380px
}

#contactHolder input,
.dropdown,
form.admin-form dl dd input,
form.contact-form dl dd input,
form.admin-form dl dd select,
form.contact-form dl dd select,
form.admin-form dl dd textarea,
form.contact-form dl dd textarea {
border:1px solid #ccc;
width:100%;
}

.dropdown
{
margin-top:5px;
margin-bottom:5px;
}

#contactHolder input
{
margin-top:5px;
}

.radio
{
width:auto !important;
border:none !important;
}

#contactHolder input.checkbox,
form.admin-form dl dd input.checkbox,
form.contact-form dl dd input.checkbox {
border:0;
}

#contactHolder textarea,
textarea#article-content {
height:20em;
}

textarea#contact-comments {
height:6em;
}

form.admin-form dl dd input.checkbox,
form.contact-form dl dd input.checkbox {
height:1.4em;
width:auto
}

form.admin-form input.submit,
form.contact-form input.submit {
clear:both;
float:right;
margin:0.5em 0 !important;
}

form.admin-form input#btnClear,
form.contact-form input#btnClear {
clear:none;
float:right;
margin:0.5em 0 !important;
}

div.col-container-4-home {
clear:both;
height:196px;
margin-bottom:20px;
position:relative;
width:716px
}

div.col-home {
float:left;
height:196px;
width:179px
}

#home-col1 {
background-image:url(/img/home-discovertheproducts-img-bg.jpg)
}

#home-title1 {
background-image:url(/img/home-discovertheproducts-title-bg.jpg)
}

#home-col2 {
background-image:url(/img/home-howdoesitwork-img-bg.jpg)
}

#home-title2 {
background-image:url(/img/home-howdoesitwork-title-bg.jpg)
}

#home-col3 {
background-image:url(/img/home-findasupplier-img-bg.jpg)
}

#home-title3 {
background-image:url(/img/home-findasupplier-title-bg.jpg)
}

#home-col4 {
background-image:url(/img/home-viewtvcampaign-bg.jpg)
}

#home-title4 {
background-image:url(/img/home-trade-title-bg.jpg);
background-repeat: no-repeat;
}

div.col-container-4-activ {
clear:both;
height:302px;
margin-bottom:20px;
position:relative;
width:716px
}

div.col-activ {
float:left;
height:302px;
width:179px
}

div.col-activ img {
margin:7px 0 0 2px
}

div.title-activ {
background-image:url(/img/activ-title-bg.jpg);
height:94px;
margin-left:5px;
text-align:center;
vertical-align:top;
width:169px
}

#activ-col1 {
background-image:url(/img/activ-clear-copy-bg.jpg)
}

#activ-col2 {
background-image:url(/img/activ-blue-copy-bg.jpg)
}

#activ-col3 {
background-image:url(/img/activ-neutral-copy-bg.jpg)
}

#activ-col4 {
background-image:url(/img/activ-thebenefits-copy-bg.jpg)
}

div.copy-activ {
margin:15px 10px 8px 15px;
text-align:center;
vertical-align:top;
width:149px
}

div.copy-activ-links {
margin:15px 10px 8px 25px;
text-align:left;
vertical-align:top;
width:149px
}

div.col-container-2-howitworks {
clear:both;
height:196px;
margin-top:.5em;
position:relative;
width:722px
}

div.col-howitworks {
float:left;
height:197px;
width:361px
}

div.title-howitworks {
height:94px;
margin-left:6px;
text-align:center;
vertical-align:top;
width:350px
}

div.title-howitworks img {
margin-top:22px
}

#howitworks-col1 {
background-image:url(/img/howitworks-maintainingselfcleanglass-img-bg.jpg)
}

#howitworks-col2 {
background-image:url(/img/howitworks-abetterwayofcleaning-img-bg.jpg)
}

ul.col-container-4-literature {
clear:both;
list-style:none;
margin:0 !important;
width:716px
}

ul.col-container-4-literature li {
float:left;
height:245px;
margin:0 -4px 1.5em 0;
width:183px
}

ul.col-container-4-literature li span.col-lit-title {
background:transparent url(/img/literature-bg-top.png) 0 0 no-repeat;
color:#666;
display:table-cell;
font-family:verdana;
font-size:1.4em;
font-weight:700;
height:97px;
padding:0 16px;
text-align:center;
vertical-align:middle;
width:151px
}

* html ul.col-container-4-literature li span.col-lit-title {
display:block;
}

ul.col-container-4-literature li span.col-lit-middle {
background:url(/img/literature-bg-mid.png) 0 0 no-repeat;
display:block;
height:98px
}

ul.col-container-4-literature li a.col-lit-download {
background:transparent url(/img/literature-bg-btm.png) 0 0 no-repeat;
display:block;
height:51px;
overflow:hidden;
text-indent:-32767px
}

div.col-container-4-trade {
clear:both;
height:196px;
margin-top:50px;
position:relative;
width:716px
}

div.col-trade {
float:left;
height:196px;
width:179px
}

div.title-trade .trade-title-compatible {
margin-top:45px
}

#trade-col1 {
background-image:url(/img/trade-marketingsupport-img-bg.jpg)
}

#trade-col2 {
background-image:url(/img/trade-becomeasupplier-img-bg.jpg)
}

#trade-col3 {
background-image:url(/img/trade-findatradesupplier-img-bg.jpg)
}

#trade-col4 {
background-image:url(/img/trade-compatibleproducts-bg.jpg)
}

div.title-wheretouseit {
height:94px;
margin-left:4px;
text-align:center;
vertical-align:top;
width:232px
}

#wheretouseit-col1 {
background-image:url(/img/wheretouseit-wheretouseit-conservatories-img-bg.jpg)
}

#wheretouseit-col2 {
background-image:url(/img/wheretouseit-wheretouseit-windowsanddoors-img-bg.jpg)
}

#wheretouseit-col3 {
background-image:url(/img/wheretouseit-wheretouseit-glassroofs-img-bg.jpg)
}

div.col-container-5-conservatories {
clear:both;
height:170px;
position:relative;
width:720px
}

div.col-conservatories {
float:left;
height:170px;
width:144px
}

div.title-conservatories {
background-image:url(/img/wheretouseit-conservatories-title-bg.jpg);
height:95px;
margin-left:4px;
text-align:center;
vertical-align:top;
width:136px
}

div.title-conservatories img {
margin-top:35px
}

#conservatories-col1 {
background-image:url(/img/wheretouseit-conservatories-conservatorydesign-img-bg.jpg)
}

#conservatories-col2 {
background-image:url(/img/wheretouseit-conservatories-glassconsiderations-img-bg.jpg)
}

#conservatories-col3 {
background-image:url(/img/wheretouseit-conservatories-buildaconservatory-img-bg.jpg)
}

#conservatories-col4 {
background-image:url(/img/wheretouseit-conservatories-choosingalocation-img-bg.jpg)
}

#conservatories-col5 {
background-image:url(/img/wheretouseit-conservatories-gallery-img-bg.jpg)
}

div.col-container-1-buildaconservatory {
background-image:url(/img/wheretouseit-conservatories-buildaconservatory-planningpermission-img-bg.jpg);
float:right;
height:169px;
margin:0 0 0 40px;
position:relative;
text-align:center;
vertical-align:top;
width:181px
}

div.col-buildaconservatory {
background-image:url(/img/wheretouseit-conservatories-buildaconservatory-planningpermission-title-bg.jpg);
height:95px;
margin-left:5px;
text-align:center;
vertical-align:top;
width:171px
}

div.title-conservatoriesdesign {
background-image:url(/img/wheretouseit-conservatories-conservatoriesdesign-title-bg.jpg);
height:94px;
margin-left:4px;
text-align:center;
vertical-align:top;
width:232px
}

#conservatoriesdesign-col1 {
background-image:url(/img/wheretouseit-conservatories-conservatoriesdesign-designideas-img-bg.jpg)
}

#conservatoriesdesign-col2 {
background-image:url(/img/wheretouseit-conservatories-conservatoriesdesign-structuralmaterials-img-bg.jpg)
}

#conservatoriesdesign-col3 {
background-image:url(/img/wheretouseit-conservatories-conservatoriesdesign-cleaningglass-img-bg.jpg)
}

div.col-container-1-glassroofs {
background-image:url(/img/wheretouseit-glassroofs-gallery-img-bg.jpg);
float:right;
height:199px;
margin:0 0 0 40px;
position:relative;
text-align:center;
vertical-align:top;
width:181px
}

div.col-glassroofs {
background-image:url(/img/wheretouseit-glassroofs-gallery-title-bg.jpg);
height:95px;
margin-left:5px;
text-align:center;
vertical-align:top;
width:171px
}

div.col-container-4-windowsanddoors {
clear:both;
height:201px;
position:relative;
width:720px
}

div.col-windowsanddoors {
float:left;
height:201px;
width:180px
}

div.title-windowsanddoors {
background-image:url(/img/wheretouseit-windowsanddoors-title-bg.jpg);
height:95px;
margin-left:4px;
text-align:center;
vertical-align:top;
width:171px
}

#windowsanddoors-col1 {
background-image:url(/img/wheretouseit-windowsanddoors-windows-img-bg.jpg)
}

#windowsanddoors-col2 {
background-image:url(/img/wheretouseit-windowsanddoors-skylights-img-bg.jpg)
}

#windowsanddoors-col3 {
background-image:url(/img/wheretouseit-windowsanddoors-glassdoors-img-bg.jpg)
}

#windowsanddoors-col4 {
background-image:url(/img/wheretouseit-windowsanddoors-gallery-img-bg.jpg)
}

div.col-container-2-windows {
clear:both;
height:196px;
position:relative;
width:722px
}

div.col-windows {
float:left;
height:197px;
width:361px
}
div.col-windows-text {
float:left;
height:20px;
width:361px;
text-align: center;
}


div.title-windows {
background-image:url(/img/wheretouseit-windowsanddoors-windows-title-bg.jpg);
height:94px;
margin-left:6px;
text-align:center;
vertical-align:top;
width:350px
}

div.title-windows img {
margin-top:25px
}

#windows-col1 {
background-image:url(/img/wheretouseit-windowsanddoors-windows-replacement-img-bg.jpg)
}

#windows-col2 {
background-image:url(/img/wheretouseit-windowsanddoors-windows-doubleglazing-img-bg.jpg)
}

.faqs-img-general {
float:left;
margin:3px 5px 0 0
}

.faqs-imgs {
float:left;
margin:4px 5px 0 0;
padding-top:8px
}

.faqs-link {
color:#000;
font-size:16pt;
font-weight:400;
margin:0;
padding:0;
text-decoration:none
}

.faqs-copy {
margin-bottom:7px;
margin-top:6px !important
}

.faqs-border {
border-top:1px solid #01ad01;
margin:0;
padding-top:8px
}

h2.with-arrow {
padding-bottom:2px;
padding-left:23px
}

body.yellow h2.with-arrow {
background:url(/img/activ-arrow.jpg) 0 3px no-repeat
}

body.lightblue h2.with-arrow {
background:url(/img/wheretouseit-arrow.jpg) 0 3px no-repeat
}

body.darkblue h2.with-arrow {
background:url(/img/howitworks-arrow.jpg) 0 3px no-repeat
}

body.orange h2.with-arrow {
background:url(/img/findasupplier-arrow.jpg) 0 3px no-repeat
}

#content h3 {
font-size:13pt;
font-weight:400
}

#content ul {
margin-left:2em
}

dl#supplier_list dt {
border-top:1px solid #ccc;
clear:right;
font-size:1em;
font-weight:700;
line-height:1.5em
}

dl#supplier_list dd {
margin-bottom:.5em
}

dl#supplier_list dd div.supplier_address {
float:left;
margin:.5em 0;
width:49%
}

dl#supplier_list dd div.supplier_contacts {
float:right;
margin:.5em 0;
width:49%
}

*,dl#supplier_list dd div p {
margin:0;
padding:0
}

body.green a,body.green #breadcrumbs,body.green #nav li.selected a,body.green #news #archive h3,body.green #news #archive p#errArticleDates {
color:#01ad01
}

body.red a,body.red #breadcrumbs,body.red #nav li.selected a,body.red #news #archive h3,body.red #news #archive p#errArticleDates {
color:#d9002f
}

a.rss:hover,#nav ul li a:hover,#top ul li a:hover {
text-decoration:underline
}

#breadcrumbs{
margin:1.5em 0;
}

#content p {
margin:1.5em 0;
}

div.title-home,div.title-trade {
height:93px;
margin-left:5px;
text-align:center;
vertical-align:top;
width:169px
}

div.title-home img,div.title-activ img,div.title-trade img,div.title-windowsanddoors img {
margin-top:28px
}

#howitworks-title1,#howitworks-title2 {
background-image:url(/img/howitworks-title-bg.jpg)
}

#trade-title1,#trade-title2,#trade-title3,#trade-title4 {
background-image:url(/img/trade-title-bg.jpg)
}

div.col-container-3-wheretouseit,div.col-container-3-conservatoriesdesign,div.col-container-3-glassdoors,div.col-container-3-skylights {
clear:both;
height:196px;
position:relative;
width:718px
}

div.col-wheretouseit,div.col-conservatoriesdesign,div.col-glassdoors,div.col-skylights {
float:left;
height:196px;
width:240px
}

div.col-2-wheretouseit,div.col-2-conservatoriesdesign,div.col-2-glassdoors,div.col-2-skylights {
float:left;
height:196px;
width:238px
}

div.title-wheretouseit img,div.title-conservatoriesdesign img,div.title-glassdoors img,div.title-skylights img {
margin-top:27px
}

#wheretouseit-title1,#wheretouseit-title2,#wheretouseit-title3 {
background-image:url(/img/wheretouseit-wheretouseit-title-bg.jpg)
}

div.col-buildaconservatory img,div.col-glassroofs img {
margin-top:33px
}

div.title-glassdoors,div.title-skylights {
background-image:url(/img/wheretouseit-windowsanddoors-glassdoors-title-bg.jpg);
height:94px;
margin-left:4px;
text-align:center;
vertical-align:top;
width:232px
}

#glassdoors-col1,#skylights-col1 {
background-image:url(/img/wheretouseit-windowsanddoors-glassdoors-doubleglazing-img-bg.jpg)
}

#glassdoors-col2,#skylights-col2 {
background-image:url(/img/wheretouseit-windowsanddoors-glassdoors-interiordoors-img-bg.jpg)
}

#glassdoors-col3,#skylights-col3 {
background-image:url(/img/wheretouseit-windowsanddoors-glassdoors-exteriordoors-img-bg.jpg)
}

div.col-container-1-skylights {
vertical-align:top; 
text-align:center; 
width:240px; 
height:196px;
background-image:url(/img/wheretouseit-windowsanddoors-glassdoors-doubleglazing-img-bg2.jpg); 
position:relative; 
float:right; 
margin: 0 0 0 40px;
}

div.col-skylights {
vertical-align:top; 
text-align:center; 
width:232px; 
height:94px; 
background-image:url(/img/wheretouseit-windowsanddoors-glassdoors-title-bg.jpg); 
background-repeat:no-repeat;
margin-left:4px;
}

div.col-skylights img {
margin-top:28px;
}

.label-email,.trade-label-email {
margin-right:1em
}

div#fas-forms {
clear:both;
height:55px;
margin:1.5em 0;
}

div#fats-forms {
height:55px;
margin:1.5em 0;
}

div#fas-forms form,
div#fats-forms form {
background:url(/img/findasupplier-bg.png) 0 0 repeat-x;
display:block;
height:55px;
margin:0 13px 1.5em 13px;
position:absolute;
width:328px;
}

form#fats {
width:484px !important;
margin: 0 8px 1.5em !important;
}

form#fas-uk {
float:left;
}

div#fas-forms span.left,
div#fats-forms span.left,
div#fas-forms span.right,
div#fats-forms span.right {
display:block;
width:13px;
height:55px;
position:absolute;
top:0;
}

div#fas-forms span.left,
div#fats-forms span.left {
background:url(/img/findasupplier-bg-left.png) 0 0 no-repeat;
float:left;
left:-13px;
}

div#fas-forms span.right,
div#fats-forms span.right {
background:url(/img/findasupplier-bg-right.png) 0 0 no-repeat;
float:right;
right:-13px;
}

div#fas-forms label,
div#fats-forms label {
display:block;
float:left;
height:40px;
margin:4px 0;
overflow:hidden;
text-indent:-32767px;
width:166px;
}

#fas-uk-lbl {
background:url(/img/findasupplier-uk-title.png) 0 0 no-repeat;
}

#fas-ie-lbl {
background:url(/img/findasupplier-ie-title.png) 0 0 no-repeat;
}

#fats-lbl {
background:url(/img/findatradesupplier-title.png) 0 0 no-repeat;
width:275px !important;
}

div#fas-forms input,
div#fats-forms input,
div#fas-forms select,
div#fats-forms select {
font-size:.9em;
margin:15px 0px;
}

#fas-ie-term {
width:100px;
}

#fats-opt {
margin:12px .5em 12px 1.5em !important;
}

#fas-uk-btn,
#fas-ie-btn {
background:url(../img/findasupplier-btn-bg.jpg) repeat-x scroll 0 0 #feb36a;
border:0;
color:#fff;
padding:1px 3px;
width:30px;
}

#fats-btn {
background:url(../img/findatradesupplier-btn-bg.jpg) repeat-x scroll 0 0 #d9002f;
border:0;
color:#fff;
padding:1px 3px;
width:30px;
}

form#fas-ie {
float:right;
}

/* overlay */

#overlay {
position: fixed;
width: 100%;
height: 100%;
top:0;
left:0;
}

#overlay-bg {
background: #000;
position: absolute;
width: 100%;
height: 100%;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
z-index:9998;
}

#overlay-content {
position: absolute;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
top:50%;
left:50%;
z-index:9999;
}

div.overlay_video_compareglass #overlay-content {
background-color:#f1f7f3;
}

a#overlay-close {
color:#000;
display:block;
line-height:2em;
padding-bottom:.5em;
text-align:center;
}

/* /overlay */

dl#news-articles dt img,
dl#trade-articles dt img {
position:absolute;
float:left;
margin:0 1em 1em 0;
}

dl#news-articles dt a,
dl#trade-articles dt a {
display:block;
margin-left:112px;
position:relative;
}

dl#news-articles dd.article-summary,
dl#trade-articles dd.article-summary {
margin-left:112px;
min-height:7em;
}

.clear {
clear:both;
}

.center {
text-align:center;
margin:auto;
}

dd.date-picker {
background:url(/img/icon-date.png) 100% 50% no-repeat;
}

dd.date-picker input {
width:356px !important;
}

div#video_demo {
float: left;
margin:2em -2em 2em 2em;
width: 260px;
}

div#video_howitworks {
float: right;
margin:0;
width: 450px;
}

div#video_extractor,
div#video_lounger {
clear:left;
float: left;
margin-right:-2.2em;
width: 260px;
}

dl.files_img dt,
dl.files_img dt {
margin:2em 0 0 102px;
white-space:nowrap;
}

dl.files_img dd.files_img_image {
height:95px;
margin:-4em 7px 0 0;
width:95px;
}

dl.files_img dd.files_img_details {
width:auto;
margin:-4em 0 6em 102px;
white-space:nowrap;
}

div.hasimg {
/*padding-left:110px;*/
min-height:110px;
}

dl.articles dd ul.social_bookmarks {
border-bottom:0 !important;
float:right;
position:relative;
margin-top:-3.5em;
}

dl.articles dd ul.social_bookmarks li {
cursor:auto;
border:0 !important;
line-height:auto !important;
padding:0;
}

dl.articles dd ul.social_bookmarks li a {
display:block;
text-indent:-32767px;
overflow:hidden;
width:18px;
height:18px;
float:left;
margin-right:.5em;
}

li.sb_digg a {
background:url(/img/sb/digg.png) 50% 50% no-repeat;
}

li.sb_technorati a {
background:url(/img/sb/technorati.jpg) 50% 50% no-repeat;
}

li.sb_delicious a {
background:url(/img/sb/delicious.png) 50% 50% no-repeat;
}

li.sb_propeller a {
background:url(/img/sb/propeller.gif) 50% 50% no-repeat;
}

li.sb_stumbleupon a {
background:url(/img/sb/stumbleupon.png) 50% 50% no-repeat;
}

li.sb_reddit a {
background:url(/img/sb/reddit.png) 50% 50% no-repeat;
}

.readonly {
color:#ccc;
}

a#hiw-vidlink {
background:url(/img/howitworks-link.png) 0 0 no-repeat;
display:block;
height:53px;
line-height:32767px;
overflow:hidden;
text-indent:-32767px;
width:308px;
}

ol#diagram {
height:255px;
list-style:none;
}

ol#diagram li {
float:left;
height:255px;
width:270px;
}

ol#diagram li span.text {
background-color:#2b7bb7;
color:#fff;
display:block;
font-size:.85em;
line-height:1.5em;
width:14em;
padding:1em;
}

ol#diagram li.diagram-1 {
background:url(/img/howitworks-diag1.png) 0 0 no-repeat;
margin-left:.5em;
}

ol#diagram li.diagram-1 span.text {
float:right;
margin-top:1.5em;
}

ol#diagram li.diagram-2 {
background:url(/img/howitworks-diag2.png) 100% 0 no-repeat;
margin-left:-120px;
}

ol#diagram li.diagram-2 span.text {
float:left;
margin-top:14em;
}

ol#diagram li.diagram-3 {
background:url(/img/howitworks-diag3.png) 0 0 no-repeat;
margin-left:1em;
}

ol#diagram li.diagram-3 span.text {
float:right;
margin-top:1.5em;
}

div#flash_diagram {
margin:1em 2em 1em 0;
float:left;
}

div.hasimg h2,
div.hasimg p {
margin-left:110px !important;
}

div.hasimg ul {
margin-left:110px !important;
padding-left:1.3em
}

div.latestcampaign_textright {
margin-left:290px;
}

#fas-uk {
left:2em;
}

#fas-ie {
right:2em;

}

#fas-uk-term {
width:11em;
}

#fas-ie-term {
width:11.5em;
position:relative;
}