/*********************************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation & Hide 1.3 Clearfix 1.4 Default Styles 2. LAYOUT 2.1 Structure 2.2 Content 2.3 Sidebar ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ .accountCheckout { padding:0 0 50px; overflow:hidden; } .serviceCentre { padding:0 0 50px; overflow:hidden; } /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ /* html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } q { quotes: none; } q:before, q:after { content: ""; content: none; } a, ins, del { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { text-align: left; } */ /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ .accountCheckout ol#accessibility-nav, .accountCheckout .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ .accountCheckout .clearfix:after, .accountCheckout .section:after, .accountCheckout .formRow:after, .accountCheckout .container:after, .accountCheckout .accepted-cards ul:after, .accountCheckout #sidebar .accountNavigation ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ /*body { background: #fff; color: #666; font: 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif; }*/ .accountCheckout hr { display: none; } .accountCheckout strong { font-weight: bold; } .accountCheckout em { font-style: italic; } .accountCheckout del { text-decoration: line-through; } .accountCheckout th { font-weight: normal; } .accountCheckout address, .accountCheckout cite, .accountCheckout dfn { font-style: normal; } .accountCheckout li { list-style: none; } /*abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }*/ .accountCheckout input, .accountCheckout textarea, .accountCheckout select { font-family: Verdana, Arial, Helvetica, sans-serif; } .accountCheckout a, .accountCheckout a:visited { color: #666; text-decoration: none; } .accountCheckout a:hover, .accountCheckout a:active { color: #119bd5; text-decoration: none; } .accountCheckout button { cursor: pointer; } /* image replacement */ .accountCheckout .ir { position: relative; } .accountCheckout .ir span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../Images/xhtml/text-replacement.png); } .accountCheckout .ir, .accountCheckout .ir span { display: block; overflow: hidden; } .accountCheckout a.ir span { cursor: pointer; } .accountCheckout .your-details, .accountCheckout .your-order-details, .accountCheckout .review-and-payment, .accountCheckout .my-account, .accountCheckout .edit-my-details, .accountCheckout .order-history-title, .accountCheckout .rip-curl-sign-up, .accountCheckout h1.orderHistory { width: 300px; height: 48px; margin-bottom:14px; } .accountCheckout .visa { width: 65px; height: 22px; } .accountCheckout .mastercard { width: 48px; height: 29px; } .accountCheckout .amex { width: 36px; height: 32px; } .accountCheckout .thawte { width: 107px; height: 26px; } .accountCheckout .print-confirmation { width: 144px; height: 31px; } .accountCheckout .shipping-details, .accountCheckout .billing-details, .accountCheckout .email-details, .accountCheckout .enter-payment-details, .accountCheckout .payment-details, .accountCheckout .staff-voucher-details, .accountCheckout .account-details, .accountCheckout .change-password, .accountCheckout .rip-curl-emails { height: 13px; } .accountCheckout .shipping-details { width: 135px; } .accountCheckout .billing-details { width: 121px; } .accountCheckout .email-details { width: 110px; } .accountCheckout .enter-payment-details { width: 187px; } .accountCheckout #main .section-details h3.staff-voucher-details {border-bottom:1px solid #E8E8E8; height: 30px; margin-bottom:16px;} .accountCheckout .payment-details { width: 135px; } .accountCheckout .rip-curl-membership { width: 208px; height: 15px; } .accountCheckout .member-checkout { width: 188px; height: 19px; } .accountCheckout .rip-curl-members { width: 188px; height: 19px; } .accountCheckout .not-a-member {width:122px;height:13px;} .accountCheckout h2.forgot-your-password {width:198px;height:13px;} .accountCheckout h2.order-history {width:120px;height:13px;} .accountCheckout .email-only-sign-up {width:154px;height:13px;} .accountCheckout .member-benefits {width:141px;height:13px;} .accountCheckout .account-login {width:159px;height:19px;} .accountCheckout .account-summary {width:189px;height:19px;} .accountCheckout h2.become-a-member {width:184px;height:19px;} .accountCheckout .view-order {width:93px;height:30px;} .accountCheckout a.become-a-member {width:165px;height:35px;} .accountCheckout h3.order-history{ width:120px; } .accountCheckout h3.historyCart{ width:38px; } .accountCheckout h3.account-details { width:135px;} .accountCheckout h3.change-password { width:148px;} .accountCheckout h3.rip-curl-emails { width:125px;} .accountCheckout div.order-date {width:139px;} .accountCheckout div.order-no {width:111px;} .accountCheckout div.tracking-no {width:121px;} .accountCheckout div.status {width:114px;} .accountCheckout div.order-total {width:141px;} .accountCheckout div.view-order {width:103px;} .accountCheckout h3.order-date {width:72px;height:10px;} .accountCheckout h3.order-no {width:63px;height:10px;} .accountCheckout h3.tracking-no {width:80px;height:10px;} .accountCheckout h3.status {width:45px;height:10px;} .accountCheckout h3.order-total {width:79px;height:10px;} .accountCheckout h3.view-order {text-indent:-9999em;} .accountCheckout div.voucher-code {width:139px;} .accountCheckout div.voucher-validity {width:111px;} .accountCheckout div.voucher-balance {width:114px;} .accountCheckout h3.voucher-code {width:112px;height:10px;} .accountCheckout h3.voucher-validity {width:60px;height:10px;} .accountCheckout h3.voucher-balance {width:120px;height:10px;} .accountCheckout .order-history-title span {background:url(../../Images/titles/orderHistory.gif) no-repeat 0 0!important;} .accountCheckout .your-details span { background-position: 0 0; } .accountCheckout .your-order-details span { background-position: 0 -48px; } .accountCheckout .review-and-payment span { background-position: 0 -96px; } .accountCheckout .my-account span { background-position:0 -223px;} .accountCheckout .rip-curl-sign-up span {background-position: 0 -175px;} .accountCheckout .edit-my-details span {background:url(../../Images/xhtml/edit-my-details.png) no-repeat 0 0;} .accountCheckout .visa span { background-position: -488px 0; } .accountCheckout .mastercard span { background-position: -505px -22px; } .accountCheckout .amex span { background-position: -517px -52px; } .accountCheckout .thawte span { background-position: -446px -106px; } .accountCheckout .print-confirmation span { background-position: -300px -103px; } .accountCheckout .print-confirmation:hover span { background-position: 0 -144px; } .accountCheckout .oh-print-confirmation { height:30px; position:absolute; top:0; right:0; margin-top:-47px;} .accountCheckout .oh-print-confirmation span { background-position:-144px -144px;} .accountCheckout .shipping-details span { background-position: -300px 0px; } .accountCheckout .billing-details span { background-position: -300px -13px; } .accountCheckout .email-details span { background-position: -300px -26px; } .accountCheckout .enter-payment-details span { background-position: -300px -39px; } .accountCheckout .staff-voucher-details span { background-position: -300px -446px; height:13px; background-repeat: no-repeat; } .accountCheckout .payment-details span { background-position: -300px -51px; } .accountCheckout .rip-curl-membership span { background-position: -300px -65px; } .accountCheckout .member-checkout span { background-position: -300px -80px; } .accountCheckout .rip-curl-members span { background-position: -300px -135px; } .accountCheckout .not-a-member span {background-position:-300px -175px;} .accountCheckout h2.forgot-your-password span {background-position:-300px -188px;} .accountCheckout h2.order-history span {background-position:-300px -201px;} .accountCheckout h2.voucher span {background-position:-300px -417px; background-repeat: no-repeat;} .accountCheckout .email-only-sign-up span {background-position:-300px -214px;} .accountCheckout .member-benefits span {background-position:-300px -227px;} .accountCheckout .account-login span {background-position:-300px -240px;} .accountCheckout .account-summary span {background-position:-300px -259px;} .accountCheckout h2.become-a-member span {background-position:-300px -278px;} .accountCheckout .view-order span {background-position:0 -271px;} .accountCheckout .view-order:hover span {background-position:-93px -271px;} .accountCheckout a.become-a-member span {background-position:0 -301px;} .accountCheckout a.become-a-member:hover span {background-position:-165px -301px;} .accountCheckout h3.order-date span {background-position:-330px -301px;} .accountCheckout h3.order-no span {background-position:-330px -311px;} .accountCheckout h3.tracking-no span {background-position:-330px -321px;} .accountCheckout h3.status span {background-position:-330px -331px;} .accountCheckout h3.order-total span {background-position:-330px -341px;} .accountCheckout h3.voucher-code span {background-position:0px -420px;} .accountCheckout h3.voucher-validity span {background-position:0px -431px;} .accountCheckout h3.voucher-balance span {background-position:0px -410px;} .accountCheckout h1.orderHistory span { background-position:0 -351px; } .accountCheckout h3.order-history span{ background-position:-300px -351px; } .accountCheckout h3.historyCart span { background-position:-300px -364px; } .accountCheckout h3.account-details span { background-position:-300px -377px;} .accountCheckout h3.change-password span { background-position:-300px -390px;} .accountCheckout h3.rip-curl-emails span { background-position:-300px -403px;} .accountCheckout h3.voucher {height: 25px;} .accountCheckout h3.voucher {height: 25px;} .accountCheckout .detailsUpdated {width:152px; height:13px; background:url(../../Images/titles/detailsUpdated.gif) no-repeat; margin-bottom:25px;} .accountCheckout .detailsUpdated span {text-indent:-9999px; display:block;} .accountCheckout a.backToAccount {width:184px; height:35px; display:block; background:url(../../Images/buttons/back-to-account.gif) no-repeat; text-indent:-9999px; margin-top:35px;} .formRow p.updated {font-size:11px;} /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 2.1 Structure -----------------------------------------------------------------------------------------------*/ .accountCheckout .container { text-align: left; width: 950px; padding:15px 0; } .accountCheckout #main { float: right; border-left: 1px solid #d4d4d4; width: 729px; padding:6px 0 0 10px; margin-bottom:50px; position: relative; color:#666; font-size:0.83em; } .accountCheckout #sidebar { width: 200px; float: left; margin-left: 10px; padding-top: 2px; } .accountCheckout #footer { clear: both; } /* 2.2 Content -----------------------------------------------------------------------------------------------*/ .accountCheckout #checkoutForm h2 { background: #1fafeb; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 2em; line-height: 48px; text-align: center; margin-bottom: 14px; } .accountCheckout .formRow input, .accountCheckout textarea { background: #fff url(../../Images/xhtml/bg-input.png) no-repeat; border: 1px solid #d2d1d2; padding: 4px 3px 3px; } .accountCheckout input, select, .accountCheckout textarea { margin-bottom: 7px; font-size: 1.1em; color: #454545; } .accountCheckout select { padding: 2px; } .accountCheckout input.submit { background: none; border: 0; padding: 0; width: auto !important; } .accountCheckout label { display: block; font-weight: bold; margin-bottom: 2px; } .accountCheckout label strong { font-weight: bold; color: #c53e2a; font-size: 1.1em; vertical-align: middle; line-height: 1; } .accountCheckout #main .formRow input { width: 232px; } .accountCheckout #main .formRow .input-checkbox input { width: auto; float:left; } .accountCheckout #main select { width: 240px; line-height: 1.6; border: 1px solid #d2d1d2; } .accountCheckout #main textarea { width: 232px; height: 46px; } .accountCheckout .formRow { position: relative; } .accountCheckout .formRow label { z-index: 1; position: relative; text-transform:uppercase; } .accountCheckout .formRow input, .accountCheckout .formRow select { z-index: 2; position: relative; } .accountCheckout .error { font-weight: bold; color: #c53e2a; position: absolute; top: 0; right: 30px; z-index: 3; } .accountCheckout .errorForm { font-weight: bold; } .accountCheckout .formRowPadd .error { top: 15px; } .accountCheckout #sidebar .formRow .error { right: 10px; } .accountCheckout #main .formRowRadios { margin-bottom: 9px; } .accountCheckout #main .formRowRadios label { float: left; margin: 0; line-height: 1; } .accountCheckout #main label.radio, .accountCheckout #main table label { display: inline; margin: 0 0 0 3px; line-height: 1; font-weight: normal; font-size: 1.1em; } .accountCheckout #main table input, .accountCheckout #main .formRow table input, .accountCheckout #main .formRowRadios input { width: auto; margin: 0; float: left; } .accountCheckout #main .formRowRadios input { margin: 0 0 0 21px; } .accountCheckout .cStoreForm { float: left; width: 270px; } .accountCheckout .section { border-bottom: 1px solid #e8e8e8; padding-bottom: 23px; margin-bottom: 20px; } .accountCheckout #main h3 { margin-bottom: 14px; } .accountCheckout #main h3.shipping-details { margin-bottom: 36px; } .accountCheckout .formRowPadd { padding-top: 15px; } .accountCheckout .subsection { float: left; width: 270px; } .accountCheckout .sectionwrap { float: left; width: 270px; } .accountCheckout #main .subsection label { display: block; width: 70px; margin: 0; } .accountCheckout #main .subsection .remember{padding-bottom:5px;} .accountCheckout #main .subsection .remember label{ width:300px; } .accountCheckout #main .subsection .remember input{float:left; margin-right:5px;} .accountCheckout #main .cStoreForm .subsection label { width: auto; } .accountCheckout #main .cStoreForm .subsection table label { width: 70px; } .accountCheckout #main .subsection .formRow label { width: 240px; margin: 0 0 3px; } .accountCheckout #main .checkboxes label, .accountCheckout #main .formRow .checkboxes label, .accountCheckout #main .formRow table label, .accountCheckout #main .subsection .formRow table label { width:102px; line-height:1.3; } .accountCheckout .subsection strong { display: block; margin: 0px 0 6px; } .accountCheckout .subsection label strong { display: inline; margin: 0; } .accountCheckout #main .subsection table input { margin-right: 3px; } .accountCheckout #main .checkboxes table input, .accountCheckout #main .checkboxes table label { margin-bottom: 9px; } .accountCheckout #main .radio input { border:none; background:none; } .accountCheckout .subsection .checkboxes strong { margin-top: 13px; } .accountCheckout #main .subsection h3 { margin-bottom: 26px; } .accountCheckout #main .cStoreForm .subsection label { margin-bottom: 10px; } .accountCheckout #main .cStoreForm .subsection table label { margin-bottom: 18px; } .accountCheckout .subsection li { background: url(../../Images/xhtml/ico-bullet.png) no-repeat center left; padding-left: 15px; margin-bottom: 3px; font-size: 1.1em; } .accountCheckout #main .benefits strong { margin-top: 0; } .accountCheckout .submit { clear: both; float: left; } .accountCheckout .signupbutton { display: block; overflow: auto; width: 300px; } .lineSeparator { margin-bottom: 10px; padding-top: 40px; padding-bottom: 5px; border-bottom: solid 1px #000; } .accountCheckout .signupbutton span.label { font-weight: bold; font-size: 12px; line-height: 35px; } .accountCheckout .signupbutton input { display: block; float: left; margin-right: 20px; width: 80px !important; } .accountCheckout .shipping-terms { position: absolute; top: 55px; right: 0; width: 181px; font-size: 1.1em; } .accountCheckout .shipping-terms li a { background: url(../../Images/xhtml/ico-arrow.png) no-repeat center left; padding-left: 15px; } .accountCheckout .shipping-terms li { margin-bottom: 8px; } .accountCheckout .shipping-terms li a:hover { background: url(../../Images/xhtml/ico-arrow_hover.png) no-repeat center left; } .accountCheckout .shipping-terms p { padding-bottom: 12px; } .accountCheckout .shipping-terms strong { font-size: .9em; display: block; margin-bottom: 3px; } .accountCheckout .shipping-terms ul { margin-bottom:20px; } .accountCheckout .section-details { font-size: 1.1em; } .accountCheckout .section-details strong { font-size: .9em; display: block; margin: 0; text-transform:uppercase; } .accountCheckout .section-details .formRow { margin-bottom: 7px; width: 230px; } .accountCheckout .section-details .formRowPadd { padding-top: 7px; } .accountCheckout #main .section-details h3 { margin-bottom: 26px; } .accountCheckout .print-confirmation { float: right; margin-right: 30px; } .accountCheckout .subsection-payment-details { padding-top: 0px; position: relative; } /*Removed padding-top 39*/ .accountCheckout #main .formRowShort { float: left; width: 95px; } .accountCheckout .edit { text-transform: uppercase; font-weight: bold; background: url(../../Images/xhtml/ico-edit.png) no-repeat center left; padding-left: 16px; font-size: .9em; } .accountCheckout .edit:hover { background: url(../../Images/xhtml/ico-edit_hover.png) no-repeat center left; } .accountCheckout #main .section-details-forms .formRow { margin-bottom: 0; width: 270px; } .accountCheckout #main .formRowShortMed, .accountCheckout #main .section-details-forms .formRowShortMed { float: left; width: 135px; } .accountCheckout #main .formRowMed, .accountCheckout #main .section-details-forms .formRowMed { float: left; width: 107px; } .accountCheckout #main .subsection .formRowShortMed label { width: 128px; } .accountCheckout #main .formRowShortMed input { width: 50px; } .accountCheckout #main .subsection .formRowMed label { width: 81px; } .accountCheckout #main .formRowMed input { width: 73px; } .accountCheckout #main .formRowMed .error { right: 1px; } .accountCheckout #main .formRowShortMed .error { right: 6px; color: #c53e2a; } .accountCheckout #main .section-details-forms { font-size: 1em; } .accountCheckout p.error { position: static; font-size: 1.1em; font-weight: normal; clear: both; top: auto; right: auto; padding-top: 10px; } .accountCheckout p.error strong { display: block; font-size: .9em; font-weight: bold; } .accountCheckout #main input.radio, .accountCheckout #main .formRowRadios input, .accountCheckout #main .checkboxes input { border: 0; padding: 0; background: none; } .accountCheckout #main h3.rip-curl-membership { margin-bottom: 24px; } .accountCheckout .secured { /*border:1px solid blue; overflow:hidden; text-transform: uppercase; font-size: 1em; position: absolute; top:0px; right: 0; width:1000px;*/ float:right; } .accountCheckout .secured li { float:left; margin:0 0 0 5px; } .accountCheckout .message { clear:left; float: left; font-size: 1.1em; width: 370px; padding-top: 5px; } .accountCheckout a.info span { display: none; } .accountCheckout a.info:hover span { display: block; } .accountCheckout a.info { position:absolute; top:0; margin-top:18px; right:0; width: 19px; height: 19px; display: block; background: url(../../Images/xhtml/ico-info.png) no-repeat; } .accountCheckout a.info:hover { text-decoration: none; } .accountCheckout a.info span { width: 168px; height: 134px; background: url(../../Images/xhtml/ico-tooltip.png) no-repeat 0 0; position: absolute; top: -60px; left: 15px; color: #fff; padding: 8px 10px 0 15px; z-index: 1; } .accountCheckout a.info span strong { display: block; padding-bottom: 2px; } .accountCheckout .accepted-cards { float: right; margin-top: 39px; width: 179px; } .accountCheckout .accepted-cards ul { padding-top: 2px; } .accountCheckout .accepted-cards strong { display: block; font-size: 1em; } .accountCheckout .accepted-cards li { margin-right: 10px; float: left; } .accountCheckout .accepted-cards .mastercard { margin-top: 1px; } .accountCheckout .accepted-cards .visa { margin-top: 5px; } /* Unsure about below ---- double check */ .accountCheckout button { padding: 0; margin: 0; border: 0; text-indent: -999em; } .accountCheckout button.logout { background: url(../../Images/xhtml/btn-logout.png) no-repeat; width: 66px; height: 31px; } .accountCheckout a.logout { position:relative; display:block; width: 66px; height: 31px; } .accountCheckout a.logout span { position:absolute; top:0; left:0; width:100%; height:100%; background: url(../../Images/xhtml/btn-logout.png) no-repeat; } .accountCheckout a.logout:hover span {background-position:0 -31px;} .accountCheckout button.logout:hover, .accountCheckout a.logout:hover { background-position:0 -31px; } .accountCheckout button.signin, .accountCheckout a.signin { background: url(../../Images/xhtml/btn-signin.png) no-repeat; width: 63px; height: 31px;} .accountCheckout button.signin:hover, .accountCheckout a.signin:hover { background-position:0 -31px; } /* Unsure about above ---- double check */ /* ========= Added from modified RC2 =============== */ .accountCheckout a.logout { display:block; padding: 0; margin: 0; border: 0; text-indent: -999em; background: url(../../Images/xhtml/btn-logout.png) no-repeat; width: 66px; height: 31px; } .accountCheckout a.logout:hover { background-position:0 -31px; } .accountCheckout #sidebar .signin { width:63px; cursor:pointer; text-indent:0; } .accountCheckout input.signin { padding: 0; margin: 0; border: 0; background: url(../../Images/xhtml/btn-signin.png) no-repeat; width: 63px; height: 31px; } .accountCheckout input.signin:hover { background: url(../../Images/xhtml/btn-signin_hover.png) no-repeat; } /* Order History */ .accountCheckout #main h2.order-history {margin:0 0 20px 0;} .accountCheckout #main div.order-history table {margin:0 0 102px 0;} .accountCheckout #main div.order-history table tr:hover {background:#fafafa;} .accountCheckout #main div.order-history table tr:hover th {background:#fff;} .accountCheckout #main div.order-history table th {border-bottom:1px solid #e8e8e8;padding:9px 0 9px 0;height:14px;} .accountCheckout #main div.order-history table th h3 {margin:0;} .accountCheckout #main div.order-history table td {border-bottom:1px solid #e8e8e8;padding:6px 0;line-height:1.36em;color:#454545;font-size:1.1em; vertical-align:top;} .accountCheckout #main div.order-history table td span {display:block; padding-right:40px;} .accountCheckout #main div.order-history table td strong {color:#119bd5;} .accountCheckout #main div.order-history table th.view-order {width:103px;} /* Voucher */ .accountCheckout #main h2.voucher {margin:0 0 20px 0;} .accountCheckout #main div.voucher table {margin:0 0 102px 0;} .accountCheckout #main div.voucher table tr:hover {background:#fafafa;} .accountCheckout #main div.voucher table tr:hover th {background:#fff;} .accountCheckout #main div.voucher table th {border-bottom:1px solid #e8e8e8;padding:9px 0 9px 0;height:14px;} .accountCheckout #main div.voucher table th h3 {margin:0;height:31px;text-indent:-9999px;} .accountCheckout #main div.voucher table th h3 span {height:10px;} .accountCheckout #main div.voucher table td {border-bottom:1px solid #e8e8e8;padding:6px 0;line-height:1.36em;color:#454545;font-size:1.1em; vertical-align:top;} .accountCheckout #main div.voucher table td span {display:block; padding-right:40px;} .accountCheckout #main div.voucher table td strong {color:#119bd5;} .accountCheckout #main div.voucher table th.view-order {width:103px;} /* Login */ .accountCheckout #main .cStoreForm h2.account-login {top:-3px;margin:0 0 17px 0;} .accountCheckout #main .account_login a {clear:both;display:block;font-size:1.1em;line-height:1.27em;} .accountCheckout #main .account_login table label{ font-weight:bold; font-size:1em; line-height:normal; } .accountCheckout #main .account_login table input {float:none; margin:0 0 7px;} .accountCheckout #main .account_login table input.buttonimg {display:block;margin:9px 0 0 0;} .accountCheckout #main .account_login .cStoreForm { position:relative; } .accountCheckout #main .forgot-your-password h2 {margin:0 0 22px 0;} .accountCheckout #main .forgot-your-password p {font-size:1.1em;line-height:1.36em;margin:0 0 17px 0;} .accountCheckout #main .forgot-your-password .cStoreForm {margin-bottom:23px;} .accountCheckout #main .forgot-your-password input.buttonimg {margin-bottom:0;} .accountCheckout #main .loginError { color:#c53e2a; font-weight:bold; font-size:1.1em; display:block; margin:0 0 7px; } /* Signup */ .accountCheckout .signup #main {border:none;} .accountCheckout .signup #main div.become-a-member {border-right:1px solid #D4D4D4;width:254px;margin-right:15px;} .accountCheckout #main .becomeMember { overflow:hidden; } .accountCheckout #main .becomeMember h2.become-a-member { margin-bottom:21px; } .accountCheckout #main .becomeMember .cStoreForm { width:251px; padding-right:19px;} .accountCheckout #main .becomeMember .loginError { float:left; overflow:hidden; } .accountCheckout #main .becomeMember .formRow { clear:left; } .accountCheckout #main .becomeMember .buttonimg{ clear:left; display:block; margin:30px 0 0; } .accountCheckout #main .becomeMember .checkboxes label { border-bottom:1px solid #d2d1d2; display:block; width:auto; margin:13px 0 8px; padding:0 0 6px;} .accountCheckout #main .becomeMember .checkboxes table label { border:none; margin:0;} .accountCheckout #main .becomeMember .radio { margin:0 0 4px;} .accountCheckout #main .email-only h2 {margin:0 0 23px 0;} .accountCheckout #main .email-only .checkboxes {padding:9px 0 0 0;} .accountCheckout #main .email-only .checkboxes label {margin:0 0 6px 0;} .accountCheckout #main .email-only .checkboxes table label {margin: 0; width: 100px;} .accountCheckout #main .email-only input.buttonimg {margin-top:21px;} /* ===== additional #main styles ====== */ .accountCheckout #main ul{ padding:0; margin:0; } /* 2.3 Sidebar -----------------------------------------------------------------------------------------------*/ .accountCheckout #sidebar { font-size:0.83em; color:#666; } .accountCheckout #sidebar strong { display: block; font-size: .9em; } .accountCheckout #sidebar h3 { margin-bottom: 34px; } .accountCheckout #sidebar h3.rip-curl-members { margin-bottom: 24px; } .accountCheckout #sidebar p { margin-bottom: 10px; line-height: 1; margin-top: 1px; font-size:1.1em; } .accountCheckout #sidebar input { width: 183px; } .accountCheckout #sidebar li { font-weight: bold; text-transform: uppercase; font-size: .9em; } .accountCheckout #sidebar ul { margin: 7px 0 18px; } .accountCheckout #sidebar li a { padding-left: 10px; background: url(../../Images/xhtml/ico-arrow2.png) no-repeat center left; } .accountCheckout #sidebar li a:hover { background: url(../../Images/xhtml/ico-arrow2_hover.png) no-repeat center left; } .accountCheckout #sidebar li a.edit { background: url(../../Images/xhtml/ico-edit.png) no-repeat center left; padding-left: 16px; font-size: 1em; } .accountCheckout #sidebar li a.edit:hover { background: url(../../Images/xhtml/ico-edit_hover.png) no-repeat center left; } .accountCheckout #sidebar li a.edit.on { background: url(../../Images/xhtml/ico-edit_hover.png) no-repeat center left; color:#119bd5;} .accountCheckout #sidebar a.cart {background-image:url(../../Images/xhtml/ico-cart.png);} .accountCheckout #sidebar a.cart:hover {background-image:url(../../Images/xhtml/ico-cart_hover.png);} .accountCheckout #sidebar a.cart.on {background-image:url(../../Images/xhtml/ico-cart_hover.png); color:#119bd5;} .accountCheckout #sidebar a.voucher {background-image:url(../../Images/xhtml/ico-voucher.png);} .accountCheckout #sidebar a.voucher:hover {background-image:url(../../Images/xhtml/ico-voucher_hover.png);} .accountCheckout #sidebar a.voucher.on {background-image:url(../../Images/xhtml/ico-voucher_hover.png); color:#119bd5;} .accountCheckout #sidebar a.arrow {background-image:url(../../Images/icons/arrowbox.gif);} .accountCheckout #sidebar a.arrow:hover {background-image:url(../../Images/icons/arrowbox-dark.gif);} .accountCheckout #sidebar a.arrow.on {background-image:url(../../Images/icons/arrowbox-blue-down.gif); color:#119bd5;} /* #sidebar label, #sidebar .error { font-size: .9em; } */ /* accountNavigation */ .accountCheckout #sidebar .accountNavigation {} .accountCheckout #sidebar .accountNavigation h2 {margin:0 0 24px 0;} .accountCheckout #sidebar .accountNavigation p {line-height:1.27em;} .accountCheckout #sidebar .accountNavigation p strong {display:block;font-size:0.9em;line-height:1.4em;text-transform:uppercase;} .accountCheckout #sidebar .accountNavigation ul {margin:18px 0 20px 0;padding-bottom:1px;background:url(../../Images/xhtml/sep.png) bottom left no-repeat;} .accountCheckout #sidebar .accountNavigation ul li {float:left;clear:left;background:url(../../Images/xhtml/sep.png) top left no-repeat;width:100%;} .accountCheckout #sidebar .accountNavigation ul li a {float:left;display:block;padding:6px 0 6px 16px;line-height:1.2em;} /* divNotaMember */ .accountCheckout #sidebar #divNotaMember {padding-top:4px;padding-right:15px;} .accountCheckout #sidebar #divNotaMember h3 {margin:0 0 24px 0;} .accountCheckout #sidebar #divNotaMember p {line-height:1.36em;min-height:102px;} /* benefits */ .accountCheckout #sidebar .benefits {padding:4px 10px 0 0;} .accountCheckout #sidebar .benefits h2 {margin:0 0 24px 0;} .accountCheckout #sidebar .benefits p {line-height:1.36em;margin:0 0 6px 0;} .accountCheckout #sidebar .benefits ul {margin:6px 0 6px 0;} .accountCheckout #sidebar .benefits ul li {line-height:1.27em;padding:3px 0 3px 15px;text-transform:none;background:url(../../Images/xhtml/ico-bullet.png) 0 9px no-repeat;font-weight:normal;font-size:1.1em;} /* ===== additional #main styles ====== */ .accountCheckout #sidebar ul{ padding:0; margin:0; } #detailsUpdated { font-size:1.1em;} .orderDetailsEmail { padding-right:70px;} .submitPurchase { position:relative;} .accountCheckout #main .benefits{ width:189px; padding-left:29px; } .accountCheckout #main .signUpRCEmail { overflow:hidden;width:241px; } .accountCheckout #main .signUpRCEmail strong { margin-bottom:10px;} .accountCheckout #main .signUpRCEmail .loginError { float:left; overflow:hidden; } .accountCheckout #main .signUpRCEmail .formRow { clear:left; } .accountCheckout #main .signUpRCEmail .buttonimg{ clear:left; display:block; margin:30px 0 0; } .accountCheckout #main .signUpRCEmail .checkboxes label { border-bottom:1px solid #d2d1d2; display:block; width:auto; margin:13px 0 8px; padding:0 0 6px;} .accountCheckout #main .signUpRCEmail .checkboxes table label { border:none; margin:0; line-height:1.3; margin:0; padding:0; width:94px;} .accountCheckout #main .signUpRCEmail .checkboxes table input { margin:0 3px 9px 0;} .accountCheckout #main .signUpRCEmail .radio { margin:0; text-transform:uppercase;} .accountCheckout #main .signUpRCEmail .formRow .radio label{ line-height:1.3; width:94px;} .accountCheckout #main .signUpRCEmail .formRow .radio input { margin-bottom:18px;} /* .accountCheckout #main .benefits{ width:189px; padding-left:29px; } .accountCheckout .signUpRCEmail { width:241px; } .accountCheckout .signUpRCEmail label { text-transform:uppercase; } .accountCheckout .signUpRCEmail strong { margin:0 0 10px; display:block; } .accountCheckout .signUpRCEmail .checkboxes strong { border-bottom:1px solid #d2d1d2; padding:0 0 4px; } .accountCheckout .signUpRCEmail .checkboxes input { margin:0; } */ .accountCheckout #main .formRowShortMed span{ padding:5px 0 0 4px; color:#666; vertical-align:top; display:inline-block; } .accountCheckout #main .formRowShortMed span.error { padding:0;} /* Service Centre */ .ServiceCentre #cartItems .formRow input { width:240px } .ServiceCentre #cartItems .formRow { width:250px; } .ServiceCentre .accountCheckout .error { right:0!important; } .ServiceCentre #yCart .mainCol { padding: 10px 0 50px 30px; border-left:1px solid #D4D4D4; margin:0 0 10px 0; color:#666; font-size:0.83em; } .ServiceCentreForm .desc { color:#616161; font-size:0.92em; width:195px; padding:10px; float:left; } .ServiceCentre #checkoutForm .desc { color:#616161; font-size:0.92em; width:165px; padding:10px; float:left; } .ServiceCentreForm { padding:15px 0 0 0; background:#fff; overflow:hidden; } .ServiceCentre #checkoutForm { color:#666; } .ServiceCentreForm .formRow input.smltxt { width:30px!important; } .ServiceCentreForm .payment .formRow input.midtxt { width:110px; } .ServiceCentreForm .payment .formRow select { width:240px; } .ServiceCentreForm .payment .formRow input { width:230px; } .ServiceCentreForm .payment { font-size:0.83em; } .ServiceCentreForm .payform { width:100%; } .ServiceCentreForm .accepted-cards ul { margin:0!important; padding:0!important; } .cvv .formRow { padding: 0 0 0 30px; } .ServiceCentre #checkoutForm .form2 { float:left; font-size:0.83em; width:250px; padding:10px 30px 0 30px; } .ServiceCentre #checkoutForm .form { font-size:0.83em; width:250px; padding:10px 30px 0 34px; float:left; } .ServiceCentreForm .checkoutform .billing { margin:0 0 15px 0; border-bottom:1px solid #E8E8E8; } .ServiceCentreForm .checkoutform .form { color:#666; padding:0 0 0 30px; } .ServiceCentreForm .checkoutform h2 { margin:0 0 15px 0 ; } .ServiceCentreForm .orderref { margin:0 0 15px 0; border-bottom:1px solid #E8E8E8; } .ServiceCentre #checkoutForm h2 { margin:0 0 15px 0 ; } .ServiceCentre .form .formRow input,.ServiceCentre .form2 .formRow input { width:240px; } .ServiceCentre .forms,.ServiceCentreForm .checkoutform { border-left:1px solid #D4D4D4; overflow:hidden; } .ServiceCentre .forms .btnreview { margin: 0 0 0 20px; } /* MyAccount vouchers area */ .accountCheckout .vouchersGrid { border: 1px solid #D4D4D4; } .accountCheckout .vouchersGrid td, .accountCheckout .vouchersGrid th { padding: 8px; border-bottom: 1px solid #D4D4D4; } /* Checkout voucher balance */ .accountCheckout .checkoutVoucherBalance { margin: 30px 0 10px 0; } .accountCheckout .checkoutVoucherBalance p { /*font-size: 1.2em; font-weight: bold;*/ } .accountCheckout .checkoutVoucherBalance a { font-weight: bold; } .accountCheckout .checkoutVoucherBalance span.strong { font-weight: bold; color: #119BD5; } .accountCheckout .checkoutVoucherBalance span.amount { font-weight: bold; color: #119BD5; } .accountCheckout .checkoutVoucherBalance span.red { font-weight: bold; color: #BF2C17; } .accountCheckout .checkoutVoucherBalance .section { padding-bottom: 10px; margin-bottom: 15px; } .accountCheckout .checkoutVoucherBalance .orderTotal { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 2px solid #D7D7D7 } .accountCheckout .checkoutVoucherBalance .orderTotal span.heading { display: block; height: 13px; width: 100px; background: url("../../Images/xhtml/text-replacement.png") repeat scroll 0 0 transparent; background-position: -300px -431px; text-indent: -9999px; margin-top: 5px; } .accountCheckout .checkoutVoucherBalance .section-details .orderTotal .amount { font-size: 1.55em; font-weight: bold; } .accountCheckout .checkoutVoucherBalance .section-details-forms { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .accountCheckout .checkoutVoucherBalance .section-details .left { float: left; width: 265px; } /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ .serviceCentre ol#accessibility-nav, .serviceCentre .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ .serviceCentre .clearfix:after, .serviceCentre .section:after, .serviceCentre .formRow:after, .serviceCentre .container:after, .serviceCentre .accepted-cards ul:after, .serviceCentre #sidebar .accountNavigation ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ /*body { background: #fff; color: #666; font: 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif; }*/ .serviceCentre hr { display: none; } .serviceCentre strong { font-weight: bold; } .serviceCentre em { font-style: italic; } .serviceCentre del { text-decoration: line-through; } .serviceCentre th { font-weight: normal; } .serviceCentre address, .serviceCentre cite, .serviceCentre dfn { font-style: normal; } .serviceCentre li { list-style: none; } /*abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }*/ .serviceCentre input, .serviceCentre textarea, .serviceCentre select { font-family: Verdana, Arial, Helvetica, sans-serif; } .serviceCentre a, .serviceCentre a:visited { color: #666; text-decoration: none; } .serviceCentre a:hover, .serviceCentre a:active { color: #119bd5; text-decoration: none; } .serviceCentre button { cursor: pointer; } /* image replacement */ .serviceCentre .ir { position: relative; } .serviceCentre .ir span { position: absolute; top: 0; left: 0; width: 100%; height: 18px; background: url(../../Images/titles/jobListing.png) no-repeat 0 -1px; } .serviceCentre .ir, .serviceCentre .ir span { display: block; } .serviceCentre a.ir span { cursor: pointer; } .serviceCentre div.jobDetails dt, .serviceCentre div.jobDetails dd { color: #373737; } .repairList { } .repairList #main { border-left: none; } .repairList h2 { margin-left: 10px; padding-top: 10px; } .repairList .order-history table { clear: both; margin-bottom: 10px !important; } .serviceCentre .jobDetails h2, .repairList h2, .serviceCentre .job-listing h2 { color: #000; font-weight: bold; margin: 0 0 0 10px; font-size: 1.3em; } .repairList h2, .serviceCentre .job-listing h2 { margin: 20px 0 10px; font-size: 16px !important; } .serviceCentre .jobDetails dl { overflow: auto; } .serviceCentre .jobDetails dt, .serviceCentre .jobDetails dd { float: left; } .serviceCentre .jobDetails dt { font-weight: bold; } .serviceCentre .jobDetails dd { padding: 0 50px 0 5px !important; } div.repairList h2 { color: #000; font-weight: bold; font-size: 1.3em; } .serviceCentre div.jobNo { margin: 0 0 10px; } .serviceCentre .jobNo h2 { float: left; padding: 0; text-indent: -9999em; } .serviceCentre .jobNo h2 span { float: left; display: block; width: 60px; height: 18px; background: url(../../Images/titles/jobNo.gif) no-repeat 0 1px; } .serviceCentre .jobNo span.num { display: block; padding-left: 65px; font-weight: bold; font-size: 1.5em; } .serviceCentre dl.details { clear: both; margin-top: 20px; width:100%; overflow:hidden; } .serviceCentre dl.detailsCol { float: left; margin-top: 20px; width: 50%; overflow: hidden; } .serviceCentre dl.detailsCol dt { clear:left; width: 140px; font-weight: bold; } .serviceCentre dl.detailsCol dt, .serviceCentre dl.detailsCol dd { color: #373737; float: left; padding-bottom:5px; } .serviceCentre dl.details dt { clear:left; float: left; width: 20%; font-weight: bold; padding-bottom:5px; } .serviceCentre dl.details dd { float:left; width:80%; padding-bottom:5px; } .serviceCentre div.downloadLinks { clear: both; margin: 20px 0 0 10px; padding: 2px 0; border-top: solid 1px #dfdfdf; } .serviceCentre div.downloadLinks div { margin-bottom: 2px; padding: 2px 0; border-bottom: solid 1px #dfdfdf; overflow: auto; } .serviceCentre div.downloadLinks strong { clear: left; display: block; float: left; width: 250px; line-height: 23px; } .serviceCentre div#steps { margin: 20px 0 20px; } .serviceCentre div.status { position: relative; margin: 10px 10px 10px 0; padding: 5px 5px 2px; color: #000; background: #f4f4f4; min-height: 20px; font-size: 1.15em; } .serviceCentre div.status div { padding-top:4px; padding-bottom:4px; font-size: 10px; } .serviceCentre .status span { display: inline; font-weight: bold; } #breadcrumbs { background: url(../../Images/links/breadcrumbs/background.gif) repeat-x !important; } h2.txtHdg { margin: 20px 0 10px; color: #000; font-weight: bold; font-size: 16px; } .serviceCentre .status .bookedIn div.callout { left: 45px; } .serviceCentre .status .assess div.callout { left: 150px; } .serviceCentre .status .quote div.callout { left: 270px; } .serviceCentre .status .inRepair div.callout { left: 400px; } .serviceCentre .status .complete div.callout { left: 500px; } .serviceCentre .status .sent div.callout { left: 600px; } .serviceCentre .status .actionrequired div.callout { left: 238px; } .serviceCentre .status .payment div.callout { left: 700px; } .serviceCentre .status .bookedIn span { color: #000; } .serviceCentre .status .assess span { color: #b70d07; } .serviceCentre .status .quote span { color: #cb700e; } .serviceCentre .status .inRepair span { color: #8d9514; } .serviceCentre .status .complete span { color: #006c0e; } .serviceCentre .status .sent span { color: #009cd6; } .serviceCentre .status .actionrequired span { color: red; } .serviceCentre .status .payment span { color: orange; } .serviceCentre .status p { font-weight: bold; } .serviceCentre .status div.callout { position: absolute; width: 18px; height: 9px; left: 0; top: -11px; background-repeat: no-repeat; } .serviceCentre .status a.btnDownload { position: absolute; display: block; right: 0; top: 0; width: 160px; height: 30px; background: url(../../Images/buttons/downloadQuotePdf.gif) no-repeat 0 0; text-indent: -9999em; } .serviceCentre a.btnDownload { display: block; float: left; width: 91px; height: 26px; margin-bottom: 2px; background: url(../../Images/buttons/download.gif) no-repeat 0 0; text-indent: -9999em; } .serviceCentre div.filter { float: right; margin-right: 10px; } .serviceCentre .filter select { width: 150px !important; } .serviceCentre div.search input { float: left; width: 150px; max-height: 21px; margin-right: 2px; padding: 3px 2px; font-size: 11px; border:1px solid #d2d1d2; } .serviceCentre div.search input.btnSearch { float: left; display: block; width: 28px; height: 22px; background: url(../../Images/buttons/go.gif) no-repeat 0 0; text-indent: -9999em; border:0 none; } .serviceCentre .status a.btnConfirmQuote { position: absolute; display: block; right: 0; top: 0; width: 160px; height: 35px; background: url(../../Images/buttons/ConfirmQuote.gif) no-repeat 0 0; text-indent: -9999em; } .serviceCentre .status a.btnConfirmReject { position: absolute; display: block; right: 0; top: 0; width: 160px; height: 35px; background: url(../../Images/buttons/ConfirmReject.gif) no-repeat 0 0; text-indent: -9999em; } #breadcrumbs .navMinor { float: right; } #breadcrumbs .navMinor ul { list-style: none; margin: 0; padding: 0; } #breadcrumbs .navMinor ul li { float: left; background: none !important; margin: 0 !important; padding: 10px 2px 8px !important; } .serviceCentre .your-details, .serviceCentre .your-order-details, .serviceCentre .review-and-payment, .serviceCentre .my-account, .serviceCentre .edit-my-details, .serviceCentre .order-history-title, .serviceCentre .rip-curl-sign-up, .serviceCentre h1.orderHistory { width: 300px; height: 48px; margin-bottom:14px; } .serviceCentre .visa { width: 65px; height: 22px; } .serviceCentre .mastercard { width: 48px; height: 29px; } .serviceCentre .amex { width: 36px; height: 32px; } .serviceCentre .thawte { width: 107px; height: 26px; } .serviceCentre .print-confirmation { width: 144px; height: 31px; } .serviceCentre .shipping-details, .serviceCentre .billing-details, .serviceCentre .email-details, .serviceCentre .enter-payment-details, .serviceCentre .payment-details, .serviceCentre .staff-voucher-details, .serviceCentre .account-details, .serviceCentre .change-password, .serviceCentre .rip-curl-emails { height: 13px; } .serviceCentre .shipping-details { width: 135px; } .serviceCentre .billing-details { width: 121px; } .serviceCentre .email-details { width: 110px; } .serviceCentre .enter-payment-details { width: 187px; } .serviceCentre #main .section-details h3.staff-voucher-details {border-bottom:1px solid #E8E8E8; height: 30px; margin-bottom:16px;} .serviceCentre .payment-details { width: 135px; } .serviceCentre .rip-curl-membership { width: 208px; height: 15px; } .serviceCentre .member-checkout { width: 188px; height: 19px; } .serviceCentre .rip-curl-members { width: 188px; height: 19px; } .serviceCentre .not-a-member {width:122px;height:13px;} .serviceCentre h2.forgot-your-password {width:198px;height:13px;} .serviceCentre h2.order-history {width:120px;height:13px;} .serviceCentre .email-only-sign-up {width:154px;height:13px;} .serviceCentre .member-benefits {width:141px;height:13px;} .serviceCentre .account-login {width:159px;height:19px;} .serviceCentre .account-summary {width:189px;height:19px;} .serviceCentre h2.become-a-member {width:184px;height:19px;} .serviceCentre .view-order {width:93px;height:30px;} .serviceCentre a.become-a-member {width:165px;height:35px;} .serviceCentre h3.order-history{ width:120px; } .serviceCentre h3.historyCart{ width:38px; } .serviceCentre h3.account-details { width:135px;} .serviceCentre h3.change-password { width:148px;} .serviceCentre h3.rip-curl-emails { width:125px;} .serviceCentre th div { text-indent: -9999em;} .serviceCentre th h3 span { display: block; height: 13px; } .serviceCentre div#dateReceived span {width:88px; background: url(../../Images/titles/th_dateReceived.gif) no-repeat; } .serviceCentre div#jobNo span {width:46px; background: url(../../Images/titles/th_jobNo.gif) no-repeat; } .serviceCentre div#surname span {width:59px; background: url(../../Images/titles/th_surname.gif) no-repeat; } .serviceCentre div#name span {width:59px; background: url(../../Images/titles/th_name.gif) no-repeat; } .serviceCentre div#description span {width:78px; background: url(../../Images/titles/th_description.gif) no-repeat; } .serviceCentre div#dateSent span {width:63px; background: url(../../Images/titles/th_dateSent.gif) no-repeat; } .serviceCentre div#status span {width:45px; background: url(../../Images/titles/th_status.gif) no-repeat; } .serviceCentre div#repairLine span {width:88px; background: url(../../Images/titles/th_repairLine.gif) no-repeat; } .serviceCentre div#repairItem span {width:88px; background: url(../../Images/titles/th_repairItem.gif) no-repeat; } .serviceCentre div#quantity span {width:88px; background: url(../../Images/titles/th_quantity.gif) no-repeat; } .serviceCentre div#unitPrice span {width:88px; background: url(../../Images/titles/th_unitPrice.gif) no-repeat; } .serviceCentre div#totalPrice span {width:88px; background: url(../../Images/titles/th_totalPrice.gif) no-repeat; } .serviceCentre #totalPrice { width: 170px; } .serviceCentre #totalCost, .serviceCentre #promoCode { margin-left: -10px; padding: 10px 0 0 10px; background: url(../../Images/generic/bg_total_summary.gif) repeat-x top; } .serviceCentre #totalCost dl, .serviceCentre #promoCode dl { margin-left: 440px; margin-bottom: 5px; } .serviceCentre #totalCost dt, .serviceCentre #totalCost dd, .serviceCentre #promoCode dt, .serviceCentre #promoCode dd { margin: 0; padding-bottom: 5px; font-size: 1.1em; } .serviceCentre #totalCost dt, .serviceCentre #promoCode dt { width: 120px; } .serviceCentre #cartTotal { padding-left: 440px; } .serviceCentre #cartTotal h2 span.total { width: 120px; } .serviceCentre div.quoteReject { float: left; width: 160px; margin-top: 20px; } .serviceCentre div.quoteApprove { float: right; width: 160px; margin: 20px 10px 0 0; } .serviceCentre .quoteReject p, .serviceCentre .quoteApprove p { margin: 10px 0; } .serviceCentre h3.order-date {width:72px;height:10px;} .serviceCentre h3.order-no {width:63px;height:10px;} .serviceCentre h3.tracking-no {width:80px;height:10px;} .serviceCentre h3.status {width:45px;height:10px;} .serviceCentre h3.order-total {width:79px;height:10px;} .serviceCentre h3.view-order {text-indent:-9999em;} .serviceCentre div.voucher-code {width:139px;} .serviceCentre div.voucher-validity {width:111px;} .serviceCentre div.voucher-balance {width:114px;} .serviceCentre h3.voucher-code {width:112px;height:10px;} .serviceCentre h3.voucher-validity {width:60px;height:10px;} .serviceCentre h3.voucher-balance {width:120px;height:10px;} .serviceCentre .order-history-title span {background:url(../../Images/titles/orderHistory.gif) no-repeat 0 0!important;} .serviceCentre .your-details span { background-position: 0 0; } .serviceCentre .your-order-details span { background-position: 0 -48px; } .serviceCentre .review-and-payment span { background-position: 0 -96px; } .serviceCentre .my-account span { background-position:0 -223px;} .serviceCentre .rip-curl-sign-up span {background-position: 0 -175px;} .serviceCentre .edit-my-details span {background:url(../../Images/xhtml/edit-my-details.png) no-repeat 0 0;} .serviceCentre .visa span { background-position: -488px 0; } .serviceCentre .mastercard span { background-position: -505px -22px; } .serviceCentre .amex span { background-position: -517px -52px; } .serviceCentre .thawte span { background-position: -446px -106px; } .serviceCentre .print-confirmation span { background-position: -300px -103px; } .serviceCentre .print-confirmation:hover span { background-position: 0 -144px; } .serviceCentre .oh-print-confirmation { height:30px; position:absolute; top:0; right:0; margin-top:-47px;} .serviceCentre .oh-print-confirmation span { background-position:-144px -144px;} .serviceCentre .shipping-details span { background-position: -300px 0px; } .serviceCentre .billing-details span { background-position: -300px -13px; } .serviceCentre .email-details span { background-position: -300px -26px; } .serviceCentre .enter-payment-details span { background-position: -300px -39px; } .serviceCentre .staff-voucher-details span { background-position: -300px -446px; height:13px; background-repeat: no-repeat; } .serviceCentre .payment-details span { background-position: -300px -51px; } .serviceCentre .rip-curl-membership span { background-position: -300px -65px; } .serviceCentre .member-checkout span { background-position: -300px -80px; } .serviceCentre .rip-curl-members span { background-position: -300px -135px; } .serviceCentre .not-a-member span {background-position:-300px -175px;} .serviceCentre h2.forgot-your-password span {background-position:-300px -188px;} .serviceCentre h2.order-history span {background-position:-300px -201px;} .serviceCentre h2.voucher span {background-position:-300px -417px; background-repeat: no-repeat;} .serviceCentre .email-only-sign-up span {background-position:-300px -214px;} .serviceCentre .member-benefits span {background-position:-300px -227px;} .serviceCentre .account-login span {background-position:-300px -240px;} .serviceCentre .account-summary span {background-position:-300px -259px;} .serviceCentre h2.become-a-member span {background-position:-300px -278px;} .serviceCentre .view-order span {background-position:0 -271px;} .serviceCentre .view-order:hover span {background-position:-93px -271px;} .serviceCentre a.become-a-member span {background-position:0 -301px;} .serviceCentre a.become-a-member:hover span {background-position:-165px -301px;} .serviceCentre h3.order-date span {background-position:-330px -301px;} .serviceCentre h3.order-no span {background-position:-330px -311px;} .serviceCentre h3.tracking-no span {background-position:-330px -321px;} .serviceCentre h3.status span {background-position:-330px -331px;} .serviceCentre h3.order-total span {background-position:-330px -341px;} .serviceCentre h3.voucher-code span {background-position:0px -420px;} .serviceCentre h3.voucher-validity span {background-position:0px -431px;} .serviceCentre h3.voucher-balance span {background-position:0px -410px;} .serviceCentre h1.orderHistory span { background-position:0 -351px; } .serviceCentre h3.order-history span{ background-position:-300px -351px; } .serviceCentre h3.historyCart span { background-position:-300px -364px; } .serviceCentre h3.account-details span { background-position:-300px -377px;} .serviceCentre h3.change-password span { background-position:-300px -390px;} .serviceCentre h3.rip-curl-emails span { background-position:-300px -403px;} .serviceCentre h3.voucher {height: 25px;} .serviceCentre h3.voucher {height: 25px;} .serviceCentre .detailsUpdated {width:152px; height:13px; background:url(../../Images/titles/detailsUpdated.gif) no-repeat; margin-bottom:25px;} .serviceCentre .detailsUpdated span {text-indent:-9999px; display:block;} .serviceCentre a.backToAccount {width:184px; height:35px; display:block; background:url(../../Images/buttons/back-to-account.gif) no-repeat; text-indent:-9999px; margin-top:35px;} .formRow p.updated {font-size:11px;} /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 2.1 Structure -----------------------------------------------------------------------------------------------*/ .serviceCentre .container { text-align: left; width: 950px; padding:15px 0; } .serviceCentre #main { float: right; border-left: none; width: 729px; padding:6px 0 0 10px; margin-bottom:50px; position: relative; color:#666; font-size:0.83em; } .serviceCentre #sidebar { width: 200px; float: left; margin-left: 10px; padding-top: 2px; } .serviceCentre #footer { clear: both; } /* 2.2 Content -----------------------------------------------------------------------------------------------*/ .serviceCentre #checkoutForm h2 { background: #1fafeb; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 2em; line-height: 48px; text-align: center; margin-bottom: 14px; } .serviceCentre .formRow input, .serviceCentre textarea { background: #fff url(../../Images/xhtml/bg-input.png) no-repeat; border: 1px solid #d2d1d2; padding: 4px 3px 3px; } .serviceCentre input, select, .serviceCentre textarea { margin-bottom: 7px; font-size: 1.1em; color: #454545; } .serviceCentre select { padding: 2px; } .serviceCentre input.submit { background: none; border: 0; padding: 0; width: auto !important; } .serviceCentre label { display: block; font-weight: bold; margin-bottom: 2px; } .serviceCentre label strong { font-weight: bold; color: #c53e2a; font-size: 1.1em; vertical-align: middle; line-height: 1; } .serviceCentre #main .formRow input { width: 232px; } .serviceCentre #main select { width: 240px; line-height: 1.6; border: 1px solid #d2d1d2; } .serviceCentre #main textarea { width: 232px; height: 46px; } .serviceCentre .formRow { position: relative; } .serviceCentre .formRow label { z-index: 1; position: relative; text-transform:uppercase; } .serviceCentre .formRow input, .serviceCentre .formRow select { z-index: 2; position: relative; } .serviceCentre .error { font-weight: bold; color: #c53e2a; position: absolute; top: 0; right: 30px; z-index: 3; } .serviceCentre .formRowPadd .error { top: 15px; } .serviceCentre #sidebar .formRow .error { right: 10px; } .serviceCentre #main .formRowRadios { margin-bottom: 9px; } .serviceCentre #main .formRowRadios label { float: left; margin: 0; line-height: 1; } .serviceCentre #main label.radio, .serviceCentre #main table label { display: inline; margin: 0 0 0 3px; line-height: 1; font-weight: normal; font-size: 1.1em; } .serviceCentre #main table input, .serviceCentre #main .formRow table input, .serviceCentre #main .formRowRadios input { width: auto; margin: 0; float: left; } .serviceCentre #main .formRowRadios input { margin: 0 0 0 21px; } .serviceCentre .cStoreForm { float: left; width: 270px; } .serviceCentre .section { border-bottom: 1px solid #e8e8e8; padding-bottom: 23px; margin-bottom: 20px; } .serviceCentre #main h3 { margin-bottom: 14px; } .serviceCentre #main h3.shipping-details { margin-bottom: 36px; } .serviceCentre .formRowPadd { padding-top: 15px; } .serviceCentre .subsection { float: left; width: 270px; } .serviceCentre .sectionwrap { float: left; width: 270px; } .serviceCentre #main .subsection label { display: block; width: 70px; margin: 0; } .serviceCentre #main .cStoreForm .subsection label { width: auto; } .serviceCentre #main .cStoreForm .subsection table label { width: 70px; } .serviceCentre #main .subsection .formRow label { width: 240px; margin: 0 0 3px; } .serviceCentre #main .checkboxes label, .serviceCentre #main .formRow .checkboxes label, .serviceCentre #main .formRow table label, .serviceCentre #main .subsection .formRow table label { width:102px; line-height:1.3; } .serviceCentre .subsection strong { display: block; margin: 0px 0 6px; } .serviceCentre .subsection label strong { display: inline; margin: 0; } .serviceCentre #main .subsection table input { margin-right: 3px; } .serviceCentre #main .checkboxes table input, .serviceCentre #main .checkboxes table label { margin-bottom: 9px; } .serviceCentre #main .radio input { border:none; background:none; } .serviceCentre .subsection .checkboxes strong { margin-top: 13px; } .serviceCentre #main .subsection h3 { margin-bottom: 26px; } .serviceCentre #main .cStoreForm .subsection label { margin-bottom: 10px; } .serviceCentre #main .cStoreForm .subsection table label { margin-bottom: 18px; } .serviceCentre .subsection li { background: url(../../Images/xhtml/ico-bullet.png) no-repeat center left; padding-left: 15px; margin-bottom: 3px; font-size: 1.1em; } .serviceCentre #main .benefits strong { margin-top: 0; } .serviceCentre .submit { clear: both; float: left; } .serviceCentre .shipping-terms { position: absolute; top: 55px; right: 0; width: 181px; font-size: 1.1em; } .serviceCentre .shipping-terms li a { background: url(../../Images/xhtml/ico-arrow.png) no-repeat center left; padding-left: 15px; } .serviceCentre .shipping-terms li { margin-bottom: 8px; } .serviceCentre .shipping-terms li a:hover { background: url(../../Images/xhtml/ico-arrow_hover.png) no-repeat center left; } .serviceCentre .shipping-terms p { padding-bottom: 12px; } .serviceCentre .shipping-terms strong { font-size: .9em; display: block; margin-bottom: 3px; } .serviceCentre .shipping-terms ul { margin-bottom:20px; } .serviceCentre .section-details { font-size: 1.1em; } .serviceCentre .section-details strong { font-size: .9em; display: block; margin: 0; text-transform:uppercase; } .serviceCentre .section-details .formRow { margin-bottom: 7px; width: 230px; } .serviceCentre .section-details .formRowPadd { padding-top: 7px; } .serviceCentre #main .section-details h3 { margin-bottom: 26px; } .serviceCentre .print-confirmation { float: right; margin-right: 30px; } .serviceCentre .subsection-payment-details { padding-top: 0px; position: relative; } /*Removed padding-top 39*/ .serviceCentre #main .formRowShort { float: left; width: 95px; } .serviceCentre .edit { text-transform: uppercase; font-weight: bold; background: url(../../Images/xhtml/ico-edit.png) no-repeat center left; padding-left: 16px; font-size: .9em; } .serviceCentre .edit:hover { background: url(../../Images/xhtml/ico-edit_hover.png) no-repeat center left; } .serviceCentre #main .section-details-forms .formRow { margin-bottom: 0; width: 270px; } .serviceCentre #main .formRowShortMed, .serviceCentre #main .section-details-forms .formRowShortMed { float: left; width: 135px; } .serviceCentre #main .formRowMed, .serviceCentre #main .section-details-forms .formRowMed { float: left; width: 107px; } .serviceCentre #main .subsection .formRowShortMed label { width: 128px; } .serviceCentre #main .formRowShortMed input { width: 50px; } .serviceCentre #main .subsection .formRowMed label { width: 81px; } .serviceCentre #main .formRowMed input { width: 73px; } .serviceCentre #main .formRowMed .error { right: 1px; } .serviceCentre #main .formRowShortMed .error { right: 6px; color: #c53e2a; } .serviceCentre #main .section-details-forms { font-size: 1em; } .serviceCentre p.error { position: static; font-size: 1.1em; font-weight: normal; clear: both; top: auto; right: auto; padding-top: 10px; } .serviceCentre p.error strong { display: block; font-size: .9em; font-weight: bold; } .serviceCentre #main input.radio, .serviceCentre #main .formRowRadios input, .serviceCentre #main .checkboxes input { border: 0; padding: 0; background: none; } .serviceCentre #main h3.rip-curl-membership { margin-bottom: 24px; } .serviceCentre .secured { /*border:1px solid blue; overflow:hidden; text-transform: uppercase; font-size: 1em; position: absolute; top:0px; right: 0; width:1000px;*/ float:right; } .serviceCentre .secured li { float:left; margin:0 0 0 5px; } .serviceCentre .message { clear:left; float: left; font-size: 1.1em; width: 370px; padding-top: 5px; } .serviceCentre a.info span { display: none; } .serviceCentre a.info:hover span { display: block; } .serviceCentre a.info { position:absolute; top:0; margin-top:18px; right:0; width: 19px; height: 19px; display: block; background: url(../../Images/xhtml/ico-info.png) no-repeat; } .serviceCentre a.info:hover { text-decoration: none; } .serviceCentre a.info span { width: 168px; height: 134px; background: url(../../Images/xhtml/ico-tooltip.png) no-repeat 0 0; position: absolute; top: -60px; left: 15px; color: #fff; padding: 8px 10px 0 15px; z-index: 1; } .serviceCentre a.info span strong { display: block; padding-bottom: 2px; } .serviceCentre .accepted-cards { float: right; margin-top: 39px; width: 179px; } .serviceCentre .accepted-cards ul { padding-top: 2px; } .serviceCentre .accepted-cards strong { display: block; font-size: 1em; } .serviceCentre .accepted-cards li { margin-right: 10px; float: left; } .serviceCentre .accepted-cards .mastercard { margin-top: 5px; } .serviceCentre .accepted-cards .visa { margin-top: 5px; } /* Unsure about below ---- double check */ .serviceCentre button { padding: 0; margin: 0; border: 0; text-indent: -999em; } .serviceCentre button.logout { background: url(../../Images/xhtml/btn-logout.png) no-repeat; width: 66px; height: 31px; } .serviceCentre a.logout { position:relative; display:block; width: 66px; height: 31px; } .serviceCentre a.logout span { position:absolute; top:0; left:0; width:100%; height:100%; background: url(../../Images/xhtml/btn-logout.png) no-repeat; } .serviceCentre a.logout:hover span {background-position:0 -31px;} .serviceCentre button.logout:hover, .serviceCentre a.logout:hover { background-position:0 -31px; } .serviceCentre button.signin, .serviceCentre a.signin { background: url(../../Images/xhtml/btn-signin.png) no-repeat; width: 63px; height: 31px;} .serviceCentre button.signin:hover, .serviceCentre a.signin:hover { background-position:0 -31px; } /* Unsure about above ---- double check */ /* ========= Added from modified RC2 =============== */ .serviceCentre a.logout { display:block; padding: 0; margin: 0; border: 0; text-indent: -999em; background: url(../../Images/xhtml/btn-logout.png) no-repeat; width: 66px; height: 31px; } .serviceCentre a.logout:hover { background-position:0 -31px; } .serviceCentre #sidebar .signin { width:63px; cursor:pointer; text-indent:0; } .serviceCentre input.signin { padding: 0; margin: 0; border: 0; background: url(../../Images/xhtml/btn-signin.png) no-repeat; width: 63px; height: 31px; } .serviceCentre input.signin:hover { background: url(../../Images/xhtml/btn-signin_hover.png) no-repeat; } /* Job Listing */ .serviceCentre #main h2.job-listing {margin:0 0 20px 0;} .serviceCentre #main div.job-listing table {margin:0 0 0 0;} .serviceCentre #main div.job-listing table.fullWidth { width: 100%; } .serviceCentre #main div.job-listing table tr:hover {background:#fafafa;} .serviceCentre #main div.job-listing table tr:hover th {background:#fff;} .serviceCentre #main div.job-listing table th {border-bottom:1px solid #e8e8e8;padding:9px 0 9px 0;height:14px;} .serviceCentre #main div.job-listing table th h3 {margin:0;} .serviceCentre #main div.job-listing table td {border-bottom:1px solid #e8e8e8;padding:6px 0;line-height:1.36em;color:#454545;font-size:1.1em; vertical-align:top;} .serviceCentre #main div.job-listing table td span {display:block; padding-right:40px;} .serviceCentre #main div.job-listing table td strong {color:#119bd5;} .serviceCentre #main div.job-listing table th.view-order {width:103px;} /* Paging */ .serviceCentre #main div.job-listing table tr.paging:hover {background:#fff;} .serviceCentre #main div.job-listing table tr.paging td{border-bottom:0 none;} .serviceCentre #main div.job-listing table tr.paging ul.pager li{ float:left; } .serviceCentre #main div.job-listing table tr.paging ul.pager li a{ display:block; padding:5px; margin:0; font-weight:bold; } .serviceCentre #main div.job-listing table tr.paging ul.pager li .currentPage{ display:block; padding:5px; margin:0; font-weight:bold; text-decoration:underline; color:#119BD5; } /* Login */ .serviceCentre #main .cStoreForm h2.account-login {top:-3px;margin:0 0 17px 0;} .serviceCentre #main .account_login a {clear:both;display:block;font-size:1.1em;line-height:1.27em;} .serviceCentre #main .account_login table label{ font-weight:bold; font-size:1em; line-height:normal; } .serviceCentre #main .account_login table input {float:none; margin:0 0 7px;} .serviceCentre #main .account_login table input.buttonimg {display:block;margin:9px 0 0 0;} .serviceCentre #main .account_login .cStoreForm { position:relative; } .serviceCentre #main .forgot-your-password h2 {margin:0 0 22px 0;} .serviceCentre #main .forgot-your-password p {font-size:1.1em;line-height:1.36em;margin:0 0 17px 0;} .serviceCentre #main .forgot-your-password .cStoreForm {margin-bottom:23px;} .serviceCentre #main .forgot-your-password input.buttonimg {margin-bottom:0;} .serviceCentre #main .loginError { color:#c53e2a; font-weight:bold; font-size:1.1em; display:block; margin:0 0 7px; } /* Signup */ .serviceCentre .signup #main {border:none;} .serviceCentre .signup #main div.become-a-member {border-right:1px solid #D4D4D4;width:254px;margin-right:15px;} .serviceCentre #main .becomeMember { overflow:hidden; } .serviceCentre #main .becomeMember h2.become-a-member { margin-bottom:21px; } .serviceCentre #main .becomeMember .cStoreForm { width:251px; padding-right:19px;} .serviceCentre #main .becomeMember .loginError { float:left; overflow:hidden; } .serviceCentre #main .becomeMember .formRow { clear:left; } .serviceCentre #main .becomeMember .buttonimg{ clear:left; display:block; margin:30px 0 0; } .serviceCentre #main .becomeMember .checkboxes label { border-bottom:1px solid #d2d1d2; display:block; width:auto; margin:13px 0 8px; padding:0 0 6px;} .serviceCentre #main .becomeMember .checkboxes table label { border:none; margin:0;} .serviceCentre #main .becomeMember .radio { margin:0 0 4px;} .serviceCentre #main .email-only h2 {margin:0 0 23px 0;} .serviceCentre #main .email-only .checkboxes {padding:9px 0 0 0;} .serviceCentre #main .email-only .checkboxes label {margin:0 0 6px 0;} .serviceCentre #main .email-only .checkboxes table label {margin: 0; width: 100px;} .serviceCentre #main .email-only input.buttonimg {margin-top:21px;} /* ===== additional #main styles ====== */ .serviceCentre #main ul{ padding:0; margin:0; } /* 2.3 Sidebar -----------------------------------------------------------------------------------------------*/ .serviceCentre #sidebar { font-size:0.83em; color:#666; } .serviceCentre #sidebar strong { display: block; font-size: .9em; } .serviceCentre #sidebar h3 { margin-bottom: 34px; } .serviceCentre #sidebar h3.rip-curl-members { margin-bottom: 24px; } .serviceCentre #sidebar p { margin-bottom: 10px; line-height: 1; margin-top: 1px; font-size:1.1em; } .serviceCentre #sidebar input { width: 183px; } .serviceCentre #sidebar li { font-weight: bold; text-transform: uppercase; font-size: .9em; } .serviceCentre #sidebar ul { margin: 7px 0 18px; } .serviceCentre #sidebar li a { padding-left: 10px; background: url(../../Images/xhtml/ico-arrow2.png) no-repeat center left; } .serviceCentre #sidebar li a:hover { background: url(../../Images/xhtml/ico-arrow2_hover.png) no-repeat center left; } .serviceCentre #sidebar li a.edit { background: url(../../Images/xhtml/ico-edit.png) no-repeat center left; padding-left: 16px; font-size: 1em; } .serviceCentre #sidebar li a.edit:hover { background: url(../../Images/xhtml/ico-edit_hover.png) no-repeat center left; } .serviceCentre #sidebar li a.edit.on { background: url(../../Images/xhtml/ico-edit_hover.png) no-repeat center left; color:#119bd5;} .serviceCentre #sidebar a.cart {background-image:url(../../Images/xhtml/ico-cart.png);} .serviceCentre #sidebar a.cart:hover {background-image:url(../../Images/xhtml/ico-cart_hover.png);} .serviceCentre #sidebar a.cart.on {background-image:url(../../Images/xhtml/ico-cart_hover.png); color:#119bd5;} .serviceCentre #sidebar a.voucher {background-image:url(../../Images/xhtml/ico-voucher.png);} .serviceCentre #sidebar a.voucher:hover {background-image:url(../../Images/xhtml/ico-voucher_hover.png);} .serviceCentre #sidebar a.voucher.on {background-image:url(../../Images/xhtml/ico-voucher_hover.png); color:#119bd5;} .serviceCentre #sidebar a.arrow {background-image:url(../../Images/icons/arrowbox.gif);} .serviceCentre #sidebar a.arrow:hover {background-image:url(../../Images/icons/arrowbox-dark.gif);} .serviceCentre #sidebar a.arrow.on {background-image:url(../../Images/icons/arrowbox-blue-down.gif); color:#119bd5;} /* #sidebar label, #sidebar .error { font-size: .9em; } */ /* accountNavigation */ .serviceCentre #sidebar .accountNavigation {} .serviceCentre #sidebar .accountNavigation h2 {margin:0 0 24px 0;} .serviceCentre #sidebar .accountNavigation p {line-height:1.27em;} .serviceCentre #sidebar .accountNavigation p strong {display:block;font-size:0.9em;line-height:1.4em;text-transform:uppercase;} .serviceCentre #sidebar .accountNavigation ul {margin:18px 0 20px 0;padding-bottom:1px;background:url(../../Images/xhtml/sep.png) bottom left no-repeat;} .serviceCentre #sidebar .accountNavigation ul li {float:left;clear:left;background:url(../../Images/xhtml/sep.png) top left no-repeat;width:100%;} .serviceCentre #sidebar .accountNavigation ul li a {float:left;display:block;padding:6px 0 6px 16px;line-height:1.2em;} /* divNotaMember */ .serviceCentre #sidebar #divNotaMember {padding-top:4px;padding-right:15px;} .serviceCentre #sidebar #divNotaMember h3 {margin:0 0 24px 0;} .serviceCentre #sidebar #divNotaMember p {line-height:1.36em;min-height:102px;} /* benefits */ .serviceCentre #sidebar .benefits {padding:4px 10px 0 0;} .serviceCentre #sidebar .benefits h2 {margin:0 0 24px 0;} .serviceCentre #sidebar .benefits p {line-height:1.36em;margin:0 0 6px 0;} .serviceCentre #sidebar .benefits ul {margin:6px 0 6px 0;} .serviceCentre #sidebar .benefits ul li {line-height:1.27em;padding:3px 0 3px 15px;text-transform:none;background:url(../../Images/xhtml/ico-bullet.png) 0 9px no-repeat;font-weight:normal;font-size:1.1em;} /* ===== additional #main styles ====== */ .serviceCentre #sidebar ul{ padding:0; margin:0; } #detailsUpdated { font-size:1.1em;} .orderDetailsEmail { padding-right:70px;} .submitPurchase { position:relative;} .serviceCentre #main .benefits{ width:189px; padding-left:29px; } .serviceCentre #main .signUpRCEmail { overflow:hidden;width:241px; } .serviceCentre #main .signUpRCEmail strong { margin-bottom:10px;} .serviceCentre #main .signUpRCEmail .loginError { float:left; overflow:hidden; } .serviceCentre #main .signUpRCEmail .formRow { clear:left; } .serviceCentre #main .signUpRCEmail .buttonimg{ clear:left; display:block; margin:30px 0 0; } .serviceCentre #main .signUpRCEmail .checkboxes label { border-bottom:1px solid #d2d1d2; display:block; width:auto; margin:13px 0 8px; padding:0 0 6px;} .serviceCentre #main .signUpRCEmail .checkboxes table label { border:none; margin:0; line-height:1.3; margin:0; padding:0; width:94px;} .serviceCentre #main .signUpRCEmail .checkboxes table input { margin:0 3px 9px 0;} .serviceCentre #main .signUpRCEmail .radio { margin:0; text-transform:uppercase;} .serviceCentre #main .signUpRCEmail .formRow .radio label{ line-height:1.3; width:94px;} .serviceCentre #main .signUpRCEmail .formRow .radio input { margin-bottom:18px;} /* .serviceCentre #main .benefits{ width:189px; padding-left:29px; } .serviceCentre .signUpRCEmail { width:241px; } .serviceCentre .signUpRCEmail label { text-transform:uppercase; } .serviceCentre .signUpRCEmail strong { margin:0 0 10px; display:block; } .serviceCentre .signUpRCEmail .checkboxes strong { border-bottom:1px solid #d2d1d2; padding:0 0 4px; } .serviceCentre .signUpRCEmail .checkboxes input { margin:0; } */ .serviceCentre #main .formRowShortMed span{ padding:5px 0 0 4px; color:#666; vertical-align:top; display:inline-block; } .serviceCentre #main .formRowShortMed span.error { padding:0;} /* Service Centre */ .ServiceCentre #cartItems .formRow input { width:240px } .ServiceCentre #cartItems .formRow { width:250px; } .ServiceCentre .serviceCentre .error { right:0!important; } .ServiceCentre #yCart .mainCol { padding: 10px 0 50px 30px; border-left:1px solid #D4D4D4; margin:0 0 10px 0; color:#666; font-size:0.83em; } .ServiceCentreForm .desc { color:#616161; font-size:0.92em; width:195px; padding:10px; float:left; } .ServiceCentre #checkoutForm .desc { color:#616161; font-size:0.92em; width:165px; padding:10px; float:left; } .ServiceCentreForm { padding:15px 0 0 0; background:#fff; overflow:hidden; } .ServiceCentre #checkoutForm { color:#666; } .ServiceCentreForm .formRow input.smltxt { width:30px!important; } .ServiceCentreForm .payment .formRow input.midtxt { width:110px; } .ServiceCentreForm .payment .formRow select { width:240px; } .ServiceCentreForm .payment .formRow input { width:230px; } .ServiceCentreForm .payment { font-size:0.83em; } .ServiceCentreForm .payform { width:100%; } .ServiceCentreForm .accepted-cards ul { margin:0!important; padding:0!important; } .cvv .formRow { padding: 0 0 0 30px; } .ServiceCentre #checkoutForm .form2 { float:left; font-size:0.83em; width:250px; padding:10px 30px 0 30px; } .ServiceCentre #checkoutForm .form { font-size:0.83em; width:250px; padding:10px 30px 0 34px; float:left; } .ServiceCentreForm .checkoutform .billing { margin:0 0 15px 0; border-bottom:1px solid #E8E8E8; } .ServiceCentreForm .checkoutform .form { color:#666; padding:0 0 0 30px; } .ServiceCentreForm .checkoutform h2 { margin:0 0 15px 0 ; } .ServiceCentreForm .orderref { margin:0 0 15px 0; border-bottom:1px solid #E8E8E8; } .ServiceCentre #checkoutForm h2 { margin:0 0 15px 0 ; } .ServiceCentre .form .formRow input,.ServiceCentre .form2 .formRow input { width:240px; } .ServiceCentre .forms,.ServiceCentreForm .checkoutform { border-left:1px solid #D4D4D4; overflow:hidden; } .ServiceCentre .forms .btnreview { margin: 0 0 0 20px; } /* MyAccount vouchers area */ .serviceCentre .vouchersGrid { border: 1px solid #D4D4D4; } .serviceCentre .vouchersGrid td, .serviceCentre .vouchersGrid th { padding: 8px; border-bottom: 1px solid #D4D4D4; } /* Checkout voucher balance */ .serviceCentre .checkoutVoucherBalance { margin: 30px 0 10px 0; } .serviceCentre .checkoutVoucherBalance p { /*font-size: 1.2em; font-weight: bold;*/ } .serviceCentre .checkoutVoucherBalance a { font-weight: bold; } .serviceCentre .checkoutVoucherBalance span.strong { font-weight: bold; color: #119BD5; } .serviceCentre .checkoutVoucherBalance span.amount { font-weight: bold; color: #119BD5; } .serviceCentre .checkoutVoucherBalance span.red { font-weight: bold; color: #BF2C17; } .serviceCentre .checkoutVoucherBalance .section { padding-bottom: 10px; margin-bottom: 15px; } .serviceCentre .checkoutVoucherBalance .orderTotal { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 2px solid #D7D7D7 } .serviceCentre .checkoutVoucherBalance .orderTotal span.heading { display: block; height: 13px; width: 100px; background: url("../../Images/xhtml/text-replacement.png") repeat scroll 0 0 transparent; background-position: -300px -431px; text-indent: -9999px; margin-top: 5px; } .serviceCentre .checkoutVoucherBalance .section-details .orderTotal .amount { font-size: 1.55em; font-weight: bold; } .serviceCentre .checkoutVoucherBalance .section-details-forms { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .serviceCentre .checkoutVoucherBalance .section-details .left { float: left; width: 265px; } #sidenav .msgWelcome { padding: 20px 8px 10px; } #sidenav .btnLogout { padding: 0 0 0 10px; } .serviceCentre #content { float: left; width: 739px; padding-top: 20px; } #sidenav div.help { padding-left: 10px; } #sidenav h3.help { text-indent: -9999em; } #sidenav .help ul li a { background-position: 0 7px; padding-left: 21px; } #sidenav h3.help span { display: block; width: 130px; height: 13px; padding: 0 0 5px; background: url(../../Images/titles/serviceCentreHelp-sidebar.png) no-repeat; } .faq h2 { color: #000; font-weight: bold; margin: 20px 0 10px; font-size: 16px !important; } .faq dl dt { margin: 10px 0 5px; color: #000; font-weight: bold; font-size: 1.2em; } .faq dl dd p { margin: 5px 0; } .printArea {display:none;} .jobDetails table{ width:100% !important; margin:0 0 40px 0 !important; } .jobDetails table th, .jobDetails table td{ font-size:1.1em !important; color:#000 !important; } .jobDetails table th{ font-weight:bold !important; }