/*
colours:#1a2b7e  -- blue
		#ffbf00  -- yellow
	border-top:1px solid #ddddff;     horizintal items borders
	border-bottom:1px solid #56629b;  horizintal items borders
*/
* {
    margin:0;
    padding:0;
    }
html *{font-size: 10pt;font-family: NoCalibri,'Lucida Grande','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;}
pre *,pre{
    font-size:8pt;
    font-family:'courier new',courier,monospace;
}
H1 a,H2 a, H3 a{text-decoration:none}

p {font: 10pt/12pt NoCalibri,'Lucida Grande','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;margin: 3px 0px 6px 0px}
#page p.h1,p.h2,p.h3,H1,H2,H3{color:#1a2b7e;}
H1,.h1{font:bold 16pt verdana,arial,helvetica,sans-serif; letter-spacing:0.1em;}
H2,.h2{font:bold 14pt  verdana,arial,helvetica,sans-serif; font-weight:bold;}
H3,.h3{font:bold 12pt  verdana,arial,helvetica,sans-serif; font-weight:bold;}

form,select,input{margin:0;padding:0}
.small{font-size:0.7em;}
.inverse{color:#fff;font-weight:bold;text-decoration:none}
span.red {color:#f00;font-weight:bold;}
hr {border: 0;background: #B7CDE1;color: #B7CDE1;width:100%;height:1px;margin: 15px 0 6px 0}
#page {
    margin:0 auto;
    width:99%;
    min-width:970px;
    _width:expression(document.body.clientWidth < 1000 ? "970px" : "99%" );
    background: url(eshop_images/back.jpg) no-repeat left top #fff;
    background-position:0px 0px;
    font: 10pt/12pt NoCalibri,'Lucida Grande','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}
/*Header Level*/
#header {
/*    width:99%; */
    width:100%;
    height:75px;
    margin:0 auto;
    clear:both
    }
#header p.h1 {
    text-align:center;
    font-family: 'NoCalibri','Lucida Grande','Lucida Sans Unicode','verdana',arial,helvetica,sans-serif;
    letter-spacing:1pt;
    color:#1a2b7e;
    }
/* Navigation Tabs */
#tabs {
/*    width:99%; */
	width:100%; 
	margin:10px auto 0 auto;
	background: url(eshop_images/top_nav_bg.gif) repeat-x left top;
    clear:both
	}

#toptabsmenu {
	float:left;
	width:100%;
	font-size:90%;
	line-height:normal;
	margin:0 auto;
}

* html #toptabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 0;

}

#toptabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

#toptabsmenu li{
display:inline;
margin:0;
padding:0;
}

#toptabsmenu a {
float:left;
margin:0;
padding:0 0 0 9px;
text-decoration:none;

}

#toptabsmenu span {
float:left;
display:block;
padding:3px 14px 3px 5px;
font: bold 10pt/1.5 NoCalibri,'Lucida Grande','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
letter-spacing:1pt;
font-weight:bold;
color:#fff;
border:1px solid #fff;
border-width:0 1px 0 0;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#toptabsmenu a span {float:none;}
/* End IE5-Mac hack */

#toptabsmenu a:hover span {
color: #FFBF00;
}

#toptabsmenu #cur a {
background:url(eshop_images/top_nav_act.gif) no-repeat left top;
background-position:0% 0px;
}

#toptabsmenu #cur a span {
background:url(eshop_images/top_nav_act.gif) no-repeat right top;
background-position:100% 0px;
color: #000;
border:0px none;
border-width:0;
}

#toptabsmenu a:hover {
background-position:0% -125px;
}

#toptabsmenu a:hover span {
background-position:100% -125px;
}
/* Search etc forms under tabs */
#tabsline {
	background: #ffbf00;
	/*    width:99%; */

	font-family: 'Lucida Grande','Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
    letter-spacing:0pt;
	color:#000;
	
	height:1%;
	padding:5px 10px;
	clear:both;
}

#brandForm{
    float:left;left:0;margin:0;width:27%;vertical-align: middle
}

#search{color:#000;float:left;width:45%;text-align:center;vertical-align: middle}
#search input,#search select,#search span,#brandForm select,#brandForm span,#basketTop span {
    display:inline; vertical-align: middle;}
#search input.go,#brandForm input.go,#basketTop input.go {margin:0; vertical-align: middle}
#basketTop { border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px; padding: 0 5px;
    color:#000;float:right;right:0;text-align:left;vertical-align: middle;width:22%;height: 24px;background:#ffdf00 }
						
