 body {font-family:tahoma,verdana,Serif;font-size:110.01%;
       background:white;color:black;margin:0px;}

 div {}


 #containment { height:100%;background:white;}
 #container2 {background:url(/images/site/shadow-right.jpg) repeat-y 100% 0% lightgoldenrodyellow;
              margin:0px 30px 0px 0px;
              min-width:400px;
              padding:0px 0px 30px 0px;}

 #titlebanner { background:url(/images/site/bgtest1.jpg) yellow;height:103px;vertical-align:bottom;margin:0px;padding:0px;}
 #titlebanner img {padding:0em;margin:2px;border:none;width:149px;height:93px;}
 #titlebanner h1 {display:none;}


 #tagline {clear:right;
           border:dotted #dfdfdf 2px;
           font-size:0.8em;
           padding:0px 50px 0px 50px;
           margin:0px 20px 0px 20px;}

#header {line-height:1em;vertical-align:bottom;margin-left:152px;margin-top:-1.3em;font-size:1em;height:1em;display:block;margin-right:40px;z-index:2;}
    #header ul {
      margin:0;
      padding:1px 10px 0px;
      list-style:none;
      }
    #header li {
      display:inline;
      margin:0;
      padding:0;white-space:nowrap;margin-top:-1.7em;
      }
    #header a {
      float:left;
      background:url("/images/site/left_both4.gif") no-repeat left top;
      margin:0px;
      padding:0 0 0 9px;
      text-decoration:none;
      font-size:0.6em;
      }
    #header a span {
      float:left;
      display:block;
      background:url("/images/site/right_both4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      font-weight:bold;
      color:black;
      }
    #header a:hover span {
      color:yellow;
      }
    #header .current a {
      background-position:0 -150px;
      border-width:0;
      }
    #header .current a span {
      background-position:100% -150px;
      padding-bottom:4px;
      color:white;
      }
    #header a:hover {
      background-position:0% -150px;
      }
    #header a:hover span {
      background-position:100% -150px;
    }

 #man {position:absolute;top:0px;left:0px;margin:0px;padding:0px;text-align:right;width:100%;z-index:1;height:0px;}
 #phone {position:relative;top:-67px;font-size:22px;font-weight:bold;}
 #t2004 {display:none;position:absolute;top:0px;left:200px;}


 #submenucontainer {color:white;background:#1D7E74;clear:both;display:block;height:0.4em;}
 #submenu {padding:1px;}
 #submenu ul {padding:1px;margin:1px;}
 #submenu li {list-style:none; float:left;}
 #submenu a  {padding:1px;padding-left:20px;padding-right:10px;
              text-decoration:none;color:white;font-size:0.6em;
              background:url(/images/site/menuitem.gif) no-repeat 0% 50%;
              vertical-align:middle;}
 #submenu .current a  {color:yellow;}
 #submenu a:hover {text-decoration:underline;}

 #topmenucontainer {padding-left:1px;
            color:black;
            font-size:0.8em;
            letter-spacing:2px;
            clear:both;background:url(/images/site/bgtest5.gif) repeat-x 0% 0% yellow;height:1.4em;vertical-align:bottom;}

 #topmenu {padding:1px;}
 #topmenu ul {padding:1px;margin:1px;}
 #topmenu li {list-style:none; float:left;}
 #topmenu a  {padding:1px;padding-left:20px;padding-right:10px;
              text-decoration:none;color:#222255;font-size:0.7em;
              background:url(/images/site/menuitem_yellow.gif) no-repeat 0% 50%;
              vertical-align:middle;}
 #topmenu a:hover {text-decoration:underline;}


 #sep {clear:both;}
 .sep {clear:both;}


 #phonenumber {text-align:right;padding:4px;}
 #credits {clear:both;text-align:center; padding:1px; font-size:0.8em;}

 #content {margin:5px 5px 20px 180px;padding:10px;padding-bottom:10px;
           background:url(/images/site/content-bg.jpg) repeat-y 100% 0% white;display:block;margin-right:15px;}

 #content p {font-size:0.7em;padding:5px;margin:0px;}

 #content ul {margin:0px;padding:0px;}
 #content li {line-height:1.4em;font-weight:bold;list-style:none;background:url(/images/site/menuitem_yellow.gif) no-repeat 0% 3px;margin:3px;padding-left:20px;font-size:0.7em;}
 #content h1 {text-transform: uppercase;font-size:1.4em;background:#1D7E74;padding:0px;line-height:1em;padding-left:5px;color:white;font-family:arial black, arial;font-weight:bold;border:double yellow 6px;letter-spacing:-2px;margin:5px;}
 #content h2 {font-size:1.3em;}

 #content h1 a {color:#daffdb;background:url(/images/site/menuitem.gif) no-repeat 0% 50%;padding-left:20px;}
 #content h1 a:visited {color:#bbdaff;}

 #content img {margin:15px;margin-right:25px;}

 #content .longlist {padding:0px;margin:15px;background:url(/images/site/ul-bg.jpg) repeat-y 0% 0% white;border:3px #1D7E74 solid;}
 #content .longlist ul {background:url(/images/site/ul-bg2.gif) no-repeat 100% 100%;padding:5px;}
 #content .longlist h2 {padding:5px;margin:0px;border-bottom:dotted #dfdfdf 2px;}
 #content .longlist li {margin-bottom:0px;margin-top:0px;font-size:0.6em;margin-right:40px;line-height:1.7em;}
 #content .noman ul {background:url(/images/site/ul-bg.gif) no-repeat 100% 100%;}

 #content .homepagelogos {padding:0px;margin:5px;background:url(/images/site/ul-bg2.gif) no-repeat 100% 0% white;border:3px #1D7E74 solid;text-align:center;min-height:80px;float:right;width:98%;}
 #content .homepagelogos img {padding:0px;margin:3px;border-none;}
 #content .imagelogo {background:url(/images/site/ul-bg.jpg) repeat-y 0% 0% white;width:200px;display:block;float:left;min-height:80px;vertical-align:middle;height:100%;}
 #content .homepagelogos p {text-align:left;}
 #content .homepagelogos .supplierimgs {text-align:left;display:block;}
 #content .homepagelogos .supplierimgs a {border:none;padding:2px;margin:2px;float:left;}
 #content .homepagelogos .supplierimgs a img {border:none;}
 #content .homepagelogos .supplierimgs a:hover {border:solid black 2px;padding:0px;}

 #content .hp2 {background:url(/images/site/ul-bg2.gif) no-repeat 100% 100% white;}

 #faderimages {position:relative;display:block;width:180px;height:50px;}
 .fadeimage {position:absolute;top:0px;left:0px;visibility:hidden;}

 #internalcontent {margin-bottom:10px;border-bottom:dotted #dDdEd4 2px;padding-bottom:5px;}

 #para1 {font-weight:bold;font-size:1.3em;border-top:dotted #dDdEd4 2px;}
 .quoteright {background:url(/images/site/quoteright.jpg) repeat-y 100% 0;margin-left:10px;border-left:solid 5px #007890;width:12em;float:right;padding:20px;padding-right:0px;font-size:2em;letter-spacing:1.2px;font-weight:bold;color:black;}

 #content .extrainfo div {padding:2px;margin-left:200px;}
 #content .description {padding-bottom:10px;}
 #content .seealso {margin-left:200px;}

 #sidemenu {width:178px;float:left;background:yellow;margin:0px;padding:5px;display:block;}
 #sidemenu {padding:0px;}
 #sidemenu ul {padding:0px;margin:0px;}
 #sidemenu li {display:block;list-style:none;margin:0px;}
 #sidemenu a  {margin:0px;padding:4px;padding-left:20px;padding-right:20px;
              text-decoration:none;color:#222255;font-size:0.6em;width:138px;
              background:url(/images/site/menuitem_yellow.gif) no-repeat 0% 0px;
              display:block;border-top:solid 1px lightgoldenrodyellow;border-bottom:solid 1px olive;}
 #sidemenu a:hover {background:url(/images/site/menuitem_yellow.gif) no-repeat 0% 0px #efef23;}

 #sidemenu .current a {background:url(/images/site/menuitem.gif) no-repeat 0% 0px #1D7E74;color:white;border-top:solid 1px #1D7E74;}
 #sidemenu .current a:hover {background:url(/images/site/menuitem.gif) no-repeat 0% 0px #4DaEa4;border-top:solid 1px #4DaEa4;}

 #sidemenu .logo {border-top:#1D7E74 outset 2px;border-bottom:solid 2px olive;margin:0px;background:url(/images/site/logobg.jpg) repeat-x yellow;padding:4px;text-align:left;font-size:0.8em;border-top:solid 3px #aca;font-weight:bold;}
 #sidemenu .logo img {border:0px;padding:0px;margin:0px;}
 #sidemenu .logo li {margin:0px;padding:0px;}


 #cataloguelist {padding:10px;}
 #cataloguelist .product h1 {border:none;width:100%;padding:5px;color:black;font-size:1.4em;margin-bottom:0px;font-weight:normal;}
 h1 a {color:white;text-decoration:none;}
 #cataloguelist h1 a {color:white;}
 #cataloguelist h1 a:visited {color:white;}
 #cataloguelist .description {margin-left:200px;padding:5px;padding-bottom:10px;margin-bottom:0px;font-weight:bold;letter-spacing:1px;border-bottom:solid 1px black;margin-right:-10px;background:#1D7E74;color:white;}
 #cataloguelist .extrainfo div {margin-left:200px;border-bottom:solid 1px black;border-top:solid 1px #adbeb4;background:url(/images/site/menuitem.gif) no-repeat 0% 3px #1D7E74;padding:2px;margin-right:-10px;padding-left:20px;color:#f3f3f5;}
 #cataloguelist .info1 {color:#f3f3f5;}
 #cataloguelist .info2 {color:#f3f3f5;}
 #cataloguelist .info3 {color:#f3f3f5;}
 #cataloguelist .info4 {color:#f3f3f5;}
 #cataloguelist .info5 {color:#f3f3f5;}
 #cataloguelist .info6 {color:#f3f3f5;}
 #cataloguelist .info7 {color:#f3f3f5;}
 #cataloguelist .title {padding-left:20px;background:url(/images/site/menuitem.gif) no-repeat 0% 50%;}
 .prodimg {border:none;background:none;float:left;margin:0px;padding:0px;}
