body {
background-color: white;
color: rgb(50,50,50); /* grey */
font-size: 12px;
font-weight: normal;
font-family: helvetica, arial;
text-align: center;
margin: 0px;
}

body.f {
background-color: rgb(237,237,237);
}

table {background-color: rgb(255,255,255); border-collapse: collapse;}
td {padding: 0px;}
img {border: 0;}

/* border: 1px solid rgb(255,185,185); 
border-top: 1px solid rgb(231,153,153);} */
a:link {text-decoration: underline; color: rgb(255,255,255);}
a:visited {text-decoration: underline; color: rgb(200,200,200);}
a:hover {text-decoration: none; color: rgb(158,41,43);}
a:active {text-decoration: none}

.slim {
width: 366px;
background: url(fadedprintbg.gif) center top;
}

.slim1 {
background: url(fadedprintbg1.gif) center top no-repeat;
}

.top {
height: 180px;
vertical-align: center;
}

.header {
height: 120px;
text-align: center;
vertical-align: center;
}

.phone {
width: 200px;
background: url('rbg.gif');
font-size: 14px;
color: rgb(255,255,255);
}

.buttonsorderform {
width: 250px;
background-color: rgb(158,41,43);
font-size: 14px;
color: rgb(255,255,255);
}

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

.phonelarger {
font-size: 26px;
font-weight: bold;
}

a.mailto {font-size: 12px;}
a.mailto:hover {text-decoration: none; color: rgb(200,200,200);}

.headline {
font-size: 12px;
height: 28px;
background: url('wdbg.gif');
color: rgb(132,187,227);
font-weight: bold;
}

a.headline:link, a.headline:hover, a.headline:visited, a.headline:active {
font-size: 12px;
height: 28px;
background-color: rgb(0,114,198);
color: rgb(132,187,227);
font-weight: bold; text-decoration: none; background: transparent;
}

.threeways {
background: url('wbbg.gif');
font-size: 14px;
line-height: 28px;
color: rgb(50,50,50);
font-weight: bold; text-align: center; 
}

a.threeways:link,a.threeways:visited,a.threeways:hover,a.threeways:active {color: rgb(50,50,50);}

.threeways1 {
color: rgb(0,0,0);
font-size: 20px;
}

.linkhead {
background-color: rgb(255,255,255);
height: 23px;
width: 170px;
padding: 3px;
}

.linkstable {
width: 200px;
text-align: left;
}

.edge {
width: 15px;
background-color: rgb(0,114,198);
}

#links {
width: 200px; height: 800px; position: relative;
background: url('bbg.gif');
}

.linktitle {
font-weight: bold;
font-style: italic;
color: rgb(200,200,200);
}

.linkhead {
font-weight: bold; font-size: 18px; color: rgb(255,255,255); padding: 20px 0px 0px 0px; background: transparent; text-align: center; width: 153px; height: 25px;
}

.lhbg {
width: 153px; height: 25px; background: url('linkbg.gif') center repeat-y; margin: 20px 0px 5px 0px;
filter: alpha(opacity=65); opacity: 0.65;
}

#lh1, #lbg1 {position: absolute; top: 0px; left: 23px;}

#lh2, #lbg2 {position: absolute; top: 67px; left: 23px;}

#lh3, #lbg3 {position: absolute; top:405px; left: 23px;}

#lh4, #lbg4 {position: absolute; top: 225px; left: 23px;}

#lh5, #lbg5 {position: absolute; top: 570px; left: 23px;}

a.linkhead:link, a.linkhead:visited, a.linkhead:active {
background: transparent; text-decoration: none; color: rgb(255,255,255);
}

a.linkhead:hover {
text-decoration: none; color: rgb(158,41,43);
}

div.links {
font-size: 14px; color: rgb(255,255,255); padding-left: 15px; height: 22px; text-align: left;
}

a.links:link, a.links:visited, a.links:active {
text-decoration: none; color: rgb(255,255,255);
}

