html, body, ol, ul, li, dl, dt, dd { border:0; margin:0; padding:0; }
* html .minwidth { border-left:#000 !important; }
body { color:#ff0; font-size:80%; text-align:center; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; background:#000; padding:0 499px 5px; }
#sizer { width:100%; text-align:left; max-width:1200px; margin:0 auto; padding:0; }
#expander { min-width:800px; position:relative; min-height:1px; margin:0 -495px; }
.outer { margin-left:254px; margin-right:254px; }
.float-wrap { float:left; width:100%; }
.center { float:right; width:100%; }
.left { float:left; position:relative; width:244px; margin-left:-254px; }
.right { float:right; position:relative; width:244px; margin-right:-254px; margin-left:10px; }
.centerbox { overflow:visible; width:100%; }
.header { width:100%; padding-bottom:10px; }
.minwidth { background:#000; }
.outer ul { text-align:center; }
.brclear { clear:both; height:0; line-height:0; margin:0; }
img { border:none; }
.latest { float:left; padding-right:5px; }
.clearer { clear:both; font-size:0; height:1px; margin:-1px; }
.groupItem { margin-bottom:10px; }
.arrows { background-position:100% 4px; background-image:url(/lib/template/bt_sprites.gif); background-repeat:no-repeat; text-decoration:none; }
.itemContent { background:#000; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
.itemContent p { color:#ff0; margin:1px; padding:4px; }
.itemContent h3 { font-size:100%; color:#ff0; margin:0; padding:4px; }
.blue { background-color:#004660!important; color:#0ff!important; }
.warningyellow { background-color:#ff6!important; color:#000!important; }
.warningorange { background-color:#f93!important; color:#fff!important; }
.warningred { background-color:#C03!important; color:#fff!important; }
.newsarch { position:absolute; right:28px; top:0; }
.obs { width:10px; }
.closeEl img { padding-top:5px; width:18px; height:18px; }
.newspic { float:left; padding:5px; }
* html .newstxt { height:80px; }
.newstxt { min-height:80px; }
.newstxt p { padding-left:120px; }
.teaserpic { width:242px; height:66px; }
.weather { background:#000; }
#obs tr td { width:100px; }
#obs a { width:70px; text-align:left !important; }
p.smallPara { margin:0 3px; padding:0 3px; }
#customfc h3 { clear:both; font-size:1em; margin:0 5px; padding:2px 0 0 3px; }
#customfc p { clear:both; margin:0 5px; padding:0 0 0 3px; }
.custbox { margin:0px!important; padding:0px 5px; }
#satpic img { width: 242px; }
#obName { background-color:#ccc;text-align:left!important;display:block;padding-left:4px;border:1px solid #ccc;border-width:1px 1px 0px 0px;padding-top:3px;text-decoration:none!important }
#obNameTxt { font-weight:bold;}
#obDate {border:0px solid #ccc;border-width:1px 0px 0px 0px;padding-top:3px;margin-right:25px;}
#obData { text-align:center;line-height:28px; vertical-align:middle; }
#obTime, #obTemp, #obWx { float:left; width:90px; padding-top:3px; height:28px;}
#obTime { background:#ccc; width:60px;}
#obTemp { }
#obWx {border-right:1px solid #ccc; }
.region { background:#333; border-top:1px solid #fff; display:block; line-height:24px; padding:0 10px; }
.regswitch { background-image:url(/lib/template/bt_sprites.gif);background-position:0 0; background-repeat:no-repeat; text-decoration:none; position:relative; top:2px; }
#fcregion { background:#333; height:25px;}
#fcname {display:block;width:207px;padding:4px 0px 0px 9px;float:left;font-weight:bold; }
#fctoggle { text-decoration:none; margin:0 0 0 8px; padding:0 0 6px 4px; }
.btopen { background-image:url(/lib/template/bt_sprites.gif); background-repeat:no-repeat; background-position:0 -96px; }
.btclose { background-image:url(/lib/template/bt_sprites.gif); background-repeat:no-repeat; background-position:0 -196px; }
.btopen:hover { background-position:0 -146px;}
.btclose:hover { background-position:0 -246px; }
.hdopen { background-image:url(/lib/template/bt_sprites.gif); background-repeat:no-repeat; background-position:100% -96px; }
.hdclose { background-image:url(/lib/template/bt_sprites.gif); background-repeat:no-repeat; background-position:100% -196px; }
.hdopen:hover { background-position:100% -146px;}
.hdclose:hover { background-position:100% -246px; }
/* --- hotspots menu --- */
#myhotspots { width:244px; margin-bottom:10px; float:left; }
#hscont { float:left; position:static; }
#hsmenu { float:left; }

#hshead, #hshead:visited { font-weight:700; color:#0ff; width:224px; background-color:#004660; text-decoration:none; float:left; cursor:pointer; padding:2px 10px 3px; }
#hshead:hover, #hshead:focus { color:#333333; background-color:#CCFF33; }
#hslist { list-style-type:none; width:244px; height:auto; margin:0; float:left; display:none; }
#hslist li { padding:1px 0 0; float:left; }
#hslist li a, #hslist li a:visited { text-align:left; font-weight:400; color:#0ff; text-decoration:none; line-height:1.1em; width:212px; padding:3px 22px 4px 10px; cursor:pointer; float:left; position:static; background: #222 url(/lib/template/bt_sprites.gif) no-repeat 218px -297px; }
#hslist li a:hover, #hslist li a:focus { background-color:#444; }
#hsinfo { width:224px; background-color:#222; padding:0 10px 5px; }
#wrapper1, #wrapper2 { position:relative; }
.hide, .closed, .closeEl { display:none; }
a, .obs td { color:#0ff; }
.groupItem .itemHeader, .groupItem .itemHeader2 { display:block; line-height:22px; background-color:#040; color:#0ff; font-weight:700; height:22px; position:relative; text-decoration:none; cursor:pointer; padding:0 10px; }
.emailalerts { background-image:url(/lib/template/bt_sprites.gif); background-repeat:no-repeat; background-position:100% -346px; }
.arrows:hover { background-position:100% -46px; }
.regswitch:hover { background-position:0 -50px; }
* html .minwidth { border-left:989px solid #000!important; }
/* Header */
#logoBar { float:left; width:100%; background:#000 url(/lib/template/headers/no_warning.jpg) no-repeat right; }
#textSizing img { vertical-align:top; }
#topRightControls { text-align:right; float:right; margin:2px; color:#fff; }
/* Footer*/
#footer { clear: both; float:left; width:100%; height:36px; background-color:#000; margin-top:1px; border-bottom-left-radius: 0.7em; border-bottom-right-radius: 0.7em; -moz-border-radius-bottomright: 0.7em; -moz-border-radius-bottomleft: 0.7em; -webkit-border-bottom-left-radius:0.7em; -webkit-border-bottom-right-radius:0.7em; }
#footerContents { padding:8px; }
#footerLeft { float:left; }
#footerRight { float:right; padding-bottom:10px; }
.cornerT15 { border-top-left-radius: 1.5em; border-top-right-radius: 1.5em; -moz-border-radius-topright: 1.5em; -moz-border-radius-topleft: 1.5em; -webkit-border-top-left-radius:1.5em; -webkit-border-top-right-radius:1.5em; }
.cornerT07 { border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; -moz-border-radius-topright: 0.7em; -moz-border-radius-topleft: 0.7em; -webkit-border-top-left-radius:0.7em; -webkit-border-top-right-radius:0.7em; }
.cornerTB07 { border-radius: 0.7em; -moz-border-radius: 0.7em; -webkit-border-radius:0.7em; }
/* Float Properties */
.cleared { display: block; height: 0; clear: both; visibility: hidden; }
/* heat health warning colours */
.groupItem .itemHeaderHH { display:block; color:#000; font-weight:700; position:relative; text-decoration:none; cursor:pointer; padding:0 10px; }
.hhlevel1 { background-color:#CF3; padding:3px; color:#000; }
.hhlevel2 { background-color:#ff6; padding:3px; color:#000; }
.hhlevel3 { background-color:#F93; padding:3px; color:#000; }
.hhlevel4 { background-color:#C03; color:#FFF; padding:3px; }
/* center panel */
.panelpic { float:left; background: url(/lib/template/home_box_backgrounds_110.jpg) no-repeat; width:110px; height:70px; margin:5px; }
a.panelpic { text-decoration:none;}
#ukweather.panelpic   { background-position: left 0px; }
#climatechange.panelpic   { background-position: left -100px; }
.cl { float:left; width:50%; }
.cl .groupItem { margin-right:5px; }
.cr { margin-left: 50%; }
.cr .groupItem { margin-left:5px; }
/* advert */
.advert { text-align:center; color: #999; line-height:16px;}
.adclose { font-weight:normal; text-decoration:none; float:right; text-align:right; width:35px; padding-right: 16px; background: url(/lib/template/bt_sprites.gif) no-repeat 37px -199px; }
.adclose:hover { background-position: 37px -249px;}