.product {margin;10px;padding:0px;font-size:0.7em;clear:both;border:1px solid white;}
 #cataloguelist .product {margin-bottom:10px;}
 #cataloguelist .seealso {margin-left:200px;border-bottom:solid 1px black;border-top:solid 1px #adbeb4;background:url(/images/site/menuitem.gif) no-repeat 0% 50% #1D7E74;padding:2px;margin-right:-10px;padding-left:20px;color:white;font-weight:bold;}
 #cataloguelist .seealso a {color:white;width:10px;font-weight:normal}
 #cataloguelist .seealso a:visited {color:yellow;width:10px;font-weight:normal}

 .buybutton {margin:4px;margin-right:5px;padding:5px;padding-left:40px;background:url(/images/site/menuitem_yellow.gif) no-repeat 0% 50% yellow;padding-right:40px;border:outset 2px white;float:right;white-space:nowrap;}
 #cataloguelist .buybutton {margin-right:-5px;}

 .crumbs {margin-bottom:5px;font-size:0.7em;}

 .articles {width:100%;}

 .brochure {float:left;width:117px;height:200px;border:dotted 2px #dedede;margin:10px;padding:3px;height:200px;background:white;}
 .brochure h2 {width:117px;margin:2px;font-size:0.7em !important;}
 .brochure p {font-size:0.5em !important;margin:0px;padding:2px !important;color:#214232;}
 .brochure img {margin:2px !important;padding:0px;height:166px;}
 .brochure select {width:97px;margin-left:10px;margin-right:10px;}

 .binputs {border:dotted 2px #dedede;margin:10px;padding:3px;font-size:0.7em;}
 .binputs h2 {width:117px;margin:2px;font-size:1.1em !important;}
 .fieldname {width:170px;text-align:right;float:left;}
 .field {}
 .bsend {clear:both;border:dotted 2px #dedede;margin:10px;padding:3px;background:white;font-size:0.7em;text-align:right;}

 #content  .smalltext { font-family:Lucida Sans Unicode, arial; color:black; font-size:8pt;font-weight:normal;}
 #content  .flattoolbar      {background:#d4cfc9;}
 #content  .imagelist        {background:#d4cfc9;border:none;height:100%;width:270px;overflow:auto;float:right}
 #content  .toggletab        {border:outset 2px white;margin:0px;padding:2px;height:29px;font-size:10px;border-bottom:none;text-align:bottom;}
 #content  .toggletabactive  {border:outset 2px white;margin:0px;padding:2px;height:34px;font-size:10px;border-bottom:none;text-align:bottom;}
 #content  .toggletabover    {border:outset 2px white;margin:0px;padding:2px;height:34px;font-size:10px;border-bottom:none;text-align:bottom;}

 #content  .editorbtn        {border:none;margin:2px;padding:0px;}
 #content  .editorbtnover    {border:outset 2px white;margin:0px;}
 #content  .editorbtnset     {border:inset 2px white;margin:0px;}

 #content  .toggletab img {margin:0px;padding:0px;border:0px;}
 #content  .toggletabactive img {margin:0px;padding:0px;border:0px;}
 #content  .toggletabover img {margin:0px;padding:0px;border:0px;}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a span {float:none;}
    /* End IE5-Mac hack */

 #content {{height:1000px;}}
 #content .homepagelogos {{height:80px;width:95%}}

 #householder {background:url(/images/house2_side.jpg) repeat-x;height:409px;position:relative;}

 #houseimage {width:534px;height:409px;background:url(/images/house2_high_sm.jpg) no-repeat 0 0;position:relative;}
 #houseimage li {position:absolute;display:block;background:none;padding:0px;}
 #houseimage li a {text-decoration:none;overflow:hidden;display:block;}
 #houseimage li a b {visibility:hidden;overflow:hidden;}
 #houseimage li a span {position:absolute;left:-4000px;font-size:0.8em;font-weight:normal;font-family:arial;}
 #houseimage li a:hover span {visibility:visible;background:white;border:double 5px yellow;display:block;width:250px;left:60px;color:black;padding:5px;}
 #houseimage li a span img {height:100px;float:left;padding:0px;margin:0px;position:relative;left:-15px;}
 
 #houseimage #ubbinkdormers {top:32px;left:15px;width:90px;height:14px;}
 #houseimage #cavityclosers {top:124px;left:-6px;width:90px;height:19px;} #houseimage #cavityclosers a:hover span {left:140px;}
 #houseimage #maxiport {top:164px;left:-6px;width:70px;height:17px;}  #houseimage #maxiport a:hover span {}
 #houseimage #european {top:29px;left:340px;width:90px;height:17px;} #houseimage #europea a:hover span {left:-340px;}
 #houseimage #manthorpe {top:29px;left:410px;width:90px;height:17px;} #houseimage #manthorpe a:hover span {left:-100px;}
 #houseimage #freefoam {top:68px;left:400px;width:110px;height:20px;} #houseimage #freefoam a:hover span {left:-100px;}
 #houseimage #rainwaterfloplast {top:109px;left:455px;width:60px;height:20px;} #houseimage #rainwaterfloplast a:hover span {left:-120px;}

 #houseimage #midamerica {top:146px;left:448px;width:73px;height:17px;} #houseimage #midamerica a:hover span {top:-70px;left:-270px;}

 #houseimage #consortias {top:264px;left:294px;width:65px;height:17px;} #houseimage #consortias a:hover span {top:-70px;left:-250px;}
 #houseimage #bruynzeel {top:264px;left:338px;width:88px;height:12px;} #houseimage #bruynzeel a:hover span {top:-70px;left:-260px;}
 #houseimage #geopanel {top:264px;left:413px;width:43px;height:17px;} #houseimage #geopanel a:hover span {top:-70px;left:-270px;}
 #houseimage #plastivan {top:264px;left:448px;width:85px;height:17px;} #houseimage #plastivan a:hover span {top:-70px;left:-280px;}

 #houseimage #speedfit {top:300px;left:350px;width:115px;height:22px;} #houseimage #speedfit a:hover span {top:-120px;}
 
 #houseimage #acodrain {top:348px;left:358px;width:30px;height:18px;} #houseimage #acodrain a:hover span {top:-130px;left:-100px;}
 #houseimage #floplastunderground {top:348px;left:385px;width:60px;height:18px;} #houseimage #floplastunderground a:hover span {top:-130px;left:-50px;}
 
 #houseimage #floplastaboveground {top:345px;left:-4px;width:160px;height:18px;} #houseimage #floplastaboveground a:hover span {top:-70px;}
 
 
 /* Coverage Map */
 
 #coveragemap {width:534px;height:409px;background:url(/images/coverage-map.jpg) no-repeat 0 0;position:relative;}
 #coveragemap li {background:none;position:absolute;}
  
 #coveragemap a {position:absolute;top:0px;left:0px;height:100%;width:100%;text-decoration:none;color:white;}
 #coveragemap a span.d {position:absolute;top:50%;left:50%;width:7px;height:7px;display:block;padding:0px;margin:0px;border:outset 1px white;}
 #coveragemap a span.t {position:absolute;top:-10px;left:50%;display:none;white-space:nowrap;padding:3px 8px;}
 
 #coveragemap li:hover span.t {display:block;background:#1D7E74;color:white;text-decoration:none;border:single yellow 1px;}
 
#coveragemap #cov-north-wales {top:0px;left:0px;width:100%;height:100%;}
#coveragemap #cov-north-west-wales {top:0px;left:0px;width:400px;height:260px;}
#coveragemap #cov-north-east-wales {top:0px;left:300px;width:200px;height:350px;}
#coveragemap #cov-north-wales-coast {top:0px;left:0px;width:20px;height:20px;}

#coveragemap #cov-conwy-county {top:40px;left:250px;width:150px;height:300px;}
#coveragemap #cov-conwy-valley {top:90px;left:300px;width:30px;height:140px;}
#coveragemap #cov-anglesey {top:10px;left:40px;width:160px;height:160px;}

#coveragemap #cov-holyhead {top:77px;left:60px;width:20px;height:20px;}
#coveragemap #cov-bangor {top:110px;left:200px;width:20px;height:40px;}
#coveragemap #cov-caernarfon {top:140px;left:170px;width:20px;height:40px;}
#coveragemap #cov-tal-y-bont {top:90px;left:230px;width:20px;height:20px;}
#coveragemap #cov-conwy {top:80px;left:275px;width:20px;height:20px;}

#coveragemap #cov-penrhyn-bay {top:70px;left:315px;width:20px;height:20px;}
#coveragemap #cov-penrhyside {top:65px;left:310px;width:20px;height:20px;}

#coveragemap #cov-llandudno {top:50px;left:300px;width:20px;height:40px;}
#coveragemap #cov-llandudno-junction {top:80px;left:300px;width:20px;height:40px;}
#coveragemap #cov-deganwy {top:65px;left:290px;width:20px;height:20px;}
#coveragemap #cov-llanfairfechan {top:80px;left:250px;width:20px;height:20px;}
#coveragemap #cov-penmaenmawr {top:75px;left:265px;width:20px;height:20px;}
#coveragemap #cov-dwygyfylchi {top:82px;left:267px;width:20px;height:20px;}
#coveragemap #cov-mochdre {top:80px;left:320px;width:20px;height:30px;}
#coveragemap #cov-colwyn-bay {top:70px;left:330px;width:20px;height:20px;}
#coveragemap #cov-rhyl {top:40px;left:430px;width:20px;height:40px;}
#coveragemap #cov-abergele {top:70px;left:380px;width:20px;height:30px;}
#coveragemap #cov-pensarn {top:65px;left:370px;width:20px;height:20px;}
#coveragemap #cov-towyn {top:60px;left:390px;width:20px;height:20px;}
#coveragemap #cov-glan-conwy {top:100px;left:290px;width:20px;height:20px;}
#coveragemap #cov-llandulas {top:0px;left:0px;width:20px;height:20px;}
#coveragemap #cov-llanwrst {top:140px;left:290px;width:20px;height:20px;}
#coveragemap #cov-betws-y-coed {top:175px;left:290px;width:20px;height:20px;}
#coveragemap #cov-bethesda {top:120px;left:220px;width:20px;height:20px;}
#coveragemap #cov-dinbich,
#coveragemap #cov-denbigh {top:130px;left:420px;width:20px;height:40px;}
#coveragemap #cov-cearnarfonshire {top:60px;left:100px;width:150px;height:200px;}
#coveragemap #cov-denbighshire,
#coveragemap #cov-sir-y-dinbich {top:50px;left:400px;width:150px;height:300px;}
#coveragemap #cov-holywell {top:95px;left:480px;width:20px;height:20px;}          