a.links:hover {
text-decoration: underline; color: rgb(255,255,255); cursor: pointer;
}

.articles {
width: 580px;
}

.articlestop {
width: 580px;
vertical-align: top;
}

.space {
width: 30px;
}

.spaceright {
width: 8px;
}

.specs {
line-height: 18px;
font-weight: bold;
text-align: left;
font-size: 12px;
margin: 10px 10px 10px 10px;
width: 280px; /* 300 - 10 - 10 */
color: rgb(125,125,125);
}

a.specs:link, a.specs:visited, a.specs:active {font-weight: bold; color: rgb(125,125,125); text-decoration: underline; margin: 0px;}
a.specs:hover {font-weight: bold; color: rgb(125,125,125); text-decoration: none; margin: 0px;}

.specs li {
margin-bottom: 10px;
}

.red {
color: rgb(158,41,43);
}

.intro {
font-size: 14px; 
font-weight: bold; 
padding: 10px 10px 10px 10px; 
text-align: center;
}

.small {
font-size: 11px;
}

.specsr {
text-align: right;
font-size: 10px;
}

.installers {
font-size: 10px;
color: rgb(120,120,120);
}

.main {
text-align: left;
width: 285px;
font-weight: bold;
}

.right {
float: right;
padding-right: 10px;
}

.form {
width: 300px;
text-align: left;
vertical-align: top;
}

.buttons {
width: 250px;
vertical-align: top;
}

.orderl {
text-align: right;
font-weight: bold;
width: 100px;
vertical-align: top;
}

.orderl2 {
text-align: right;
font-weight: normal;
width: 100px;
font-size: 10px;
vertical-align: top;
}

.orderr {
text-align: right;
font-size: 11px;
width: 45px;
vertical-align: top;
}

.orderbgc {
background-color: rgb(158,41,43);
color: rgb(255,255,255);
}

.which {
background-color: rgb(158,41,43);
color: rgb(255,255,255);
}

.inputs {
font-size: 11px;
font-weight: normal;
font-family: helvetica, arial;
color: rgb(69,99,122);}

.frame {
width: 780px; height: 800px; border: none;
}

img.pic {
text-align: center; margin: 0px; 
}

div.pic {
float: left; width: 450px;
}

a.sml:link, a.sml:visited, a.sml:active {
color: rgb(45,80,190); text-decoration: underline; font-size: 14px; font-weight: normal;
}

a.sml:hover {
color: rgb(50,50,50); text-decoration: none; font-size: 14px;
}

.prod {
height: auto; margin: 10px 0px; clear: both; border-top: solid 1px rgb(200,200,200); padding-top: 10px;
}

.thumb {
clear: left; float: left; text-align: center; height: 100px; padding: 5px 0px 5px 10px; width: 150px;
}

div.detail {
float: left; margin-left: 5px; text-align: left; width: 445px;
}

ul.detail {
margin-top: 5px; margin-left: 15px; padding-left: 15px; list-style-type: square;
}

input.detail {

}

.updbut {
font-size: 8px; padding: 0px; width: 50px; margin-left: 10px;
}

a.name:link, a.name:visited, a.name:active {
font-size: 18px; color: rgb(0,114,198); text-decoration: none; font-weight: bold;
}

a.name:hover {
color: rgb(50,50,50); text-decoration: none; font-weight: bold;
}

.price {
width: 100px; float: right; clear: right; margin-right: 25px; padding-top: 20px;
color: rgb(200,40,40); font-size: 18px; font-weight: bold;
}

.buyprice {
clear: both; text-align: center; margin: 5px 10px;
color: rgb(200,40,40); font-size: 18px; font-weight: bold;
}

.psml {
font-size: 11px; font-weight: normal;
}

.preload {
display: none;
}

.buyprod {
width: 290px; margin: 20px 0px 30px 0px; float: right; clear: right; padding: 0px 8px 0px 8px; text-align: left;
}

