body { background-color: #f7f4ee; }
* { margin : 0; padding : 0; }
p { margin : 0px 0 0px 0px; padding : 0 0 0 0; line-height : 14pt; font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #010101; }

/*Links*/
a:link { font-family: Arial, Helvetica, sans-serif; font-size : 10pt; text-decoration : none; color : #ffffff;}
a:hover { font-family: Arial, Helvetica, sans-serif; font-size : 10pt; text-decoration : underline; color: #ffffff; }
a:visited { font-family: Arial, Helvetica, sans-serif; font-size : 10pt; text-decoration : none; color: #bfbfbf;}

/*Left Navigation Links*/
.link1 a { display : block; background-color : #a0acb2; color: #2e2f2f; font-size: 12px; text-decoration: none; border-top: 1px solid #ffffff; height : 22px; padding-top : 4px; padding-left : 13px; }

.link1 a:hover { background-color : #fa0000; color: #ffffff; font-size: 12px; text-decoration: underline; border-top: 1px solid #ffffff; padding-left : 13px; }
.link3 a { display : block; background-color : #a0acb2; color: #2e2f2f; font-size: 12px; text-decoration: none; border-top: 1px solid #ffffff; height : 22px; padding-top : 4px; padding-left : 13px; }

.link3 a:hover { background-color : #4a6a79; color: #ffffff; font-size: 12px; text-decoration: underline; border-top: 1px solid #ffffff; padding-left : 13px; }
.link5 a { display : block; background-color : #7f929c; color : #2e2f2f; font-size: 12px; text-decoration : none; height : 22px; padding-top : 4px; padding-left : 13px; border-top: 1px solid #ffffff; }
.link5 a:hover { background-color : #7f929c; color: #ffffff; font-size: 12px; text-decoration : underline; border-top : 1px solid #ffffff; padding-left : 13px; }

.block { display : block; background-color : #7f929c; height : 22px; border-top : 1px solid #ffffff; }
.block2 { display : block; background-color : #7f929c; height : 22px; border-bottom : 1px solid #ffffff; border-top : 1px solid #ffffff; }


/*Left Navigation Headings Links*/
.link2 a { display : block; background-color : #7f929c; color : #2e2f2f; font-size: 12px; text-decoration : none; height : 22px; padding-top : 4px; padding-left : 13px; }
.link4 a { display : block; background-color : #7f929c; color : #2e2f2f; font-size: 12px; text-decoration : none; height : 22px; padding-top : 4px; padding-left : 13px; border-top: 1px solid #ffffff; }

/*General Link*/
.link6 a { color : #010101; font-size: 12px; text-decoration : none; }
.link6 a:hover { color: #4b6a7a; font-size: 12px; text-decoration: underline; }


.link7 a { color : #010101; font-size: 12px; text-decoration : underline; }
.link7 a:hover { color: #4b6a7a; font-size: 12px; text-decoration: underline; }
.link7 a:visited { color: #010101; font-size: 12px; }


h1 { text-indent : -9999px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size : 17pt; font-weight : bold; color : #656060; padding : 3px 0px 6px 0px; letter-spacing: -1px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size : 12pt; font-weight : lighter; font-style : italic; color : #656060; padding : 3px 0px 6px 0px; line-height : 25px; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size : 15pt; font-weight : bold; color : #656060; padding : 3px 0px 6px 0px; letter-spacing: -1px; }	
h5 { font-family: Arial, Helvetica, sans-serif; font-size : 13pt; font-weight : bold; color : #656060; padding : 3px 0px 6px 0px; letter-spacing: -1px; }	

/*Columns*/
.columnleft { float : left; width : 365px; padding-left : 10px; padding-top : 7px; padding-right : 7px; padding-bottom : 20px; }
.columnright { float : right; width : 325px; padding-left : 10px; padding-bottom : 20px; padding-right : 7px; padding-top : 7px; }
.columnleftwide { float : left; width : 390px; padding-left : 10px; padding-top : 7px; padding-right : 7px; padding-bottom : 20px; }
.columnrightnarrow { float : right; width : 300px; height : 900px; padding-left : 10px; padding-bottom : 20px; padding-right : 7px; padding-top : 10px; }
.columnwide { float : left; width : 712px; height : 286px; padding-left : 5px;}


.line { float : left; width : 727px; height : 1px; background-color: #d7d7d7; }

.vidembed { float : right; width : 335px; padding : 7px 0px 0px 7px; }

.footertext { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color : #ffffff; padding-top : 3px; padding-right : 9px; }

#container { position : relative; width : 920px; margin : 0 auto; padding-left : 1px; }
#content { background-color: #ffffff; width: 920px; height : 950px; }
#header { background-image: url(images/header.png); width : 920px; height : 189px; }
#nav { background-image : url(images/navgradient.png); height : 36px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-align : right; }
#nav ul li{display: inline; margin: 0px 0px 9px 3px; padding: 0; line-height: 33px; color: #ffffff; margin-right : 9px; }
#leftnav { background-color: #b1bcc2; width : 193px; height : 950px; float : left; }
#leftnav li { list-style-type : none; }
#footer { background-color : #4c6c7c; height : 20px; border-top: 1px solid #ffffff; text-align : right; }

/*Images - Content*/
#pic1 { background-image: url(images/pic1.jpg); background-repeat : no-repeat; height : 364px; width : 315px; } 
#logobase { background-image: url(images/logos.png); background-repeat : no-repeat; height : 93px; width : 257px; } 
#vaillant { background-image: url(images/vaillanteco1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; } 
#vaillant2 { background-image: url(images/vaillant2.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#vaillant3 { background-image: url(images/vaillant3.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }  
#mainboiler { background-image: url(images/main1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#johnson1 { background-image: url(images/johnson1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }  
#johnson2 { background-image: url(images/johnson2.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; } 
#grant1 { background-image: url(images/grant1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }  
#grant2 { background-image: url(images/grant2.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#prorad { background-image: url(images/prorad1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#towel1 { background-image: url(images/towel1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#komfort1 { background-image: url(images/komfort1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#komfort2 { background-image: url(images/komfort2.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#bath1 { background-image: url(images/bath1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#bath2 { background-image: url(images/bath2.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#man1 { background-image: url(images/man1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#man2 { background-image: url(images/man2.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#sol1 { background-image: url(images/sol1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#sol2 { background-image: url(images/sol2.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#flush1 { background-image: url(images/flush1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#flush2 { background-image: url(images/flush2.png); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#magnet1 { background-image: url(images/magna1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#magnet2 { background-image: url(images/magna2.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#service1 { background-image: url(images/service1.jpg); background-repeat : no-repeat; height : 300px; width : 250px; margin : auto; padding-bottom : 10px; }
#rchshop { background-image: url(images/rchshop.jpg); background-repeat : no-repeat; height : 286px; width : 712px; border : 1px solid grey;}

/*Logos*/
#whichlogo { background-image : url(images/which.png); background-repeat : no-repeat; height : 32px; width : 145px; padding : 2px;}
#vaillantlogo { background-image: url(images/vaillantlogo.png); background-repeat : no-repeat; height : 26px; width : 100px; padding-bottom : 5px; }
#mainlogo { background-image: url(images/mainlogo.png); background-repeat : no-repeat; height : 26px; width : 100px; padding-bottom : 5px; }
#pottertonlogo { background-image: url(images/pottertonlogo.png); background-repeat : no-repeat; height : 26px; width : 148px; padding-bottom : 5px; }
#johnsonlogo { background-image: url(images/johnsonlogo.png); background-repeat : no-repeat; height : 26px; width : 196px; padding-bottom : 5px; }
#grantlogo { background-image: url(images/grantlogo.png); background-repeat : no-repeat; height : 26px; width : 124px; padding-bottom : 5px; }
#proradlogo { background-image: url(images/proradlogo.png); background-repeat : no-repeat; height : 26px; width : 106px; padding-bottom : 5px; }
#komfortlogo { background-image: url(images/komfortlogo.png); background-repeat : no-repeat; height : 26px; width : 134px; padding-bottom : 5px; }
#kamcologo { background-image: url(images/kamcologo.png); background-repeat : no-repeat; height : 26px; width : 100px; padding-bottom : 5px; }
#adeylogo { background-image: url(images/adeylogo.png); background-repeat : no-repeat; height : 26px; width : 110px; padding-bottom : 5px; }

/*Logos for Manufacturers page*/
#aqualisalogo { background-image: url(images/aqualisalogo.png); background-repeat : no-repeat; height : 38px; width : 172px; padding-bottom : 5px; }
#kaskadelogo { background-image: url(images/kaskadelogo.png); background-repeat : no-repeat; height : 45px; width : 172px; padding-bottom : 5px; }
#kudoslogo { background-image: url(images/kudoslogo.png); background-repeat : no-repeat; height : 98px; width : 99px; padding-bottom : 5px; }
#manhattanlogo { background-image: url(images/manhattanlogo.png); background-repeat : no-repeat; height : 39px; width : 180px; padding-bottom : 5px; }
#miralogo { background-image: url(images/miralogo.jpg); background-repeat : no-repeat; height : 60px; width : 93px; padding-bottom : 5px; }
#rocalogo { background-image: url(images/rocalogo.png); background-repeat : no-repeat; height : 38px; width : 82px; padding-bottom : 5px; }
#newteamlogo { background-image: url(images/newteamlogo.png); background-repeat : no-repeat; height : 59px; width : 171px; padding-bottom : 5px; }