/* YUI Font Sizes * * px % * 10 77 * 11 85 * 12 93 * 13 100 * 14 108 * 15 116 * 16 123.1 * 17 131 * 18 138.5 * 19 146.5 * 20 153.9 * 21 161.6 * 22 167 * 23 174 * 24 182 * 25 189 * 26 197 */ /************************************************************************* * Reset * *************************************************************************/ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} html { background: transparent; } h1 { font-size: 167%; color: #666; margin-top: 5px; margin-bottom: 10px; } p { margin-bottom: 10px; } em, i { font-style: italic; } strong, b { font-weight: bold; } /************************************************************************* * Grid * *************************************************************************/ .column { float: left; display: inline; width: 140px; margin-right: 10px; overflow: hidden; } .c1 { width: 140px; } .c2 { width: 290px; } .c3 { width: 440px; } .c4 { width: 590px; } .c5 { width: 740px; } .c6 { width: 960px; } .sidebar { width: 200px; margin-left: 10px; margin-right: 20px; } .row { width: 100%; overflow: hidden; } /* containers */ .cc1 { width: 150px; margin: 0px; } .cc2 { width: 300px; margin: 0px; } .cc3 { width: 450px; margin: 0px; } .cc4 { width: 600px; margin: 0px; } .cc5 { width: 750px; margin: 0px; } .cc6 { width: 970px; margin: 0px; } /************************************************************************* * Main Page * *************************************************************************/ body { background-color: #fff; background-image: url(/assets/tightsplease/background.jpg); background-position: top center; background-repeat: repeat-y; } #page { width: 1000px; margin: auto; margin-top: 177px; padding-top: 10px; clear: both; position: relative; } #header { position: absolute; top: -177px; margin: auto; width: 980px; padding-left: 20px; background-image: url(/assets/tightsplease/header-background.png ); background-repeat: no-repeat; } /*#content { padding-left: 20px; float: left; width: 750px; }*/ #footer { padding-left: 20px; margin-top: 20px; margin-right: 20px; background-image: url(/assets/tightsplease/footer-background-dividers.jpg); background-color: black; background-repeat: no-repeat; height: 110px; color: white; clear: both; } #copyright { clear: both; color: #666 !important; text-align: right; font-size: 80%; margin-right: 20px; } #copyright a { color: #666 !important; } /************************************************************************* * Form Factory * *************************************************************************/ .FFHasError { background-image: url(/assets/generic/icons/error.gif); padding-left: 20px; background-repeat: no-repeat; color: red; font-weight: bold; margin-top: 2px; } /************************************************************************* * Header * *************************************************************************/ #logo { padding-top: 31px; } #breadcrumbs { padding-top: 20px; font-weight: bold; } #breadcrumbs ul { font-weight: normal; display: inline; } #breadcrumbs li { display: inline; } #breadcrumbs a { text-decoration: none; color: black; } #search-container { padding-top: 5px; padding-left: 30px; } #search-form { padding-top: 45px; width: 330px; } #search-container #search { width: 250px; height: 22px; background-color: black; color: white; border: none; float: left; } #search-container #go { float: left; margin-left: 4px; background-color: #0aadbd; color: white; font-weight: bold; width: 37px; height: 22px; border: none; } .search-column { width: 640px; } #telephone { float: right; font-size: 138.5%; width: 215px; margin-top: 18px; } #telephone-text { float: left; color: #0caebb; width: 85px; height: 22px; } #telephone-number { float: left; color: black; width: 130px; height: 22px; } #free-delivery { float: right; width: 71px; height: 78px; margin-right: 10px; } #login-links { float: right; margin-top: 25px; margin-right: 12px; font-size: 108%; width: 80px; } #login-links a { text-decoration: underline; color: black; font-weight: bold; } #header-right { float: right; width: 300px; } .admin-login-banner { background-color: red; color: white; text-align: center; padding: 10px; } /************************************************************************* * Footer * *************************************************************************/ #footer .c1 { padding: 5px; padding-top: 10px; width: 130px; } #footer h2 { font-size: 116%; font-weight: bold; } #footer .addthis_button img { margin-top: 10px; } #footer a { color: white; text-decoration: none; } #footer li { padding-top: 4px; } #footer .c2 { color: black; padding-left: 20px; padding-top: 10px; width: 270px; } #footer .c2 h2 { color: #ccc; } #footer #payment-methods { margin-top: 20px; } /************************************************************************* * Sidebar * *************************************************************************/ /*#sidebar { position: absolute; top: -20px; right: 0px; width: 200px; margin-right: 20px; }*/ #sidebar { width: 200px; position: absolute; top: 0px; left: 800px; } #sidebar-placeholder { float: right; width: 200px; margin-left: 10px; height: 167px; } .long-sidebar { height: 750px; } /************************************************************************* * Basket Widget * *************************************************************************/ #basket-container { background-image: url(basket-background.png); padding: 20px; padding-top: 5px; padding-bottom: 10px; color: white; /*height: 75px;*/ } #basket { } .basket-item { font-size: 12px; } .basket-item-name { font-style: italic; } #basket-popup { display: none; /*background: url(basket-popup-background.gif);*/ width: 150px; height: 150px; left: -160px; position: absolute; } #basket-title { font-size: 138.5%; font-weight: bold; margin-bottom: 25px; } .basket-summary { color: #ff0000; font-weight: bold; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; margin-bottom: 10px; border-top: 1px solid white; border-bottom: 1px solid white; } .basket-free-delivery { color: #ffffff; } #basket-checkout-button { font-size: 123.1%; color: white; background-color: #01ab0e; border: 1px solid white; width: 100%; cursor: pointer; cursor: hand; } .currency-selected { border: 1px solid #00ff00; } #basket-currencies { float: right; } #basket-currencies td { padding: 2px; } #basket-currencies a { color: white !important; text-decoration: none; } /************************************************************************* * Feedback Widget * *************************************************************************/ #feedback-container { background: url(feedback-background.png) no-repeat; font-size: 10px; height: 148px; padding: 40px 5px 0 5px; } #feedback-container th { text-align: center; font-weight: normal; } #feedback-container .FFEMail input, #feedback-container textarea { width: 126px; padding: 1px; border-width: 1px; } #feedback-container textarea { height: 50px; } #feedback-container .FFSubmit { padding: 2px; text-align: center; } #feedback-thanks { display: none; text-align: center; font-size: 140%; background: url(feedback-background.png) no-repeat; padding-top: 40px;} /************************************************************************* * Newsletter Widget * *************************************************************************/ #newsletter-container { float: right; background-color: #f1eee9; width: 190px; clear: right; background-image: url(newsletter-background.gif); background-repeat: no-repeat; background-position: center 5px; padding: 5px; padding-top: 38px; margin-top: 10px; } /************************************************************************* * Blog Widget * *************************************************************************/ #blog { background-image: url(/assets/tightsplease/blog-background.png); padding: 10px; width: 180px; height: 170px; } #blog h2 { color: #07aec1; font-size: 123.1%; margin-bottom: 5px; } #blog h2 a, #blog h2 a:link, #blog h2 a:visited, #blog h2 a:active, #blog h2 a:hover { color: #07aec1; } .blog-widget { font-size: 85%; } .blog-widget-post { margin-top: 10px; } .blog-widget-post-link a { color: white; text-decoration: none; } .blog-widget-post-link a:hover { text-decoration: underline; } .blog-widget-post-date { color: #e60077; } /************************************************************************* * Main Menu * *************************************************************************/ #main-menu { margin-top: 20px; } .mainMenu { float: left; } .mainMenu-level-1 li { float: left; display: block; padding-left: 10px; padding-right: 10px; margin: 0px; padding: 0px;} .mainMenu-level-1 li:hover ul { display: block;} .mainMenu-level-1 li a { color: white; text-decoration: none; padding-left: 10px; padding-right: 5px; display: block; font-size: 110%; background: url(/assets/tightsplease/menu-separator.gif) no-repeat center left; } .mainMenu-level-1 li.first a { padding-left: 0px; background-image: none; } .mainMenu-level-2 { list-style-type: none; padding: 0px; border: 1px solid black; background-image: none; background-color: white; position: absolute; display: none; float: left; } .mainMenu-level-2 li { list-style-type: none; float: left; display: block; color: black; padding: 5px; } .mainMenu-level-2 li a { color: black; display: block; background-image: none; padding: 2px; background-color: #ccc; } .mainMenu-level-3 { list-style-type: none; padding: 0px; padding-top: 5px; background-color: white; } .mainMenu-level-3 li { padding: 0px; float: none; display: list-item; } .mainMenu-level-3 li a { color: black; display: block; background-color: white; } /************************************************************************* * Homepage * *************************************************************************/ .featured-tights-widget { height: 290px; background-color: white; background-image: url(/assets/tightsplease/content-background.jpg); background-position: left bottom; background-repeat: repeat-x; } .featured-tights-widget-title a, .featured-tights-widget-text a { color: black; text-decoration: none; } .featured-tights-widget-title { font-weight: bold; } .featured-tights-widget-price { color: red; } .featured-tights-widget-old-price { color: black; } .featured-tights-widget-offer { color: red; } .home-content { padding: 20px 0;} #homepage-banners { position: relative; width: 740px; height: 314px; } #homepage-banners a { display: none; position: absolute; top: 0; left: 0;} #homepage-banners img { display: none; } #homepage-banners a img { display: inline; } #homepage-banners #homepage-banner { display: block; } /************************************************************************* * Create Page * *************************************************************************/ #create_page_form .FFError { color: red; font-weight: bold; } /************************************************************************* * Category Page * *************************************************************************/ .product-buy-button { width: 30px; height: 15px; background-color: #01ab0e; color: white; border: none; font-size: 77%; font-weight: bold; padding-bottom: 1px; cursor: pointer; cursor: hand; } .product-container { border: 3px solid #ccc; margin-bottom: 5px; padding: 5px; background: white; width: 475px; height: 450px; margin-right: 0px; float: left; } .product-container .cc3 { margin: 0; padding: 0; width: auto; } .product-image { float: left; margin-right: 5px; } .product-name { font-size: 167%; margin: 0; margin-bottom: 5px; padding: 0; padding-left: 5px; width: 470px; } .product-price { font-size: 167%; color: red; font-weight: bold; width: 180px; margin: 0; } .product-old-price { text-decoration: line-through; } .product-discount { font-size: 189%; font-weight: bold; } .product-description { text-align: justify; width: 340px; margin: 0; height: 125px; overflow: hidden; } .product-reviews { float: right; } #category-header { padding: 13px 20px 0px 15px; text-align: justify; width: 555px; height: 154px; background: url(/assets/tightsplease/category-top-panel-background.png) no-repeat; } #category-header h1 { font-size: 138.5%; } /*#category-header p { padding: 15px; padding-right: 20px; text-align: justify; }*/ #category-subheading { font-size: 138.5%; } #category-subheading h2 { display: inline; } .product-variation { width: 91px; height: 38px; margin-top: 10px; float: left; cursor: pointer; cursor: hand; } .product-variation img { width: 18px; height: 18px; float: left; margin-top: 1px; } .product-variations-title { font-size: 108%; font-weight: bold; margin: 0; margin-top: 4px; width: 100%; } .product-variations { margin: 0; width: 100%; } .product-colour-name { width: 100%; height: 20px; float: left; overflow: hidden; } .product-container .product-buy-button { width: 30px; height: 15px; margin-left: 10px; background-color: #01ab0e; color: white; border: none; font-size: 77%; font-weight: bold; padding-bottom: 1px; cursor: pointer; cursor: hand; } #category-sort { border-top: 1px solid black; border-bottom: 1px solid black; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; } #category-sort input { margin-left: 15px; } #category-links { font-size: 138.5%; } #category-links li { font-size: 72.2%; } .category-old-price { text-decoration: line-through; font-size: 77%; color: black; font-weight: normal; } .product-stars-0_5 { width: 6px; } .product-stars-1_0 { width: 12px; } .product-stars-1_5 { width: 18px; } .product-stars-2_0 { width: 24px; } .product-stars-2_5 { width: 30px; } .product-stars-3_0 { width: 36px; } .product-stars-3_5 { width: 42px; } .product-stars-4_0 { width: 48px; } .product-stars-4_5 { width: 54px; } .product-stars-5_0 { width: 60px; } /************************************************************************* * Product popup * *************************************************************************/ #simplemodal-overlay { background: black; } #buy-popup { width: 600px; background: white; border: 1px solid black; display: none; } #buy-popup-title { font-size: 138.5%; float: left; width: 440px; } #buy-popup-img { float: left; margin-right: 30px; } #buy-popup-colour-img { float: left; margin-right: 10px; } #buy-popup-subheading { float: left; width: 370px; font-size: 116%; } #buy-popup-price{ color: red; font-weight: bold; } #buy-popup-offer { color: red; font-weight: bold; } #buy-popup-size-guide { clear: both; padding: 10px; overflow: auto; } #buy-popup-size-guide table { width: 100%; border: 1px solid #ccc; } #buy-popup-size-guide th { font-weight: bold; padding: 2px; border: 1px solid #ccc; } #buy-popup-size-guide td { padding: 2px; border: 1px solid #ccc; } #buy-popup-form { margin-top: 70px; } #buy-popup-form table { width: 400px; } #buy-popup-form td { padding: 5px; } #buy-popup-form select { width: 240px; } #buy-popup-button { margin-left: 215px; width: 180px; height: 20px; font-size: 116%; font-weight: bold; margin-top: 20px; cursor: pointer; cursor: hand; } #buy-popup-close { margin: 10px; margin-left: 450px; text-align: right; margin-bottom: 0px; } #buy-popup-close a { text-decoration: none; color: black; } #buy-popup-close a:hover { color: #666; } #buy-popup-close img { display: inline; } /************************************************************************* * Checkout * *************************************************************************/ #checkout-form-column { width: 470px; float: left; background-color: white; } #checkout-middle-column { width: 130px; height: 250px; float: left; padding: 5px; padding-right: 0px; margin-right: 5px; font-size: 100%; color: #666; background-image: url(/assets/tightsplease/checkout-tab.png); } #checkout-middle-column li { list-style-type: disc; margin-left: 1em; margin-top: 5px; font-size: 85%; } #checkout-middle-column img { float: left; } #right-column { width: 350px; float: left; } #checkout-form-column h1 { width: 320px; float: left; display: block; height: 50px; margin: 0px; color: #660000; } #checkout-secure { margin-bottom: 10px; overflow: hidden; margin-left: 5px; } .form-box { border: 2px solid #ccc; padding: 0px; margin: 10px; width: 444px; background-color: white; overflow: hidden; } .form-box-form { padding: 10px; /*font-size: 123.1%;*/ } .form-box-hidden .form-box-form { display: none; } .form-box-form-row { margin-bottom: 10px; overflow: hidden; clear: both; } .form-box-header { height: 20px; background-color: black; color: white; padding: 2px; background-image: url(/assets/tightsplease/layerbar-down.png); } .form-box-hidden .form-box-header { background-image: url(/assets/tightsplease/layerbar-up.png); } .form-box-title { font-size: 123.1%; } .form-box-button { width: 100px; float: right; text-align: right; } .form-box input { width: 200px; } .form-box select { width: 200px; } .form-box label { float: left; width: 150px; height: 25px; } .form-box .FFError { float: left; } .form-box .FFRadio input { width: auto; } .section-hr { background: url(/assets/tightsplease/gray-line.gif); background-position: left center; background-repeat: repeat-x; text-align: center; margin-top: 10px; margin-bottom: 8px; clear: both; } .section-hr div { width: 100px; background: white; padding: 5px; text-align: center; margin: auto; font-style: italic; } #ukDiv { width: 250px; float: left; } #ukDiv a, .FFAddressChooser a { color: blue !important; } .FFAddressChooser { clear: both; margin-left: 150px; } .FFAddressChooser div { margin-bottom: 4px; } .FFAddressChooser a { display: block; } .FFAddressChooser div:hover { background-color: #ddddff; } .FFContainedHTML label { display: none; } #big-basket-widget-container { overflow: hidden; } #form-box-newCustomer-inputs { background-image: url(/assets/tightsplease/cart-icon.png); background-position: right center; background-repeat: no-repeat; } #checkout_0_form { clear: left; } /* New/Existing Customer Box*/ #checkout_0_newCustomer_input td { vertical-align: top; } #checkout_0_newCustomer_input td.label { padding-left: 5px; } /* New Customer: Your Details Box*/ #checkout_0_nc_title_row { float: left; width: 210px; } #checkout_0_nc_title { width: 50px; } #checkout_0_nc_first_name_row { float: left; margin-left: 5px; clear: none; } #checkout_0_nc_first_name_label { display: none; } #checkout_0_nc_first_name_row input { width: 90px; margin-top: 2px; } #checkout_0_nc_first_name_row .FFError { width: 70px; } #checkout_0_nc_last_name_row { float: left; margin-left: 5px; clear: none; } #checkout_0_nc_last_name_label { display: none; } #checkout_0_nc_last_name_row input { width: 100px; margin-top: 2px; } #checkout_0_nc_last_name_row .FFError { width: 80px; } #checkout_0_nc_billing_address___postcode_row { width: 260px; float: left; } #checkout_0_nc_billing_address___postcode { width: 80px; float: left; } #checkout_0_nc_billing_address___lookup_row { width: 90px; float: left; clear: none; } #checkout_0_nc_billing_address___lookup { width: 90px; } #checkout_0_nc_billing_address___lookup_label { display: none; } #checkout_0_nc_billing_address___postcode_row .FFError { width: 80px; } #checkout_0_nc_billing_address___country_label { float: left; width: 150px; } #checkout_0_nc_delivery_title_row { float: left; width: 210px; } #checkout_0_nc_delivery_title { width: 50px; } #checkout_0_nc_delivery_first_name_row { float: left; margin-left: 5px; clear: none; } #checkout_0_nc_delivery_first_name_label { display: none; } #checkout_0_nc_delivery_first_name_row input { width: 90px; margin-top: 2px; } #checkout_0_nc_delivery_first_name_row .FFError { width: 70px; } #checkout_0_nc_delivery_last_name_row { float: left; margin-left: 5px; clear: none; } #checkout_0_nc_delivery_last_name_label { display: none; } #checkout_0_nc_delivery_last_name_row input { width: 100px; margin-top: 2px; } #checkout_0_nc_delivery_last_name_row .FFError { width: 80px; } #checkout_0_nc_delivery_address___postcode_row { width: 260px; float: left; } #checkout_0_nc_delivery_address___postcode { width: 80px; float: left; } #checkout_0_nc_delivery_address___lookup_row { width: 90px; float: left; clear: none; } #checkout_0_nc_delivery_address___lookup { width: 90px; } #checkout_0_nc_delivery_address___lookup_label { display: none; } #checkout_0_nc_delivery_address___postcode_row .FFError { width: 80px; } #checkout_0_nc_delivery_address___country_label { float: left; width: 150px; } /* New Customer: Step 2: Order Tracking Box */ #checkout_0_nc_telephone_label label { height: 40px; } #checkout_0_nc_newsletter { width: auto; } /* New Customer: Step 3: Payment */ #checkout_0_nc_card_issue_number { width: 20px; } #checkout_0_nc_card_valid_from___month { width: 50px; } #checkout_0_nc_card_valid_from___year { width: 50px; } #checkout_0_nc_card_expiry_date___month { width: 50px; } #checkout_0_nc_card_expiry_date___year { width: 50px; } #checkout_0_nc_card_cv2_label label { height: 60px; } #checkout_0_nc_card_cv2 { width: 40px; } /* Existing Customer: Step 1: Log In Box */ #checkout_0_login_password_row { float: left; overflow: hidden; width: 270px; } #checkout_0_login_password_row input { width: 100px; } #checkout-forgotten-link { float: left; width: 80px; overflow: hidden; font-size: 85%; margin-top: -4px; text-align: right; } #checkout-forgotten-link a { color: blue !important; } #order-no-login-link { width: 350px; text-align: right; font-size: 85%; } #order-no-login-link a { color: blue !important; } #ec-login-error, #forgot-message { display: none; background-color: #ffcccc; border: 1px solid #cc9999; padding: 10px; padding-left: 60px; margin-left: 40px; margin-right: 40px; margin-bottom: 5px; height: 32px; background-image: url(/assets/tightsplease/warning.png); background-position: 10px center; background-repeat: no-repeat; } #ec-login-error b { color: red; } #forgot-message .ui-state-error { padding: 0px !important; } #forgot-message, #forgot-loading { margin-top: 10px; margin-bottom: 10px; } #ec-login-loading, #forgot-loading { display: none; background-color: #ffffff; border: 1px solid #096da1; padding: 10px; padding-left: 60px; margin-left: 40px; margin-right: 40px; margin-bottom: 5px; height: 22px; background-image: url(/assets/tightsplease/loading.gif); background-position: 10px center; background-repeat: no-repeat; } .logged-in { padding: 10px; } /* Existing Customer: Step 2: Please check your details Box */ #checkout_0_ec_title_row { float: left; width: 210px; } #checkout_0_ec_title { width: 50px; } #checkout_0_ec_first_name_row { float: left; margin-left: 5px; clear: none; } #checkout_0_ec_first_name_label { display: none; } #checkout_0_ec_first_name_row input { width: 90px; margin-top: 2px; } #checkout_0_ec_first_name_row .FFError { width: 70px; } #checkout_0_ec_last_name_row { float: left; margin-left: 5px; clear: none; } #checkout_0_ec_last_name_label { display: none; } #checkout_0_ec_last_name_row input { width: 100px; margin-top: 2px; } #checkout_0_ec_last_name_row .FFError { width: 80px; } #checkout_0_ec_billing_address___postcode_row { width: 260px; float: left; } #checkout_0_ec_billing_address___postcode { width: 80px; float: left; } #checkout_0_ec_billing_address___lookup_row { width: 90px; float: left; clear: none; } #checkout_0_ec_billing_address___lookup { width: 90px; } #checkout_0_ec_billing_address___lookup_label { display: none; } #checkout_0_ec_billing_address___postcode_row .FFError { width: 80px; } #checkout_0_ec_billing_address___country_label { float: left; width: 150px; } #checkout_0_ec_delivery_title_row { float: left; width: 210px; } #checkout_0_ec_delivery_title { width: 50px; } #checkout_0_ec_delivery_first_name_row { float: left; margin-left: 5px; clear: none; } #checkout_0_ec_delivery_first_name_label { display: none; } #checkout_0_ec_delivery_first_name_row input { width: 90px; margin-top: 2px; } #checkout_0_ec_delivery_first_name_row .FFError { width: 70px; } #checkout_0_ec_delivery_last_name_row { float: left; margin-left: 5px; clear: none; } #checkout_0_ec_delivery_last_name_label { display: none; } #checkout_0_ec_delivery_last_name_row input { width: 100px; margin-top: 2px; } #checkout_0_ec_delivery_last_name_row .FFError { width: 80px; } #checkout_0_ec_delivery_address___postcode_row { width: 260px; float: left; } #checkout_0_ec_delivery_address___postcode { width: 80px; float: left; } #checkout_0_ec_delivery_address___lookup_row { width: 90px; float: left; clear: none; } #checkout_0_ec_delivery_address___lookup { width: 90px; } #checkout_0_ec_delivery_address___lookup_label { display: none; } #checkout_0_ec_delivery_address___postcode_row .FFError { width: 80px; } #checkout_0_ec_delivery_address___country_label { float: left; width: 150px; } /* Existing Customer: Step 3: Payment */ #checkout_0_ec_card_issue_number { width: 20px; } #checkout_0_ec_card_valid_from___month { width: 50px; } #checkout_0_ec_card_valid_from___year { width: 50px; } #checkout_0_ec_card_expiry_date___month { width: 50px; } #checkout_0_ec_card_expiry_date___year { width: 50px; } #checkout_0_ec_card_cv2_label label { height: 60px; } #checkout_0_ec_card_cv2 { width: 40px; } #checkout_0_nc_address_different_label { float: left; height: 50px; } #nc-delivery-address, #nc-billing-address { display: none; } #nc-delivery-address { margin-top: 20px; } .checkout-replaced { clear: both; } .checkout-replaced-label { float: left; width: 150px; } .checkout-replaced-value { float: left; width: 200px; margin-bottom: 10px; } .checkout-replaced-edit { float: left; width: 50px; } .checkout-replaced-edit a { color: blue !important; } .checkout-next-button { font-size: 100%; color: white; background-color: #01ab0e; border: 1px solid white; width: 100px; cursor: pointer; cursor: hand; float: right; } .checkout-login-button { width: 300px; } .checkout-button-or { width: 300px; text-align: center; margin-top: 10px; margin-bottom: 10px; } #new-customer, #existing-customer { display: none; } #nc-paypal-text , #ec-paypal-text { color: #666; display: none; } /* Forgotten Password Popup */ #forgotten-password { background-color: white; width: 400px; height: 210px; padding: 10px; display: none; } #forgot-loading { display: none; padding-top: 20px; } #forgot-loading img { margin-right: 10px; } #forgot-title { text-align: center; font-size: 189%; padding-bottom: 10px; margin-top: -10px; } #forgot-close { text-align: right; } #forgot-close a { color: blue !important; text-decoration: none; } #reset-form { display: none; } #reset-form ol{ margin-left: 20px; } #reset-form ol li { list-style: decimal; } #reset-form input { width: 100px; margin-left: 150px; margin-top: 30px; } /* SagePay Error page */ #checkout-error { padding: 13px 20px 0px 15px; text-align: justify; width: 555px; height: 154px; background: url(/assets/tightsplease/category-top-panel-background.png) no-repeat; } #checkout-error h2 { font-size: 138.5%; margin-top: 5px; margin-bottom: 10px; } /************************************************************************* * Big Basket Widget * *************************************************************************/ #big-basket-container { background-color: white; border: 0px solid #ccc; padding: 4px; } #big-basket-title { font-weight: bold; font-size: 138.5%; color: #666666; } #big-basket-title .shipping { font-weight: normal; font-size: 50%; color: #666666; } #big-basket-subtitle { color: red; font-weight: bold; font-size: 116%; } #big-basket-container .basket-item-name a { font-size: 116%; width: 300px; float: left; height: 25px; font-style: normal; color: black; text-decoration: none; } #big-basket-container .basket-item-price { font-size: 116%; color: #222; text-align: right; width: 50px; float: right; font-weight: normal; height: 25px; } #big-basket-container .basket-item-DiscountVoucher .basket-item-price { color: #green; } #big-basket-container .basket-item-SpecialOfferSaving .basket-item-price { color: #green; } #big-basket-container .odd { background-color: #fff; } #big-basket-container .basket-item { border-bottom: 1px dotted #ccc; } #big-basket-container table { width: 100%; } #big-basket-container th { padding-left: 3px; padding-right: 3px; } #big-basket-container td { padding-left: 3px; padding-right: 3px; } #big-basket-container td input { width: 20px; text-align: right; } #big-basket-container th { font-style: italic; color: #666; height: 16px; } #big-basket-container th div { width: 80px; overflow: hidden; } #big-basket-container th div div { display: none; } #big-basket-container .hover th div div { display: block; } .big-basket-image { float: left; } #big-basket-container .basket-item { clear: both; padding-top: 8px; padding-bottom: 4px; } #big-basket-container .update-qty { clear: both; width: 58px; height: 16px; background-color: #01ab0e; color: white; border: none; font-size: 77%; font-weight: bold; padding-bottom: 1px; margin-top: 2px; margin-left: 3px; } .big-basket-product-data { padding-left: 5px; width: 300px; float: left; } #basket-form-voucher { margin-top: 10px; } .big-basket-updated { font-size: 116%; color: red; font-weight: bold; display: none; } .big-basket-voucher-button { width: 100px; height: 20px; background-color: #aaa; color: white; border: none; font-size: 100%; font-weight: bold; padding-bottom: 1px; margin-top: 2px; margin-left: 3px; cursor: pointer; cursor: hand; } .big-basket-voucher-error { font-size: 116%; color: red; font-weight: bold; display: none; } .big-basket-remove-link { display: none; } .big-basket-remove-link img { border: none; } #currency-note { font-size: 85%; color: #aaaaaa; } /************************************************************************* * Press View * *************************************************************************/ .press .press-product-container { width: 150px; height: 220px; float: left; font-size: 85%; } .press .press-section { margin-top: 10px; margin-bottom: 10px; } .press .press-section > img { float: left; margin-right: 30px; width: 200px; height: 400px; } .press .press-section-data { float: left; width: 500px; } .press .press-section h2 { font-size: 1.3em; color: #666; font-weight: bolder; margin-top: 5px; margin-bottom: 10px; } .press .press-section p { margin-bottom: 10px; } /************************************************************************* * Press View 2 * *************************************************************************/ .press2 {} .press2 h2 { color: #94AF2C; padding-left: 151px; font-size: 1.3em; font-weight: bolder; background-image: url(/assets/tightsplease/tightsplease-loves.gif); background-repeat: no-repeat; background-position: 0px 3px; } .press2 h2 a { color: #94AF2C; text-decoration: none; } .press2 p { clear: both; } .press2 a { line-height: 1em; font-weight: bold; } .press2 div { background-repeat: no-repeat; } .press2 .press-section { margin-top: 40px; } .press2 .press-section-sub > img { position: absolute; left: 150px; } .press2 .press-section-sub { position: relative; margin-left: 90px; margin-top: 20px; height: 500px; } .press2 .product0 { position: absolute; top: 0px; left: 0px; width: 140px; } .press2 .product0 .press-product-details { padding-top: 25px; background-image: url(/assets/tightsplease/red-triangle-up.gif); background-position: 0px 6px; } .press2 .product1 { position: absolute; top: 270px; left: 100px; float: left; } .press2 .product1 .press-product-image { width: 140px; float: left; } .press2 .product1 .press-product-details { float: left; padding-left: 25px; padding-top: 150px; background-image: url(/assets/tightsplease/red-triangle-left.gif); background-position: 6px 160px; } .press2 .product3 { position: absolute; top: 0; left: 356px; } .press2 .product3 .press-product-image { width: 140px; float: left; } .press2 .product3 .press-product-details { float: left; width: 63px; padding-left: 5px; padding-top: 20px; background-image: url(/assets/tightsplease/red-triangle-left.gif); background-position: 6px 0px; } .press2 .product2 { position: absolute; top: 150px; left: 400px; width: 140px; } .press2 .product2 .press-product-details { padding-top: 25px; background-image: url(/assets/tightsplease/red-triangle-up.gif); background-position: 0px 6px; } /************************************************************************* * Product Page * *************************************************************************/ .product-tab-button { background-color: #ccc; color: white; font-size: 116%; float: left; padding: 5px; margin-right: 1px; cursor: pointer; cursor: hand; } .product-tab-button-active { background-color: #0aadbc; cursor: default; } .product-tab { background-color: white; padding: 5px; padding-top: 15px; clear: left; } .product-tab table { width: 100%; margin: 3px; margin-bottom: 15px; border: 1px solid #ddd; } .product-tab table .review-title { font-weight: bold; } .product-tab table .review-rating { text-align: right; width: 60px; vertical-align: top; } #product-data { background-color: white; padding: 5px; } #product-data h2 { font-weight: bold; margin-bottom: 5px; margin-top: 15px; clear: both; } #product-data hr { margin-top: 10px; margin-bottom: 10px; clear: both; border: none; background-color: #ddd; } #product-price-container { width: 300px; float: left; } .product-rating-container { width: 120px; float: left; } .product-stars { height: 12px; background-image: url(star.png); overflow: hidden; } .product-colour-box { width: 44px; float: left; text-align: center; margin-right: 10px; font-size: 77%; margin-bottom: 20px; } .product-colour-swatch { height: 65px; cursor: pointer; cursor: hand; } .product-colour-box .product-buy-button { width: 44px; height: 25px; background-color: #01ab0e; color: white; border: none; font-size: 123.1%; font-weight: bold; padding-bottom: 1px; } .product-colour-box span { display: block; width: 44px; height: 25px; overflow: hidden; } .sitemap li { list-style-type: disc; margin-left: 1em; } #big-image { cursor: pointer; cursor: hand; background-color: white; position: absolute; } #big-image img { display: block; width: 421px; height: 572px; } #big-image div { background-color: white; text-align: center; width: 421px; } .matching-products .simple-product-container { width: 215px; float: left; } .matching-products .simple-product-image-link { display: block; float: left; } .matching-products .simple-product-info { float: left; width: 145px; margin-left: 5px; } .matching-products .popup-close { display: none; } #matching-products-popup .popup-close { display: block; } #matching-products-popup { width: 600px; background: white; border: 1px solid black; display: none; padding: 10px; } #matching-products-popup h2 { font-size: 138.5%; margin: 0 0 10px 0; } #matching-products-popup .popup-close { text-align: right; margin-bottom: 0px; } #matching-products-popup .popup-close a { text-decoration: none; color: black; } #matching-products-popup .popup-close img { display: inline; } #matching-products-popup .popup-close a:hover { color: #666; } .sizeGuide { margin: auto; } .sizeGuide th, .sizeGuide td { border: 1px solid #cccccc; } .sizeGuide th { background-color: #cccccc; color: #000000; font-weight: bold; } /************************************************************************* * Discontinued Product Page * *************************************************************************/ .products-3-horizontal .product-container { width: 214px; margin-right: 20px; float: none; vertical-align: top; border: none; background: none; } .products-3-horizontal .product-description { width: 214px; height: 98px; overflow: hidden; position: relative; } .products-3-horizontal .product-description .product-more-link { width: 50px; height: 20px; overflow: hidden; position: absolute; top: 78px; left: 164px; text-align: right; background: white; } .products-3-horizontal .pad { width: 20px; } .products-3-horizontal h2 { font-size: 116%; font-weight: bold; margin-top: 10px; margin-bottom: 5px; } .discontinued-product h1 { background-image: url(/assets/tightsplease/dpp-ripped-panel.png); background-repeat: no-repeat; width: 751px; height: 74px; padding-left: 10px; padding-top: 15px; font-size: 123.1%; color: black; } .products-3-horizontal .product-container .colour-name { width: 160px; float: left; overflow: hidden; } .products-3-horizontal .product-container .colour-name a { text-decoration: none; color: black; } .products-3-horizontal .product-container .colour { margin-bottom: 1px; } .products-3-horizontal .product-container .colour-name img { margin-left: 2px; margin-right: 8px; vertical-align: middle; } .products-3-horizontal .product-container .colour-button { width: 40px; float: left; overflow: hidden; } /************************************************************************* * Account Area * *************************************************************************/ .account .error { color: red; font-weight: bold; margin: 2px; } .account-box { background-color: white; margin-bottom: 5px; width: 300px; margin-left: 200px; padding: 10px; border: 1px solid #ccc; } .account-box h3 { font-size: 116%; font-weight: bold; padding-bottom: 10px; } .account-box li { list-style-type: disc; margin-left: 1em; margin-top: 5px; } .account-intro { margin-bottom: 15px; font-style: italic; } .account-box a { color: blue; } #account-page table { background-color: white; } #account-page table th { padding: 4px; font-weight: bold; text-align: center; } #account-page table td { padding: 4px; } /************************************************************************* * Competition Page * *************************************************************************/ .competition img { float: right; margin-left: 10px; margin-top: 20px; margin-bottom: 100px; } .competition p { text-align: justify; } /************************************************************************* * Web service documentation * *************************************************************************/ .data td { border: 1px solid black; } /************************************************************************* * Size guides * *************************************************************************/ .gray { background-color: #eeeeee; } .pink { background-color: #ee00ee; } .purple { background-color: #cc00cc; } .green { background-color: #00cc00; } .yellow { background-color: #eeee00; } .blue { background-color: #0000cc; } .light { background-color: #eeeeee; } .medium { background-color: #cccccc; } .dark { background-color: #999999; } /************************************************************************* * As Seen In * *************************************************************************/ .as-seen-in { margin: 10px 0 0 55px; float: left; } .as-seen-in-section { clear: both; } .as-seen-in-image { float: left; } .as-seen-in-bullet { font-size: 40px; padding: 110px 60px 0 0; float: left; } .as-seen-in .press-product-container { width: 100px; height: 140px; float: left; font-size: 85%; } .as-seen-in-section-main { float: left; width: 620px; padding-left: 20px; } .as-seen-in-section h2 { font-size: 14px; font-weight: bold; margin: 5px 0 10px 0; } .as-seen-in-section .product-buy-button { float: right; margin-left: 10px; } .as-seen-in-text { clear: both; } .as-seen-in-magazines img { display: block; float: left; margin: 20px 20px 0 0; } /************************************************************************* * Inspiration * *************************************************************************/ .inspiration { float: left; clear: both; width: 100%; } .inspiration-header h1 { margin: 30px 0; } #inspiration-image { float: left; margin: 0 10px 10px 0; } .inspiration-products-outer { float: right; } .inspiration-products-inner { position: absolute; } .inspiration-product { position: absolute; } .inspiration-product a.img { display: block; float: left; } .inspiration-product a.img img { display: block; } .inspiration-product-1 { left: -450px; top: 180px; z-index: 4; width: 234px; } .inspiration-product-2 { left: -260px; z-index: 3; width: 264px; } .inspiration-product-3 { left: -430px; top: 530px; z-index: 2; width: 204px; } .inspiration-product-4 { left: -200px; top: 480px; z-index: 1; width: 204px; } .inspiration-label { position: absolute; width: 200px; clear: both; } .inspiration-product-1 .inspiration-label { top: 240px; left: 240px; padding-left: 16px; background: url('purple-triangle-left.gif') top left no-repeat; } .inspiration-product-2 .inspiration-label { top: 360px; left: 64px; padding-top: 16px; background: url('green-triangle-up.gif') top right no-repeat; } .inspiration-product-3 .inspiration-label { top: 280px; left: 0px; padding-left: 16px; background: url('blue-triangle-up.gif') top left no-repeat; } .inspiration-product-4 .inspiration-label { top: 280px; left: 0px; padding-top: 16px; background: url('pink-triangle-up.gif') top right no-repeat; } .inspiration-product-1 a.img { border: 2px solid #9e4fc2; } .inspiration-product-2 a.img { border: 2px solid #00ad31; } .inspiration-product-3 a.img { border: 2px solid #5a5aae; } .inspiration-product-4 a.img { border: 2px solid #d321f1; } #inspiration-wrap-1 { width: 270px; float: right; height: 160px; } #inspiration-wrap-2 { width: 460px; float: right; height: 340px; clear: right; } #inspiration-wrap-3 { width: 440px; float: right; height: 340px; clear: both; } #inspiration-notes { padding: 40px 20px 80px 20px; width: 470px; background: url('notepage.gif') no-repeat; clear: left; } #inspiration-notes h1 { height: 30px; margin-top: 13px; } #inspiration-notes a { display: block; font-size: 14px; text-decoration: none; height: 21px; } #inspiration-paperclip { position: absolute; background: url('paperclip.gif') no-repeat; width: 92px; height: 42px; z-index: 1; margin-left: -44px; } #inspiration-notes-1, #inspiration-notes-2, #inspiration-notes-3 { display: block; float: left; margin-left: 10px; } #inspiration-notes-1 { margin-left: 15px; } #inspiration-notes-3 { margin-left: 10px; } #inspiration-footer { overflow: hidden; clear: both; margin-top: 10px; } #inspiration-footer h2 { background: url('heart-bw.gif') no-repeat left bottom; float: left; padding-left: 30px; padding-top: 6px; font-size: 20px; } .inspiration-link-1, .inspiration-link-2, .inspiration-link-3 { background: url('heart-blue.gif') no-repeat left bottom; float: left; padding-left: 25px; padding-top: 10px; font-size: 14px; margin-left: 10px; margin-right: 20px; } .inspiration-link-2 { background-image: url('heart-orange.gif'); } .inspiration-link-3 { background-image: url('heart-green.gif'); } /************************************************************************* * Review Page * *************************************************************************/ #review-page .column { margin-bottom: 10px; } #review-page #review_form img { margin-right: 10px; } #review-page textarea { width: 300px; height: 70px; } #review-page #review_comments_row { margin-top: 10px; } #review-page h2 { font-weight: bold; margin-bottom: 5px; } #review-page label { float: left; display: block; width: 40px; margin-top: 3px; } #review-page .FFSelect { float: left; margin-left: 10px; } #review-page #review_rating_0_row label { width: 120px; } #review-page #review_comments_0_row label, #review-page #review_submit_row label { display: none; } /************************************************************************* * Tights Tempter Page * *************************************************************************/ #tempter { background-color: white; } #tempter #tempter-composit { position: relative; width: 200px; height: 400px; } #tempter #tempter-composit img{ width: 200px; height: 400px; position: absolute; top: 0px; left: 0px; display: none; } #tempter .image-row { width: 400px; height: 210px; overflow: auto; } #tempter .image-row .img { border: 4px solid white; width: 105px; height: 180px; overflow: hidden; float: left; text-align: center; } #tempter .image-row .img.selected { border: 4px solid red; } /************************************************************************* * Featured Quotes Widget * *************************************************************************/ .FeaturedQuotesWidget { height: 120px; background-color: white; color: rgb(0, 172, 181); font-size: 116%; position: relative; padding: 5px; text-align: center; margin-left: 0px; margin-top: 0px; margin-bottom: 20px; } .FeaturedQuotesWidget .FeaturedQuotesWidget-punctuation { font-size: 400%; vertical-align: -90%; line-height: 25px; } .FeaturedQuotesWidget b{ font-size: 131%; } #quote-layer-0 { position: absolute; top: 30px; left: 75px; width: 200px; } #quote-layer-1 { position: absolute; top: 30px; left: 75px; width: 200px; } /************************************************************************* * Size Guides Page * *************************************************************************/ .size-guides-list ul { float: left; width: 100%; } .size-guides-list li { float: left; width: 25%; display: block; } /************************************************************************* * Order Confirmation Page * *************************************************************************/ .confirmation-side-bar { font-size: 93%; font-weight: bold; width: 203px; float: left; } .confirmation-side-bar img { margin-bottom: 5px; border: 1px solid #00cccc; width: 201px; height: 161px; }