.lr {
width: 260px; clear: both; text-align: center; margin-top: 5px;
}

.color {
width: 260px; clear: both; padding-top: 5px 10px; text-align: center;
}

div.imgs {
clear: left; width: 450px; height: auto; float: left; margin-left: 0px;
}

img.imgs {
cursor: pointer; border: 1px solid rgb(200,200,200); max-height: 80px; max-width: 80px;
}

div.imgx {
float: left; margin: 4px; width: 80px; height: 80px;
}

a.spec:link, a.spec:visited, a.spec:active {
color: rgb(0,114,198); text-decoration: underline;
}

a.spec:hover {
color: rgb(50,50,50); text-decoration: none;
}

input.add {
margin-left: 15px; margin-left: 15px;
}

div.name {
font-size: 18px; color: rgb(0,114,198); text-decoration: none; font-weight: bold; text-align: center; margin: 10px 0px 10px 0px;
}

#ie6fix {
top: -77px;
}

#slashedD {
	position: absolute; left: 460px; top: 20px; 
}
#bscaaD {
	position: absolute; right: 0px; top: 15px; 
}
#protectD {
	position: absolute; right: 165px; top: 25px; width: 130px; font-size: 14px; font-weight: bold; 
	padding: 5px; border: 2px groove gray; background-color: rgb(225,215,215);
}
#protectD span {
	font-weight: bold; font-size: 16px; color: rgb(158,41,43);
}
#protectD a:link, #protectD a:visited, #protectD a:active {
	text-decoration: underline; color: rgb(0,114,198);
	}
#protectD a:hover {
	text-decoration: none;
}
#pageD {
	margin: auto; width: 980px; position: relative;
}
#outlinksD {
	padding: 15px;
}
#outlinksD a:link, #outlinksD a:visited, #outlinksD a:active {
	color: rgb(0,114,198); font-weight: bold;
}
#outlinksD a:hover {
	color: rgb(158,41,43); text-decoration: none; font-weight: bold;
}

.pw {
background-color: rgb(237,237,237);
text-align: center;
font-weight: normal;
color: rgb(110,110,110);
padding-top: 5px;}

a.pw:link {text-decoration: underline; color: rgb(170,170,170);}
a.pw:visited {text-decoration: underline; color: rgb(170,170,170);}
a.pw:hover {text-decoration: none; color: rgb(50,50,50);}
a.pw:active {text-decoration: none}

div.introD {
	font-size: .9em; color: rgb(150,150,150); font-style: italic; text-align: center; width: 70%; margin: auto;
}

table.installersT {
    border-collapse: collapse;
    width: 90%;
    margin: auto;
}
table.installersT thead tr th {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding: 10px 20px;
    border: 1px solid rgb(200,200,200);
    background: rgb(230,230,230);
}
table.installersT tbody tr td {
    text-align: left;
    padding: 10px;
    border: 1px solid rgb(200,200,200);
    padding: 10px 20px;
}
table.installersT tbody tr td.postcode {
    text-align: center;
    font-weight: bold;
}
table.installersT tbody tr td a:link, table.installersT tbody tr td a:visited {
    color: rgb(15,122,201);
    font-weight: bold;
}

table.installerT {
    border-collapse: collapse;
    width: 90%;
    margin: auto;
}
table.installerT thead tr th {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding: 10px 20px;
    border: 1px solid rgb(200,200,200);
    background: rgb(230,230,230);
}
table.installerT tbody tr td {
    text-align: left;
    padding: 10px;
    border: 1px solid rgb(200,200,200);
    padding: 10px 20px;
}
table.installerT tbody tr td.postcode {
    text-align: center;
    font-weight: bold;
}
table.installerT tbody tr td a:link, table.installerT tbody tr td a:visited {
    color: rgb(15,122,201);
    font-weight: bold;
}

td.installerPics {
    text-align: center;
}
td.installerPics img {
    margin: 30px; float: left;
}