/* = Imports
============================================================= */
@import url(rhbox.css);
@import url(banners.css);

/* = Global
============================================================= */
body {margin: 0px;background:#EDEBEB url(/images/bg/background.gif) left top repeat-x;font-family: Arial, Helvetica, sans-serif;font-size: 1em;color: #555;overflow: -moz-scrollbars-vertical !important;}
#wrapper {position:relative;margin: 0 auto;width: 960px;background-color: #FFFFFF;padding:20px;}

/* = Tags
============================================================= */
img {border: none;}
h1, h2, h3, h4, h5 {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin: 0;padding: 0 0 5px 0;}
h1 {font-size:1.4em;padding: 0 0 7px 0;color:#06396c;}
h2 {font-size:0.95em;padding: 0 0 4px 0;color:#06396c;font-family:Arial, Helvetica, sans-serif;}
h3 {font-size:0.83em;padding: 0 0 4px 0;color:#555;font-family:Arial, Helvetica, sans-serif;}
p {margin: 0; padding: 0 0 7px 0; line-height: 1.6em;}
ul, ul li {margin: 0; padding: 0; list-style-type: none;}
ol, ol li {line-height:1.5em;margin:0 0 0 5px;padding:0 0 5px 15px;}
a {color: #3F82c6; text-decoration: none; outline:none;}
a:hover {color: #006; text-decoration: underline;}
form {margin:0;padding:0;}
	
/* = Header
============================================================= */
#header {background: #FCC12A url(/images/bg/header.png) left top no-repeat;width:960px;}
#header #logo {float:left;margin: 15px 0px 0px 15px; padding:0;width:170px;height:50px;}

/* = Sub Nav
-------------------------------------------- */
ul#subnav {float:right; margin:8px 10px 0 0; font-size: 0.7em;padding:0;font-weight:bold;}
ul#subnav li {float: left; padding: 3px 10px 0 0;margin-left: 4px;}
ul#subnav li.last {background: none;padding:3px 0 0 0;}
ul#subnav a {color: #06C;}
ul#subnav a:hover {text-decoration:underline;color: #03C;}

/* = Top Nav
-------------------------------------------- */
#mainnav {float:left;width:871px; margin:0;padding:0;}
#mainnav ul{list-style:none;background:url(/images/menu/menubg.png) no-repeat 0 0;width:871px;height:30px;float:left;}
#mainnav li{float:left;list-style:none;}
#mainnav li a{display:block; height:30px; text-indent:-999px; overflow:hidden; background:url(/images/menu/menu.png) no-repeat 0 0;}

#mainnav li a.home {width:90px; background-position:0 0;}	
#mainnav li a.home:hover, #home #mainnav li a.home{width:90px; background-position:0 -30px;}
#mainnav li a.home-selected {width:90px; background-position:0 -60px;}	

#mainnav li a.mens{width:150px; background-position:-90px 0;}
#mainnav li a.mens:hover, #home #mainnav li a.mens{width:150px; background-position:-90px -30px;}
#mainnav li a.mens-selected {width:150px; background-position:-90px -60px;}

#mainnav li a.ladies{width:150px; background-position:-240px 0;}
#mainnav li a.ladies:hover, #home #mainnav li a.ladies{width:150px; background-position:-240px -30px;}
#mainnav li a.ladies-selected {width:150px; background-position:-240px -60px;}

#mainnav li a.customer{width:150px; background-position:-390px 0;}
#mainnav li a.customer:hover, #home #mainnav li a.customer{width:150px; background-position:-390px -30px;}
#mainnav li a.customer-selected {width:150px; background-position:-390px -60px;}

#mainnav li a.info{width:150px; background-position:-540px 0;}
#mainnav li a.info:hover, #home #mainnav li a.info{width:150px; background-position:-540px -30px;}
#mainnav li a.info-selected {width:150px; background-position:-540px -60px;}


#mainnav li a.about{width:91px; background-position:-690px 0;}
#mainnav li a.about:hover, #home #mainnav li a.about{width:91px; background-position:-690px -30px;}
#mainnav li a.about-selected {width:91px; background-position:-690px -60px;}

#mainnav li a.sale{width:90px; background-position:-781px 0;}
#mainnav li a.sale:hover, #home #mainnav li a.sale{width:90px; background-position:-781px -30px;}
#mainnav li a.sale-selected {width:90px; background-position:-781px -60px;}


/* = Info Bar
-------------------------------------------- */
#infobar {margin:0;padding:7px 10px 4px 10px;border-left:1px solid #BAB9B9;border-right:1px solid #BAB9B9;border-bottom:1px solid #BAB9B9;background:#DEDEDE url(/images/bg/infobar.png) left top repeat-x;clear:both;font-size:0.7em;}
.infobar-left {float:left;}
.infobar-right {float:right;}
#infobar ul li {display:inline;margin:0;padding:0;float:left;}
#infobar a.btn {display:block;font-weight:bold;margin:0 10px 0 0;padding:0 0 2px 20px;background: url(/images/buttons/infobar-btn.png) 0 0 no-repeat;}
#infobar a:hover.btn {background: url(/images/buttons/infobar-btn-on.png) 0 0 no-repeat;}
#infobar a.basket {display:block;margin:0 10px 0 0;padding:0 0 0 30px;background: url(/images/buttons/basket-btn-new.png) 0 0 no-repeat;height:19px;}
#infobar a:hover.basket {background: url(/images/buttons/basket-btn-new.png) 0 -19px no-repeat;}
.basketitems {font-weight:bold;}

/* = Breadcrumb
============================================================= */
#breadcrumb{font-size:0.7em;margin:10px 0 0 0;}
#breadcrumb li {display:inline;margin-left:7px;}

/* = Currency Picker
============================================================= */
#currencyBox{position:absolute;right:30px;top:145px;width:220px;}
#currencyBox label{position:absolute;right:185px;top:3px;width:100px;font-size:0.8em;}
.currencyflag{position:absolute; top:4px; right:10px; width:24px; height:13px;background:url(../images/flag_sprite.png) no-repeat;}
.currencyflag.currencyflagtop{position:absolute;right:12px;top:148px;}
.rhbox-content.currencyChooser{position:relative;}

/* = Content & Page Structure
============================================================= */
#page {margin:15px 0;padding:0;}
#content {float:left;margin:0 15px 0 0;padding:0;width:570px;}
#content.fullpage {margin:0;padding:0;width:765px;}
#rightcol {float:left;margin:0;padding:0;width:180px;}
#rightcol.padL{margin-left:15px;}

/* = Left Menu
============================================================= */
#leftmenu {float:left;margin:0 15px 0 0;padding:0;width:180px;background: url(/images/menu/leftmenu.png) left top repeat-y;}
.leftmenu-top {margin:0;padding:0;background: url(/images/menu/leftmenu-top.png) left top no-repeat;height:10px;}
.leftmenu-content {margin:0;padding:0 10px 10px 10px;background: url(/images/menu/leftmenu-bot.png) left bottom no-repeat;}

#leftmenu ul {margin:0 0 8px 0;padding:5px 0 0 0;background: url(/images/global/menudot.png) left top repeat-x;}
#leftmenu ul.first {margin:0 0 8px 0;padding:0;background: none;}
#leftmenu ul.last {margin:0;}
#leftmenu li {margin:0;padding:0 0 4px 0;}
#leftmenu li a{outline:none;}
#leftmenu li a.heading {display:block; margin:0;padding:0 0 0 20px;font-size:0.75em;font-weight:bold;background: url(/images/buttons/leftmenu-btn.png) 0 1px no-repeat;}
#leftmenu li a:hover.heading {background: url(/images/buttons/leftmenu-btn-on.png) 0 1px no-repeat;}
#leftmenu li a.item {display:block; margin:0;padding:0 0 0 20px;font-size:0.75em;background: url(/images/buttons/menu-arrow.png) 0 3px no-repeat;}
#leftmenu li a:hover.item {background: url(/images/buttons/menu-arrow-on.png) 0 3px no-repeat;}
#leftmenu li a.item.sale {color:#990000;background: url(/images/buttons/menu-arrow-sale.png) 0 3px no-repeat;}

#leftmenu .brandsearch {margin:0 0 10px 0;padding:0;}
#leftmenu label {font-size:0.7em;}
#leftmenu label.dark {color:#003366;}
#leftmenu select {margin-top:3px;width:160px;}
#leftmenu select.small {margin-top:3px;width:75px;}
#leftmenu p {font-size:0.7em;margin:10px 0 0 0;padding:0;line-height:1em;color:#003366;}
#leftmenu .smallcol1 {float:left;width:75px;}
#leftmenu .smallcol2 {float:left;width:75px;margin-left:10px;}

/* = Left Menu Search
============================================================= */
#searchBox{padding-left:20px;}
#searchBox #txtLSearch{margin-bottom:3px;}
#searchBox a{font-size:0.75em; display:block;}


/* = Content Boxes
============================================================= */
table.secure {width:500px;}
table.secure td.secure {font-size:12px; width:200px;}
table.secure td.secure-input {font-size:12px; width:120px;}

.box {margin:0 0 15px 0;padding:0;}
.box-top {margin:0;padding:0;height:10px;background: url(/images/boxes/box-top.png) left top no-repeat;}
.box-top.fullpage {margin:0;padding:0;height:10px;background: url(/images/boxes/box-top-lg.png) left top no-repeat;}
.box-content {border-right:1px solid #CFCBC0;border-left:1px solid #CFCBC0;margin:0;padding: 0 9px;}
.box-message {border-right:1px solid #CFCBC0;border-left:1px solid #CFCBC0;margin:0;padding: 5px 9px;background:#eee;}
.box-content.fullpage {border-right:1px solid #CFCBC0;border-left:1px solid #CFCBC0;margin:0;padding: 5px 14px;}
.box-bot {margin:0;padding:0;height:10px;background: url(/images/boxes/box-bot.png) left top no-repeat;}
.box-bot.fullpage {margin:0;padding:0;height:10px;background: url(/images/boxes/box-bot-lg.png) left top no-repeat;}
.box-content p {font-size:0.83em;line-height:1.6em;}
.box-content p.desc {font-size:0.75em;line-height:1.5em;}

.box-message p {font-size:0.7em;line-height:1.5em;font-weight:bold;margin:0;padding:0;}

.box-top.blue {background: url(/images/boxes/box-blue-top.png) left top no-repeat;}
.box-content.blue {background:#FFF url(/images/boxes/box-blue-bg.png) left top repeat-x;}

.box-bot.yellow {margin:0;padding:0;height:10px;background: url(/images/boxes/box-yel-bot.png) left top no-repeat;}
.box-content.yellow {background:#FFF url(/images/boxes/box-yel-bg.png) left bottom repeat-x; padding-bottom:30px;}
.box-content table {margin:0;padding:0;border-collapse:collapse;}
.box-content table td,.box-content .boxcont {width:135px;margin:0;padding:3px 0;}
.box-content table td.first,.box-content .boxcont.first {padding:3px 8px 3px 0;}
.box-content table td.middle,.box-content .boxcont.middle {width:140px;margin:0;padding:3px 8px;}
.box-content table td.last,.box-content .boxcont.last {padding:3px 0 3px 8px;border-right:none;}
.box-content table td.emptycell{border:0;}

.box-content .boxcont{float:left; width:120px; height:100px; overflow:hidden; position:relative; text-align:center;}
.box-content .boxcont.middle {width:125px;}
.box-content .boxcont .boxcontimage{overflow:hidden;margin:0;padding:0;}
.box-content .boxcont a {font-size:0.75em;font-weight:bold;margin:0;padding:5px 0 0 0;}
.box-content.range .boxcont{height:auto; width:165px; margin-bottom:10px; border-bottom:none; font-size:0.8em; text-align:left;}
.box-content.range .boxcont.middle{width:170px;}
.box-content.range .boxcont a{font-size:1em;font-weight:bold;}
.box-content.range .boxcont .boxcontimage{height:110px;}
.box-content.rangecont {margin:0;padding:0;}
.range-left {float:left;margin:0 20px 0 0;width:120px;}
.range-right {float:left;margin:10px 0 0 0;width:410px;}
.range-right h3 {font-size:0.9em;}

.box-content table td.small {width:92px;border-bottom:1px solid #EDEBEB;border-right:1px solid #EDEBEB;margin:0;padding:3px 0;}
.box-content table td.small.first {padding:3px 5px 3px 0;}
.box-content table td.small.middle {width:91px;margin:0;padding:3px 5px;}
.box-content table td.small.last {padding:3px 0 3px 5px;border-right:none;}


.box-content table td.large {width:178px;border-bottom:none;border-right:1px solid #EDEBEB;margin:0;padding:3px 0;}
.box-content table td.large.first {padding:5px 15px 5px 0;}
.box-content table td.large.middle {width:178px;margin:0;padding:5px 15px;}
.box-content table td.large.last {padding:5px 0 5px 15px;border-right:none;}

.box-content table td h2 {color:#036;font-weight:bold;margin:0;padding:0;font-size:0.7em;}
.box-content table td h2.sub{color:#BA0909;}
.box-content table td p {margin:0;padding:0;font-size:0.7em;line-height:1.3em;}
.box-content table td p.code {color:#999;font-weight:bold;}
.box-content table td p.price {color:#333;font-weight:bold;}
.box-content table td p.price span.sale {font-weight:normal;text-decoration:line-through;}
.box-content table td p.price span.saleprice {color:#900;}
.box-content table td p.brandname {margin:0;padding:0;font-size:0.7em;line-height:1.3em;text-align:center;font-weight:bold;}

div.image {position:relative;margin:5px 0 0 0;text-align:center;}
.pricePledge{position:absolute;top:0;right:0;}
.product_listimage .pricePledge{right:10px;}
#tblshoppingbasket .pricePledge{right:5px;}
div.pricefloat {float:left;}
div.buttonfloat {float:right;padding-top:14px;}
div.buttonfloat ul li {margin:0;padding:0;}
a.view {display:block;width:48px;text-indent:-5000px;background: url(/images/buttons/view-btn-new.gif) left top no-repeat;height:15px;}
a:hover.view {background:  url(/images/buttons/view-btn-new.gif) left -15px no-repeat;}
div.rangename {padding-top:5px;}
div.rangename ul li {margin:0 0 5px 0;padding:0;font-weight:bold;font-size:0.75em;}
div.rangename ul li a,a.arrowlink {padding:0 0 0 20px;background:url(/images/buttons/btn-arrow.gif) left top no-repeat;}
div.rangename ul li a,a.brandlink {padding:0 0 0 20px;background:url(/images/buttons/brands-btn-arrow.png) left top no-repeat; color:#FFFFFF;}
a.arrowlinktext {padding:0 0 0 20px;background:url(/images/buttons/btn-arrow.gif) left top no-repeat;font-weight:bold;font-size:0.83em;}
.box-content ul.list, .box-content ol.list, .box-content ul.nolist {font-size:0.75em;line-height:1.4em;}
.box-content ul.list li {margin:0;padding: 0 0 7px 20px;background:url(/images/global/bullet.png) 0 3px no-repeat;}
.box-content ul.nolist li {margin:0;padding: 0 0 7px 0;}

.box-content table.delivery {border-collapse:collapse;margin:10px 0;width:100%;font-size:0.75em;color:#333;}
.box-content table.delivery th, .box-content table.delivery td {border:1px solid #DDD;margin:0;padding:5px 10px;}
.box-content table.delivery th {text-align:left;background-color:#eee;color:#036}
.box-content table.delivery td.highlight {background-color:#FAE29D;}
.box-content table.delivery td.fullspan {width:100%;}

.box-content table.glossary {border-collapse:collapse;}
.box-content table.glossary td {border:none;}

/* = Home Page
 ------------------------------------------------------*/
 #homeseasonal th, #homeseasonal td{vertical-align:top;} 

 /* = Product Page 
 ------------------------------------------------------*/
.prodcont {float:left;width:415px;margin:0 15px 0 0;}
.proddesc {float:left;width:305px;margin:0;}

.proddesc-top {margin:0;padding:0 14px 0 14px;background:#194471 url(/images/boxes/prodbox-top.png) left top no-repeat;min-height:30px;overflow:hidden;}
.proddesc-cont {border-right:1px solid #CFCBC0;border-left:1px solid #CFCBC0;margin:0;padding: 10px 14px 0 14px;background:#FCFAF3 url(/images/boxes/prodbox-bg.png) left bottom repeat-x;}
.proddesc-bot {margin:0;padding:0;background: url(/images/boxes/prodbox-bot.png) left top no-repeat;height:10px;overflow:hidden;}

.proddesc p.style,td.style,th.style {font-weight:bold;font-size:0.75em;}
.proddesc p.style span,td.style span {color:#333;}
.proddesc label {float:left;font-weight:bold;font-size:0.75em;width:100px;padding-top:2px;}
.proddesc select {float:left;margin:0 0 7px 15px;}
.proddesc p.price {font-weight:bold;font-size:1em;}
.proddesc p.price span.normal {color:#194471;}
.proddesc p.price span.sale {color:#666;font-weight:normal;text-decoration:line-through;}
.proddesc p.price span.saleprice {color:#900;}
.proddesc p.productpreorder {font-weight:bold; font-size:0.8em;}
.proddesc p.productpreorder span {color:red;}
.proddesc p.uk {font-weight:bold;color:#996600;font-size:0.75em;margin:5px 0 0 0;padding:0;line-height:1.3em;}
.proddesc p.small {font-size:0.7em;}
.proddesc table {border-collaspse:collapse;border:0;margin:0;padding:0;}
.proddesc table td, .proddesc table th{text-align:left; border:none}
.proddesc table td select{float:none; margin:0;}
.proddesc table td select.selectcolour{width:180px;}
.prodcol1 {float:left;margin:0 15px 0 0;padding:0;width:570px;}
.prodcol2 {float:left;margin:0;padding:0;width:180px;}

/* = Product List View
----------------------------------------------------*/
.product_listcont {margin-top:10px; padding-bottom:5px; background: url(/images/global/menudot.png) left bottom repeat-x;width:550px;}
.product_listcont .product_listcont_left {float:left;width:340px;margin-right:10px;}
.product_listcont .product_listimage{position:relative;float:left;width:130px;}
.product_listcont .product_listdetails{float:left; width:200px; font-size:0.9em;}
.product_listcont .product_listform{float:left; width:200px;}

.prodlist-top {margin:0;padding:0;background: url(/images/boxes/proddetbox-top.png) left top no-repeat;height:10px;}
.prodlist-cont {border-right:1px solid #CFCBC0;border-left:1px solid #CFCBC0;margin:0;padding: 5px 9px 0 9px;background:#FFF url(/images/boxes/proddetbox-bg.png) left bottom repeat-x;}
.prodlist-bot {margin:0;padding:0;background: url(/images/boxes/proddetbox-bot.png) left top no-repeat;height:10px;overflow:hidden;}
.prodlist-cont table {border:none;margin:0 0 5px 0;padding:0;border-collapse:collapse;font-size:0.75em;}
.prodlist-cont table td {border:none;vertical-align:top;}
.prodlist-cont table td.first {width:100px;margin-right:7px;}
.prodlist-cont table td.second {font-weight:bold;}
.prodlist-cont table td.preorder{color:red;}
.prodlist-cont p.price {font-weight:bold;font-size:1em;}
.prodlist-cont p.price span.normal {color:#194471;}
.prodlist-cont p.price span.sale {color:#666;font-weight:normal;text-decoration:line-through;}
.prodlist-cont p.price span.saleprice {color:#900;}
.prodlist-cont p.uk {font-weight:bold;color:#996600;font-size:0.75em;margin:5px 0 0 0;padding:0;line-height:1.3em;}
.prodlist-cont select.selectcolour {width:130px;}

/* Manufacturers */
#man-info{float:left; width:325px;}
#man-info-image{float:left; width:220px; margin-right:5px;}

/* Brands Banners */
.brandbanner {margin:0 0 15px 0;padding:0;}
#brand-info{float:left; width:325px; padding:98px 0 0 0; font-size:0.83em; color:#FFFFFF;}


/* Popular Brands Box */
#popbrands {margin:5px 0 0 0;padding:7px 0 0 0;background:url(/images/global/menudot.png) left top repeat-x;}
#popbrands label {float:left;font-size:0.83em;font-weight:bold;color:#2D6398;margin:0;padding:0;}
#popbrands select {float:left;width:170px;margin:0 0 0 10px;}
.topBrandImage{width:105px;float:left;}

/* All Our Brands Text Box */
.brandstxt {float:left;width:99px;margin:0;padding:0 7px;}
.brandstxt.first {padding:0 7px 0 0;}
.brandstxt.last {padding:0;}
.brandstxt ul {margin:0;padding:0;}
.brandstxt li {margin:0;padding:0 0 3px 12px;font-size:0.7em;background: url(/images/buttons/list-arrow.png) 0 4px no-repeat;}

/* Title &amp; Filter Box */
.filterres {margin:0 0 5px 0;padding:5px 0;border-bottom:2px solid #E0E0E0;}
.filterres-left {float:left;width:300px;}
.filterres label {float:left;font-size:0.7em;font-weight:bold;padding-top:3px;}
.filterres select {float:left;margin-left:10px;width:100px;}
.filterres .formrow{margin-bottom:5px;}
.filterres .formrow label{width:75px;}
.filterres .formrow label.dyn{width:auto;}
.filterres .formrow label.lpad{margin-left:10px;}
.filterres .formrow select.big{width:200px;}
.filterres .formrow .btnRight{float:right; cursor:pointer;}
.viewType {float:right;width:150px;font-size:0.7em;padding-top:4px;}
.viewType a {font-weight:bold;}
.viewType a.viewGrid {background: url(/images/buttons/gridview.png) 0 0 no-repeat;padding-left:16px;}
.viewType a.viewList {background: url(/images/buttons/listview.png) right 0 no-repeat;padding-right:14px;}

p.styles {float:left;width:170px;font-size:0.75em;margin-top:8px;}
.pagination {float:right;font-size:0.75em;width:380px;text-align:right;margin:10px 0 5px 0;}
.pagination a.prev {background: url(/images/buttons/btn-prev.png) left 2px no-repeat;padding-left:15px;margin-right:15px;width:100px;}
.pagination a.next {background: url(/images/buttons/btn-next.png) right 2px no-repeat;padding-right:15px;margin-left:15px;width:100px}

/* = Home Banner + Inner Banners
============================================================= */
#homebanner {margin:0 0 15px 0;padding:0;}
#homebanner-main {float:left;margin:0 15px 0 0;padding:0;width:375px;height:210px;background:#DDD;}
#homebanner-sub {float:left;margin:0;padding:0;width:180px;height:210px;background:#CCC;}
#homebanner h1.summer {color: #FCC12A;}
#homebanner h2.summer {color: #FFF;}

#innerbanner {margin:0 0 15px 0;padding:0;}
.innerbanner-top {margin:0;padding:0;height:5px;font-size:1%;}
.innerbanner {margin:0;padding:5px 20px 10px 20px;min-height:225px;}

/* Mens or ladies */
#innerbanner.mensbanner .innerbanner-top{background: url(/images/banners/ib-men-top.png) 0 0 no-repeat;}
#innerbanner.allbanner .innerbanner-top{background: url(/images/banners/ib-men-top.png) 0 0 no-repeat;}
#innerbanner.ladiesbanner .innerbanner-top{background: url(/images/banners/ib-men-top.png) 0 0 no-repeat;}

.innerbanner ul.rangelist {margin:0;padding:0;}
.innerbanner ul.rangelist li {margin-bottom:3px;font-size:0.83em;font-weight:bold;color:#3F82c6;}
.innerbanner ul.rangelist li a {display:block; background: url(/images/buttons/bannerlt-btn.png) 0 0 no-repeat;padding-left:20px;padding-bottom:3px;}

/* = Shopping basket
============================================================= */
#flashBasket{position:absolute; right:50px; top:135px; width:200px; border-left:1px solid #013467;border-right:1px solid #013467;border-bottom:1px solid #013467; background:#FFF; display:none;z-index:10000;padding:0;margin:0;}
#flashBasket h2 {background: #013467 url(/images/global/yourbasket.png) left top no-repeat;);margin:0;padding:4px 0 5px 10px;color:#FFF;font-size:0.83em;}
#flashBasket h3 {font-size:0.75em;color:#65788A;}
#flashBasket p {font-size:0.70em;line-height:1.5em;}
#flashBasket p span {font-weight:bold;color:#333;}
#flashBasket p.added {text-align:center;color:#06396C;line-height:1.3em;}
.flashInfo {margin:0;padding: 5px 10px;}

#tblshoppingbasket{width:100%; margin:10px 0;}
#tblshoppingbasket th,#tblshoppingbasket td{font-size:0.75em; text-align:left;border:none; border-bottom:1px solid #E0E0E0; padding: 6px 0 4px 0;vertical-align:top;}
#tblshoppingbasket th {color:#069;}
#tblshoppingbasket td p{font-size:0.9em;}
#tblshoppingbasket td.options p{display:block; margin-bottom:4px; width:120px;}
#tblshoppingbasket td.options p span,#tblshoppingbasket td.options label{width:45px; font-weight:bold;}
#tblshoppingbasket td.options label,#tblshoppingbasket td.options p span{float:left;}
#tblshoppingbasket td.options select{height:18px; font-size:1em;}
#tblshoppingbasket td span.preorder{color:red;}
#tblshoppingbasket .nowrap{white-space:nowrap;}
#tblshoppingbasket .center{text-align:center;}
#tblshoppingbasket .right{text-align:right;}
#currency_message{float:left; width:340px; margin-top:25px; padding:6px 9px; border:1px solid #CFCBC0; background:#F1F1F1; }
#basket_totals{float:right; width:340px; padding:6px 9px; border:1px solid #CFCBC0; background:#FFF3D3; }

#basket_totals table {margin:0;padding:0;border:none;width:100%;border-collapse:collapse;}
#basket_totals td {border:none;margin:0;padding:7px 5px 0 7px 0;vertical-align:top;font-size:0.83em;}
#basket_totals td.firstcell {color:#333;width:150px;}
#basket_totals td.seccell {color:#069;font-weight:bold;}
#basket_totals td span.totalcost {font-size:1.2em;}

#basket_totals label {font-size:0.9em;color:#333;}
#basket_totals input.text{width:90px; height:18px;}
#basket_totals p.subTotal{font-size:0.9em; font-weight:bold;display:block;color:#069;}
#basket_totals p.subTotal span.text{float:left; width:100px; font-size:0.8em;color:#333;font-weight:normal;}
#basket_totals p.pad{display:block; padding:0 0 0 100px; line-height:0.2em; margin:0 0 20px 0;}
#basket_totals p.pad.linespace{line-height:1.2em}
#basket_totals p.Total{font-size:1em;}
#basket_totals p.subTotal i{font-style:normal;font-size:0.7em}
.submitBtn{cursor:pointer;}
.checkoutBtn {margin:10px 0 0 105px;}
#basket_totals #btncheckout{float:right;}
#checkout_steps ul li{float:left; margin-right:10px;}

form.details .row {position:relative;padding:3px 0;overflow:hidden;}
form.details .row.fail {background-color:#FFFBBF;}
form.details label {float:left;font-size:0.83em;margin:0;padding:0;width:135px;color:#333;}
form.details label.extended {width:350px;}
form.details label.date {width:50px; padding:0 10px;}
form.details label span.required {color:#C00;font-size:1em;margin-right:5px;}
form.details label.radio, form.details input.radio, form.details input.check {float:none;}
form.details input, form.details select {float:left;}
form.details input.textbox, form.details select.textbox {width:250px;}
form.details input.textboxsmall, form.details select.textboxsmall {width:150px;}
form.details input.textboxv-small {width:50px;}
form.details textarea {width:300px;font-size:0.83em;font-family:Arial, Helvetica, sans-serif;}
form.details textarea.big {width:350px; height:250px;}
form.details input.button {margin-top:5px;}
form.details span {font-size:0.75em;font-weight:bold;}
form.details .required span {float:right;font-weight:normal;color:#DF2930;}
form.details .inputcont{float:left; font-size:1.1em; margin-right:5px;}
form.details .inputcont input{float:none;}
form.details fieldset{margin:0 0 10px 0;padding:10px;border:1px solid #EEE;}
form.details legend {font-size:1em; font-weight:bold; height:25px; line-height:24px; margin:0 0 5px 0; padding:3px 10px;background-color:#FFF3D3;color:#036;}
form.details .row{padding-left:10px;}
form.details p{padding:0 0 0 10px;}
form.details p.statement{display:block; padding:10px 5px 0 10px; font-style:italic; font-weight:bold;}
form.details p.warning{display:block; padding:10px; font-style:normal; font-weight:bold; border:1px solid #C04E00; background:#FFF; color:#C04E00;}

/* = Login & Checkout
============================================================= */
#loginA, #loginB {float:left; width:330px; border:1px solid #CFCBC0;margin:10px 0 0 0;padding:10px 14px;min-height:200px;}
#loginA {margin:10px 15px 0 0;}
#loginB {background: #FFF url(/images/boxes/proddetbox-bg.png) left bottom repeat-x;}
#loginB ul {margin:10px 0;padding:0;}
#loginB ul li {margin:0;padding:0;}
#loginB ul li a.button {display:block;text-indent:-5000px;width:260px;height:30px;margin:0;padding:0;background: url(/images/buttons/btn-continuepurchase.png) 0 0 no-repeat;}
#loginB ul li a:hover.button {background: url(/images/buttons/btn-continuepurchase.png) 0 -30px no-repeat;}

#loginA label {float:left;font-size:0.83em;margin:0 10px 0 0;padding:0;width:80px;font-weight:bold;}
#loginA input {float:left;margin:0 0 10px 0;padding:0;}
#loginA input.field {width:200px;}

#checkouttab {margin:0 0 10px 0;padding:0;height:30px;}
#checkouttab p {display:none;}
#checkouttab.welcome {background: url(/images/menu/checkouttab1.png) left top no-repeat;}
#checkouttab.details {background: url(/images/menu/checkouttab2.png) left top no-repeat;}
#checkouttab.gift {background: url(/images/menu/checkouttab3.png) left top no-repeat;}
#checkouttab.summary {background: url(/images/menu/checkouttab4.png) left top no-repeat;}
#checkouttab.payment {background: url(/images/menu/checkouttab5.png) left top no-repeat;}
#checkouttab.receipt {background: url(/images/menu/checkouttab6.png) left top no-repeat;}

#summary_billing, #summary_delivery {float:left; width:330px; border:1px solid #CFCBC0;margin:10px 0 10px 0;padding:10px 14px;min-height:170px;background: #FFF url(/images/boxes/box-blue-bg.png) left top repeat-x;}
#summary_billing {margin:10px 15px 10px 0;}
#summary_billing p, #summary_delivery p {font-size:0.83em;line-height:1.6em;}
/* = Footer
============================================================= */
#footer {margin:0;padding:0;width:960px;background:#F1F1F1 url(/images/bg/footerbg.png) left top no-repeat;}
#footer .fcontent {padding:10px 14px 0 14px;margin:0;border-right:1px solid #E1E1E1;border-left:1px solid #E1E1E1;}
#footer .fbot {margin:0;padding:0;height:10px;background: url(/images/boxes/footer-bot.png) left top no-repeat;}
#footer .fnav {float:left;width:110px;border-left:1px solid #E6E3E3;margin:0 0 5px 0;padding:0 8px 0 8px;min-height:70px;}
#footer .fnav.first {margin:0 0 0 175px;padding:0 0 0 9px;}
#footer .fnav ul li {margin:0;padding:0;font-size:0.7em;line-height:1.4em;}
#footer .coinfo {clear:both;margin:0;padding:8px 0 0 0;background: url(/images/global/footerdot.png) left top repeat-x;}
#footer .coinfo p {font-size:0.7em;margin:0;padding:0;color:#888;line-height:1.4em;}
#footer .coinfo p.left {float:left;width:300px;}
#footer .coinfo p.right {float:right;text-align:right;width:500px;}

/* = Site Map
============================================================= */
.right-sitemap {float:right; margin:0; padding:0;}
.left-sitemap {float:left; margin:0; padding:0;}
.sitemapbox-top {background:transparent url(/images/boxes/sitemapbox-top.png) no-repeat scroll left top; height:10px; margin:0; padding:0; width:269px;}
.sitemapbox-bottom {background:transparent url(/images/boxes/sitemapbox-bot.png) no-repeat scroll left top; height:10px; margin:0 0 10px 0; padding:0; width:269px;}
.leftsection{float:left;margin:0 10px 0 0 ;overflow:hidden;width:250px; background:#FFFFFF url(/images/boxes/box-blue-bg.png) repeat-x scroll left top; padding:5px 7px 0 10px; border-left:1px solid #E1E1E1; border-right:1px solid #E1E1E1;}
.rightsection{float:right; width:250px; margin:0; overflow:hidden; background:#FFFFFF url(/images/boxes/box-blue-bg.png) repeat-x scroll left top; padding:5px 7px 0 10px; border-left:1px solid #E1E1E1; border-right:1px solid #E1E1E1;}
ul.mainlist li a {background:transparent url(/images/buttons/bannerlt-btn.png) no-repeat scroll 0 0; display:block; padding-bottom:3px; padding-left:20px;}
ul.mainlist li {font-size:0.8em; line-height:1.4em; margin:5px 0 5px 0; padding:0;}

/* = Comparison Table
============================================================= */
#comparisontable {background: transparent url(/images/boxes/ctable-bg.png) left top repeat-y; margin:5px 0 0 0;padding:0;}
#comparisoncont{position:absolute;right:150px; top:0; z-index:500;width:415px;}
.comparisontable{font-size:0.9em}
.compcont {margin:0;padding:0 20px 10px 20px;}
.comptop {margin:0;padding:0;background:url(/images/boxes/ctable-top.png) left top no-repeat;height:5px;}
.compbot {margin:0;padding:0;background:url(/images/boxes/ctable-bot.png) left top no-repeat;height:15px;}
.close_btn {margin:0;padding:5px 0;float:right;}
.close_btn a.hidewindow {text-indent:-5000px;display:block;height:13px;width:44px;background: url(/images/buttons/btn-hide.png) left top no-repeat; outline:none}

#comparisontable table {border-collapse:collapse;border:1px solid #E1E1E1;margin-top:5px;font-size:0.7em;width:100%;}
#comparisontable table td {border:none;padding:2px 5px;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;text-align:center;width:20%;}
#comparisontable table th {background: #06396c;color:#FFF;padding:3px 5px;}
#comparisontable table td.odd {background:#F1F1F1;}
#comparisontable table td.head {background:#F6EAC6;color:#06396c;font-weight:bold;}


.comptop-wide {margin:0;padding:0;background:url(/images/boxes/ctable-top-wide.png) left top no-repeat;height:5px;}
.compbot-wide {margin:0;padding:0;background:url(/images/boxes/ctable-bot-wide.png) left top no-repeat;height:15px;}
#comparisontable-wide {background: transparent url(/images/boxes/ctable-bg-wide.png) left top repeat-y; margin:0; padding:0;}
#comparisontable-wide table {border-collapse:collapse;border:1px solid #E1E1E1; margin-top:5px;font-size:0.7em;width:98%;}
#comparisontable-wide table td {border:none;padding:2px 5px;border-bottom:1px solid #E1E1E1;border-right:1px solid #E1E1E1;text-align:center;width:20%;}
#comparisontable-wide table th {background: #06396c;color:#FFF;padding:3px 5px;}
#comparisontable-wide table td.odd {background:#F1F1F1;}
#comparisontable-wide table td.head {background:#F6EAC6;color:#06396c;font-weight:bold;}

/* = Comments
============================================================= */
.comment-disclose{color:gray; font-style:italic;}
.commentcont{padding:10px 0;}

/* = General Styles
============================================================= */
.errorbox {font-size:0.83em;line-height:1.4em;color:#900;background:#ededed;padding:5px 10px;margin-bottom:10px;}
form {margin:0;padding:0;}
.hide{position:absolute; left:-9000px;}
.lfloat{float:left;}
.rfloat{float:right;}
.bold{font-weight:bold;}
.noborder{border:none;}
.center{text-align:center;}
.clear {clear:both;font-size:1%;}
.clear-height {clear:both;height:2px;}
.clear-right {clear:right;font-size:1%;}
.clearall{clear:both;}
.notes {color:#666;}
.bold {font-weight:bold;}
a.emphasise {background: url(/images/global/emdot.gif) repeat-x 0 bottom;padding-bottom:0px;}
a.emphasise:visited, a.emphasise:active {background: url(/images/global/emdot.gif) repeat-x 0 bottom;padding-bottom:0px;}
.dottedline {height:1px;background: url(/images/global/menudot.png) left bottom repeat-x;}
.solidline {height:1px;background: #E1E1E1;}
.linedot {height:10px;background: url(/images/global/menudot.png) left bottom repeat-x;margin-bottom:10px;}
option.lighttext {color:#777;}
.brandlogo {float:right;width:150px;padding:0;margin:0 0 0 10px;}
.brandlogo.left {float:left;width:100px;padding:0;margin:0 10px 0 0;}
.picture {position:relative;margin:10px 0;padding:0;width:415px;}
.solidline {border-top:1px solid #CCC;margin:5px 0 5px 0;}
.small {font-size:0.67em;}
a.showComparisons {width:80px;}
a.btnarrow {background: url(/images/buttons/btn-arrow-prod.png) 0 1px no-repeat;margin:0;padding:0 0 0 17px;}
.prodlist a.btnarrow{display:block; margin-bottom:4px;background: url(/images/buttons/btn-arrow-prod.png) 0 3px no-repeat;}


/* = Christmas Elements
============================================================= 
#santa-hat {background:url(/images/christmas/santa-hat.png) repeat scroll 0 0 transparent; height:108px; width:78px; top:6px; left:-6px; position:absolute;}
#holly {background:url(/images/christmas/holly.png) repeat scroll 0 0 transparent; height:47px; width:51px; top:55px; right:35px; position:absolute;}*/

/* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.clearfix {display: inline-block;}
/* Hides from MacIE \*/           
* html .clearfix {height: 1%;}
.clearfix {	display: block;}
/* End hide from MacIE */
