#pagetop { width: 770px; margin: 20px auto 10px auto; position: relative; } #logo { position: absolute; left: -30px; top: -7px; text-align: right; } #nav { padding-left: 130px; height: 26px; background-image: url(../graphics/top-nav-back.jpg); background-position: right; background-repeat: no-repeat; background-color: #33894A; } #nav IMG { margin: 0 10px; height: 26px; } #flash { text-align: right; } #main { width: 770px; margin: 0 auto; text-align: left; } #main .left { text-align : left; } #main .centre { text-align: center; } #main .right { text-align : right; } /* LAYOUT ############################### */ #wrap { position: relative; } #categories { /*position: absolute; left: 0; top: 0;*/ float:left; width: 140px; } #contentWrap { /*margin-left: 138px; margin-right: 138px;*/ float:right; width: 480px; /* tantek hack for IE5 */ voice-family: "\"}\""; voice-family: inherit; /*margin-left: 140px;*/ margin-right: 150px; } html>body #contentWrap { /*margin-left: 140px;*/ margin-right: 150px; } /* FIX FOR IE5+/WIN PEEKABOO BUG ###################### \*/ * html #contentWrap {height: 1%;} /* End hide from IE5-mac, note this part is required!!!! */ #rightbar { position: absolute; top: 0; right: 0; width: 140px; } #contentWrap.wide { width: 630px; margin-right: 0; } html>body #contentWrap.wide { margin-right: 0; } #contentWrap.thin { width: 480px; } #contentWrap.thin #content, #homeCategories { background-image: url(../graphics/box-bottom-thin.gif); } #contentWrap.thin #content.yellowBottom { background-image: url(../graphics/box-bottom-thin-yellow.gif); padding-bottom: 20px; } #contentWrap.wide #content { background-image: url(../graphics/box-bottom-wide.gif); } #content, #homeCategories { background-position: bottom left; background-repeat: no-repeat; padding-bottom: 10px; margin-left: 10px; } #homeCategories { margin-top: 10px; } #homeCategories A { display: block; float: left; width: 29%; padding: 2px 2%; } #content #msg { background-color: #FFFCD9; border-bottom: 1px solid #96AC97; border-top: 1px solid #96AC97; padding: 10px; margin: 10px 0px; } #content #msg IMG { vertical-align: middle; margin-right: 5px; } H1, #content P, #content H3, .featured P, #homeCategories P { padding: 10px 10px 0 10px; margin: 0; } #content UL, #content OL { margin: 10px; } #content UL UL, #content OL OL, #content OL UL, #content UL OL { margin: 10px 0 10px 10px; } #rightbar INPUT { margin: 5px; width: 125px; } H1 { font-size: 150%; font-weight: normal; color: #33894A; margin-top:35px; padding-right:0px; float: left; } H1.advert { background-color: #C9E5FF; color: #FFF; padding: 10px 100px 10px 10px; text-align: center; margin-top: 15px; font-size: 200%; position: relative; width: 508px; } H1.advert STRONG { color: #000; } H1.advert IMG { position: absolute; right: 10px; top: -8px; } H2, H2 A { font-size: 100%; font-weight: normal; color: #FFF; } H2 A:LINK, H2 A:VISITED { color: #FFF; white-space: nowrap; } H2 A:ACTIVE, H2 A:HOVER { text-decoration: underline; } H2 { display: block; margin: 0; padding: 0 0 0 8px; background-color: #33894A; background-image: url(../graphics/box-heading-left.gif); background-position: top left; background-repeat: no-repeat; position: relative; } H2.InfoPages { background-image: none; background-color: #FFFFFF; color: #000000; font-weight: bold; margin: 0px 0px 0px 1px; padding-top:8px; } H2 DIV, H2.bar A:LINK, H2.bar A:VISITED, H2.bar A:ACTIVE, H2.bar A:HOVER { display: block; padding: 5px 2px; background-image: url(../graphics/box-heading-right.gif); background-position: top right; background-repeat: no-repeat; color: #FFF; } H2 IMG { position: absolute; right: 5px; top: -5px; z-index: 10; } DIV.boxContent { padding-bottom: 10px; } DIV.yellow, DIV.green, DIV.blue, DIV.boxContent, .featured DIV.box { border-left: 1px solid #96AC97; border-right: 1px solid #96AC97; } DIV.yellow, DIV.green, DIV.blue { padding-top: 8px; width: 138px; overflow: hidden; } DIV.yellow { background-color: #FFFCD9; } DIV.green { background-color: #DBE7CF; } DIV.blue { background-color: #C9E5FF; } DIV.yellow P, DIV.green P, DIV.blue P { padding: 4px 10px; margin: 0; } DIV.items { padding-top: 10px; } DIV.yellow A, DIV.green A, DIV.blue A, A.arrow, DIV.items A { display: block; background-repeat: no-repeat; padding: 3px 2% 3px 8%; background-position: 2%; } DIV.yellow A:LINK, DIV.yellow A:VISITED, DIV.green A:LINK, DIV.green A:VISITED, DIV.blue A:LINK, DIV.blue A:VISITED, A.arrow:LINK, A.arrow:VISITED, DIV.items A:LINK, DIV.items A:VISITED { background-color: transparent; background-image: url(../graphics/cat-off.gif); } DIV.yellow A:ACTIVE, DIV.yellow A:HOVER, DIV.green A:HOVER, DIV.green A:HOVER, DIV.blue A:HOVER, DIV.blue A:HOVER, A.arrow:ACTIVE, A.arrow:HOVER, DIV.items A:ACTIVE, DIV.items A:HOVER { background-color: #F3F0CD; color: #33894A; background-image: url(../graphics/cat-on.gif); } A.arrow, DIV.items A { padding: 3px 10px 3px 20px; background-position: 10px; } DIV.green A:ACTIVE, DIV.green A:HOVER { background-color: #CEDEBE; color: #33894A; } DIV.blue A:ACTIVE, DIV.blue A:HOVER { background-color: #B9D4F6; color: #000; } DIV.yellow A.on:LINK, DIV.yellow A.on:VISITED, DIV.yellow A.on:ACTIVE, DIV.yellow A.on:HOVER, DIV.green A.on:LINK, DIV.green A.on:VISITED, DIV.green A.on:ACTIVE, DIV.green A.on:HOVER, DIV.blue A.on:LINK, DIV.blue A.on:VISITED, DIV.blue A.on:ACTIVE, DIV.blue A.on:HOVER { background-image: url(../graphics/cat-on.gif); color: #33894A; } DIV.blue A.noBack:LINK, DIV.blue A.noBack:VISITED, DIV.blue A.noBack:ACTIVE, DIV.blue A.noBack:HOVER { background-image: none; padding-left: 2%; } DIV.yellow TABLE { margin: 0 5px; } DIV.yellow TABLE TH, DIV.yellow TABLE TD { padding: 1px; } DIV.boxYellow, DIV.boxGreen, DIV.boxBlue { background-position: bottom left; background-repeat: no-repeat; padding-bottom: 10px; margin-bottom: 10px; } DIV.boxYellow { background-image: url(../graphics/box-bottom-yellow.gif); background-color: #FFFCD9; } DIV.boxGreen { background-image: url(../graphics/box-bottom-green.gif); background-color: #DBE7CF; } DIV.boxBlue { background-image: url(../graphics/box-bottom-blue.gif); background-color: #B9D4F6; } #categories A.level2, #categories A.level2on { width: 82%; padding-left: 16%; background-position: 10%; } #categories A.level3, #categories A.level3on { width: 74%; padding-left: 24%; background-position: 18%; } #categories A.level4, #categories A.level4on { width: 66%; padding-left: 32%; background-position: 26%; } #categories A.level5, #categories A.level5on { width: 58%; padding-left: 40%; background-position: 34%; } INPUT { font-size: 100%; vertical-align: middle; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } LABEL SPAN { text-decoration: underline; } #tel { text-align: center; font-size: 28px; padding-top: 0; color: #33894A; } #content UL, #content OL { padding-left: 35px; } /* PAGE CONTROLS ##############################*/ .pageControls { padding: 10px 10px 0 10px; } .pageControls A, DIV.on { float: left; } .pageControls A:LINK, .pageControls A:VISITED, .pageControls A:ACTIVE { background-color : transparent; border: none; padding: 3px 6px; } .pageControls A:HOVER, .pageControls DIV.on { background-color : #E6F4EC; padding: 2px 5px; border: 1px solid #80C49C; color: #000000; } .pageControls DIV.on { background-color : transparent; font-weight: bold; } .pageControls DIV.end { padding: 3px 0; } .pageControls DIV { padding: 3px 0; float: left; } /* LISTING ############################## */ #content TABLE.list { width: 100%; clear: both; margin-top: 10px; } #content TABLE TH, TABLE.list TD { padding: 5px; text-align: left; } #content TABLE TH { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; background-color: #33894A; background-image: url(../graphics/box-heading-back.gif); background-position: top; background-repeat: repeat-x; color: #FFF; white-space: nowrap; } #content TABLE.list TH.centre, #content TABLE.list TD.centre { text-align: center; } #content TABLE.list TH.right, #content TABLE.list TD.right { text-align: right; } #content TABLE.list TH A:LINK, #content TABLE.list TH A:VISITED { color: #FFF; text-decoration: none; } #content TABLE.list TH A:ACTIVE, #content TABLE.list TH A:HOVER { color: #FFF; text-decoration: underline; } #content TABLE.list TH IMG { vertical-align: middle; margin-left: 5px; } #content TABLE.top { border-top: 1px solid #96AC97; } #content TABLE.list TD { border-bottom: 1px solid #96AC97; } #content TABLE.noline TD { border: 0; } #content TABLE.list TD.heading { background-color: #F3F0CD; border-bottom: 1px solid #96AC97; } #content TABLE.list TD IMG { float: right; margin-left: 5px; } #content TABLE TD IMG.control { float: none; margin: 0; } #content H3 { font-size: 100%; } #content TABLE.list TD H3 { padding: 0; margin: 0; } #content TABLE.list TD P { padding: 0; margin: 0; } #content TABLE.form { margin: 10px 20px 0 20px; } #content TABLE.form TD { padding: 5px; } #content TABLE.form P { padding: 0; } #content TABLE TD INPUT { width: 250px; } #content TABLE TD INPUT.checkbox { width: auto; border: none; vertical-align: middle; } #content TABLE.form TD TEXTAREA { width: 400px; height: 150px; font-size: 100%; } #content TABLE TD SELECT.multi { width: 400px; height: 150px; } #content TABLE.form TD IMG { border: 1px solid #96AC97; } #content TABLE.form TD.mce IMG { border: 0; } .boxContent IMG.floatRight { border: 1px solid #96AC97; margin: 0 0 5px 10px; } #man { position: absolute; top: 40px; right: 10px; } .pad-new { padding-top: 20px; padding-left: 10px; clear: both; } /* STATS ##################################*/ #stats TD { padding: 5px; } #stats TD.topBorder { border: 1px solid #96AC97; background-color: #FFFCD9; } #stats TD.border { border-left: 1px solid #96AC97; border-right: 1px solid #96AC97; border-bottom: 1px solid #96AC97; background-color: #FFFCD9; } #stats TD.key { width: 22px; text-align: center; padding: 5px 0; } #stats DIV { padding: 2px 0; background-color: #33894A; background-image: url(../graphics/box-heading-back.gif); background-position: top; background-repeat: repeat-x; } /* FEATURED ##################################*/ .featured { margin-top: 10px; } .featured H2 { margin-top:0px; } .featured H2, .featured P { padding-top: 5px; padding-bottom: 0; } .featured IMG { float: right; margin-left: 5px; } .featured A H2, .featured A P { cursor: pointer; } .featured DIV.item { float: left; width: 230px; padding-left: 10px; padding-bottom: 10px; background-position: bottom right; background-repeat: no-repeat; background-image: url(../graphics/box-home-bottom.gif); } #content .featured DIV.item { width: 219px; background-image: url(../graphics/box-featured-bottom.gif); } .featured A { margin-top: 5px; } .msg { padding: 5px; border: 1px solid #AAAAAA; background-color: #CCFFCC; clear: both; margin-top: 10px; } #content .msg P { padding: 5px; } /* BOTTOM ####################################*/ #bottomNav { clear: both; margin-top: 20px; text-align: center; padding-top: 4px; background-image: url(../graphics/bottom-nav-top.gif); background-position: top left; background-repeat: no-repeat; } #bottomNav DIV { padding-bottom: 8px; background-image: url(../graphics/bottom-nav-bottom.gif); background-position: bottom left; background-repeat: no-repeat; } #bottomNav A:LINK, #bottomNav A:VISITED { color: #33894A; } #bottomNav A:ACTIVE, #bottomNav A:HOVER { color: #33894A; text-decoration: underline; } #bottom { text-align: center; padding-top: 8px; font-size: smaller; color: #96AC97; padding-bottom: 15px; } #bottom A { color: #96AC97; text-decoration: underline; } /************* Quick Links *****************************/ #quickLinks { margin-top: 10px; padding-top: 8px; margin-bottom: 10px; background-image: url(../graphics/bottom-nav-top.gif); background-position: top left; background-repeat: no-repeat; float:left; width:770px; color:#000000; } #quickLinks .middle { border-left: #96AC97 solid 1px; border-right: #96AC97 solid 1px; float: left; width: 768px; } #quickLinks .bottom { padding-bottom: 8px; background-image: url(../graphics/bottom-nav-bottom.gif); background-position: bottom left; background-repeat: no-repeat; border: none; float: left; width: 770px; } /*#quickLinks li.heading { font-weight: bold; list-style-image:none; list-style:none; margin: 0px 0px 10px -15px; } #quickLinks ul{ float:left; margin-right:10px; width:100px; } #quickLinks li{ list-style-image: url(../graphics/cat-off.gif); } #quickLinks A:LINK, #quickLinks A:VISITED { color: #000000; } #quickLinks A:ACTIVE, #quickLinks A:HOVER { color: #33894A; text-decoration: underline; } */ #quickLinks a { text-decoration: none; } #quickLinks a:hover { color: #33894A; text-decoration:underline; } #quickLinks .heading { font-weight: bold; list-style-image:none; list-style:none; display:block; color:#33894A; } #quickLinks ul { float:left; padding: 0px; margin: 10px 0px 10px 15px; width: 48%; } #quickLinks .full { width:92%; } #quickLinks li { display: inline; } /************* code reverse and tidy *******************/ .ContentReverse { position: absolute; top: 200px; width:770px; } .positionedContent { /*padding-top:23px;*/ } #rightbar { left:630px; } .featured h2, .featured h2 a{ color:#33894A; font-size:120%; font-weight: bold; background:none; white-space:normal; padding-right:5px; } .Oldh2 { background-color:#33894A; background-image:url(../graphics/box-heading-left.gif); background-position:left top; background-repeat:no-repeat; display:block; margin:0; padding:0 0 0 8px; position:relative; } .Oldh2 div, .Oldh2 h2, .Oldh2.bar a:link, .Oldh2.bar a:visited, .Oldh2.bar a:active, .Oldh2.bar a:hover { background-image:url(../graphics/box-heading-right.gif); background-position:right top; background-repeat:no-repeat; color:#FFFFFF; display:block; padding:5px 2px; } .Oldh2 IMG { position: absolute; right: 5px; top: -5px; z-index: 10; } .Oldh2, .Oldh2 A { font-size: 100%; font-weight: normal; color: #FFF; } .Oldh2 A:LINK, .Oldh2 A:VISITED { color: #FFF; white-space: nowrap; } .Oldh2 A:ACTIVE, .Oldh2 A:HOVER { text-decoration: underline; } .breadbrumb { position:absolute; top:0px; margin:0px 0px 0px 0px; } .breadbrumb.thin { width:462px; } .breadbrumb.wide { width:612px; } #main { margin-top:20px; } .searchText { float:left; padding: 10px 10px 0px 0px; margin-top:40px; } .specs { font-size: 150%; font-weight: normal; color: #33894A; margin-top:10px; margin-left:10px; padding-right:0px; } #nolink { display: inline; } #nolink a{ text-decoration: none; cursor:text; } #usefulInfo a{ font-weight: bold; text-decoration:underline; } #usefulInfo p{ margin:0px 0px 20px 20px; padding:0px; } .Oldh1{ padding: 10px 10px 0 10px; font-size: 150%; font-weight: normal; color: #33894A; margin-top:35px; padding-right:0px; } #homeTitle { padding:10px 10px 0px 10px;; font-weight:bold; } #homeTitle H2{ background-image: none; background-color: #FFFFFF; color: #000000; font-weight: bold; display:inline; padding: 0px; margin:0px; }