/* colours blue - #1b4298 green - #a0ce67 light green - #d0e4a6 magenta - #c93092 */ body { margin: 0; padding: 0; font: 76% Arial, Helvetica, sans-serif; } h1,h2,p { margin: 0; padding: 0; } h1, h2 { font-size: 12px; color: #1b4298; } h1{font-size: 14px; } hr{height:0px;line-height:0px;border:0px solid white;border-top:1px solid #a0ce67;} p { font-size: 11px; margin-bottom: 10px; } a, a:link, a:visited, a:active { color: #1b4298; text-decoration: none; } a:hover { text-decoration: underline; } img{border:0px solid #d0e4a6;} #headerupper { width: 800px; height: 138px; margin: 0 auto; position: relative; } #logo { width: 119px; height: 62px; position: absolute; left: -2px; top: 30px; } #headerupper #accesskeys { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; margin: 0px; padding: 0px; overflow: hidden; background: transparent; } .greenline { width: 100%; height: 3px; background: #d0e4a6; _hei\ght: 0; _back\ground: none; _mar\gin-bottom: -13px; _borde\r-top: 3px solid #d0e4a6; } #headerlower { width: 100%; height: 202px; background: url('/images/site_bits/mosaic.png') top center; position: relative; margin-top: 10px; } #headershadow { width: 860px; margin: auto; background: url('/images/site_bits/headershadow.png') repeat-y; _be\havior: url('/images/site_bits/iepngfix.htc'); _back\ground: url('/images/site_bits/ie6shadow.png') no-repeat; } #headerimage { width: 800px; margin: auto 30px; height: 202px; background: url('/images/site_bits/header.jpg') no-repeat; } #transband { width: 100%; height: 50px; position: absolute; bottom: 0; background: url('/images/site_bits/transband.png'); _be\havior: url('/images/site_bits/iepngfix.htc'); _back\ground: url('/images/site_bits/transbandie6.png') repeat-x top center; } #transband #quicklinks { _dis\play:none; } #quicklinks { width: 800px; height: 50px; margin: auto; position: relative; _po\sition: absolute; _lef\t: 50%; _mar\gin-left: -400px; _mar\gin-top: -50px; } #ql_findus, #ql_findus_ie { width: 170px; height: 50px; position: absolute; top: 0; right: 610px; background: url('/images/site_bits/quicklinks/findus_new.png') no-repeat top right; _back\ground: none; } #ql_findus:hover { background: url('/images/site_bits/quicklinks/findus_new.png') no-repeat bottom right; } #ql_contact, #ql_contact_ie { width: 170px; height: 50px; position: absolute; top: 0; right: 410px; background: url('/images/site_bits/quicklinks/contact_new.png') no-repeat top right; _back\ground: none; } #ql_contact:hover { background: url('/images/site_bits/quicklinks/contact_new.png') no-repeat bottom right; } #ql_shops, #ql_shops_ie { width: 170px; height: 50px; position: absolute; top: 0; right: 235px; background: url('/images/site_bits/quicklinks/shops_new.png') no-repeat top right; _back\ground: none; } #ql_shops:hover { background: url('/images/site_bits/quicklinks/shops_new.png') no-repeat bottom right; } #ql_community, #ql_community_ie { width: 170px; height: 50px; position: absolute; top: 0; right: 30px; background: url('/images/site_bits/quicklinks/community_new.png') no-repeat top right; _back\ground: none; } #ql_community:hover { background: url('/images/site_bits/quicklinks/community_new.png') no-repeat bottom right; } #quicklinks div a, #quicklinks div a:link, #quicklinks div a:visited, #quicklinks div a:active { position: absolute; right: 0; } #ql_findus_ie.ieout img { _fil\ter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_bits/quicklinks/find-us1.png', sizingMethod='scale'); } #ql_findus_ie.ieover img { _fil\ter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_bits/quicklinks/find-us2.png', sizingMethod='scale'); } #ql_contact_ie.ieout img { _fil\ter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_bits/quicklinks/contact1.png', sizingMethod='scale'); } #ql_contact_ie.ieover img { _fil\ter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_bits/quicklinks/contact2.png', sizingMethod='scale'); } #ql_shops_ie.ieout img { _fil\ter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_bits/quicklinks/shops1.png', sizingMethod='scale'); } #ql_shops_ie.ieover img { _fil\ter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_bits/quicklinks/shops2.png', sizingMethod='scale'); } #ql_community_ie.ieout img { _fil\ter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_bits/quicklinks/community1.png', sizingMethod='scale'); } #ql_community_ie.ieover img { _fil\ter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_bits/quicklinks/community2.png', sizingMethod='scale'); } #wrapper { width: 800px; margin: 25px auto 30px auto; } #leftcolumn { width: 250px; float: left; } #leftcolumn.twocol { width: 200px; } #midcolumn { width: 250px; margin: 0 25px; float: left; } #midcolumn.twocol { width: 575px; margin: 0 0 0 25px; } /* #midcolumn.onecol { width: 800px; float: none; margin: 0; } */ #midcolumn_wide { width: 800px; float: none; margin: 0; } #rightcolumn { width: 250px; float: right; } #leftcolumn h1, #midcolumn h1, #rightcolumn h1, #midcolumn_wide h1 { padding-bottom: 5px; border-bottom: 2px solid #1b4298; margin-bottom: 5px; } ul#nav { display: inline; margin: 0; padding: 0; position: absolute; bottom: -3px; list-style:none;} ul#nav li { float:left; font-size: 12px;padding:0 0 10px 0;list-style:none;} ul#nav li.first { padding-left: 0; } ul#nav li a, ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active { color: #1b4298; padding: 0 15px; text-decoration: none; border-right: 1px solid #1b4298;} ul#nav li.last a,ul#nav li.last a:link,ul#nav li.last a:visited{ border-right: none; } ul#nav li a:hover { color: #82a754; } ul#nav .active {border-bottom:3px solid #a0ce67;background:d0e4a6} ul#nav .active a,ul#nav .active a:link,ul#nav .active a:visited{color: #82a754;} ul#shopfinder, ul#submenu { margin: 0; padding: 0; width: 250px; border-top: 2px solid #d0e4a6; } ul#submenu { width: 200px; } ul#shopfinder li, ul#submenu li { list-style: none; width: 248px; min-height: 18px; line-height: 18px; border-left: 1px solid #d0e4a6; border-right: 1px solid #d0e4a6; border-top: 1px solid #d0e4a6; *margin-bottom: -3px; _mar\gin-bottom: 0;} ul#submenu li { width: 198px; } ul#shopfinder li a, ul#shopfinder li a:link, ul#shopfinder li a:visited, ul#shopfinder li a:active, ul#submenu li a, ul#submenu li a:link, ul#submenu li a:visited, ul#submenu li a:active { display: block; _wid\th: 228px; background: #a0ce67; color: #fff; text-decoration: none; padding-left: 20px; padding-bottom:2px;} ul#submenu li a, ul#submenu li a:link, ul#submenu li a:visited, ul#submenu li a:active { _w\idth: 178px; } ul#shopfinder li.active a, ul#shopfinder li.active a:link, ul#shopfinder li.active a:visited, ul#shopfinder li.active a:active, ul#submenu li.active a, ul#submenu li.active a:link, ul#submenu li.active a:visited, ul#submenu li.active a:active { background: #1b4298; } ul#shopfinder li a:hover, ul#shopfinder li.active a:hover, ul#submenu li a:hover, ul#submenu li.active a:hover { background: #c93092; } /********** shopfinder backgrounds **********/ ul#shopfinder li.misc a, ul#shopfinder li.misc a:link, ul#shopfinder li.misc a:visited, ul#shopfinder li.misc a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/misc.gif') no-repeat center left; } ul#shopfinder li.fashion a, ul#shopfinder li.fashion a:link, ul#shopfinder li.fashion a:visited, ul#shopfinder li.fashion a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/fashion.gif') no-repeat center left; } ul#shopfinder li.financial a, ul#shopfinder li.financial a:link, ul#shopfinder li.financial a:visited, ul#shopfinder li.financial a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/financial.gif') no-repeat center left; } ul#shopfinder li.food a, ul#shopfinder li.food a:link, ul#shopfinder li.food a:visited, ul#shopfinder li.food a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/food.gif') no-repeat center left; } ul#shopfinder li.beauty a, ul#shopfinder li.beauty a:link, ul#shopfinder li.beauty a:visited, ul#shopfinder li.beauty a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/beauty.gif') no-repeat center left; } ul#shopfinder li.health a, ul#shopfinder li.health a:link, ul#shopfinder li.health a:visited, ul#shopfinder li.health a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/health.gif') no-repeat center left; } ul#shopfinder li.household a, ul#shopfinder li.household a:link, ul#shopfinder li.household a:visited, ul#shopfinder li.household a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/household.gif') no-repeat center left; } ul#shopfinder li.jewellery a, ul#shopfinder li.jewellery a:link, ul#shopfinder li.jewellery a:visited, ul#shopfinder li.jewellery a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/jewellery.gif') no-repeat center left; } ul#shopfinder li.leisure a, ul#shopfinder li.leisure a:link, ul#shopfinder li.leisure a:visited, ul#shopfinder li.leisure a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/leisure.gif') no-repeat center left; } ul#shopfinder li.music a, ul#shopfinder li.music a:link, ul#shopfinder li.music a:visited, ul#shopfinder li.music a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/music.gif') no-repeat center left; } ul#shopfinder li.sport a, ul#shopfinder li.sport a:link, ul#shopfinder li.sport a:visited, ul#shopfinder li.sport a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/sport.gif') no-repeat center left; } ul#shopfinder li.travel a, ul#shopfinder li.travel a:link, ul#shopfinder li.travel a:visited, ul#shopfinder li.travel a:active { background: #a0ce67 url('/images/site_bits/menuicons/green/travel.gif') no-repeat center left; } ul#shopfinder li.misc a.active, ul#shopfinder li.misc a.active:link, ul#shopfinder li.misc a.active:visited, ul#shopfinder li.misc a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/misc.gif') no-repeat center left; } ul#shopfinder li.fashion a.active, ul#shopfinder li.fashion a.active:link, ul#shopfinder li.fashion a.active:visited, ul#shopfinder li.fashion a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/fashion.gif') no-repeat center left; } ul#shopfinder li.financial a.active, ul#shopfinder li.financial a.active:link, ul#shopfinder li.financial a.active:visited, ul#shopfinder li.financial a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/financial.gif') no-repeat center left; } ul#shopfinder li.food a.active, ul#shopfinder li.food a.active:link, ul#shopfinder li.food a.active:visited, ul#shopfinder li.food a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/food.gif') no-repeat center left; } ul#shopfinder li.beauty a.active, ul#shopfinder li.beauty a.active:link, ul#shopfinder li.beauty a.active:visited, ul#shopfinder li.beauty a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/beauty.gif') no-repeat center left; } ul#shopfinder li.health a.active, ul#shopfinder li.health a.active:link, ul#shopfinder li.health a.active:visited, ul#shopfinder li.health a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/health.gif') no-repeat center left; } ul#shopfinder li.household a.active, ul#shopfinder li.household a.active:link, ul#shopfinder li.household a.active:visited, ul#shopfinder li.household a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/household.gif') no-repeat center left; } ul#shopfinder li.jewellery a.active, ul#shopfinder li.jewellery a.active:link, ul#shopfinder li.jewellery a.active:visited, ul#shopfinder li.jewellery a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/jewellery.gif') no-repeat center left; } ul#shopfinder li.leisure a.active, ul#shopfinder li.leisure a.active:link, ul#shopfinder li.leisure a.active:visited, ul#shopfinder li.leisure a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/leisure.gif') no-repeat center left; } ul#shopfinder li.music a.active, ul#shopfinder li.music a.active:link, ul#shopfinder li.music a.active:visited, ul#shopfinder li.music a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/music.gif') no-repeat center left; } ul#shopfinder li.sport a.active, ul#shopfinder li.sport a.active:link, ul#shopfinder li.sport a.active:visited, ul#shopfinder li.sport a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/sport.gif') no-repeat center left; } ul#shopfinder li.travel a.active, ul#shopfinder li.travel a.active:link, ul#shopfinder li.travel a.active:visited, ul#shopfinder li.travel a.active:active { background: #1b4298 url('/images/site_bits/menuicons/blue/travel.gif') no-repeat center left; } ul#shopfinder li.misc a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/misc.gif') no-repeat center left; } ul#shopfinder li.fashion a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/fashion.gif') no-repeat center left; } ul#shopfinder li.financial a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/financial.gif') no-repeat center left; } ul#shopfinder li.food a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/food.gif') no-repeat center left; } ul#shopfinder li.beauty a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/beauty.gif') no-repeat center left; } ul#shopfinder li.health a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/health.gif') no-repeat center left; } ul#shopfinder li.household a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/household.gif') no-repeat center left; } ul#shopfinder li.jewellery a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/jewellery.gif') no-repeat center left; } ul#shopfinder li.leisure a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/leisure.gif') no-repeat center left; } ul#shopfinder li.music a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/music.gif') no-repeat center left; } ul#shopfinder li.sport a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/sport.gif') no-repeat center left; } ul#shopfinder li.travel a:hover { background: #c93092 url('/images/site_bits/menuicons/pink/travel.gif') no-repeat center left; } /********************************************/ #footer { width: 800px; margin: auto; font-size: 10px; color: #ccc; padding: 5px 0; } #footer a, #footer a:link, #footer a:visited, #footer a:active { color: #ccc; } #footer a:hover { color: #666; } #copyright, #companyinfo, #duolinks { float: left; } #copyright, #duolinks { width: 250px; } #duolinks { text-align: right; } #companyinfo { width: 300px; text-align: center; } .mapkey, .mapkey li{list-style:none;padding:0px;margin:0px;} .mapkey li{background:#1b4298;border-bottom:1px solid white;color:white;font-size:10px;padding:2px;} .clearFloat { clear: both; } /*Dynamic list styles*/ .dynamic,.dynamic ul { padding:0px;list-style: none;margin:0px;display:block;} .dynamic .default { width:500px;} .dynamic .default img{ float:right;margin:20px 10px 10px 20px;border:1px solid #85b8d7;clear:right;display:block;} .dynamic .default p{ margin:0px;} .dynamic .frontnews { width: 250px; margin: 0; padding: 0; margin-top: 5px; *font-size: 10px; } .dynamic .frontnews img { width: 40px; height: 40px; margin: 0 5px 0 0; padding: 2px 5px 5px 2px; border: none; float: left; background: url('/images/site_bits/newsshadow.gif') no-repeat; } /*tables and form styles*/ .tabledefault{ border-collapse: collapse;font-size:85%;border:1px solid #aaaaaa;margin:10px;} .tabledefault td {border:1px solid #aaaaaa;padding:5px;} .tabledefault th {border:1px solid #aaaaaa;background:#eeeeee;padding:5px;color:black;text-align:left; } .tabledefault p {font-size:100%;margin:0px;} .tableinvisible{ border-collapse: collapse;font-size:90%;margin:10px;} .tableinvisible td {padding:5px;} .tableinvisible th {background:#dddddd;padding:5px;color:#333333;text-align:left; } .tableinvisible p {font-size:100%;margin:0px;} .duoEditArea .tableinvisible td,.duoEditArea .tableinvisible th{border:1px dashed #cccccc;} .formdefault input{font-size:90%;} .formdefault dt{ float:left;width:70px;font-size:85%;padding:3px 1px;height:20px;} .formdefault dd{height:26px;margin:0px;padding:1px;width:155px;} .formdefault dd input , .formdefault dt input ,.formdefault dd select , .formdefault dt select ,.formdefault dd textarea , .formdefault dt textarea {width:150px;font-family:sans-serif;margin-left:0px;font-size:70%;} .formdefault dd textarea , .formstyle1 dt textarea {height:60px;margin-left:0px;}