/*------ Generic Element Selectors --*/
*{padding:0;margin:0;}
body{padding:2px;min-width:990px;width:auto;font-family:tahoma, helvetica, sans-serif;
     font-size:0.8em;background-color:#FFFFFF;color:#000000;line-height:1.25em;min-height:100%;}   
input, textarea{font-family:tahoma, helvetica, sans-serif;font-size:1em;}
a img{border:none;}
p{margin-bottom:0.8em;}
ul{list-style:none;}
h1{font-size:2em;line-height:1.2em;margin-bottom:0.5em;font-weight:normal;color:#005194;}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
h2,h3,h4{margin-bottom:10px;color:#005194;}
a{text-decoration:none;color:#005194;}
a:hover{text-decoration:underline;}

input[type=text]:focus, input[type=password]:focus{background-color:#F8F8F7;border:2px groove #005194;}

/*------ Tables ---------------------*/

table{border-collapse:collapse;width:100%;}
table th, table td{padding:3px;color:#000000;}
table thead th{background-color:#00427D;color:#FFDD04;}
table tbody tr{background-color:#FFF9E6;}
table tbody tr.alt{background-color:#EAEDF8;}
table caption{display:none;}
table .snglTop{border-top:1px solid #000;}
table .dblTop{border-top:3px double #000;}
tr.blank{background:#FFFFFF;}

/*------ Generic Styles -------------*/

.checkbox{margin:0 5px;}

.b{font-weight:bold;}
.i{font-style:italic;}
.left{text-align:left;}
.centre{text-align:center;}
.right{text-align:right;}
.small{font-size:0.8em;line-height:1.2em;color:#FFFFFF}
.large{font-size:1.2em;line-height:1.2em;}
.alt.submit{background-color:#00427D;color:#FFDD04;}
.submit{background-color:#FFDD04;color:#00427D;font-weight:bold;font-family:helvetica,sans-serif;padding:2px;}
.submit.blank{background-color:transparent;background-image:none;border:none;cursor:pointer;}
.submit.blank:hover{text-decoration:underline;}
.black{color:#000000;}
.alt{color:#005194;}
p.alt a{color:#000000;}
.grey{color:#5C5C5C;}
.red{color:#FF0000;}
.hide{display:none;}

.fl{float:left;}
.fr{float:right;}

img.fl{margin:0 10px 10px 0;}

.cl{clear:left;}
.cr{clear:right;}
.cleared, #terms li, ul.twoCol, .curved .boxcontent{overflow:auto;}

.full{width:99%;margin-right:4px;}
.ib{display:inline-block;}
.half{width:48%;}
.highlight{color:#005194;}
.compact p{margin-bottom:3px;}

.loading{
position:absolute;
top:0;left:0;
height:100%;
width:100%;
/*background-color:#F8F8F7;*/
opacity:0.5;
}
.help{cursor:help;}

.aTop *{vertical-align:top;}
.aMiddle *{vertical-align:-2px;}
.aBottom *{vertical-align:bottom;}
.loading div{background:transparent url(/uk/images/layout/loading.gif) no-repeat center center;height:100%;height:100%;}
.label{display:inline-block;width:9em;margin-right:5px;}
.label.long{width:15em;}

.headerBG{height:20px;background:transparent url(/uk/images/layout/headerGrad.gif) repeat-x scroll 0 0;
          color:#FFDD04;padding:5px;}

.bSpace{margin-bottom:10px;}
.bDash{border-bottom:1px dashed #5C5C5C;padding-bottom:5px;margin-bottom:5px;}
.shaded{background-color:#F8F8F7;}

a.grey{color:#5C5C5C;}

.short{width:6.5em;}
.textbox.short{width:4em;}
select.short{width:3em;}
select{width:13em;}
select.long{width:26em;}

.hMargin{margin-left:5px;margin-right:5px;}
.rMargin{margin-right:5px;}

.error{font-weight:bold;color:#FF0000;}

/*------ List -----------------------*/

ul.bullet{list-style:disc;padding-left:15px;}
ul.bullet ul.bullet{list-style:circle;}
ul.arrow{list-style-image:url(/uk/images/layout/listArrow.gif);padding-left:20px;}
ul.twoCol li{width:48%;float:left;}

ul ul, .indent{margin-left:1em;}


/*------ Curved boxes  --------------*/

.curved {background: transparent; margin:2px 2px 8px;position:relative;}
.curved .top, .curved .bottom {display:block; background:transparent; font-size:1px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden;}
.curved .b1, .curved .b2, .curved .b3{height:1px;}
.curved .b2, .curved .b3,.curved .b4{background:transparent; border:1px solid #ACA899; border-width:0 1px;}  

.curved .b1 {margin:0 5px; background:#ACA899;}
.curved .b2 {margin:0 3px; border-width:0 2px;}
.curved .b3 {margin:0 2px;}
.curved .b4 {height:2px; margin:0 1px;}
.curved .boxcontent {display:block;background:transparent; border:1px solid #ACA899; border-width:0 1px;padding:0 10px;padding-bottom:1px;}

.curved .left .b1, .curved .left .b2, .curved .left .b3, .curved .left .b4 {margin-left:0;border-left-width:1px;}
.curved .right .b1, .curved .right .b2, .curved .right .b3, .curved .right .b4 {margin-right:0;border-right-width:1px;}

.full.curved{margin-right:4px;margin-left:0;}

/*------ Column layout --------------*/

.leftCol{width:190px;float:left;margin:0 9px;}
.rightCol{width:142px;float:right;margin:0 9px;}
.centreCol.cr{padding:10px 10px 0 0;margin:0;}

.rightCol.nav{width:180px;margin-right:2px;}
.rightCol.wide{width:250px;}

.twoLeft, .twoRight{width:49%;float:left;}
.twoLeft{margin-right:4px;}
.twoRight{margin-left:4px;}

/*------ Header ---------------------*/

#header{padding:10px 0;overflow:hidden;position:relative;
        background:#FDCB0D url(/uk/images/layout/gradient.gif) repeat-x scroll top left;
        border-bottom:10px solid #0068B4;margin-bottom:10px;}       
      
#header p{font-size:1.35em;line-height:1.3em;font-family: helvetica, sans-serif;letter-spacing:-0.2px;color:#00427C;}
#header #tag{padding:10px 0;}
#header #topNav{position:absolute;bottom:0;left:0;margin-left:210px;}
#header #topNav li{float:left;margin:0 4px 0 0;width:100px;height:30px;position:relative;}
#header #topNav a{display:block;width:100px;height:29px;line-height:0;font-size:0;border-bottom:1px solid #004B8C;}
#header #topNav a:hover{background-position:0 -29px;}
#header #topNav a:active,#header #topNav a:focus{border-bottom-width:0;}
#header .rightCol{width:160px;}
#topNav #navHome{background:transparent url(/uk/images/layout/home.gif) no-repeat scroll 0 0;}
#topNav #navShop{background:transparent url(/uk/images/layout/shop.gif) no-repeat scroll 0 0;}
#topNav #navAccount{background:transparent url(/uk/images/layout/account.gif) no-repeat scroll 0 0;}
#topNav #navAbout{background:transparent url(/uk/images/layout/about.gif) no-repeat scroll 0 0;}
#topNav #navServices{background:transparent url(/uk/images/layout/services.gif) no-repeat scroll 0 0;}
#topNav #navContact{background:transparent url(/uk/images/layout/contact.gif) no-repeat scroll 0 0;}

/*------ Left column ----------------*/

#compare h1, #services h1, .advanced h1, /*.quick h1{display:none;}*/

/*.quick{background:#005DA5 url(/uk/images/layout/quicksearch.gif) no-repeat scroll 0 0;
       padding:34px 10px 0 10px; min-height:30px;}           
.quick *{vertical-align:middle;}
.quick .textbox{width:127px;}
.quick .submit{width:30px;margin-left:5px;}
.quick p{margin:0;padding-bottom:5px;}*/
#qRemark{color:#FFFFFF;}
.advanced{background:#005093 url(/uk/images/layout/advancedsearch.gif) no-repeat scroll 0 0;
          padding:36px 10px 13px 10px;overflow:auto;color:#FFFFFF;position:relative;margin-bottom:10px;}
.eshot{background:#005093 url(/uk/images/layout/eshotTop.gif) no-repeat scroll 0 0;
          padding:40px 10px 13px 10px;position:relative;margin-bottom:10px;}
.eshot p{color:#FFFFFF;}

.eshot .textbox, .advanced .textbox{width:166px;margin-bottom:5px;min-height:20px;}
.advanced select{width:169px;margin-bottom:5px;}
.advanced option{padding-left:5px;}
.advanced .submit{float:right;display:inline;}
.advanced h2{color:#FDCB0D;}

.boxBottom{background:transparent url(/uk/images/layout/boxBase.gif) no-repeat scroll 0 0;
           position:absolute;bottom:0;left:0;width:190px;height:13px;}
           
/*#services{background:#005093 url(/uk/images/layout/servicesTop.gif) no-repeat scroll 0 0;
          padding:40px 10px 12px 10px;position:relative;margin-bottom:10px;}
#services ul{background-color:#FFFFFF;padding-top:5px;padding-bottom:5px;}
#services ul a{color:#000000;}*/


#compare{background:url(/uk/images/Theme2/boxRepeaterWide.gif) repeat-y scroll 0 0;
         position:relative; margin-bottom:10px; padding:0 10 0 10;}
#compare div{background-color:#FFFFFF;padding:5px;}
#compare ul{margin-bottom:5px;}

/*------ Right column ---------------*/

#login, #logout, #news{margin-bottom:10px;}

#login a, #logout a{font-size:0;line-height:0;width:142px;height:34px;display:block;}

#login{background:transparent url(/uk/images/Theme2/login.gif) no-repeat scroll 0 0;}
#logout{background:transparent url(/uk/images/Theme2/logout.gif) no-repeat scroll 0 0;}

#news{background:url(/uk/images/Theme2/boxRepeaterWide.gif) repeat-y scroll 0 0;
      padding: 0px 0px 0px 0px;position:relative;}
#news h1{line-height:0;font-size:0;}
#news ul{background-color:#FFFFFF;padding:0px;margin-left:5px;margin-right:5px;margin-bottom:5px;color:#005194;height:190px;overflow:auto;border: 1px solid #000000;}
#news ul.js{overflow:hidden;}
#news li{height:95px;}
#news h2{font-size:1em;margin-bottom:0;line-height:1.2em; max-height:6em;overflow:hidden;}
#news .newsSub{font-size:80%;font-weight:bold;height:8px;margin-bottom:0;}

.rightCol .boxBottom{background-image:url(/uk/images/Theme2/boxBaseNarrow.gif);width:142px;height:14px;}

#rss{height:25px; margin-bottom:10px;position:relative;border:1px solid #FFFFFF;cursor:pointer;}
#rss h1{background:transparent url(/uk/images/layout/rss.gif) no-repeat scroll 2px 2px;
        height:25px;padding-left:25px;font-size:1.2em;font-weight:normal;}
#rss #feedsBox{position:absolute;right:-1px;top:26px;width:200px;background-color:#EAEDF8;z-index:100;
               border:1px solid #005194;overflow:hidden;}
#rss #feedsBox li a{display:inline-block;padding:3px 2px;width:100%;}
#rss #feedsBox li a:hover{background:#FFF9E6;}

.basketBox{padding: 0 0px 0px 0px;background:url(/uk/images/Theme2/boxRepeaterWide.gif) repeat-y scroll 0 0;position:relative;
           margin-bottom:10px;}
/*#005194*/
.basketBox h1{font-size:0;line-height:0;height:40px;width:122px;position:relative;}
.basketBox h1 a{height:40px;width:122px;position:absolute;}
#basketContent{background-color:#FFFFFF;padding:5px;text-align:center;height:75px} 
#basketContent p{margin-bottom:5px;}
#basketContent #spnProducts, #basketContent #spnTotal{font-weight:bold;color:#005194;display:block;}
#viewBasket{/*background-color:#FFDD04;margin:5px 0 0 0;*/text-align:center;height:25px;font-weight:bold;/*padding-top:0.3em;*/}
#viewBasket a{display:inline-block;width:100%;height:100%;}
#QuickOrder{/*background-color:#FFDD04;margin:5px 0 0 0;*/text-align:center;height:25px;font-weight:bold;/*padding-top:0.3em;*/}
#QuickOrder a{display:inline-block;width:100%;height:100%;}

/*------ Breadcrumbs ----------------*/

#crumbs{border-bottom:1px dashed #5C5C5C;padding:0 5px 5px;color:#005194;margin-bottom:10px;}
#crumbs a{color:#5C5C5C;}
#crumbs a.red{color:#FF0000;}
#crumbs a img{vertical-align:bottom;}

/*------ Footer ---------------------*/

#footer{border-top:2px dashed #5C5C5C;margin:20px 10px;padding-top:10px;text-align:center;clear:both;}
#footer p, #footer a{color:#5C5C5C;}
#footer li{color:#005194;display:inline;border-left:1px solid #5C5C5C;padding:0 3px 0 6px;}
#footer li.first{border-left:none;}

/*------ Featured Products ----------*/

#homeProds h2{margin-bottom:10px;height:2.5em;}
#homeProds h2 a{font-size:1.2em;line-height:1.25em;font-weight:normal;}
#homeProds ul{margin-bottom:5px;min-height:5em;}
#homeProds p{color:#005194;}
#homeProds .boxcontent{min-height:180px;}
.feature .addToBask{height:50px;}

/*------ Add to basket --------------*/

.addBox{width:3em;vertical-align:middle;margin-right:5px;}
.addToBask .submit.addButton{width:72px;height:29px;background:#00427D url(/uk/images/layout/addsmall.gif) no-repeat scroll 5px center;
vertical-align:middle;color:#FFFFFF;padding:0 0 2px 25px;}
.addToBask .submit.addButton:hover{color:#FFDD04;}
.addToBask .submit{width:98%;}

/*------ Online shop page -------------*/

#shopOptions{overflow:auto;margin-bottom:10px;}
#shopOptions li{position:relative;float:left;width:16.1%;height:60px;margin:0 0 0 4px;
                background:transparent url(/uk/images/layout/optionGrad.gif) repeat-x scroll 0 0;}
#shopOptions li.first{margin-left:0;}
#shopOptions a{color:#FFDD04;font-weight:bold;font-size:1.2em;height:50px;display:block;margin:5px;
               background:transparent url(/uk/images/layout/optionArrow.gif) no-repeat scroll bottom right;}
#IndManLst, #IndProdLst{padding:10px 5px;background:#F8F8F7;}
#IndManLst li, #IndProdLst li{float:left;width:48%;}
#IndManLst li a, #IndProdLst li a{color:#000;}

/*------ Search page ------------------*/

#gridHeader .shaded{border:1px solid #FFFFFF;border-width:0 5px;padding:5px 10px;height:40px;}
#gridHeader .shaded p{white-space:nowrap;}
#gridHeader .shaded .submit{width:auto;height:auto;text-align:center;}
#gridHeader .submit{width:100px;height:50px;text-align:center;}
#gridHeader .shaded .fr{width:190px;text-align:right;padding:3px 0 0 0;}
#gridHeader .shaded p, #gridFooter p{margin-bottom:1px;}
#gridHeader select{width:140px;margin:12px 5px 0 0;}

#gridFooter{padding:10px;text-align:right;}
#gridFooter p{display:inline-block;width:200px;}
.paging span, .paging a{margin:0 2px;}

.price{display:block;text-align:right;color:#00427D;}

#tblProds{margin:10px 0;}
#tblProds thead tr{height:3.6em;}
#tblProds #colImage{width:8em;}
#tblProds #colAction{width:10em;}
#tblProds #colCompare, #tblProds #colStock{width:5em;}
#tblProds #colPrice1, #tblProds #colPrice2, #tblProds #colPrice3{width:5em;}

/*------ Product detail page ----------*/

#prodPage .twoLeft{width:220px;text-align:center;position:absolute;}
#prodPage .twoRight{margin-left:1.5em;width:auto;margin-left:230px;}
#prodPage h1{font-size:1.6em;line-height:1.1em;}
/*#prodPage #stockPricing{width:194px;background:#005093 url(/uk/images/Theme2/stockTop.gif) no-repeat scroll 0 0;
                        padding: 38px 10px 15px;text-align:left;position:relative;}*/
#prodPage #stockPricing{width:214px;background:url(/uk/images/Theme2/boxRepeaterWide.gif) repeat-y scroll 0 0;
                        padding:0px 0px 15px;text-align:left;position:relative;}
#prodPage #stockPricing .boxBottom{background-image:url(/uk/images/Theme2/stockBase.gif);width:214px;height:10px;}                        
#prodPage #stockPricing .content{background:#FFFFFF;padding-bottom:10px;padding-top:10px;margin-top:10px;margin-left:8px;margin-right:8px; } /*border:2px inset #5C5C5C;*/
#prodPage #stockPricing h2{font-size:0;line-height:0;}
#prodPage ul{margin-left:0;}
#prodPage #stockPricing ul{margin-bottom:10px;}
#prodPage #stockPricing ul li{margin-bottom:2px;text-align:right;}
#prodPage #stockPricing ul span{float:left;width:7em;text-align:left;}

#prodSpec li{padding-left:12.1em;margin-bottom:3px;vertical-align:top;}
#prodSpec ul li{padding-left:0;margin-bottom:0;}
#prodSpec span{display:inline-block;margin-left:-12em;width:12em;}
#prodSpec ul{display:inline-block;vertical-align:top;}

/*------ Account Details page ---------*/

#accountDetails ul{margin-bottom:10px;}
#accountDetails ul ul{margin-bottom:0;}
/*#accountDetails ul .label{float:left;width:8.5em;margin-left:-8.5em;color:#00427D;}
#accountDetails ul p.label{float:left;width:98%;margin-bottom:2px;}*/
#accountDetails ul li{padding:2px 0 2px;overflow:auto;}
#accountDetails ul ul li{padding-left:0;}
#accountDetails .delivery ul li{padding-left:0;}
#accountDetails .delivery ul label{margin-left:5px;vertical-align:middle;}
#accountDetails .delivery ul input{vertical-align:middle;}

#accountDetails ul.indent{clear:left;margin-bottom:5px;}
#accountDetails ul.indent li{padding-left:0;}
#accountDetails ul.indent .label{margin-left:0;}

#cardDetails{height:auto;min-height:12em;position:relative;margin:5px 0;}
#cardDetails li{margin:2px 0;}

/*------ Services area ----------------*/

#supportList li{height:55px; width:24.5%;float:left;overflow:hidden;border:1px solid #5C5C5C;text-align:center;padding:5px 0;}
#RMASummary{margin-top:10px;}

#RMAApp select, #retItems span{width:80%;}

#retItems span{display:inline-block;}
#retItems li{overflow:auto;position:relative;margin-bottom:2px;}


/*------ News pages -------------------*/

#articles li h3{margin-bottom:0;}
#articles li{margin-bottom:5px;}

/*------ Basket pages -------------------*/

#BasketDet .qty{width:3em;}

#colSku, #colUnitPrice, #colLineTot, #colRemove{width:6em;}
#colQty{width:9.5em;}

#delivery select{width:70%;margin-right:5px;}

#pmntList li{width:14em;text-align:right;}
#pmntList .label{text-align:left;float:left}

#waitBar{background:transparent url(/uk/images/layout/waitbar.gif) repeat-x scroll 0 0;width:0;margin:0 -5px;}

/*------ Product Comparison ---------*/

#compTable th{color:#000000;}

/*------ Terms and conditions page ----*/

#terms ul li{text-align:justify;padding-left:30px;margin-bottom:2px;}
#terms dt{font-weight:bold;}
#terms p{margin-bottom:0;}
#terms .marker{float:left;margin-left:-30px;}
#terms ul li li{padding-left:40px;}
#terms ul li li .marker{float:left;margin-left:-40px;}
#terms ul ul{margin-left:0;}
#terms dd{margin:0 10px;}
.chargeDef{float:left;width:15em;color:#005194;}
#adminFee{float:left;margin-left:0;vertical-align:top;width:50%;}
#termsCharges>li{margin-bottom:2px;overflow:auto;}
/*------ Non-page specific ------------*/

#btnPrint{float:right;}

/*------ IE 6 specific ----------------*/

* html #IERoot{border-right:900px solid #FFF;width:99.9%;font-size:12px;}
* html #container{display:inline-block;position:relative;margin-right:-900px;}
* html #header{height:126px;}
* html /*.quick{height:64px;}*/
* html .advanced, * html #services{width:190px;height:1px;}
* html .boxBottom{bottom:-3px;}
* html #news, * html .basketBox{width:142px;}
* html #header #topNav a{height:30px}
* html .addButton,* html #header #topNav a, * html #login, 
  * html #logout, * html .basketBox h1{text-indent:-10000px;}
* html #homeProds .fl.curved{float:none;display:inline;}
* html #homeProds h2{height:50px;}
* html #homeProds .boxcontent{/*height:190px;*/display:inline-block;}
* html #shopOptions{height:60px;}
* html #shopOptions li{width:95px;}
* html .cleared, * html #terms li, * html ul.twoCol{display:inline-block;}
* html #tblProds{width:95%;}
* html #tblProds #colCompare{width:6em;}
* html #tblProds #colImage{width:6em;}
* html #tblProds #colStock{width:5em;}
* html #tblProds #colAction{width:9em;}
* html #tblProds .addToBask input{width:7em;}
* html #termsCharges li{margin-bottom:2px;display:inline-block;}
* html #chargesBox{width:98%;}

/*------ IE specific ----------------*/

#IERoot .advanced, #IERoot .eshot{overflow:visible;}
#IERoot #prodPage .twoLeft{position:static;}
#IERoot #prodPage .twoRight{margin-left:4px;}
#IERoot td[headers="colAction"]{width:10em;}
#IERoot #prodSpec ul{margin-top:-1.2em;}
#IERoot h2{line-height:1.2em;}
#IERoot #news h2{padding-bottom:1px;}
#IERoot #rss #feedsBox{width:170px;}

/*------ IE hasLayout Bug hack ------*/

#IERoot *{max-height:100000px;} /*IE7*/
#IERoot ul *, #IERoot ol *{max-height:none;}

/*------ Chrome specific ------------*/
body:nth-of-type(1) #header #topNav a, body:nth-of-type(1) #login, body:nth-of-type(1) #logout, 
body:nth-of-type(1) .basketBox h1{text-indent:-10000px;}
body:nth-of-type(1) #header #topNav a:active, body:nth-of-type(1) #header #topNav a:focus{border-bottom-width:1px;}

/*------ Print rules ------------*/
@media print{
 .centreCol{overflow:visible !important;}
 .curved .top, .curved .bottom,#header, #leftNav, #actionCol{display:none;}
 .curved{border:1px solid #5C5C5C;}
 table thead th, table thead td{color:#000000;}
 table{border-collapse:separate;}
 .addToBask, .noprint{display:none !important;}
 .curved .boxcontent{border:none;}
 #IERoot{font-size:0.8em;line-height:1.1em;}
 #IERoot .twoLeft{margin-right:2px;}
 #IERoot .twoRight{margin-left:2px;}
 * html #IERoot{border-right:none;}
 * html #container{margin-right:0;}
 * html #IERoot, * html #IERoot table{font-size:12px;line-height:1em;}
}

#Menu h3{color:#FFFFFF }
#Menu h3 a{color:#FFFFFF }
#Menu h3 a:hover {text-decoration:underline;color:#FFDF00;}