html, body, h1, h2, h3, h4, h5{margin:0;padding:0}
body{background:url(../images/css/header.jpg) top center no-repeat}

h4{font-size:1.1em}
h1, h2, h3, h4, h5{margin-top:10px}
a{text-decoration:none;font-weight:bold}
a img{border:none}
del, .boldred{color:#FF3333;font-weight:bold}
.clear{clear:both}
#container{clear:both;width:990px;margin:0 auto;padding-top:10px;min-height:500px;background:#FFF}

#skiplinks, a span, label span{display:none}

#header{width:990px;margin:0 auto;height:180px}
#headertext{height:119px;padding:10px;width:auto;text-align:center;font-size:0.9em;font-weight:bold;font-family:Arial, Helvetica, sans-serif}
#logo{float:left;margin:13px 0 0 23px}
#header h1, #header h2{}
#header h1{margin:0 250px;margin-top:17px}
#header h2{margin:0 250px;margin-top:7px;font-size:1.2em}

html{background:#ACD1EF url(../images/css/shadow.png) top center repeat-y}

#nav{height:40px;width:990px;display:block;-moz-border-radius:8px 0 0 0;-webkit-border-radius:8px 0 0 0;background:#000 url(../images/css/nav-repeat.png) top left repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:0.95em;overflow:hidden}
#nav ul{list-style:none;margin:0;padding:0;height:40px;/*background:url(../images/css/nav-right-side.jpg) top right no-repeat*/}
#nav li{float:left;padding:11px 0}
#nav li a{padding:11px 15px;-moz-border-radius:8px 0 0 0;-webkit-border-radius:8px 0 0 0;border-right:1px solid #999;color:#FFF}
#nav li a:hover{background:url(../images/css/nav-hover.jpg) top left repeat-x;border-bottom:1px solid #606165}
#nav li a.current,#nav li a.current:hover{background:#FFF;border-bottom:none;color:#222;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0}

#nav #navsearch{float:right;padding-right:15px;padding-top:6px}
#searchbox{width:150px}

#breadcrumb{margin:0 10px;border:1px solid #D90000;background:#D90000;width:auto;padding:3px 0 1px 0;height:18px;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:0.9em}
#breadcrumb a{color:#FFF;margin:0 10px}

#leftside{clear:left;float:left;width:200px;margin:10px}
#leftnav{margin:0;padding:0;list-style:none}
#leftnav ul{list-style:none;margin:0;padding:0}
#leftnav *{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none}
#leftnav .submenu{display:none;list-style:none;padding:0;margin:0;z-index:2;border-width:1px 0 0;border-style:solid none none}
#leftnav .margin{margin-bottom:15px}
#leftnav .submenu a{font:normal 11px "Lucida Grande", Verdana, Arial, sans-serif;line-height:18px;color:#}
#leftnav .submenu li.current, #leftnav .submenu li.current a, #leftnav .submenu li.current a:hover{font-weight:bold}
#leftnav a.main{font: normal 13px "Lucida Grande", Verdana, Arial, sans-serif;line-height:18px}
#leftnav li.open .submenu{display:block}
#leftnav li{margin:0;padding:0;cursor:pointer}
#leftnav a{display:block;line-height:18px;padding:1px 5px 3px}
#leftnav li.main{min-height:26px}
#leftnav a.main{line-height:18px;min-width:10em;padding:5px 5px;border-width:1px 1px 0;border-style:solid solid none;color:#111;font-weight:500}
#leftnav .submenu a{margin:0;padding-left:8px;border-width:0 1px 0 1px;border-style:none solid none solid;color:#111}
#leftnav .submenu li{padding:0;margin:0}
#leftnav .top-last a.main{border-width:1px;border-style:solid}
#leftnav li.top-last .submenu{border:none;border-bottom:1px solid #999}
#leftnav .toggle{width:22px;clear:right;float:right;margin:1px 0 0;height:27px;padding:1px 2px 0 0}
#leftnav .big{height:45px}
a:hover, #leftnav a:hover, #leftnav ul.submenu a:hover{color:#d54e21}
a, #leftnav a{color: #21759b}
#leftnav *{border-color:#999}
#leftnav .main:hover .toggle, #leftnav .open .toggle{background:transparent url(/images/css/toggle.gif) no-repeat}
#leftnav a.main{background:#f1f1f1}
#leftnav .submenu a{border-bottom:1px dashed #CCC}
#leftnav .submenu a.final{border-bottom:none}
#leftnav .main .current{background:#353535;color:#fff}
#leftnav li.main .current:hover{border-color:#B5B5B5}
#leftnav .submenu a:hover{background-color:#EAF2FA !important;color:#111 !important}
#leftnav .submenu a.current, #leftnav .submenu a.current:hover{background:#BDDCFB;color:#000}
#leftnav a:hover{background:#353535;color:#FFFFFF}

#callcentre{border:1px solid #999;padding:10px;margin:10px 0;text-align:center;background:#F1F1F1;color:#111}
#callcentre .phonetext{font-size:1.1em;font-weight:bold;height:15px;width:100%;color:#333}
#callcentre .phone{font-size:1.7em;font-weight:bold;margin:10px 0;height:30px;width:100%;color:#333}
#callcentre #phonetime{float:right;width:55%;text-align:left;margin-bottom:8px}
#callcentre #phoneday{float:left;width:41%;text-align:left}

#content{margin:0 220px}
#contentwide{margin:0 10px 0 220px}
#content, #contentwide{padding:0 0 20px 0;margin-top:-3px;font-family:Arial, "Helvetica", sans-serif;font-size:0.8em;min-height:550px}

#content .postcodes ul, #content .postcodes li, #contentwide .postcodes ul, #contentwide .postcodes li{margin:0;padding:0}
#content .postcodes ul, #contentwide .postcodes ul{margin-left:7px;margin-bottom:20px}
.postcodes ul{list-style:none;width:170px;float:left}
.postcodes ul li{font:bold 0.8em verdana;border-bottom:1px dashed #999}
.postcodes ul li a{display:block;width:100%;color:#595959;padding:1px}
.postcodes ul li a:hover{background-color:#f8fbbd;color:#000}

#accordion{margin-top:14px}
#accordion h3{font-size:1.0em;font-weight:800;margin:0 0 5px 0;padding:3px 5px 4px 10px;cursor:pointer;background:#f4f4f4;border:1px solid #b0b0b0}
#accordion h3.selected{background:#4B4B4B;color:#FFF}
#accordion ul{padding:0}
#accordion ul li{list-style:none}

#rules .circle{float:left;width:38px;height:42px;font-size:1.1em;color:#FFF;background:url(/images/highway-code/circle.jpg) top center no-repeat;text-align:center;margin:6px 5px 0 0;padding:8px 6px 0}
#rules p{margin-left:55px}
#rules ul{margin-left:60px}

div.element p, div.element h4{margin:0px;padding:4px}

.imgtop{margin-top:8px}

#cartsession, #basket{-moz-border-radius:5px;-webkit-border-radius:5px}

#rightside{float:right;width:200px;margin:10px;padding:0;font-family:Arial, "Helvetica", sans-serif;font-size:0.8em;}
#rightside h3{margin:0;margin-bottom:5px;font-size:0.9em}
#cartsession{border:1px solid #999;background:#F1F1F1;padding:10px;width:auto;margin-bottom:10px;text-align:center;font:Geneva, Arial, "Helvetica", sans-serif}
#cartsession .name{font:1.1em "Times New Roman", Times, serif;margin-bottom:5px;font-weight:bold}
#cartsession a{font-style:italic;color:#333;font-weight:normal}
#cartsession a:hover{color:#FF0000}
#basket{border:1px solid #999;background:#F1F1F1;padding:10px;width:auto;margin-bottom:10px}
#baskettext{padding:4px}
#basket h3{background:url(/images/store/basket.png) top left no-repeat;height:30px;padding-left:40px}
#basket .carttextright{float:right;margin-left:4px}
#popular{font-style:italic;padding:8px}
#popular h3{font-style:normal;margin-bottom:5px}
#featured{background:url(../images/store/featured.png) top left no-repeat;padding:50px 20px 10px 20px;text-align:center}
#featured a{font:1.1em "Geneva", Arial, Helvetica, sans-serif;color:#FFF;line-height:0.6em}

table .center td{text-align:center}
table .header td{font-weight:bold}
table .product td{border-bottom:1px dashed #CCC;text-align:center}
table .product td.textleft{text-align:left}
table .trodd td{background:#EEE}
table td#scissors{height:22px;background:url(../images/store/discountarea.jpg) top left no-repeat}

.quarter{width:25%}
.half{width:50%}

#rules{margin-top:14px}

.bold, .boldblue, .boldgreen, .boldred, .boldyellow{font-weight:bold}
.boldblue{color:#3366FF}
.boldgreen{color:#009900}
.boldred{color:#FF0000}
.boldyellow{color:#FF9900}

.floatright{float:right;margin:0 0 5px 5px}
.floatleft{float:left;margin:0 5px 5px 0}
.center{margin:0 auto;text-align:center}
.textcenter{text-align:center}
.textright{text-align:right}
.textleft{text-align:left}
.fontlarge{font-size:1.6em}
.right{float:right}

input{padding:3px}
input, select, textarea{-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #888}
input.redborder, select.redborder, textarea.redborder{border:1px solid #FF3333}

#price{font-size:1.4em;font-weight:bold;margin-bottom:14px}
.rating{width:100%;height:28px}
.star{float:left;width:28px;height:28px;display:block;background:url(/images/rating/star-rating.png) 0 -84px no-repeat}

.moreinfo, .addtobasket, .addbutton, .applychanges, .checkout, .makepayment, .securepayment, .loginbut, .regbut, .sendpass, .updatebut, .viewbasket{height:26px;margin:0;padding:0;border:0;text-indent:-1500em;cursor:pointer}
.moreinfo{width:106px;background:url(../images/store/moreinfo.png) top left;display:block}
input.addtobasket{width:116px;background: transparent url(../images/store/addtobasket.png) top left}
input.addbutton{width:41px;background: transparent url(../images/store/add-button.png) top left}
input.applychanges{width:121px;background: transparent url(../images/store/applychanges.png) top left}
.checkout{width:179px;margin-top:10px;background: transparent url(../images/store/checkout.png) top left;display:block}
.makepayment{float:right;width:179px;margin:15px 0;background: transparent url(../images/store/checkout.png) top left;display:block}
.securepayment{float:right;width:191px;margin:15px 0;background: transparent url(../images/store/securepayment.png) top left;display:block}
.loginbut{width:106px;background: transparent url(../images/store/login.png) top left}
.regbut{width:106px;background: transparent url(../images/store/register.png) top left}
.sendpass{width:125px;background: transparent url(../images/store/password.png) top left}
.updatebut{width:106px;background: transparent url(../images/store/update.png) top left}
.viewbasket{width:131px;padding-top:10px;margin:0 auto;background: url(../images/store/viewbasket.png) bottom left no-repeat;display:block}

ul.tabs{margin:15px 0 0 0;padding:0;float:left;list-style:none;height:32px;border-bottom:1px solid #999;border-left:1px solid #999;width:100%}
ul.tabs li{float:left;margin:0;padding:0;height:31px;line-height:31px;border:1px solid #999;border-left:none;margin-bottom:-1px;overflow:hidden;position:relative;background:#e0e0e0}
ul.tabs li a{text-decoration:none;color:#000;display:block;padding:0 20px;border:1px solid #fff;outline:none}
ul.tabs li a:hover{background:#ccc}
html ul.tabs li.active, html ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff}
.tab_content{padding:10px}
.tab_container{border:1px solid #999;border-top:none;overflow:hidden;float:left;width:100%;margin-bottom:20px}
.gallery{list-style:none;margin:0;padding:0}
.gallery li{float:left;margin:3px}

#footer{clear:both;width:100%;background:#353535;color:#CCC}
#footcontain{width:966px;margin:0 auto;padding-top:10px}
.footertitle{text-align:center;font-size:2em;color:#000;font-family:Arial, Helvetica, sans-serif;margin-top:5px}
.column, .columnlast{float:left;width:230px;display:block;margin-bottom:10px}
.column{margin-right:12px}
.column h4, .columnlast h4{background:url(/images/css/footer-icons.gif) no-repeat;height:27px;padding-left:37px;padding-top:3px}
.columnlast{background:#C2C1C1;-moz-border-radius:6px;-webkit-border-radius:6px;width:240px;height:220px}
#free{background-position:0 -30px}
#prod{background-position:0 0}
#site{background-position:0 -60px}
.column ul, .columnlast ul{list-style:none;margin:0;margin-top:4px;padding:0}
.column ul li, .columnlast ul li{border-bottom:1px solid #666}
.column ul li a, .columnlast ul li a{color:#FFF;font-weight:100;padding:3px;width:224px;display:block}
.column ul li a:hover, .columnlast ul li a:hover{color:#FFFFFF;background:#717171}
#copright{clear:both;width:100%;background:#000;text-align:center;padding:6px 0 4px 0;height:25px;font-weight:bold}

.notice, .noticeg, .noticer{font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#333;text-align:center;margin:5px 0 20px 0;padding:5px}
.notice{background-color:#FFFF99;border:#FFCC33 solid 1px}
.noticeg{background-color:#CCFFCC;border:#66CC33 solid 1px}
.noticer{background-color:#FFCCCC;border:#FF6666 solid 1px}

fieldset, legend{border:none}

.imageleft{float:left;width:108px;height:87px;display:block;position:relative;z-index:100;padding:0 5px}
.boxright{float:right;width:110px;height:87px;border-left:1px dashed #000;text-align:center}
.middleareas{margin:0 115px 0 118px;line-height:1.2em;padding-bottom:7px;min-height:100px}
.middleareas h3{margin:0;padding:0;font-size:1.4em;font-weight:500;margin-top:4px}
.roundboxodd, .refineleftbig .refineleft, .refinerightblue{background:#c7eafb}
.topodd div{background:url(/images/corner_tleft.gif) no-repeat top left}
.topodd{background:url(/images/corner_tright.gif) no-repeat top right}
.botodd div{background:url(/images/corner_bleft.gif) no-repeat bottom left;z-index:-100}
.boteven{overflow:hidden}
.botodd{background:url(/images/corner_bright.gif) no-repeat bottom right;overflow:auto;z-index:-99}
.topodd div, .topodd, .botodd div, .botodd, .topeven div, .topeven, .boteven div, .boteven{width:100%;height:14px}
.content{margin: -12px 2px -20px 2px}
.roundboxodd, .roundboxeven{width:100%;margin:3px 0}
.roundboxodd p, .roundboxeven p{padding:0;margin:1em 0 0 0}
#refine{width:100%;overflow:hidden;margin:4px 0;font-size:0.9em}
#refine input{margin-left:8px}
.refineleft{float:left;width:49%}
.refineright{float:right;width:49%}
.refineleftbig{float:left;width:65%}
.refinerightblue{float:right;width:32%}
.refineleftbig .refineleft .midcontent, .refinerightblue .midcontent{margin:-10px 0 -10px 4px;height:140px}
.refineleftbig .refineright{margin:4px 0 0 4px}
div#results a.heading{background:url(/images/moreinfo.gif) top center no-repeat;display:block;width:90px;height:45px;position:relative;z-index:1000;margin-left:5px;padding-left:10px}
div#results a.heading:hover{background:url(/images/moreinfo.gif) top center no-repeat;position:relative;z-index:1000}
div#results div.current a.heading, div#results div.current a.heading:hover{background:url(/images/lessinfo.gif) top center no-repeat}
div#results a span{display:none}
div#results div .extra a{color:#025185;text-decoration:none}
div#results div .extra a:hover{border-bottom:none}
div#results div .extra{display:none;margin:5px 10px -2px 10px;overflow:auto;width:530px}
div#results h2{margin:5px 0 0 0;padding:0}
div#results h2 em{font-size:0.6em;font-weight:100;font-style:normal}
.icons{width:100%;height:25px;margin:5px;margin-bottom:0;overflow:hidden}
.icons a{margin:0;padding:0;width:25px;height:25px}
.icons .iconleft{float:left;padding:0;margin:0}
#testcentres{margin-top:15px}
#results #testcentres .content{padding:0 10px}
#results #testcentres .contentnew{padding:7px 10px}
.distright{float:right}

.postcodebg{background:url(/images/background-blue.jpg) top left no-repeat;height:165px}
.mapbg, .mapbg:hover{background:url(/images/map-background.jpg) top left no-repeat;height:165px}
.postcodebg .midcontent{padding:10px;font-size:1.1em}
a .mapbg{color:#000;font-weight:normal}