/* common */ .linktxt { color: #111; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva } .linktxt1 { color: #111; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva } .mainblacktxt { color: #111; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva } .mainblacktxt a:link { color: #888; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .mainblacktxt a:visited { color: #888; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .mainblacktxt a:hover { color: #111; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: underline } .mainblacktxt a:active { color: #888; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .maintxt { color: #bbb; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .maintxt a:link { color: #fff; text-decoration: none } .maintxt a:visited { color: #fff; text-decoration: none } .maintxt a:hover { color: #bbb; } .maintxt a:active { color: #bbb; text-decoration: none } .foruse { text-align: left; color: #eee; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .sidetxt { color: #eee; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .sidetxt a { font-weight: bold; color: #fc0;} .sidetxt a:link { font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none; font-weight: bold } .sidetxt a:visited { font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .sidetxt a:hover { color: #fc0; font-family: Verdana, Arial, Helvetica, Geneva } .sidetxt a:active { color: #fc0; font-family: Verdana, Arial, Helvetica, Geneva } .sidetxtbold { color: #aaa; font-weight: bold; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica, Geneva } .pagetitle { color: #fff; font-size: 22px; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .pagetitlegrey { color: #9e9e9e; font-size: 22px; font-family: Helvetica, Arial, Verdana, Geneva } .projectheading { color: #000; font-weight: bold; font-size: 16px; font-family: Verdana, Arial, Helvetica, Geneva } .subtitle { color: #eee; font-weight: bold; font-size: 16px; line-height: 18px; font-family: Helvetica, Verdana, Arial, Geneva } .printabletitle { color: #000; font-weight: bold; font-size: 20px; line-height: 18px; font-family: Helvetica, Verdana, Arial, Geneva } .printabletxt { color: #000; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva } .style { color: #888; font-weight: bold; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .style a:link { color: #bbb; font-weight: bold; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .style a:visited { color: #bbb; font-weight: bold; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .style a:hover { color: #fff; font-weight: bold; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .style a:active { color: #bbb; font-weight: bold; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none } .hometxt { width: 350px; float: left; color: #bbb; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva; margin-top: 30px; } .hometxt a { color: #bbb; text-decoration: none; font-weight:bold; } .heaterpic { width: 200px; float: right; margin-right: 50px; } /* forms */ /* footer */ .postcode { color: #222; font-size: 10px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva } .footer { color: #777; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva } .footer a:link { color: #ff9600; text-decoration: none } .footer a:visited { color: #000; text-decoration: none } .footer a:hover { color: #f30 } .footer a:active { color: #000 } .thumbnail {border-top: 4px solid #000000; border-bottom: 4px solid #000000; border-left: 4px solid #000000; border-right: 4px solid #000000; } .thumbnailthis {border-top: 4px solid #999999; border-bottom: 4px solid #999999; border-left: 4px solid #999999; border-right: 4px solid #999999; } .querydropdown { font-size: 9pt; font-style: normal; font-weight: normal; font-family: Verdana, Arial, Helvetica, Geneva scrollbar-arrow-color: 303030; } .style_iframe { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; border-width: 0px; height: 150px; width: 300px; overflow: auto; scrollbar-arrow-color: #303030; scrollbar-base-color: transparent; scrollbar-track-color: transparent; scrollbar-dark-shadow-color: #666666; scrollbar-3dlight-color:#666666; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #666666; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #666666; } .prodrng_iframe { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; border-width: 0px; width: 411px; height: 409px; overflow: auto; scrollbar-arrow-color: #303030; scrollbar-base-color: transparent; scrollbar-track-color: transparent; scrollbar-dark-shadow-color: #666666; scrollbar-3dlight-color:#666666; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #666666; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #666666; } .styletxt { color: #27398d; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva } .styletxt a:link { color: #27398d; text-decoration: none } .styletxt a:visited { color: #27398d; text-decoration: none } .styletxt a:hover { color: #fff } .styletxt a:active { color: #27398d; text-decoration: underline } .greytxt { color: #444; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva } .greytxt a:link { color: #fff; text-decoration: none } .greytxt a:visited { color: #444; text-decoration: none } .greytxt a:hover { color: #bbb } .greytxt a:active { color: #444; text-decoration: underline } .whitetxt { color: #fff; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva } .whitetxt a:link { color: #fecb00; text-decoration: none } .whitetxt a:visited { color: #fff; text-decoration: none } .whitetxt a:hover { color: #bbb } .whitetxt a:active { color: #bbb; text-decoration: underline } .whitetxtcalc { color: #fff; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva } .whitetxtcalc a:link { color: #fecb00; text-decoration: underline } .whitetxtcalc a:visited { color: #fff; text-decoration: underline } .whitetxtcalc a:hover { color: #bbb } .whitetxtcalc a:active { color: #bbb; text-decoration: underline } .selectorbackimg {background-image:url(media/page_back2_2.gif);} .selectorbackimg2 {background-image:url(media/page_back2.gif);} .rangebgimgch {background-image:url(media/central_back.gif); background-repeat: no-repeat;} .rangebgimgele {background-image:url(media/electric_back.gif); background-repeat: no-repeat;} .rangebgcolch {background-color: #88cfc7; } .rangebgcolele {background-color: #e88383;} .maintemplate {background-color: #262626;} .central {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #87cec6; LINE-HEIGHT: 18px; FONT-FAMILY: Helvetica, Verdana, Arial, Geneva} .central A:link {COLOR: #92ded6; TEXT-DECORATION: none} .central A:visited {COLOR: #92ded6; TEXT-DECORATION: none} .central A:hover {COLOR: white} .central A:active {COLOR: #92ded6} .electric {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #87cec6; LINE-HEIGHT: 18px; FONT-FAMILY: Helvetica, Verdana, Arial, Geneva} .electric A:link {COLOR: #ff8e8e; TEXT-DECORATION: none} .electric A:visited {COLOR: #ff8e8e; TEXT-DECORATION: none} .electric A:hover {COLOR: white} .electric A:active {COLOR: #ff8e8e} .wish { color: #b0a2d5; font-weight: bold; font-size: 16px; line-height: 18px; font-family: Helvetica, Verdana, Arial, Geneva } .wish A:link {color: #b0a2d5; text-decoration: none } .wish A:visited {color: #b0a2d5; text-decoration: none } .wish A:hover {color: white } .wish A:active {color: #b0a2d5 } /* new title */ /* maintitle */ .border { border: solid 1px #aaa } /*.stylehombgcol5{background-color: #c1e24b;}*/ .stylehombgcol5{background-color: #3B6059;} .stylehombgcol3{background-color: #A32070;} .stylehombgcol79{background-color: #9D1337;} .stylehombgcol78{background-color: #FFB80C;} .stylehombgcol80{background-color: #E63150;} /*.stylehombgcol39{background-color: #A9E1E0;}*/ .stylehombgcol39{background-color: #799091;} .stylehombgcol40{background-color: #774C91;} .stylehombgcol77{background-color: #C4126A;} .stylehombgcol72{background-color: #F8B02A;} .stylehombgcol73{background-color: #5C68BC;} .stylehombgcol74{background-color: #BD0C12;} .stylehombgcol76{background-color: #7A4C64;} /*.stylehombgcol75{background-color: #F4AECA;}*/ .stylehombgcol75{background-color: #DDC654;} .stylehombgcol81{background-color: #7F65CO;} .stylehombgcol124{background-color: #EA8684;} .stylehombgcol125{background-color: #3A7FC2;} .stylehombgcol24{background-color: #11567F;} .stylehombgcol128{background-color: #D34D32;} .stylehombgcol34{background-color: #AFB1E1;} .stylehombgcol126{background-color: #BF6297;} .stylehombgcol127{background-color: #D3568E;} /*.stylehombgcol372{background-color: #A9C4DF;}*/ .stylehombgcol81{background-color: #7F65C0;} .stylehombgcol1083{background-color: #61A067;} .stylehombgcol1101{background-color: #F0C119;} .stylehombgcol1115{background-color: #BD4429;} .stylehombgcol1128{background-color: #1C4096;} .stylehombgcol1307{background-color: #538890;} .stylehombgcol1359{background-color: #8DB39A;} .stylehombgcol1381{background-color: #3C6778;} .stylehombgcol1383{background-color: #8F1F71;} .stylehombgcol1388{background-color: #A46015;} .stylehombgcol1382{background-color: #CB991C;} .stylehombgcol1276{background-color: #523F6C;} .stylehombgcol372{background-color: #DCA83B;} .stylehombgcol1503{background-color: #761D55;} .stylehombgcol1509{background-color: #B15033;} .stylehombgcol1526{background-color: #C06A8D;} .stylehombgcol1549{background-color: #EFC018;} .stylehombgcol1552{background-color: #8C67CE;} .stylehombgcol79{background-color: #31223F;} .stylehombgcol73{background-color: #953817;} .stylehombgcol1654{background-color: #7A1115;} .stylehombgcol1664{background-color: #25484A;} .stylehombgcol1634{background-color: #48462D;} .stylehombgcol1678{background-color: #DB930B;} .stylehombgcol1699{background-color: #2A2237;} .stylehombgcol1745{background-color: #191E3E;} .stylehombgcol1718{background-color: #31535D;} .stylehombgcol1723{background-color: #121C14;} .stylehombgcol1734{background-color: #DEC133;} .stylehombgcol1754{background-color: #0F1223;} .stylehombgcol1818{background-color: #59003A;} .stylehombgcol1819{background-color: #2C391F;} .stylehombgcol1817{background-color: #FFFFFF;} .stylehombgcol1821{background-color: #21231E;} .borderimage{border:1px solid ABB8E5;} .subtitleYell{ color: #fc0; font-weight: bold; font-size: 16px; line-height: 18px; font-family: Helvetica, Verdana, Arial, Geneva } .sk_op {width: 150px; text-align: right; vertical-align: top; word-wrap:break-word; color: #000000; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva; } .sk_valcol {width: 20px;} .sk_new {width: 100px; word-wrap:break-word; } .sk_keyf {width: 50px; word-wrap:break-word; } .wall_length {width: 122px; word-wrap:break-word;} .sk_line {margin-top: 0; margin-bottom: 0} .sk_vatable {width: 30px; word-wrap:break-word; } .sk_delv {width: 100px; word-wrap:break-word; } .sk_price {width: 120px; word-wrap:break-word; } .sk_sku {width: 90px; word-wrap:break-word; } .sk_stock {width: 110px; } .floorarea {width: 160px; word-wrap:break-word;} .floorlevel {width: 150px; word-wrap:break-word;} .roomheight {width: 115px; word-wrap:break-word;} .veluxglass {width: 150px; word-wrap:break-word;} .veluxwtype {width: 150px; word-wrap:break-word;} .subtitleYell2{width: 212px; color: #fc0; font-weight: bold; font-size: 16px; line-height: 18px; font-family: Helvetica, Verdana, Arial, Geneva } .scroller { margin-right: 20px; color: #fff; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scroller a:link { margin-right: 20px; color: #fff; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scroller a:visited { margin-right: 20px; color: #fff; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scroller a:hover { margin-right: 20px; color: #9e9e9e; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scroller a:active { margin-right: 20px; color: #fff; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scrollerch { margin-right: 20px; color: #88cfc7; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scrollerch a:link { margin-right: 20px; color: #88cfc7; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scrollerch a:visited { margin-right: 20px; color: #88cfc7; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scrollerch a:hover { margin-right: 20px; color: #88cfc7; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scrollerch a:active { margin-right: 20px; color: #88cfc7; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scrollere { margin-right: 20px; color: #e88383; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scrollere a:link { margin-right: 20px; color: #e88383; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scrollere a:visited { margin-right: 20px; color: #e88383; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scrollere a:hover { margin-right: 20px; color: #e88383; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .scrollere a:active { margin-right: 20px; color: #e88383; font-size: 15px; text-decoration: none; line-height: 25px; font-family: Helvetica, Arial, Verdana, Geneva } .promo { float: left; width: 100%; height: auto; background-color: #97163F; margin: 0px; padding: 0px; } .promo span { font-family: Verdana, Arial, Helvetica, Geneva; font-size: 22px; color: white; float: left; width: 99%; margin-top: 20px; text-align: center; } .promo span a, .promo span a:hover, .promo span a:link, .promo span a:active { text-decoration: none; color: white; } #newmenu{ float: left; height: 50px; width: 410px !important; } #jsddm { margin: 0; padding: 0; list-style: none; float: left; height: 50px; } #jsddm li{ float: left; list-style: none; font: 12px Tahoma, Arial; height: 50px; } #newmenu .itemcl1{ width: 55px; text-align: center; } #newmenu .itemcl2{ width: 65px; text-align: center; } #newmenu .itemcl3{ width: 75px; text-align: center; } #jsddm li a { display: block; text-decoration: none; color: #EAFFED; white-space: nowrap } #jsddm li a img{ border: none; } #jsddm li ul { margin: 0px; padding: 0; position: absolute; visibility: hidden; width: 180px; text-align: left; } #newmenu .itemcl1 ul{ _margin: 40 0 0 -55; } #newmenu .itemcl2 ul{ _margin: 40px 0 0 -65px; } #newmenu .itemcl3 ul{ _margin: 40 0 0 -75; } #jsddm li ul li { float: left; width: 100%; height: auto; background-color: #eee; border-bottom: 1px solid black; display: inline} #jsddm li ul li a { width: auto; background: none; padding: 3px 3px 3px 15px; color: #000; } #jsddm li ul li a:hover{ text-decoration: underline; }