#tabslinebottom{
background:url(eshop_images/top_nav_bot_bg.gif) repeat-x top left;
height:7px;
width:100%;
margin:0 auto;                                 
	/*New Vat Promo : 

background:url(pic/promos/xmasdelivery.gif) no-repeat top center #d70000;
height:27px;
width:100%;
margin:0 auto; */
}					
/*Columns Level*/
#columns {
width:100%;
margin:15px auto;
clear:both;
}
#sub{
width:78%;
margin:0; 
padding:0;
float:left;
}
#left{
width:23%;
float:left;
margin:0;
padding:0
}
#center{
width:73%;
float:right;
margin:0 auto;
padding:0;
}
#right{
width:17%;
float:right;
margin:0;
padding:0;
}

/* Side Modules & Panels */


.panelhead {
	background:#fff ;
	width:100%;
}
.panelheadtext {
	background:#ffbf00 url(eshop_images/mod_yel_bg.gif) no-repeat right top;
	color:#000;
	font-weight:bold;
	letter-spacing:.5pt;
	padding:9px 5px 3px 0;
}
.sidenavrow{
	padding:5px 0;
	width:100%;
	border-top:1px solid #ddddff; 
	border-bottom:1px solid #EEF3F9;
	}
.module{clear:both;margin-bottom:15px;width:100%}
.moduleItem {
    border-width:1px 0 1px 0;
	border-top:1px solid #fff;     
	border-bottom:1px solid #999ba6;  
	background:url(eshop_images/side_mod_bg.gif) repeat-x left top #fff; padding:5px; 
	}
.moduleItem a{margin: 5px auto;display:block;text-decoration:none;}
	
/*Left Main navigation*/
	/*Left information panel*/
	.infopanelicon {
	float:left;
	height:27px;
	width:29px;
	background: url(eshop_images/icon_info.gif) no-repeat left top;
}
#infonav a {color: #1a2b7e;text-transform:lowercase}
#infonav img{display:block}
#infonav {border:1px solid #FFBF00;margin-bottom:15px}
#infonav dd{display:inline;list-style-type:none; padding: 0; margin: 0}
#infonav dd a{background:url("eshop_images/arrow_hover.gif") no-repeat left;border-top:1px solid #FFFFFF;display:block;font-size:1em;margin:0;padding:2px 0 2px 13px;text-align:left;text-decoration:none; font-weight:normal}
#infonav dd a:hover,#infonav dd a:active{background: url("eshop_images/arrow_hover.gif") no-repeat left}
#infonav dd.sel dl{list-style-type:none;margin:0;padding:0}
#infonav dd.sel dl dd{border-top:1px solid #FFFFFF;margin:0;padding:0}
#infonav dd.sel dl dd a{display:block;font-weight:normal;padding-left:23px}
#infonav dd.sel dd a:hover{font-weight: normal}
#infonav dd.sel a, #infonav dd.sel a:hover{font-weight:bold}
#infonav dl, #infonav dt{margin: 0; padding: 0}
/* category specific */

#infonav dl.category dd a {background-color:#EEF3F9}
#infonav dl.category dd a:hover {background-color: #B7CDE1}
#infonav dl.category dd.sel a{background:url("eshop_images/arrow_act.gif") no-repeat left #B7CDE1;color: #316496}

/*Left Main navigation*/
.panelicon {
	float:left;
	height:27px;
	width:29px;
	background: url(eshop_images/mouse.gif) no-repeat left top;
}
#sidenav a {color: #1a2b7e;text-transform:lowercase}
#sidenav img{display:block}
#sidenav {border:1px solid #FFBF00;margin-bottom:15px}
#sidenav dt a{font-size: 1em;color:#FFFFFF;display:block;font-weight:bold;margin:1px 0 0 0;padding:3px 0;text-align:center;text-decoration:none;text-transform:lowercase}
#sidenav dd{display:inline;list-style-type:none; padding: 0; margin: 0}
#sidenav dd a{background:url("eshop_images/arrow_hover.gif") no-repeat left;border-top:1px solid #FFFFFF;display:block;font-size:1em;margin:0;padding:2px 0 2px 13px;text-align:left;text-decoration:none; font-weight:normal}
#sidenav dd a:hover,#sidenav dd a:active{background: url("eshop_images/arrow_hover.gif") no-repeat left}
#sidenav dd.sel dl{list-style-type:none;margin:0;padding:0}
#sidenav dd.sel dl dd{border-top:1px solid #FFFFFF;margin:0;padding:0}
#sidenav dd.sel dl dd a{display:block;font-weight:normal;padding-left:23px}
#sidenav dd.sel dd a:hover{font-weight: normal}
#sidenav dd.sel a, #sidenav dd.sel a:hover{font-weight:bold}
#sidenav dl, #sidenav dt{margin: 0; padding: 0}
/* category specific */
#sidenav dl.category dt, #sidenav dl.category dt a{background: top #1a2b7e} /*  was removed:   url("eshop_images/side_nav_bg.gif")  */
#sidenav dl.category dt a {border-top:1px solid #1a2b7e; border-bottom:1px solid #1a2b7e;font-weight:bold }
#sidenav dl.category dd a {background-color:#EEF3F9}
#sidenav dl.category dd a:hover {background-color: #B7CDE1}
#sidenav dl.category dd.sel a{background:url("eshop_images/arrow_act.gif") no-repeat left #B7CDE1;color: #316496}
#sidenav dl.discount dt, #sidenav dl.discount dt a{background:url("eshop_images/sidenav_sale_bg.gif") top #aa0000}

