body { background: #FFF; color: #000; text-align: center; font: 62.5%/1.4 Arial, Myriad, sans-serif; }

#content-main h1, #content-main h2, #content-main h3, #content-main h4 { margin: 0; padding: 7px 0; }
h1 { font-size: 3em; font-weight: normal;  }
h2 { color: #00B1B0; font:italic 2em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; white-space:nowrap }
	h2.main	{ text-align:center; background:#666; color:#FFF; margin:0 0 15px; min-height:33px; line-height:33px; }
	h2 .logo	{ font-weight:normal; font-style:normal; color:#FFF; }
	h2 .logo em	{ color:#00B1B0; font-style:normal; }
h3 { color: #FFF; background:#666666; font-size: 1.4em; font-weight: bold; min-height:28px; line-height:28px; padding:0 10px 0 15px; margin:0 0 5px; }
	h3.main	{ background:#333; }
	h3.tel	{ width:180px; position:absolute; text-align:right; right:0; top:25px; background:none; color:#00B1B0; line-height:1em; padding:0 0 20px; background:url(../images/secure-trading-small.gif) 100% 100% no-repeat; margin:0 0 20px }
	h3.tel em	{ color:#333; font-style:normal; display:block; font-size:1.875em; line-height:1em }
	#content-left h3	{ margin:0; }
h4 { color: #666; font-size: 1.4em; font-weight: bold; margin:0 0 0.5em; }
p	{ margin:0 0 1em; font-size:1.2em }

hr { color: #CCC; background: #CCC; border:0; height: 1px; margin: 10px 0; clear: both; }
hr.white { color: #FFF; background: #FFF; }
a { color: #00B1B0; text-decoration: none; }
a:hover { color: #666; }
img.right { display: block; float: right; }
input.flright { float: right !important; }
br.clear { width: 100%; height: 1px; display: block; clear: both; }

.uc { text-transform: uppercase; }
.hide { display: none; }
.red { color: #BF0000; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.small { font-size: 11px; }
p.small { margin: 0; padding: 7px 0; }
.small h3 { font-size: 14px; clear: left; padding: 7px 10px !important; }
.small p { padding: 7px 10px; }
.more-link { font-size: 1.1em; text-align: left;  padding: 5px 5px 0 5px; clear: both; }
.breadcrumb {  padding: 5px 10px; margin:0 0 5px; background: #E6E6E6; color: #666; font-size: 1.1em; }

#product-details	{ display:block; background:url(../images/bg-search.gif) 0 100% repeat-x; border:1px solid #C1E6DF; }
.product-info { width: 300px;   float: right; }
.product-pics { width: 255px; margin:5px;  float: left; }
.product-pics .mb	{ border:1px solid #FFF; display: block; position:relative }
.product-pics .mb:hover, .product-pics .mb:focus	{ border-color:#00B1B0; }
.product-pics .mb.product-photo	{ width:250px; }
.product-pics .thumbs	{ margin:5px 0 0 }
.product-pics .thumbs .mb {  float: left; margin: 0 3px 5px 0; }
.product-pics .info { padding: 7px 10px; }
.product-info { width: 502px; float: right; margin:5px 0 10px 1px; }
.product-info .add-basket	{ width:250px; }
	.add-basket .submit	{ float:left; right:auto; clear:both; margin-bottom:0 }
	.add-basket select, .add-basket input	{ width:230px; }
.product-info h2, .product-info p, .product-info .add-basket	{ text-align:left; padding:0 10px; }
.product-info .main	{ background:#00B1B0; margin: 0 0 10px 0 !important; padding: 7px 10px !important; }
.product-info .bulleted	{ margin-left:10px }
.price { font-weight: bold; }

.clearfix:after { content: "."; 	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.ir	{ display:block; text-indent:-1000em; background:0 0 no-repeat; overflow:hidden; text-align:left; position:relative }
.ir.logo	{ background-image:url(../images/logo.gif); width:156px; height:79px; margin:0 0 20px; top:12px; }
.ir.magnify	{ background-image:url(../images/magnify.png); width:31px; height:30px; position:absolute; right:0; bottom:0; }

/************************************************************************* layout ***/

#container { width: 960px; margin: 20px auto; text-align: left; background: #FFF; }

#header { width:100%; clear:both; margin:0 0 15px; position:relative; background: url(../images/bg-prices-vat.gif) no-repeat top center; }
#content-left {	width: 170px; margin: 0 15px 0 0; clear: both; float: left; }
#content-main { width: 775px; float: left; }
#content-right { width: 775px; margin: 10px 0; float: right; }
#footer { width: 100%; height: 40px; clear: both; background: #EEE; border-top: #FFF 10px solid; text-align: center; }


/************************************************************************* boxes ***/

.box { margin: 0 0 5px 0 !important;}
.search-box, .register-box	{ background:#E6E6E6; }
.search-box p, .register-box p {  padding: 5px 0; }
.search-box form, .register-box form { padding:5px 10px;  }
.search-box input, .register-box input { margin: 0 3px 5px 0;  float: left; }
.search-box input { width:125px; margin-bottom:0; }
.register-box input { width:145px; }
.register-box .submit	{ width:91px; float:right; margin-right:0; right:auto; }
.search-box input.button, .register-box input.button {
	height: 22px;
	display: block; float: left;
	color: #FFF; border: 0;
	text-align: center; cursor: pointer;
	font-size: 1.1em; font-family: Arial, Sans-Serif;
}
.search-box input.button { width: 17px; height:17px; margin-right:0; color:#00B1B0; position:relative; }
.search-box input.button:hover, .search-box input.button:focus	{ color:#333; top:1px }

.register-box input.button { width: 80px; background: url(../images/button.gif) no-repeat; clear: both; }
.register-box input.button:hover { background-position: 0 -22px; }

.home-banners ul { width: 600px; clear: both; list-style: none; }
.home-banners ul li { display: block; float: left; }
.home-banners ul li.mid { padding: 0 10px; }

.copy-area { padding: 0; clear: both; }

#search-banner	{ border:1px solid #c1e6df; width:773px; height:263px; margin:0 0 5px; }
#search-banner .banners	{ float:left; position:relative; width:475px; height:265px; overflow:hidden; }
#search-banner h2	{ background:url(../images/swoosh.png) 100% 100% no-repeat; margin:0.3em 0 18px; padding:0 0 2px; position:relative; right:2px }
#search-banner form	{ float:right; border-left:1px solid #c1e6df; width:243px; height:223px; padding:15px 27px 25px; background:url(../images/bg-search.gif) 0 100% repeat-x; }

#banner	{ margin-bottom:5px; }

.nav a	{ display:block; }
.nav.main	{ display:block; padding:0 15px; min-height:30px; background:#E6E6E6 }
.nav.main a	{ float:left; font-size:1.2em; margin:0 2em 0 0; line-height:30px; color:#4D4D4D; font-family:Myriad, Helvetica, Arial, sans-serif }
.nav.main a:hover, .nav.main a:focus	{ color:#00B1B0 }

.nav.main .basket a	{ float:right; padding-left:18px; background:url(../images/basket.gif) 0 50% no-repeat; color:#00B1B0; font-weight:bold; margin:0; }
.nav.main .basket a:hover, .nav.main .basket a:focus	{ color:#333; background-image:url(../images/basket-blk.gif) }

.nav.categories a	{ font-size:1.2em; color:#4D4D4D; background:#E6E6E6; border-bottom:1px solid #FFF; border-top:1px solid #FFF; padding:0 15px; line-height:28px; min-height:28px }
.nav.categories a:hover, .nav.categories a:focus	{ background:#00B1B0 url(../images/arrow_blu.png) 90% 50% no-repeat; color:#FFF; }

.nav.large_categories	{ margin:5px 0 10px 0; }
.nav.large_categories a	{ float:left; width:188px; min-height:180px; margin:0 5px 5px 0; border:1px solid #1A1A1A; background:#1A1A1A; font: bold 14px Arial; }
.nav.large_categories li:nth-child(4n) a, .nav.large_categories li.edge a	{ margin-right:0; }
.nav.large_categories a:hover, .nav.large_categories a:focus	{ background:#00B1B0; border-color:#00B1B0 }
.nav.large_categories img	{ display:block; }
.nav.large_categories .title	{ display:block; min-height:1em; line-height:1em; padding:5px 10px; color:#FFF; background:url(../images/arrow_blk.png) 100% 55% no-repeat; }
.nav.large_categories a:hover .title, .nav.large_categories a:focus .title	{ background-image:url(../images/arrow_blu.png) }

.nav.footer a	{ color:#666; }
.nav.footer a:hover, .nav.footer a:focus	{ color:#00B1B0 }

.products.narrow li, .products.narrow a { clear: both; width:170px; padding:0; height:auto; margin:0; border-top:1px solid #FFF; border-bottom:1px solid #FFF; }
.products.narrow a	{ display:block; border:none;padding:3px 10px; width:150px; background:#999; }
.products.narrow a:hover, .products.narrow a:focus	{ background:#00B1B0; }
.products.narrow img { display: block; float:left; bottom:0; right:5px; margin:0 5px 5px 0; }
.products.narrow .title	{ font-size:1.2em; width:90px; padding:0; }
.products.narrow a:hover img	{ border-color:#137C77; }
.products.narrow .title:hover, .products.narrow .title:focus	{ color:#FFF; }

.products.categories a	{ display:block; height:240px }
.products.categories li	{ padding:0; width:190px; }
.products.categories img	{ right:0; bottom:0; }
.products.categories .title	{ padding:10px; font-size:1.4em }

.featured-products { clear:both; }
.products ul { padding: 10px 0;}
.products li { width: 170px; min-height: 240px; margin: 0 5px 5px 0; padding:10px 10px 30px; display: block; position:relative; float: left; background:#666; }
.products li:nth-child(4n)	{ margin-right:0; }
.products a.title, .products .price,
.products a.info	{ display: block; font-size:1.2em; color:#FFF; }
.products a.info	{ position:absolute; bottom:10px; left:10px;  }
.products form		{ position:absolute; bottom:5px; right:10px; }
.products a.photo	{ display:block; position:relative; right:10px; bottom:10px; width:190px; height:170px; overflow:hidden; }
.products img		{ border:1px solid #666; display:block; margin:0 auto; }
.products a:hover img, .products a:focus img	{ border-color:#00B1B0; }

.products .title { font-weight: bold; color:#FFF }
.products .title:hover, .products .title:focus	{ color:#00B1B0; }
.products .price { font-weight: normal; color:#FFF; }
.products input.basket, .products .button, input.basket { width: auto; margin: 10px 0; padding: 3px; display: block; float: left; cursor: pointer; border: 0; }
.products input.basket, input.basket,
.products a.button {
	width: 80px; height: 22px;
	background: url(../images/button.png) no-repeat; color: #FFF;
	font-weight: normal;
}
.products a.button { width: 74px; height: 16px !important; text-align: center; }
.products input.submit	{ float:none; right:0; top:8px }
.products input.basket:hover, input.basket:hover,
.products a.button:hover { background-position: 0 -22px; }
.products a.info {
	width: 50px; height: 14px; font-size:1.2em; float:left; clear:both;
	margin: 10px 5px 10px 0; padding: 3px 3px 3px 0;
}
.products a.info:hover, .products a.info:focus { color: #00B1B0; }

.bestsellers ul .title { padding: 10px 5px 5px 5px; display: block; float: left; }
.bestsellers .products.narrow li	{ min-height:0; }
.nav.footer { margin: 0 auto; padding: 13px 0 0 0; list-style: none; text-align: center; }
.nav.footer li	{ display:inline; }
.nav.footer a { padding: 0 20px; display: inline !important; font-size: 1.1em; }

.footer-base-left, .footer-base-center,
.footer-base-right { float: left; color: #666; font-size: 11px; }

.footer-base-left { width: 170px;  padding: 20px 10px; text-align: left; }
.footer-base-center { width: 560px; margin: 0 10px; padding: 20px 0; text-align: center; }
.footer-base-right { width: 170px;  padding: 20px 10px; text-align: right; }

.bulleted { clear:left;  padding:10px 0 10px 15px; }
.bulleted li	{ list-style-type:circle; font-size:1.2em; }

.ads { display:block; width:100%; height: 100px; clear: both; }
.ads a { display: block; float:left; margin:0 5px 5px 0 }
.ads li:last-child a	{ margin-right:0; }

.ads.vertical	{ height: auto !important; margin:15px 0; }
.ads.vertical a	{ float:none; margin:0 0 5px; }
.ads.vertical li:last-child a	{ margin-bottom:0; }

/************************************************************************* forms ***/

#prod_category { width: 238px; }

label, input, select, textarea	{ font-size:12px; display:block; float:left; width:98px; margin:0 0 3px }
input, select	{ width:120px; }
input::-moz-focus-inner /*Remove button padding in FF*/{border: 0;padding: 0;}

.double select	{ width:60px; }
.double label.short	{ width:15px; margin:0 0 0 5px; }
form li	{ clear:left; }

input, textarea		{ border:1px solid #999 }
input:focus, textarea:focus	{ border:1px solid #00B1B0 }
input.remove	{ width:10px; height:10px; }
input.radio	{ width:auto; float:left; margin-right:1em }

.submit	{ cursor:pointer; background:url(../images/button.png) 0 -25px no-repeat; width:91px !important; height:25px; padding: 0 20px 1px 12px; line-height:25px; text-align:center; font: normal 11px Arial ; color:#FFF; border:none; float:right; position:relative; right:5px }
.submit:hover, .submit:focus	{ background-position:0 0; border:none !important; }

.submit.minor	{ background:url(../images/arrow_blk.png) 100% 55% no-repeat; width:auto !important; padding:0 17px 0 0; text-align:left; color:#333 }
.submit.minor:hover, .submit.minor:focus	{ background-image:url(../images/arrow_blu.png); color:#00B1B0; }

.redeem input, .redeem label	{ margin-bottom:0; }
.redeem .submit	{ float:left; right:0; bottom:2px }

.contact_form .radio input	{ width:auto; }
.contact_form .radio label	{ width:2em; margin-right:1em }

fieldset.contact_form {
	width: 368px;
	margin: 10px 35px 0 0; 
	float: left;
	background: #EEE;
}
.contact_form.bill_adr	{ clear:left; }
.contact_form.del_adr	{ margin-right:0; }
.contact_form dt { width: 100px; margin: 5px 0; padding: 0 5px 0 0; float: left; clear: both; text-align: right; }
.contact_form dd { width: 210px; margin: 5px 0;  float: left; }
.contact_form label	{ width:100px }
.contact_form h3 {
	margin: 0 0 10px 0 !important; padding: 7px !important;
	background: #E6E6E6 !important; color: #666 !important;
	text-align: center !important;
}
input.text, textarea.text {
	width: 200px; padding: 3px;
	font-size: 13px; font-family: Arial, Sans-Serif;
}
textarea.text { height: 100px; }
input.postcode { width: 90px; }
form.add-basket { padding: 0 0 70px 0; }

address	{ font-size:1.2em; }
address span	{ display:block; } 

/************************************************************************* tables ***/

table.basket { width: 100%; margin: 0 0 10px; border-collapse: collapse; font-size:1.2em }
	.basket input, .basket label, .basket select	{ font-size:1em; }
	.basket .submit	{ font-size:11px; }
	.basket select	{ margin-bottom:0; width:3.5em }
table.basket-options	{ width:100%; margin:10px auto; }
	table.basket-options td	{ vertical-align:top }
	table.basket-options .submit	{ right:auto; margin:0 0 1em; float:left; }
	table.basket-options span	{ float:right; font:bold italic 1.2em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; position:relative; right:40px;  }
	.basket-options .left	{ width:220px; padding-left:180px }
	.basket-options .right	{ width:270px; padding-right:5px }
	.basket-options .right p	{ text-align:left; font-size:1em; background:#CCC; padding:1em; }
	.basket-options .right p .radio	{ margin:0 0.5em 0 0 }
table.basket th, table.basket td { padding: 10px; border: #DDD 1px solid; }
table.basket th { background: #DDD; }

table.basket td.qty, table.basket td.price, table.basket td.remove { vertical-align: bottom; }

table.basket .title { width: 430px; }
table.basket .qty { width: 50px; text-align: center; }
table.basket .price { width: 70px; text-align: right; }
table.basket .blank { background: none; border: 0; }
table.basket .remove { width: 15px; }
table.basket .blank input.remove { width: 10px; height:10px; border: 0; margin:0 0 4px; display: block; cursor: pointer; }

table.basket-options td { padding: 5px 7px; }

.basket-options .callout p	{ float:right; margin:0 0 1em; width:265px; padding:1em; background:#CCC; position:relative; left:2px;}
.basket-options .callout .radio	{ margin-bottom:0.2em }
.basket .submit.minor	{ margin-left:0.5em }
.basket-options .cards	{ float:right; margin:2px 0 0 }

/************************************************************************* MultiBox v1.3 ***/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #FFF;
	background-color: #FFF !important;
	display: none;
	z-index: 2;
	text-align: left;
}

.MultiBoxLoading {
	background: url(../images/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -27px;
	right: -27px;
	background: url(../images/close.png) no-repeat;
	width: 17px;
	height: 17px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	width: 100%;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	background-color: #FFF;
	padding: 0 0 2px 0;
	position: absolute;
	bottom: 0px;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/arrow-left.png) no-repeat;
	width: 17px;
	height: 17px;
	left: 0px;
	margin-top: 9px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../images/arrow-right.png) no-repeat;
	width: 17px;
	height: 17px;
	right: 0px;
	margin-top: 9px;
	cursor: pointer;
}

.MultiBoxPrevious:hover, .MultiBoxPrevious:focus,
.MultiBoxNext:hover, .MultiBoxNext:focus,
.MultiBoxClose:hover, .MultiBoxClose:focus
{ background-position:0 -18px }

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../images/arrow-disabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../images/arrow-disabled.png) no-repeat;
}
.MultiBoxNextDisabled:hover, .MultiBoxNextDisabled:focus,
.MultiBoxPreviousDisabled:hover, .MultiBoxPreviousDisabled:focus	{ background-position:0 0; cursor:default }

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	padding: 0 0 0 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2E2E2E;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

/*************************************************************/