/* -------------------------------- NOTE: Cart only -------------------------------- */ #sc_container input, #sc_container select, #sc_container textarea {font-family:verdana,arial,sans-serif;font-size:12px;} #sc_container label, #sc_container input, #sc_container select, #sc_container fieldset {border:0;padding:0;margin:0;} #sc_container img {border:0;} #sc_container h1, #sc_container h2, #sc_container h3, #sc_container h4 {font-family:arial,verdana,sans-serif;margin:15px 0;color:#444;font-weight:normal;} #sc_container h1 {font-size:25px;line-height:25px;} #sc_container h2 {font-size:22px;line-height:22px;} #sc_container h3 {font-size:19px;line-height:19px;} #sc_container h4 {font-size:16px;line-height:16px;} #sc_container h5 {font-size:13px;line-height:13px;} #sc_container table {border-collapse:collapse;margin:0;} #sc_container table th, #sc_container table td {padding:10px;vertical-align:top;} #sc_container table thead th {color:#fff;background-color:#2D4490;} #sc_container form {margin:0;} #sc_container form br {clear:both;} /* -------------------------------- General Classes -------------------------------- */ #sc_container .warning, #sc_container .error, #sc_container .success {margin:20px 0;padding:10px;} #sc_container .warning, #sc_container .error {background-color:#fdd;border:1px solid #fbb;color:#f00;} #sc_container .success {background-color:#cfc;border:1px solid #494;color:#494;} #sc_container .lastEle {margin-bottom:0;} #sc_container .firstEle {margin-top:0;} #sc_container .formInfo {} #sc_container .clear {clear:both;height:1px;overflow:hidden;} #sc_container a.external {padding-right:20px;background-repeat:no-repeat;background-position:right center;background-image:url(../content/layout/external.gif);} /* -------------------------------- Buttons -------------------------------- */ #sc_container .ipt_btn {line-height:16px;text-decoration:none;display:inline-block;cursor:pointer;background-color:#bbb;color:#5E5E5E;font-weight:normal;display:inline-block;width:auto;border:1px solid #fff;margin:1px;padding:5px 10px;font-size:12px;border:3px double #fff;} #sc_container .ipt_btn:hover {text-decoration:none;background-color:#ddd;color:#5E5E5E;} #sc_container .ipt_btn_nextAction {font-weight:bold;float:right;color:#fff;background-color:#393;background-image:url('../../cart/pics/arrow_right.gif');background-repeat:no-repeat;background-position:right center;padding-right:28px;border:3px double #fff;} #sc_container .ipt_btn_nextAction:hover {background-color:#282;color:#fff;} #sc_container .ipt_btn_prevAction {font-weight:bold;float:left;color:#5E5E5E;background-color:#bbb;background-image:url('../../cart/pics/arrow_left.gif');background-repeat:no-repeat;background-position:left center;padding-left:28px;border:3px double #fff;} #sc_container .ipt_btn_prevAction:hover {background-color:#ccc;color:#5E5E5E;} #sc_container .ipt_btn_standaloneAction {color:#fff;background-color:#2D4490;background-image:url('../../cart/pics/arrow_right.gif');background-repeat:no-repeat;background-position:right center;border:3px double #fff;padding-right:23px;} #sc_container .ipt_btn_standaloneAction:hover {color:#fff;background-color:#0D2470;} #sc_container .ipt_btn_standaloneActionNoImage {background-image:none;padding-right:10px;} #sc_container .ipt_btn_standaloneSmallAction {line-height:14px;font-size:11px;padding-right:23px;color:#fff;background-color:#2D4490;background-image:url('../../cart/pics/arrow_right.gif');background-repeat:no-repeat;background-position:right center;border:0;} #sc_container .ipt_btn_standaloneSmallAction:hover {color:#fff;background-color:#0D2470;} /* -------------------------------- Structure -------------------------------- */ #tr_container {margin:20px auto;width:960px;} #tr_page {border:1px solid #D9D9D9;padding:1px;} #tr_header {margin-bottom:1px;background-color:#EFEDE4;padding:10px 20px 25px 20px;height:80px;position:relative;} #tr_header form {position:absolute;top:15px;right:20px;} #tr_header form #search_ipt {border:1px solid #D9D9D9;color:#C8C7A6;width:300px;padding:3px 6px;} #tr_header form .ipt_btn_standaloneAction {background-color:#A3A16A;line-height:12px;} #tr_header form .ipt_btn_standaloneAction:hover {background-color:#83814A;} #tr_header form .ipt_btn_standaloneAction:active {background-color:red;} #tr_header div {position:absolute;bottom:15px;right:20px;height:40px;background-image:url(../content/layout/tr_tradeOrdering.gif);background-repeat:no-repeat;padding-left:251px;text-align:center;} #tr_header div a {text-decoration:none;color:#4C4A40;} #tr_header div a:hover {text-decoration:underline;} #tr_priNav, #tr_footer {color:#fff;background-color:#818079;padding:7px 20px;} #tr_priNav a, #tr_footer a {color:#fff;text-decoration:none;} #tr_priNav a:hover, #tr_footer a:hover {text-decoration:underline;} #tr_priNav div, #tr_footer div {float:right;} #tr_content {padding:20px;} #tr_footer {font-size:11px;padding:4px 20px;} #tr_copyright {font-size:11px;text-align:center;color:#818079;margin-top:10px;} #sc_container .column {float:left;width:48%;margin-right:4%;} #sc_container .columnEnd {margin-right:0;} /* thick grey borders */ #sc_container {background-color:#FFF;} #sc_container .thickBorder {border:15px solid #E6E6E6;margin:0 0 15px 0;} #sc_container .thickBorder h2 {background-color:#E6E6E6;padding-bottom:15px;margin:0;} #sc_container .thickBorder h3 {margin-top:0;font-size:16px;font-weight:bold;} #sc_container .thickBorder .padder {padding:30px;} #sc_container .thickBorder .divider {margin:0;border-top:3px solid #E6E6E6;height:1px;padding:0;} /* Returns */ #sc_container #returns {margin-top:30px;} #sc_container #returns h2 {padding:5px;} #sc_container .thickBorder .scissor {border-top:3px dashed #c5c5c5;height:3px;padding:0;margin:20px 0 0 0;} #sc_container .thickBorder .returnInfo {font-size:17px;line-height:23px;} #sc_container .thickBorder p {margin-bottom:25px;} /* -------------------------------- Forms -------------------------------- */ /* forms in fieldsets are for entering user details - ala smartform */ #sc_container form fieldset {border:0;margin:0;padding:0;} #sc_container form fieldset h3 {font-size:13px;line-height:13px;font-weight:bold;margin:0 0 20px 0;} #sc_container form fieldset label, #sc_container form fieldset .inputInfo {text-align:right;float:left;width:200px;margin:0 20px 10px 0;padding-top:5px;} #sc_container form fieldset .inputInfo {text-align:left;width:100px;} #sc_container form fieldset input, #sc_container form fieldset select, #sc_container form fieldset textarea {font-family:verdana,arial,sans-serif;float:left;padding:5px;width:300px;border:1px solid #D0D0D0;font-size:11px;line-height:11px;margin:0 20px 10px 0;} #sc_container form fieldset input:focus, #sc_container form fieldset select:focus, #sc_container form fieldset textarea:focus {border:1px solid #2D4490} #sc_container form fieldset textarea {height:70px;} #sc_container form fieldset select {width:312px;} #sc_container form fieldset .iCheck, #sc_container form fieldset .iRadio {padding-top:5px;width:20px;height:25px;} #sc_container form fieldset input.readonly {background-color:#f6f6f6;} #sc_container form .mini {width: 100px;} #sc_container form .medium {width: 190px;} /* form field validation */ #sc_container .fieldError {font-size:11px;line-height:13px;width:300px;float:left;color:#f00;background-color:#fdd;padding:5px;border-radius:5px;border:1px solid #fbb;margin:0;} #traderUserLoginForm fieldset label {font-weight:bold;text-align:left;} #sc_container {} #sc_container #copyDetailsBtn {margin-left:85px;background-image:url('../pics/arrow_upDown.gif');} /* -------------------------------- Navigation -------------------------------- */ #sc_container .sc_nav td {height:45px;padding:0;} #sc_container .sc_nav table td {font-size:10px;font-family:arial, verdana, sans-serif;color:#999999;line-height:22px;padding:0;} #sc_container .sc_nav table td a:link, #sc_container .sc_nav table td a:visited, #sc_container .sc_nav table td a:active {font-family:arial, verdana, sans-serif;color:#999999;text-decoration:none;} #sc_container .sc_nav table td a:hover {color:#444455;text-decoration:underline;} #sc_container .sc_nav table td strong {font-size:12px;} #sc_container .sc_nav table .sc_nav_left {width:19px;background-position:left;background-repeat:no-repeat;} #sc_container .sc_nav table .sc_nav_right {width:25px;background-position:right;background-repeat:no-repeat;} #sc_container .sc_nav table .sc_nav_start {width:8px;background-image:none;} #sc_container .sc_nav table .sc_nav_end {width:25px;background-image:none;} #sc_container .sc_nav_end img, #sc_container .sc_nav_right img {position:relative;top:11px;left:4px;z-index:0;} #sc_container .sc_nav_end img.sc_nav_active, #sc_container .sc_nav_right img.sc_nav_active {display:none;} #sc_container .sc_nav_end img.sc_nav_inactive, #sc_container .sc_nav_right img.sc_nav_inactive {display:block;} #sc_container .sc_nav_current img.sc_nav_inactive {display:none;} #sc_container .sc_nav_current img.sc_nav_active {display:block;} #sc_container .sc_nav .sc_nav_current a:link, #sc_container .sc_nav .sc_nav_current a:visited, #sc_container .sc_nav .sc_nav_current a:active {color:#737373;text-decoration:none;} #sc_container .sc_nav .sc_nav_current a:hover {color:#444455;text-decoration:underline;} #sc_container .sc_nav .sc_nav_visited {background-color:#FFFAAF;} #sc_container .sc_nav .sc_nav_visited table .sc_nav_left {background-image:url('../pics/sc_nav_visited_l.gif');} #sc_container .sc_nav .sc_nav_visited table .sc_nav_mid {background-image:url('../pics/sc_nav_visited_m.gif');} #sc_container .sc_nav .sc_nav_visited table .sc_nav_right {background-image:url('../pics/sc_nav_visited_r.gif');} #sc_container .sc_nav .sc_nav_current, #sc_container .sc_nav .sc_nav_current a {background-color:#FEC500;color:#737373;} #sc_container .sc_nav .sc_nav_current table .sc_nav_left {background-image:url('../pics/sc_nav_current_l.gif');} #sc_container .sc_nav .sc_nav_current table .sc_nav_mid {background-image:url('../pics/sc_nav_current_m.gif');color:#737373;} #sc_container .sc_nav .sc_nav_current table .sc_nav_right {background-image:url('../pics/sc_nav_current_r.gif');} #sc_container .sc_nav .sc_nav_normal {background-color:#F7F7F7;} #sc_container .sc_nav .sc_nav_normal table .sc_nav_left {background-image:url('../pics/sc_nav_normal_l.gif');} #sc_container .sc_nav .sc_nav_normal table .sc_nav_mid {background-image:url('../pics/sc_nav_normal_m.gif');} #sc_container .sc_nav .sc_nav_normal table .sc_nav_right {background-image:url('../pics/sc_nav_normal_r.gif');} /* -------------------------------- Basket -------------------------------- */ #sc_container table.sc_bkt {width:100%;margin:0 0 10px 0;} #sc_container table.sc_bkt th, #sc_container table.sc_bkt td {border-bottom:1px solid #D0D0D0;} #sc_container table tr.sc_bkt_odd td {background-color:#F9F9F9;} #sc_container table tr.sc_bkt_even td {background-color:#FCFCFC;} #sc_container table.sc_bkt .sc_item {text-align:left;} #sc_container table.sc_bkt .sc_quantity, #sc_container table.sc_bkt .sc_price, #sc_container table.sc_bkt .sc_discount, #sc_container table.sc_bkt .sc_total {width:70px;} #sc_container table.sc_bkt .sc_total span {font-size:11px;} #sc_container table.sc_bkt .sc_price, #sc_container table.sc_bkt .sc_discount, #sc_container table.sc_bkt .sc_total {text-align:right;} #sc_container table.sc_bkt td.sc_quantity {text-align:center;line-height:15px;} #sc_container table.sc_bkt td.sc_quantity input {width:35px;} #sc_container table.sc_bkt .fieldError {width:auto;} .invoice-heading{ font-size: 16px !important;font-family: Arial !important; font-weight: bold;} #sc_container table .productCode {font-size:12px;} /* -------------------------------- Postage -------------------------------- */ #sc_container table.sc_bkt_postage {width:100%;margin:20px 0;} #sc_container table.sc_bkt_postage select {width:240px;margin-right:0;border:1px solid #D0D0D0;} #sc_container table.sc_bkt_postage th, #sc_container table.sc_bkt_postage td {border-top:1px solid #D0D0D0;border-bottom:1px solid #D0D0D0;background-color:#F4F4F4;} #sc_container table.sc_bkt_postage th {text-align:left;} #sc_container table.sc_bkt_postage td {text-align:right;} /* -------------------------------- Voucher -------------------------------- */ #sc_container table.sc_voucher {} #sc_container table.sc_voucher input {width:125px;margin-right:5px;} #sc_container .voucherDesc {color:#FF0000;} /* -------------------------------- Basket Summary -------------------------------- */ #sc_container table.sc_bkt_sum {float:right;width:35%;margin:0;} #sc_container table.sc_bkt_sum th {width:140px;} #sc_container table.sc_bkt_sum td.price {width:100px;} #sc_container table.sc_bkt_sum th, #sc_container table.sc_bkt_sum td {text-align:right;border-bottom:1px solid #D0D0D0;} #sc_container table.sc_bkt_sum tfoot th, #sc_container table.sc_bkt_sum tfoot td {border-top:3px double #D0D0D0;} #sc_container table.sc_bkt_sum td.spacer {border:0;} /* -------------------------------- Actions -------------------------------- */ #sc_container div#sc_actions {} /* -------------------------------- Personal Details -------------------------------- */ #sc_container table.sc_details {width:100%;margin:0;border-top:1px solid #D0D0D0;} #sc_container table.sc_details th, #sc_container table.sc_details td {border-bottom:1px solid #D0D0D0;} #sc_container table.sc_details th {text-align:left;width:150px;background-color:#F9F9F9;} #sc_container #useBillingAddress, #sc_container #isCardHoldersAddress, #sc_container #removeMailing {width:auto;} #sc_container #isCardHoldersAddress {} #sc_container .postcode {width:130px;} #sc_container .findAddress {width:150px;} #sc_container #postCodeAddressContainer_1, #sc_container #postCodeAddressContainer_2 {display:none;} #sc_container #txtNotes {height:60px;} /* -------------------------------- Delivery Options -------------------------------- */ .sc_delOpt {width:100%;margin:0;} .sc_delOpt th, .sc_delOpt td {border-bottom:1px solid #D0D0D0;} .sc_delOpt label {cursor:pointer;display:block;} .sc_delOpt td.option {width:100px;text-align:center;} .sc_delOpt td.price {text-align:right;width:100px;} /* -------------------------------- Add to basket - dialog window -------------------------------- */ .ui-dialog-content {font-size:12px;line-height:15px;} .ui-dialog-content table.sc_bkt {width:100%;margin:0;} .ui-dialog-content table.sc_bkt th, .ui-dialog-content table.sc_bkt td {border-bottom:1px solid #D0D0D0;padding:5px;} .ui-dialog-content table.sc_bkt .sc_item {text-align:left;} .ui-dialog-content table.sc_bkt .sc_quantity {width:40px;text-align:center;} /* -------------------------------- Customer Login Order Listing -------------------------------- */ #sc_container h2 .loginName {float:right;font-size:15px;} #sc_container #sc_margin {float:left;width:140px;} #sc_container #sc_margin a {display:block;padding:5px;} #sc_container #sc_margin a:hover {background-color:#f2f2f2;} #sc_container #sc_content {float:left;width:815px;border-left:1px solid #E1E1E1;padding-left:25px;} #sc_container table.sc_orders {width:100%;margin:0;border-top:1px solid #D0D0D0;} #sc_container table.sc_orders th, #sc_container table.sc_orders td {border-bottom:1px solid #D0D0D0;} #sc_container table.sc_orders th {text-align:left;} #sc_container table.sc_orders td {} #sc_container table.sc_orders td.value, #sc_container table.sc_orders th.value {text-align:right;width:75px;padding-right:40px;} #sc_container table.sc_orders td.status {text-align:left;width:125px;} #sc_container table.sc_orders td.actions, #sc_container table.sc_orders td.items {text-align:center;width:40px;} /* -------------------------------- Customer Login Pagination -------------------------------- */ .pagination {float:right;margin:15px 0 15px 0;clear:both;} .pagination a, .pagination em, .gentext .pagination a {border:1px solid #bbb;padding:5px;text-decoration: none;font-weight:normal;background-color:#FFF;} .pagination em {font-weight:bold;background-color:#CCCCCC;}