/* Edited: 01 February 2011 (RE) Website: http://www.tooltastic.co.uk Created: 17 March 2010 Author: Snow Valley UX Team */ @import url("thickbox.css"); /* =========================== GLOBAL */ body {font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; background:#000 url(../Images/bg-body.jpg) repeat-x 0 0; position:relative;} #container {width:970px; padding:0 10px; margin:11px auto 0; text-align:left; position:relative; background-color:#000;} a, a:link {color:#A0004D; text-decoration:none;} a:hover {text-decoration:underline;} a.plain-link, a.plain-link:link {color:#666666;} a.plain-link:hover {color:#A0004D;} p {font-size:1.2em; color:#000; margin-bottom:1em;} h1 {margin-bottom:.5em; font-size:1.6em;} h2 {font-size:1.4em; margin-bottom:.2em;} h3 {font-size:1.2em; margin-bottom:.2em;} h4 {margin:.5em 0; font-size:1.1em; margin-bottom:.2em;} h5 {font-size:1.1em; margin-bottom:.2em;} dl dt {font-weight:bold; font-size:1.2em;} dl dd {font-size:1.2em;} abbr {border-bottom:dashed #666666 1px;} .instock {color:#009900;} .outstock {color:#FF0000;} /*Tables*/ table {width:100%;border-collapse:collapse; color:#000; margin-bottom:1.5em;} table thead th {padding:.5em; font-size:1.1em; background:#000; color:#FFFFFF;} table tfoot td {text-align:right;} table th.header {background:#000; padding:.5em; font-size:1.3em; color:#D5D6C4;} table td {padding:.5em; font-size:1.2em; vertical-align:text-top;} /*table tr:hover td {background:#E5E5E5;}*/ table td h3, table td h4, table td p, table td ul {font-size:1em;} table .alt td {background-color:#EEEEEE;} table .empty {background:none;} table .price {text-align:right;} table .qty .textfield {width:1em; padding:.25em; text-align:center;} /*Form elements*/ .textfield {border:1px solid #ACACAC; font-size:1.1em; padding:2px 5px;} textarea {border:1px solid #ACACAC; font-size:1.2em; padding:2px 5px; font-family:Arial, Helvetica, sans-serif;} .dropdown {border:1px solid #ACACAC; font-size:1.1em; padding:1px 0px 1px 0px;} span.dropdown {border:none; font-size:1.1em; padding:1px 0px 1px 0px;} input.image-btn {position:relative; top:10px;} .formrow {margin-bottom:.5em;} .formrow.left {float:left;} .formrow.right {float:left; margin-left:2em;} .formrow.none {clear:both;} fieldset a {font-weight:bold;} label {font-size:1.2em; font-weight:bold;} .formrow label {display:block; font-size:1.1em;} .formrow select {font-size:1.1em;} .checkbox, .radio {vertical-align:middle;} input.textfield:focus {background:#f5f4eb;} textarea:focus {background:#f5f4eb;} .qty-box {width:2.5em; text-align:center; margin-top:1px;} input.button {background:url(../Images/bg-txtbtn.jpg) repeat-x left bottom #FFF; border:#999 solid 1px; color:#333; font-size:1.1em; cursor:pointer; padding:2px 10px; text-decoration:none;} input.button:hover {background:url(../Images/bg-txtbtn-hover.jpg) repeat-x left bottom #E5E5E5;} table input.button {font-size:1em;} input.button-red {background:url(../Images/bg-txtbtn-red.jpg) repeat-x left bottom #FF0000; border:#9C0000 solid 1px; color:#FFF; cursor:pointer; padding:2px 10px; text-decoration:none;} input.button-red:hover {background:url(../Images/bg-txtbtn-red-hover.jpg) repeat-x left bottom #E5E5E5;} input.buy-button {background:url(../Images/bg-buybtn.jpg) repeat-x left bottom #FFF; border:#999 solid 1px; color:#333; cursor:pointer; padding:4px 15px 4px 30px; text-decoration:none;} input.buy-button:hover {background:url(../Images/bg-buybtn-hover.jpg) repeat-x left bottom #E5E5E5;} /*Global colours*/ .processing {color:#006600; font-weight:bold;} .complete {color:#333333; font-weight:bold;} .approved {color:#00CC00; font-weight:bold;} .accepted {color:#FF6600; font-weight:bold;} .declined {color:#FF0000; font-weight:bold;} .hold {color:#999999;} .instock {color:#009900;} .outstock {color:#FF0000;} /*Global buttons*/ a.txtbtn {background:url(../Images/bg-txtbtn.jpg) repeat-x left bottom #FFF; border:#999 solid 1px; padding:2px 10px; text-decoration:none; color:#333333;} a.txtbtn:hover {background:url(../Images/bg-txtbtn-hover.jpg) repeat-x left bottom #E5E5E5;} a.txtlink {border-bottom:#9F075D dotted 1px; text-decoration:none; color:#9F075D;} a.txtlink:hover {border-bottom:#CCC solid 1px; background:#9F075D; color:#FFFFFF;} a.txtbtn-red {background:url(../Images/bg-txtbtn-red.jpg) repeat-x left bottom #E5E5E5; border:#999 solid 1px; padding:2px 10px; text-decoration:none; color:#FFF;} a.txtbtn-red:hover {background:url(../Images/bg-txtbtn-red-hover.jpg) repeat-x left bottom #E5E5E5;} /* =========================== Help instructions */ .help-text {float:right; width:40%;} .help-text .inner {border:1px dotted #A5C283; padding:0.6em 0.8em 0em 10px; background:#E4E4E4;} .help-text p {margin-bottom:1em; color:#333333;} /* =========================== ERROR PAGES */ #error {padding:1em 0 0 0;} #error h2 {color:#9F075D; font-size:1.8em; margin-bottom:.5em; font-weight:normal;} #error h3 {clear:left; border-bottom:1px dotted #CCC; padding-bottom:.5em; margin-bottom:.5em;} #error #reasons {float:left; width:70%;} #error #reasons ul {margin:1.5em 0 1.5em 0;} #error #reasons ul li {font-size:1.3em; position:relative; padding:.15em 1em .25em .15em; margin-bottom:.5em;} #error #reasons ul li a {border-bottom:1px dotted #9F075D; } #error #options {float:right; width:25%;} #error #options .inner {margin-left:1.5em;} #error #options ul {margin:1em 0 1em .25em;} #error #options li {font-size:1.1em; padding-left:12px; margin-bottom:.15em;} /* Alert ===========================*/ .alert {border:3px solid #e50000; width:790px; margin:0 auto 10px;} .alert h3 {margin:10px 15px 0; color:#333333; font-size:1.6em;} .alert ul {color:#333; font-weight:bold; font-size:1.3em; margin-bottom:0; background:url(../Images/bg-error.gif) no-repeat 15px center; padding:15px 10px 15px 50px;} /* =========================== Modal.Master */ body.modal-body {font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; background:none; position:relative; background-color:#FFF;} #modal {padding:20px;} #modal #content.static ul li {font-size:1.2em;} #modal #content .content-nav {display:none;} #modal #content .image-bar {display:none;} /* HEADER =========================== */ #container #header {min-height:108px; position:relative;} #container #header div.logo {float:left; width:194px; height:31px; margin:20px 0 0 15px;} #container #header .top-nav {width:100%; background:url(../Images/bg-topnav.gif) repeat-x 0 0; height:30px; position:absolute; top:75px; left:0; border-bottom:3px solid #a91055; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;} #container #header .top-nav li.cat .drop { -moz-box-shadow:0 3px 5px #222222; background:url("../Images-css/bg-drop.png") repeat-x scroll 0 0 #575757; display:none; position:absolute; top:30px; z-index:4000; zoom:1; } #container #header ul.info-nav li.hover .drop { display:block; } #container #header .top-nav li.cat .drop ul { padding:15px 90px 15px 15px;} #container #header .top-nav li.cat .drop li { display:block; float:none; font-size:0.92em; padding:3px 0; color:#cdcdcd; } #container #header .top-nav li.cat .drop li a:hover {background:none;} #container #header .top-nav li.cat .drop a { background:none repeat scroll 0 0 transparent; display:inline; margin:0; padding:0; text-decoration:underline; text-shadow:none; } #container #header .top-nav li.cat .drop a:hover {color:#fff; text-decoration:underline;} #container #header ul.info-nav li, #container #header ul.account-nav li {float:left; font-size:1.2em; color:#fff;} #container #header ul.info-nav li a {color:#fff; display:block; padding:8px 15px;} #container #header ul.info-nav li.cat {background:url(../Images/bg-topnav-cat.gif) no-repeat right top;} #container #header ul.info-nav li.cat a {font-weight:bold; text-shadow:1px 1px 2px #000; margin-right:2px;} #container #header ul.info-nav li.cat a:hover {text-decoration:none; background:url(../Images/bg-topnav-cat-hover.gif) repeat-x 0 0; color:#f8ed33;} #container #header ul.info-nav li.first a:hover {-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px;} #container #header ul.account-nav {float:right; margin-right:10px;} #container #header ul.account-nav li a {color:#fff; display:block; padding:8px 10px;} #container #header div.mini-basket {position:absolute; right:0px; top:19px; width:220px; height:40px; background:url(../Images/bg-minibasket.gif) no-repeat 0 0;} #container #header div.mini-basket li {display:inline;} #container #header div.mini-basket h2 {font-size:1.2em; font-weight:bold; color:#f8ed33; text-shadow:1px 1px 2px #000; letter-spacing:0; margin:0;} #container #header div.mini-basket h2 a {color:#f8ed33; display:block; padding:13px 12px 12px 32px; width:175px;} #container #header div.mini-basket h2 a:hover {text-decoration:none;} #container #header div.mini-basket p.basket-items {font-size:1.2em; color:#fff; margin:0; position:absolute; top:13px; left:105px;} #container #header div.mini-basket p.basket-items a {color:#fff;} #container #header div.mini-basket p.basket-items a:hover {text-decoration:none;} #container #header ul li.last {border:none;} #container #header div.search {position:absolute; left:250px; top:18px; width:470px; height:42px; background:url(../Images/bg-search.gif) no-repeat 0 0;} #container #header div.search label {display:none;} #container #header div.search fieldset {margin-top:7px;} #container #header div.search input.textfield {width:332px; float:left; border:1px solid #aaa; color:#666; font-size:1.2em; padding:5px 8px; margin:0 5px 0 37px; display:inline;} #container #header div.search input.button {background:url(../Images/btn-search.gif) no-repeat 0 0; width:71px; height:30px; cursor:pointer; position:relative; text-indent:-9999px; overflow:hidden; display:block; border:0; top:-1px; font-size:0px; line-height:0px;} /* Checkout header */ #container #header.checkoutheader ul.info-nav li.secure {padding:8px 10px; text-shadow:1px 1px 2px #000; font-weight:bold;} #container #header.checkoutheader ul.account-nav li a {text-shadow:1px 1px 2px #000; background:url(../Images-css/bg-secure.png) no-repeat right 7px; padding-right:20px;} #container #header.checkoutheader #phone {width:160px; color:#fff; margin-top:23px; float:left; margin-left:350px;} #container #header.checkoutheader #phone p {margin-bottom:0; font-size:1.2em; color:#ddd;} #container #header.checkoutheader #phone h2 {font-size:1.4em;} #container #progressheader {background-color:#f5f4eb; margin:0 0 20px; position:relative;} #container #progressheader #steps {font-weight:bold; font-size:1.4em; width:585px; height:50px; text-align:center; margin:0 auto 30px;} #container #progressheader #steps ul {padding-top:50px;} #container #progressheader #steps ul li {display:inline; color:#c9c9c2; text-shadow:1px 1px 2px #fff;} #container #progressheader #steps ul li.delivery {margin:0 130px;} #container #progressheader div.welcome {background:url(../Images-css/bg-steps-welcome.png) no-repeat center 20px;} #container #progressheader div.delivery{background:url(../Images-css/bg-steps-delivery.png) no-repeat center 20px;} #progressheader div.welcome li.welcome, #progressheader div.delivery li.delivery, #progressheader div.complete li.complete {color:#404040;} #progressheader div.complete {background:url(../Images-css/bg-steps-complete.png) no-repeat center 20px;} #container #progressheader .mini-basket {float:right; font-size:1.4em; margin-top:8px;} #container #progressheader .mini-basket li {display:inline;} #container #progressheader .mini-basket li.gohome-btn {margin-left:4px;} #container #progressheader .mini-basket .basket-items {font-weight:bold;} #container #progressheader .mini-basket .btn-basket {padding-left:5px; padding-right:10px; background:url(../Images/icon-basketarrow.gif) no-repeat right center;} /* =========================== Redirect page - PunchoutLogout.aspx */ body.redirect #container {height:600px; background:none #FFF;} body.redirect #container #header {background:none; border-bottom:solid 2px #000; margin-bottom:20px; min-height:70px;} body.redirect #container #h2 {clear:both;} body.redirect #container input.button {display:block;} /* CONTENT-AREA HOME =========================== */ #content-area {padding:20px; position:relative; background-color:#fff; z-index:0 !important;} #content-area #home-sidebar h1 {font-size:1.2em; letter-spacing:0; color:#f8ed33; background-color:#000; padding:8px 10px; margin-bottom:1px;} #content-area .home h2.important {background:#E1E1E1; color:#3E3E3E; font-size:1.6em; text-align:center; padding:5px; margin-bottom:.7em;} #content-area #home-sidebar {width:240px; float:left; padding:0; margin-bottom:1em;} #content-area #home-sidebar ul {margin-bottom:10px; background-color:#f5f4eb; padding:8px 10px 15px;} #content-area #home-sidebar ul li {font-size:1.2em; line-height:1.5em;} #content-area #home-sidebar ul li a {color:#9c004a; font-weight:bold; text-decoration:underline;} #content-area #home-sidebar ul li ul {padding-top:0; padding-bottom:5px;} #content-area #home-sidebar ul li ul li {font-size:1em;} #content-area #home-sidebar ul li ul li a {font-weight:normal;} #content-area #home-sidebar div.cta-sidebar {position:relative;} #content-area #home-sidebar .sidebar-guides {display:none;} #content-area .home #content {float:right; width:677px!important; margin-bottom:5px; padding:0;} #content-area #content div.home-media {position:relative;} #content-area #content div.home-media img {margin-bottom:4px;} #content-area #content div.home-media p {margin:0;} #content-area #home-cta {clear:both;} #content-area #home-cta .main-pane {float:left; width:678px;} #content-area #content #home-cta .main-content h2 {background:url(../Images-css/bg-heading.png) repeat-x 0 0; font-size:1.4em; color:#fff; padding:9px 12px 5px; height:22px; margin:0; letter-spacing:0;} #content-area #content #home-cta .main-content h2 a {color:#f8ed33; font-size:0.86em; float:right;} #content-area #content #home-cta .main-content ul.brands {border-bottom:2px solid #dfdfdf; margin-bottom:5px;} #content-area #content #home-cta .main-content ul.brands li {float:left;} #content-area #content #home-cta .main-content ul.brands li.large-icon{clear:both;} #content-area #content #home-cta .main-content ul.promos {margin-bottom:10px;} #content-area #content #home-cta .main-content ul.promos li {float:left; padding-right:3px;} #content-area #content #home-cta .main-content ul.promos li.last {padding-right:0;} /* QUICK BUY ON HOMEPAGE =========================== */ #content-area div.buy-area {width:240px; margin-bottom:10px; background-color:#e9e9e9; min-height:210px; position:relative; border-bottom:2px solid #dfdfdf;} #content-area div.buy-area h2 {font-size:1.4em; color:#fff; background:url(../Images-css/bg-heading.png) repeat-x 0 0; padding:8px 8px 6px; height:22px; margin:0;} #content-area div.buy-area .alert{background:url(../Images/bg-error.gif) 5px 7px no-repeat #fff !important;width:auto;margin-bottom:2px;} #content-area div.buy-area .alert h3{font-size:1.2em;margin:5px 0 5px 35px;} #content-area div.buy-area .alert ul{height:45px;margin-top:-8px !important;} #content-area div.buy-area .alert ul li{padding-left:25px !important;} #content-area #home-sidebar div.buy-area ul {background:transparent; margin:0; padding:8px 10px 2px;} #content-area #home-sidebar div.buy-area ul li {float:left; color:#000; padding:0 0 3px 0; font-size:0.85em; font-weight:bold; line-height:1em;} #content-area #home-sidebar div.buy-area ul li.order {width:195px;} #content-area div.buy-area .formrow.left {margin:0 5px 5px 9px;} #content-area div.buy-area .formrow.right {margin:0 8px 5px 0;} #content-area div.buy-area .formrow.none {float:left; margin:0;} #content-area div.buy-area .textfield {border:1px solid #484848;} #content-area div.buy-area .formrow.left input.textfield {width:173px; margin:0;} #content-area div.buy-area .formrow.right input.textfield {width:20px; margin:0;} #content-area div.buy-area .formrow input.button {display:block; width:138px; height:29px; background:url(../Images-css/btn-add-to-basket.png) no-repeat; border:none; text-indent:-9999px; overflow:hidden; margin:5px 9px 10px;} /*Errors in quick buy panel*/ #content-area #content div.buy-area div.alert {position:relative;} #content-area #content div.buy-area div.alert h3 {font-size:1.5em} #content-area #content div.buy-area div.alert ul {margin:0.2em 0 0.5em 0em; list-style-type:none;} #content-area #content div.buy-area div.alert li {float:none; color:#000000; font-size:1em; list-style-type:none;} /*Styles for jquery close button for the error message*/ #content-area #content div.buy-area div.alert.overlay {position:absolute; top:32px; left:6px; width:151px;} #content-area #content div.buy-area div.alert div.close {position:absolute; top:0; right:0; background:#CC3366; width:25px; height:25px; background:url(../Images/x.gif) no-repeat 50% 50%; cursor:pointer;} /*End jquery styles*/ #content-area #content div.adverts {clear:both; width:700px;} #content-area #content div.adverts li {float:left; width:345px;} #content-area #content div.adverts li.alt {float:right;} /*A row of two*/ #content-area #home-cta .main-pane ul.row-two {margin-bottom:0;} #content-area #home-cta .main-pane ul.row-two li {display:block; width:250px; float:left; margin:0 0 5px 0; min-height:192px; height:auto !important; height:192px;} #content-area #home-cta .main-pane ul.row-two li.last {margin-right:0;} #content-area #home-cta .main-pane ul.row-two li p {padding:0 7px;} #content-area #home-cta .main-pane ul.row-two li h3 {padding:0 7px;} /*A row of three*/ #content-area #home-cta .main-pane ul.row-three {margin-bottom:0px; clear:both;} #content-area #home-cta .main-pane ul.row-three li {display:block; width:165px; float:left; margin:0 0 5px 0; min-height:187px; height:auto !important; height:187px;} #content-area #home-cta .main-pane ul.row-three li.last {margin-right:0;} #content-area #home-cta .main-pane ul.row-three li p {padding:0 7px;} #content-area #home-cta .main-pane ul.row-three li h3 {padding:0 7px;} /*A row of four*/ #content-area #home-cta .main-pane ul.row-four {margin-bottom:0; clear:both;} #content-area #home-cta .main-pane ul.row-four li {display:block; width:125px; float:left; margin:0 0 5px 0; min-height:80px; height:auto !important; height:80px;} #content-area #home-cta .main-pane ul.row-four li.last {margin-right:0;} #content-area #home-cta .main-pane ul.row-four li p {padding:0 7px; font-size:1.1em;} #content-area #home-cta .main-pane ul.row-four li h3 {padding:0 7px;} /*Subpane*/ #content-area #home-cta .sub-pane {display:none;} /* =========================== CROSS SELLS */ #content-area #content div.cross-sells {clear:both; width:650px; border-top:solid 1px #666666;} #content-area #content div.cross-sells h4 {font-size:1.4em; margin-bottom:1em;} #content-area #content div.cross-sells li {float:left; width:325px; margin-bottom:1em;} #content-area #content div.cross-sells li img {float:left; margin:0 1em 0 0;} #content-area #content div.cross-sells li h5 {margin-bottom:1em;} #content-area #content div.cross-sells li p {margin-bottom:0em;} /* PRODUCT DETAIL PAGE =========================== */ #content-area ul.product-head {position:relative; top:-6px; text-align:right; margin:0; padding:0 10px 10px 0; border-bottom:2px solid #E9E9E9;} #content-area ul.product-head li {font-size:1.2em; display:inline; text-align:right; padding:5px 0 5px 20px;} #content-area ul.product-head li a {text-decoration:underline;} #content-area ul.product-head li.print-btn {background:url(../Images-css/sprites-product.png) no-repeat -2px -26px; padding-left:23px;} #content-area ul.product-head li.tell-btn {background:url(../Images-css/sprites-product.png) no-repeat -3px -61px; margin-left:30px; padding-left:21px;} #content-area ul.product-head li.back-btn {position:absolute; top:-5px; left:-2px; background:url(../Images-css/sprites-product.png) no-repeat 0 6px} #content-area #content.product {float:left; padding-bottom:1em; min-height:600px;} /*Info*/ #content-area #info {width:620px; float:right;} #content-area #info h1 {color:#f8ed33; background-color:#000; letter-spacing:0; padding:8px 10px; margin-bottom:4px;} #content-area #content.product #info dl {background-color:#f5f4eb; padding:8px 10px; width:360px; line-height:1.8em; margin:0;} #content-area #content.product #info dl dt {clear:left; display:block; float:left; font-size:1.2em; width:90px;} #content-area #content.product #info dl dd {font-size:1.2em; margin-left:95px; padding:0; text-align:left;} #content-area #content.product #info dl dd p {font-size:1em; margin-bottom:0;} #content-area #content.product #info dl a.manufacturer {background:url(../Images-css/sprites-product.png) no-repeat right -100px; padding-right:23px;} #content-area #content.product #info dl a {text-decoration:underline;} #content-area #content.product #info dl.tech-list {margin-bottom:4px;} #content-area #content.product #info dl.tech-list dt {padding-left:20px; width:70px;} #content-area #content.product #info dt.cat {background:url(../Images-css/sprites-product.png) no-repeat -3px -131px;} #content-area #content.product #info .adobe-reader{margin-top:10px;} #content-area #content.product #info .adobe-reader p {display:none;} #content-area #content.product #info h2 {color:#f8ed33; background-color:#000; letter-spacing:0; font-size:1.2em; padding:7px 10px; width:360px; margin-bottom:0;} #content-area #content.product #info #attributes, #content-area #content.product #info #features {width:380px;} #content-area #content.product #info #attributes table {margin-bottom:25px;} #content-area #content.product #info #attributes table td {font-size:1.1em; padding:3px 10px;} #content-area #content.product #info table td.tdodd {background-color:#f5f5f5;} #content-area #content.product #info .description {margin:10px 0; width:540px;} /*temp*/ /*#content-area #content.product #info ul.idTabs {display:none;} #content-area #content.product #info #features {display:none;}*/ /*tabs =====================*/ #content-area #content.product #info ul.idTabs {border-bottom:4px solid #000; margin-top:17px;width:380px;} #content-area #content.product #info ul.idTabs li {display:block; float:left; text-align:center; padding:0; margin-right:4px; font-size:1.2em; font-weight:bold;} #content-area #content.product #info ul.idTabs li a {background-color:#d7d7d7; color:#222; text-decoration:none; display:block; padding:9px 15px 6px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-radius-topright:5px; text-shadow:0 1px 0 #fff;} #content-area #content.product #info ul.idTabs li a.selected {background:#000 url(../Images-css/bg-topnav.gif) repeat-x 0 0; color:#fff; text-shadow:0 1px 0 #000;} #content-area #content.product #info #attributes, #content-area #content.product #info #features {border-top:2px solid #a91055;} #content-area #content.product #info #features p {padding:5px;} #content-area #content.product #info table {border-bottom:1px solid #cecece; margin:0;} #content-area #content.product #info table td {font-size:1.1em; background-color:#efefef; padding:4px 10px;} #content-area #content.product #info table td.tdodd {background-color:#eaeaea;} /*Add to basket area*/ #content-area #buy {position:absolute; top:95px; right:20px; width:230px;} #content-area #buy h3.price {background:url(../Images-css/bg-heading.png) repeat-x 0 0; font-size:1.4em; color:#fff; padding:9px 12px 5px; height:22px; margin:0;} #content-area #buy .add-item {background-color:#e9e9e9; padding:12px 10px 6px;} #content-area #buy .add-item .qty-box {border:1px solid #6A6A6A; font-size:1.2em; font-weight:bold; margin:0 0 0 5px; padding:5px 0; width:28px;} #content-area #buy .add-item .buy-button {background:url(../Images-css/btn-add-to-basket.png) no-repeat 0 0; border:0; cursor:pointer; display:block; float:right; height:29px; overflow:hidden; position:relative; text-indent:-9999px; top:-1px; width:138px; padding:0;} #content-area #buy .add-item p.out-of-stock {margin:0;} #content-area #buy ul.stock {margin-bottom:5px; padding:7px 10px;} #content-area #buy ul.stock li {font-size:1.2em; padding:4px 0 5px 27px;} #content-area #buy ul.stock li.stockeditem {background:url(../Images-css/sprites-product.png) no-repeat -2px -318px;} #content-area #buy ul.stock li.nostock {background:url(../Images-css/cross.png) no-repeat 0 0;} #content-area #buy ul.stock li.packsize {background:url(../Images-css/sprites-product.png) no-repeat -2px -356px;} #content-area #buy ul.stock li.only-delivery {background:url(../Images-css/icon-warning.png) no-repeat 0 2px; font-weight:bold;} #content-area #buy ul.stock li.only-delivery a {text-decoration:underline;} #content-area #buy ul.stock li.add-favourite {padding-left:0; margin-top:20px;} #content-area #buy ul.stock li.add-favourite a {background:url(../Images-css/btn-add-favourite.png) no-repeat 0 0; display:block; width:181px; height:26px; text-indent:-9999px; overflow:hidden; border:0; padding:0;} /*Pictures*/ #content-area #content.product #pictures {width:300px; float:left; margin-bottom:1em;} #content-area #content.product #pictures img.large {margin-bottom:10px;; max-width:300px;} #content-area #content.product #pictures h3 {font-size:1.2em; margin-bottom:1em;} #content-area #content.product #pictures ul li {float:left; width:72px; margin-right:10px;} #content-area #content.product div.cross-sells {clear:both; width:650px; border-top:solid 1px #666666;} #content-area #content.product div.cross-sells h4 {font-size:1.4em; margin-bottom:1em;} #content-area #content.product div.cross-sells li {float:left; width:325px; margin-bottom:1em;} #content-area #content.product div.cross-sells li img {float:left; margin:0 1em 0 0;} #content-area #content.product div.cross-sells li h5 {margin-bottom:1em;} #content-area #content.product div.cross-sells li p {margin-bottom:0em;} /*Find similar*/ #content-area #buy img.similar {cursor:pointer; margin-left:10px;} #content-area #similar {display:none;clear:both; z-index:1000; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; width:530px; background:url(../Images-css/bg-similaroverlay.png) repeat 0 0; padding:18px;position:absolute;top:230px;left:200px;} #content-area #similar .inner {background-color:#e9e9e9; border:3px solid #a4004a; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; padding:10px 20px 15px;} #content-area #similar a.close {float:right;} #content-area #similar h1 {color:#111; margin-bottom:15px;} #content-area #similar ul {border-bottom:1px solid #ccc; padding-bottom:10px;} #content-area #similar ul li {font-size:1.1em; color:#222; width:240px; float:left; padding-bottom:5px;} #content-area #similar ul li input {margin-left:0; margin-right:10px;} #content-area #similar input.button {background:url(../Images-css/btn-findnow.png) no-repeat 0 0; border:0; width:152px; height:37px; text-indent:-9999px; overflow:hidden; display:block; float:right; margin-top:13px;} #content-area #similar .action {border-top:1px solid #fff;} #content-area #similar a.close {display:block; background:url(../Images-css/btn-close.png) no-repeat 50% 50%; width:11px; height:12px; text-indent:-9999px; overflow:hidden; padding:5px 0 5px 5px;} #content-area #content.product div.cross-sells.similar {margin-top:2em;} #content-area #content.product div.cross-sells.similar h1 {margin-bottom:0.2em;} #content-area #content.product div.cross-sells.similar li {float:none; margin:0; padding:0.3em 0; /*border-bottom:1px dotted #ccc;*/ font-size:1.1em;} #content-area #content.product div.cross-sells.similar li span {font-weight:bold;} /* TELL A COLLEAGUE =========================== */ #content-area div.send-to {background:#E9E9E9; padding:0; margin-bottom:20px;} #content-area div.send-to h2 {background:url(../Images-css/bg-heading.png) repeat-x 0 0; font-size:1.4em; color:#fff; padding:9px 12px 5px; height:22px; margin:0; letter-spacing:0;} #content-area div.send-to .formrow {margin:10px;} #content-area div.send-to .formrow label {font-size:1.2em; margin-bottom:2px;} #content-area div.send-to input.textfield {width:195px; padding:3px 5px; font-size:1.2em;} #content-area div.send-to input.button {margin:0 10px 10px; background:url(../Images-css/btn-send.png) no-repeat 0 0; width:73px; height:26px; border:0; text-indent:-9999px; overflow:hidden; display:block; font-size:0; line-height:0;} #content-area div.send-to .alert {margin:10px;} #content-area div.send-to p {margin:10px 0 10px 10px;} /* LANDING PAGE =========================*/ .landing {margin-top:12px;} .landing #content {float:right; width:680px!important; padding:0;} .landing #content #landingheader {background:#261a48; color:#fff; height:200px; margin-bottom:5px; position:relative;} .landing #content #landingheader p {position:absolute; left:15px; top:55px; color:#fff; width:320px;} .landing #content #landingheader ul {position:absolute; left:25px; top:130px;} .landing #content #landingheader ul li a {color:#ffc2d9; font-size:1.2em; text-decoration:underline; line-height:1.4em;} .landing #content #categories {margin-bottom:10px;} .landing #content #categories h1 {font-size:1.4em; color:#fff; background:url(../Images-css/bg-heading.png) repeat-x 0 0; padding:9px 12px 5px; margin:0 0 15px; height:22px;} .landing #content #categories ul {width:650px; margin:0 auto;} .landing #content #categories ul li {float:left; width:115px; height:180px; margin:0 15px 0 0; text-align:center;} .landing #content #categories ul li h2 {font-size:1.1em; font-weight:normal;} .landing #content #categories ul li p {font-size:1.1em;} .landing #content #categories ul li h2 a {text-decoration:underline;} .landing #content #categories ul li img {margin-bottom:5px;} .landing #content .landing-cms p {margin-bottom:5px;} /* BREADCRUMBS ========================= */ #breadcrumbs {font-size:1.2em; margin-left:10px; margin-top:-5px;} #breadcrumbs li {display:inline;} #breadcrumbs li a {text-decoration:underline;} /* PRODUCT LIST STYLES =========================== */ #content-area p.ref-btn {float:right; text-align:right; margin-top:-2.4em;} #content-area .refine {margin:12px 0 2px; position:relative;} #content-area .refine h2 {font-size:1.4em; color:#fff; background:url(../Images-css/bg-heading.png) repeat-x 0 0; padding:8px 10px 11px; margin:0;} #content-area .refine h2 span {font-weight:normal;} #content-area .refine p.helptext {position:absolute; top:9px; right:10px; color:#bbb; font-size:1.1em;} #content-area p.ref-btn {float:right; text-align:right; margin-top:-2.4em;} #content-area .refine h3 {color:#191919; font-size:1.1em; float:left; padding:5px 0; position:relative;} #content-area .refine ul.filters {padding-left:10px; float:left; position:relative; top:-5px;} #content-area .refine ul.filters li {color:#191919; font-size:1.1em; width:auto; margin-right:15px;} #content-area .refine ul.filters li a {color:#191919; text-decoration:underline;} #content-area .refine ul.filters li img {position:relative; top:6px;} #content-area div.refine ul li {display:block; float:left; width:180px;} #content-area div.refine ul li label {display:block; color:#f8ed33; font-size:1.1em; padding:6px 10px; background-color:#000;} #content-area div.refine ul li select {height:85px; width:180px; border:0; padding:5px 10px; background-color:#f5f4eb;position:relative;/*z-index:-1 !important;*/} #content-area div.refine ul li select option {font-size:1em; padding:1px; text-decoration:underline; color:#222;} #content-area div.refine ul li select option:hover {cursor:pointer;} #content-area div.refine ul li select option:focus {background:#CCC;} #content-area div.refine ul li input.button {width:160px;} /* PRODUCT LIST PAGING ===========================*/ #content-area .paging {clear:both; height:25px; background-color:#e9e9e9; margin:0 0 5px;} #content-area .paging ul.options a {text-decoration:underline;} #content-area .paging ul.options {float:left; font-size:1.1em; margin:0; padding:0;} #content-area .paging ul.options li {float:left; display:block; padding:7px 50px 5px 5px;} #content-area .paging ul.options li.compare { margin-left:5px;} #content-area .paging ul.options li.compare a {background:url(../Images-css/bg-compare.png) no-repeat left 1px; padding-left:22px;} #content-area .paging ul.options li.product-view ul, #content-area .paging ul.options li.show-options ul {float:left; margin:0; padding:0;} #content-area .paging ul.options li.product-view ul li, #content-area .paging ul.options li.show-options ul li {margin:0; padding:0 0 0 3px;} #content-area .paging ul.options strong {float:left;} #content-area .paging ul.pages {float:right; font-size:1.1em; margin:0; padding:0;} #content-area .paging ul.pages li {float:left; padding:7px 3px 5px 4px;} #content-area .paging ul.pages li.next a {background:url(../Images-css/bg-paging.gif) no-repeat 0 -29px; width:10px; height:11px; text-indent:-9999px; display:block; padding:2px; position:relative; top:1px; margin-left:5px; overflow:hidden;} #content-area .paging ul.pages li.next a.active {background:url(../Images-css/bg-paging.gif) no-repeat 0 -43px;} #content-area .paging ul.pages li.previous a {background:url(../Images-css/bg-paging.gif) no-repeat 0 -1px; width:10px; height:11px; text-indent:-9999px; display:block; padding:2px; position:relative; top:1px; margin-right:5px; overflow:hidden;} #content-area .paging ul.pages li.previous a.active {background:url(../Images-css/bg-paging.gif) no-repeat 0 -15px;} /* PRODUCT LIST TABLE ===========================*/ #content-area table.product-list-table {clear:both; border-collapse:collapse;border-bottom:1px solid #686868;} #content-area table.product-list-table a {color:#222;} #content-area table.product-list-table input.button {background:url(../Images-css/btn-add.png) no-repeat 0 0; border:0; text-indent:-9999px; overflow:hidden; width:41px; height:25px; position:relative; top:1px; font-size:0; line-height:0;} #content-area table.product-list-table thead th {font-size:1.1em; vertical-align:bottom; padding:0 0 5px; background-color:#aaa; color:#fff; font-weight:normal; height:40px;} #content-area table.product-list-table thead th.h-reorder {width:12px;} #content-area table.product-list-table thead th.h-pic {width:65px;} #content-area table.product-list-table thead th.h-manu {width:110px;} #content-area table.product-list-table thead th.h-avail {text-align:center; width:65px;} #content-area table.product-list-table thead th.h-unit {text-align:center; width:65px;} #content-area table.product-list-table thead th.h-price {width:100px;} #content-area table.product-list-table thead th.h-qty {border-right:0; padding-left:14px;} #content-area table.product-list-table thead th.h-total {text-align:right;} #content-area table.product-list-table thead th.h-code {width:63px;} #content-area table.product-list-table thead th.h-pack {width:65px;} /*Sort cols*/ #content-area table.product-list-table thead th span {float:left; padding-right:3px; line-height:1em;} #content-area table.product-list-table thead th ul.sort {width:24px; height:10px; display:inline; float:left; position:relative; top:2px;} #content-area table.product-list-table thead th ul.sort li {float:left; display:block; width:10px; padding:0; text-align:center;} #content-area table.product-list-table thead th ul.sort li.up a {display:block; outline:none; text-indent:-999em; background:url(../Images/bg-sort-up.gif) no-repeat 50% 50%; width:14px; height:10px;} #content-area table.product-list-table thead th ul.sort li.down a {display:block; outline:none; text-indent:-999em; background:url(../Images/bg-sort-down.gif) no-repeat 50% 50%; width:14px; height:10px;} /*Table rows and data*/ #content-area table.product-list-table td {border-top:solid 1px #686868; border-bottom:1px solid #ccc; padding: 5px; font-size:1.1em; color:#222;} #content-area table.product-list-table tr.more-info td {padding:2px 5px 2px; border:0;width:850px;} #content-area table.product-list-table tr.more-info td.qty {background:#eee;} #content-area table.product-list-table tr.more-info td ul {display:inline;} #content-area table.product-list-table tr.more-info td ul li {display:inline; padding:0 5px;} #content-area table.product-list-table tr.more-info td ul li ul {margin-top:20px; padding:10px; background-color:#eee; width:410px;} #content-area table.product-list-table tr.more-info td ul li ul li {display:block;} #content-area table.product-list-table tr.more-info td ul li ul li ul {margin:0; padding:0; width:auto;} #content-area table.product-list-table tr.more-info td ul li ul li ul li {display:block; padding:0; margin-bottom:1.5em;} #content-area table.product-list-table tr.more-info td ul li ul li ul li p {margin-bottom:.2em;} #content-area table.product-list-table tr td input.sku {width:4em; margin-top:1px;} #content-area table.product-list-table tr.item td.pic {padding:5px 0 0 5px; border-left:solid 1px #999;} #content-area table.product-list-table td input.qty-box {padding:2px; font-size:1em; text-align:left; border:1px solid #686868; width:24px; margin-right:3px; position:relative; top:5px;} #content-area table.product-list-table td.number {text-align:center;} #content-area table.product-list-table td.control {padding:2px; text-align:center;} #content-area table.product-list-table td.control input {margin:2px 4px 0 2px;} #content-area table.product-list-table td.prices {background:#eee; border-bottom:1px solid #686868; width:137px; vertical-align:text-top;} #content-area table.product-list-table td.compare {border-bottom:1px solid #686868; width:15px;} #content-area table.product-list-table .thumbnail {vertical-align:top; border-bottom:1px solid #686868;} #content-area table.product-list-table .thumbnail a {position:relative;height:45px;display:block;width:73px;padding:2px;border:1px solid #eee;margin:0;} #content-area table.product-list-table .thumbnail a img.thumb {display:block;margin:auto;} #content-area table.product-list-table td .large-thumb {position:absolute; border:1px solid #999; z-index:9999; top:0; left:90px; cursor:pointer;} #content-area table.product-list-table tfoot {display:none;} /* PRODUCT LIST TABLE (image view) ===========================*/ #content-area ul.image-list {clear:both; float:left; margin:1em 0; line-height:1.5em;} /*clear is necessary for IE6*/ #content-area ul.image-list li.image-list-entry {width:160px; height:120px; text-align:left; float:left; margin:5px; padding:6px;} #content-area ul.image-list li.image-list-entry img {margin:auto; border:solid 1px #CCCCCC; margin-bottom:1em;} #content-area ul.image-list li.image-list-entry a {color:#000; font-size:1.1em;} /* =========================== SEARCH RESULTS - SEARCH AGAIN */ #content-area div.search-again {margin:0 0 2em 0; background:#EBEBEB; padding:5px;} #content-area div.search-again input {width:200px;} /* =========================== PRODUCT COMPARISON TABLE */ #content-area h1.compare {text-align:right; width:200px; float:right;} #content-area h2.compare {font-size:1.4em;} #content-area h2.compare a {text-decoration:none;} #content-area table.compare-grid {width:auto;} #content-area table.compare-grid td {padding:0; width:159px; vertical-align:top;} #content-area table table.compare {font-size:1em; margin:1em 0 2em 0;} #content-area table.compare {margin:1em 0 2em 0;} #content-area table.compare th {font-size:1em; padding:4px;} #content-area table.compare td {padding:2px 4px;} #content-area table.compare td.prod-image {height:85px; vertical-align:middle;} #content-area table table.compare td {font-size:1em;} #content-area table.compare td.img {text-align:center;} #content-area table.compare td div.buy-product {width:130px; padding:12px 10px; background:#E8E8E8; border-bottom:1px solid #666666; border-top:1px solid #666666; } #content-area table.compare tr.technical ul li {display:inline;} /* =========================== MY FAVOURITES PAGE */ dl.current-folder {font-size:1.2em; margin-bottom:1em;} dl.current-folder dt {display:inline;} dl.current-folder dd {display:inline; padding-right:10px;} #content div.fave-controls {float:right; width:265px; margin:0 0 1em 0;} #content div.fave-controls ul {float:right;} #content div.fave-controls ul li {float:left; padding-left:0.7em;} #content table.faves {clear:both;} #content table.faves th {font-size:1.2em; background:#000000; color:#FFFFFF; border:1px solid #999999;} #content table.faves th.prod-qty {width:172px;} #content table.faves th.chng-folder {width:93px;} #content table.faves td {vertical-align:top;} #content table.faves td.delete img {margin:5px 0 0 0;} #content table.faves td.delete a {text-decoration:none;} /*Create new folder*/ #content-area div.create-folder {margin:0 0 1em 0; background:#EBEBEB; padding:5px;} #content-area div.create-folder input {} /*table of fodlers*/ #content table.folders {clear:both;} #content table.folders th {font-size:1.2em; background:#000; color:#FFFFFF; border:1px solid #999999;} #content table.folders th.folder-qty {width:278px;} #content table.folders td {vertical-align:top;} /* =========================== STATIC EPI SERVER PAGES */ #content.static div.col_one {width:650px;} /*Static text formatting*/ #content.static h1 {font-size:2.5em; color:#A0004D; margin-bottom:.4em; padding:0; letter-spacing:0;} #content.static h2 {font-size:1.8em; color:#222; margin-bottom:.5em; letter-spacing:0;} #content.static h3 {font-size:1.3em; color:#222; margin-bottom:.4em; letter-spacing:0;} #content.static h4 {font-size:1.2em; color:#000; margin-bottom:.4em;} #content.static h5 {font-size:1.1em; color:#000; margin-bottom:.4em;} #content.static p {margin-bottom:1em;font-size:1.2em !important;} #content.static address {font-size:1.2em; margin:0 0 1em .2em; border-left:5px solid #CCCCCC; padding:0 0 0 1em;} #content.static address p {font-size:1em;} #content.static blockquote {margin:1em 0 1em 2em; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; font-style:italic; padding:1em 1em 1em 1em; font-size:1.5em;} #content.static blockquote p {} /*Static lists*/ #content.static ul {margin:1em 0 1.5em 1.5em; list-style-type:disc; list-style-position:outside;} #content.static ul li {font-size:1.2em; list-style-type:disc; margin-bottom:.15em; list-style-type:disc; list-style-position:outside;} #content.static ol {margin:1em 0 1.5em 2em;} #content.static ol li {font-size:1.2em; list-style-type:decimal; margin-bottom:.15em;} /*Misc classes*/ #content.static img {margin:1em; display:inline;} #content.static .left {float:left;} #content.static .right {float:right;} #content.static .border {border:1px solid #999999;} #content.static .background_light {background:#E1E1E1;} #content.static .background_dark {background:#999999;} #content.static .padding {padding:10px;} /*Static tables*/ #content.static table {margin:1em 0;} #content.static table.data {border-collapse:collapse; border:solid 1px #999999;} #content.static table.data th {background:#000; color:#FFFFFF; font-size:1.4em; text-align:center; vertical-align:top; padding:5px;} #content.static table.data td {border-bottom:dashed 1px #CCCCCC;} #content.static table td {font-size:1.2em; vertical-align:top;} #content.static table td p {font-size:1em; margin:0 0 .5em 0; padding:0;} /*Static content side navigation*/ #content.static .static-nav {float:right; width:290px; background:#E6E6E6;} #content.static .static-nav ul {list-style-type:none; margin:10px;} #content.static .static-nav ul li {list-style-type:none; line-height:2em;} #content.static .static-nav ul li a {display:block; border-bottom:dashed 1px #CCCCCC; padding:0 6px; text-decoration:none;} #content.static .static-nav ul li a:hover {display:block; border-bottom:dashed 1px #666666; background:#333333; color:#FFFFFF;} /*STATIC CMS PAGES*/ #content.static {padding: 0;} #content.static p {line-height:1.25em; margin-bottom:1em; font-size:1.4em; color:#222;} #content.static p.first {font-size:1.2em;} /*#content.static ul {margin:1em 0 1em 1.5em;} #content.static ul li {font-size:1.2em; list-style-type:disc; margin-bottom:.15em;}*/ #content.static ul.offer, #content.static ol.offer, #content.static ul.offer li a, #content.static ol.offer li a {color:#DE2723;} /*#content.static ol {margin:1em 0 1em 2em;} #content.static ol li {font-size:1.2em; list-style-type:decimal; margin-bottom:.15em; color: #900; font-weight:bold;}*/ #content.static table {margin:1em 0;} #content.static div.quotes {width:222px; padding:0 22px 0 0;} #content.static blockquote {margin:1em 0 0em 0; font-style:italic; font-weight:bold; font-size:1.1em; line-height:1.8em; color:#3D3128;} #content.static blockquote p {font-size:1em;} #content.static blockquote.fancy {display:block; margin:0 0 2em 0; clear:both; width:28%; background:url(../Images/bg-pull-quotes.gif) 0 5px no-repeat; padding:0 15px 0 42px; font-size:1.1em; font-weight:normal; line-height:1.4em; color:#666666; font-style:normal;} #content.static img {margin:0 1em 1em 0; display:inline;} #content.static img.right {margin:0 0 1em 1em; } #content.static img.left {margin:0 1em 1em 0; clear:none;} #content.static .left {float:left;} #content.static .right {float:right;} #content.static .intro { margin: 0 11px 1.6em 0; } #content.static .intro img { margin-left: 2.2em; } #content.static .image-bar { float: right; margin-left:10px; display:inline;} #content.static .image-bar p { margin: .5em 0 1em 0; } #content.static .image-bar img { margin: 0 0 10px; display: block; } #content.static .col1 { float: left; width: 465px; padding-right: 11px; margin-top: 1.1em; } #content.static .col2 { float: left; width: 464px; padding-left: 11px; margin-top: 1.1em; border-left: 1px solid #F0EAEA; } #content.static .pullquote-section p { width: 65%; } #content.static .pullquote-section blockquote { float: right; font-size: 1.8em; } #content.static .main { width: 430px; float: left; } #content.static .content-nav {float:left; margin-right:20px; width:240px; display:inline;} #content.static .content-nav ul, #content.static .content-nav ul li {margin:0; padding:0; list-style-type: none; } #content.static .content-nav ul li {margin-bottom: 3px; float: left; } #content.static .content-nav ul li a {display:block; width:210px; padding:6px 10px; border-left:10px solid #e6c6cd; background-color:#f5f4eb; color:#545347; font-weight:bold;} #content.static .content-nav ul li.active a, #content.static .content-nav ul li a:hover {border-left:10px solid #a91055; text-decoration:none; color:#000;} #content.static ul.img-content {clear:both; margin:0; padding:0; list-style-type:none;} #content.static ul.img-content li {margin:0 11px 0 0; padding:0; list-style-type:none; display:inline;} #content.static ul.img-content.fixed {width:224px;} #content.static ul.img-content li img {margin:0;} #content.static ul.sections {clear:both; margin:0; padding:0; list-style-type:none;} #content.static ul.sections li {width:224px; float:left; margin:0 11px 1em 0; padding:0; list-style-type:none; display:inline; text-align:center;} #content.static ul.sections li img {margin:0 0 1em 0;} #content.static .main p iframe{width:420px !important;} /* =========================== CONTACT US PAGE */ #contact-form fieldset {width:56%;} #contact-form fieldset fieldset {width:100%; padding-bottom:2em;} #contact-form fieldset h3 {clear:both; font-size:1.4em; border-bottom:solid 1px #CCC; padding-bottom:3px; margin-bottom:.8em;} #contact-form label {padding:0 0 3px 1px;} #contact-form input.textfield {width:17em;} #contact-form input.textfield.postcode {width:7em;} #contact-form textarea {font-size:1.4em; font-family:Arial; width:400px; height:200px;} /* =========================== QUICK PASTE */ #content fieldset.quickpaste {width:600px;} #content fieldset.quickpaste h2 {font-size:1.5em; margin:0 0 1em 0;} #content fieldset.quickpaste label {display:block;} #content fieldset.quickpaste textarea {width:500px; height:170px; margin-bottom:.8em; font-family:Arial, Helvetica, sans-serif; font-size:1.3em;} /* LOG IN PAGE ===========================*/ #content-area.checkout {padding:0 0 20px 0;} #content-area.wide #content {width:100%;} #content-area.wide #content #sign-in {margin:0 0 140px;} #content-area.checkout #content #sign-in {margin:0 20px 140px;} #content-area.wide #content #sign-in h1 {display:none;} #content-area.wide #content #sign-in h2 {font-size:1.8em; padding-bottom:10px; background-color:#fff; margin-bottom:0;} #content-area.wide #content #sign-in fieldset {background-color:#eee; padding:0 0 15px 0px; height:200px;} #content-area.wide #content #sign-in fieldset label {float:left; font-size:1.2em; text-align:right; width:110px; margin-right:15px; margin-top:4px; display:inline;} #content-area.wide #content #sign-in fieldset input {margin-bottom:5px;} #content-area.wide #content #sign-in fieldset input.textfield {font-size:1.3em; width:270px; padding:2px 5px;} #content-area.wide #content #sign-in fieldset input.signin-btn {background:url(../Images-css/btn-login.png) no-repeat 0 0; width:184px; height:37px; border:0; text-indent:-9999px; margin:10px 0 2px 125px; display:block;} #content-area.checkout #content #sign-in fieldset input.signin-btn {background:url(../Images-css/btn-checkout.png) no-repeat 0 0;} #content-area.wide #content #sign-in div.login {width:450px; float:left; padding:0;} #content-area.wide #content #sign-in div.login .inner {padding:20px;} #content-area.wide #content #sign-in div.login p {margin-bottom:0; margin-left:125px;} #content-area.wide #content #sign-in div.login p a {color:#a91055; font-weight:normal; text-decoration:underline;} #content-area.wide #content #sign-in div.login .remember input {margin:0; position:relative; top:4px;} #content-area.wide #content #sign-in div.create {float:left; width:450px; margin-right:30px;} #content-area.wide #content #sign-in div.create p {font-size:1.4em; line-height:1.3em; margin:20px;} #content-area.wide #content #sign-in div.create input.button {background:url(../Images-css/btn-register-checkout.png) no-repeat 0 0; width:224px; height:37px; border:0; text-indent:-9999px; display:block; margin-left:20px;} #content-area.wide #content #sign-in div.create p.register-info{position:absolute;top:250px;left:0;width:900px;} /* Standard login page */ #content-area.wide #content #sign-in div.createstandardlogin {margin-left:30px; margin-right:0;} #content-area.wide #content #sign-in div.createstandardlogin p a {text-decoration:underline;} /* =========================== FORGOTTEN PASSWORD */ #content-area.wide #content #forgotpass {width:930px; margin:20px auto 160px;} #content-area.wide #content #forgotpass fieldset {width:800px; margin:0 auto;} #content-area.wide #content #forgotpass fieldset h2 {letter-spacing:0; font-size:1.8em; margin-bottom:10px;} #content-area.wide #content #forgotpass fieldset p {font-size:1.4em; margin-bottom:15px;} #content-area.wide #content #forgotpass fieldset .formrow {background-color:#eee; padding:20px 20px 20px 90px;} #content-area.wide #content #forgotpass fieldset .formrow label {float:left; font-size:1.2em; font-weight:bold; text-align:right; width:110px; margin-right:15px; margin-top:4px;} #content-area.wide #content #forgotpass fieldset .formrow input.textfield {font-size:1.3em; width:270px; padding:2px 5px;} #content-area.wide #content #forgotpass fieldset input.button {background:url(../Images-css/btn-continue.png) no-repeat 0 0; width:184px; height:37px; border:0; text-indent:-9999px; display:block; margin:10px 0 0 215px;} #content-area.wide #content #forgotpass p.hint {display:none;} /* =========================== REGSITER NEW ACCOUNT */ #register {width:790px; margin:0 auto 100px;padding:0;} #register h1 {font-size:1.8em; letter-spacing:0; margin-bottom:17px; margin-top:15px;} #register p {margin-bottom:15px;} #register fieldset fieldset {background:#eee; padding:8px 15px;} #register a {font-weight:normal; text-decoration:underline;} #register .formrow {width:100%; clear:both;} #register .formrow label {display:block; width:200px; float:left; text-align:right; margin-right:15px; font-size:1.2em; padding-top:3px;} #register .formrow input.textfield {display:block; width:220px; float:left; margin-bottom:9px; font-size:1.3em; padding:2px 5px;} #register .email input.textfield, #register div.address fieldset .address input.textfield {width:270px;} #register .formrow select {font-size:1.3em; width:75px;} #register .no-label input.textfield {margin-left:215px;} #register div.trade-account {margin-bottom:10px;} #register div.trade-account fieldset {padding-top:10px;} #register div.trade-account input {margin-left:190px; position:relative; top:1px; float:left; display: inline;} #register div.trade-account label {margin-left:10px; font-weight:normal; float:left; display:inline;} #register div.trade-account fieldset {background-color:#ccc;} #register div.trade-account p {margin:10px 0 2px 215px; clear:both; font-weight:bold; float:left; width:350px; display:inline;} #register .company label {font-weight:normal;} #register div.personal-details, #register div.trade-details {margin-bottom:22px;} #register div.address .addressname {background-color:#ccc; padding:15px; margin-bottom:10px;} #register div.address .addressname input.textfield {margin-bottom:0; width:270px;} #register div.address .addressname span {float:left; padding:4px 0 0 5px; display:block; font-size:1.1em;} #register div.address .postcode input.textfield {width:110px;} #register div.address .country p {margin-top:4px; margin-left:0; float:left; color:#333;} #register div.address .find input.button {background:url(../Images-css/btn-findaddress.png) no-repeat 0 0; border:0; width:184px; height:37px; text-indent:-9999px; margin:10px 0 0 215px; display:block;} #register div.address .manual p {margin:10px 0 10px 215px;} #register div.address .select-address .select {float:left; width:215px;} #register div.address .select-address .address-results {height:270px; overflow:auto; width:360px; background-color:#fff; border:1px solid #aeaeae; padding:10px; margin-bottom:10px;} #register div.address .select-address .address-results p {margin:3px 0;} #register div.address .select-address a {font-weight:normal;} #register div.address .select-address .manual {margin-bottom:15px;} #register div.address .select-address .manual p {margin:3px 0 3px 215px;} #register div.address .town input.textfield, #register div.address .county input.textfield {width:180px;} #register div.address .address-details {position:relative;} #register div.address .address-details .find img {position:absolute; top:5px; left:300px; opacity:0.8;} #register div.mailing-prefs p {line-height:1.6em; margin-bottom:16px;} #register div.mailing-prefs label {font-weight:normal;} #register div.mailing-prefs ul {margin-left:190px;} #register div.mailing-prefs ul li {margin-bottom:10px;} #register div.mailing-prefs ul li label {margin-left:10px;} #register div.mailing-prefs ul li input {position:relative; top:1px;} #register fieldset input.continue {background:url(../Images-css/btn-continue.png) no-repeat 0 0; width:184px; height:37px; border:0; text-indent:-9999px; margin:15px 0 0 225px; display:block;} /*Trade account holders section*/ #register div.trade-details p {line-height:1.6em; margin-bottom:16px;} #register div.trade-details .postcode input.textfield {width:110px;} #register div.review-trade-details {background-color:#ccc; margin-bottom:10px; padding:15px 15px 10px;} #register div.review-trade-address {background-color:#eee; margin-bottom:10px; padding:15px 15px 20px;} #register dl dt, #register dl dd {float:left} #register dl dt {clear:left; width:200px; text-align:right; margin-right:15px; margin-bottom:15px;} #register div.review-trade-details dl dd {font-weight:bold;} #register div.review-trade-details dl dt {margin-bottom:5px;} #register fieldset input.continue-to-checkout {background:url(../Images/btn-continue-checkout.gif) no-repeat 0 0; width:222px; height:33px; border:0; text-indent:-9999px; margin:5px 0 0 230px; display:block;} #register fieldset.actions p {margin-left:230px; margin-top:20px; font-weight:bold; color:#333;} #register fieldset p.actions a {font-weight:bold;} #register fieldset input.continue-shopping {background:url(../Images/btn-continue-shopping.gif) no-repeat 0 0; width:223px; height:32px; border:0; text-indent:-9999px; margin:5px 0 0 230px; display:block;} /*#content-area.wide #content #register div.global-add-book {clear:both; height:120px; overflow:auto; border:solid 1px #999999; padding:0 0 0 5px;} #content-area.wide #content #register div.global-add-book ul {margin:1em 0;} #content-area.wide #content #register div.global-add-book ul li {margin:0 0 1em 0; font-size:1.2em;} #content-area.wide #content #register div.global-add-book ul li label {height:auto; width:auto; display:inline; float:none; font-weight:normal;} #content-area.wide #content #register div.global-add-book ul li input {float:left; margin-right:5px;}*/ /*Approvers list - checkboxes*/ #register.account-form .approvers {height:150px; overflow:scroll;} #register.account-form .approvers label {float:left;} span.approvers-list {display:block; float:right; width:168px;} div.eu-approvers span.approvers-list {display:block; float:none; width:auto;} span.approvers-list input {float:left; margin:0 5px 0 0;} span.approvers-list label {/*float:right; width:145px!important;*/ display:inline!important; float:none!important; width:auto!important; height:1em;} /* =========================== ACCOUNT ADDRESSES AND BUTTONS */ .account-form #personal-details-form {width:35%; float:left; margin:0 2em 1.5em 0; padding:10px; background:#EBEBEB; min-height:290px;} .account-form #personal-details-form fieldset fieldset h3 {margin:2em 0 1em 0;} .account-form #personal-details-form input.textfield {width:120px;} .account-form #personal-details-form input.textfield.line-one {width:200px;} .account-form #personal-details-form ul {margin:1em 0;} .account-form #personal-details-form ul li {height:2em; position:relative;} .account-form #personal-details-form ul li label {float:left; margin:0; padding-left:25px;} .account-form #personal-details-form ul li input {position:absolute; left:0; top:-1px;} .account-form #personal-details-form h4 {margin-bottom:1em; font-size:1.2em;} .account-form #personal-details-form p.result {font-size:1.1em; margin-bottom:.5em;} .account-form #personal-details-form ul.buttons {height:1em; margin:0 0 1.5em 0; width:100%;} .account-form #personal-details-form ul.buttons li {width:40%; float:left;} .account-form #address-details {width:25%; float:left; margin:0 2em 1.5em 0; padding:10px; background:#EBEBEB; min-height:290px;} .account-form #address-details input.textfield {width:170px;} .account-form #address-details input.textfield.postcode {width:80px;} .account-form .buttons {width:60%; clear:both; margin-bottom:2em;} /*.account-form #address-details .found-addresses {clear:both; padding:1em 0 0 0;} .account-form #address-details .found-addresses a {display:block; margin-bottom:.5em; font-size:1.2em;} .account-form #address-details .found-addresses a:hover {color:#000;} .account-form #address-details .found-addresses p {font-size:1.1em; margin-bottom:1em;} .account-form #address-details .found-addresses ul {margin:0 0 1em 0;} .account-form #address-details .found-addresses ul li {margin-bottom:.25em;}*/ /* =========================== INFORMATION PANE-INLINE (Similar to alert) */ .info-box {margin:1em 0; clear:both; display:block; padding:0.8em 1em 1em 1em; background:#FFFF99 url(../Images/icon_info.gif) no-repeat 5px 8px; border:1px dashed #999; color:#000;} .info-box h2 {margin:0; color:#000; text-transform:none; border:none; padding-bottom:3px; font-size:1.3em;} .info-box ul {margin:.5em 0em .5em 2em; padding:0;} .info-box ul li {list-style-type:disc; font-size:1.1em; clear:both; color:#000;} .info-box p {margin:0; padding:0 0 0 18px;} p.infotext {padding:0 5px; font-style:italic;} /* =========================== BASKET PAGE */ #content-area.wide #content.basket {width:930px; position:relative; margin:0 auto 5px;} #content div.cross-sells {clear:both; width:650px; border-top:solid 1px #666666;} /* Basket heading */ #content.basket p.checkoutdisabled {border:3px solid #e50000; width:790px; margin:0 auto 10px; color:#333; font-weight:bold; font-size:1.3em; background:url(../Images/bg-error.gif) no-repeat 15px center; padding:15px 10px 15px 50px;} #content.basket #basketheading {border-bottom:1px solid #aaa; padding-bottom:12px; margin-bottom:17px; margin-top:5px;} #content.basket #basketheading h1 {font-size:2.4em; letter-spacing:0; float:left; margin:0;} #content.basket #basketheading h2 {font-size:1.8em; font-weight:normal; float:left; margin:6px 0 0 10px; letter-spacing:0;} #content.basket #basketheading p.savedbasketslink {float:right; font-size:1.4em; margin:8px 0 0;} #content.basket #basketheading p.savedbasketslink a {text-decoration:underline;} /* Basket actions */ #content.basket .basketactions {margin-bottom:7px;} #content.basket .basketactions p {font-size:1.4em; float:left; color:#A0004D; margin:7px 0 0 10px;} #content.basket .basketactions p a {text-decoration:underline;} #content.basket .basketactions ul {float:right;} #content.basket .basketactions ul li {display:inline;} #content.basket .basketactions ul input.update {background:url(../Images-css/btn-update-basket.png) no-repeat 0 0; border:0; width:124px; height:37px; text-indent:-9999px; margin-right:6px; overflow:hidden; display:block; position:relative; float:left;} #content.basket .basketactions ul input.clear {background:url(../Images-css/btn-clear-basket.png) no-repeat 0 0; border:0; width:124px; height:37px; text-indent:-9999px; margin-right:6px; overflow:hidden; display:block; position:relative; float:left;} #content.basket .basketactions ul input.save {background:url(../Images-css/btn-save-basket.png) no-repeat 0 0; border:0; width:124px; height:37px; text-indent:-9999px; margin-right:6px; overflow:hidden; display:block; position:relative; float:left;} #content.basket .basketactions ul input.checkout {background:url(../Images-css/btn-checkout.png) no-repeat 0 0; border:0; width:184px; height:37px; text-indent:-9999px; overflow:hidden; display:block; position:relative; float:left;} #content.basket .basketactions ul li.costcode {display:block; clear:both; padding:5px 0; color:#333; text-align:right;} #content.basket .basketactions ul li.costcode label {margin-right:12px;} #content.basket .basketactions ul li.costcode select {width:200px; margin-right:5px; font-size:1.2em;} #content.basket .basketactions ul li.costcode input.button {background:url(../Images/btn-add-cost-code.gif) no-repeat 0 0; width:117px; height:29px; text-indent:-9999px; overflow:hidden; position:relative; border:0; cursor:pointer; top:2px;} /* =========================== BASKET ADD LINES (Add lines to basket for entering sku codes) */ #content div.basket div.add-rows-basket {position:absolute; bottom:0px; left:0; width:250px;} /*This is a Safari filter - Safari Mac does not see this.*/ html:lang(en) > body #content div.basket div.wrap-controls {position:relative;} html:lang(en) > body #content div.basket div.add-rows-basket {bottom:10px!important;} #content div.basket div.add-rows-basket label {display:block; font-size:1.1em; padding-bottom:.5em;} #content div.basket div.add-rows {position:absolute; bottom:0px; left:0; width:250px;} /*This is a Safari filter - Safari Mac does not see this.*/ html:lang(en) > body #content div.basket div.add-rows {bottom:150px!important;} #content div.basket div.add-rows label {display:block; font-size:1.1em; padding-bottom:.5em;} #content div.basket div.add-rows input.button {padding:1px 4px;} #content div.basket div.add-rows-basket input.button {padding:1px 4px; font-size:1em!important;} #content div.basket div.add-rows select, #content div.basket div.add-rows-basket select {width:50px;} /* =========================== BASKET TABLE */ #content.basket table {border-collapse:collapse; margin-bottom:10px;} /*Table headers*/ #content.basket table thead th {font-size:1.2em; padding:8px 5px; background:#aaa; color:#fff; font-weight:normal;} #content.basket table thead th.h-photo {width:80px; padding-left:10px;} #content.basket table thead th.h-manu {width:160px} #content.basket table thead th.h-unit {text-align:right; padding-right:15px;} #content.basket table thead th.h-del img {margin-right:3px;} #content.basket table thead th.h-qty {width:40px;} #content.basket table thead th.h-total {text-align:right; font-weight:bold; padding-right:10px;} #content.basket table thead th.h-code a {color:#fff; text-decoration:underline; margin-right:2px;} #content.basket table thead th.h-code img {display:none;} /*Table rows and data*/ #content.basket table td {padding:15px 5px 8px; color:#333;} #content.basket table tr.item td {vertical-align:top;} #content.basket table tr.item td a {text-decoration:underline;} #content.basket table tr.item td.pic {padding:10px 5px 10px 10px; border-bottom:1px solid #aaa;} #content.basket table tr.item td.availability {width:91px;} #content.basket table tr.item td.price {padding-right:15px;} #content.basket table tr.item td.qty {padding-top:11px;} #content.basket table tr.item td.control {padding-left:12px; padding-right:0;} #content.basket table tr.more-info td {padding-top:8px; border-top:1px solid #eee;} #content.basket table tr.more-info td.prices {border-top:0;} #content.basket table tr.extra-info td {border-bottom:1px solid #aaa;} #content.basket table tr.delivery-info td {background:#FFFFCC; border-top:none;} #content.basket table tr td input.sku {width:4em; margin-top:1px;} #content.basket table td .qty-box {width:20px; padding:1px 4px 2px; font-size:1em; margin:0; color:#333;} #content.basket table td.number {text-align:right;} #content.basket table td.prices {border-left:solid 1px #aaa; font-weight:bold; padding-right:10px;} /* Entry rows */ #content.basket table tr.entry td {background-color:#eee; border-bottom:1px solid #ddd; padding-top:10px;} #content.basket table tr.entry td.pic {border-bottom:1px solid #ddd;} #content.basket table tr.entry td.prices {border-left:0;} #content.basket table tr.entry td.ordercode input {width:140px; color:#aaa; padding:1px 4px; font-size:1em;} #content.basket table tr.entry td.control input {color:#aaa; padding:1px 4px 2px; width:20px;} /*Table footer*/ #content.basket table tfoot {border-top:solid 1px #999;} #content.basket table tfoot td {border-top:none; padding:20px 5px; vertical-align:bottom;} #content.basket table tfoot th {font-size:1.2em; padding:20px 40px 20px 5px; color:#333; text-align:right; border-left:solid 1px #aaa; vertical-align:bottom;} #content.basket table tfoot tr.addrows td {background-color:#aaa; color:#fff; font-weight:bold; text-align:left; padding:5px 10px; font-size:1em;} #content.basket table tfoot tr.addrows td label {margin-right:10px;} #content.basket table tfoot tr.addrows td select {width:75px; padding:1px; font-size:1.1em;} #content.basket table tfoot tr.addrows td input.button {background:url(../Images/btn-addrows.gif) no-repeat 0 0; width:14px; height:15px; border:0; text-indent:-9999px; position:relative; top:2px; margin-left:2px;} #content.basket table tfoot td.prices {border-left:0;} #content.basket table tfoot tr.evoucher td.number {border-left:1px solid #aaa; border-top:1px solid #aaa;} #content.basket table tfoot tr.evoucher td.vouchercode {padding-right:40px;} #content.basket table tfoot tr.evoucher td.number label {font-size:1em; margin-right:10px;} #content.basket table tfoot tr.evoucher td.number input.textfield {width:160px;} #content.basket table tfoot tr.evoucher td.number input.button {background:url(../Images/btn-use.gif) no-repeat 0 0; border:0; width:47px; height:23px; text-indent:-9999px; position:relative; top:2px; margin-left:2px;} #content.basket table tfoot tr.evoucher td.prices {border-left:0; padding:17px 10px 23px 5px;} #content.basket table tfoot tr.grand-total th {font-size:1.8em; border-top:solid 1px #aaa; border-bottom:solid 1px #aaa;} #content.basket table tfoot tr.grand-total td.number {font-size:1.8em; font-weight:bold; border-top:1px solid #aaa; border-bottom:solid 1px #aaa;} /*Table product notes - NEW*/ /*#content.basket table tr.more-info td.note-control {text-align:right;} #content.basket table td.note-control a {display:block; float:right; background:#F5F4E0; padding:1px 2px; outline:none; width:60px; border:#CCC solid 1px; text-align:center; font-size:0.9em; position:relative; top:3px; margin-right:10px;} #content.basket table td.note-control a:hover {text-decoration:none;}*/ #content.basket table .note-control {display:inline; margin-left:10px;} #content.basket table .note-control a {text-decoration:underline; background:url(../Images/note.png) no-repeat 0 0; padding-left:20px; font-size:.9em;} #content.basket table tr.extra-info td {vertical-align:top; padding:0;} #content.basket table tr.extra-info td.prices {} #content.basket table tr.extra-info div.notes {padding:10px 5px; color:#333; font-style:italic;} #content.basket table tr.extra-info div.notes fieldset label {display:block; font-weight:normal; width:120px; float:left; font-style:normal; font-size:1em;} #content.basket table tr.extra-info div.notes fieldset textarea {width:255px; height:35px; float:left; margin-right:1em; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666; font-style:italic;} #content.basket table tr.extra-info div.notes fieldset textarea:focus {background:#FFFFCC; color:#000000;} #content.basket table tr.extra-info div.notes fieldset input.button {background:url(../Images-css/btn-update-note.png) no-repeat 0 0; width:111px; height:30px; text-indent:-9999px; overflow:hidden; position:relative; display:block; border:0; cursor:pointer;} #content.basket table tr.extra-info div.delivery-info {background:#FFFFCC; padding:10px;} #content.basket table tr.extra-info div.basket-cost-codes {padding:0 5px 10px; color:#333;} #content.basket table tr.extra-info div.basket-cost-codes span {margin-right:12px;} #content.basket table tr.extra-info div.basket-cost-codes select {width:200px; margin-right:5px;} #content.basket table tr.extra-info div.basket-cost-codes input.button {background:url(../Images/btn-add-cost-code.gif) no-repeat 0 0; width:117px; height:29px; text-indent:-9999px; overflow:hidden; position:relative; border:0; cursor:pointer; top:2px;} #content div.threeds {padding-top:30px;} #content div.threeds .checkout-panel {margin-bottom:0;} #content div.basket iframe.threeds-frame {height:400px; margin-left:90px; width:790px;} /*saved basket =============================*/ #content .basket.saved table tr.more-info td{border-top:1px solid #eee;} #content .basket.saved table td.prices{border-left:1px solid #aaa;font-weight:bold;text-align:right;} #content .basket.saved table tr.extra-info td {border-bottom:1px solid #aaa;} #content .basket.saved table td{vertical-align:inherit;} /* CHECKOUT - DELIVERY and PAYMENT ================================ */ /* Error styles */ div.checkouterror {border:3px solid #e50000; width:790px; margin:0 auto 10px;} div.checkouterror p {color:#333; font-weight:bold; font-size:1.3em; margin-bottom:0; background:url(../Images/bg-error.gif) no-repeat 15px center; padding:15px 10px 15px 50px;} div.checkouterror p span {color:#e50000;} .error label {color:#f20000;} .error input.textfield {border:1px solid #ff2c2c;} .error select {border:1px solid #ff2c2c;} div.checkout-panel {width:790px; margin:0 auto 50px;} div.checkout-panel #delivery {margin-bottom:25px;} div.checkout-panel a {font-weight:normal; text-decoration:underline; font-size:1.1em;} div.checkout-panel h1 {font-size:1.8em; letter-spacing:0; margin-bottom:12px; float:left;} div.checkout-panel .ukonly {color:#0f9b00; font-weight:bold; font-size:1.4em; float:right;} div.checkout-panel fieldset {position:relative; clear:both;} div.checkout-panel .formrow {background-color:#eee; clear:both; padding:8px 15px; margin-bottom:0;} div.checkout-panel .formrow label {display:block; width:200px; float:left; text-align:right; margin-right:15px; font-size:1.2em; padding-top:3px;} div.checkout-panel .formrow input.textfield {display:block; width:220px; float:left; margin-bottom:9px; font-size:1.3em; padding:2px 5px;} div.checkout-panel .formrow select {float:left;} div.checkout-panel .deliver-to, div.checkout-panel .paymenttype {background-color:#ccc; padding:15px; margin-bottom:5px;} div.checkout-panel .paymenttype p.infotext {margin-bottom:0;} div.checkout-panel .paymenttype span {display:block; float:left; font-size:1.2em; padding-top:3px;} div.checkout-panel fieldset.overspend {margin-bottom:5px;} div.checkout-panel fieldset.overspend .formrow select {width:245px; padding:1px 0;} div.checkout-panel fieldset.saved span.inline-radio {float:left; position:relative; top:3px;} div.checkout-panel fieldset.saved ul {float:left; font-size:1.2em; margin-left:5px; position:relative; top:2px;} div.checkout-panel .deliver-to select {width:245px;} div.checkout-panel a.add {margin-left:10px; display:block; top:3px; position:relative; float:left;} div.checkout-panel address {font-size:1.2em; float:left; line-height:1.5em;} div.checkout-panel .shipnotes textarea {width:325px; float:left; height:75px; font-size:1.2em;} div.checkout-panel .schedule p {margin:3px 0 5px 215px;} div.checkout-panel .schedule p.date {color:#0e9500; font-weight:bold;} div.checkout-panel .carddetails, div.checkout-panel .additional-info, div.checkout-panel .saved {margin-bottom:5px;} div.checkout-panel .paymenttype select {width:245px;} div.checkout-panel .carddetails .cardtype select {width:155px;} div.checkout-panel .carddetails .formrow {padding:5px 15px;} div.checkout-panel .carddetails .formrow input.textfield, div.checkout-panel .carddetails .formrow select {margin-bottom:0;} div.checkout-panel .carddetails .cardtype {padding-top:18px;} div.checkout-panel .carddetails .cardnumber input.textfield {width:275px;} div.checkout-panel .carddetails .security {padding-bottom:15px;} div.checkout-panel .carddetails .expiry select, div.checkout-panel .carddetails .startdate select {width:65px; margin-right:10px;} div.checkout-panel .carddetails .security input.textfield, div.checkout-panel .carddetails .issue input.textfield, div.checkout-panel .saved .security input.textfield {width:40px;} div.checkout-panel .carddetails #maestro-options .issue {padding-bottom:18px;} div.checkout-panel .carddetails .savecard {padding:0px 15px 15px;} div.checkout-panel .carddetails .savecard label {padding-top:0;} div.checkout-panel .trade .formrow input.textfield, div.checkout-panel .additional-info input.textfield {margin-bottom:0;} div.checkout-panel .additional-info .tel {padding:18px 15px 5px;} div.checkout-panel .additional-info .custom-ordernumber {} div.checkout-panel .additional-info .custom-number {padding-top:0;} div.checkout-panel .additional-info .custom-number p {text-transform:uppercase; padding-top:3px; margin-bottom:0;} div.checkout-panel .invoice .invoice-to {padding:18px 15px 5px;} div.checkout-panel .invoice .invoice-to select {width:245px;} div.checkout-panel .invoice .invoice-to p {padding-top:3px; margin-bottom:0;} div.checkout-panel .invoice .address {padding:5px 15px 18px;} div.checkout-panel #summary {margin-top:20px;} div.checkout-panel #summary dl {margin-left:230px;} div.checkout-panel #summary dl dt {float:left; width:195px; display:block; clear:left; font-weight:normal; padding-bottom:3px;} div.checkout-panel #summary dl dd {float:left; } div.checkout-panel #summary .total {font-weight:bold; margin-top:10px;} div.checkout-panel input.continue {background:url(../Images-css/btn-placeorder.png) no-repeat 0 0; width:184px; height:37px; border:0; text-indent:-9999px; margin:25px 0 60px 230px; clear:both; float:left; display:inline;} div.checkout-panel p.message {clear:both;margin:0 auto -45px;position:relative;top:-45px;width:330px;} /* ERP punchout */ .erp div.checkout-panel {width:930px; margin-bottom:25px;} .erp div.checkout-panel h2 {font-size:2.4em; letter-spacing:0; margin:15px 0 20px; border-bottom:1px solid #AAAAAA; padding-bottom:12px;} .erp div.checkout-panel input.button {background:url(../Images/btn-placeorder.gif) no-repeat 0 0; width:182px; height:33px; text-indent:-9999px; display:block; overflow:auto; border:0; margin-bottom:20px;} /* Add a new address */ #newaddress {position:absolute; left:200px; width: 550px; background-color:#454545; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 15px #000; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; margin-top:-80px;} .overlay {display:block;} .overlay h1 {background-color:#1e1e1e; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; color:#fff; letter-spacing:0; font-size:1.2em; padding:10px 20px;} .overlay .inner {position:relative;} .overlay a.close {position:absolute; top:10px; right:20px; color:#aaa; font-weight:bold; font-size:1.2em; background:url(../Images/icon-close.gif) no-repeat left center; padding-left:15px;} #newaddress .formrow label {display:block; width:150px; float:left; text-align:right; margin-right:15px; font-size:1.2em; padding-top:3px;} #newaddress .formrow input.textfield {display:block; width:270px; float:left; margin-bottom:9px; font-size:1.3em; padding:2px 5px;} #newaddress .formrow select {margin-bottom:5px;} #newaddress .addressname {margin-bottom:15px;} #newaddress .address {background-color:#fff; margin:20px; padding:15px 40px 15px 20px;} #newaddress .address .postcode {margin-top:15px;} #newaddress .address .postcode input.textfield {width:80px; margin-bottom:3px;} #newaddress .address .country p {float:left; margin-top:3px; margin-bottom:0; width:280px; color:#333;} #newaddress .address .country p a {font-weight:normal; text-decoration:underline;} #newaddress .address .find input.button {background:url(../Images-css/btn-findaddress.png) no-repeat 0 0; border:0; width:184px; height:37px; text-indent:-9999px; margin:10px 0 0 165px; display:block; font-size: 0; line-height: 0;} #newaddress .address .manual p {margin:10px 0 10px 165px;} #newaddress .address .manual p a {font-weight:normal; text-decoration:underline;} #newaddress .no-label input.textfield {margin-left:165px; display: inline /* fix double margin bug */;} #newaddress .town input.textfield, #newaddress .county input.textfield {width:180px;} #newaddress .address .select-address .address-results {height:225px; overflow:auto; width:420px; background-color:#fff; border:1px solid #aeaeae; padding:10px; margin-bottom:10px;} #newaddress .address .select-address .address-results p {margin:3px 0;} #newaddress .address .select-address a {font-weight:normal; text-decoration:underline;} #newaddress .address .select-address label {float:none; text-align:left; margin-bottom:5px;} #newaddress .choose .manual p {margin:3px 0;} .overlay .actions {margin:10px 20px 20px 0;} #newaddress .actions input.cancel {background:url(../Images-css/btn-newaddress-cancel.png) no-repeat 0 0; width:92px; height:37px; border:0; text-indent:-9999px; overflow:hidden; display:block; float:right;} #newaddress .actions input.use {background:url(../Images-css/btn-newaddress-use.png) no-repeat 0 0; width:184px; height:37px; border:0; text-indent:-9999px; overflow:hidden; display:block; float:right; margin-left:5px;} /* Re-schedule delivery */ #schedule {position:absolute; left:200px; width: 550px; background-color:#454545; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 15px #000; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; margin-top:-150px;} #schedule .error ul li {font-size:1.2em; color:#fff;} #schedule .error {margin:8px 20px; border-bottom:1px solid #999; padding-bottom:7px;} #schedule .set-schedule {margin:8px 20px; width: 510px; } #schedule .set-schedule h2 {font-size:1.8em; letter-spacing:0; color:#fff; float:left; margin:0 10px 10px 0;} #schedule .set-schedule p {color:#fff; font-size:1.1em; margin:5px 0;} #schedule .set-schedule select {width:125px; font-size:1.1em; margin-top:4px;} #schedule .set-schedule img {position:relative; top:3px; left:5px;} #schedule .set-schedule table {width:510px; margin-bottom:0; clear: both;} #schedule .set-schedule table thead th {background-color:#1e1e1e; color:#aaa; padding:8px 10px} #schedule .set-schedule table .qty {text-align:center; width:120px;} #schedule .set-schedule table .productcode {width:50px;} #schedule .set-schedule table .out-of-stock td {background-color:#eee; color:#bbb;} #schedule .set-schedule table .out-of-stock td a {color:#bbb;} #schedule .set-schedule table .out-of-stock td input {color:#bbb;} #schedule .set-schedule table tbody td {background-color:#fff; padding:8px 10px; border-bottom:1px solid #eee; color:#333; text-transform:uppercase; vertical-align:middle;} #schedule .set-schedule table a {text-decoration:underline;} #schedule .set-schedule table input.textfield {width:20px; text-align:center; color:#333; padding:1px 5px;} #schedule .set-schedule table tr.unavailable td {background-color:#f2f2f2; color:#cdcdcd;} #schedule .set-schedule table tr.unavailable td a {color:#e2c4d0;} #schedule .set-schedule table tr.unavailable td.qty {color:#333; font-size:0.9em; font-weight:bold;} #schedule div.confirm {margin:15px 20px 0; color:#fff; background:url(../Images/line-schedule.gif) repeat-x left bottom; padding-bottom:20px;} #schedule div.confirm h2 {letter-spacing:0; font-size:1.8em;} #schedule div.confirm p {color:#fff; font-size:1.4em; margin:0;} #schedule .schedule-summary {margin:15px 20px 0; color:#fff; background:url(../Images/line-schedule.gif) repeat-x left bottom; position:relative;} #schedule .schedule-summary h3 {margin-bottom:8px;} #schedule .schedule-summary ul {font-size:1.2em; font-weight:bold; padding-bottom:15px; width:510px;} #schedule .schedule-summary ul li {padding-bottom:3px;} #schedule .schedule-summary ul li span {display:block; float:left;} #schedule .schedule-summary ul li span.date {width:110px;} #schedule .schedule-summary ul li span.items {width:70px;} #schedule .schedule-summary ul li a {color:#fff; text-decoration:underline; font-weight:normal;} #schedule .schedule-summary input.clear {background:url(../Images/btn-clear-schedule.gif) no-repeat 0 0; width:127px; height:23px; border:0; text-indent:-9999px; overflow:hidden; display:block; position:absolute; top:0; right:0; font-size: 0; line-height: 0;} #schedule .actions input.cancel {background:url(../Images/btn-newaddress-cancel.gif) no-repeat 0 0; width:87px; height:33px; border:0; text-indent:-9999px; overflow:hidden; display:block; float:right; font-size: 0; line-height: 0;} #schedule .actions input.save {background:url(../Images/btn-schedule-savedate.gif) no-repeat 0 0; width:222px; height:33px; border:0; text-indent:-9999px; overflow:hidden; display:block; float:right; margin-left:5px; font-size: 0; line-height: 0;} #schedule .actions input.confirm {background:url(../Images/btn-confirm-schedule.gif) no-repeat 0 0; width:172px; height:33px; border:0; text-indent:-9999px; overflow:hidden; display:block; float:right; margin-left:5px; font-size: 0; line-height: 0;} /* =========================== CHECKOUT - SPLIT DELIVERIES - Create delivery schedule */ /*#content div.basket.schedule ul.saved-info li h1 {font-size:1.6em;} #content div.basket.schedule p {clear:both} #content div.basket.schedule table th.qty {width:100px;} #content div.basket.schedule div.delivery-controls table tr:hover {background:#E2E2E2;} #content div.basket.schedule table tfoot {display:none;} #content div.basket.schedule .delivery-controls {position:relative; width:644px; margin:0 auto 1.6em auto; border:solid 1px #333333;} #content div.basket.schedule .inner {overflow:auto; width:644px; height:185px;} #content div.basket.schedule .delivery-controls thead tr {width:644px;} #content div.basket.schedule .delivery-controls tbody {position:relative;} #content div.basket.schedule .delivery-controls th.prod-id {width:85px;} #content div.basket.schedule .delivery-controls th.desc {width:355px;} #content div.basket.schedule .delivery-controls th.qty-left {width:126px;} #content div.basket.schedule .delivery-controls th.qty {width:126px;} #content div.basket.schedule .delivery-controls td.desc {width:303px;} #content div.basket.schedule .delivery-controls td.prod-id {width:75px;} #content div.basket.schedule .delivery-controls td.qty {width:90px;} #content div.basket.schedule .delivery-controls td.qty-left {width:107px;} #content div.basket.schedule .delivery-controls td.qty input.qty-box {width:3em;} #content div.basket.schedule .delivery-controls td {padding:3px 5px;} #content div.basket.schedule .delivery-controls tfoot td {display:none;} #content div.basket.schedule ul.create-schedule {float:right;} #content div.basket.schedule ul.create-schedule li {float:left; text-align:right; padding:0 0 0 10px; font-size:1.2em;} #content div.basket.schedule a.del-btn {background:url(../Images/del-facet.gif) no-repeat 0 50%; padding:0 0 0 14px; text-decoration:none;} #content div.basket.schedule input.cal-btn {width:80px; border:1px solid #ACACAC; background:url(../Images/icon-calendar.gif) no-repeat 0 50%; padding:2px 0 2px 18px; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; color:#A0004D; font-size:1.0em; font-weight:bold; } #content div.basket.schedule h2 {clear:both; font-size:1.4em; margin:0 0 1em 0; border-bottom:dotted 1px #666666;} #content div.basket.schedule h3 {font-size:1.3em; margin-bottom:.3em; font-weight:bold;} #content div.basket.schedule div.default-delivery {clear:right; margin-bottom:1em;} #content div.basket.schedule div.default-delivery table, #content div.basket.schedule div.new-deliveries table {border:solid 1px #333333;} #content div.basket.schedule div.new-deliveries table.default-schedule td {background:#CCC;} #content div.basket.schedule div.new-deliveries {position:relative; margin-bottom:1em;} #content div.basket.schedule div.new-deliveries a.del-btn {position:absolute; top:6px; right:6px;}*/ /* =========================== SAVE A BASKET FORM */ div.save-basket label {font-weight:bold;} div.save-basket .textfield {width:160px;} div.save-basket textarea {width:300px; height:100px;} div.save-basket input.button {display:block; float:left; margin:1.5em;} /* =========================== SAVED BASKET LIST FORM */ div.saved-basket-list table {border-collapse:collapse; border:solid 1px #999;} div.saved-basket-list table th {font-size:1.3em; padding:.5em; background:#000000; color:#FFFFFF; border:solid 1px #999; text-align:left;} div.saved-basket-list table th a {color:#FFFFFF;} div.saved-basket-list table th.del {width:100px;} div.saved-basket-list table tr:hover {background:#EFEFEF;} div.saved-basket-list table td {font-size:1.2em; padding:0.2em 0.5em; border-top:dashed 1px #999;} div.saved-basket-list table td.del-basket {text-align:center;} div.saved-basket-list ul li {float:left;} div.saved-basket-list ul li.del {float:right;} /* =========================== CHECKOUT - 3D SECURE */ #content div.basket iframe {border:solid 1px #333333; margin-left:200px;} /* =========================== CHECKOUT - REVIEW ORDER */ div.checkout-panel #review {padding:0 5px; margin-bottom:1em;} div.checkout-panel #review.active {border-top:solid 1px #666666; background:#F3F3F3; border-bottom:solid 1px #666666;} div.checkout-panel #review h4 {padding:10px 0 0 0; font-size:1.7em; margin:0 0 .5em 0; color:#999999;} div.checkout-panel #review.active h4 {color:#000000;} div.checkout-panel #review strong {display:block; border-bottom:solid 1px #999; padding-bottom:5px;} /*Review delivery and payment details*/ div.checkout-panel #delivery dl, div.checkout-panel #payment dl {color:#999; margin:.2em 0em 1em 0em; line-height:1.8em;} div.checkout-panel #delivery dt, div.checkout-panel #payment dt {display:block; width:9em; float:left; clear:left; margin-right:2.25em;} div.checkout-panel #delivery dd, div.checkout-panel #payment dd {margin-left:12em; text-align:left;} div.checkout-panel a.change-btn {position:absolute; top:14px; right:0; font-size:1.2em;} /*Choose approvers*/ div.checkout-panel #review div.approvers {margin:1em 0; background:#D4D0C8; padding:1em; border:dashed 1px #666;} div.checkout-panel #review div.approvers label {padding:0 0 4px 0; display:block;} /* =========================== CHECKOUT - CONFIRMATION OF ORDER */ #content-area.wide #content.confirmation {width:930px; margin:0 auto;} #content.confirmation ul.saved-info li {float:right;} #content.confirmation ul.saved-info li.print a {background:url("../Images-css/btn-print.png") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; height:37px; overflow:hidden; text-indent:-9999px; width:65px;} #content.confirmation ul.saved-info li.gohome-btn a {background:url("../Images-css/btn-back-to-main-site.png") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; height:37px; overflow:hidden; text-indent:-9999px; width:184px;} #content.confirmation h1 {font-size:2.4em; border-bottom:1px solid #aaa; padding-bottom:15px;} #content.confirmation .thankyou p {font-size:1.4em; line-height:1.4em;} #content.confirmation .thankyou p a.email {color:#000; font-weight:bold;} #content.confirmation #orderdetails {margin-bottom:15px;} #content.confirmation #orderdetails h2 {font-size:1.8em; letter-spacing:0; margin-bottom:15px;} #content.confirmation #orderdetails .details {background-color:#eee; width:284px; height:284px; padding:8px; float:left; margin-right:15px;} #content.confirmation #orderdetails .payment {margin-right:0;} #content.confirmation #orderdetails .details dl dt {float:left; clear:left; width:140px; padding-bottom:3px;} #content.confirmation #orderdetails .details dl dd {float:left;} #content.confirmation #orderdetails .numbers dl {border-bottom:1px solid #000; padding-bottom:20px; margin-bottom:15px;} #content.confirmation #orderdetails .numbers dl dt {font-weight:normal;} #content.confirmation #orderdetails .numbers dl dd {font-weight:bold;} #content.confirmation #orderdetails .numbers p {font-weight:bold; margin-bottom:7px;} #content.confirmation #orderdetails .numbers address {font-size:1.2em; line-height:1.4em;} #content.confirmation #orderdetails .delivery dl dd {padding-bottom:20px; line-height:1.4em; width:140px;} #content.confirmation #orderdetails .payment dl {padding-bottom:20px;} #content.confirmation table {margin-bottom:20px;} #content.confirmation table tfoot td, #content.confirmation table tfoot th {border-bottom:1px solid #aaa; padding-top:15px; padding-bottom:15px;} #content.confirmation table tfoot th {border-left:0;} #content.confirmation table tr.item td.qty {padding-top:15px;} #content.confirmation #information {margin-bottom:40px;} #content.confirmation #information div {background-color:#eee; padding:8px; width:460px; float:left;} #content.confirmation #information dl dt {float:left; clear:left; width:135px; padding-bottom:15px; margin-right:10px;} #content.confirmation #information dl dd {float:left;padding-bottom:15px;} #content.confirmation #information h2, #content.confirmation #schedule-overview h2 {color:#333; font-size:1.8em; letter-spacing:0; margin-bottom:10px;} #content.confirmation #schedule-overview {width:460px; margin-bottom:20px;} #content.confirmation #schedule-overview h3 {font-size:1.4em; color:#333; margin-bottom:8px;} #content.confirmation #schedule-overview a {text-decoration:underline;} #content.confirmation #schedule-overview th {padding-left:10px; font-weight:bold; font-size:1.1em;} #content.confirmation #schedule-overview td {border-bottom:1px solid #eee; padding-left:10px;} #content.confirmation #schedule-overview td.qty {text-align:right; padding-right:20px;} #content.confirmation .mini-basket { position:absolute; right:20px; top:90px; } #content.confirmation #progressheader { background-color:#F5F4EB; margin:-20px 0 20px -20px; position:relative; width:970px; } /* =========================== SAVED BASKET PAGE */ #content .basket.saved h1 {width:250px; float:left;} #content div.saved-panel {float:right; width:282px; padding:15px 0; position:relative;} #content div.saved-panel h2 {margin-bottom:1.7em;} div.saved-panel #stamp {background:#FEFBD6; padding:10px; border:dashed 1px #CCCCCC; margin-bottom:1em;} div.saved-panel #comments {background:#E2E2E2; padding:10px; margin-bottom:1em;} div.saved-panel dl {margin:0 0 1em 10px;} div.saved-panel #stamp dl {margin:0;} div.saved-panel #stamp dt, div.saved-panel #invoice dt, div.saved-panel #delivery dt, div.saved-panel #payment dt {display:block; width:9em; float:left; clear:left; margin-right:2.25em;} div.saved-panel #delivery dd, div.saved-panel #invoice dd, div.saved-panel #payment dd {margin-left:12em; text-align:left;} div.saved-panel #buy-basket {border-style:solid; border-color:#999999; border-width:2px 0; padding:10px;} div.saved-panel #buy-basket h3 {float:left; width:11em; padding:0 10px 0 0;} /* =========================== NEW E-QUOTE */ #content div.equote-basket {float:left; width:650px; padding:15px 0; position:relative;} #content div.equote-view {width:100%; padding:15px 0; position:relative;} #content div.equote-basket h1 {width:50%; float:left;} /*Table styles*/ #content div.equote-basket table td, #content div.equote-view table td {border-bottom:1px dashed #CCCCCC;} #content div.equote-basket table tr:hover td, #content div.equote-view table tr:hover td {background:#E5E5E5;} #content div.equote-basket p.btn {width:50%; float:right; text-align:right;} #content div.equote-basket ul.controls li {font-size:1.2em;} #content div.equote-basket ul.controls li.del {text-align:right;} #content div.equote-basket table {clear:both; border-collapse:collapse; border-top:solid 1px #999;} /*Table headers*/ #content div.equote-basket table thead th {font-size:1.2em; padding:5px; border:solid 1px #999; background:#000000; color:#FFFFFF;} #content div.equote-basket table thead th.h-manu, #content div.equote-basket table thead th.h-part, #content div.equote-basket table thead th.h-desc {width:155px;} #content div.equote-basket table thead th.h-qty {width:60px;} #content div.equote-basket table thead th.h-target {width:85px;} /*Table rows and data*/ #content div.equote-basket table td {/*border-top:solid 1px #999;*/ padding:5px 2px;} #content div.equote-basket table input.textfield {width:145px; margin:1px 0 0 0;} #content div.equote-basket table input.textfield.qty {width:50px; margin:1px 0 0 0;} #content div.equote-basket table input.textfield.price {width:75px; margin:1px 0 0 0;} #content div.equote-basket tfoot, #content div.equote-view tfoot {display:none;} #content div.equote-view ul.controls li {font-size:1.2em;} /*Quote detail right side panel*/ #content div.details-panel {float:right; width:282px; padding:15px 0; position:relative;} div.details-panel #quote-detail {background:#F3F3F3;} div.details-panel #quote-detail fieldset {position:relative; border-top:solid 1px #666; padding:1em 0 0 5px;} div.details-panel #quote-detail .formrow {margin-bottom:.75em; height:3em;} div.details-panel #quote-detail .formrow.additional-info {height:7.5em;} div.details-panel #quote-detail .formrow.none {clear:both;} div.details-panel #quote-detail label {display:block; width:102px; float:left; height:2em; font-size:1.1em; font-weight:bold; padding-top:5px; padding-right:3px;} div.details-panel #quote-detail .formrow input.textfield {display:block; width:155px; float:left; height:1.5em; margin-bottom:1em;} div.details-panel #quote-detail .formrow textarea.textfield {display:block; width:155px; float:left; margin-bottom:1em; height:60px;} div.details-panel .button.continue {clear:both; display:block; font-size:1.8em; float:right; margin-bottom:1em; margin-right:5px;} /* FOOTER =========================== */ #footer {clear:both; padding:0; width:970px; height:270px; margin:10px auto 0; background:url(../Images-css/bg-footer.png) repeat-x 0 0; border-top:2px #f8ed33 solid;} #footer a {color:#ddd;} #footer #site-index {text-align:left; margin:15px 20px;} #footer #site-index #foot-cat-nav {float:left; width:210px;height:auto;margin-top:25px;} #footer #site-index #foot-cat-nav li{float:left;width:200px;margin-right:30px;} #footer #site-index #foot-cat-nav li h4{margin-top:-20px;} #footer #site-index #foot-nav {float:right; padding:0;} #footer #site-index #foot-nav ul {float:left; width:140px; padding:0 20px;} #footer #site-index li {color:#999;} #footer #site-index li h4 {font-size:1.2em; margin-bottom:.4em; color:#fff; text-shadow:1px 1px 2px #000;} #footer #site-index a {font-size:1.1em!important; text-decoration:none;} #footer #site-index a:hover {/*text-decoration:underline;*/ background:#333333; color:#FFFFFF;} #footer #site-index #foot-cat-nav p.bookmark {display:none; font-weight:bold; font-size:1.1em; margin-bottom:1.5em;} #footer #site-index .account-nav {float:right; margin-right:60px; display:inline; } #company {width:940px; position:relative; text-align:left; margin:0 auto 50px; clear:both; height:25px; padding:1px 15px 15px 15px; background:#000; color:#fff; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} #company ul {float:left; list-style-type:none; width:auto;} #company ul li {float:left; list-style-type:none; padding:13px 16px 0 0; font-weight:bold; font-size:1.1em;} #company ul li a {text-decoration:none; color:#FFFFFF;} #company ul li a:hover {border-bottom:dotted 1px #FFF;} #company ul li.companylogo {width:66px; padding-right:20px; padding-top:4px; overflow:visible;} #company ul li.companylogo a {background:url(../Images/bss-black-logo.gif) no-repeat; width:66px; height:30px; display:block;text-indent:-999em;} #company ul li.companylogo a:hover {border-bottom:none;} #company ul li.prices_text {text-align:left; padding:13px 0 0 0; margin-left:70px;} /* Checkout footer */ #footer.checkoutfooter {background:url(../Images-css/bg-footer-checkout.png) repeat-x 0 0; padding:20px; height:33px; text-align:left; width:930px; } #footer.checkoutfooter .checkoutfooter-inner {float:left; margin-top:-5px;} #footer.checkoutfooter .checkoutfooter-inner h2 {font-size:1.8em; text-shadow: 1px 1px 1px #000; color:#fff;} #footer.checkoutfooter .checkoutfooter-inner p {color:#ddd;} #footer.checkoutfooter .cc-logos{float:right;} #footer.checkoutfooter #company {width:900px; margin-bottom:50px;} #footer.checkoutfooter #company ul li.prices_text {width:280px;} /* =========================== STORE LOCATOR */ #store-locator h1 {font-size:1.8em;} #store-locator h1 a {text-decoration:none;} #store-locator h2 {clear:left; background:url(../Images/dotted-underline.gif) bottom left repeat-x; padding-bottom:.5em; margin-bottom:1.5em;} #store-locator h4 {margin-bottom:0;} #store-locator a {font-weight:bold;} #store-locator #store-search {float:left; width:34%; margin-right:1em; } #store-locator #store-search fieldset {margin:1.5em 0 2.5em 0;} #store-locator #store-search fieldset label {display:block; font-weight:bold; font-size:1.2em; padding:0 0 .25em 0;} #store-locator #store-search fieldset .textfield {width:12em; margin-right:.25em; padding:.15em;} #store-locator #store-search .button {margin-bottom:-3px;} #store-locator #store-search ul {margin:1em 0;} #store-locator #store-search ul li { margin-bottom:1em;} #store-locator #store-search ul li .fine {float:right;} #store-locator #store-search ul.regions li {font-size:1.1em; /*background:url(/assets/images/bullet-features.gif) no-repeat 0 3px; padding-left:12px;*/ margin-bottom:.35em;} #store-locator #map {float:right; width:66%; overflow:hidden; background:#666666;} #store-locator #map .inner {margin:2em 0 1.5em 1.5em; border:1px dotted #C0C184; } #store-locator #store-details {margin-bottom:1em; padding:0 0 1em 216px; border-bottom:dashed 1px #999;} #store-locator address {font-size:1.2em; line-height:1.75em; margin-bottom:1em; float:left; width:17em;} #store-locator address span {display:block;} #store-locator dl {margin-bottom:1em; float:left; width:28.5em!important;} #store-locator dt {display:block;float:left;clear:left;margin-right:.35em;} #store-locator dd {margin-left:5em;text-align:left; padding-bottom:.25em;} #store-locator table {width:170px; margin-bottom:1em; float:left; margin-right:1em;} #store-locator table th {padding:0; font-size:1.2em; padding-bottom:.5em;} #store-locator table td {padding:0;} #store-locator .extras {margin:0 0 1.5em 0;} #store-locator .extras li {font-size:1.1em; margin-bottom:.25em;} #store-locator .extras li img {margin-bottom:-6px; margin-right:.5em;} #store-locator #map-detail {border:1px dotted #C0C184; clear:both;} /* =========================== ACCOUNT SUMMARY */ #account-summary {padding:0em;} /*Account pages h1 and controls*/ #content ul.ac-head {margin-bottom:2em; background:#EBEBEB; padding:3px 2px;} #content ul.ac-head li {display:inline; font-size:1em; padding:0 10px 0 0;} #content ul.ac-head li {font-size:1.2em;} /*Headers and misc*/ #account-summary h2 {clear:left; padding-bottom:.4em; margin-bottom:.5em; /*background:url(../Images/dotted-underline.gif) bottom left repeat-x;*/ border-bottom:dotted 1px #666666;} /*Def lists*/ #account-summary dl {margin-bottom:.5em;} #account-summary #overview {width:40%; float:left;} /*Personal details*/ #account-summary #personal-details {background:#EBEBEB; padding:3px;} #account-summary #personal-details .alert{display:none;} #account-summary #personal-details h3 {margin-right:1.5em;} #account-summary #personal-details dl {margin:1em 1em 2em 1em; clear:both;} #account-summary #personal-details dt {display:block; width:156px; float:left; clear:left; margin-right:10px; padding-bottom:3px;} #account-summary #personal-details dd {margin-left:166px; text-align:left; padding-bottom:3px;} #account-summary #personal-details .account {border-top:solid 1px #666666; margin-top:1em; padding-top:.3em;} #account-summary #personal-details p {clear:both; /*margin:1em .5em 1em 1.6em; text-align:right;*/} #account-summary #personal-details div.msg {border:1px dotted #A5C283; padding:0.6em 0.8em 0em 10px; background:#FFFFCC; margin:1em;} #account-summary #personal-details .formrow {margin-bottom:.75em; height:auto; overflow:visible;} #account-summary #personal-details .formrow.none {clear:both;} #account-summary #personal-details label {display:block; width:160px; padding-left:1em; float:left; height:2em; font-size:1.2em; font-weight:bold;} #account-summary #personal-details .formrow label em {font-weight:normal!important; font-style:normal; display:block;} #account-summary #personal-details .formrow input.textfield, #account-summary #personal-details .formrow input.select {display:block; width:158px; float:left; height:1.5em; margin-bottom:1em;} #account-summary #personal-details input.button, #account-summary #personal-details input.button-red, #account-summary div.mailing-prefs input.button {margin-left:170px; margin-bottom:.5em;} #account-summary div.mailing-prefs ul.mailing {padding-top:6px;} #account-summary div.mailing-prefs ul.mailing li {clear:left; display:block; width:330px; padding-left:10px; height:2.5em; /*height:1.5em; margin-bottom:1em;*/} #account-summary div.mailing-prefs ul.mailing li input.checkbox {display:block; width:20px; float:left; height:1.5em; margin-bottom:1em; vertical-align:top; margin-top:0px;} #account-summary div.mailing-prefs ul.mailing li span.checkbox input {display:block; width:20px; float:left; height:1.5em; margin-bottom:1em; vertical-align:top; margin-top:0px;} #account-summary div.mailing-prefs ul.mailing li label {width:240px;} /*Mailing prefs*/ #account-summary div.mailing-prefs h3 {font-size:1.3em; margin-bottom:1em;} #account-summary div.mailing-prefs ul li {clear:left; display:block; width:340px; height:2.5em; /*height:1.5em; margin-bottom:1em;*/} #account-summary div.mailing-prefs ul li label {display:block; width:240px; float:left; font-size:1.2em; font-weight:bold; height:2em;} #account-summary div.mailing-prefs ul li input.checkbox {display:block; width:20px; float:left; height:1.5em; margin-bottom:1em; vertical-align:top; margin-top:0px;} /* =========================== SITE ADMIN- EDIT USER (WIDER VERSION OF ACCOUNT SUMMARY) */ #account-summary #overview.wide {width:100%; float:left;} #account-summary #overview.wide label {display:block; width:130px; float:left; height:2em; font-size:1.2em; font-weight:bold;} #account-summary #overview.wide .formrow input.textfield, #account-summary #overview.wide .formrow input.select {display:block; width:148px; float:left; height:1.5em; margin-bottom:1em;} /*Personal details*/ #account-summary #overview.wide #personal-details, #account-summary #overview.wide .eu-account, #account-summary #overview.wide .eu-pass, #account-summary #overview.wide .eu-spend, #account-summary #overview.wide .eu-approvers {width:293px; float:left; background:#EBEBEB; padding:5px 8px; margin-bottom:8px; margin-right:8px;} #account-summary #overview.wide .eu-email, #account-summary #overview.wide .eu-status {/*width:220px;*/ width:302px; float:left; background:#EBEBEB; padding:5px 8px; margin-bottom:8px;} #account-summary #overview.wide #personal-details, #account-summary #overview.wide .eu-account, #account-summary #overview.wide .eu-email {min-height:200px;} #account-summary #overview.wide .eu-approvers, #account-summary #overview.wide .eu-pass, #account-summary #overview.wide .eu-spend, #account-summary #overview.wide .eu-status {min-height:115px;} #account-summary #overview.wide .eu-pass {clear:left;} #account-summary #overview.wide .eu-approvers input.button {margin:1em 0 0.5em 0;} /*Edits users personal details*/ #account-summary #overview.wide #personal-details label {width:100px; padding:0;} #account-summary #overview.wide #personal-details .formrow input.textfield, #account-summary #overview.wide #personal-details .formrow input.select {width:164px;} #account-summary #overview.wide #personal-details input.button {margin-left:100px; margin-bottom:.5em;} /*Edits users account details*/ #account-summary #overview.wide .eu-account .formrow input.textfield, #account-summary #overview.wide .eu-account .formrow input.select {width:148px;} #account-summary #overview.wide .eu-account .formrow input.select.postcode {width:68px;} #account-summary #overview.wide .eu-account dl {clear:both;} #account-summary #overview.wide .eu-account input.button {margin-left:130px; margin-bottom:.5em;} /*Edits users email address*/ #account-summary #overview.wide .eu-email .formrow label {width:100%;} #account-summary #overview.wide .eu-email .formrow input.textfield {width:200px;} #account-summary #overview.wide .eu-email input.button {margin-left:0px; margin-bottom:1.5em;} #account-summary #overview.wide .eu-email input.button.password {margin-bottom:0;} /*Edits users password*/ #account-summary #overview.wide .eu-pass input.button {width:220px;} /*Edits users account details*/ #account-summary #overview.wide .eu-spend .formrow input.textfield, #account-summary #overview.wide .eu-spend .formrow input.select {width:68px;} #account-summary #overview.wide .eu-spend input.button {margin-left:130px; margin-bottom:.5em;} /*Status*/ #account-summary #overview.wide .eu-status label {height:1em;} /*Your addresses*/ #account-summary div.holder {width:58%; float:right;} #account-summary div.addresses {padding:3px; margin-bottom:1em; position:relative;} #account-summary div.addresses h3 {float:left; margin-bottom:0; width:100%;} #account-summary div.alternate p {margin:1em .5em;} #account-summary div.addresses ul {margin-bottom:1em;} #account-summary div.addresses ul ul {margin-bottom:0em;} #account-summary div.addresses li.address {clear:both; padding:.5em .5em 1em .5em; border-bottom:solid 1px #CCC;} #account-summary div.addresses li.address dl {width:436px; margin:0 0 3px 0;} #account-summary div.addresses li.address.alt { background:#F7F8E1;} #account-summary div.addresses li.address ul {clear:both; position:relative;} #account-summary div.addresses li.address ul li {float:left; margin-right:1em; font-size:1.1em;} #account-summary div.addresses li.address ul li.billing{float:right; clear:right; margin-top:-2.5em; position:relative;} #account-summary div.addresses li.address ul li.delivery{float:right; clear:right; margin-top:-.5em;position:relative;} #account-summary div.addresses li.address ul li input {vertical-align:middle;float:left;} #account-summary div.addresses li.address ul li label {width:6.75em; display:block; float:left; margin-top:2px;} #account-summary div.addresses dl dd {/*float:left;*/ display:inline; margin-right:.25em;} #account-summary div.addresses li p a.txtbtn {display:block; width:9em; margin:1em 0 0 0;} /*Address info div*/ #account-summary div.add-info {padding:6px; background:#EBEBEB; border-top:solid 1px #000; margin-bottom:1em;} /* =========================== eProc - Account summary */ #account-summary #personal-details dl.cost-codes, #account-summary #personal-details dl.approvers {border-top:solid 1px #666666; padding:.3em 0 0 0;} #account-summary #personal-details dl.cost-codes dt {margin:0;} #account-summary #personal-details dl.cost-codes dd, #account-summary #personal-details dl.approvers dd {margin-left:13.8em;} #account-summary #payment-details {background:#EBEBEB; padding:3px; margin-bottom:1em;} #account-summary #payment-details h3 {margin-right:1.5em;} #account-summary #payment-details dl {margin:1em 1em 2em 1em; clear:both;} #account-summary #payment-details dt {display:block; width:156px; float:left; clear:left; margin-right:10px; padding-bottom:3px;} #account-summary #payment-details dd {margin-left:5em; text-align:left; padding-bottom:3px;} #account-summary div.global-addresses {padding:6px; background:#EBEBEB; margin-bottom:1em;} /*eProc approve decline order*/ #account-summary div.approve-order {border-top:solid 1px #666666; padding:5px 0 0 0;} #account-summary div.approve-order fieldset label {display:block; font-weight:bold; font-size:1.2em; padding:0 0 5px 0;} #account-summary div.approve-order fieldset textarea {width:700px; float:left; margin:0 2em 0 0;} #account-summary div.approve-order fieldset input.button {width:210px; margin:0 0 1em 0; padding:5px 10px; border:#666666 solid 4px; background:#EEEEEE; color:#000000; font-size:1.3em; font-weight:bold;} /*eProc orders for approval*/ #account-summary #order-history div.search-orders {background:#CCCCCC; width:35%; padding:5px 3px;} #account-summary #order-history div.search-orders label {font-size:1.2em; font-weight:bold;} #account-summary #order-history div.search-orders input.textfield {width:180px;} /* =========================== EPROC ADMIN */ /*User table list and search users*/ #account-summary #users div.search-users {background:#D5C4C8; border-top:solid 2px #990000; padding:5px 3px;} #account-summary #users div.search-users div.formrow {float:left; width:220px;} #account-summary #users div.search-users div.formrow.last {width:68px;} #account-summary #users div.search-users label {font-size:1.2em; font-weight:bold;} #account-summary #users div.search-users input.textfield {width:200px;} #account-summary #users div.search-users input.button {margin:1.5em 0 0 0;} #account-summary #users table th.email {width:475px;} #account-summary #users table th.first-name {width:135px;} #account-summary #users table th.last-name {width:135px;} #account-summary #users table td {border-bottom:1px dashed #CCCCCC;} #account-summary #users table tr:hover td {background:#E5E5E5;} #account-summary #users table tfoot {display:none;} /* =========================== EPROC ADMIN - Admin for punchout & custom sites */ /*Account pages h1 and controls*/ #content.eproc-admin ul.eproc-head {margin-bottom:1em; background:#EBEBEB; padding:3px 2px;} #content.eproc-admin ul.eproc-head li {display:inline; padding:0 10px 0 0; font-size:1.2em;} #content.eproc-admin div.filter {background:#D5C4C8; border-top:solid 2px #990000; padding:5px 3px;} #content.eproc-admin div.filter ul li {display:inline; font-size:1.2em;} #content.eproc-admin div.filter ul li input {margin:0 3px 0 0;} #content.eproc-admin div.filter ul li label {font-size:1em; font-weight:bold; margin:0 20px 0 0;} #content.eproc-admin table.custom-sites {float:left; width:50%; border-collapse:separate;} #content.eproc-admin table.punchout-sites {float:right; width:50%; border-collapse:separate;} #content.eproc-admin table.equotedetail {clear:both;} #content.eproc-admin table td {border-bottom:1px dashed #CCCCCC;} #content.eproc-admin table tr:hover td {background:#E5E5E5;} /*Equote Administration - detail page*/ #content.eproc-admin h2.inline {width:50%; margin-bottom:1em;} #content.eproc-admin ul.sub-taskbar {padding:5px 2px; float:right; width:200px;} #content.eproc-admin ul.sub-taskbar li {font-size:1.2em; text-align:right;} /*Create part*/ #content.eproc-admin fieldset.create-part {width:350px;} #content.eproc-admin fieldset.create-part .formrow {margin-bottom:.75em; height:3em;} #content.eproc-admin fieldset.create-part .formrow.none {clear:both;} #content.eproc-admin fieldset.create-part label {display:block; width:180px; float:left; height:2em; font-weight:bold; padding-top:5px; padding-right:3px;} #content.eproc-admin fieldset.create-part em {font-size:1.1em; display:block; float:left; padding:5px 0 0 5px;} #content.eproc-admin fieldset.create-part .formrow input.textfield {display:block; width:155px; float:left; height:1.5em; margin-bottom:1em;} #content.eproc-admin fieldset.create-part .formrow input.small {width:50px;} #content.eproc-admin fieldset.create-part ul {text-align:right;} #content.eproc-admin fieldset.create-part ul li {display:inline;} #content.eproc-admin fieldset.create-part ul li a {font-size:1.2em;} /* =========================== ORDER HISTORY PAGE */ #account-summary .basket table td {padding:5px; color:#333;} #account-summary .basket table tr.item td {vertical-align:top;} #account-summary .basket table tr.item td a {text-decoration:underline;} #account-summary .basket table tr.item td.pic {padding:10px 5px 10px 10px; border-bottom:1px solid #aaa;} #account-summary .basket table tr.item td.price {padding-right:15px;} #account-summary .basket table tr.item td.qty {padding-top:11px;} #account-summary .basket table tr.item td.reorder{padding-left:12px; padding-right:0;border-bottom:1px solid #aaa;} #account-summary .basket table tr.more-info td {padding-top:8px; border-top:1px solid #eee;} #account-summary .basket table tr.more-info td.prices {border-top:0;} #account-summary .basket table tr.extra-info td {border-bottom:1px solid #aaa;padding:0;} #account-summary .basket table tr.delivery-info td {background:#FFFFCC; border-top:none;} #account-summary .basket table tr td input.sku {width:4em; margin-top:1px;} #account-summary .basket table td .qty-box {width:20px; padding:1px 4px 2px; font-size:1em; margin:0; color:#333;} #account-summary .basket table td.number {text-align:right;} #account-summary .basket tr.grand-total td.number{font-weight:bold;padding-right:10px;} #account-summary .basket table td.prices {border-left:solid 1px #aaa !important; font-weight:bold;padding-right:10px;} #account-summary #order-history {clear:both; /*padding-top:2em;*/} #account-summary #order-history h3 em {font-style:normal; font-size:.9em; font-weight:normal; color:#49423F; } #account-summary #order-history table {border-bottom:solid 1px #000000;} #account-summary #order-history th {font-size:1.3em; background:#000000; color:#FFFFFF;} #account-summary #order-history tr:hover td {background:#E5E5E5;} #account-summary #order-history td {border-bottom:1px dashed #CCCCCC;} #account-summary #order-history .number {text-align:right;} #account-summary #order-history table td a.txtbtn {display:block; float:left; width:10em; text-align:center;} /*Split delivery tables - Leen D*/ #content /*#account-summary*/ .order-history-delivery table {border:1px solid #000; width:650px; margin-top:5px; margin-bottom:25px;} #content /*#account-summary*/ .order-history-delivery table tbody tr td {border-top:1px solid #999; padding:8px 5px;} #content /*#account-summary*/ .order-history-delivery table th.qty {width:100px; border-left:1px solid #999;} #content /*#account-summary*/ .order-history-delivery table th.order-code {width:80px; border-right:1px solid #999;} #content /*#account-summary*/ .order-history-delivery h2 {clear:left; padding-bottom:.4em; margin-bottom:.5em; border-bottom:dotted 1px #666666;} /* Paging */ #account-summary .paging {} #account-summary .paging ul.options p {margin-bottom:0; font-size:1em;} /* =========================== ORDER HISTORY DETAIL PAGE NOTE:Only overriding style here, everything else comes from basket table styles ------------------------- */ /*Order tools - order number, print view etc*/ #account-summary ul.order-tools {margin-bottom:2em; padding:3px 2px;} #account-summary ul.order-tools li {float:left; font-size:1.2em;} #account-summary ul.order-tools li h2 {display:inline; padding:0 10px 0 0; font-size:1.4em; background:none;} #account-summary ul.order-tools li a {font-size:1em;} #account-summary ul.order-tools li.print {float:right;} /*Order info blocks */ #content #account-summary ul.order-head {clear:both; margin-bottom:2em;} #content #account-summary ul.order-head li {float:left; width:270px; border:solid 1px #000; margin:0 10px; min-height:11em; padding:10px;} #content #account-summary ul.order-head li.author {background:#FFFCD7; border:none;} #content #account-summary ul.order-head li.delivery {float:left; margin-right:0;} #content #account-summary ul.order-head dl {line-height:1.8em;} #content #account-summary ul.order-head dt {display:block; width:8.5em; float:left; clear:left; margin-right:1.5em; margin-bottom:.5em;} #content #account-summary ul.order-head dt.ordernumber {width:9.5em; margin:0;} #content #account-summary ul.order-head dd {margin-left:10.2em; text-align:left; margin-bottom:.5em;} /*need to set height in case customer order number is empty*/ #content #account-summary ul.order-head dd.ordernumber {display:block; min-height:1.8em;} * html #content #account-summary ul.order-head dd.ordernumber {height:1.8em!important;} /*Order basket table - *overriding styles* */ #content #account-summary div.basket {float:none; width:100%;} #content #account-summary div.basket table td.prices {border-left:none; border-right:none;} #content #account-summary div.basket table th.h-photo {display:none;} #content #account-summary div.basket table td.pic {display:none;} /*Table product notes - *overriding styles* */ #content #account-summary div.basket table tr.notes td {border-top:0;} #content #account-summary div.basket table tr.notes td.form {background:#FFF; border-left:none;} #content #account-summary div.basket table tr.notes td h2 {border:none; display:inline; font-size:1.2em;} /*Table footer - *overriding styles* */ #content #account-summary div.basket table tfoot th {border-left:none;} #content #account-summary div.basket table tfoot tr.evoucher td.number {border-left:none;} #content #account-summary div.basket table tfoot tr.grand-total th {border-top:none; border-bottom:none; background:#FFF;} #content #account-summary div.basket table tfoot tr.grand-total td.number {border-right:none; border-bottom:none;} /*Add items to basket button*/ #content #account-summary div.basket div.re-add {position:relative; bottom:85px; left:20px; width:250px;} /* =========================== GLOBAL ADDRESSES */ #account-summary #user-addresses {padding:10px 0;} #account-summary #user-addresses ul li.address {float:left; display:block; width:208px; padding:5px; margin-right:18px; margin-bottom:7px; min-height:13em; position:relative; border:solid 1px #CCC;} #account-summary #user-addresses ul li.address dl {margin-bottom:1.8em;} #account-summary #user-addresses ul li.address dl dt {font-size:1.3em;} #account-summary #user-addresses ul li.address dl dd {font-size:1.1em;} #account-summary #user-addresses ul li.address ul {position:absolute; bottom:5px; right:5px;} #account-summary #user-addresses ul li.address ul li {float:left; font-size:1.2em; margin-left:5px;} #account-summary #user-addresses ul li.address ul li a {display:block; float:left;} /* =========================== ADD NEW ADDRESS */ #add-new-address #personal-details-form h2 {font-size:1.4em;} #add-new-address #personal-details-form h3 {clear:both;} #add-new-address #personal-details-form div.user-add-control {clear:both;} #add-new-address #personal-details-form div.inner {clear:both; padding:10px 0;} #add-new-address #personal-details-form p.form-msg {font-size:1.1em;} #add-new-address div.address-results {width:303px; height:250px; overflow:auto; border: solid 1px #999999; padding:10px 0 10px 20px; background:#FFF;} #add-new-address.account-form{margin-left:20px;padding-top:20px;} /* =========================== COST CODES IN ACCOUNT SECTION */ /*Cost code controls*/ #account-summary div.cost-codes div.cc-controls {background:#D5C4C8; border-top:solid 2px #990000; padding:2px 3px; margin-bottom:2em;} #account-summary div.cost-codes div.cc-controls label {font-size:1.2em; font-weight:bold;} #account-summary div.cost-codes div.cc-controls select.dropdown {width:120px; margin-right:1em;} #account-summary div.cost-codes div.cc-controls input.button {margin:1.5em 0 0 0;} #account-summary div.cost-codes table {margin-bottom:2em;} #account-summary div.cost-codes table td {border-bottom:1px dashed #CCCCCC;} #account-summary div.cost-codes table tr:hover td {background:#E5E5E5;} #account-summary div.cost-codes div.create-cc {background:#D5C4C8; border-top:solid 2px #990000; padding:5px 3px; margin-bottom:2em;} /* =========================== COST CODES IN BASKET */ #content .basket table .basket-cost-codes {padding:10px;} /* =========================== Expand-collapse toggle panel (div) using jquery */ h2.msg_head {text-decoration:underline; background:url(../Images/bg-down-arrow.jpg) no-repeat 98% 50%;} .msg_list { margin: 0px; padding: 0px; /*width: 383px;*/ } .msg_head { /*padding: 5px 10px;*/ cursor: pointer; position: relative; /*background-color:#FFCCCC;*/ margin:1px; } .msg_body { padding: 5px 10px 15px; /*background-color:#F4F4F8;*/ } /* =========================== jquery.jcarousel.css - Used in the product list carosel - Do not change. */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container {position: relative;} .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative;} .jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;} .jcarousel-list li, .jcarousel-item {float:left; list-style:none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width:75px; height:75px;} /** * The buttons are added dynamically by jCarousel before * the