/* =RESET */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* =FONT font sizing calculations refer to http://riddle.pl/emcalc/ */
body{background: #F4F4F4; color: #000; font:75%/1.5em arial, Helvetica, sans-serif;}
select, input, textarea {font:99% Arial, Helvetica, sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.5em;}
p {font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0; word-spacing: 0.25em; }
h3 + P {margin-top: 0.5em;}
h2 + P {margin-top: 0.5em;}

h1 { font-size: 1.750em;}
h2 { font-size: 1.417em; color: #3D4A5A;}
h3 { font-size: 1.250em; font-weight: bold;}
h4 { font-size: 1.167em;}
h5 { font-size: 1.083em;}
h6 { font-size: 1em;}

strong {font-weight: bold;}
hr{ height: 3px; border: 0; background: url(/images/rule.gif); margin: 1em 0; width: 100%;}

div.hr {display: none}
/*/*/a{}
div.hr { display: block; height: 3px; background-image: url(/images/rule.gif); background-repeat: repeat-x; background-position: center center; margin: .5em 0; clear: both; }
hr {display:none}
/* */


/* =LINKS */
a {text-decoration:none; color: #5B6F86;}
a:visited { color: #7F5F7E;}
a:hover { color: #CC0000; text-decoration: underline;  }
a:active { color: #FF0000; outline: 0; }

#column1 a:visited {background: url(/images/nav_tick.gif) top right no-repeat; padding-right: 15px;}
#footer a:visited {background: url(/images/footer_tick.gif) top right no-repeat; padding-right: 15px;}

ul li {line-height: 1.5em;}
ol li { line-height: 1.5em; list-style:decimal;}

/* =LAYOUT CONTROLLERS */
.clr { clear: both; background: #000; height: 0; overflow: hidden; }
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none;visibility: hidden;}

.clearfix:after{ content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } 
.clearfix{display: inline-block;} /* Hides from IE Mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix{display:block;} /* End Hack */


#container { width:780px; margin:0 auto;}
#wrapper {float:left; width:100%; margin: 0 0 1.5em 0}
#column1 {float:left; width:180px; margin-left:-780px; margin-top: -35px;}
/*#content {margin: 0px 150px;}*/

/* 1 Column - if body has id of one */
#one #content { margin: 0px;}
#one #column1, #one #column2 { display: none; visibility: hidden;}

/* 2 Column - if body has id of two */
#two #content { margin: 0px 180px 0px 0px; background: #fff; }
#two #column1 { display: none; visibility: hidden; }

/* 2 Column with Nav - if body has id of twonav then show nav */
#twonav #content { margin: 10px 0px 0px 190px; }
#twonav #column2 { display: none; visibility: hidden; }

/* =HEADER -------------------*/
#header {background: #000; padding: 0px 10px 10px 10px; background: #000 url(/images/header_corner.gif) bottom left no-repeat; }
#header .logo {float:left; margin: 0px 0px 3px 0px;}
ul.basket {float:right; background:url(/images/header-basket-background.gif) no-repeat; width:124px; height:60px; padding:5px 0px; margin-top:10px; text-align: center;}
ul.basket li {font-size:1em; margin: 0; }
ul.basket .items strong { color: #CC0000; }
ul.basket .subtotal {color: #000;}
ul.basket .links {color:#fff; font-weight: bold; padding: 5px 0; font-size: 0.917em; }
ul.basket .links a {color:#fff}

/* =FOOTER -------------------*/
div#footer {clear:left; width:780px; margin:0 auto 0 auto; background: #000 url(/images/footer_corner.gif) top left no-repeat; color: #fff; text-align: center; padding: 10px 0;} 
div#footer a {color: #fff;}

div#c8{clear:left;  width:780px; margin-left:auto; margin-right:auto; margin: 1em 0; }
div#c8 a {color: #999; font-size: 0.917em;}

/* =TOP NAVIGATION -------------------*/
#navigation {  height: 40px; font-size: 0.917em; margin: 0 0 0 190px;}
body#one #navigation {  height: 40px; font-size: 0.917em; margin: 0 0 0 50px}
#navigation li#home {background: url(/images/nav_left.gif) bottom left no-repeat; padding-left: 10px;}
#navigation li {float: left; text-transform: uppercase; font-weight: bold; height: 40px; background: url(/images/nav_bg.gif) bottom left repeat-x; }
#navigation li a {margin: 0!important; margin: 4px 0 0 0; color: #333; padding: 7px; display: block; background: url(/images/nav_div.gif) bottom left no-repeat;}
#navigation li a.first {background-image: none;}
#navigation li.last {background: url(/images/nav_right.gif) bottom left no-repeat; padding-left: 10px;}

#navigation li.login a, #navigation li.register a, #navigation li.logout a, #navigation li.profile a   {color: #CC0000;}
#navigation li.login a { background-image: none;}

#content .options ul {float: right;}
#content .options li {list-style: none; float: left; padding: 0 20px 0 17px; margin: 0;}
#content .options li.print { background: url(/images/icon-print.gif) no-repeat 0px 4px;}
#content .options li.friend { background: url(/images/icon-sendtoafriend.gif) no-repeat 0px 4px;}
#content .options li.favourites { background: url(/images/icon-favourites.gif) no-repeat 0px 4px;}

.selected {font-weight: bold;}
.selected a, #navigation .selected a {color: #CC0000;}


/* =POP UP -------------------*/
body#popup {padding: 10px; background:#fff;}

/* =LEFT COLUMN -------------------*/

#column1 fieldset {font-size: 1.17em;}

.search-panel legend { margin: 0; font-weight: bold; font-variant: small-caps; }
.search-panel label {display:none;}
.search-panel input.txt {height: 14px; \height: 20px; he\ight: 14px; width: 90px; float: left; font-size: 0.900em; }
.search-panel input.sbutton { border:0; margin-top: -7px; vertical-align: middle; background: none; }

#column1 h3 { font-size: 1.17em; }
.browse-menu li a { font-weight: bold; }

ul.topsellers li {font-size: 0.917em; padding:5px 0px 5px 0px; color: #CC0000; clear: both;}
#column1 ul.topsellers li a:visited {background: none;}
#column1 ul.topsellers li .timg { padding: 0; text-decoration: none; font-weight: normal;}
ul.topsellers li .timg img {display: none;}
ul.topsellers li div {float: left; width: 90px;}
ul.topsellers small {font-size: 0.80em/0.5; margin-right: 0.2em;}
ul.topsellers .special {font-weight: bold;}
ul.topsellers .was, .topsellers .rrp {color: #666; text-align: left; display: block;}
ul.topsellers .now, .topsellers .special {text-align: left;}
ul.topsellers span {display: block; font-weight: bold;}

/* =RIGHT COLUMN -------------------*/
div#column2 {float:left; width:150px; margin-left:-150px; background:#666}

/* =BREADCRUMB -------------------*/
#breadcrumb { background-color:#ccc}

/* =CONTENT -------------------*/

#content h1 {border-bottom: 2px solid #D0D0D0; font-size: 1.917em; color: #333; font-weight: normal;}

/* BOX 2 */
.s2, .s2odd {float: left; width: 275px; margin:10px 0px 10px 10px!important;}
.s2odd {padding-right:10px; width: 270px; \width: 275px; w\idth: 270px; border-right: 1px solid #A1A1A1;}
.s2 dt a, .s2odd dt a { text-decoration: none!important; font-size: 100%; font-weight: bold; }
.s2 .img, .s2odd .img  { padding-right: 10px!important; float:left; width: 110px; \width: 120px; w\idth: 110px; text-align: center; }
.s2 dd, .s2odd dd { font-size: 95%; padding-right: 5px; }
.line { clear: both; height: 1px; overflow: hidden;}

/* =SYSTEM MESSAGES ----------------------*/
.message { margin: 10px 0;}
.message p { padding: 1em 0.5em 1em 0.5em; border-top: 2px solid #000; border-bottom: 2px solid #000; font-size: 1.250em; font-weight: bold; }
.ok { background: #EEF7EE}
.info { background: #E0EDF9}
.error { background: #FCEFF0}
.compared {background: #FEFFBF; padding: 1em 0.5em 1em 0.5em; border-top: 2px solid #000; border-bottom: 2px solid #000; font-size: 1.250em; text-align: center; }
.compare a {font-weight: bold;}

/* =HOME */
.panel img {float: left;}
.panel .details {width: 150px; float: left;}
.panel a {color: #3D4A5A;}
.panel .pricep {float: left; background: url(/images/price_bghome.gif) top left no-repeat; margin-top: 1em;}

.home .s2, .home .s2odd {width: 250px;}
.home .s2odd {width: 260px; \width: 260px; w\idth: 260px;}

/* =PRODUCT DETAILS */
.product-left{width: 300px; float: left; margin: 10px 0 0 10px;}
.product-right{width: 240px; float: right; margin: 0;}

body.productgroup #placeholder {margin: 0;}
body.productgroup #content h1, body.product #content h1{font-size: 1.583em; float: none; width: auto; margin: 0; border: 0;}

body.product .productbuy {float: right; width: 135px;}
body.productgroup .productbuy {float: right; width: 450px;}

body.productgroup .pricep {margin-left: 0px;}
.pricep {float: left; background: url(/images/price_bghome.gif) top left no-repeat; height: 94px ; width: 102px; color: #fff; text-align: center; font-size: 1.250em;}
.pricep small {display: block; font: 0.800em/0.5em Arial Black, arial, helvetica; padding: 6px 0 4px 0;}
.pricep span {display: block;height: 43px;}

.buypro, a.buypro {background: url(/images/buy_pro.gif) no-repeat -80px 0; width: 54px; height: 33px; display: inline; border: 0; cursor: pointer; vertical-align: middle;}
a.buypro {display:block; margin: 0 auto;}
a.buypro span {display: none;}
.buypro:hover {background: url(/images/buy_pro.gif) no-repeat 0 0;}
button.buypro span {display: none;}

#content ul.sellers {margin: 0.5em 0 0 0px;}
#content ul.sellers li {margin: 0; font-size: 0.917em; list-style: square inside; padding: 0 0 0 10px;}
#content ul.sellers li.instock {list-style: none; list-style-position: outside; background: url(/images/instock.gif) 5px 1px no-repeat; padding-left: 22px; margin: 0;}

p.special {border: 1px solid #CC0000; border-width: 1px 0; padding: 1em 0.5em}

.imagegroup a{ background: #fff;border:1px solid #eee; padding:5px; width:232px; \width:240px; w\idth:230px; min-height:170px; height:auto !important; height:170px; text-align:center; margin:5px 10px 5px 5px; float: left;}

.option {}
.option label {font-weight: bold; float: none; display: block;}
form.i3 {padding-left: 7px;}

#content ul {margin: 0 0 1.5em 0}
#content li {list-style: square inside; margin: 0 0.5em 0.5em 1.5em }

#content ul#tabs {position: absolute; right: 0; top: 20px;}
#content ul#tabs li {list-style: none; margin: 0;}
ul#tabs li a {display: block; background: url(/images/tabs.gif) no-repeat 0 0; width: 46px; height: 100px;}
ul#tabs li span {display: none;}
ul#tabs li#tabfeatures a {height: 85px; background-position: 0 -25px;}
ul#tabs li#tabspecifications a {height: 119px; background-position: 0 -110px;}
ul#tabs li#tabimages a {height: 79px; background-position: 0 -228px;}
ul#tabs li#tabcomments a {height: 90px; background-position: 0 -306px;}

ul#tabs li#tabfeatures a.current {background-position: -47px -25px;}
ul#tabs li#tabspecifications a.current {background-position: -47px -110px;}
ul#tabs li#tabimages a.current {background-position: -47px -228px;} 
ul#tabs li#tabcomments a.current {background-position: -47px -306px;}

.productdetails { background: url(/images/pcon_bg.gif) top left; position: relative;width: 590px;}
.productdetails h2 {background: url(/images/pcon_bt.gif) top right no-repeat; padding-top: 20px; margin-right: -50px;}
.tabcontent {
	padding:0 60px 0 10px;
	background: url(/images/pcon_bb.gif) bottom left no-repeat;
	min-height: 500px;
	height: auto!important;
	height: 500px;
}

.filedownload {margin: 0 0 20px 0; width: 160px; border-left: 2px solid #A1A1A1; padding-left: 10px; margin: 20px 0 20px 15px; float: right;}
.filedownload p {margin: 0}

/* =COMMENT & FEEDBACK */
.title .comments strong { background: transparent url(/images/icon-comment.gif) no-repeat left center; padding-left: 20px; }
#add-review .message { margin: 0!important; }
.star-rating { margin: 3px 0!important; padding: 0px; width: 80px; height: 16px; position: relative; background: url(/images/ratings.gif) top left repeat-x; }
#content .star-rating li{ list-style: none;padding:0px; margin:0px; /*\*/ float: left; /* */ }
.star-rating li a{ display:block; width:16px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; background-image:none; }
.star-rating li span { display:block; width:16px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; background-image:none; }
.star-rating a.one-star{ left: 0px; }
.star-rating a.one-star:hover{ width:16px; }
.star-rating a.two-stars{ left:16px; }
.star-rating a.two-stars:hover{ width: 32px; }
.star-rating a.three-stars{ left: 32px; }
.star-rating a.three-stars:hover{ width: 48px; }
.star-rating a.four-stars{ left: 48px; }
.star-rating a.four-stars:hover{ width: 64px; }
.star-rating a.five-stars{ left: 64px; }
.star-rating a.five-stars:hover{ width: 80px; }
.star-rating li.current-rating { background: url(/images/ratings.gif) left bottom; position: absolute; height: 16px; display: block; text-indent: -9000px; z-index: 1;}
.star-rating li a:hover{ background: url(/images/ratings.gif) left center; z-index: 1; left: 0px; }
.rate strong { margin: 0 0 0 1px; }
.rate 	.explain { margin: 0 0 0 1px; }
.add-comment { display:block; margin: 0; padding: 0px 0px 0px 22px;}
.comment { padding: 5px; }

.paging2 {width: 550px; margin: 0 0 10px 0;}
.paging2 .timg{height: 110px; width: 110px; background: #fff; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 1.17em;}
.paging2 .timg span {}
.paging2 .timg img {display: block; margin: 5px auto;}
.paging2 .back {float: left;}
.paging2 .next {float: right;}

.paging, .pagingtop {clear:both; background: url(/images/rule.gif) top left repeat-x; padding-top: 10px; margin: 10px 0;  }
.pagingtop {background-position: bottom; padding: 0 0 10px 0}
.paging a, .paging strong, .pagingtop a, .pagingtop strong {padding: 0 5px;}

/* =FORM -------------------------*/
.form { margin-bottom: 0.833em; }
label { cursor: pointer; }
.form label { float: left; width: 130px;  text-align: right; padding-right: 10px; color: #000; }
.form .summary { margin:0 0 5px 140px; width: 233px; display: block; }

.form div { padding: 7px 0; clear: both; }
.form div:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } 
.form div{display: inline-block;} /* Hides from IE Mac \*/ 
* html .form div {height: 1%;} 
.form div{display:block;} /* End Hack */ 

.form div.even, .form div.erroreven { background: #fff; border-bottom: 1px solid #000000; }

.required span { color: #e00; font-weight: bold; font-size: 130%; padding: 0 3px; }
.error input, .erroreven input {border:2px solid #e00;}
.errortext { margin:-12px 0 0 140px; color: #e00; font-weight: bold; }

select {border: 1px solid #ccc; padding:1px 0;}
option {padding:0 0 0 10px; }
textarea {width: 200px;}
input, textarea{ border: 1px solid #ccc; background: url(/images/formbg.gif) 0 0 no-repeat; padding:2px 0 2px 5px ;}
input:focus, textarea:focus {}

input.email {width: 200px;}
input.text {width: 200px;}
input.date { width: 100px; }
input.stext {width: 80px;}
input.numeric {width: 200px;}

input.checkbox {margin: 0 0 0 140px; border:none; background: none; float: left;}
label.checkboxlabel {width: 150px; text-align: left; padding-left: 10px;}

ul.radio { clear: right;}
#content ul.radio li { background-image: none!important; margin:0 0 5px 0; padding: 0; display: block; list-style: none; }
ul.radio label {text-align: left!important; display: inline; width: 300px;}
ul.radio input {display: inline; margin: 0 5px 0 0; border:none; background: none; }

input.submit { border: 0; background: none; margin: 0; vertical-align: middle; padding: 0; }
input.errorMessage, textarea.errorMessage, select.errorMessage { border: 2px solid #f00!important; }
.form span.errorMessage {color: #f00; font-weight: bold; clear:both; display:block; padding-left: 140px; }

/* =CALENDAR */
#caldiv {display: block; border: 1px solid #000; padding: 0; font-size: 110%;}
#caldiv table{ border-collapse: collapse !important; border: 0; margin: 0;}
#caldiv a {color: #360; font-weight: bold;}
#caldiv td{border: none; font-size: 90%; color: #000; }
#caldiv th, #caldiv th a { font-weight: bold;}
#caldiv th a {color:  #360; font-weight: bold; background: none; color:#fff; font-weight: bold;}
#caldiv td a {text-decoration: underline; font-weight:bold;}
.cpTodayText{ border: 1px solid #000 !important; }
.cpCurrentMonthDateDisabled {color: #aaa; text-decoration: line-through;}
.cpCurrentMonthDateDisabled a {color: #aaa;}
.cpCurrentDate { background: #6A9D5E url(/images/th-bg.gif) repeat-x bottom left; color: #fff !important; font-weight: bold;}
.cpOtherMonthDateDisabled { color:#aaa; text-decoration: line-through;}
.cpOtherMonthDate, .cpCurrentMonthDate {font-weight: bold;}

.lbl { clear: both; padding: 1px 0; margin: 0 0 0.5em 0 }
.lbl label { display: block; float: left; width: 115px; text-align: right; padding: 2px 5px 0 0; }
.lbl .txt { width: 200px; }
/* =buttons */

.image {border: 0; vertical-align: middle; background-image: none; padding: 0;}
.button, .action { background: #2378D2; font: 1.182em Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; border-top: 2px solid #619EDF; border-left: 2px solid #619EDF; border-right: 2px solid #164C85; border-bottom: 2px solid #164C85; padding: 3px 6px 4px 6px; width: auto; overflow: visible; vertical-align: middle; cursor: pointer; }
a.button { display: block; float :left;}
a.action, a.button  { display: block; color: #fff; text-decoration: none;}
a.action:hover, a.button:hover  { color: #fff; text-decoration: underline; }
a.action:active { color: #fff; text-decoration: none; }
a.action:visited { color: #fff; }

/* =BASKET / CHECKOUT */
#trail { width: 99.9%; clear: both; list-style: none; margin: 0!important; padding: 0!important;  }
#trail li { float: left; margin: 20px 0 14px 0; padding: 80px 0 0 0; width: 24%; background-repeat: no-repeat; text-align: center; list-style:none }
#trail li span{display: none;}
#trail-one { background-image: url(/images/trail-one.gif); }
#trail-two { background-image: url(/images/trail-two.gif); }
#trail-three { background-image: url(/images/trail-three.gif); }
#trail-four { background-image: url(/images/trail-four.gif); }
#trail .incomplete { background-position: 50% 0px; color: #666; }
#trail .current { background-position: 50% -129px; color: #000; }
#trail .complete { background-position: 50% -258px; }

.checkout-help {width: 590px; margin: 1em auto!important;}
.checkout-help .i3 {text-align: center;}
.checkout-help li {float: left;}
.checkout-help p{margin: 0 0 1em 0; font-size: 1.08em; }
.card {margin: 4px;}

/* =DATA TABLES */
#basket-table {/*clear: both;*/}
.row {}
td { vertical-align:top}
.row th { padding: 3px 5px; }
.row td { background: #fff; border-bottom: 1px solid #D0D0D0; padding: 5px 5px; }
.row .even td { background: #fcfcfc }
.row td p { margin: 0 0 8px 0; }
.colours { width: 30px; }
.colours img { margin: 1px; }
.delete { color: #A50017; background: #fff; padding: 2px 0 2px 20px; display : block; }
.totals { background: #fff ;}
.totals td { padding: 5px 5px; }
.gtotal td { font-size: 110%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: bold; }

.order-summary { float: left; width: 375px; background: #F4F4F4; }
.order-summary th { border-bottom: 2px solid #ccc; font-size: 110%; padding: 3px 5px; }
.order-summary td { background: #fff; padding: 5px 3px; }
.order-summary tr.item td { background: #fff; border-bottom: 1px solid #ddd; }

p.hor-align { vertical-align: middle; margin: 0; }

p.left, div.left { float: left; vertical-align: middle; }
p.right, div.right { float: right; vertical-align: middle; }

.timg { width: 48px; \width: 50px; w\idth: 48px; height: 50px; border: 1px solid #cccccc; margin: 0px 5px 0px 5px; float: left; }
/* =SPECIALS */
.special { color:#CC0000;}
.productsaving td, .globalsaving td, .totalsaving td { color:#CC0000}
ul.special li { font-size: 0.909em; list-style: none; }

/* hide link on receipt */
body.receipt .edit {display: none;}
body.receipt .details-left {}

/* Login boxes */
fieldset.display { border:0px solid #ddd; padding: 0;}
fieldset.display legend { color: #fff;}
fieldset.display-tight { border:1px solid #ddd; padding: 10px; margin: 10px 0; }
fieldset.display-tight  legend { color: #fff; }
fieldset.remove { border: 0; padding: 0; margin: 0; }
#content ol.login li{ list-style: none; }
ol.login ul { list-style: none; margin: 0!important }
ol.login .lbl { padding: 4px 0; }
ol.login label { width: 100px; }


.help { display: block; float :left; margin: 0 0 5px 0;}
.title-375 { display: block; font-size: 1.083em;}
.title-770 { display: block; padding: 5px 6px;}
.explain, .formInfo { margin: 0 0 1em 0; color: #666;}
.formInfo { margin-left: 120px; }
.details-left { width: 380px; margin: 0 0 0 0; float: left;}
.details-right { width: 380px; margin: 0 0 0 10px; float: right;}
.details-center { width: 375px; margin: 0 auto 20px auto; }
.details-full { width: 770px; margin: 0; }
.details-left fieldset,.details-right fieldset,.details-center fieldset,.details-full fieldset { border: 0; padding: 0px 0px; margin: 0; background: #fff; }
fieldset.nice { border: 0; padding: 5px 10px; margin: 0; border-bottom: 1px solid #ddd; }


/* =NEWSLETTER  */
form.newsletter {margin: 0 1em 0.5em 1em;text-align: center; border-bottom: 3px double #333; padding: 0 0 5px 0}
form.newsletter label {padding: 5px 10px; width: auto; display: inline;}
form.newsletter input.stext, form.newsletter select  {float: none; display: inline; width: 150px;}
form.newsletter .button {font-size: 90%; padding: 1px; border: 0px; margin-left: 0!important;}
form.newsletter a, #footer form.newsletter a:visited {font-size: 0.833em; display: block; background-image: none;}

fieldset#signup { padding: 10px; margin: 10px; border: 1px solid #fff;}
fieldset#signup div { clear: both; padding-bottom: 3px; }
fieldset#signup h4 {margin-top: 1em;}
fieldset#signup .button {background: none; margin: 0 auto; display: block;}
fieldset#signup input.field {width: 200px;}
fieldset#signup li {list-style: none;}
fieldset#signup label {padding-right: 5px; width: 130px; text-align: right; display: block; float: left;}
fieldset#signup li label {padding-left: 5px; width: 50px; text-align: left; display: inline!important; float: none;}


/* =ROUNDED BORDERS  */
/* Basic styling, used when JavaScript is unsupported */
.cbb { margin: 0em 0; padding: 0 0px;}

/* Normal styling */
.cb {margin:0 0 10px 0;}
/* Top corners and border */
.bt { height: 23px; margin: 0 0 0 15px; background: url(/images/box/box.png) no-repeat 100% 0; }
.bt div { position: relative; left: -15px; width: 22px; height: 23px; background: url(/images/box/box.png) no-repeat 0 0; font-size: 0; line-height: 0; }
/* Bottom corners and border */
.bb { height: 22px; margin: 0 0 0 15px; background: url(/images/box/box.png) no-repeat 100% 100%; }
.bb div { position: relative; left: -15px; width: 22px; height: 22px; background: url(/images/box/box.png) no-repeat 0 100%; font-size: 0; line-height: 0; }
/* Left border */
.i1 { padding: 0 0 0 15px; background: url(/images/box/border.png) repeat-y 0 0;}
/* Right border */
.i2 { padding: 0 12px 0 0; background: url(/images/box/border.png) repeat-y 100% 0; }
.i3 { display: block; margin: 0; padding: 0px; background: #fff; }
.i3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Normally only IE (up to version 6) gets these rules */
.i1, .i2 {background-image:url(/images/box/border.gif);}
.bt, .bt div, .bb, .bb div {background-image:url(/images/box/box.gif);}

.p .bt { height: 52px; margin: 0 0 0 7px; background: url(/images/box/boxproduct.png) no-repeat 100% 0; }
.p .bt div {position: relative; left: -7px; width: 7px; height: 52px; background: url(/images/box/boxproduct.png) no-repeat 0 0;}
.p .bb { height: 22px; margin: 0 0 0 5px; background: url(/images/box/boxproduct.png) no-repeat 100% 100%;}
.p .bb div {position: relative; left: -7px; width: 7px; height: 22px; background: url(/images/box/boxproduct.png) no-repeat 0 100%;}
.p .i1 { padding: 0 0 0 5px; background: url(/images/box/borderproduct.png) repeat-y 0 0;}
.p .i2 { padding: 0 12px 0 0; background: url(/images/box/borderproduct.png) repeat-y 100% 0;}
.p .i3 { min-height: 180px; height: auto!important; height: 180px;}

dl.p {background: #fff; min-height:200px; height:auto!important; height:200px;}
dl.p dt.title {background: #777; position: static; margin:0px 0 5px 0; */width: 180px; \width: 190px; w\idth: 180px;*/ padding: 5px 5px 0 5px;}

.p { float: left; display: inline; margin: 0 11px 10px 4px!important; margin: 0 2px 10px 4px; padding: 0; position: relative; width: 181px;}
.p dl{ margin: 0;}
.p dt.title {position: absolute; margin-top: -50px; left: 10px;}
#content .p dt.title a {color: #fff; width: 170px; line-height: 1.25em;}
.p dt.title a {font-size: 1.08em; display: block; width: 180px; height: 43px;}
.p dt.img {width:173px; height: 100px; text-align: center;}
.p dt.img img {margin: 0 auto; float: none;}
.p .summary {clear: both; width: 87px; \width: 90px; w\idth: 87px; padding-left: 3px; margin-right: 5px; height:10em; display: inline; font-size: 0.917em; float: left; line-height: 1.2em; }
.p .summarywide {font-size: 0.917em;}
.p .price {width: 69px; float: left; text-align: left; text-align: center; text-transform: capitalize; font-weight: bold; }
.p .price small {display: block; font: 0.786em/0.5em Arial Black, arial, helvetica; margin: 0 0 0.3em 0;}
.p .price .rrp small {text-transform: uppercase ;font: 12px arial, helvetica; font-weight:bold; }
.p .price .special {font-weight: bold;}
.p .price .was, .p .price .rrp {color: #AFAFAF; font-weight: bold; font-size: 13px; margin: 0 0 0.7em 0}
.p .price .now, .p .price .special {text-align: center; font-size: 16px;}
.p .price span {display: block; }
.p .compare {clear: both; vertical-align: middle;}
.p .compare label {display: block; float: left; margin-right: 5px;}
.p .compare input.checkbox {float: none; vertical-align: middle;width: auto; margin:0 3px 0 3px; border: 0;}

.buy {background: url(/images/buy_sec.gif) no-repeat top right; width: 68px; height: 39px; display: block; border: 0; margin: 0 0 0 -5px;  cursor: pointer;}
.buy:hover {background: url(/images/buy_sec.gif) no-repeat top left;}

a.info {background: url(/images/info_sec.gif) no-repeat top right; width: 68px; height: 39px; display: block; border: 0; margin: 10px 0 0 -5px;  cursor: pointer;}
a.info:hover {background: url(/images/info_sec.gif) no-repeat top left;}
a.info span {text-indent: -100em; overflow: hidden;}

dd.info {background: none;}

/* Checkout Panel */
.pnl {margin: 0 0 1em 0; background: #fff;}

.pnl h3, .pnl legend { position: absolute; padding: 0; color: #fff; font-size: 1.08em;}
.pnl h3 { margin: -39px 0 0 0px!important; margin: -30px 0 0 -5px; font-weight: normal;}
.pnl p { margin: 0 0 1.5em 0; }
.pnl legend {margin: -39px 0 5px 0px!important;margin: -30px 0 5px -5px;}
.pnl legend span { padding: 3px 0; height: 17px; h\eight: 23px; he\ight: 17px; display: block; position: relative;}
#content .cbb legend,#content .cbb h3 {color:#fff; margin: 0 0 0 0; font-weight: bold; background: #777; }
#content .cbb legend {margin: 0px 0 5px -20px;}

#content .cbb legend span {padding: 5px 30px 5px 10px; margin: 0; width: 550px; \width: 580px; w\idth: 550px;  display: block;}
body#one .cbb legend span {width: 740px; \width: 780px; w\idth: 740px;}

#content .details-left .cbb legend, #content .details-right .cbb legend  {margin: 0 0 5px -10px; position: relative}
body#one .details-left .cbb legend span, body#one .details-right .cbb legend span {width: 340px; \width: 380px; w\idth: 340px;}

.pnl #basket-table {margin: -35px 0 0 0px!important; margin: -31px 0 0 0; position: relative; background: none;}
.cbb #basket-table {margin: -0px 0 0 0}
.pnl #basket-table th {color: #fff; height: 14px; h\eight: 20px; he\ight: 14px; background: none;}
.cbb #basket-table th {color: #fff; background: #777;}

.pnl .bt { height: 35px; margin: 0 0 0 0px; background:url(/images/box/checkoutbox.png) no-repeat 100% 0; }
.pnl .bt div { left: -0px; width: 24px; height: 30px; background:url(/images/box/checkoutbox.png) no-repeat 0 0;}
.pnl .bb { height: 20px; margin: 0 0 0 0px; background:url(/images/box/checkoutbox.png) no-repeat 100% 100%; }
.pnl .bb div { left: -0px; width: 24px; height: 20px; background:url(/images/box/checkoutbox.png) no-repeat 0 100%;}
.pnl .i1 { padding: 0 0 0 0px; background:url(/images/box/borderproduct.png) repeat-y 0 0;}
.pnl .i2 { padding: 0 0px 0 0; background:transparent url(/images/box/borderproduct.png) repeat-y 100% 0; }
.pnl .i3 { padding: 0px; margin: 0 10px 0 10px;}

/*\*/
html*.pnl .i3 { background: none;
}/**/


/* =COMPARISON */
table.comparetable {width: 100%;}
table.comparetable th img {display: block;margin: 5px auto;}
table.comparetable tr.pn th {background: #787878; color: #fff;}
table.comparetable tr.pn th a {color: #fff; font-weight: bold;}
table.comparetable td, table.comparetable th {padding: 5px 3px; text-align: center; font-size: 0.917em;}
table.comparetable td {border-right: 2px solid #EEE; border-bottom: 1px solid #EEE; background: #fff; }
table.comparetable tr.odd td {background: #FCFCFC}
table.comparetable .t, table.comparetable tr.odd .t {text-align: right; background: #787878; color: #fff; font-weight: bold; padding-right: 10px; border-bottom: 0;}
.qty {width: 20px; margin: 0 3px; vertical-align: middle;}
.backto {margin: 10px 0;}
table.comparetable td .checkbox{margin: 7px auto 0 auto; display: block; float: none;}

.removeall {vertical-align: bottom; margin-top: 34px;}

.searchresults dd.compare {display: none;}
dd.compare {font-size: 0.917em; padding-top: 3px; color: #3F3F3F;}
dd.compare label, dd.compare input  {display: inline; float: left;}
.small_message {background: #FEFFBF; clear: left; text-align: center;}
.small_message a {font-weight: bold;}

/* =SITEMAP */
.alpha {margin: 10px 0; padding: 3px 0; border-top: 1px solid #323366; border-bottom: 1px solid #323366; color:#5F5F5F; }
.alpha a {font-weight: bold; padding: 1px 3px;}
.alpha span {padding: 1px 3px;}
.alpha strong {background: #333366; color: #fff; padding: 0 5px;}
strong.switch {display: block; text-align: right; margin: 7px 0;}
.sitemapaz #content, .sitemaptree #content {width: 100%;}
.sitemapaz h2, .sitemaptree h2 {font-size: 200%;}
.sitemapaz h3 {display: inline;}
.sitemapaz #content li p {width: 75%;}
ul#map ul, ul#map ul ul {margin-left: 30px;}
ul#map li p{margin: 0 0 1.5em 0;}
ul#map li a {font-weight: bold; text-decoration: none;}
ul#map li li a {font-weight: normal;}
ul#map li li {padding-bottom: 0; margin: 0;}

/* =SEND TO FRIEND */
body.sendtofriend { padding: 0 10px 10px 10px; }
body.sendtofriend #header {background-image: none;}

/* SLIMBOX */

#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottom, #lbBottomContainer { position: absolute; left: 50%; background-color: #fff; }
.lbLoading { background: #fff url(/images/loading.gif) no-repeat center; }
#lbImage { border: 10px solid #fff; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(/images/prevlabel.gif) no-repeat 0% 85%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(/images/nextlabel.gif) no-repeat 100% 85%; }
#lbBottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block!important; float: right; width: 66px; height: 22px; background: blue url(/images/closelabel.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; display: none; }

dd.compare, #btn_compare, .remote_response {display: none;  }