/* Sock Shop - Screen Stylesheet [default] David Walton v3.5 */

/* standard formatting */
body,table,tr,td,th,p,select,input, textarea { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; color: #333; font-size: 1em; }

body { margin: 0px; padding: 0px; background: #f9f9f9; font-size: 0.688em; text-align: center; }
/* *>html body { font-size: 0.7em!important; font-size: 0.6em; } */
/* target IE5 - the !important definition is for Mac, the latter for windows  */
table,td,th,form { margin: 0px; padding: 0px; }
*>html table { font-size: 1em!important; }
h1 { font-size: 1.545em; margin: 0 0 10px 0; font-weight: normal; }
h2 { font-size: 1.364em;}
h3 { font-size: 1.273em;}
h4 { font-size: 1.182em;}
h5 { font-size: 1.091em;}
h2, h3, h4, h5 {margin: 0 0 5px 0;}
p { margin: 0 0 15px 0; line-height: 125%;} 

a { color: #544B87; text-decoration: none; outline: none; }
a:hover { color: #4F4585; text-decoration: underline; }

img, a img { border: 0px !important; }
img.l { float: left; margin: 0 5px 0 0; }
img.r { float: right; margin: 0 0 0 5px; }

hr { border: 0px; clear: both; border-bottom: 1px solid #C6C6C6; margin: 5px 0px; }
ul,ol { margin: 10px 0px 15px 0px; padding: 0px 0px 0px 20px; }
li { margin: 5px 0px; padding: 0px; }
span.hide {display:none}
div.spacer {clear: both; height: 0px; line-height: 0%; margin: 0px!important; margin: -2px 0px; padding: 0px; visibility: hidden; }
div.spacer-dotted { clear: both; margin: 0px!important; margin: -2px 0px; padding: 0px; /*background: transparent url("/images/dottedline_hor.gif") repeat-x bottom left;*/ }
.clear { clear: both; height: 0; }



*>html div.spacer {margin: -6px 0px -7px 0px!important; margin: 0px; }
.clr { clear: both; height: 1px; line-height: 0px; margin: 0px 0px 10px 0px; padding: 0px; }

.message { margin:5px 0px 0px 0px; clear:both; }
.message p {font-weight: bold;}
p.ok, p.error, p.info {margin:10px 0; padding:10px 10px 10px 40px;}
p.ok {background:#D3F0C6 url(/images/ok.gif) no-repeat 0% 50%; color:#244A13; border:1px solid #669900;}
p.error{background:#FFD7D7 url(/images/error.gif) no-repeat 0% 50%; color: #CC0000; border:1px solid #CC0000;}
p.info {background:#99CCFF url(/images/info.gif) no-repeat 0% 50%; color: #0066CC; border:1px solid #0066CC;}



.large-image { margin-left:10px }

.arrow-bullet { background:url("/images/arrow_purple.gif") top left no-repeat; padding:3px 0px 3px 10px; margin-top:10px; font-weight:bold; display:block; }

.purple { background:#6C60AA url("/images/purple_grad.jpg") top left repeat-x; color:#FFFFFF; font-size:11px; padding:4px; width:213px;  } 
.purple-wide { background:#6C60AA url("/images/purple_grad.jpg") top left repeat-x; color:#FFFFFF; font-size:11px; padding:4px; margin-top:10px; width:490px  } 
.title { color: #fff; background: #6B61A4 url(/images/tab_bg.jpg) repeat-x top left; padding: 4px 5px; display: block; font-size: 110%; margin-top: 10px;  } 

/* layout */
#content { margin: 0 auto; text-align: left; width: 977px; padding: 0; background: #fff; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; }
#left { float: left; margin: 0; width: 198px; \width: 208px; w\idth: 198px; padding: 10px 0 10px 10px; overflow: hidden; }
#center-col { padding: 9px;  width:543px; \width:561px; w\idth:543px; float: left; }
body#product #center-col { padding: 9px;  width:748px; \width:766px; w\idth:748px; float: left; }


#center-col-detail { padding: 10px; width: 310px; \width: 330px; w\idth: 310px; float: left; }
#center-col-checkout { padding: 9px; width:751px; \width:769px; w\idth:751px; float: left; }
#center-col-wide { padding: 9px; width:543px; \width:561px; w\idth:543px; float: left; }
#center-col-full { padding: 10px; width:957px; \width:977px; w\idth:957px; float: left; }
#right-col { float: left; padding: 10px 0; width: 198px; margin: 0;}
#right-col-wide { float: left;  padding: 10px 0; width: 260px; margin: 0;}

/* header elements */
#header { background: #000000; padding: 0px; border: 0px;}
#logo { width: 232px; float:left; margin:20px 0 20px 8px; display: inline;  }

#header form { width: 210px; float:left; margin-top:8px; }
#header form p { color:#FFFFFF; margin: 0px 0px 1px 0px; } 
#header form input { float:left }
#header form #submit { float:left; width: 54px; }

#header .m, #header .c {color: #fff; float:left!important; font-size: 1.182em; text-align: center; display: inline; }
#header .c a , #header .m a {color: #fff; text-decoration: underline;}
#header .m { width: 155px; margin: 20px 0px 0px 55px;}
#header .c { width: 240px; margin: 10px 0px 0px 75px;}

#header .type { font-size: 0.9em; width: 100px; padding: 1px 2px 2px 2px; color: #666666; width: 100px; border: 1px solid #AAAAAA; margin-right: 5px; background:#FFF url(/images/input_sh.gif) no-repeat top left; }
#products { clear: both; width: 740px; \width: 750px; w\idth: 740px; background: #C6C6C6; padding: 0px 0px 1px 10px; font-size: 1.4em; line-height: normal; background:url("/images/dottedline_hor.gif") repeat-x bottom left; }
#products a { color: #FFFFFF; text-transform: uppercase; font-weight: bold; margin-right: 15px; }
#products a:hover { color: #000000; text-decoration: none; }

#header-inside {background:#94853F url(/images/utility.gif) top left repeat-x; clear: left; padding-right: 5px; border-bottom:1px solid #736731; height: 30px;}

ul#utility  { list-style:none; padding:0; margin:0; float: left; clear: left; width: 100%;}
#utility li { float:left; margin:0; padding:0; }
#utility li.home {margin-left: 6px;}
#utility a { display:block; padding:8px 10px 4px 10px; text-decoration:none;font-weight:bold; color:#fff; font-size: 1.091em; width:auto; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#utility a { float:none; }
/* End IE5-Mac hack */
#utility a:hover {color:#E8E2C0;}

#utility li.basket {float: right; background: url(/images/basketbg.gif) no-repeat 0 3px;}
#utility li.basket a, #utility li.basket a:hover  {color: #333; background: url(/images/basketbg.gif) no-repeat 100% 50%; padding:4px 8px 6px 8px; margin: 3px 0 0 2px;}
#utility li.basket span { font-weight: bold; font-size: 0.833em;}
#utility li.basket span strong {color: #CC3300;}
#utility li.basket .b {margin: -5px 0 -7px 0px;}
body#home li.home, body#shortlist li.shortlist, body#recently li.recently, body#help li.help, body#myaccount li.myaccount, body#bestseller li.bestseller, body.newarrivals li.newarrivals  {background: url(/images/topnavselected.gif) no-repeat 50% 0%;}

/* Menu Current */

#mainnav, #mainnav2 { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; font-size: 1em; clear: both;}


#mainnav h2, #mainnav2 h2{ margin: 0 0 8px 0; padding: 0 0 4px 0; width: 198px; border: 0; font-size: 1em; background: url(/images/purple_bgbt.gif) no-repeat bottom left  }
#mainnav h2 a, #mainnav2 h2 a { color: #fff; display: block; width: 188px; \width: 198px; w\idth: 188px; background: #6C60AA url(/images/purple_bg.gif) no-repeat top left; padding:4px 5px 2px 5px; text-decoration: none; }
#mainnav2 h2 a {background-position: top right;}
#mainnav h2.section_selected, #mainnav li#selected1 h2 {margin: 0 0 2px 0;}
#mainnav h2.section_selected a { background-position: top right;}
#mainnav li#selected1 h2 a { background-position: top right!important;}
#mainnav h2 a:hover {background-position: -198px 0!important }
#mainnav li.open h2 a {background-position: -396px 0!important}
#mainnav li#selected1 ul.level1 {display: block!important;}

#mainnav ul{margin: 0;padding: 0;}
#mainnav li ul li { display: block; width:99px; float:left; margin: 0; padding: 0; background: #fff url(/images/dottedline_hor.gif) repeat-x bottom left; }
#mainnav li ul li ul li { background-image: none;}
#mainnav li ul li.odd { /* Hides from IE-mac \*/ clear: both; /* End hide from IE-mac */ }
#mainnav li ul li.odd_end { clear: both; width: 198px; }
#mainnav li ul ul li.odd_end {width: 99px;}
#mainnav li ul li a { color: #6C60A8; width:91px; \width:99px; w\idth:91px; padding: 5px 3px 6px 5px; display: block; text-decoration: none; font-weight: normal; }
#mainnav li ul li a:hover { color: #393461; text-decoration: none; background: #F2F1F9; border-bottom: 1px solid #fff; padding: 5px 3px 5px 5px; }
*>html #mainnav ul li a:hover { border: 0; text-decoration: underline; }

#mainnav li ul li#selected a { background: #fff; font-weight: bold; padding: 5px 3px 5px 5px; margin: 0 0 1px 0; }
#mainnav li#selected1 ul li#selected { background: #E1DEEF;}
#mainnav li ul li#selected ul li a:hover, #mainnav li ul li#selected ul li#selected a { color: #393461; border-bottom: 1px solid #E1DEEF; margin: 0; background: #F2F1F9; }
#mainnav li ul li#selected a:hover {border: 0;}
*>html #mainnav ul li#selected a:hover { border: 0!important; padding: 5px 3px 5px 5px; text-decoration: underline; margin: 0 0 1px 0; }

#mainnav li ul li ul {border: 1px solid #8075B6; position: absolute; display: none;}
#mainnav li ul li#selected ul {background: #fff;}

#mainnav li ul li:hover ul, #mainnav li ul li.over ul {display: block!important; background: #fff;}
#mainnav li ul li:hover ul li, #mainnav li ul li.over ul li {background: #fff; background-image: none; list-style: none;}
#mainnav ul li ul li{float: none;}
#mainnav h2 span, #mainnav li span {font-size: 0.818em!important; font-weight: normal;}

#right-col #mainnav h2 a {background: #6C60AA url(/images/purple_bg.gif) no-repeat scroll right top!important;}

#menu h3 { color: #fff; display: block; width: 210px; \width: 220px; w\idth: 210px; background: #6C60AA url(/images/purple_bg.gif) no-repeat top left; padding:4px 5px; border-bottom: 1px solid #554989; font-size: 110%; margin: 0; }

.clear { clear:both; height: 0;}
.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 */ 


/* boxes & highlights */
.hilite {width: 130px; margin-bottom: 10px; }
.hilite h3 {font-size: 1.1em; margin: 0px; }
.hilite h3 a {font-weight: bold; color: #fff; display: block; padding: 3px; background: #000; margin: 0px; color: #fff; text-decoration: none; }
.hilite h3 a:hover {background: #ccc; color: #000; text-decoration: none; }
.hilite img {border: 0px; }
.hilite p {background: #EEE; color: #000; padding: 3px; margin: 0px!important; margin: -2px 0px 0px 0px; }

/* BASKET OVERVIEW */
#basket-overview { width:198px;}
#basket-overview p {margin: 0 0 5px 0}
#basket-overview h2, #nsignup h2, #latestnews h2 {margin: 0; padding: 0 0 4px 0; width: 198px; font-size: 1em; background: url(/images/purple_bgbt.gif) no-repeat bottom left }
#basket-overview h2 a, #nsignup h2 span, #latestnews h2 a { color: #fff; display: block; width: 188px; \width: 198px; w\idth: 188px; background: #6C60AA url(/images/purple_bg.gif) no-repeat top right; padding:4px 5px 2px 5px; }
#basket-overview h2 a:hover { background-position: top right; text-decoration: none; }
#basket-overview ul {  margin:0px; padding:0px; padding: 0 0 5px 0; font-size: 1em; overflow: auto; height: 70px;}
#basket-overview ul li { display:block; margin:0 0 5px 0; padding: 5px 5px 0 5px; list-style: none; clear: both;}
#basket-overview ul li a {font-weight: normal;}
#basket-overview a.basket-remove { margin: 0px 5px 0px 0px; float: left; }
#basket-overview .basket-total { background:url(/images/shadow_white.gif) top left repeat-x; padding: 5px 3px; margin: 0 0 5px 0; border:1px solid #ccc; border-width: 1px 0; text-align: right; clear:both; font-size: 1em; }
#basket-overview .basket-total a {float: left; }
.tablestyle1 tr.even td, .tablestyle1 tr.odd td{border-bottom: 0;}
tr.total {font-size: 1.182em;}
tr.total td {border-top: 1px solid #6B61A4; border-bottom: 1px solid #6B61A4; background: #E2E0EF; padding: 10px 5px}
tr.total td em {font-size: 0.923em }
tr.subtotal td {border-width: 2px;}
.basket-title {width: 130px; float: left; margin: 0 0 0px 0;}
.basket-price {float: right;}

#summary-checkout { margin-left:90px  }
#summary-checkout img { border: 0px; margin: 0px 0px 10px 0px; }

.addgiftwrap { margin-left: 5px; height: 28px; width: 165px; color: #333333; border: 0px; padding: 0px 0px 0px 24px; background: transparent url(/images/add_basket_m.jpg) no-repeat left top; cursor: pointer; }
tr.wrap td {padding: 2px 0 2px 65px;}
tr.wrapselected td {background: #F9F8FB; padding: 2px 0 2px 0; border-bottom: 1px solid #DCD9EB; border-top: 1px solid #DCD9EB}
#free-delivery-banner { border:2px solid #C043BE; background: url(/images/truck.gif) no-repeat bottom left; margin:10px 0; padding: 15px 0 5px 60px; font-size:1.182em; clear:both;}

.freegift {border: 2px solid #3ABF31; padding: 10px 0 0 10px; margin: 0 0 10px 0;}
.freegift .img_border {height: 110px; padding: 0;}
.freegift p {margin: 0.3em 0; font-size: 12px;}
.freegift h2 {background: #3ABF31; margin: -10px 0 0 -10px; padding: 5px; font-size: 13px; color: #fff; text-transform: uppercase;}
.freegift a.view { margin:0 auto; width:120px;}


.line { clear: both; border-top: 1px solid #C6C6C6; padding: 0px; margin: 0px; line-height: 0%; }
.services { width: 100px; float: left; margin: 5px 10px 5px 0px; padding: 0px; }
.services h4 { font-size: 1.1em; font-weight: bold; margin: 0px; }
.services h4 a { color: #333333; }
.services ul { margin: 0px; padding: 0px; list-style: none; }
.services ul li { margin: 2px 0px; }

#intros { width: 543px; margin-right: 9px;}
#banner_sect { height: 160px; background-position: top right; background-repeat: no-repeat; margin: 0 9px 10px 0; width: 543px; float: left; display: inline; }
#banner_result { padding: 0px 8px; background:transparent top right no-repeat; }
#banner_result h2 { margin-top: 5px !important; }
#banner_sect h1 { font-family:"Trebuchet MS", "Verdana", serif; font-size: 3em; font-weight: normal; margin: 0px; width: 240px; \width: 250px; w\idth: 240px; padding: 10px 0 0 10px; }
#banner_sect a { font-weight: bold; }
#banner_sect p { margin: -10px 10px; font-size: 1.1em; width:180px }
#banner_sect h1 span,#banner_sect p span { display: none; visibility: hidden; }

/* section items */
#items_sect { margin: 0px; padding: 5px 0px 0px 0px; }
.sect { width: 161px; margin: 0px 6px 10px 0px; float:left; border:1px solid #EEE; text-align: center; }
.sect_end { width: 160px; margin: 0px 0px 10px 0px; float:right; border:1px solid #EEE; text-align: center; }
.topic_sect { width: 141px; margin: 0px 6px 10px 0px; float:left; border:1px solid #EEE }
.topic_sect_end { width: 141px; margin: 0px 0px 10px 0px; float:right; border:1px solid #EEE }
.sect h3,.sect_end h3,.topic_sect h3,.topic_sect_end h3 { margin: 0px; font-size: 1.1em; text-align: left; }
.sect h3 a,.sect_end h3 a,.topic_sect h3 a,.topic_sect_end h3 a { display: block; padding: 3px; background: #000; margin: 0px; color: #fff; }
.sect h3 a:hover,.sect_end h3 a:hover,.topic_sect h3 a:hover,.topic_sect_end h3 a:hover { background: #ccc; color: #000; text-decoration: none; }
.sect img,.sect_end img,.topic_sect img,.topic_sect_end img { display: block; border: 0px; margin: 10px auto; width: 120px; height: 120px; }
.results-intro { clear: both; padding-top: 10px; margin-bottom: 10px; text-align: left }

.productresultsmedium { /*background: #fff url("/images/dotted_set2.gif") repeat-y top left;*/ height: 1%}
 html>body .productresultsmedium {height: auto;}

.product { padding: 10px 11px 0px 10px!important; padding: 10px 10px 0px 10px; margin: 0; float: left; width: 160px; \width: 181px; w\idth: 160px; }
.product h3, .product_end h3 { margin: 3px auto; width: 160px; font-size: 0.909em; font-weight: bold; }
.product strong.price, .product_end strong.price { width: 130px; }
a.view { margin: 5px auto; padding: 0; display: block; width: 100px; }
.img_border, .img_offerborder {width:155px; height:155px; text-align:center; padding-top:10px; margin: 0 auto;}
.img_border { border:0px solid #CCC;}
.img_border a, .img_offerborder a {display: block; height: 120px;}
.img_offerborder { border:1px solid #BC1010;  background-position: 50% 50%; background-repeat: no-repeat; }

.product-related { margin: 5px 10px 10px 0; float: left; width: 137px; }
.product-related .img_border { margin: 0 0 5px 0; border: none; }
.product-related strong {display: block;}

.product-homepage { float: left; margin: 0px 0px 10px 0px; padding:10px 0 10px 10px; width: 230px; background:url("/images/dottedline_hor.gif") repeat-x bottom left; }
.product-homepage img { float:left; margin-right:10px;  }
.product-homepage .section { font-weight:100; color:#857BBA; }

.homepage-main img {display: block;margin: 0 auto 10px auto; }

#homeSlots {
	clear:both;
}
.slot, .slot_end {float:left;width:166px; display:inline;}
.slot { margin:4px 5px 8px 9px;}
.slot_end { margin:4px 0px 8px 8px;}
.slot img, .slot_end img {width: 166px;}

#homepage-search { width:498px; height:300px; }
#homepage-search fieldset { border:none; padding-top:130px; }
#homepage-search fieldset legend { display:none; }
#homepage-search form { width:260px; padding:5px; margin-bottom:5px; background: transparent url(/images/semi-trans-bg.gif); }
#homepage-search label { display:block; width:80px; float:left; padding: 2px 0 0 0; margin: 0; font-weight: bold; font-size: 120%; vertical-align: middle; color: #000; }
#homepage-search select { width:160px; vertical-align: middle; }


/* Search results */
.search-product { margin: 0px 0px 10px 0px; padding:10px 0 10px 10px; background:url("/images/dottedline_hor.gif") repeat-x bottom left; }
.search-product img { float:left; }
.search-product .section { font-weight:100; }
.search-product .view { font-weight:100; float:left; }

#keyword_search input.searchbox { width: 115px; }
#keyword_search { background-color: blue; margin-left: 770px; margin-right: 10px; padding: 18px 0 0 10px; background: url(/images/search_bg.gif) no-repeat 0 10px; height: 35px; }

#search, #searchright { vertical-align: middle; background: url(/images/search_bg.gif) no-repeat top left; height: 31px;}
#searchright {padding-left: 7px; width: 191px; float: left; margin-bottom: 5px; font-size: 10px;}
#searchright input.field {width: 105px; vertical-align:top;}
#searchright input.searchbutton {vertical-align:top;}
#searchright p {margin-top: 5px;font-size: 11px;}
#searchresults #search {background: none;}
#request_state {display: none;}
#search h2 {display: none;}

.left_search fieldset, .right_search fieldset { border: 0; margin: 0; padding: 7px 0 0px 0!important; padding: 5px 0 1px 0; font-size: 10px}
.right_search fieldset {margin-bottom: 4px;}
.left_search legend, .right_search legend  { display: none; }
.left_search label { display: block; float: left; padding: 4px 10px 0 8px!important; padding: 2px 5px 0 10px; vertical-align: middle; font-size: 1em; font-weight: bold; }
/*.left_search select.select { border: 1px solid #857BBA; background: #fff; font-weight: normal; color: #333; width: 122px; vertical-align: middle; font-size: 1em;}*/


.top_search fieldset { position: relative; height: 130px; \height: 140px; he\ight: 130px; border: 0; margin: 0 0 10px 0; font-size: 1em; padding: 5px; width: 533px; \width: 543px; w\idth: 533px;}
.top_search h2 { font-size: 170%; display: block; padding: 2px 0 0 0; font-weight: normal; margin: 0;} 
.top_search p { margin: 5px 0; padding: 0; font-weight: normal;}
.top_search div { background: #fff; float: left; padding: 0 0 0 0;}
.top_search label { display: block; font-weight: bold;}
.top_search select.select { border: 1px solid #857BBA; background: #fff; color: #333; width: 98%; font-size: 1em;}


/* CV COMPACT SEARCH ADDED 16/5/2008 */
.compactsearch { width: 100%; padding: 0!important; margin: 0 0 10px 0; font-size: 1.091em; }
.compactsearch .frm_options { display: block; width: 100%; }
.compactsearch fieldset { vertical-align: center; position:relative; margin: 0!important; border: 0; padding: 0px 15px!important; background: #E1DFED url(/images/sortby.gif)!important; }
.compactsearch select { font-size: 90%; margin: 0 3px 0 3px!important; padding: 0; vertical-align: middle; } 
.compactsearch .reset { display: none!important; }
.compactsearch #btn_clear, .compactsearch #btn_back  { display: inline; position: relative; bottom: 0!important; left: 0!important; margin: 0!important; vertical-align: middle; }
.compactsearch #btn_search { display: inline; position: relative; bottom: 0!important; left: 0!important; margin: 0 !important; vertical-align: middle; }
.compactsearch label span {display: none;}
body#keywordresults .compactsearch label span{display: none;}


.compactpaging { clear: both; text-align: center; background: url(/images/paging-full.gif) top left no-repeat; height: 25px; font-size: 1.091em; padding: 5px 15px 0 15px; border-left: 0px solid #fff;}
.compactpaging strong {background: #8177B6 url("/images/purple_grad.jpg") repeat-x top left; color: #fff; padding: 2px 5px;}
.compactpaging a {padding: 2px 5px; margin: 5px 0px 0 0;}
.compactpaging a.pnext {margin-right: 10px;}
.compactpaging a:hover {background: #8177B6 url("/images/purple_grad.jpg") repeat-x top left; color: #fff;}

body#searchresults #surround {background: url(/images/searchbackground.gif) no-repeat 10px 10px;}

div.sblock {width: 100%; background:transparent;}

#tights_search, #socks_search {}
#socks_search label { width: 19%; padding: 0 1% 0 0; float: left; }
#tights_search label { width: 19%; padding: 0 1% 0 0; float: left; }
#socks_search select, #tights_search select  {font-weight: normal; display:block; float:left;}

#search_update {clear:both; background: #C7C2DF; position: absolute;top:7px; right: 20px; color:#f00; font-size: 13px;}
#tights_search #label_thickness {position: absolute; top: 82px; left: 319px; color: #c7c2df;}
#tights_search #label_search_colour {position: absolute;top: 49px;left: 425px;}

html > body #tights_search #label_thickness {position: absolute; top: 82px; left: 323px; color: #c7c2df;}
html > body #tights_search #label_search_colour {position: absolute;top: 52px;left: 428px;}

#btn_clear {position: absolute; left: 5px; bottom: 10px; background: transparent;}
#btn_search {position: absolute;  right: 10px; bottom: 6px;}

#search_message {background: none; position: absolute; right: 10px; top: 10px;}
.ajax_loading { width: auto; height: 12px; display: block; color: #CC0000;}

#audience_reset, #metacategory_reset, #brands_reset, #material_reset, #thickness_reset, #colour_reset { font-size: 1em; font-weight: normal; margin: 0; display: block; text-align: right; cursor: pointer;}
.reset { height: 25px;padding-right: 4px;}

/* Paging ========================================================
================================================================== */
.sorted {padding:5px 0 5px 0;}
.sorted {margin-bottom: 5px;}

.paging-toolbar{padding:10px 0 10px 10px; background:#FFF url("/images/dottedline_hor.gif") repeat-x bottom left; font-size: 1.091em; text-align: right; }
.paging-toolbar select { float:right }
.paging-toolbar strong {background: #8177B6 url("/images/purple_grad.jpg") repeat-x top left; color: #fff; padding: 2px 5px;}
.paging-toolbar a {padding: 2px 5px; margin-left: -4px;}
.paging-toolbar a:hover {background: #8177B6 url("/images/purple_grad.jpg") repeat-x top left; color: #fff;}
.r {text-align: right; display: block;}

/* New style paging */

#intro ul {float: left; width: 150px; list-style: none; margin: 0px 0 10px 0; padding: 0; }
#intro ul li {margin: 0 0 10px 0}
#intro ul li a {background: url(/images/c_sec.gif) no-repeat top right; padding:0 12px 0 0;}
#intro ul li li {margin: 0 0 6px 20px;}
#intro ul li li a {background-image: none;}
#intro ul ul {margin: 0.5em 0 0 0}

#intro div {padding: 0 0 15px 0; width: 580px; float: left;}

#navtools {height: 25px; background: url(/images/sortby.gif) top left no-repeat; margin: 5px 0 5px 0; clear:both;}
#navtools #sortby {float: left; padding: 5px 0 0 10px}
#navtools #paging {float: right; background: url(/images/paging.gif) top right no-repeat; height: 25px; font-size: 1.091em; padding: 5px 15px 0 15px; border-left: 2px solid #fff;}
#navtools #paging strong {background: #8177B6 url("/images/purple_grad.jpg") repeat-x top left; color: #fff; padding: 2px 5px;}
#navtools #paging a {padding: 2px 5px; margin: 5px 0px 0 0}
#navtools #paging a.pnext {margin-right: 10px;}
#navtools #paging a:hover {background: #8177B6 url("/images/purple_grad.jpg") repeat-x top left; color: #fff;}

#navtools #sortby a {padding-right: 10px; text-decoration: underline;}
#navtools #sortby a img {margin-left: 5px;}

.sorted label, .sorted input  {cursor: pointer; vertical-align: middle;}
.sorted label { margin-right: 10px; }

.panel0,.panel { clear: left; float: left; margin-right: 20px; width: 210px; padding: 0px 0px 10px 0px; }
.panel0 h3,.panel h3 { margin: 0px; }
.panel0 h3 a,.panel h3 a { background: #6B61A4 url(/images/tab_bg.jpg) repeat-x top left; padding: 4px 5px; display: block; font-size: 80%; color: #fff; }
.panel0 h3 a:hover,.panel h3 a:hover { color: #333; text-decoration: none }
.panel0 p,.panel p { margin: 0px; width: 210px; }

.panel1 { float: left; width: 210px; padding: 0px 0px 10px 0px; }
.panel1 h3 { margin: 0px; }
.panel1 h3 a { background: #6B61A4 url(/images/tab_bg.jpg) repeat-x top left; padding: 4px 5px; display: block; font-size: 80%; color: #fff; }
.panel1 h3 a:hover { color: #333; text-decoration: none }
.panel1 p { margin: 0px; width: 210px; }


/* product details ===============================================
================================================================== */
#product #details_l {float: right; width: 446px; margin-left: 9px;}
#product #details_r { width: 290px; float: left; }

#add, #desc {width: 48%; margin-right: 2%; float: left; display: inline;}
#add {margin-right: 0;}

#details_l { float: right; width: 200px; margin-left: 10px;  }
#details_r { width: 290px; float: left; }
#best { background: transparent url(/images/best_seller_float.gif) no-repeat top right; position: absolute; display: block; height: 71px; width: 290px; }
#best span { display: none; }

#details_l h1, #details_l h2.price, h2.specialprice {font-family: Arial, Helvetica, sans-serif;}

#details_l h1 {font-weight: bold; font-size: 1.545em;}
#details_l h2.price, h2.specialprice{font-weight: bold; font-size: 1.725em; margin: 0 0 10px 15px; }
#details_l h2.price span { font-weight: normal; font-size: 60%!important; color: #999 }

.specialprice { color: #f00;}
.specialprice .was { text-decoration: line-through; font-weight: normal; }

#product-left-col { width:190px; float:left; }
#product-left-col p { padding-right:10px; } 
#product-right-col { width:310px; float:left; }

.inStock { color: #408622; }
.notInStock { color: #CC0101;}

.qty {width: 25px; text-align: center; border: 1px solid #AAAAAA; font-size: 1em; background:#FFF url(/images/input_sh.gif) no-repeat top left; padding: 3px;}
#qty_message{background:#FFD7D7; color: #CC0000; border:1px solid #CC0000; padding: 5px; clear: both; width: 400px; text-align: center; font-weight: bold; margin: 3px auto; }
.qty_message {border: 1px solid #CC0000;}

input.add2 {margin: 0 0 10px auto; display: block;}

td.col0 { text-align: center; font-weight: bold; }

#specialoffer { margin:10px 0 10px 0; border: 1px solid #FFCCCC; background: #FFF9F9 url(/images/special.gif) no-repeat bottom right; padding: 5px 40px 5px 5px; display:block; }
#specialoffer h2 { color:#BC1010; font-size: 120%; }
#specialoffer ul { padding:0px 5px 0px 5px!important; padding: 0px 5px 0px 5px; margin: 0px; }
#specialoffer li { padding: 0px 0px 0px 8px; list-style:none; background: url(/images/special_bullet.gif) no-repeat 0px 4px; color:#BC1010; margin: 8px 0px; }
#specialoffer li a { color:#BC1010; text-decoration:underline }

#placeholder { display: block; clear: both; }
ul#imagegallery img {display:block; width: auto; margin: 0 auto 5px auto; padding: 2px;}
ul#imagegallery { clear: both; float: left; margin: 0; padding: 0; }
ul#imagegallery li { list-style: none; float: left; margin-right: 0px; width: 93px; text-align: center;}
ul#imagegallery li.enlarge {display:block; float: none; width: 300px;font-weight: normal; text-align: left;}
#related { clear: both; margin: 0}
#related h3 {font-weight: normal;}
h2#description {font-size: 1.2em; padding-top: 15px;}

ul.tri { padding:0px 5px 0px 5px!important; padding: 0px 5px 0px 5px; margin: 0 0 20px 0; }
ul.tri li { padding: 0px 0px 0px 12px; list-style:none; background: url(/images/bullet-tri.gif) no-repeat 0px 4px; margin: 0 0px 8px 0; }

ul.tools { width: 100%; height: 46px; margin: 0px; padding:0px; background: #6B60A5 url(/images/add_tool.gif) repeat-x top left; float: left; }
ul.tools li { list-style:none; margin: 3px 0; padding: 1% 0 0 1%; line-height: 1em; width: 32%; float: left; }
ul.tools li a, ul.tools li a:hover  { padding:4px 0px 4px 25px; font-weight: bold; display: block; margin: 0; float: left; color: #fff;}

.size_guide { padding:3px 0px 3px 28px; background:url(/images/size-small.gif) no-repeat center left; font-weight: bold; display: block; }
#icon-email a { background:url(/images/icon_email.gif) no-repeat center left; }
#icon-bookmark a { background:url(/images/icon_bookmark.gif) no-repeat center left; }
#icon-wishlist a { background:url(/images/icon_wishlist.gif) no-repeat center right; text-align: right; padding:4px 25px 4px; }
#icon-wishlist {padding-top: 20px;}
#icon-detail a { background:url(/images/icon_detail.gif) no-repeat center left; }
#icon-enlarge a { background:url(/images/icon_enlarge.gif) no-repeat center left; }
#reviews-plus a { background:url(/images/icon_plus.gif) no-repeat center left; }
#reviews-minus a { background:url(/images/icon_minus.gif) no-repeat center left; }
#review-add a { background:url(/images/icon_review.gif) no-repeat center left; }
#review-hide a { background:url(/images/icon_review_hide.gif) no-repeat center left; }

.set-show { display:inline }
.set-hide { display:none }

.review p { margin: 0px; }

.back {margin: 5px 0; float: left;}
.shortbutton {margin: 5px 0; float: right;}
.backaccount { vertical-align: bottom; }
.marketing { margin: 4px 0; width: 400px; float: left;}




/* Promotional Page ===============================================
================================================================== */
.promotional {width: auto!important; margin: 0 0 0 10px;}
.promotional #details_r {float: left; width: 290px; margin: 0;}
.promotional #details_l {float: left; width: 657px; margin: 0 10px 10px 0; display: inline; }
.promotional .details_ll, .promotional .details_lr {width: 200px; float: left;}
.promotional #add, .promotional #desc {margin-bottom: 10px;}

#brand {background: #eee; margin-top: 1px;}
#brand img {border-bottom: 1px solid #fff!important; width: 100%;}
#brandl, #brandr{float: left; margin: 10px;}
#brandl {width: 600px; padding-left: 10px;} 
#brandr {width: 250px;}

.promotional ul#imagegallery li { list-style: none; float: left; margin-right: 0px; width: 96px; height: 150px; text-align: center; }
.promotional ul#imagegallery li img {display: block; width: auto; margin: 0 auto; border: 0!important;}
ul#imagegallery li.enlarge {display:block; float: none; width: 290px; height: 25px;}
.clear { clear: both; height: 0; }

/* ADD TO BASKET */
#addtobaskethead { width:100%; font-size:1em; margin:10px 0 0 0; }
#addtobaskethead .col1, #addtobaskethead .col2, #addtobaskethead .col3 { background:#9D9D9D; color:#FFFFFF; padding: 2px 5px; font-size:1.1em;  }
#addtobaskethead .thumb { width:30px; background:#9D9D9D;  }
#addtobaskethead .col1 { }
#addtobaskethead .col2 { width: 50px; }
#addtobaskethead .col3 { width: 40px; }
#addtobasket { /*height: 100px; overflow: auto;*/  margin:0 0 5px 0; }
#addtobasket table { width:493px; font-size:1em; }
#addtobasket table .thumb { width:30px }
#addtobasket table td { padding: 3px 5px; }

.basket-style { width: 100%; }
.basket-style th { color: #fff; background: #6B61A4 url(/images/tab_bg.jpg) repeat-x top left; padding: 3px 4px; font-size: 100%;}
.basket-style th.col3 {align: right;}
.basket-style th img {vertical-align: middle;}
.basket-style td { padding:3px; border-bottom:1px solid #EAEAEA; }
.basket-style tr.nob td { padding:4px; border-bottom:0px; }
.basket-style td.col0 { width: 40px;padding: 1px 0px; text-align: right; white-space: nowrap;}
.basket-style td.col0 img {vertical-align: middle;}
.basket-style td.col1 { padding: 0;}
.basket-style td.col2 { padding: 4px 5px 5px 5px; }
.basket-style td.col3 { padding: 4px 5px 5px 0px; }
.basket-style td.col4 { padding: 4px 5px 5px 0px; }
.basket-style tr td.bask, .bask { padding: 4px; background: #F0FFEF; border: 1px solid #C5EFC2; border-width: 1px 0; }
.bask strong {font-size: 10px; text-align:left; display: block; margin: 0 0 10px 0; float: left; width: 130px;fon-size: 12px;}


.basket-style td.bask a { clear: right; }
.basket-style td.bask input { margin: 5px 2px 5px auto; width: auto; display: block; }

/*.add { margin: 0px; height: 28px; width: 117px; color: #333333; border: 0px; padding: 0px 0px 0px 24px; background: transparent url(/images/add_basket_s.gif) no-repeat left top; cursor: pointer; font-size: 110%; font-weight: bold; }*/

.infobox { margin: 10px 0 10px 0 }
.infobox ul { padding: 0px 5px 0px 20px!important; padding: 0px 5px 0px 25px; margin: 0px; }
.infobox li { padding:2px 0px  }
.infobox p { padding: 5px}

#make-review .infobox2{ margin: 0px; width:310px; }

.related {float:left; margin:5px 6px 10px 0; padding: 1px; width:90px; }
.related_end { float:right;  margin:5px 0 10px 0; padding: 1px; width:90px; }

.related img,.related_end img { width: 90px;margin: 0 0 2px 0; }

/* pop-ups & info */
#main-blank { background: #fff; padding: 10px; }
#main-blank h1 { margin-bottom: 10px; }
/* Charts */
.table-style { font-size:1.1em }
.table-style th { text-align:center; }
.table-style td { text-align:center; padding:9px; border-right:1px solid #E8EDF0; }
.th-dotted { padding:4px; border-left:1px dashed #DBE3E7; border-top:1px dashed #DBE3E7; border-right:1px dashed #DBE3E7}
.th-dark { padding:4px; background:#CBD6DC; border-right:1px solid #ADBFC9; color:#202B2F; font-size:12px }
.td-title { text-align:left!important; background:#E8EDF0; }
.td-line-under { margin-bottom:1px; border-bottom:1px solid #D1D5D6 }

/* Wish Lists */
.instruct {padding-left: 120px; width: 200px;}
td.check {background: #EFEFEF!important;}
tr.checkoptions td {background: #EFEFEF url(/images/arrow-selected.gif) no-repeat 7px 7px; }

/* Wish Lists login */
.signin-form label { width:120px; height:20px; font-weight:bold; display:block; text-align:right; float:left; padding:2px 5px 0 0 }
.signin-form .card { margin: 8px 0px; clear: left; }
.signin-form span { padding:2px 0 0 5px }
.signin-form h4 {font-size: 110%;}
.signin-form label.plain { float: none; text-align: left; display: inline; padding:2px 5px 0 5px }
#userpass { width: 70px; }

/* Basket & checkout area */
.basketthumb {border: 1px solid #eee!important; float:left; padding: 3px; margin-right: 5px;}

.card { margin: 0px 5px 5px 0px; height: 40px; }

.tablestyle1 {margin-bottom: 10px;}
.tablestyle1 th { color: #fff; background: #6B61A4 url(/images/tab_bg.jpg) repeat-x top left; padding: 4px 5px; font-size: 110% }
.tablestyle1 th a {color: #fff; text-decoration : none; display: block;}
.i {vertical-align: middle}
.tablestyle1 td { border-bottom:1px solid #eee; padding:7px 4px; background: #FAFAFA; }
.tablestyle2 td { border-bottom:1px solid #eee; padding:8px; background: #FAFAFA; }
.tablestyle2 tr.last td { border-bottom: 0px; padding:8px; }
.colquantity { width:80px }
.colunit { width:80px }
.coltotal { width:80px }
.coldelete { width:40px }
.colpreview { width:90px }
.center { text-align:center }
#update { vertical-align: middle; margin: 0; }
.update { vertical-align: middle; margin: 0; }
.printpage {margin: 10px auto 20px auto; display: block;}

ul.details, ul.radio {list-style: none;}

#testimonial {padding: 5px;}
#testimonial b {font: 1.82em/0.8 georgio,times; }
#testimonial b i {font-size: 0.75em; text-align: right; display: block; margin: 0.5em}
#testimonial p {background: #EFEBD1; padding: 10px 15px; margin: 0 0 1em 0; color: #5F5617; border: 1px solid #CFC89B; border-width: 0 1px 1px 0;}
#testimonial h4 {font-weight: normal; margin: 0 0 1em 0}


/* Recent Items */
ul.recent {list-style: none; margin: 0;}
ul.recent li{margin-bottom: 1em;}
ul.recent li a {font-weight: bold;}

/* Calendar */
.dpTable {width: 200px; background: #FAFAFA; border: 1px solid #999999; border-collapse: collapse; }
.dpTitleTR td {background: #6B61A4 url(/images/tab_bg.jpg) repeat-x top left; color: #fff; font-weight: bold; }
.dpTD {cursor:pointer;}
.dpDayHighlightTD { font-weight:bold; }
.dpTD:hover {color: #000; text-decoration:underline;}

/* footer elements */
#footer { background: #000; color:#eee; text-align:left; padding: 9px 4px 7px 4px}
#footer a { color:#eee }
#footer strong {color: #eee; font-weight:bold; }
#footerc8 { text-align:center; margin:4px 0px 4px 0px; font-size: 0.909em; }
#footerc8 a {color:#999999}
.regoff {font-size: 0.909em; padding: 0.8em 0;background: url(/images/shadow.gif) top left repeat-x; width: 977px; margin: 0 auto}

/* Forms */
select { font-size: 1em; padding: 2px; }
input.field, textarea { font-size: 1em; border: 1px solid #999; background: transparent url(/images/input_sh.gif) no-repeat top left; color:#333; padding:2px; margin: 0px 0px 2px 0px!important; margin: 3px 0px 0px 0px; }
.checkbox, .radio, ul.radio input {vertical-align: middle;}
.box { border-color: #CCC; border-style: solid; border-width: 0px 1px 1px 1px; background: #FAFAFA; padding: 0 8px 1px 8px; margin: 0 0 10px 0 }
.box h3, h3.h { color: #fff; background: #6B61A4 url(/images/tab_bg.jpg) repeat-x top left; padding: 4px 5px; display: block; font-size: 1.091em; margin: 0 -9px 10px -9px; height: 1% }
h3.h { margin: 0 0px 10px 0;}
h3 span {font-weight: normal; font-size: 0.917em;}
.box h3 a {color: #fff;}
.box2 { border-color: #CCC; border-style: solid; border-width: 0px 1px 1px 1px; background: #FAFAFA; padding: 0 8px 8px 8px; margin:  0 0 10px 0; height: 1%  }
html>body .box2, html>body .box {height: auto;}
.box2 h3 { color: #fff; background: #6B61A4 url(/images/tab_bg.jpg) repeat-x top left; padding: 4px 5px; display: block; font-size: 1.091em; margin: 0 -9px 10px -9px; }
.box2 h3.customer-details { width: 350px; }
.box2 p { width:100%; }
.box2 h4, .box h4 {font-size: 100%; font-weight: normal;}

.edit-form .extra_delivery_information p label{width: 160px; margin-right: 10px; text-align: left;}

div.price_promise {display: none;}
div.extra_delivery_info {}

.pad10right { padding-right:10px }
.pad20right { padding-right:20px }
.offers { color: #999; }
.offer {color: #BC1010;}
.edit-form p {padding: 4px 0 4px 0; margin: 0; clear:both; }
.edit-form p label { clear: left; width:115px; \width:120px; w\idth:115px; float:left; line-height: normal; margin: 0px; text-align: right; padding-right: 5px; }
.edit-form p label.tf {float: none!important;display: inline; float:left; clear: none; width: auto;}
.edit-form p.required label { width:120px; float:left; font-weight:bold;  }
.edit-form p input.field { font-size: 1em; border: 1px solid #999; background: transparent url(/images/input_sh.gif) no-repeat top left; color:#333; padding:2px; width: 190px; margin: 0px; float: left;}
.edit-form p select {float: left;}
.edit-form p input.date_field { font-size: 1em; border: 1px solid #999; background: transparent url(/images/input_sh.gif) no-repeat top left; color:#333; padding:2px; width: 150px; margin: 0px;}
.edit-form p textarea.field { font-size: 1em; border: 1px solid #999; background: transparent url(/images/input_sh.gif) no-repeat top left; color:#333; padding:2px; width: 190px; margin: 0px; }
.edit-form p input.title-field { font-size: 1em; border: 1px solid #999; background: transparent url(/images/input_sh.gif) no-repeat top left; color:#333; padding:2px; width: 40px;}
.edit-form p.required input.field { font-size: 1em; background:url(/images/input_field_required.gif) no-repeat 0px 0px;}
.edit-form p.required textarea.field { font-size: 1em; background:url(/images/input_field_required.gif) no-repeat 0px 0px;}
.edit-form span { display: block; margin: 8px 0px; }
.edit-form p small, .box p small {font-size: 0.9em; }
.edit-form small, .box small { font-size: 0.9em; }
.button { font-size: 0.9em; font-weight: bold; background: #666; height: 2.1em; color: #fff; border: 1px outset #BEBEBE; padding: 0px 2px 2px 2px; }
*>html .button { height: 1em!important; height: 2.1em; }
html>body .button { border: 1px outset #666; }
.button_over { font-size: 0.9em; font-weight: bold; background: #333; color: #fff; height: 2.1em; border: 1px outset #A1A1A1; padding: 0px 2px 2px 2px; cursor: pointer; }
*>html .button_over { height: 1em!important; height: 2.1em; }
html>body .button_over { border: 1px outset #333; }
.button:hover { font-size: 0.9em; font-weight: bold; background: #333; color: #fff; height: 2.1em; border: 1px outset #A1A1A1; padding: 0px 2px 2px 2px; cursor: pointer; }
*>html .button:hover { height: 1em!important; height: 2.1em; }
html>body .button_over { border: 1px outset #333; }

ul.arrows { padding: 0px 0px 5px 5px; }
ul.arrows li { margin: 5px 0px; background:url(/images/arrow.gif) no-repeat center left; list-style: none; padding: 0px 0px 0px 10px; }

/* DS New bits */

.van-bottom-corner { background:url(/images/van_bg.gif) bottom left no-repeat; }
.van-bottom-corner p {width: 230px;}
.voucher-bg { float:left; background:url(/images/voucher_bg.gif) top left no-repeat; width:321px; text-align:left; padding: 12px 0 0 0; }
.voucher-footer { background:url(/images/voucher_bg_bottom.gif) bottom left no-repeat; padding: 0 20px 12px 12px; }
.voucher-footer strong { display: block; margin: 0 0 5px 0; }
.voucher-footer input { vertical-align: middle; }
.voucher-footer #validate { margin: 1px 0 0 0; }

.promotion-bg { float:right; width:370px; padding:0 0 0 0; }
.promotion-bg input { margin-top:12px; }
#cards { width: 450px; margin:10px auto; text-align: center;}
#cards img { margin: 5px 2px 0 0 }
.cards {margin:5px 2px;}
.checkout-help { float: left; width: 320px; }
.checkout-help p { margin: 5px 0 0 0;}

/* Adverts */
.advert-undernav { display: block; margin:5px 0; }

/* Send to a friend */
#friends body { margin:0px; }
#friends #header { padding:0px; margin:0px; height:44px; width:390px }
#friends #logo { padding:0px; margin:0px; float:left; width:160px }
#friends #close-bn { float:right; margin-right:10px }
#friends #friend-right, #friends #friend-left { width:368px; padding:12px }
#friends #friend-left { background:#FFFFFF }
#friends #friend-left img { float:right; margin-left:12px }
#friends #friend-left h2, #friends #friend-left p { text-align:left;  }
#friends #friend-right { background:#FFF url("/images/grad_bg.jpg") top left repeat-x; text-align:left; }
#friends #friend-right .field { width:240px  }

/* Customer Support */
.customer-support { width:270px; float:left; }
.customer-support dt { font-weight:bold; background: #6B61A4 url(/images/tab_bg.jpg) repeat-x scroll left top; padding: 5px; margin: 0 0 10px 0 }
.customer-support dt a {color: #fff;}
.customer-support dd  { margin: 0; }

.customer-support-home dl { width:181px; float:left; margin: 20px 0 0 0px; }
.customer-support-home dt { font-weight:bold; background: #6B61A4 url(/images/tab_bg.jpg) repeat-x scroll left top; padding: 5px; margin: 0 0 10px 0 }
.customer-support-home dt a {color: #fff;}
.customer-support-home dd  { margin: 0; }

#subnavlogo {clear: both; list-style: none; float: left; width: 100%; margin: 0; padding:5px 0;}
#subnavlogo li {float: left;  padding: 0; background: #939393; width: 94px; \width: 96px; w\idth: 94px; border: 1px solid #676767; border-color: #D9D9D9 #676767 #676767 #D9D9D9; overflow: hidden;}
#subnavlogo li.odd {margin: 2px 0px 2px 0 ; float:left; }
#subnavlogo li.even, #subnavlogo li.even_end {margin: 2px 0 2px 0 ; float:right; }
#subnavlogo li a {color: #fff; display: block; padding:1px 0;}
#subnavlogo li a img {margin: 0 auto; display: block;}

.second .fir, .first .sec{display: none;}
.first .fir , .second .sec{ display: block;}

ul#sub {float: left; clear:both; width: 100%; }
ul#sub li{float: left; list-style: none; padding: 5px;}
ul#sub li a{float: left; display:block;}

input.errorMessage, textarea.errorMessage, select.errorMessage { border: 2px solid #f00!important; }
span.errorMessage {color: #f00; font-weight: bold; clear:both; display:block; padding-left: 120px; }

/*Tool Tips*/
.tool-tip { width: 203px; z-index: 13000; text-align: left; }
.tool-title { font-weight: bold; text-transform: uppercase; margin: 0; color: #fff; padding: 5px 8px 6px; background: url(/images/infobubble.png) top left!important; background-image: url(/images/infobubble.gif); }
.tool-text { padding: 4px 15px 20px 15px; background: url(/images/infobubble.png) bottom right!important; background-image: url(/images/infobubble.gif);}

/* Newsletter */
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 .submit {border: 0px; margin: 0 auto; width: auto; display: block;}
fieldset#signup input.field {width: 200px;}
fieldset#signup li {list-style: none; background-image: none;}
fieldset#signup label { width: 150px; text-align: right; display: block; float: left; padding-right: 30px; }
fieldset#signup label span {display: inline;}
fieldset#signup li label { width: 90px; text-align: left; display: inline!important; float: none; padding-left: 5px;}
fieldset#signup .button {margin: 0 auto; display: block;}


/* Newsletter Signup */
body#searchresults #nsignup {float: left; margin-left: 5px; width: 198px;}
#nsignup fieldset {border: none;}
#nsignup legend {display: none;}
#nsignup p {margin: 3px 0 5px 5px}
#nsignup div {padding: 0 0 3px 0;}
#nsignup div label {width:40px!important; float: left; text-align: right; margin-right: 5px;}
#nsignup div input.field {float: left; width: 126px; \width: 130px; w\idth: 126px;}
#nsignup div input.subscribe {width: auto;}
#nsignup ul.radio {margin: 5px 0;}
#nsignup .radio input {width: 30px;}
#nsignup .radio li {clear:both; padding: 0!important;}


/* Latest News */
#latestnews {margin: 0 0 10px 0}
#latestnews h2 {margin:0 0 10px 0;}
ul.tri li.more {background: none; text-align: right;}

/* Recently Purchased */
p.more { width: auto; text-align: right; margin: 0 0 10px 0; }

/* Changes 4 Column */
body#results #subnavlogo {display: none;}
body#results #right-col, body#searchresults #right-col {display: none;}
body#results #center-col-wide, body#searchresults #center-col-wide  {width: 750px}
body#home #right-col, body#home #subnavlogo {display: block;}


#intro {clear: both;}
#basket-overview {float: left;}
#socks_search, #tights_search {float: left;}
body#searchresults #searchright {background: none; padding:0 0 0 7px; margin-bottom: 0px;}
body#searchresults #basket-overview {margin:5px 0 0 9px;}

/* XMAS STYLE 
body {background: #164387 url(/images/xmas_bg.jpg) top left;}
#header {background: #0D264E url(/images/xmasheader.jpg) top left no-repeat;}
#header #logo a {height: 50px; display: block;}
#header #logo img {display: none;}
body#home li.home, body#shortlist li.shortlist, body#recently li.recently, body#help li.help, body#myaccount li.myaccount, body#bestseller li.bestseller, body.newarrivals li.newarrivals {
background:transparent url(/images/topnavselectedxmas.gif) no-repeat scroll 50% 0%;}
#footerc8 {color: #fff;}
*/

/* Breadcrumb */
.compactresults-product { clear: both; text-align: center; background: url(/images/paging-bread.gif) top left no-repeat; height: 25px; font-size: 1.091em; padding: 5px 5px 0 5px; border-left: 0px solid #fff; text-align: right !important; width:948px; float:left; margin-left:9px; }
.compactresults-topic {margin-top:9px; background: url(/images/paging-bread-long.gif) top left no-repeat; clear: both; text-align: center; height: 25px; font-size: 1.091em; padding: 5px 5px 0 5px; border-left: 0px solid #fff; text-align: right !important; width:948px; float:left; margin-left:9px;}
#breadcrumb { float:left; font-size:0.90em; font-weight:bold; line-height:125%; }
#breadcrumb a { text-decoration:underline; }
#breadcrumb a:active { text-decoration:none; }
#breadcrumb ul{ margin:0; }
#breadcrumb li{ display:inline; }