/* Page Centre Column*/
#breadcrumb a{color: #316496;font-weight:bold;text-decoration:none }
#breadcrumb img{margin-right:3px}

.categorycontainer { margin:5px; width:23%; float:left; }
dl.categorycentre {margin: 0; padding: 0; border-left:1px solid #B7CDE1; border-right:1px solid #B7CDE1;}
dl.categorycentre dt {margin:0; padding:5px; text-align:center; font-size: 1.4em; font-weight:bold; background: #fff;}
dl.categorycentre dd {margin:0; padding:0; text-align:center; border-top:1px solid #B7CDE1;}
.categorycentre a { display:block; padding:5px;background: #fff;}
.topRoundBox .bottomRoundBox { display:block;  background:transparent;  }
.b1, .b2, .b3, .b4 {display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {background:#fff; border-left:1px solid #B7CDE1; border-right:1px solid #B7CDE1;}
.b1 {margin:0 5px; background:#B7CDE1;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}

/* ploducts List */
.productitem{margin: 0; padding: 0;}
dl.productitem dt {margin:0; padding:10px 5px;font-weight:bold;font-size:1em; background:url(eshop_images/product_line_bg.gif)  repeat-x left top #fff;border-top:1px solid #B7CDE1;clear:both}
dl.productitem dt a {text-decoration:none}
dl.productitem dd.prodicon {margin:0; padding:0; width:18%;float:left }
dl.productitem dd.prodicon img{margin:5px;}
dl.productitem dd.descr { text-align:left; width:80%;float:right }
dl.productitem dd dl.table{width:100%;margin-top :10px;}
dl.productitem dd dl dd.opt {width:29%;text-align:left;float:left; }
dl.productitem dd dl dd.opt select{width:100px;}
dl.productitem dd dl dd.code{width:23%;text-align:left;font-size:0.7em;float:left; }
dl.productitem dd dl dd.price{width:23%;text-align:right;float:left;}
dl.productitem dd dl dd.buy{width:19%;text-align:right;float:left;}
/* Product Info */
#productinfo{width:100%}
#productinfo .pimage{float:left;width:35%}
#productinfo .buyform{float:left;width:63%}
#productinfo .c1{float:left;width:50%}
#productinfo .c2{float:left;width:49%;text-align:right}
#productinfo div.c2 span.red{font-size:1.2em;font-weight:bold}
#productinfo .tr{width:100%;clear:both;margin:10px 0px}
#leaseinfo {width:60%;border:1px solid #f00;background:#ffb;padding:10px;margin:10px auto}
/* Featured */
#featured 	{ margin:10px auto}
.featuredIcon 	{ float:left; height:49px; width:25px; background:url(eshop_images/icon-featured.gif) no-repeat left top #fff; }
.featuredProduct { display: block;width:30%;float:left;margin:6px}
.featuredHead 	{ background:url(eshop_images/mod_top10_bg.gif) no-repeat right top;background:#d70000;width:100%;}
.featuredBody    { border:1px solid #d70000;background:#fff;padding: 5px}
.featuredHeadText { background:url(eshop_images/mod_top10_bg.gif) no-repeat right top #d70000;color:#fff;font-weight:bold;letter-spacing:.5pt;padding:9px 5px 3px 0;}
/*Basket Details */
#basketdetails {clear:both}
#basketdetails img{margin-right:10px}
#basketdetails table th, table td.total, table td.label {
	padding:5px; background:#EEF3F9;border:#B7CDE1 1px solid;font-weight:bold }
#basketdetails table th{text-align:left}
#basketdetails .r,#basketdetails .total{text-align:right;}
#basketdetails table td{text-align:left;padding:5px;}
#basketdetails tr.tbody td,#basketdetails td.input{background:url(/eshop_images/side_mod_bg.gif) repeat-x left top}
#basketdetails select{margin-top: 2px; margin-bottom: -2px;width:250px}
/* #basketdetails * {font-size:10pt}
/*Shop by Brand */
.brandicon {float:left;height:25px;width:25px;background:url(eshop_images/icon_brand.gif) no-repeat left top;}
#brandlist {
	border:1px solid #FFBF00;padding:5px;
	background:url(eshop_images/side_mod_bg.gif) repeat-x left top; 
	font-weight:bold;
	letter-spacing:.5pt;
	}
#brandlist a{text-decoration:none}
.pager li{padding:0px 5px;margin:5px;text-decoration:none;background:#EEF3F9;border:solid 1px #1a2b7e;float:left;display: inline;list-slyle:none}
/* Checkout */
.halfwidth{width:45%;float:left;margin:0px; padding:10px;}
/* Page Right Column */
/* Side Basket  */
.basketicon {float:left;
height:25px;
width:29px;
/* background:url(eshop_images/icon_basket.gif) no-repeat left top;  */
background:url(eshop_images/icon_basket.gif) no-repeat left top;
}
#sidebasket {
    border:1px solid #FFBF00;padding:0;
    background:url(eshop_images/side_mod_bg.gif) repeat-x left top;
}

	
/* Top 10  */
.top10head {
background:url(eshop_images/mod_top10_bg.gif) no-repeat right top;
background:#d70000;
width:100%;
}
.top10headtext {
background:url(eshop_images/mod_top10_bg.gif) no-repeat right top #d70000;
color:#fff;
font-weight:bold;
letter-spacing:.5pt;
padding:9px 5px 3px 0;
}
.top10icon {float:left;
height:28px;
width:25px;
/* background:url(eshop_images/icon_basket.gif) no-repeat left top;  */
background:url(eshop_images/icon-top10.gif) no-repeat left top #fff;
}

#top10 {border:1px solid #d70000;
	background:#fff;
	}
#top10 img {margin-right:3px}
#top10 a {text-decoration:none;}
#top10 table td, #top10 table td *{font-size:8pt}
/* Official Orders  */


.oordersicon {float:left;
height:28px;
width:25px;
/* background:url(eshop_images/icon_basket.gif) no-repeat left top;  */
background:url(eshop_images/icon_orders.gif) no-repeat left top #fff;
}
#oorders {border:1px solid #FFBF00;background:#fff;}
#oordersImage {
    height:60px;
    border-width:1px 0 1px 0;
    border-top:1px solid #fff;
    border-bottom:1px solid #999ba6;
    background:url(eshop_images/officialorders.jpg) repeat-x left top #fff;
}
/* Bespoke Fabrication  */

.bespokeicon {float:left;
height:28px;
width:25px;
/* background:url(eshop_images/icon_basket.gif) no-repeat left top;  */
background:url(eshop_images/icon_bespoke.gif) no-repeat left top #fff;
}
#bespoke {border:1px solid #FFBF00;background:#fff;}
#bespokeImage {
    height:112px;
    border-width:1px 0 1px 0;
    border-top:1px solid #fff;
    border-bottom:1px solid #999ba6;
    background:url(eshop_images/bespoke__mod_bg.jpg) repeat-x left top #fff;
}
	
	
/* Fit a seal */


.sealicon {float:left;
height:28px;
width:25px;
/* background:url(eshop_images/icon_basket.gif) no-repeat left top;  */
background:url(eshop_images/icon_seal.gif) no-repeat left top #fff;
}
#seal { border:1px solid #FFBF00;background:#fff; }
#sealImage {
		height:112px;
	    border-width:1px 0 1px 0;
		border-top:1px solid #fff;     
		border-bottom:1px solid #999ba6;  
		background:url(eshop_images/fridgeseal.jpg) repeat-x left top #fff; 
	}
	
/*Footer*/
#footer{width:100%;height:4em;text-align:center;background:#ffbf00 url(/eshop_images/foot_up_bg.gif) repeat-x top}
/*Various Fixes*/
#tabsline:after, #tabs:after, #tabslinebottom:after, #columns:after {
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}
.clr{clear:both}