html, body { min-height:100%; border:none; }
* {
font-family:arial,sans-serif;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button,iframe { margin:0; padding:0; }
body { background-color:#fff; font-size:80%; }
form { display:inline; }
table {
border-collapse:collapse;
}
td{
border-spacing:3;
padding: 2px;
}
input{
border: thin solid #f4f2e6;
}
textarea{
border: thin solid #f4f2e6;
vertical-align:middle; font-size:100%; padding:2px 0;
}
fieldset,img,abbr,acronym,button,iframe { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
h1 { font-weight:normal; }
q:before,q:after { content:''; }
a, input, button { text-decoration:none; outline:0; }
input.text, select{ border:inset 2px #bab8b1; vertical-align:middle; font-size:100%; padding:2px 0; }
button { background:none; cursor:pointer; white-space:0; }
iframe { width:100%; }
/* Font Sizes */
.xxxxl { font-size:3.5em; }
.xxxl { font-size:3em; }
.xxl { font-size:2em; }
.xl { font-size:1.6em; }
.l { font-size:1.3em; }
.med { font-size:1.2em; }
.half { font-size:1.1em; }
.reg { font-size:1em; }
.sm { font-size:.95em; }
.xsm { font-size:.85em; }
.
/* Colours */
.light, .light * { color:#fff; }
.xgrey, .xgrey * { color:#ccc; }
.lgrey, .lgrey * { color:#8c8989; }
.mgrey, .mgrey * { color:#545252; }
.dgrey, .dgrey * { color:#333; }
.dark, .dark * { color:#000; }
.cream, .cream * { color:#f4f2e6; }
.lblue, .lblue * { color:#0096db; }
.dblue, .dblue * { color:#04338a; }
.scheme-dblue * {
border-color:#CCCCCC;
}
.orange, .orange * { color:#f28137; }
.green, .green * { color:#adc731; }
.scheme-green * { border-color:#adc731; }
/* Grid settings */
.col { float:left; margin-top:12px; display:inline; position:relative; }
.one-col { width:96px; }
.two-col { width:212px; }
.lists ul { margin:12px 0 8px; list-style:disc; }
.lists li { margin:0 0 5px 1.5em; }
.three-col { width:328px; }
.four-col {
width:354px;
}
.five-col { width:561px; }
.six-col { width:677px; }
.seven-col { width:793px; }
.eight-col {
width:730px;
margin-left:20px;
margin-right:20px;
}
.allcenter {
text-align:center;
margin-right:auto;
margin-left:auto;
}
.onleft {
margin-left:20px;
margin-right:20px;
}
.leftcol { margin-right:20px; }
.rightcol { float:right; margin-right:20px; }
.catsection {
border-top:solid 4px #e0dcd1;
padding-top:10px;
}
.catsectionblue {
border-top:solid 4px #04338a;
padding-top:10px;
}
.ad { border-bottom:solid 1px #e0dcd1; }
.ad p { margin:0 0 20px !important; }
.textleft2, .textleft3, .textleft4 {
overflow:auto;
}
.prodImgB {
float:center;
border:0;
margin-left:3px;
margin-right:2px;
}
.prodImg {
float:right;
border:0;
margin-left:15px;
}
.prodImgl {
border:0;
margin-left:5px;
}
.prodImg img { display:block; }
.textleft2 p, .textleft4 p { margin-top:5px; clear:left; float:left; }
.colad p { margin-top:5px; }
.textcentered p{text-align:center;}
.colorize {
background-color: #f4f2e6;
padding: 10px;
}
.textleft2 p { width:104px; }
.textleft3 p { width:220px; margin-top:5px; }
.textleft2 h4 { margin-top:5px; }
.textleft4 p { width:225px; }
.featcol img { margin-right:10px; }
.padleft { padding-left:5px; }
/* Image replacement */
.replace { display:block; overflow:hidden; }
.replace span { display:block; width:100%; height:100%; background-repeat:no-repeat; background-image:url(../images/graphics/icons.gif); }
.replace-button { float:left; display:inline-block; display:-moz-inline-box; vertical-align:middle; overflow:hidden; }
.button-actions { display:block; overflow:hidden; }
.button-actions span { display:block; background-repeat:no-repeat; }
/* Search - using image replacement */
.search { position:relative; top:-3px; width:30px; height:28px; }
.search span { width:30px; height:28px; background-position:0 -240px; }
.search:hover { color:#545252; }
.search:hover span { background-position:-249px -240px; }
/* scalable Inman Flash Replacement (sIFR) version 3. Author: Mark Wubben, */
.sIFR-flash { visibility:visible !important; margin:0; padding:0; }
.sIFR-unloading .sIFR-flash { visibility:hidden !important; }
.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
.sIFR-dummy { width:0; height:0; margin-left:42px; z-index:0; }
.sIFR-replaced, .sIFR-ignore { visibility:visible !important; }
.sIFR-replaced div.sIFR-fixfocus { margin:0; padding:0; overflow:auto; letter-spacing:0; float:none; }
.srep { line-height:1em; }
/* Extra settings */
.clear { display:block; clear:both; }
.main-vertical {
height:12px;
background-color: 04338a;
color: 04338a;
}
.topln {
height:12px;
background-color: 04338a;
color: 04338a;
background-image:url(../Web/images/topline.jpg)
}
.double-vertical { height:30px; }
.triple-vertical { height:40px; }
img.inactive { display:none; }
.csshide * { display:none; }
.centre { text-align:center; }
.r-align { text-align:right; }
.break { display:block; margin-bottom:5px; }
.section10 { margin:40px 0 10px; }
.section15 { margin:50px 0 10px; }
.bot10 { margin:0 0 10px; }
.divider { display:block; position:absolute; border-bottom:solid 1px #e0dcd1; width:100%; }
.alert { color:#b92531; }
.nobold { font-weight:normal; }
/* ------------ Page sections ------------ */
#top {
background-color:#fff;
border-bottom-style:solid;
min-width:800px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
}
#header h3 { float:left; margin-right:18px; }
#header h3 a { display:block; width:217px; height:35px; }
#header h3 span { background-position:0 -120px; }
#header h2 { float:left; width:214px; height:34px; margin-top:7px; }
#header h2 span { background-position:-498px -120px; }
#header a:hover, #header a:active { color:#545252; }
#header ul { float:right; list-style:none; }
#header li { display:block; float:left; }
.headnav { margin:7px 20px 0 0; }
#basket { background-image:url(../images/bg/global/basket.gif); background-repeat:no-repeat; padding-right:13px; text-align:right; }
#inner-basket, #basket a { background-image:url(../images/bg/global/basket.gif); background-repeat:no-repeat; display:block; padding:3px 0 0 4px; min-height:25px; }
.b-off { background-position:100% 0; }
.b-off #inner-basket, .b-off a { background-position:0 0; }
.b-on { background-position:100% -56px; }
.b-on #inner-basket, .b-on a { background-position:0 -56px; }
.b-active { background-position:100% -112px; }
.b-active #inner-basket, .b-active a { background-position:0 -112px; }
#total {
display:block;
background:url(../images/bg/global/round.gif) no-repeat;
float:left;
text-align:left;
margin-right:5px;
padding-top:4px;
min-width:15px; min-height:19px;
}
.singlefigure { padding-left:8px; }
.doublefigure { padding-left:4px; padding-right:4px; }
.mybasket { display:block; margin-top:4px; }
.homepage .ad { margin-bottom:15px; }
.homepage h4 { font-weight:normal; }
.homepage p.caller { margin-top:7px; }
#print-logo { position:absolute; top:-120px; left:0; display:none; }
#lbox-wrapper { position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/bg/global/lightbox.png); }
#lbox-inner { position:absolute; background-color:#fff; }
#lbox-inner iframe { height:549px; }
a.close-lbox { position:absolute; width:28px; height:28px; background:url(../images/graphics/close-lbox.png); }
#small-basket { position:absolute; width:217px; background:url(../images/bg/global/small-basket.png) no-repeat 0 100%; padding-bottom:4px; }
.topTot { margin-bottom:8px; }
.basket-added { padding:10px 3px 0; background:url(../images/bg/global/small-basket-active.png) no-repeat 0 0;}
.basket-added div { background-color:#fff9ca; border-bottom:solid 1px #545252; overflow:auto; }
.basket-added .totItems { padding:0 10px; }
.basket-added .topAdded { margin:10px 0; }
.basket-added .topTot { margin-top:16px; }
.basket-regular { padding:18px 12px 0; background:url(../images/bg/global/small-basket.png) no-repeat 0 0; }
#small-basket-top img { width:40px; height:40px; float:left; margin:0 10px 10px 10px; }
.small-basket-price { display:block; }
#subTotal { padding-left:5px; }
#top-menu { clear:both; padding-top:20px; margin-bottom:5px; }
#top-menu ul { list-style:none; }
#top-menu li { display:block; }
#top-menu a:hover, #top-menu a:active { color:#545252; }
.top, .topactive { float:left; margin-right:20px; }
#top-search { position:absolute; right:30px; }
#top-menu .sb { float:right; position:relative; }
#outer-content {
background-color:#C9CACC;
padding:24px 24px 50px;
background-image: url(../Web/images/trama.jpg);
background-repeat: repeat;
background-position: 0px 0px;
background-attachment: scroll;
}
#content {
background-color:#fff;
margin:0 auto;
padding-bottom:10px;
width:770px;
border-bottom-style:solid;
border-color:#e0dcd1;
overflow:auto;
}
#outer-content-col { background-color:#ffffff; padding:24px 24px 50px; }
#content {
background-color:#fff;
margin:0 auto;
padding-bottom:1px;
width:770px;
overflow:hidden;
}
p.back { margin-left:20px; padding-top:12px; }
#left-menu dl { margin-bottom:10px; }
#left-menu dt a { display:block; background:url(../images/bg/global/leftnav.gif) no-repeat 0 0; padding:4px 30px 0 10px; min-height:20px; }
#left-menu dl.active dt a { background-position:0 0;}
#left-menu dl.active dt a:hover { background-position:0 -57px; }
#left-menu dl.inactive dt a { background-position:0 -110px; }
#left-menu dl.inactive dt a:hover { color:#000; background-position:0 -163px; }
#left-menu ul { list-style:none; }
#left-menu li { background-color:#f7f5ed; margin-bottom:1px; padding:4px 5px 4px 10px; overflow:auto; }
#left-menu li:hover, #left-menu li.filter { background-color:#e7e5de; }
#left-menu li a:hover { color:#545252; }
li.filter a.replace { width:20px; height:20px; float:right; margin-top:-2px; }
li.filter a.replace span { background-position:-1494px -120px; }
li.filter a.replace:hover span { background-position:-1743px -119px; }
.left-colour { background-color:#f7f5ed; padding:5px 0 0 10px; overflow:auto; }
.left-colour a { position:relative; width:33px; height:33px; display:block; float:left; }
.lc-Black span { background-position:-996px -360px; }
.lc-Blue span { background-position:-498px -480px; }
.lc-Brown span { background-position:-1494px -360px; }
.lc-Grey span { background-position:-1744px -360px; }
.lc-Green span { background-position:-996px -480px; }
.lc-Beige span { background-position:-249px -600px; }
.lc-Silver span { background-position:-1245px -360px; }
.lc-Orange span { background-position:-249px -480px; }
.lc-Pink span { background-position:0 -600px; }
.lc-Red span { background-position:0 -480px; }
.lc-White span { background-position:-747px -480px; }
.lc-Yellow span { background-position:-498px -600px; }
div.advert { border-top:solid 3px #adc731; border-bottom:solid 1px #e0dcd1; padding:5px 0; }
div.advert p { margin-top:1em; }
#main-content { float:left; width:677px; overflow:auto; padding-bottom:10px; }
#attractor { position:relative; padding-bottom:3px; border-bottom:solid 1px #e0dcd1; }
.colList { margin-top:4px; }
#att-nav { position:absolute; top:0; left:0; list-style:none; background:url(../images/bg/global/timer.png) no-repeat 0 0; }
#att-nav li { float:left; padding-top:5px; height:28px; text-align:center; }
#att-nav li.current { background-image:url(../images/bg/global/active-slide.png); background-repeat:no-repeat; }
.atn-blue .current { background-position:0 0; }
#att-nav .slide { background:url(../images/bg/global/slide.gif) no-repeat 100% 0; width:24px; }
#att-nav .pause, #att-nav .play { background:url(../images/bg/global/timer.png) no-repeat 100% 0; width:53px; }
#att-nav .pause a:hover { color:#000; }
#att-nav li.current a { color:#fff; }
#attractor div { position:absolute; width:308px; right:20px; top:70px; }
#attractor div p { margin-bottom:10px; }
.control-prod { float:right; width:28px; height:28px; margin:-5px 0 5px; }
.prod-open span { background-position:-996px -240px; }
.prod-open:hover span { background-position:-1244px -239px; }
.prod-close span { background-position:-498px -240px; }
.prod-close:hover span { background-position:-746px -239px; }
.grid-prods { border:solid 1px #f1efe8; background-color:#faf8f0; position:relative; display:none; overflow:hidden; }
.tab-controls { position:absolute; }
a.tablink { display:block; min-height:26px; float:left; padding-left:10px; margin-right:5px; }
a.tablink span { padding:5px 15px 0 0; display:block; height:100%; }
a.live { background:url(../images/bg/global/tab-active.gif) no-repeat 0 0; }
a.live span { background:url(../images/bg/global/tab-active.gif) no-repeat 100% 0; }
.prod-list { margin:5px 0; }
.prod-list div { position:relative; width:104px; height:100%; padding:0 6px 8px 6px; border-right:solid 1px #e0dcd1; float:left; }
.smalldesc { padding-top:5px; min-height:35px; }
.prod-list img {width:98px; height:98px; background-color:#f7f5ed; padding:2px; border:solid 1px #e0dcd1; float:none; }
.prod-list a:hover { color:#545252; }
.scrollbar { position:absolute; bottom:0; width:100%; height:13px; border-top:solid 1px #f1efe8; background-color:#faf8f0; }
.scrollbar a { position:absolute; width:190px; height:13px; }
.scrollbar a span { background-position:-1246px -481px; }
#smallslide { margin-top:134px; padding:17px 20px 26px; position:relative; width:404px; height:213px; }
.s-slide { display:none; position:absolute; top:0; margin:0 0 0 105px; }
#ss-ind { position:absolute; margin:213px 0 0 162px; }
a.smallslide { position:absolute; width:52px; height:52px; top:80px; }
#small-prev span { background-position:-1494px -480px; }
#small-prev:hover span { background-position:-1494px -600px; }
#small-next { right:0; }
#small-next span { background-position:-1744px -480px; }
#small-next:hover span { background-position:-1744px -600px; }
.controls { border-top:solid 1px #e0dcd1; border-bottom:solid 1px #e0dcd1; margin:14px 0 11px; padding:5px 0; overflow:auto; }
.controls span { display:block; width:auto; }
#display { float:left; padding-top:3px; }
.sort { float:right; padding-top:3px; }
.sort select, .sort input { position:relative; top:-1px; }
.sort button { display:inline; vertical-align:bottom; width:34px; }
.controls label { padding-left:30px; }
p.back-section { margin-bottom:14px; }
p.cat-section { margin:-2px 0 11px; }
a.prodImgSmall { float:left; margin-right:18px; }
a.prodImgSmall img { float:left; }
div.listing p { margin-bottom:10px; }
.collection h1 { margin-top:16px; }
#product-name { margin-top:-11px; }
#prod-image { position:relative; }
#main-prod-image { display:block; }
#prod-price { font-weight:normal; margin-top:7px; }
#prod-price span { font-weight:normal; display:block; }
#alt-prodimg { position:absolute; top:0; left:0; width:110px; }
#alt-prodimg img { width:40px; height:40px; margin:0 5px 5px 0; background-color:#f7f5ed; padding:2px; border:solid 1px #e0dcd1; }
#prod-box { background-color:#f7f5ed; margin-top:36px; }
#prod-box div { padding:20px 13px 0; }
#prod-box p { margin-bottom:1em; }
.pcode { margin-bottom:21px; }
#prod-box label { display:block; clear:both; padding-bottom:5px; }
#prod-box label span { display:block; float:left; width:70px; }
#colour-chooser { overflow:auto; padding:0 !important; margin:24px 0 10px; }
#colour-chooser a { width:31px; height:32px; float:left; }
#submit-button { margin:20px 0 15px; }
.basketFunctions .add { display:block; margin-top:5px; }
#active-swatch { position:absolute; top:7px; left:6px; width:14px; height:12px; }
.swatch { position:relative; }
div.show-ad { display:block; }
div.hide-ad { display:none; }
#product-advert a { float:right; }
.ad-forward { width:25px; height:25px; }
.ad-forward span { background-position:-996px -600px; }
.ad-back { width:26px; height:25px; }
.ad-back span { background-position:-747px -600px; }
#product-advert h5 { clear:both; }
#search h1 { margin:32px 0 40px; }
/* ----------- Account Management section ------------ */
.lock { background: #fff url(../images/graphics/icons.gif) 185px -717px no-repeat; }
.sIFR-active .lock { background-position:160px -712px; }
#signin, #forgot-password, #create-account { margin-top:25px; margin-bottom:140px; }
#account-tabs { width:889px; border-bottom:1px solid #e0dcdc; margin:20px 0 0 20px; overflow:auto; }
#account-tabs ul { list-style:none; border:0; float:left; overflow:auto; }
#account-tabs li { padding-left:11px; float:left; border:0; }
#account-tabs li a, #account-tabs li span { padding:10px 16px 9px 0; color:#bab8b1; display:block; }
#account-tabs li a:hover { color:#545252; }
#account-tabs li.off { background:url(../images/graphics/account-tabs.gif) top left no-repeat; }
#account-tabs li.off a, #account-tabs li.off span { color:#545252; background:url(../images/graphics/account-tabs.gif) top right no-repeat; }
#account-tabs .customer-services { float:right; padding-top:5px; }
#account-tabs .customer-services a { display:block; width:158px; height:26px; background-position:-10px -82px; border:0; background-color:#fff; text-indent:-9999px;}
.signin h2.l, .checkout h2.l, .checkout h4.l { margin-bottom:15px; }
.signin h1, .login h1 { margin:15px 0 24px; }
.signin .divider, .checkout .divider { left:0; }
.account-section { clear:both; margin-left:116px; }
.hidden { display:none; }
.account-section form { clear:both; }
.account-section label { display:block; padding-top:23px; }
.account-section fieldset { padding-top:23px; }
.account-section input { margin-top:10px; border:2px inset #ddd; font-size:1em; padding:3px; width:285px; background-color:#f3f3f3; }
#sign-in-options { overflow:auto; }
#sign-in-options label { float:left; margin-right:75px; }
#anon { clear:both; padding-top:47px; }
#anon p { margin-bottom:10px; }
.account-section input.cbx { width:20px; margin-right:0; border:2px solid #ddd; }
.account-section select { background-color:#f3f3f3; }
.account-section .req { color:#cf1300; margin-top:1em; }
.account-section .error { position:relative; left:-60px; padding-left:60px; }
.account-section .cbx-container { margin-top: 15px; }
.account-section .progress-buttons { margin:38px 0 30px; }
.account-section .progress-buttons span { padding-bottom:10px; }
#account-order-history .section h3.outstanding { background: #fff url(../images/graphics/account-icons.gif) -10px -10px no-repeat; }
#account-order-history .section h3.delivered { background: #fff url(../images/graphics/account-icons.gif) -10px -60px no-repeat; }
#account-address-book .address .open { background:#fff url(../images/graphics/account-icons.gif) -70px -156px no-repeat; }
#account-address-book .address .close { background:#fff url(../images/graphics/account-icons.gif) -70px -110px no-repeat; }
.addressEdit .button-actions { float:left; margin-right:10px; }
#main-account-page h2 { margin:0 0 22px 115px; overflow:auto; }
#main-account-page h2 span { float:left; margin-right:10px; }
#main-account-page h2 a { float:left; }
#main-account-page p { margin-left:115px; }
#account-order-history .section h3 { margin:37px 0 20px; padding:5px 0 14px 115px; border-bottom:1px solid #e0dcdc; }
#account-order-history .section table { margin-left:115px; }
#account-order-history .section table td { padding:10px 10px 0 0; border-top:1px solid #e0dcdc; }
#account-order-history .section table td, #account-order-history .section table th { padding-bottom:20px; vertical-align:top; }
#account-address-book form h2 { float:left; padding-right:10px; }
#account-address-book form input { float:left; display:block; width:81px; height:26px; letter-spacing:-9999px; background-position:-10px -10px; border:0; background-color:#fff; }
#account-address-book .address { float:left; margin-top:45px; width:460px; }
#account-address-book .name { margin-left:115px; display:block; }
#account-address-book .address .address-toggle { margin-left:70px; padding:3px 0 2px 45px; display:block; }
#account-address-book .sub-address { margin-left:115px; }
#account-address-book .edit-address { float:left; margin-top:45px; padding-top:20px;}
#account-address-book .edit-address a { display:block; text-indent:-9999px; }
#account-personal-info .account-info { margin-left:115px; }
#account-personal-info .account-info .value { margin-bottom:20px; }
#account-personal-info form h2 { float: left; padding-right:20px; }
#account-personal-info form input { float:left; display:block; letter-spacing:-9999px; border:0; }
#account-order-history, #account-address-book, #account-personal-info { margin:30px 0; }
.backtotop { display:block; text-align:right; }
/* ----------- End: Account Management section ------------ */
#subcountry { width:auto; padding:0; margin:0; border:none; background-color:#fff; cursor:pointer; }
/* ----------- Checkout section ------------ */
#topLine {
position:absolute;
width:909px;
margin-top:-14px;
}
#signin, #forgot-password, #create-account { margin-top:25px; margin-bottom:140px; }
.signin .account-section, .checkout-section { width:581px; }
#add-new-address { overflow:auto; margin-top:10px; }
#add-new-address span { display:block; float:left; margin:5px 10px 0 0; }
#add-new-address a { display:block; float:left; }
.checkout-section { margin-left:116px; }
.checkout-section legend { padding:25px 0 23px 0; }
.checkout-section label { display:block; padding-top:23px; }
.checkout-section label span { display:block; }
.checkout-section input, .checkout-section select { margin-top:10px; border:2px inset #ddd; font-size:1em; padding:3px; width:285px; background-color:#f3f3f3; }
.checkout-section input.button-addnew { margin-left:10px; letter-spacing:-9999px; border:0; width:81px; background-color:#fff; }
.checkout-section input.cbx { width:20px; margin-right:0; border:2px solid #ddd; }
.checkout-section select { background-color:#f3f3f3; padding-right:0; width:296px; }
.checkout-section .req { color:#cf1300; }
.error { position:relative; left:-60px; padding-left:60px; }
.checkout-section .cbx-container { margin-top:15px; }
.checkout-section .address { float:left; margin-top:45px; width:400px; position:relative; }
.checkout-section .address .name { display:block; }
.checkout-section .address .replace { width:25px; height:25px; position:absolute; left:-45px; }
.checkout-section .address .replace span { background-position:-1495px -720px; }
.checkout-section .address label { margin:0; padding:0; }
.checkout-section .address input { display:block; float:left; position:absolute; left:-40px; top:15px; width:20px; border:none; background-color:#fff; }
.checkout-section .edit-address { float:left; margin-top:45px; padding-top:20px; overflow:hidden; height:27px; }
.checkout-section .edit-address a { letter-spacing:-9999px; display:block; }
.checkout-section .progress-buttons { margin:38px 0 30px; }
.checkout-section .progress-buttons span { padding-bottom:10px; }
.account-section .replace-button, .checkout-section .replace-button { border:0; background-color:#fff; line-height:-9999px; overflow:none; text-indent:-999px; color:#fff; }
#delivery { position:relative; left:-38px; }
#delivery thead { display:none; }
#delivery td { padding:0 3px; height:30px; }
td.selection { min-width:30px; text-align:center; }
td.selection input { float:none; margin:0 auto; }
td.selection span.replace { width:20px; height:21px; margin:0 auto; }
td.selection span.replace span { background-position:-1495px -840px; }
td.description { min-width:200px; }
td.description label { display:inline; padding:0; }
div.cardtype { overflow:auto; }
div.cardtype select { float:left; }
#cardimage { display:block; float:left; margin:8px 0 0 10px; }
div.twoselects { overflow:auto; }
div.twoselects select { width:127px; float:left; margin-right:41px; }
div.cv2 { overflow:auto; }
div.cv2 input { width:135px; float:left; }
#cv2image { display:block; float:left; background:url(../images/graphics/icons.gif) no-repeat -1744px -960px; width:45px; height:28px; margin:8px 0 0 10px; }
#review h3 { margin-bottom:10px; }
#review p, #review h3 { overflow:auto; margin-top:10px; }
#review p span, #review h3 span { display:block; float:left; margin:3px 10px 0 0; }
#delivery, #addresses { overflow:auto; margin-bottom:10px; }
#addresses div { float:left; width:260px !important; width:220px; margin-right:20px; }
.checkout-section .divider { position:relative; left:-116px; width:675px !important; width:581px; margin-bottom:5px; }
#review dd { margin-bottom:1em; }
#payment-details { margin-bottom:29px; }
#payment-details p { margin-bottom:10px; }
#payment-total { background-color:#f9f7f1; border:solid 1px #d5d5d2; padding:18px 0 18px 116px; position:relative; left:-116px; overflow:auto; width:559px !important; width:463px; margin-bottom:12px; }
#payment-total span { display:block; float:left; }
#payment-total span.orange { margin-left:30px; }
#payment-checks p { margin-bottom:10px; }
#payment-checks dt { margin-top:20px; }
span.afteradd { display:block; float:left; margin:20px 0 0 10px; }
span.afterbut { display:block; float:left; margin:6px 0 0 10px; }
span.aftera { display:block; float:left; margin:-5px 0 0 10px; }
#receipt div { margin-top:10px; }
#receipt .alert { margin-bottom:10px; }
#receipt a.print-button { position:absolute; margin-top:-27px; left:420px; }
#receipt p { overflow:auto; }
#receipt div p span { display:block; float:left; }
#receipt span.label { width:100px; margin-right:10px; }
#receipt h3 { margin:30px 0 10px; }
#receipt table { margin:10px 0; width:559px !important; width:475px; }
#receipt th, #receipt td { padding:3px 0; }
.desc { width:60%; }
.total-price { text-align:right; }
#payment-breakdown { margin-left:336px !important; margin-left:285px; width:224px !important; width:190px; }
#payment-breakdown .value { float:right; }
#order-total { margin-top:20px; }
.order-detail p { margin-bottom:1em; }
/* ----------- End: Checkout section ------------ */
.radiosection { clear:both; }
.radiosection label { display:inline; padding-top:0; }
.clear input, #sign-in-options input, .radiosection input, #payment-checks input { width:auto; vertical-align:absmiddle; margin-right:5px; border:none; background-color:#fff; }
/* ----------- End: Buttons ------------------- */
.signup-bread { border-color:#0096db; }
.success-bread { border-color:#8dc14a; }
.failure-bread { border-color:#b92531; }
.bread { list-style:none; overflow:auto; margin:40px 0 65px; }
.bread li { display:block; float:left; width:24%; }
.step4 { position:absolute; left:416px; }
#progress-bar { position:absolute; left:-695px; display:block; height:1px; }
.failure-progress { border-bottom:solid 1px #b92531; }
.success-progress { border-bottom:solid 1px #8dc14a; }
.checkout-progress { border-bottom:solid 1px #0096db; }
.indicator { position:absolute; background:url(../images/graphics/icons.gif) no-repeat; }
.progpast { width:10px; height:10px; background-position:-1245px -840px; margin:7px; }
.progpresent { width:16px; height:16px; background-position:-1245px -960px; margin:4px; }
.progfuture { width:10px; height:10px; background-position:-1245px -1080px; margin:7px; }
.progsuccess { width:25px; height:25px; background-position:-1494px -720px; }
.progfailure { width:25px; height:25px; background-position:-1494px -960px; }
/* ----------- Start: Customer service section ------------------- */
.static-section { display:block; margin:24px 96px 80px; color:#545252; }
.static-section h3, #customer-service h2 { font-size:1.4em; color:#141414; margin-bottom:10px; font-weight:normal; }
.static-section h4 { font-weight:normal; font-size:1.3em; margin-bottom:10px; color:#333; }
.static-section p, #customer-service p, .static-section dt, .static-section dd { margin-bottom:20px; color:#545252; }
.static-section dt { font-weight:bold; }
.faqAnchorContent dt { margin-top:40px; }
.static-section a, #customer-service a { color:#0096db; }
.static-section strong { color:#545252; font-weight:normal; }
.static-section ul { margin-bottom:8px; }
.static-section ol { margin-bottom:8px; list-style:none; }
.static-section li { margin:0 0 10px 15px; color:#545252; }
.static-section table { width:100%; margin-bottom:20px; border:solid 1px #000; }
.static-section thead { border-bottom:1px solid #000; }
.static-section th, .static-section td { padding:4px; text-align:left; }
.privacy-policy ol li { list-style:none; margin-left:0; }
.phone { font-size:1.2em; padding:7px 0 0 40px; background:url(../images/graphics/icons.gif) no-repeat -1744px -840px; min-height:25px; }
#customer-service h3 { font-size:1.2em; margin-bottom:10px; }
#customer-service p { margin-bottom:10px; color:#999; }
#customer-service img { width:150px; height:120px; background-color:#000; }
p.box { padding:10px; border:solid 1px #000; }
/* ----------- End: Customer service section ------------------- */
#prodName { margin:15px 0 12px; font-weight:normal; }
#prodColours { margin:12px 0 15px; overflow:auto; }
#prodColours a { float:left; }
#prodQuantity { clear:both; margin-bottom:10px; }
#prodRemove { display:block; background:url(../images/graphics/icons.gif) no-repeat -1744px -1081px; padding:5px 0 5px 30px; }
#print-basket { margin:22px 0 0; padding:0; }
table.my-basket { width:677px !important; width:581px; }
.my-basket th { padding:0 20px 10px 0; }
.my-basket td { padding-right:20px; }
.list-remove { width:28px; }
.list-remove a { width:28px; height:28px; }
.list-remove a span { background-position:-1494px -241px; }
.list-remove a:hover span { background-position:-1744px -241px; }
.list-colour, .list-size, .list-quantity, .list-price { min-width:97px; }
.js table.my-basket { display:none; }
.uline { padding-bottom:5px; margin-bottom:5px; border-bottom:solid 1px #e0dcd1; }
.js #order-summary { margin-top:94px; }
#order-summary p.dgrey { clear:both; width:170px; }
#order-summary span { padding-bottom:5px; }
#order-summary label { display:block; margin-top:24px; }
#order-summary input { border:solid 1px #e0dcd1; width:180px; padding:2px; }
#order-summary button { display:block; margin:5px 0; }
span.label-name { display:block; float:left; width:100px; }
span.label-value { display:block; float:right; }
#applyPromo { position:relative; left:-3px; }
.total-bar { display:block; clear:both; height:8px; margin:5px 0; border-top:solid 1px #f28137; background:url(../images/graphics/icons.gif) no-repeat -1145px -602px; }
#cart-stotal { margin-bottom:20px; }
#cart table.my-basket { margin:20px 0; position:relative; }
.checksum { margin-bottom:15px; }
#footer {
background-color:#fff;
border-bottom-style:none;
height:12px;
color: 04338a;
background-image:url(../Web/images/topline.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
padding-right: 45px;
padding-left: 45px;
}
#footer-search label { display:block; float:left; margin-right:12px; }
#footer-search label span { padding-right:5px; }
#footer dl { display:block; float:left; min-width:212px; padding-top:24px; margin-right:20px; }
#footer dt { margin-bottom:5px; }
#footer dd { margin-bottom:2px; }
#footer dd a:hover, #footer dd a:active { color:#545252;}
#storeselector { display:block; float:right; min-width:212px; padding-top:24px; }
#storeselector label { display:block; margin-bottom:5px; }
#storeselector select { display:block; width:187px; margin-bottom:10px; }
#copyright { clear:both; padding-top:21px; }
ul { margin:12px 0 8px; list-style:disc; }
li { margin:0 0 5px 1.5em; }