/*---------------------------------------------------- UKBathrooms Scratch CSS Document Updated: Mon 16.11.09 @ 10:38 a.m. Author: Kean Richmond ----------------------------------------------------*/ /*--- 202. Top Bar Member Navigation ---------------------------------------------------------------------------*/ #topbar_membernav {left:0px; position:absolute; top:-63px;} #topbar_membernav li {float:left; margin:0 5px 0 0;} #topbar_membernav li a {background:#FFFFFF; display:block; font-size:1.1em; padding:3px 5px; text-decoration:none; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px;} #topbar_membernav li a:hover {background:#FFFC03;} #product_ranges li {height:180px; margin:5px; width:150px;} #product_ranges li a.prorange_img {height:146px;} #product_ranges li h2 {margin-top:5px;} /*--- 203. New Prices ---------------------------------------------------------------------------*/ #price-container {color:#BCBCBC; font-weight:bold; float:left; line-height:1.4em; margin:23px 0 0 0;} .our-price {color:#999999; display:block;} #price-container strong {color:#309DCF; display:block; font-size:2.75em; margin:5px 0 3px 0;} #lowest-price-guarantee {position:relative;} #link-guarantee {background:url(/images/_lowestpriceguarantee.png) no-repeat; cursor:pointer; display:block; float:left; height:56px; margin:23px 0 0 20px; text-indent:-9999px; width:124px;} #link-guarantee:hover {background-position:0 -56px;} #was-save {clear:both; font-weight:bold; padding:6px 0 0 0;} #was-price {color:#990000; padding:0 5px 0 0;} #you-save {color:#41A5D2;} #price-overlay {background:#999999; background:rgba(0,0,0,0.5); display:none; left:0; padding:20px; position:absolute; top:105px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;} #price-overlay div {background:#FFFFFF; padding:10px 13px; width:320px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #close-overlay {background:#FFFFFF; color:#666666; cursor:pointer; display:block; font-size:1.8em; height:23px; line-height:1em; font-weight:bold; padding:2px; position:absolute; right:10px; text-align:center; top:10px; width:23px; -moz-border-radius:50%; -webkit-border-radius:13px; border-radius:13px;} #close-overlay:hover {color:#990000;} #price-overlay h3 {color:#309DCF; font-size:2.2em; font-weight:bold; line-height:1.2em; margin:0 0 3px 0;} #price-overlay p {font-size:1.2em; line-height:1.2em; padding:7px 0;} #price-overlay ul {} #price-overlay li {background:url(/images/_bullet_arrow.gif) 0 5px no-repeat; font-size:1.2em; margin:8px 0 0 0; padding:0 0 6px 15px;} #price-overlay strong {color:#309DCF;} #price-overlay p a {color:#666666; font-style:italic;} /*--- 204. New Add to Basket Overlay ---------------------------------------------------------------------------*/ #product-added {background:url(/images/_icon_shoppingcart.png) 11px 12px no-repeat #2F9DD0; background-color:rgba(47,157,208,0.85); border-right:1px solid #097FB9; border-top:1px solid #097FB9; border-right:1px solid rgba(9,127,185,0.85); border-top:1px solid rgba(9,127,185,0.85); bottom:0; cursor:pointer; display:none; color:#FFFFFF; font-weight:bold; left:0; padding:11px 11px 11px 50px; position:fixed; z-index:10; -moz-border-radius:0 20px 0 0; -webkit-border-top-right-radius:20px; border-radius:0 20px 0 0;} #product-added:hover {background-color:#2F9DD0;} #product-added span {float:left; padding:5px 14px 0 0; text-transform:uppercase;} #product-added a {background:url(/images/_buttons.png) 0 -78px no-repeat; color:#FFFFFF; display:block; float:left; height:16px; padding:5px 0; text-align:center; text-decoration:none; width:93px; text-shadow:rgba(0,0,0,0.2) 0 -1px 0;} #product-added a:hover {background-position:0 0px; color:#FCFF00;} /*--- 205. New Basket ---------------------------------------------------------------------------*/ #new-basket #content {float:none; height:100%; overflow:hidden; padding:0 10px 30px 10px; width:auto;} #new-basket h1 {background:url(/images/_headings.png) no-repeat; border:0; height:23px; margin:30px 0 0 0; padding:0; text-indent:-9999px; width:255px;} .btn-checkout {background:url(/images/_buttons.png) no-repeat; border:0; color:#FFFFFF; cursor:pointer; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:26px; margin:-3px 0 10px 0; padding:0 0 3px 0; text-shadow:rgba(0,0,0,0.2) 0 -1px 0; width:93px;} .btn-checkout:hover {background-position:0 -52px; color:#FCFF00;} #tbl-basket {background:#E6E6E6; clear:both; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #tbl-basket table {border-collapse:separate; width:100%;} #tbl-basket th {background:#E6E6E6; color:#686868; font-weight:bold; padding:7px 0 8px 0; text-align:center; text-transform:uppercase; width:117px;} #tbl-basket td {background:url(/images/_bkg_td.png) repeat-x #ECECEC; background:url(/images/_border_tblbasket.png) top left repeat-y, url(/images/_bkg_td.png) top left repeat-x #ECECEC; border-bottom:5px solid #E6E6E6; border-top:5px solid #E6E6E6; text-align:center; width:115px; -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.13), inset 0 1px 0 #FFFFFF; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.13), inset 0 1px 0 #FFFFFF; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.13), inset 0 1px 0 #FFFFFF;} #tbl-basket th.td-primary {padding-left:10px;} #tbl-basket th.td-primary, #tbl-basket td.td-primary {text-align:left; padding-right:10px; width:471px;} #tbl-basket tr td:first-child {background:url(/images/_bkg_td.png) repeat-x #ECECEC; border-left:5px solid #E6E6E6; -moz-border-radius:10px 0 0 10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-radius:10px 0 0 10px;} #tbl-basket tr td:last-child {border-right:5px solid #E6E6E6; -moz-border-radius:0 10px 10px 0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-radius:0 10px 10px 0;} .tbl-img {display:inline-block; float:left; margin:9px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:inset 0 1px 5px rgba(0,0,0,0.3), 0 1px 0 #FFFFFF, 0 -1px 0 rgba(0,0,0,0.4); -webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.3), 0 1px 0 #FFFFFF, 0 -1px 0 rgba(0,0,0,0.4); box-shadow:inset 0 1px 5px rgba(0,0,0,0.3), 0 1px 0 #FFFFFF, 0 -1px 0 rgba(0,0,0,0.4);} #tbl-basket td.td-primary a {display:block;font-weight:bold; margin:11px 0 0 0; text-decoration:none;} .variant {color:#41A5D2; font-size:0.9em; font-weight:normal;} .stockcode {color:#999999; display:block; font-size:0.9em;} .rrp {color:#AB0000; display:block; margin:0 0 3px 0; text-decoration:line-through;} .yousave {color:#41A5D2; font-weight:bold;} .tbl-quantity {background:#FFFFFF; border:1px solid #CCCCCC; display:block; float:left; height:15px; margin:0 5px; padding:5px 0; width:35px;} #tbl-basket input[type='text']{background:#FFFFFF; border:1px solid #CCCCCC; color:#666666; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:15px; margin:0 5px; padding:5px 0; text-align:center; width:35px;} input[value='Minus'], input[value='Plus'] {background:url(/images/_buttons.png) 0 -106px no-repeat; border:0; cursor:pointer; float:left; height:13px; margin:7px 0; padding:0 0 0 13px; text-indent:-9999px; width:14px;} input[value='Minus'] {background-position:-15px -106px; margin-left:22px;} input[value='Plus']:hover {background-position:0 -120px;} input[value='Minus']:hover {background-position:-15px -120px;} #deliverto {float:right; margin:16px 0 12px 0;} #deliverto label {float:left; font-weight:bold; margin:4px 10px 0 0;} #deliverto select {color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 1px 0 1px;} #deliverto select option {padding:1px 60px 1px 2px;} .help-point {background:url(/images/_icon_help.png) no-repeat; cursor:pointer; display:block; float:left; height:16px; margin:3px 1px 0 6px; text-indent:-9999px; width:16px;} #tooltip {background:#D0E8F4; background:rgba(208,232,244,0.85); border:1px solid #A7C9DA; border:1px solid rgba(167,201,218,0.85); color:#2F87AF; font-size:1.1em; padding:5px 7px; position:absolute; z-index:3000;} #tbl-totals {border-collapse:separate; clear:right; float:right; margin:0 -3px 10px 0; width:250px;} #tbl-totals th {border-left:3px solid #FFFFFF; -moz-border-radius:10px 0 0 10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-radius:10px 0 0 10px;} #tbl-totals th, #tbl-totals td {background:#F2F2F2; border-bottom:3px solid #FFFFFF; border-top:3px solid #FFFFFF; padding:7px 8px;} #tbl-totals td {border-right:3px solid #FFFFFF; font-weight:bold; text-align:right; -moz-border-radius:0 10px 10px 0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-radius:0 10px 10px 0;} #tbl-totals td strong {color:#41A5D2;} #tbl-totals #discount {color:#AB0000;} #tbl-totals #discount span {font-size:0.9em;} #tbl-totals #total th {font-weight:bold;} #tbl-totals #total span {font-size:0.9em; font-weight:normal;} #tbl-totals #total td {font-size:1.2em;} #basket-buttons {clear:both;} #basket-buttons .btn-93-grey, #basket-buttons a {float:left; margin:-3px 10px 0 0;} .btn-93-grey {background:url(/images/_buttons.png) 0 -26px no-repeat; border:0; color:#636262; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:26px; margin:-3px 0 10px 0; padding:0 0 3px 0; text-shadow:rgba(255,255,255,1) 0 -1px 0; width:93px;} .btn-93-grey:hover {background-position:0 0; color:#FFFFFF; text-shadow:rgba(0,0,0,0.2) 0 -1px 0;} .link-140-grey {background:url(/images/_buttons.png) -93px -26px no-repeat; color:#636262; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:16px; margin:-3px 0 10px 0; padding:5px 0; text-align:center; text-decoration:none; text-shadow:rgba(255,255,255,1) 0 -1px 0; width:140px;} .link-140-grey:hover {background-position:-93px 0; color:#FFFFFF; text-shadow:rgba(0,0,0,0.2) 0 -1px 0;} #new-basket .msg_response {clear:both;} #basket-promos {clear:both; height:100%; overflow:hidden; margin:0 0 0 -10px; padding:30px 0;} #basket-promos li {background:#61B4DC; color:#FFFFFF; float:left; height:190px; margin:0 0 0 10px; padding:16px 14px 6px 14px; width:204px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} #basket-promos h3 {background:url(/images/_headings.png) no-repeat; height:51px; text-indent:-9999px; width:100%;} #basket-promos p {font-weight:bold; padding:10px 0;} #basket-promos a {color:#FFFFFF;} #fastandsecuredelivery h3 {background-position:0 -25px; height:56px;} #lowestpriceguarantee h3 {background-position:0 -83px; margin:0 0 6px 0;} #quickandeasyreturns h3 {background-position:0 -136px; margin:0 0 6px 0;} #canwehelp h3 {background-position:0 -189px; height:56px;} #currency-disclaimer {float:left; font-size:0.9em; width:50%;} #payment-options {float:right;} #payment-options li {float:left; padding:0 5px;} #payment-options li:last-child {padding-top:5px;} /*--- 206. Why Choose Us ---------------------------------------------------------------------------*/ #why-choose-us {background:#61B4DC; float:right; padding:3px; width:214px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} #why-choose-us h5 {background:url(/images/_headings.png) 0 -245px no-repeat; height:24px; margin:18px 0 15px 12px; text-indent:-9999px; width:190px;} #why-choose-us ul {background:#FFFFFF; padding:2px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} #why-choose-us li {background:url(/images/_icons_whychooseus.png) 5px 9px no-repeat; color:#828282; font-size:0.9em; line-height:1.2em; margin:15px 0; padding:0 10px 0 67px;} #why-choose-us h6 {color:#50A7D1; font-size:1.1em; font-weight:bold; padding:0 0 6px 0;} #why-choose-us li#why-securedelivery {background-position:5px -55px;} #why-choose-us li#why-lowestprices {background-position:5px -133px;} #why-choose-us li#why-business {background-position:5px -203px;} #why-choose-us li#why-returns {background-position:5px -275px;} /*--- 207. Beat My Quote ---------------------------------------------------------------------------*/ #beat-my-quote {padding:0 10px;} #beat-my-quote h1 {background:url(/images/_headings.png) 0 -269px no-repeat; border:0; height:23px; margin:30px 0 10px 0; padding:0; text-indent:-9999px; width:387px;} #beat-my-quote h2 {font-size:1.4em; font-weight:bold; margin:24px 0 0 0;} #beat-my-quote p {line-height:1.5em; padding:9px 0;} .tabs li {float:left; margin:20px 2px 0 0;} .tabs a {background:#F2F2F2; color:#999999; cursor:pointer; display:block; font-weight:bold; padding:10px 0 9px 0; text-align:center; text-transform:uppercase; width:105px; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} .tabs .current a {background-image:-moz-linear-gradient(#F2F2F2, #E6E6E6); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#E6E6E6)); color:#309DCF;} .tabs a:hover {color:#309DCF;} .tab-container {border:10px solid #E6E6E6; clear:both; padding:10px 20px 20px 20px; -moz-border-radius:0 20px 20px 20px; border-radius:0 20px 20px 20px;} #beat-my-quote form p {clear:both; height:100%; overflow:hidden; padding:10px 0 0 0;} .tab-container label {float:left; font-weight:bold; margin:4px 0 0 0; width:100px;} .tab-container label.lbl-long {display:block; float:none; padding:0 0 1px 0; width:auto;} .tab-container input[type=text] {color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; width:200px;} .tab-container input[type=file] {float:left;} .tab-container textarea {color:#666666; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; width:97%;} .tab-container input[type=submit] {background:url(/images/_buttons.png) -93px 0px no-repeat; border:0; color:#FFFFFF; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:26px; margin:9px 0 0 100px; text-align:center; text-decoration:none; text-shadow:rgba(0,0,0,0.2) 0 -1px 0; width:140px;} .tab-container input[type=submit]:hover {background-position:-93px -26px; color:#636262; text-shadow:rgba(255,255,255,1) 0 -1px 0;} .hint {font-size:0.9em; margin-left:100px; padding-top:5px!important;} #beat-my-quote form .optional {background:url(/images/_optional.png) no-repeat; display:block; float:left; height:7px; margin:8px 0 0 10px; text-indent:-9999px; width:44px;} #p-security {clear:both; display:none; height:0px; visibility:hidden;} #p-security label {float:none; padding:0 0 4px 0; text-align:left; width:auto;} #p-security input[type="text"] {display:block; float:none;} #beat-my-quote #link-guarantee {background:url(/images/_banner_neverbeatenonprice.png) no-repeat; float:none; margin:10px 0; width:617px;} #beat-my-quote #link-guarantee:hover {background-position:0 -59px;} #beat-my-quote #price-overlay {font-size:0.8em; top:50px}