/* --------------------------------------------------------------------------------- Custom styles for Form style pages (registration,Clubfinder) --------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------- General --------------------------------------------------------------------------------- */ .wide-extended { WIDTH: 955px ;} .medium-extended { WIDTH: 750px ;} .medium-no-nav { WIDTH: 814px ;} .wide-centered { WIDTH: 750px; margin-left: 100px;} .regstar {color:red;} /* styling for .net controls*/ .listbox { height:200px; } .dropdown {border-color:#808080; border-width:1px; padding:2px; border-style:inset; font-size:1.1em; line-height:1.5; color:#505050; } .radiobutton LABEL { margin-left: 10px; position:relative; top:-2px; } .checkbox {PADDING-TOP: 2px; LINE-HEIGHT: 1.5;} .textbox { border-right: #808080 1px inset;padding-right: 2px;border-top: #808080 1px inset;padding-left: 2px;font-size: 1.1em;padding-bottom: 2px;border-left: #808080 1px inset;color: #505050;line-height: 1.5;padding-top: 2px;border-bottom: #808080 1px inset;background-color: #fff;} /* adpated from text class*/ /* --------------------------------------------------------------------------------- Registration styles --------------------------------------------------------------------------------- */ #registration { width:100%;} #registration .validation { margin-top: 18px; width: 100%; color: red; } #registration .validation li {PADDING-LEFT: 20px; BACKGROUND: url(../images/list-arrow.png) no-repeat 0px 50%; LINE-HEIGHT: 1.5} #registration .form-entry { margin-top:20px; width: 300px; float:left;} #registration .form-content { width:200px; float:right;} #registration .stageicons { margin-top: 20px;margin-bottom:20px;} #registration .row-item { height:30px;} #registration .row-item-left { width:160px; float:left;} #registration .row-item .label {} #registration .row-item .text {} #registration .row-nav, #registration .row { width:100%;} #registration .extended-height {height:60px;} #registration .regstar {color:red;} #registration .help {} #registration .help table {} /* --------------------------------------------------------------------------------- ClubFinder styles --------------------------------------------------------------------------------- */ #club-finder .select-club SELECT { width: 150px;} #club-finder .select-club .select-display { width: 150px;} #club-finder .select-model SELECT { width: 150px;} #club-finder .select-model .select-display { width: 150px;} #club-finder .club-specification SELECT { _width: 120px; width: 80px;} #club-finder .club-specification .select-display { width: 80px;} /* --------------------------------------------------------------------------------- Checkout styles - applies to various pages in checkout --------------------------------------------------------------------------------- */ #checkout {} #checkout H1 { margin-top: 20px; /* color:Red; */} #checkout h3 { padding-right: 2px; padding-left: 2px; margin-bottom: 13px; padding-bottom: 1px; color: #4c4c4c; padding-top: 0px; border-bottom: #555 2px solid } #checkout intructions { } #checkout .-form-row { text-align:justify; font-weight:bold; } #checkout .-form-row .row-title { font-weight:bold; } #checkout .-form-row .row-fields .tinytext { font-size: 11px; color:Red; } #checkout .-form-row .row-fields { text-align:left; } #checkout .checkout-box-row { clear:both; height:26px; padding-bottom:4px;} #checkout .checkout-box-image-row { clear:both; height:100%; padding-bottom:4px; } #checkout .checkout-box-total { clear:both; height:26px; } #checkout .billing { display:inline;} #checkout .billing .country-row SELECT { width:120px;} #checkout .billing .country-row .select-display { width:120px;} #checkout .billing .country-row .select-list { width:120px;} #checkout .delivery { display:inline;} #checkout .delivery .country-row SELECT { width:120px;} #checkout .delivery .country-row .select-display { width:120px;} #checkout .delivery .country-row .select-list { width:120px;} #checkout .image {width: 70px; height:60px; margin-right:5px;} #checkout .ref {width: 50px; margin-right:5px;} #checkout .type {width: 50px; margin-right:5px;} #checkout .description {width: 433px; margin-right:5px;} #checkout .description-wide {width: 220px; margin-right:5px;} #checkout .qty {width: 50px; text-align:right; margin-right:5px; } #checkout .price {width: 70px; text-align:right; margin-right:5px; } #checkout .total {width: 70px; text-align:right; margin-right:5px; } #checkout .action {width: 10px; text-align:right; margin-right:5px; } #checkout .total-value {width: 80px; text-align:right; } BODY.nl #checkout .ref {width: 60px !important;} /* adjust widths for Netherlands */ BODY.nl #checkout .qty {width: 70px !important;} /* "" */ BODY.nl #checkout .price {width: 100px !important;} /* "" */ BODY.nl #checkout .description {width: 355px !important;} /* "" */ BODY.nl #checkout .total {width: 90px !important;} /* "" */ BODY.fi #checkout .ref {width: 80px !important;} /* adjust widths for Finland */ BODY.fi #checkout .description {width: 383px !important;} /* adjust widths for Finland */ BODY.fi #checkout .total {width: 90px !important;} /* adjust widths for Finland */ #checkout .header {font-weight :bold ; } #checkout .label {font-weight :bold ; display: inline; } #checkout .clear { width: 100%;} #checkout .left { float:left;} #checkout .right { float:right;} #checkout .card-types-images TD {display:table-cell; vertical-align:top;} /* */ #checkout .card-types-images TD .image-link {display:block; width:55px; height:40px; margin-left:5px;} /* set width of celss*/ #checkout .card-types-images TD .image-link {margin-left:5px;} /* space out cells evenly*/ #checkout .card-types-images TD.first .image-link {margin-left:5px;} /* '' */ #checkout .card-types-images TD .image-link IMG {margin-top:7px;} /* centre vertically */ #checkout .card-types-images TD .image-link IMG.paypal-image {margin-top:3px;} /* '' */ #checkout .edit-address {clear:both; float:none; margin-top:4px; margin-bottom:4px; text-align:right; } #checkout .xp-progress { height:300px; padding-top:100px; } #checkout .secure-logos {text-align:right;} #checkout .expiry .select-container {width: 60px; } #checkout .paypal-messagebox {display:inline-block; border: solid 1px #ffcf0f; margin-bottom: 32px; padding-left:12px; padding-right: 12px; width:100%; clear:both; background-color: #ffffde;} #checkout .paypal-messagebox p { display:inline-block; margin-top: 10px; margin-bottom:10px; } /* styling for credit card only (no PayPal)*/ #checkout .cardonly-section .inner { width: 560px; padding-left:125px;} #checkout .cardonly-section .card-type-row { /* stub */} #checkout .cardonly-section .card-type-row SELECT { width: 260px;} #checkout .cardonly-section .card-type-row .select-container { width: 260px;} BODY.de #checkout .cardonly-section .card-type-row SELECT { width: 280px !important;} /* adjust width for Germany ELV payment method */ BODY.de #checkout .cardonly-section .card-type-row .select-container { width: 280px !important;} /* adjust width for Germany ELV payment method*/ #checkout .review .review-instructions {display:block; width:725px; clear:both; } #checkout .review .review-instructions .paypal-content {display:inline; float:left; width: 100%; } #checkout .review .review-instructions .paypal-image {display:table-cell; margin-top: 10px; height:100%; vertical-align:middle; float:right; width: auto; text-align:left; /* background-color:Red;*/} #checkout .review .form-submit-area .paypal-image {display:inline-block; float:right; } #xcheckout .review .form-submit-area INPUT.submit {display:inline-block; float:right; } #checkout .form-submit-area INPUT.submit {margin-left: 5px;} #checkout .form-submit-area INPUT.first {margin-left: 0px !important;} /* --------------------------------------------------------------------------------- Address styles in Checkout --------------------------------------------------------------------------------- */ #checkout .address-section .postcode-prompt {display: inline;} #checkout .address-section .postcode-prompt .form-validation {display:block; margin-left:0px;} #checkout .address-section .postcode-prompt .postcode-row input.housenumber-text, #checkout .address-section .postcode-prompt .postcode-row input.postcode-text {display:table-cell; vertical-align:middle; float:left; padding-bottom:0px; padding-top:0px; height: 21px; background-color: #F8F8F8;} #checkout .address-section .postcode-prompt .postcode-row input.housenumber-text {display:inline-block;width: 60px; margin-left:100px; margin-right:6px;} #checkout .address-section .postcode-prompt .postcode-row input.postcode-text {width: 80px;} #checkout .address-section .postcode-prompt .postcode-row .find-button {margin-left:10px; width:100px;} #checkout .address-section .postcode-prompt INPUT.watermarktext {font-size: 0.9em !important; font-style: italic; padding-bottom: 0px; padding-top: 0px; height: 21px; text-align: center; color: #C0C0C0;} #checkout .address-section .name-row input.firstname-text {width: 115px;} #checkout .address-section .name-row input.lastname-text {width: 115px; margin-left:15px;} #checkout .address-section .housenumber-row input.housenumber-text {width: 60px;} #checkout .address-section .address-selection { margin-bottom: 20px;} #checkout .address-section .address-selection .prompt { display:block; margin-bottom: 3px; font-size: 0.9em;} #checkout .address-section .address-selection .container { border: solid 1px #A7A9AC; padding-left: -3px; padding-right: 10px;} #checkout .address-section .address-selection #address-list {display:block; clear:both; /*height: 220px; */ } /*note: 9 rows = 220px*/ #checkout .address-section .address-selection #address-list {font-size: 0.9em; } #checkout .address-section .address-selection #address-list UL { border:0; margin-left: 3px; margin-right: 3px;} #checkout .address-section .squeeze {margin-left: 0px; margin-right: 0px;} /*margin-left: 186px*/ #checkout .address-section .close-link A {float: right} /* * Info boxes. *

title

*/ #checkout .info-boxes {margin-top: 20px; margin-left:0px; margin-bottom:20px; width:100%; } #checkout .info-boxes .primary {max-width:300px; width:300px; } #checkout .info-boxes .secondary {max-width:230px; width:230px; } #checkout .info-box {border-width:1px;} #checkout .info-box, .info-box-header, .info-box-content {border-color:#9c9da0; border-style:solid;} #checkout .info-box-header {margin:0; border-width:0 0 1px 0; padding:9px 8px 8px 17px; font-weight:bold; font-size:1.1em; background:#bcbec0 url('/images/nav-list-header.png') repeat-x 0 0;} #checkout .info-box-header A {display:block; color:#4c4c4c; background:url('/images/list-arrow.png') no-repeat 8px 50%; text-decoration:none;} #checkout .info-box-header A:hover {text-decoration:underline;} #checkout .info-box-content {height:200px; border-width:1px 0 0 0; padding:15px;} #checkout .info-box-content .images {display:block; clear:both; height: 50px;} #checkout .info-box-content .images IMG {float:left;} #checkout .info-box-footer {display:block; clear:both; height:35px; padding:15px;} #checkout .info-box-footer .buttons {border-top:1px solid #D4D4D4; padding-top: 12px; } #checkout .info-box-footer .button {display:inline-block; float:right; } #checkout .klarna .info-box-content .monthly-terms {clear:both; margin-top:10px; margin-bottom:10px; padding-left:10px;} #checkout #final-pay-boxes .primary {max-width:49%; width:49%;} #checkout #final-pay-boxes .secondary {max-width:49%; width:49%;} #checkout #final-pay-boxes .info-box-content {height:140px;} #checkout .moneybookers-buttons {margin-top: 20px;} #checkout .moneybookers-buttons .first-section {display:block; float:left;} #checkout .moneybookers-buttons .second-section {display:block; float:left;} #checkout .moneybookers-buttons .third-section {display:block; float:left;} #checkout .moneybookers-buttons .first-section A.button {display:block; margin-top:14px;} #checkout .moneybookers-buttons .second-section IMG {margin-top:0px; margin-left:10px;} #checkout .moneybookers-buttons .third-section IMG {margin-top:4px; margin-left:10px;} /* --------------------------------------------------------------------------------- Competition styles --------------------------------------------------------------------------------- */ #competition TEXTAREA {font: Arial;font-family: Arial;} #competition HR {margin-top:10px;} #competition .submit-area {text-align:right;} /* --------------------------------------------------------------------------------- Wizard model selection --------------------------------------------------------------------------------- */ #wizard {/*stub*/} #wizard .row-title .label {display:block; width:180px;} #wizard .row-fields .slider {float:left;} #wizard .row-fields .help-icon {float:left; text-align:left; position:relative; left: 10px; top:3px;} #wizard .row-fields SELECT {width: 220px;} #wizard .row-fields .select-container {width: 220px;} #wizard .row-fields .select-container .select-list {width: 220px;}