@charset "UTF-8";

h1, h2, h3, h4, h5, p {margin:0; padding:0 0 10px 0; font-weight: normal}
h2 {font-size:21px;}
h3 {font-size:18px; padding:0 0 5px 0;}
h5 {font-size:14px;}
body {margin:0; padding:0; background:#ededed; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333;}
img {border:none;}
input, select, textarea { font-family:Helvetica, Arial, sans-serif; font-size:10px; margin:0; padding:4px;}
a {font-weight:bold; text-decoration:none;}
a:hover {color:#666;}
p {color:#666; font-size:11px; line-height:14px;}

h2 {background: #6b8794 url(../images/h3bg.jpg) top no-repeat; padding: 4px 8px; margin:0; color: #fff; font-weight: normal; font-size: 14px;}
h2 a { color:#fff; font-weight:normal;}
h2.small {font-size:12px;}


.bluetwelve {color:#11425e; font-size:12px}
.left {float:left}
.right {float:right}
.quarter {width:23%;}
.half {width:45%;}
.third {width: 30%;}
.alignright {text-align: right;}
.centre {text-align: center;}
.nomargin {margin: 0}
.pad {padding: 15px}

div.pageimageblock div.caption { font-size:10px; font-style: italic; }

div.clear { clear: both; }

#container {width:888px; margin:0 auto; padding:6px 6px; border:1px solid #dadada; background: #fff;}
h1 img { margin-top: 10px; width: 143px; height: 37px; }
.header { margin-bottom: 7px; }
.header h2 {font-weight: bold; font-size: 16px; line-height: 18px; color: #0060a8; margin-bottom: 10px;}

ul#nav { width: 872px; height: 23px; margin:0 0 5px 0; padding:8px 8px 0px 8px; background: #b71a02 url(../images/navbg.jpg) repeat-x; list-style:none; font-size:13px; font-weight:bold; color: #fff; }
ul#nav li {display:inline; margin:0 6px 0 0px;  padding: 0px 0px 0 6px; border-left:2px solid #fff; }
ul#nav li.first {border-left:none; }
ul#nav li.phone { float: right; background: url(../images/whitephone.gif) 0px 2px no-repeat; text-indent: 20px; padding-right: 0px; border:0 }
ul#nav li a {color:#fff;}
ul#nav li.on a {color:#fff;}
ul#nav li.on {color:#fff;}

ul#banner {height:55px; background:url(../images/bannerbg.jpg) repeat-x #005f95; margin:0; padding:0; color:#fff; list-style:none; width:100%}
ul#banner li {margin:0; padding:0; overflow:hidden; width:888px; display:none}
ul#banner li.education {background:url(../images/bannerEducbg.jpg) no-repeat;}
ul#banner li.health {background:url(../images/bannerHealthbg.jpg) no-repeat;}
ul#banner li.museum {background:url(../images/bannerMuseumbg.jpg) no-repeat;}
ul#banner li.police {background:url(../images/bannerPolicebg.jpg) no-repeat;}
ul#banner li.local {background:url(../images/bannerLocalbg.jpg) no-repeat;}
ul#banner li h4 {margin:0; padding:4px 15px; font-size:18px; font-weight:normal; }
ul#banner li p {margin:0; padding:0 15px; font-size:11px; font-weight:normal; }
ul#banner li a {color:#fff}

.greypanel {background:#f2f2f2; display:block; border-bottom:#ccc solid 1px; border-right:#ccc 1px solid; border-left:solid 1px #ccc; padding:5px; margin-bottom:15px}
.greypanel a {color:#cc0000;}
.greypanel ul.nav {margin:0; padding:0}
.greypanel #cataloguebrowse ul {padding:0; list-style:none; font-size:12px; margin:0}
.greypanel #cataloguebrowse a {font-weight:normal; color:#2f2f2f; text-transform:capitalize}
.greypanel #cataloguebrowse ul ul {padding:0; list-style:none; margin:0;}
.greypanel #cataloguebrowse ul li {border-top:1px dashed #bbb3b3; padding:6px 0;}
.greypanel #cataloguebrowse ul li li {border-top:1px dashed #bbb3b3; padding:4px 0 2px 10px}
.greypanel #cataloguebrowse

ul.news {list-style:none; padding:0; margin:0;}
ul.news li {margin:10px 0; border-bottom:dashed #ccc 1px; padding:0 0 10px 0;}

.title {font-weight:bold; font-size:14px}

#leftpanel {width:182px; float:left; margin-left:0px;}
#leftpanel input {border:1px solid #ccc; margin:0; padding:3px}
#leftpanel ul li {}
#leftpanel img {}

#rightpanel {width:182px; float:right; margin-right:0px;}
#rightpanel a {color:#333;}
#rightpanel form {margin-bottom: 10px;}
#rightpanel input.keywordsearch {width:120px; font-size:11px; border: 1px solid #ddd; }
#rightpanel input.search {border:none; background:none; color:#cc0000; font-weight:bold; font-size:12px}

#mainpanel {width: 500px; margin-left: 194px;}
#mainpanel a {color:#003366}
#mainpanel h1 {background: #6b8691 url(web/images/h1bg.jpg) repeat-x top; padding: 4px 8px; color: #fff; font-size: 12px; font-weight: bold; }
#mainpanel h2 {background:none; color:#333; font-size:12px; font-weight:bold; padding:0; margin:0}
#mainpanel p { font-size:11px; line-height:16px}

#mainpanel h1.home {background: none; padding: 0px 0px 10px 0px; color: #333; font-size: 24px; font-weight: bold; }
#mainpanel h2.home { padding: 10px 0px 10px 0px; color: #c00; font-size: 16px; font-weight: bold; }

.breadcrumb {color:#666; font-size:11px; margin-bottom: 10px;}
.breadcrumb a {color:#666; font-weight:bold;}
.breadcrumb a:hover {color:#cc0000;}
.breadcrumb span.divider {margin:0 4px}
.breadcrumb span.intro { padding-right: 4px; }

#mainpanel.productdetail h2 {}
#mainpanel.productdetail #col1 {width:200px; float:left;}
#mainpanel.productdetail #col1 #productimage {height: 200px; margin-bottom:20px;}
#mainpanel.productdetail #col1 #productimage img { border: 1px solid #ccc; }
#mainpanel.productdetail #col1 #productthumbs { width: 200px; background-color: #f5f5f5; padding: 5px 5px 5px 0px; } 
#mainpanel.productdetail #col1 #productthumbs div.thumb { float: left; margin-left: 5px; } 
#mainpanel.productdetail #col1 div#imgbacklink { visibility: hidden; } 
#mainpanel.productdetail #col1 ul {list-style:none; padding:0; margin:0}
#mainpanel.productdetail #col1 ul li {display:inline; margin:0 3px 0 0;}
#mainpanel.productdetail #col1 ul li.last {display:inline; margin:0;}
#mainpanel.productdetail #col2 {width:241px; margin:20px 0 0 210px;}
#mainpanel.productdetail #col2 #productinfo {margin-bottom:20px;}
#mainpanel.productdetail #col2 #productinfo h3 {font-size:18px; line-height:18px; font-weight:bold; margin:5px 0; padding:0}
#mainpanel.productdetail #col2 #productinfo h4 {font-size:14px; color:#cc0000; font-weight:bold; margin:5px 0; padding:0}
#mainpanel.productdetail #col2 #productinfo p {font-size:11px; margin:0 0 10px 0; padding:0; color:#666; line-height:14px;}
#mainpanel.productdetail #col2 #productinfo select {margin:0 0 10px 0; padding:3px}
#mainpanel.productdetail #col2 #productinfo select option {margin:4px 0;}
#mainpanel.productdetail #col2 #productinfo form input.addtobasket {background:#fff; padding:0; color:#cc0000; font-size:12px; margin:0;border:none}
#mainpanel.productdetail #col2 #alsolike .block {margin:20px 0; height:75px;}
#mainpanel.productdetail #col2 #alsolike .block a {color:#cc0000;}
#mainpanel.productdetail #col2 #alsolike .block h2 {margin:0; font-size:11px; }
#mainpanel.productdetail #col2 #alsolike .block img {float:left; margin:0 10px 0 0;}

#mainpanel.productindex h2 {font-size:11px; padding:0px; margin:0px; display:inline;}
#mainpanel div.breadcrumb { float: right; display:block}
#mainpanel div.breadcrumb span.divider { padding: 0px 2px 0px 2px; }
#mainpanel.productindex .pagecontrols {width:100%; text-align:right; margin-bottom:20px; font-weight:bold}
#mainpanel.productindex .pagecontrols a{color:#cc0000;}
#mainpanel.productindex #brandinfo {margin:12px 0 20px 0; color:#666; line-height:14px;}
#mainpanel.productindex #brandinfo #brandinfofull { display: none; }
#mainpanel.productindex #brandlogo {margin:10px 0 0 0;}
#mainpanel.productindex .prodimg {margin-bottom:10px; width: 100px; height:100px; }
#mainpanel.productindex .prodimg a:hover {color:none}
#mainpanel.productindex #pages {float:right; text-align:right;}
#mainpanel.productindex .productblock {width: 100px; float:left; margin-left:12px; min-height: 175px; }
#mainpanel.productindex .productblock .price {font-weight:normal;}
#mainpanel.productindex .categoryspotlight { width: 471px; float: left; }
#mainpanel.productindex .categoryspotlight h3 {font-size:16px; color:#666; margin:10px 0;}
#mainpanel.productindex .categoryspotlight h4 a {padding-left:15px;}

#mainpanel .formcontainer form legend { font-size:12px; font-weight:bold}
#mainpanel .formcontainer form fieldset {margin: 20px auto; padding:10px; border:1px #ccc solid; width: 400px; }
#mainpanel .formcontainer form .row {margin:8px 0; text-align:right}
#mainpanel .formcontainer form .text {margin:8px 0; text-align:left}
#mainpanel .formcontainer form .row label {font-weight:bold; float:left;}
#mainpanel .formcontainer form .row input {width:200px; border: 1px solid #bbb; }
#mainpanel .formcontainer form .row input.submit {background:#fff; color:#cc0000; font-size:14px; text-align:left; width: 50px; }
#mainpanel .formcontainer form .row select { padding: 0px; }

#mainpanel .formcontainer form.register p { padding: 10px 0px 0px 0px; }
#mainpanel .formcontainer form.register input.submit { width: 100px; margin-right: 40px; }

#mainpanel .pageimageblock img {margin-bottom:10px;}
#mainpanel #contentTemplate strong {color:#000;}

#mainpanel #checkoutpage {}
#mainpanel #checkoutpage h2 {font-size:12px; padding:0px; margin:0; display:inline; font-size:12px; text-transform:uppercase}

#mainpanel #checkoutpage #basket {}
#mainpanel #basketform #basket {}
#mainpanel #checkoutpage #basket .totalCost {font-size:13px; border-top:1px dotted #ccc; padding:4px 0 0 0; font-weight:bold}

#mainpanel #paymentpage {}
#mainpanel #paymentpage h2 {font-size:12px; padding:0px; margin:0; display:inline; font-size:12px; text-transform:uppercase}

#mainpanel #deliveryoptions {margin:10px 0;}
#mainpanel #orderdetails {margin:10px 0;}
#mainpanel fieldset {margin:10px 0; padding:10px; border:1px #ccc solid;font-size:11px;}
#mainpanel legend {font-size:12px; font-weight:bold; color:#000}
#mainpanel .smalladdress { color:#666; margin:2px 0 9px 0}
#mainpanel #basket {width:100%;}
#mainpanel #basket .basketRowU {border-top:1px dotted #ccc}
#mainpanel #basket .basketTotal {}
#mainpanel #basket .totalCost {font-size:13px; border-top:1px dotted #ccc; padding:4px 0 0 0; font-weight:bold}

#mainpanel .cartTitle {}
#mainpanel .btnUpdate {background:#f2f2f2; color:#cc0000; border:none; padding:4px;}
#mainpanel .btnCheckout {background:#65b023; color:#fff; border:none;  padding:4px; font-weight:bold;}

#mainpanel div#specialoffers div.homeofferblock { width: 250px; margin: 10px 0px 8px 0px; float: left; }
#mainpanel div#specialoffers div.homeofferblock div.details { width: 110px; float: left; padding: 0px 8px 0px 8px; color:#666;font-weight:normal}
#mainpanel div#specialoffers div.homeofferblock div.details h2 a { font-size: 13px; color:#003366; font-weight: bold; }
#mainpanel div#specialoffers div.homeofferblock div.details a { color: #999; font-weight: normal; }
#mainpanel div#specialoffers div.homeofferblock div.details div.price span a{ font-size: 12px; font-weight:bold; color:#cc0000;  }
#mainpanel div#specialoffers div.homeofferblock div.details div.price span.prevprice {color:#000; text-decoration:line-through; font-weight:normal}
#mainpanel div#specialoffers div.homeofferblock div.prodimg { float: left; }

#footer { padding:8px; margin:0 auto; margin-top:15px; border-top: 1px solid #ccc; text-align:right; font-size:11px}
#footer a {color:#666;}
#footer .divider {display:none}
#footer #payment {float:right; width:160px;}
#footer ul {list-style:none; padding:0; margin:0;}
#footer ul li {}
#footer #bottomnav {width:660px; margin:0; padding:0;}
#footer #bottomnav #nav1 {width:205px;float:left}
#footer #bottomnav #nav2 {width:205px; margin-left:230px;}
#footer #bottomnav #nav3 {width:205px; float:right;}

.clear {clear:both}
.clearright {clear:right;}
.greycaps {text-transform:uppercase; color:#a2a1a1; font-weight:bold}
.blackcaps {text-transform:uppercase; color:#000; font-weight:bold}
.grey {color:#666;}
.lightgrey {color:#ccc;}
.red {color:#cc0000;}
a.red {color:#cc0000;}
.redcaps {color:#cc0000; text-transform:uppercase; font-weight:bold}
.align-right {text-align:right;}
.align-middle {vertical-align:middle;}
.blue {color:#00529e}

.star {font-size:16px; color:#cc0000; margin-left:7px;}


.icon {float:left; margin-right:5px; border:0px}
.greytwelve {font-size:12px; color:#333}
.more {display: none;}
a.showLink, a.hideLink {font-weight:bold; color:#cc0000}

img.arrow {margin:0 10px 10px 0; float:left}


.price {  color:#cc0000 }
.prevprice {color:#000; text-decoration:line-through; font-weight:normal}


.XFade_Gallery {position:relative;	margin:0;	width:428px;	height:54px;}

.XFade_Gallery_Img {	position:absolute;	top: 0px;left: 0px;}