/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Layout ================================================================================= */ .wrapper {} .page { width:960px; margin:0 auto; padding:10px 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { margin:10px 0; } /* Base Columns */ .col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; } .col-main { float:left; width:736px; border:1px solid #ddd; padding:5px; } .col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; width:153px; height:83px; overflow:hidden; margin-bottom:10px;} .header-container {} .header { padding:10px; border:1px solid #ddd; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } .header .logo a { display:block; width:200px; height:63px; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .links { float:right; } .header .form-search { text-align:center; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { text-align:center; } /********** < Navigation */ #nav { font-size:12px; border:1px solid #ddd; padding:5px 0; margin:10px 0; } /* All Levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:999; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav li li.parent {} /* 0 Level */ #nav li { float:left; } #nav li.active a { color:#2a2824; } #nav a { float:left; padding:5px 12px 6px 8px; color:#898885; font-weight:bold; } #nav li.over a, #nav a:hover { color:#2a2824; } /* 1st Level */ #nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ddd; } #nav ul li.over {} #nav ul li.last { background:#656461; padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /* 2nd leven */ #nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; } /* 3rd+ Level */ #nav ul ul { top:5px; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { background:#f6f6f6; color:#898885; } #nav ul li a:hover { background:#ccc; color:#fff !important; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px; } ul li.title.laurelwreath div.mini-wreath { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/generalpages/mini-laurel.gif) no-repeat; height: 16px; width: 16px; display: block; float: left; } /********** Navigation > */ /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } /*button::-moz-focus-inner { padding:0; border:0; }*/ button.button { overflow:visible; width:auto; background:#f6f6f6; border:1px solid #717171; cursor:pointer; } button.button span { display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#000; } button.disabled {} button.disabled span {} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {} .highlight {}*/ /* Form lists */ /*.form-list li { margin:0 0 5px; }*/ .form-list li .input-box {} .form-list li input.input-text, .form-list li textarea { width:250px; } .form-list li select { width:auto; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .form-list label {} .group-select {} .group-select label {} .group-select li { margin:0 0 5px; } .group-select li .input-box { float:left; width:260px; } .group-select li input.input-text { width:250px; } .group-select li textarea {width:510px; } .group-select li select { width:516px; } .group-select li .input-box input.input-text, .group-select li .input-box textarea { width:250px; } .group-select li .input-box select { width:256px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} span.required { color:#f00; } p.required { font-size:12px; text-align:left; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/error_msg_icon.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/success_msg_icon.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/note_msg_icon.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { border:1px solid #ddd; padding:5px; margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td {} tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td {} /* Lists Decoration */ li.odd {} li.even { background-color:#f6f6f6; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #ddd; margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:0 10px; } .block .block-title h2 { font-size:16px; font-weight:bold; line-height:1.5; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding:10px; } .block .actions { text-align:right; } .block .actions a { float:left; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} /* Block: Cart */ .block-cart {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; margin-right:-75px; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details .btn-remove { float:right; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item .product-image { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border-bottom:1px solid #ddd; margin:0 0 10px; } .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ .products-grid { width:100%; } .products-grid tr.odd {} .products-grid tr.even { background-color:#f6f6f6; } .products-grid td { width:33%; border:1px solid #ddd; padding:5px; } .products-grid td.empty {} /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list .product-image { float:left; } .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {} .product-essential {} .product-collateral {} /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .product-view .product-img-box .product-image { border:1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:445px; } .product-view .product-name {} .product-view .short-description {} /* Rating */ .ratings {} .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:0; font-weight: 600; color: #666; font-size: 1.1em; } .add-to-cart .qty { float:left; margin: -3px 0 0 40px; } .add-to-cart button.button { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/add-to-bag.gif); clear:both; float:left; height: 30px; margin-left:5px; width: 155px; } .add-to-cart button.button span { display: none } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; margin:0 5px; } .product-view .tags .form-add-tags button.button { float:left; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:bold; line-height:1.5; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float:right; text-align:right; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:700px; } .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-shop { margin-left:90px; } .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods li.error-msg { padding:10px 8px 8px 40px !important; margin-left:0px !important; min-height:22px !important; } .sp-methods li.error-msg li { margin:1px 5px !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Login Page ============================================================================ */ .login-page {} .login-page .content { min-height:150px; } /* ======================================================================================= */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews {} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .logo { float: none;} .page-print .print-head { border-bottom: 1px solid #ddd;} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h3 {border-top: 1px solid #DDD; padding-top: 15px;} .page-print .col2-set {margin-bottom: 30px;} .page-print .col2-set h3 {border-top: none; padding-top: 0; margin-top: 0;} .page-print .col2-set .col-1, .page-print .col2-set .col-2 { float: none; display: inline-block;} .page-print .buttons-set button.button {float:none;} /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { border:1px solid #ddd; padding:10px; } .footer p { text-align:right; } .footer address { text-align:right; } .footer ul { float:left; padding:0 20px 0 0; } /* ======================================================================================= */ p.blurb{ line-height:1.2em; color:#000; } .modal .lcontainer { height: inherit !important; } .modal .lcontainer img { display:none !important; } .form-list .fields .field, .form-list .wide, .form-list .control { margin-bottom:8px; } .form-list .fields .field label, .form-list .wide label, .customer-account-edit .group-select li label, .customer-address-form .group-select li label, .customer-account-create .group-select li label { position:relative; } .form-list .fields .field label em, .form-list .wide label em, .customer-account-edit .group-select li label em, .customer-address-form .group-select li label em, .customer-account-create .group-select li label em { position: absolute; right: -8px; } .form-list .control .checkbox, #change_password, #subscription { margin-top:-2px; } .form-list .wide select { padding:2px 0 1px 0; } .customer-account-edit .group-select li .input-box, .customer-address-form .group-select li .input-box, .customer-account-create .group-select li .input-box { float: none; width: 260px; } .customer-address-form .group-select .double-col .input-box, .customer-account-create .group-select .double-col .input-box { float:left; } #wishlist textarea { margin-top: 0px !important; } .wishlist-index-index .buttons-set { border-left: none; border-right: none; } /** Updated inactive sale landing page **/ .sale-splash-container { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/sale-splash/sale-splash-background.jpg); width: 940px; height: 494px; display: block; margin: 0 auto 15px; text-align: center; } .sale-splash-container.us { height: 460px; border-bottom: 1px solid #ddd; } .sale-splash-container img.splash-logo { display: block; padding-top: 57px; margin: 0 auto 14px; } .sale-splash-container h2, .sale-splash-container h2 a { font-size: 16px; font-family: 'RobotoCondensedRegular'; margin-bottom: 16px; } .sale-splash-container.us h2 a { font-size: 14px; line-height: 17px; } .sale-splash-container > p { width: 360px; margin: 0 auto 15px; line-height: 17px; } .sale-splash-container.us > p { width: 500px; } .sale-splash-container.success > p { width: 690px; font-size: 15px; font-weight: normal; line-height: 18px; } .sale-splash-container.success > p a { font-family: 'RobotoCondensedBold'; color: #474747; } .sale-splash-container.success img.splash-logo { margin: 0 auto 29px; } .sale-splash-container.success .share_purchase h4 { font-size: 15px; margin-bottom: 14px; color: #474747; } .sale-splash-container.success .checkout-share-wrapper { margin-top: 15px; } .sale-splash-container.success .splash-feature p { font-weight: normal; } .sale-splash-container .splash-feature-block { width: 722px; border: 1px solid #ddd; margin: 34px auto 0; border-bottom: 0; position: relative; } .sale-splash-container.us .splash-feature-block { margin: 43px auto 0; } .sale-splash-container .splash-feature-block:before, .sale-splash-container .splash-feature-block:after { content: ""; width: 724px; height: 6px; background: #d6d6d6; position: absolute; bottom: -6px; left: -1px; } .sale-splash-container .splash-feature-block:after { bottom: -18px; height: 7px; background: #e0e0e0; } .sale-splash-container .splash-feature { -moz-box-sizing: border-box; box-sizing: border-box; width: 240px; height: 178px; padding: 20px 24px; float: left; position: relative; } .sale-splash-container .splash-feature h1, .sale-splash-container .splash-feature h4 { font-size: 16px; color: #A1855B; font-family: 'RobotoCondensedRegular'; margin-bottom: 17px; text-transform: uppercase; } .sale-splash-container .splash-feature p { height: 78px; line-height: 17px; } .sale-splash-container .button { padding: 6px 10px; height: auto; width: auto; background: #A1855B; text-transform: uppercase; color: #fff; } .sale-splash-container .button:hover { background: #000; } .sale-splash-container .splash-feature:after { content: ""; height: 133px; width: 1px; top: 23px; right: 0; background: #ddd; position: absolute; } .sale-splash-container .splash-feature.last:after { content: none; } .sale-splash-container .social-buttons { width: 116px; height: 26px; margin: 0 auto; } .sale-splash-container .social-buttons a { width: 23px; height: 22px; float: left; margin-right: 8px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/sale-splash/facebook-logo.png) no-repeat 0 0 transparent; display: block; cursor: pointer; } .sale-splash-container .social-buttons a:hover { background-position: 0 -22px; } .sale-splash-container .social-buttons a.instagram { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/sale-splash/instagram-logo.png); } .sale-splash-container .social-buttons a.twitter { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/sale-splash/twitter-logo.png); } .sale-splash-container .social-buttons a.blog { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/sale-splash/blog-logo.png); height: 26px; margin-right: 0; } .sale-splash-container .social-buttons a.blog:hover { background-position: 0 -26px; } /** new 404 page design alterations to .sale-splash-container **/ #notfound .sale-splash-container.four04 img.splash-logo { margin: 0 auto 29px; } #notfound .sale-splash-container.four04 h2 { font-size: 22px; font-family: Helvatica, Arial, sans-serif; } #notfound .sale-splash-container.four04 > p { font-size: 16px; line-height: 19px; margin-bottom: 27px; } #notfound .sale-splash-container.four04 .button { text-decoration: none; color: #fff; } #notfound .sale-splash-container.four04 .splash-feature-block { margin: 50px auto 0; } #notfound .sale-splash-container.four04 .splash-feature p { height: 64px; } /** Freds Threads sale landing page **/ .freds-threads-sale-container { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fredsthreads-sale.jpg); width: 850px; height: 230px; display: block; margin: 0 auto 10px; padding: 160px 0 0 88px; overflow: hidden; } .freds-threads-sale-container:hover { cursor:pointer; } .freds-threads-sale-container h1 { font-size: 22px; line-height: 26px; color: #474745; margin-bottom: 10px; } .freds-threads-sale-container p { font-size: 17px; font-weight: lighter; line-height: 20px; width: 660px; color: #636162; margin-bottom: 30px; } .freds-threads-sale-container p a { font-weight: normal; } /** **/ .login-existing-customers { background:#ECE7DE; border:none; margin:40px 0 10px; padding:25px 30px 20px; } .login-existing-customers h2 { color:#111111; font-size:100%; margin-bottom:10px; } .customer-account-login p { margin-bottom:10px; } .login-existing-customers p { color: #2a3066 !important; font-size:100%; line-height: 1.4em; margin-bottom: 10px; } .outer-site-notice { background: white; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 10001; display:none; /* ie6 fixes */ _width: 100%; _background: #FFF; opacity: 0.8; filter: alpha(opacity=80); } .inner-site-notice { display: none; color: #FFFFFF; background: #002649; font-size: 14px; line-height: 19px; width: 678px; height: 209px; position: absolute; z-index:10002; padding: 20px 20px 60px 20px; } .inner-site-notice .site-notice-close { position: absolute; right: 0; top: 0; padding: 10px; text-indent: -999999px; } .inner-site-notice .logo { width: 233px; height: 237px; float: left; border-right: 1px solid #456888; margin-right: 40px; } .inner-site-notice .form-container { float:left; } .inner-site-notice .container { float: left; } .inner-site-notice .site-links { margin-top: 33px; padding-top:33px; border-top: 1px solid #456888; } .inner-site-notice .site-links a { color: #ffffff; display: inline-block; } .inner-site-notice .error-message { display: none; text-transform: uppercase; position: absolute; margin-top: 4px; font-size: 11px; } .inner-site-notice .input-error .error-message { display: block; } .inner-site-notice .site-links a.shippable { border: 1px solid red; } .inner-site-notice .chosen-single { background: #012349; color: #ffffff; } .inner-site-notice .tipping { position: absolute; left: 0; right: 0; bottom: 10px; height: 7px; border-top: 7px solid #ffffff; border-bottom: 8px solid #ffffff; } .inner-site-notice .chosen-container .chosen-single { color: #ffffff; background: #002c5b; border-color: #4d6880; box-shadow: none; } .inner-site-notice .chosen-container-active.chosen-with-drop .chosen-single { background: none; box-shadow: none; } .inner-site-notice .chosen-container .chosen-drop { color: #000000; } .inner-site-notice .input-error .chosen-container .chosen-single { border-color: red; } .chosen-container-single .chosen-single { padding: 0px 0px 0px 10px; height: 31px; line-height: 31px; } .chosen-container-single .chosen-single div { top: 2px; right: 2px; } .form-container .label { float: left; width: 130px; } .form-container .input { float: left; width: 200px; margin: -4px 0 0 10px; } .site-links p { margin-bottom: 10px; } .site-links a p { text-transform: uppercase; font-size: 12px; margin-bottom: 0px; } .site-links a img { width: 76px; height: 42px; } .inner-site-notice .site-links a.shippable { border: none; } .inner-site-notice .site-notice-close { height: 10px; width: 10px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/store-switcher/close.gif) center no-repeat; } .inner-site-notice .form-container { margin-top: 20px; } .inner-site-notice .chosen-container .chosen-single { background: #002649; padding: 0px 0px 0px 10px; height: 31px; line-height: 31px; } .checkout-onepage-index .chosen-container-single .chosen-single { margin-bottom: 7px; padding: 0px 0px 0px 10px; height: 31px; line-height: 27px !important; } .inner-site-notice .chosen-container-single .chosen-single div, .checkout-onepage-index .chosen-container-single .chosen-single div { top: 3px; right: 2px; } .inner-site-notice .logo img, .checkout-onepage-index .logo img { width: 142px; height: 76px; } .inner-site-notice .form-container .input { margin: -6px 0 0 10px; } .inner-site-notice .site-links a { margin-right: 5px; opacity: 0.2; filter: alpha(opacity=20); } .inner-site-notice .site-links a.shippable { opacity: 1; filter: alpha(opacity=100); } .inner-site-notice .logo { width: 193px; height: 170px; padding: 67px 0 0 40px; } .store-indicator { float: left; margin-top: 14px; margin-left: 16px; } /** Freds Threads sale landing page **/ .freds-threads-sale-container { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fredsthreads-sale.jpg); width: 850px; height: 230px; display: block; margin: 0 auto 10px; padding: 160px 0 0 88px; overflow: hidden; } .freds-threads-sale-container h1 { font-size: 22px; line-height: 26px; color: #474745; margin-bottom: 10px; } .freds-threads-sale-container p { font-size: 17px; font-weight: lighter; line-height: 20px; width: 660px; color: #636162; margin-bottom: 30px; } .freds-threads-sale-container p a { font-weight: normal; } .cms-enable-cookies .std .std { background: #FFFFFF; margin-bottom: 0; margin-top: 10px; padding: 10px 25px 25px; } .cms-enable-cookies .std .std p { color: #666666; font-size: 13px; line-height: 16px; margin-bottom: 15px; padding: 0 80px 0 0; } .cms-enable-cookies .page-title { border-bottom: none; } .cms-enable-cookies h1 { font-size: 19px; color: #333333; } .cms-enable-cookies h2 { font-size: 17px; color: #333333; margin-bottom: 10px; margin-top: 25px; } .cms-enable-cookies h3 { font-size: 16px; color: #333333; margin-bottom: 10px; margin-top: 45px; } .cms-enable-cookies .std ul.disc { margin-bottom: 25px; font-size: 14px; line-height: 17px; } .cms-enable-cookies .std ol { margin-left: 10px; color: #666666; } .cms-enable-cookies p.a-top { margin-bottom: 60px; margin-top: 30px; } .cms-enable-cookies p.a-top a { background: #EEEEEE; padding: 7px 11px; } .cms-enable-cookies .messages .notice-msg { font-size: 12px; padding: 5px 8px 4px 15px !important; margin-bottom: 20px; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /************************************************/ /******************** Clears ********************/ /************************************************/ .clearer:after, .header:after, #nav:after, .main:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block-poll li:after, .block-related li:after, .block-related .item:after, .block .actions:after, .mini-products-list li:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .products-list li.item:after, .product-view .product-img-box .more-views ul:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .field-100:after, .group-select li:after, .form-list li:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after, .toolbar:after, .product-collateral:after, .productextras:after, #colour ul:after, ul.landinglist:after, #logonavwrapper:after, .swatch-popup:after, .producttitleblock:after, .shopheader .shopdescription:after, .shop-back-to-top:after, li.item .price-box:after, .items-wrapper:after, .items-wrapper .item:after, #shipping-zip-form:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* Global Settings */ @font-face { font-family: 'RobotoCondensedLight'; src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotoCondensed-light.eot'); src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-light.eot?#iefix') format('embedded-opentype'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-light.woff') format('woff'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-light.ttf') format('truetype'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-light.svg#RobotoCondensedLight') format('svg'); } @font-face { font-family: 'RobotoCondensedRegular'; src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-regular.eot'); src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-regular.eot?#iefix') format('embedded-opentype'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-regular.woff') format('woff'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-regular.ttf') format('truetype'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-regular.svg#RobotoCondensedRegular') format('svg'); } @font-face { font-family: 'RobotoCondensedBold'; src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-bold.eot'); src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-bold.eot?#iefix') format('embedded-opentype'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-bold.woff') format('woff'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-bold.ttf') format('truetype'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/robotocondensed-bold.svg#RobotoCondensedBold') format('svg'); } body { background: #FFF; font: 13px/1.5 'RobotoCondensedRegular',sans-serif; letter-spacing: 0.04em; } html, body {height: 100%;} .wrapper {min-height: 100%;height: auto !important; height: 100%; margin: 0 auto -375px; } .page { width:960px; margin:0 auto; padding-bottom: 400px !important; text-align:left; } input.input-text, select, textarea { letter-spacing: 0; } h1 { font-weight: normal; font-size: 24px; line-height: 1em; } h2 { font-family: 'RobotoCondensedBold'; color: #111111; font-size: 14px; font-weight: normal; margin-bottom: 10px; /*text-transform: uppercase;*/ } .col2-left-layout strong { font-family: 'RobotoCondensedBold'; color: #111111; font-size: 13px; font-weight: normal; margin-bottom: 10px; /*text-transform: uppercase;*/ } h3, h4, .data-table th { font-family: 'RobotoCondensedBold'; color: #111111; font-size: 13px; font-weight: normal; margin-bottom: 10px; } .data-table th { font-size: 12px; text-transform: uppercase; } a { text-decoration:none; color:#111; outline:none; } a:hover { text-decoration:none; } .display-as-block { display:block !important; } .std { margin-bottom: 0; } .nodisplay { display:none; } .page { padding: 0; width: 940px; } .main { margin: 0; width: 940px; } .main .col-main { width: 940px; } .laurelwreathcollection { font-family: Courier, monospace; letter-spacing: 0em; } /* Header */ #logonavwrapper { padding-bottom: 0; } #navigation { background: none; width: 817px; float: right; margin-top: 34px; } #top-tipping { position: absolute; background: #333; height: 6px; top: 0; left: 0; right: 0; } #bottom-tipping { position: absolute; background: #666; height: 7px; top: 11px; left: 0; right: 0; } #navigation .spacer { height: 10px; } #navigation #siteNav .we-are-tipped-nav .navigation-category a { padding:0; } #navigation #siteNav li .blue-nav { color:#55789b; } .we-are-tipped-nav h2 { text-transform: uppercase; color: #fff; font-size:22px; line-height:1em; margin-bottom:5px; } .we-are-tipped-nav p { color: #fff; line-height:1.2em; } #navigation #siteNav li ul.we-are-tipped-nav li { padding:20px 20px 10px 20px; } .we-are-tipped-nav .navigation-category a img { border: 1px solid #474948; padding:3px; } .we-are-tipped-nav .navigation-category a:hover img { border: 1px solid #fff; } #logo { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/fp-logo-authentic.png) no-repeat; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/fp-logo-authentic.gif) no-repeat\9; background-size:123px 66px; height:66px; z-index:1; position:relative; cursor: pointer; width: 123px; float: left; margin: 30px 0 0 0px; } #logo a { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } /*#logo a img {*/ /*height:93px;*/ /*width: 123px;*/ /*}*/ .breadcrumbs { padding:15px 0; margin-top:0; margin-bottom: 0px; border: none; border-bottom: 1px solid #DDD; color: #555; } .breadcrumbs ul { width:790px; } .breadcrumbs span { margin: 0 3px; } .breadcrumbs a { color: #555; } .productcontrols { width: 180px; float: right; margin-top: -35px; text-align: right; } .productcontrols a.next-product{ padding-right: 20px; background: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/nextproduct.gif') right no-repeat; } .productcontrols a.prev-product{ padding-left: 20px; margin-right: 15px; background: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/previousproduct.gif') left no-repeat; } .breadcrumbs strong, .col2-left-layout .breadcrumbs strong { font-weight: normal; color: #111; font-family: 'RobotoCondensedRegular'; text-transform: capitalize; font-size: 13px; } .category-title { margin-top: 30px; border-bottom: 0px; } .catalog-category-view .category-title { width:400px; } /*-----*/ #mast { float:right; color:#111; position: relative; z-index: 1100; width: auto; text-transform: uppercase; font-size: 12px; letter-spacing: 0.02em; } #mast a { color:#111; } #mast .mast-item{ float:left; position:relative; margin-left: 15px; z-index:9998; padding-top: 8px; } #mast #quick-search { padding-bottom: 0px; } #mast #shop-finder, #mast #bag { padding-top: 12px; } #bag .populated, #bag .populated:hover { color: #800d0d; } #bag .items-wrapper.scroller { border-bottom: 1px solid #444; } #bag .items-wrapper.scroller .items { height: 355px; overflow: hidden; } #bag .items-wrapper.scroller a.prev, #bag .items-wrapper.scroller a.next { background: #292929; width: 370px; display: block; height: 25px; margin: 15px 15px 0; position: relative; } #bag .items-wrapper.scroller a:hover, .clickheader:hover { cursor: pointer; } #bag .items-wrapper.scroller a.next { margin: 0 15px 15px; } #bag .items-wrapper.scroller a.prev:after, #bag .items-wrapper.scroller a.next:after { display: block; content: ""; position: absolute; left: 180px; top: 5px; border-width: 5px; border-style: solid; border-color: transparent transparent #fff transparent; } #bag .items-wrapper.scroller a.prev.disabled, #bag .items-wrapper.scroller a.next.disabled { background: #191919; } #bag .items-wrapper.scroller a.prev.disabled:after { border-color: transparent transparent #555 transparent; } #bag .items-wrapper.scroller a.next:after { top: 11px; border-color: #fff transparent transparent transparent; } #bag .items-wrapper.scroller a.next.disabled:after { border-color: #555 transparent transparent transparent; } #mast #bag .dropdown-handle span { margin-left: -2px; } #mast #bag .dropdown-handle span.placeholder { margin: 0; } #mast ul.links { float: left; border-left: 1px solid #DDD; margin-left: 16px; padding-left: 15px; padding-top: 12px; padding-bottom: 4px; } #mast ul.links li { display: inline; margin-right: 15px; } #mast ul.links li.last { margin-right: 0px; } #search{ border: none; height: 16px; margin: 0; width: 120px; } #mast #search_mini_form { border: 1px solid #DDD; } #mast input { padding: 4px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: 'RobotoCondensedRegular'; color: #888; } #mast #search_mini_form button { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -99px -6px transparent; cursor: pointer; height: 12px; width: 11px; *margin-right: 9px; } #mast #search_mini_form button span { display: none; } #mast .mast-item .dropdown { background-color: #111; margin-top:4px; right:0px; display:none; position:absolute; z-index: 9998; color: #FFF; } #mast .mast-item .dropdown.sfhover { display:block; opacity:1; filter:alpha(opacity=100) !important; /* For IE8 and earlier */ } #mast #bag .arrow { display: none; position: absolute; height: 0; width: 0; bottom: -5px; left: 50%; margin-left: -3px; border-style: solid; border-width: 6px 5px; border-color: transparent transparent #000 transparent; } #mast .mast-item .dropdown span.bagitems { padding: 10px 15px; display: block; border-bottom: 1px solid #444; } #mast .mast-item .dropdown span.bagitemsadded { padding: 10px 15px 0 15px; display: block; } #mast .mast-item .dropdown span.bagitems.added { color: #A1855B; padding-top: 0; } #mast .mast-item .dropdown .items { /*position:relative !important;*/ } #customer-centre .mast-item-title{ width:110px; } #customer-centre .dropdown { width:126px; } #bag .mast-item-title{ width:65px; padding-bottom: 10px; } #bag .dropdown { width:400px; text-transform: none; } #bag .dropdown .item { border-bottom: 1px solid #444; /*position: relative;*/ color: #999999; height: auto; } #bag .bag_name a { color: #FFF; } #bag .control { clear: both; padding: 15px; /*position: relative;*/ text-transform: uppercase; } #bag .control .bagtotal { float: left; width: 100px; padding-top: 5px; } #bag .control .proceed { float: right; text-align: right; background: #FFF; padding: 6px 9px 7px; color: #111; } #bag .control .proceed:hover { background: #A1855B; color: #FFF; } #bag .dropdown .item .bag_image { float: left; width: 120px; margin: 15px; } #bag .dropdown .item .bag_details { float: left; width: 220px; margin: 20px 0 20px 5px; } #bag .dropdown .item .bag_name { color: #FFF; font-size: 14px; } #bag .dropdown .item .bag_colour { margin-top: 10px; } #mast #bag ul.title li, #mast #bag ul.value li { padding: 0 8px; } #mast #bag .dropdown ul.title { float: left; margin: 10px 0; width: 119px; } #mast #bag .dropdown ul.value { float: right; margin: 10px 0; text-align: right; } /*#search_autocomplete {*/ /*background-color: #F3F3F3;*/ /*margin-top: 2px;*/ /*line-height: 1.5em;*/ /*z-index: 9999;*/ /*}*/ /*#search_autocomplete li {*/ /*padding-left: 6px !important;*/ /*}*/ /*#search_autocomplete li span {*/ /*float: right;*/ /*margin-right: 6px;*/ /*}*/ #search_mini_form label{ display:none; } /*#breadcrumbs_bottom*/ /*{*/ /*border-bottom:1px solid #e0e0e0;*/ /*border-top:1px solid #e0e0e0;*/ /*height:15px;*/ /*font-size:1.1em;*/ /*word-spacing:0.2em;*/ /*line-height:1.2em;*/ /*padding:5px 0;*/ /*}*/ /*#breadcrumbs_bottom p .active*/ /*{*/ /*color:#666;*/ /*}*/ #footer_wrapper { background: #111111; padding-bottom: 90px; margin-top: 40px; } ::-webkit-input-placeholder { text-transform: uppercase; font-family: 'RobotoCondensedRegular'; color: #fff; } :-moz-placeholder { text-transform: uppercase; font-family: 'RobotoCondensedRegular'; color: #fff; } ::-moz-placeholder { text-transform: uppercase; font-family: 'RobotoCondensedRegular'; color: #fff; } :-ms-input-placeholder { text-transform: uppercase; font-family: 'RobotoCondensedRegular'; color: #fff; } input.placeholder { text-transform: uppercase; font-family: 'RobotoCondensedRegular'; color: #fff; } #footer_navigation { margin: 0 auto; width: 940px; position: relative; } #backtotop a { background: #a1855b; padding: 5px 7px; position: absolute; font-size: 12px; right: 0; color: #FFF; top: -28px; } #backtotop span { height: 13px; padding-left: 18px; position: relative; } #backtotop span:before { content: ""; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -78px -3px transparent; width: 11px; height: 15px; display: block; position: absolute; top: 0; left: 0; } @media screen\9 { #backtotop span { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/backtotop.gif) left no-repeat } } #subcultureradio { border-bottom: 1px solid #292929; padding: 12px 0px; margin-bottom: 36px; } #subcultureradio a { color: #a1855b; padding: 3px 0 3px 20px; text-transform: uppercase; position: relative; } #subcultureradio a:before { content: ""; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -89px -2px transparent; width: 10px; height: 19px; display: block; position: absolute; top: 0; left: 0; } @media screen\9 { #subcultureradio a { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/radionote.gif) left no-repeat } } #subcultureradio span { color: #FFF; } #subcultureradio a:hover span{ color: #a1855b; } #footer_navigation ul { float:left; width: 190px; } #footer_navigation ul.signupblock { float: right; width: 370px; } #footer_navigation ul.signupblock .signuptext{ color: #FFF; padding-bottom: 25px; border-bottom: 1px solid #292929; margin-bottom: 15px; margin-top: 10px; } #footer_navigation ul.signupblock .socialicons a{ display: block; float: left; margin-right: 10px; } #footer_navigation ul.signupblock .socialicons a.facebookfooter { width: 11px; height: 25px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat 0 0 transparent; } #footer_navigation ul.signupblock .socialicons a.instagramfooter { width: 22px; height: 25px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -11px 0 transparent; } #footer_navigation ul.signupblock .socialicons a.twitterfooter { width: 23px; height: 25px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -33px 0 transparent; } #footer_navigation ul.signupblock .socialicons a.blogfooter { width: 22px; height: 25px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -56px 0 transparent; } #footer_navigation ul li { list-style-type:none; margin:0; padding:0; line-height: 1.5em !important; text-align: left; } #footer_navigation ul li.heading { color:#a1855b; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; } #footer_navigation ul a {color:#FFF;} #footer_navigation ul a:hover {color:#a1855b;} #site_credit { border-top: 1px solid #292929; padding: 10px 0 0; color: #FFF; position: relative; margin-top: 30px; } #site_credit .payment-methods { float: left; margin-top:8px; } #site_credit .payment-method-klarna { margin-top:9px; margin-left:3px; } .copyright { color: #FFFFFF; float: right; margin-left: 15px; margin-top:8px;} .credit { float: right; margin-top:8px;} .credit a { color: #888888;} #site_credit #ssl-logo { float: left; margin-right:14px; cursor:pointer; } .block-subscribe { border: none; } .block-subscribe .block-title, .block-subscribe .form-subscribe-header { display: none; } .block-subscribe .block-content { padding: 0; position: relative; width: 370px; } .block-subscribe .input-box { width: 298px; } .block-subscribe .actions{ width: 72px; height: 30px; position: absolute; top: 0; right: 0; *padding-top:1px; } .block-subscribe .actions button{ height: 30px; width: 72px; border: none; } .block-subscribe .actions button.button { background: #FFF; } .block-subscribe .actions button.button span{ color: #111; } .block-subscribe .actions button.button:hover { background: #A1855B; } .block-subscribe .actions button.button:hover span{ color: #FFF; } .block-subscribe .input-box input { border: none; background: #292929; color: #FFF; padding: 8px; padding-bottom:7px\9; width: 282px; margin: 0; font-family: 'RobotoCondensedRegular'; letter-spacing: 0.04em; height: 14px; } .block-subscribe .input-box input.validation-failed { background: #292929 !important; border:1px dashed #f00 !important; padding: 7px; } .block-subscribe .validation-advice { margin: 5px 0 10px; } .cms-home #breadcrumbs { display: none; } /****NAVIGATION****/ #navigation a { text-decoration: none; } #navigation li { margin:0; padding:0; } #navigation #siteHeader { position:relative; } #navigation #siteNav { z-index: 9995 !important; float: right; } #navigation #siteNav li { float:left; display: block; padding: 15px 0 17px 0; } #navigation #siteNav li a { display: block; font-size:1em; padding: 0 12px; text-transform: uppercase; font-size: 14px; line-height: 1em; border-left: 1px solid #CCC; } #navigation #siteNav .categoryimage a { padding: 0; } #navigation #siteNav li:last-child a { padding-right: 0px; } #navigation #siteNav li.fullheight { border-left: 1px solid #DDD; } #navigation #siteNav li.first a, #navigation #siteNav li.fullheight a { border-left: none; } #navigation #siteNav li .subNavRibbon a { border-left: none; } #navigation #siteNav li .subNavRibbon a { line-height: 1.2em; margin-bottom: 6px; } #navigation #siteNav li.salenav a { color: #800d0d; } #navigation #siteNav .subNavRibbon { position: absolute; left: -123px; width: auto; display: none; z-index: 9997 !important; top: 46px !important; *top: 44px !important; } #navigation #siteNav .subNavRibbon ul { padding:0; margin:0; float: left; display: block; min-height: 5em; background:none; } #navigation #siteNav .subNavRibbon .arrow { height: 12px; display: block; width: 940px; padding: 0; margin-left:0px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/nav-arrow.gif) #FFF 284px 0 no-repeat; } #navigation #siteNav li ul li { padding: 25px 20px 30px; } #navigation #siteNav .subNavRibbon li.authenticcollection { width: 430px; margin-left: 0; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection { width: 430px; margin-left: 0; left: 470px; } #navigation #siteNav .subNavRibbon li.authenticcollection .standard, #navigation #siteNav .subNavRibbon li.laurelwreathcollection .standard { margin-right:10px; } #navigation #siteNav .subNavRibbon .categoryimage { float: right; } #navigation #siteNav .subNavRibbon li .categoryheader { margin-bottom: 20px; } #navigation #siteNav .subNavRibbon li.authenticcollection .categorytitle a { color: #999999; text-transform: uppercase; font-size: 15px; margin-bottom: 2px; margin-left: 0; padding-left: 0; } #navigation #siteNav .subNavRibbon li.authenticcollection .categorytitle a:hover { color: #FFF; } #navigation #siteNav .subNavRibbon li.authenticcollection .categorydescription, #navigation #siteNav .subNavRibbon li.authenticcollection li a:hover { color: #a1855b; } #navigation #siteNav .subNavRibbon li.authenticcollection ul { width: 110px; margin-right: 10px; } #navigation #siteNav .subNavRibbon li.authenticcollection ul.fullwidth { width: 240px; float:none; min-height:0; margin-bottom:20px; } #navigation #siteNav .subNavRibbon li.authenticcollection .categoryimage, #navigation #siteNav .subNavRibbon li.laurelwreathcollection .categoryimage { margin-top:-36px; } #navigation #siteNav .subNavRibbon li.authenticcollection .categorylist .title { color: #999; text-transform: uppercase; font-size: 13px; font-family: 'RobotoCondensedRegular'; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection .categorytitle a { color: #111; text-transform: uppercase; font-size: 15px; font-family: 'RobotoCondensedRegular'; margin-bottom: 4px; letter-spacing: 0.04em; margin-left: 0; padding-left: 0; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection .categorytitle a span{ background: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/laurel-nav.png') 2px 4px no-repeat; padding-left: 22px; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection .categorytitle a:hover { text-decoration: none !important; color: #52473A; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection .categorytitle a:hover span { background-position: 2px -19px; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection .categorydescription { color: #52473a; font-size: 13px; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection ul { width: 110px; margin-right: 10px; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection ul.fullwidth { width: 240px; float:none; min-height:0; margin-bottom:20px; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection li a { color: #111; font-size: 12px; line-height: 1.3em; margin-bottom: 6px; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection .categorytitle a:hover, #navigation #siteNav .subNavRibbon li.laurelwreathcollection li a:hover { text-decoration: underline; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection li.title, #navigation #siteNav .subNavRibbon li.laurelwreathcollection li.title a { text-transform: uppercase; color: #52473a; margin-top: 16px; margin-bottom:2px; font-size: 13px; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection li.title a:hover { color: #111111; } #navigation #siteNav .subNavRibbon li.laurelwreathcollection li.title:first-child, #navigation #siteNav .subNavRibbon li.authenticcollection li.title:first-child { margin-top: -2px; margin-bottom:5px; } #navigation #siteNav li ul ul li { float: none; display: block; padding: 0; margin-left: 0; } #navigation #siteNav li ul ul li a { padding: 0; } .category-sale .category-title { color: #800d0d; } /*.men-size-guide {*/ /*height: 687px;*/ /*}*/ /*.women-size-guide {*/ /*height: 686px;*/ /*}*/ /*.returns-tab {*/ /*height: 470px;*/ /*}*/ /*.delivery-tab {*/ /*height: 671px;*/ /*}*/ /*.footwear-size-guide {*/ /*height: 361px;*/ /*}*/ /*.kid-size-guide {*/ /*height: 630px;*/ /*}*/ .no-right-border { border-right:none !important; } /*.laurelwreath*/ /*{*/ /*width:175px !important;*/ /*}*/ /*.complist*/ /*{*/ /*width:280px !important;*/ /*}*/ #navigation #siteNav li ul ul li img { vertical-align:text-bottom; } /*#navigation #siteNav li ul li.subculture ul li*/ /*{*/ /*width:90px;*/ /*}*/ /*#navigation #siteNav .competitions li*/ /*{*/ /*width:180px;*/ /*border-right:none !important;*/ /*}*/ /*#navigation #siteNav li ul li.men ul.first li*/ /*{*/ /*width:180px;*/ /*width:150px;*/ /*}*/ /*#navigation #siteNav li ul li.limited ul li.men_hover,*/ /*#navigation #siteNav li ul li.limited ul li.women_hover*/ /*{*/ /*padding-left: 1.1em;*/ /*float: none;*/ /*display: block;*/ /*width:60px;*/ /*border-right:1px solid #444;*/ /*}*/ #navigation #siteNav li ul ul li a, #navigation #siteNav li.salenav ul ul li a { overflow: visible; color: #FFF; text-transform: none; line-height: 20px; text-indent: 0pt; height: auto; margin: 0; font-size:1em; font-weight:100; z-index: 999999 !important; position: relative; } #navigation #siteNav .subNavRibbon { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/navigation/bg.png); _background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/navigation/bg.gif); width:940px; vertical-align: top; } #navigation #siteNav .combined { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/navigation/bg-combined-even.png); width:940px; vertical-align: top; } #navigation a { _position: relative; cursor: pointer; } /*#navigation input {_position: relative; cursor: text; }*/ /*#navigation #siteNav .subNavRibbon .subNavCol5 a*/ /*{*/ /*height: auto;*/ /*position: absolute;*/ /*right: 0px;*/ /*bottom: 26px;*/ /*}*/ .laurel-font { font-family: Courier, monospace; } /*Navigation*/ #navigation #siteNav li ul { background:transparent; } .border { clear:both; height:10px; padding:0px 10px 0 10px; margin: 0px; } .limited .title, .sale .title { color: #fff; font-weight: bold; line-height: 20px; } .cms-home #update { margin-bottom:10px; } /** category navigation **/ #navigation .navigation-category { float: left; width: 409px; padding: 30px; border-right: 1px solid #474948; } #navigation .doublesplit { float: left; width: 409px; padding: 30px; border-right: 1px solid #474948; } #navigation .triplesplit { float: left; width: 253px; padding: 30px; border-right: 1px solid #474948; } #navigation .doublesplit a, #navigation .triplesplit a { padding: 0 !important; line-height: 1em !important; margin: 0 !important; } #navigation .doublesplit img, #navigation .triplesplit img { border: 1px solid #3D3E3D; } #navigation .doublesplit a:hover img, #navigation .triplesplit a:hover img{ border: 1px solid #FFF; } #navigation .subculture-category, #navigation .social-category { width: 240px; height: 260px; } #navigation #siteNav li ul li.subculture-item, #navigation #siteNav li ul li.social-item { width: 180px; margin-right: 20px; padding: 25px 0px 30px; } #navigation .subNavRibbon .first { padding-left:30px !important; } #navigation .subNavRibbon .last { margin-right:0px !important; } #navigation .navigation-category + .navigation-category, #navigation .doublesplit + .doublesplit { border-right: 0; width: 410px; } #navigation .triplesplit + .triplesplit + .triplesplit { border-right: 0; width: 252px; } #navigation .category-header h1 { margin-bottom: 25px; } #navigation .category-header h1 a { padding: 0 !important; color: #fff; text-transform: uppercase; } #navigation #siteNav li .category-header h1 a.subculturelink { background: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/subculturenav.gif') top left no-repeat; display: block; width: 239px; height: 29px; padding-bottom: 30px !important; margin-bottom: 20px; } #navigation .category-header h1 a.subculturelink span { display: none; } #navigation #siteNav li .category-header p { display: block; width: 239px; height: 32px; margin-bottom: 20px; color: #FFF; text-transform: uppercase; line-height: 1.5em; font-size: 14px; } #navigation #siteNav li ul li.subculture-item .image, #navigation #siteNav li ul li.social-item .image { border: 1px solid #3d3e3d; line-height: 0em; position: relative; height: 215px; text-align: center; display: table-cell; vertical-align: middle; width: 180px; cursor: pointer; } #navigation #siteNav li ul li.subculture-item .image:hover, #navigation #siteNav li ul li.social-item .image:hover { border: 1px solid #FFF; } #navigation #siteNav li ul li.subculture-item a, #navigation #siteNav li ul li.social-item a { color: #FFF; text-transform: capitalize; font-size: 13px; padding: 10px 20px 0 0px; line-height: 1.3em; } #navigation #siteNav .navigation-category li.category-head a, #navigation #siteNav .navigation-category li.category-head { color: #959595; text-transform: uppercase; margin-bottom: 8px; } /*#navigation #siteNav .navigation-category li a {*/ /*text-transform: none;*/ /*color: #fff;*/ /*margin-bottom: 2px;*/ /*}*/ #navigation #siteNav .navigation-category li a:hover { color: #959595; } #navigation #siteNav .navigation-category li.category-head.laurel { padding-top: 25px; } #navigation #siteNav > li > a { position: relative; } #navigation #siteNav li a .arrow { display: none; position: absolute; height: 0; width: 0; bottom: -18px; left: 50%; margin-left: -3px; border-style: solid; border-width: 6px 5px; border-color: transparent transparent #000 transparent; } /*#navigation #siteNav li.women a .arrow {*/ /*background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -120px 0 transparent;*/ /*border: none;*/ /*height: 4px;*/ /*width: 8px;*/ /*bottom: -17px;*/ /*}*/ /* Column Structure */ .row, .crosspromo { margin-left: -12px; padding-left: 12px; width: 964px; margin-bottom: 30px; } #afeature { margin-bottom: 30px; } .cms-index-index #afeature { margin-top: 15px; } /*.feature,*/ .widget-image, .widget-video { position: relative; cursor: pointer; } /* animation widget */ .feature-top .widget-image-animation { float: left; margin-right: 11px; } .widget-image-animation ul li { display: none; list-style-type: none; position: absolute; } .widget-image-animation ul li.active { display: block; } .three-col, .four-col, .five-col, .subculture-col, .home-col, .widget-image, .widget-video { float: left; line-height: 0px; } .catalog-category-view .wrapper .col-main .widget-block { float:none; } .feature-top .widget-imagemap { float: left; margin-right: 11px; } .feature-top .widget-image .content p, .feature-home .widget-image .content p, .feature-top .widget-video .content p, .feature-home .widget-video .content p{ padding-right: 70px; } .featurescroller .widget-image .content p, .featurescroller .widget-video .content p{ padding-right: 50px; line-height: 1.5em; } .featurescroller .widget-image .content p:last-child, .featurescroller .widget-video .content p:last-child{ margin-top: 20px; } .three-col, .feature-top .widget-image, .crosspromo .widget-image, .crosspromo .widget-video { width: 306px; margin-right: 11px; } .crosspromo .widget-block.last { margin-right: 0px !important; } .four-col { margin-right: 12px; } .five-col, .feature-videos .widget-video, .subculture-col { width: 180px; margin-right: 10px; } .subculture-col, .singlescroller .widget-image { margin-right: 0px; height: 476px; padding-top: 10px; background: #222; position: relative; } .singlescroller .widget-image { padding: 0px !important; width: 180px !important; height: 486px !important; } .home-col, .feature-home .widget-image { width: 370px; margin-right: 10px; } .homepage-divider { height: 1px; background: #e5e5e5; margin: 0 0 30px; } .featurescroller { position: relative; width: 370px; height: 486px; float: left; margin-right: 10px; } .singlescroller { position: relative; width: 180px; height: 486px; float: left; margin-right: 0px; } .facebookfeed, .instagramfeed { width: 368px; height: 484px; line-height: 1.3em; position: relative; } .facebookfeed { border: 1px solid #d9dfe8; color: #444; } .instagramfeed { border: 1px solid #dbe3ea; background: #dbe3ea; color: #444; } .facebookfeed > a, .instagramfeed > a{ display: block; } .facebookfeed a img, .instagramfeed a img { vertical-align: bottom; } .feedcontent { font-size: 12px; padding: 15px 20px; position: absolute; top: 368px; } .facebookfeed .feedcontent { background: #fff; width: 328px; } .instagramfeed .feedcontent { background: #fff; width: 328px; } .facebookfeed .linkblock:after, .instagramfeed .linkblock:after { content: ""; position: absolute; right: 1px; height: 15px; top: -15px; left: 1px; background: -webkit-linear-gradient(rgba(255,255,255,0), #fff); background: linear-gradient(rgba(255,255,255,0), #fff); } .instagramfeed .linkblock:after { background: -webkit-linear-gradient(rgba(219, 227, 234,0), rgb(219, 227, 234)); background: linear-gradient(rgba(219, 227, 234,0), rgb(219, 227, 234)); } .instagramfeed .feedcontent { background: #dbe3ea; } .feedcontent p { margin-bottom: 10px; } .facebookfeed a { color: #3b5998; } .instagramfeed a { color: #4a7496; } .facebookfeed img { border-bottom: 1px solid #d9dfe8; position: relative; } .instagramfeed img { border-bottom: 1px solid #dbe3ea; position: relative; } .linkblock { position: absolute; left: -1px; right: -1px; bottom: -1px; height: 24px; padding: 7px 20px 0px; } .facebookfeed .linkblock { background: #3b5998; } .instagramfeed .linkblock { background: #4a7496; } .facebookfeed .linkblock a { color: #FFF; padding-left: 19px; position: relative; } .facebookfeed .linkblock a:before { content: ""; position: absolute; top: 1px; left: 0; width: 9px; height: 17px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -120px -4px transparent; } @media screen\9 { .facebookfeed .linkblock a { background: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/features/homepage/facebookicon.gif') left no-repeat } } .instagramfeed .linkblock a { color: #FFF; padding-left: 24px; position: relative; } .instagramfeed .linkblock a:before { content: ""; position: absolute; top: 1px; left: 0; width: 17px; height: 16px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -129px 0 transparent; } @media screen\9 { .instagramfeed .linkblock a { background: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/features/homepage/instagramicon.gif') left no-repeat } } .a-featurescroller .controls, .featurescroller .controls, .singlescroller .controls { position: absolute; padding: 0 11px 11px 0; bottom: 0; right: 0; z-index:210; } .a-featurescroller .controls ul, .featurescroller .controls ul, .singlescroller .controls ul { padding: 0; margin: 0; } .a-featurescroller .controls li, .featurescroller .controls li, .singlescroller .controls li { height: 10px; width: 10px; float: left; margin-left: 5px; display: block; overflow: hidden; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -110px -2px transparent; cursor: pointer; } #afeature.a-featurescroller .controls li { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-hompage-scroller-control.png) no-repeat 0px 0px transparent; } #afeature.a-featurescroller .controls li.selected, #afeature.a-featurescroller .controls li:hover { background-position: 0px -10px; } .a-featurescroller .controls li span, .featurescroller .controls li span, .singlescroller .controls li span { display: none; } .a-featurescroller .controls li.selected, .a-featurescroller .controls li:hover, .featurescroller .controls li.selected, .featurescroller .controls li:hover, .singlescroller .controls li.selected, .singlescroller .controls li:hover { background-position: -110px -12px; } .content { padding: 15px 0 0; line-height: 1.3em; color: #888; } .content h5 { font-weight: normal; font-size: 12px; text-transform: uppercase; color: #111; margin-bottom: 5px; } .content p { padding-right: 20px; padding-bottom: 10px; } /*.three-col .content,*/ /*.home-col .content,*/ .widget-image .content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 200; padding: 0; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ } /*.three-col .content .text,*/ .feature-top .widget-image .content .text { position: absolute; bottom: 10px; left: 20px; right: 20px; } /*.home-col .content .text*/ .feature-home .widget-image .content .text { position: absolute; bottom: 20px; left: 30px; right: 60px; } .crosspromo { margin-top: 30px; } /* .row .bradleywiggins .content { background: #f0b821; color: #111; } .row .rafsimons .content { background: #111; color: #FFF; } .row .twistedwheel .content { background: #c61330; color: #FFF; } .row .m12 .content { background: #111; color: #FFF; } .row .amywinehouse .content { background: #d02e50; color: #FFF; } */ .subculture-col img { margin: 0 10px 10px; line-height: 1em; } .playlist, .artistwrapper { border-top: 1px solid #515151; padding-top: 10px; } .artistwrapper { border-bottom: 1px solid #515151; height: 401px; } .artistwrapper .artist { height: 200px !important; } .playlist .artisttitle, .artistwrapper .artisttitle { color: #c3151b; font-size: 15px; line-height: 1.1em; padding: 0 10px; margin-bottom: 8px; } .artistwrapper .artisttitle { margin-bottom: 3px !important; } .playlist .artisttitle span, .artistwrapper .artisttitle span { color: #FFF; font-size: 13px; } .artistwrapper .artist p.artistdescription { line-height: 1.3em; font-size: 12px; color: #BBB; padding: 0 10px; } .playlist a.listen { font-size: 12px; border-top: 1px solid #515151; display: block; width: 160px; padding: 6px 10px; line-height: 1.4em; color: #c3151b; border-bottom: 1px solid #515151; } .playlist ol { font-size: 12px; border-top: 1px solid #515151; padding: 10px 10px 0px 25px; line-height: 1.1em; color: #FFF; } .playlist ol li { margin-bottom: 4px; } .playlist ol li span { color: #999; } .subculture-title { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/homepage/ss13-king-krule-title.png) -2px -2px no-repeat; width:175px; height:16px; } .auction-title { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/homepage/ss13-60yr-auction-title.png) -2px -2px no-repeat; width:208px; height:16px; } .music-title { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/homepage/subculture-title.png) -2px -2px no-repeat; width:175px; height:16px; } .videoplay { position: absolute; top: 0px; left: 0px; z-index: 200; display: block; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/videoplay.png) center center no-repeat; } .crosspromo .widget-video .videoplay { width:306px; height:214px; } .feature-videos .widget-video .videoplay { width:180px; height:180px; } .page-title { padding-bottom: 20px; } #latest_one, #latest_two { margin-top:11px; } .catalog-product-view #tab_data { background-color: #f0f0f0; margin-top: 20px; } .catalog-product-view #tab_data.tab-loading { background: #f0f0f0 url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/ajax-loader.gif') no-repeat center center; } .catalog-product-view #tabs2 #tab_data a.tab_close { display:block; float:right; margin-top:10px; font-size:1.5em; } #tabs_content_holder { display:block; border:1px solid #000; } .social-media span[st_processed="yes"]:hover { cursor: pointer; } #tabs2 * { z-index:800; position:relative; } #tabs2 ul { margin:0; padding:0; } #tabs2 ul li { display:inline; list-style-type:none; margin: 0 6px 0 0; padding: 0 8px 0 0; text-transform: uppercase; font-size: 12px; border-right: 1px solid #DDD; } #tabs2 ul li:last-child { border-right: none; } #tabs2 #tab_productstory { margin-left:89px; } .tabs_content_holder { margin:0 0 0 -10px; } .tabs_content_holder h3 { border-bottom:1px solid #000; width:440px; } .hidden { border:1px solid #f00; } /*.lim_women, .lim_men, .access_men, .access_women, .footwear_men, .footwear_women*/ /*{*/ /*position:relative;*/ /*top:-48px;*/ /*left:70px;*/ /*display: none !important;*/ /*padding-left: 0 !important;*/ /*width: 700px !important;*/ /*}*/ /*.access_men, .access_women, .footwear_men, .footwear_women*/ /*{*/ /*width: 400px !important;*/ /*left:100px !important;*/ /*}*/ /*.lim_women ul, .lim_men ul, .access_men ul, .access_women ul, .footwear_men ul, .footwear_women ul*/ /*{*/ /*float: left !important;*/ /*}*/ /*.lim_women:hover, .lim_men:hover, .access_men:hover, .access_women:hover, .footwear_men:hover, .footwear_women:hover*/ /*{*/ /*display:block !important;*/ /*}*/ /*.women_hover:hover + .lim_men + .lim_women,*/ /*.men_hover:hover + .women_hover + .lim_men,*/ /*.showblock*/ /*{*/ /*display:block !important;*/ /*}*/ .heritage ul li /*,*/ /*.access_men ul li,*/ /*.access_women ul li,*/ /*.footwear_men ul li,*/ /*.footwear_women ul li*/ { width:120px !important; } /*.access_men_hover, .access_women_hover, .access_new_styles_hover, .footwear_men_hover, .footwear_women_hover*/ /*{*/ /*width:90px !important;*/ /*}*/ /*.staticpage-home #latest .grid_4, .cms-home #latest .grid_4*/ /*{*/ /*width:300px;*/ /*padding: 0 0 0 0;*/ /*background:#fff;*/ /*}*/ /*#latest_three*/ /*{*/ /*margin-top:11px;*/ /*width: 298px !important;*/ /*}*/ #widget-wrapper { height: 486px; margin: 0 !important; top: 0px !important; width: 180px !important; border: 1px solid #aaa !important; padding: 0 !important; background: #111 !important; border: none !important; } #widget-wrapper #feature-logo { top: 10px !important; left: 10px !important; } #widget-wrapper #feature-wrapper { position: relative; top: 44px !important; border-top: 1px solid #515151 !important; } .overlay { z-index:999; } /*#drop_product_story*/ /*{*/ /*position:absolute;*/ /*height:0;*/ /*margin:-30px 0 0 -480px;*/ /*}*/ /*#culture*/ /*{*/ /*height:298px;*/ /*}*/ h4.price a { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/media/images/product/i.png) top right no-repeat; padding:0 14px 0 0; } h4.price a span { font-size:0.7em; } /*#music_player*/ /*{*/ /*margin:0 -10px 0 0;position:fixed; margin-bottom:-5px;bottom:0; clear:both; z-index:99999999;*/ /*}*/ .price .old-price { text-decoration:line-through; color:#666; } /*.nomargin*/ /*{*/ /*margin:0;*/ /*}*/ /*#hiddenheader {*/ /*display:none;*/ /*line-height:0;*/ /*}*/ /*.white{*/ /*background:#fff;*/ /*line-height:0;*/ /*}*/ .sitemapblock ul { list-style: none; padding-left: 0; } /** Shops */ .shop-profile .shopheader a.shop-back-to-top { display: none; } .shop-profile .shop-link { display: none; } /*.staticpage-home #util, .cms-home #util*/ /*{*/ /*display:none;*/ /*}*/ .std .messages { list-style:none; padding-left: 0; margin-top:1em; } .std .messages li { list-style:none; } .data-table { width:100%; clear:both; } .price-box, .description { clear:both; } .description ul { margin: 20px 0; border-bottom: 1px solid #DDD; padding-bottom: 20px; } .description ul li { border-right: 1px solid #DDD; display: inline; margin-right: 5px; padding-right: 7px; } .catalog-product-view.category-bags .description ul li, .catalog-product-view.category-wallets .description ul li, .catalog-product-view.category-purses .description ul li, .catalog-product-view.category-other .description ul li, .catalog-product-view.category-belts .description ul li, .catalog-product-view.category-scarves .description ul li, .catalog-product-view.category-accessories .description ul li{ border-right: none; display: block; } .description ul li:last-child { border-right: none; } #colour { width: 449px; margin-right: -2px; } #colour p { font-family: 'RobotoCondensedBold'; margin-bottom: 10px; } #colour p span { font-family: 'RobotoCondensedRegular'; } #colour li { float: left; height: 72px; width: 60px; margin: -2px 2px 2px -2px; border: 2px solid #FFF; } #colour li.selected-color { border: 2px solid #111; } #colour li.selected-color img#selected { display: none; } .price-box { margin-bottom: 25px; } .price-box .price { margin-top: 0px; color: #888; font-size: 13px; font-weight: normal; white-space: nowrap !important; } .price-box .configurable-price-from-label { text-transform: lowercase; } .old-price { display:inline; width:auto; } .old-price .price { color: #888; text-decoration: line-through; } /*.products-grid .old-price .price {*/ /*color: #111;*/ /*}*/ .products-grid .old-price { /*text-decoration: none;*/ } .special-price .price-label, .products-grid .special-price .price { font-weight: normal; } .special-price .price-label { display: none; } .products-grid .special-price .price { color: #800D0D !important; } .special-price { display:inline; width:auto; color: #800D0D; margin-left: 4px; text-decoration: none; white-space:nowrap; } .my-account p { color: #666666; font-size: 100%; font-style: normal; line-height: 1.4em; margin-bottom: 1em; } .checkout-onepage-index .col-right { width: 220px !important; } .mast-item .no_items { color: #FFF !important; padding: 10px 15px !important; } #shop-finder a.mast-item-title { margin-right: 4px; } #quick-login a.mast-item-title, #shop-finder a.mast-item-title { margin-left: 0; padding-left: 0; } .section h4{ margin-bottom:10px; } .section h4 span { visibility:hidden; } .section .latest { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/feature/latest-feature-header.png) 62px 0px no-repeat; width:100%; height:17px; _background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/feature/latest-feature-header.png) top right no-repeat; _width:92px; _padding-right:15px; } .section .auth { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/feature/authentic-feature-header.png) 120px 0px no-repeat; width:100%; height:32px; _background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/feature/authentic-feature-header.png) top right no-repeat; _width:92px; _padding-right:15px; } .section .laurel { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/feature/laurel-feature-header.png) 63px 0px no-repeat; width:100%; height:33px; _background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/feature/laurel-feature-header.png) top right no-repeat; _width:146px; _padding-right:15px; } /** product-fancybox-popup **/ a.fullscreen-button { position: absolute; top: 13px; right: 15px; z-index: 1000; } a.fullscreen-button:hover { cursor: pointer; } #product-fancybox-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; /** IE7/8 fix **/ background: rgba(255,255,255,0.8); filter: alpha(opacity=80); /** IE7 fix **/ z-index: 10000; } #product-fancybox-wrapper { position: absolute; top: 0; left: 0; right: 0; z-index: 10001; } #product-fancybox-inner { min-height: 100px; width: 940px; margin: 0 auto; overflow: hidden; position: relative; z-index: 10002; background: #eee; } #product-fancybox-gallery { clear: left; float: left; list-style: none; margin: 12px 0; padding: 0; position: relative; left: 50%; text-align: center; } #product-fancybox-gallery li { display: block; float: left; margin: 0 12px 0 0; padding: 0; position: relative; right: 50%; } #product-fancybox-gallery a { border: 2px solid transparent; /* *border: 2px solid #eee; *//** IE7/8 fix **/ display: block; height: 108px; -webkit-transition: all 0.1s ease-in-out; } #product-fancybox-gallery a.active, #product-fancybox-gallery a:hover { border: 2px solid #000; /**border: 2px solid #000;*/ /** IE7/8 fix **/ cursor: pointer; height: 108px; } #product-fancybox-gallery a img { width: 90px; height: 108px; } #product-fancybox-preview { float: left; min-height: 100px; position: relative; line-height: 0em; } #product-fancybox-preview img { width: 940px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #product-fancybox-exit { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/catalog/product/close-popup.png") no-repeat transparent; height: 23px; width: 23px; position: absolute; right: 10px; top: 10px; } #product-fancybox-exit:hover { cursor: pointer; } #product-fancybox-previous, #product-fancybox-next { width: 28px; height: 43px; display: block; position: absolute; top: 50%; margin-top: -16px; left: 20px; background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/catalog/product/control-left.png") no-repeat 0 0 transparent; } #product-fancybox-next { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/catalog/product/control-right.png") no-repeat 0 0 transparent; left: auto; right: 20px; } #product-fancybox-previous:hover, #product-fancybox-next:hover { cursor: pointer; background-position: 0 -43px; } /** Homepage video fancybox **/ .hidden-video-wrapper { display: none; } .fancybox-wrap.homepage-video .fancybox-skin { background: none; box-shadow: none; border-radius: 0; } .fancybox-wrap.homepage-video .fancybox-inner { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/moodbooks/ajax-loader.gif) no-repeat center transparent; } .fancybox-wrap.homepage-video .video-wrapper .description { margin-top: 20px; } .fancybox-wrap.homepage-video .video-wrapper .description h4 { font-size:24px; line-height:1em; font-weight:normal; font-family:'RobotoCondensedRegular',sans-serif; } .fancybox-wrap.homepage-video .fancybox-skin h1, .fancybox-wrap.homepage-video .fancybox-skin h4, .fancybox-wrap.homepage-video .fancybox-skin p { color: #fff; margin-bottom: 12px; } .fancybox-wrap.homepage-video .fancybox-skin a { color: #a18555; } .fancybox-wrap.homepage-video a.fancybox-close { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/catalog/product/close-popup.png") no-repeat transparent; width: 23px; height: 23px; top: -14px; right: 14px; } .fancybox-wrap.homepage-video a.fancybox-close:hover { cursor: pointer; } /* image gallery fancy box controls */ .fancybox-skin.widget-gallery a.fancybox-close { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/fancybox-imagegallery-close-button.png") no-repeat transparent; background-position: 0 0; width: 23px; height: 23px; top: 10px; right: 10px; } .fancybox-skin.widget-gallery a.fancybox-next { right:-40px; } .fancybox-skin.widget-gallery a.fancybox-next span { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/fancybox-imagegallery-more-arrow.png") no-repeat transparent; width: 15px; height: 23px; background-position: 0 0; right:0px; } .fancybox-skin.widget-gallery a.fancybox-prev { left:-40px; } .fancybox-skin.widget-gallery a.fancybox-prev span { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/fancybox-imagegallery-previous-arrow.png") no-repeat transparent; width: 15px; height: 23px; background-position: 0 0; left:0px; } .fancybox-skin.widget-gallery .fancybox-title-float-wrap { text-align:left; left:0; } .fancybox-skin.widget-gallery .fancybox-title-float-wrap .child { margin-right:0; padding-left: 0; background:none; text-shadow:none; font-size:14px; } /** No Javascript Notice **/ div.noscript { background: #444; } div.noscript .notice-inner { width: 960px; color: #FFF; margin: 0 auto; padding: 4px 2px; } div.noscript .notice-inner p { margin-bottom: 2px; } div.noscript .notice-inner p strong { font-size: 12px; } .us-site #shipping-zip-form .buttons-set button { /*background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_sales_tax_charge.gif") no-repeat scroll 0 0 transparent;*/ /*width: 141px !important;*/ } /*#shipping-zip-form .buttons-set button:hover {*/ /*background-position: 0 -23px !important;*/ /*}*/ #shipping-zip-form p { margin-bottom: 10px; } /* END SHARED WISHLIST */ @media screen and (-webkit-min-device-pixel-ratio:0) { #feature-dropdown .section ul { padding-left:0; } } /* checkout payment information */ /* - - - - MY ACCOUNT PAGE (DESKTOP) - - - - */ .sagecardh1 { border-bottom: none; margin: 5px 0 10px; } div.sagecardh1 h1 { color: #666; font-size: 115%; } #my-sagepaycards-table { background: #f2f2f2; } #my-sagepaycards-table thead th { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif") repeat-x scroll left bottom transparent; border: none; color: #666666; padding: 10px; line-height: 1.4em; } #my-sagepaycards-table td { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif") repeat-x scroll left bottom transparent; border: none; color: #666666; padding: 10px; line-height: 1.4em; vertical-align: middle; } #my-sagepaycards-table .last td { background: none; } #my-sagepaycards-table td img { margin-right: 10px; vertical-align: middle; } #my-sagepaycards-table a { color: #917746; } .my-account #link-regcard { color: #917746; display: block; font-size: 13px; font-weight: bold; margin-top: 10px; margin-bottom: 20px; } .sagepaysuite-card-index .button-set { border: none; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 5px 0; } /* - - - - CHECKOUT (DESKTOP) - - - - */ .tokensage { padding: 20px 0 0 20px; } .tokencard-radio { vertical-align: middle; } .tokencard-radio > img { vertical-align: middle; } div#payment_form_sagepaydirectpro ul li label.token, div#payment_form_sagepayserver ul li label.token { float: none; display: inline-block; padding-left: 20px; margin-right: 20px; } a.addnew, a#link-regcard { display: block; margin-top: 20px; margin-bottom: 20px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_addnewcreditcard.gif) 0 0 no-repeat; width: 159px; height: 23px; border:none; cursor:pointer; overflow:hidden; text-indent: -9999px; } a.addnew:hover, a#link-regcard:hover { background-position:0 -23px; } a.usexist { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_savedcreditcards.gif) 0 0 no-repeat; width: 152px; height: 23px; border:none; cursor:pointer; overflow:hidden; text-indent: -9999px; display: block; } a.usexist:hover { background-position:0 -23px; } /*.paymentsage {*/ /*padding-bottom: 30px;*/ /*}*/ .paymentsage .usexist { font-weight: bold; } #payment_form_paypal_express { margin-bottom: 30px; } .col-left .block-layered-nav { border: none; } .checkout-onepage-index .sidebar.pudo dd.progress-shipping { display: none; } .sidebar .block .block-title { display: none; } .sidebar .block-subtitle { display: none; } .sidebar .currently .block-subtitle { border-bottom: 1px solid #DDD; padding: 5px 0 5px 0; margin-bottom: 8px; font-family: 'RobotoCondensedBold'; display: block; } .sidebar .block .block-content { padding: 0; } .sidebar .block-layered-nav dt { font-weight: normal; border-bottom: 1px solid #DDD; padding: 5px 0; cursor: pointer; } .sidebar .block-layered-nav dt:hover { color: #A1855B; } .sidebar .block-layered-nav dt.even, .sidebar .block-layered-nav dd.even { background: none; } #narrow-by-list { width: 190px; } #narrow-by-list ol { padding: 5px 0 15px; margin: 0; color: #666; } #narrow-by-list dd { border-bottom: 1px solid #DDD; } #narrow-by-list ol.inner-list { border-bottom: 0; padding: 5px 0; } #narrow-by-list ol a { color: #666; } #narrow-by-list ol a:hover { color: #111; } #narrow-by-list dt { position: relative; } #narrow-by-list dt:before, #narrow-by-list dt:after { content: ""; display: block; width: 10px; height: 2px; position: absolute; background: #858585; right: 9px; top: 14px; } #narrow-by-list dt:after { height: 10px; width: 2px; right: 13px; top: 10px; } #narrow-by-list dt.opened:after { display: none; } .block-current-filter { overflow: auto; } .block-current-filter span.label { float: left; } .block-current-filter span.value { float: left; padding-left: 5px; width: 116px; } .block-layered-nav .currently { border-bottom: 1px solid #DDD; padding: 0 0 30px; margin: 0; } .block-layered-nav .currently span.value{ color: #666; } .block-layered-nav .currently li { margin: 0 0 4px; position: relative; } .block-layered-nav .actions { display: none; } .block-layered-nav .currently a.btn-remove{ display: block; background: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/filterremove.gif') top left no-repeat; width: 9px; height: 9px; overflow: hidden; text-indent: 300px; /*margin: 5px 10px 0 0; float: right;*/ position: absolute; right: 10px; top: 5px; } .block-layered-nav .currently a.btn-remove:hover { background-position: 0 -9px; } #narrow-by-list dd { display: none; } ul.products-grid.columns-4 { width: 940px; } ul.products-grid li.item { position: relative; display: block; vertical-align: top; margin-right: 12px; float: left; width: 226px; zoom: 1; } ul.products-grid.columns-2 li.item { width: 460px; margin-right:20px; } ul.products-grid li.last, ul.products-grid li.omega, ul.products-grid.columns-2 li.last { margin-right: 0px; } ul.products-grid li.item .product-name { margin-top: 7px !important; margin-bottom: 3px; line-height: 1.3em; font-family: 'RobotoCondensedRegular'; text-transform: none; font-weight: normal; font-size: 14px; } ul.products-grid:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .columns-4 ul.products-grid li.item .product-name { width: 226px; } .columns-3 ul.products-grid li.item .product-name { width: 306px; } .swatch-popup { padding: 20px; margin: -20px 0 0 -20px; *border: 2px solid #ccc; *margin: -22px 0 0 -22px; zoom: 1; } .swatch-popup img { display: block; } .swatch-popup .price-box { margin-bottom: 0; } .swatch-popup .additional-colourways { float: left; margin: 0 0 0 20px; } .swatch-popup .additional-colourways img { display: block; } .swatch-popup .additional-colourways ul { float: left; } .swatch-popup .additional-colourways li { font-size: 0; line-height: 0; margin: 0 1px 1px 0; } .swatch-popup .additional-colourways ul.last li { margin-right:0; } .swatch-popup { background-color: #ffffff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; -ms-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; display:none; position:absolute; left:-5000px; } .swatch-popup .detail { float:left; padding-right: 20px; border-right: 1px solid #ccc; } .swatch-popup .detail.single-colourway { border-right: none; padding-right: 0; } .col1-layout .columns-3 li.item { width: 306px; margin-right: 11px; } .col1-layout .columns-3 li.item.last { margin-right: 0; } .col1-layout .columns-4 li.item, .col2-left-layout .columns-3 li.item, .col2-left-layout .columns-3 li.item .swatch-popup .detail, .col1-layout .columns-4 li.item .swatch-popup .detail, .catalog-product-view.fp-theme-nodoubt .swatch-popup .detail.single-colourway { width: 226px; } .categoryheader { margin-bottom: 40px; } .categoryheader img { line-height: 0em; } .featurerows.last { padding-bottom: 18px; margin-bottom: 18px; } .categoryrows { padding-bottom: 18px; margin-bottom: 30px; } .fredperryshirt { border-bottom: none; border-top: 1px solid #DDD; padding-top: 30px; } .featurerows ul li { width: 464px; margin-right: 12px; float: left; margin-bottom: 8px; } .featurerows li .textblock { width: 207px; height: 134px; padding: 17px 15px; border-top: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; font-size: 13px; line-height: 1.3em; color: #777; } .featurerows li .textblock h2 { font-size: 14px; font-family: 'RobotoCondensedRegular'; } .fredperryshirt li img, .fredperryshirt li .textblock { float: left; } .crosspromo ul { padding: 0; width: 940px; border-top: 1px solid #DDD; padding-top: 30px; margin-top: 40px; } .categoryrows li, .crosspromo li { width: 306px; height: 214px; margin-right: 11px; float: left; margin-bottom: 11px; position: relative; cursor: pointer; list-style: none; } .featurerows li.last, .categoryrows li.last, .crosspromo li.last { margin-right: 0px; } /*.featurerows li a{*/ /*width: 464px;*/ /*display: block;*/ /*line-height: 0em;*/ /*height: 214px;*/ /*}*/ .categoryrows li img { position: absolute; width: 306px; height: 214px; z-index:10; top: 0; left: 0; } .categoryrows li p { position: absolute; bottom: 10px; right: 10px; text-align: right; z-index: 20; line-height: 1em; } .categoryrows li p.reversed { color: #FFF; } .categorylisting { border-top: 1px solid #DDD; padding-top: 30px; margin-top: -15px; margin-bottom: 40px; } .crosspromo li .videoplay { top: 50%; margin-top: -25px; } #notfound .crosspromo li p.title { position: absolute; bottom: 20px; left: 20px; width: 250px; z-index: 20; margin-bottom: 0; color: #FFF; font-size: 15px; line-height: 1.2em; text-transform: uppercase; } #notfound .crosspromo li p.title span { font-family: 'RobotoCondensedBold'; } .crosspromo li img.subculturelogo { position: absolute; top: 20px; left: 20px; z-index: 20; } /** Custom select boxes styling **/ /* One container to bind them... */ .dk_container { background: #fff; border: 1px solid #e1e1e1; } .dk_container:focus { outline: 0; } .dk_container a { cursor: pointer; text-decoration: none; width: auto; } .pager .limiter .dk_toggle { padding: 4px 14px 4px 6px; } /* Opens the dropdown and holds the menu label */ .dk_toggle { /** * Help: Arrow image not appearing * Try updating this property to your correct dk_arrows.png path */ background: url(data:image/gif;base64,R0lGODlhBwAEALMAALe3t/7+/rS0tLu7u/z8/Ly8vLq6urm5ubW1tf39/bi4uP///wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAHAAQAAAQTEAykFDpL2FNSWpaSBAuxGN8SAQA7); background-repeat: no-repeat; background-position: right center; margin-right: 7px; width: 7px; color: #333; padding: 4px 20px 4px 8px; } .dk_toggle:hover { border-color: #8c8c8c; } /* Applied when the dropdown is focused */ .dk_focus .dk_toggle { } /* Applied whenever the dropdown is open */ .dk_open { z-index: 20; } .dk_options a { background-color: #fff; padding: 3px 9px; font-size: 11px; } .dk_options li:last-child a { border-bottom: none; } .dk_options a:hover, .dk_option_current a { background-color: #EEE; color: #111; text-decoration: none; } /* Inner container for options, this is what makes the scrollbar possible. */ .dk_options_inner { border: none; color: #333; max-height: 250px; } /* Set a max-height on the options inner */ .dk_options_inner, .dk_touch .dk_options { max-height: 250px; } /****** End Theme ******/ /***** Critical to the continued enjoyment of working dropdowns ******/ .dk_container { position: relative; display: inline-block; } .dk_container a { outline: 0; } .dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; } .dk_open { position: relative; } .dk_open .dk_options { display: block; } .dk_open .dk_label { color: inherit; } .dk_options { display: none; margin-top: -1px; position: absolute; width: 100%; border: 1px solid #DDD; left: -1px; right: -1px; } .dk_options a, .dk_options a:link, .dk_options a:visited { display: block; } .dk_options_inner { overflow: auto; position: relative; } .dk_touch .dk_options { overflow: hidden; } .dk_touch .dk_options_inner { max-height: none; overflow: visible; } .dk_fouc select.replaced { position: relative; top: -99999em; visibility: hidden; } .toolbar { font-family: 'RobotoCondensedBold'; position: relative; *z-index: 11; } .toolbar .sorter { margin-left: 19px; } .toolbar .sorter .dk_container, .limiter .dk_container { margin-left: 8px; } .limiter .dk_container { margin-right: 8px; } .limiter label, .limiter { font-family: 'RobotoCondensedBold'; text-transform:uppercase; } .sales-order-history .limiter { color:#111111; } .sales-order-history .pager, .sales-order-history .limiter, .sales-order-history .pager .pages strong { font-size:12px; } .toolbar .sorter a.dk_toggle { min-width: 85px; width:auto; } .toolbar .sorter .sort-by > a { display: none; } .category-products .pager label { margin: 0 !important; } .toolbar-bottom { margin-top: 30px; } .category-products .pager { padding:0; float: right; font-size: 12px; text-transform: uppercase; border-right: 1px solid #DDDDDD; padding-right: 20px; } .catalog-category-view .col2-left-layout .category-products .pager, .catalogsearch-result-index .category-products .pager { border-right: 1px solid #DDDDDD; padding-right: 20px; } .catalogsearch-result-index .breadcrumbs .search strong { text-transform: none !important; } .catalogsearch-result-index .col-main, .catalogsearch-result-index .col-left { min-height: 200px; } .category-products .pager select { padding: 3px; margin-top: -5px; } .checkout-share-wrapper { clear: left; height: 57px; margin-top: 25px; } .share-centered { width: 194px; margin: 0 auto; } .checkout-share-wrapper a { display: inline-block; float: left; margin-right: 10px; height: 28px; } a.checkout-share-facebook { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/facebook-share.gif) no-repeat transparent; width: 89px; } a.checkout-share-facebook:hover { background-position: 0 -28px; } a.checkout-share-twitter { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/twitter-share.gif) no-repeat transparent; width: 92px; margin: 0; } a.checkout-share-twitter:hover { background-position: 0 -28px; } /** homepage feature scrollers **/ .scroller { overflow: hidden; position: relative; } .singlescroller.scroller { width: 180px; } .scroller .slides { width: 1000em; position: relative; } .scroller .slides .slide { float: left; margin-right: 0 !important; } ul.controls { margin-bottom: 0; } .catalogsearch-result-index p.note-msg { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/warning.gif) 10px 10px no-repeat #111 !important; color: #FFF; padding: 10px 15px 12px 36px !important; min-height: auto !important; } .product-options dt label { font-weight: normal; } .customer-account-login .messages, .customer-account-forgotpassword .messages, .checkout-cart-index .messages, .checkout-onepage-index .messages, .cms-index-noroute .messages { margin-bottom: 30px; } .checkout-onepage-index #checkout-step-shipping_method .messages { margin-bottom: 0; } .shipping-form .input-box { margin-bottom: 8px; } .shipping-form .site-selector { color: #A1855B; font-family: 'RobotoCondensedRegular'; } .shipping-form .site-selector:hover { color: #000; } /** Soho Neon Video **/ #generic-video-container { position: relative; cursor: pointer; height: 529px; width: 940px; margin-bottom: 20px; } #generic-video-container iframe { position: absolute; left: 0; top: 0; z-index: 1; } .generic-video-mask .generic-main-image { position: absolute; } .generic-video-mask .generic-main-image img { position: relative; top: -534px; left: 0; } .generic-video-mask .generic-play-video { position:absolute; } .generic-video-mask .generic-play-video img { position:relative; top:-60px; left:770px; cursor:pointer; } .generic-video-mask .generic-link-choices { position:absolute; } .generic-video-mask .generic-link-choices img, #buttonMap { position:relative; top:-60px; left:30px; } /*.generic-video-mask p {*/ /*z-index: 3;*/ /*position: absolute;*/ /*top: 58px;*/ /*left: 142px;*/ /*color: #fff;*/ /*font-size: 19px;*/ /*line-height: 21px;*/ /*font-family: 'RobotoCondensedLight', sans-serif;*/ /*}*/ /*.generic-video-mask p span.heavy {*/ /*font-family: 'RobotoCondensedRegular', sans-serif;*/ /*}*/ /** SS14 Raf Simons Video **/ .category-raf-simons #ss14-raf-video { position: relative; cursor: pointer; height: 529px; width: 940px; margin-bottom: 20px; } .category-raf-simons #ss14-raf-video iframe { position: absolute; left: 0; top: 0; z-index: 1; } .category-raf-simons .raf-mask img { position: absolute; top: 0; left: 0; z-index: 2; } .category-raf-simons .raf-mask p { z-index: 3; position: absolute; top: 58px; left: 142px; color: #fff; font-size: 19px; line-height: 21px; font-family: 'RobotoCondensedLight', sans-serif; } .category-raf-simons .raf-mask p span.heavy { font-family: 'RobotoCondensedRegular', sans-serif; } /** Fred Perry Shirt **/ #perryshirt-popup { display: none; } #perryshirt-popup h1 { font-size: 26px; } #perryshirt-popup h2 { padding-bottom: 18px; margin-bottom: 26px; border-bottom: 1px solid #e5e5e5; font-size: 20px; font-family: 'RobotoCondensedRegular'; color: #131313; } #perryshirt-popup img { float: right; margin-left: 25px; } .perryshirt-wrapper { width: 420px; float: left; } .perryshirt-wrapper p { margin-bottom: 25px; } .fancybox-wrap.fredperry-laurel .fancybox-skin { border-radius: 0; } .fancybox-wrap.fredperry-laurel .fancybox-close { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/catalog/product/close-popup.png) transparent; height: 23px; width: 23px; top: 20px; right: 20px; } /** New Layout Changes **/ .wrapper.top-wrapper, .wrapper.tipping-wrapper { min-height: 0; margin: 0; } /* - - - - CHECKOUT (DESKTOP) - - - - */ .tokensage { padding: 20px 0 0 20px; } .tokencard-radio { vertical-align: middle; } .wrapper.tipping-wrapper { position: relative; height: 18px !important; } .top-wrapper .page { padding: 0 !important; } /* ARCADE */ .staticpage-arcade { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/twistedwheel/bg.gif") repeat-x scroll left -3px #000 !important; } .staticpage-arcade .breadcrumbs { border-top: none; margin-bottom: 30px; border-color: #585858; } .staticpage-arcade .breadcrumbs strong { color: #FFF; } .fancybox-overlay { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/fancybox_overlay_dark.png) top repeat; } .category-image { display: none; } h3.search-did-you-mean { margin-top: 30px; font-size: 15px; } h3.search-did-you-mean a { color: #a1855b !important; } h3.search-did-you-mean a:hover { color: #000 !important; } .download-flag { border:1px solid #eee; margin-top:10px; margin-right:16px; } #contactform #enquiry_type { margin: 3px 0 8px; width: 496px; } #contactform .required { position: static; } @media all and (max-width: 1020px) { .fancybox-skin { padding: 0 !important; } .fancybox-wrap.homepage-video a.fancybox-close { right: 0; top: -35px; } } /* Shipping */ #co-shipping-method-form .sp-methods dt { color: #111; font-size: 15px; margin: 0 0 6px 0; padding: 2px 0 2px 25px; } #co-shipping-method-form .sp-methods dd { color: #555; margin-bottom: 16px; } #co-shipping-method-form .sp-methods dd li { padding-bottom: 8px; } #co-shipping-method-form .sp-methods dd .estimate, #co-shipping-method-form .sp-methods dd .description { color: #a0a0a0; padding-left: 25px; } #co-shipping-method-form .sp-methods dd .estimate { font-style: italic; } #checkoutscreens #checkout-shipping-method-load input.radio { margin-top: 2px; } .shipping-form button[name="do"] { display: none; } #co-shipping-method-form .sp-methods dt.carrier_tablerate, #co-shipping-method-form .sp-methods dt.carrier_defactoups, #co-shipping-method-form .sp-methods dt.carrier_defactoupsaccesspoint { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/defacto_ups/UPS_logo.png) top left no-repeat; background-size: 43px 55px; padding-left: 60px; line-height: 55px; } #co-shipping-method-form .sp-methods dt.carrier_defactodpd { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/defacto_dpd/DPD_Logo.gif) top left no-repeat; background-size: 22px 23px; padding-left: 29px; } #co-shipping-method-form .defacto-ups-accesspoint { margin: 10px 25px 30px 25px; border-bottom: 1px solid #eee; padding-bottom: 20px; } #co-shipping-method-form .defacto-ups-accesspoint .change-accesspoint { margin-top: 5px; display: block; text-transform: uppercase; } #co-shipping-method-form .defacto-ups-accesspoint .error { margin-bottom: 15px !important; color: #d12e2e; font-weight: normal; font-family: RobotoCondensedBold; } #co-shipping-method-form .buttons-set button[disabled] { background: #ccc; } .checkout-cart-index #co-shipping-method-form .sp-methods { /*border-top: 1px solid #ccc;*/ /*margin: 25px 0 0 0;*/ padding: 0; } .autocomplete-suggestions { background: #FFF; border: 1px solid #DDD; overflow: auto; width: 199px; } .autocomplete-suggestion { color: #666; overflow: hidden; padding: 2px 5px; white-space: nowrap; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { color: #A1855B; font-weight: normal; } .checkout-cart-index #shipping-zip-form select { width: 200px; } .paypal-express-review select#billing\3Aregion_id, .paypal-express-review select#shipping\3Aregion_id, .opc select#billing\3Aregion_id, .opc select#shipping\3Aregion_id, .customer-address-form select#region_id, .checkout-cart-index #shipping-zip-form select#region_id { /*display: block !important;*/ position:absolute; left:-99999px; } .opc .chosen-container-single, .customer-address-form .chosen-container-single { height: 28px; margin: 3px 0 8px 0; } .opc .chosen-container-single .chosen-single, .customer-address-form .chosen-container-single .chosen-single { height:26px; } .checkout-cart-index #shipping-zip-form input { width: 195px; } /* Home page world cup widget */ .world-cup-container { position:relative; } .world-cup-country { position:absolute; z-index:1000; } .world-cup-shirt-overlay { position:absolute; top:16px; left:433px; width:320px; height:530px; background:no-repeat; cursor:pointer; } /* Laurel world cup widget */ .laurel-footwear-container { background-position:0 0; } .laurel-footwear-overlay { position:relative; background-position:0 0; width:100%; height:100%; cursor:pointer; } .laurel-hotspot { position:absolute; z-index:1000; } /* Category Product Heading Widget */ .category-product-heading { border-top:1px solid #e5e5e5; padding-top:33px; margin:33px 0 22px 0; } .category-product-heading h2 { display:inline; font:19px/1.5 'RobotoCondensedRegular',sans-serif; } .fp-theme-laurel .category-product-heading h2 { display:inline; font:24px/1 Courier,monospace; } .category-product-heading a { margin-left:15px; color:rgb(157,138,106); font-size:14px } /* generic header background fullwidth */ .header-background { position:absolute; left:0; width:100%; height:450px; } .headerimage { margin:0 auto; width:940px; position:relative; height:450px; } /* generic footer background fullwidth */ .footerimage { z-index:2; position:relative; } .footer-background { position:absolute; left:0; width:100%; height:450px; } .soho-neon-background { background-color:#000; } .catalog-category-view.categorypath-accessories-winter-accessories .headerimage { height:414px; } .catalog-category-view.categorypath-accessories-winter-accessories .makeyourown-background { background:url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/themes/aw14-makeyourown/myob-collection-footer-bg.jpg") top left repeat-x; height:970px; } .catalog-category-view.categorypath-accessories-winter-accessories .body-wrapper .page { padding-bottom:330px !important; } .catalog-category-view.categorypath-accessories-winter-accessories #backtotop a { z-index:3; } /* Klarna */ ul#payment_form_vaimo_klarna_invoice, ul#payment_form_vaimo_klarna_account, ul#payment_form_vaimo_klarna_special { margin-top: 20px; border-top: 1px solid #DDD; padding-top: 20px; } li.klarna_readme { float: none; border-bottom: 1px dotted #DDD; width: 100%; padding-bottom: 20px; margin-bottom: 20px; } #vaimo_klarna_account_pno, #vaimo_klarna_account_phonenumber, .klarna-input-box input[type="text"] { margin-bottom: 15px; text-align: left; } .klarna_dob input[type="text"] { width: 30px !important; margin-bottom: 15px; } .klarna_dob .dob-day, .klarna_dob .dob-month, .klarna_dob .dob-year { float: left; } .klarna_dob .dob-day .validation-advice, .klarna_dob .dob-month .validation-advice, .klarna_dob .dob-year .validation-advice { display: none; } .klarna_msg_txt, .klarna_address_txt { margin-bottom: 15px; } .gender-input-box label { display: inline; } label[for=vaimo_klarna_invoice_consent], label[for=vaimo_klarna_account_consent], label[for=vaimo_klarna_special_consent] { float: left; margin-left: 5px !important; } #klarna-terms-popup { padding: 30px !important; } /* end Klarna */ /************* notice-header **************/ #notice-wrapper { width:100%; background-color:#eee; margin-bottom:16px; min-height:33px; font-size:12px; } #notice-header p { font-size:12px; font-weight:normal; text-align:center; text-transform:uppercase; line-height:2.8em; padding-bottom:1px; letter-spacing:normal; color:#000; } /*********** New promo/notice block appearing on the product view page ***********/ #promo-notice { background-color:#f2f2f2; margin-bottom:54px; position:relative; } .notice-position-uk { padding:14px 20px 14px 88px; } .notice-position-uk:before { background-image:url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/delivery-icon.png"); background-repeat:no-repeat; background-size: 38px 24px; left:36px; top:12px; position:absolute; content:""; width:38px; height:24px; } .notice-position-us { padding:14px 20px 14px 98px; } .notice-position-us:before { background-image:url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/delivery-icon.png"); background-repeat:no-repeat; background-size:38px 24px; left:45px; top:12px; position:absolute; content:""; width:38px; height:24px; } .notice-position-eu { padding:14px 20px 14px 135px; } .notice-position-eu:before { background-image:url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/delivery-icon.png"); background-repeat:no-repeat; background-size:38px 24px; left:80px; top:12px; position:absolute; content:""; width:38px; height:24px; } *+html .navbar .brand { margin-left: -2px; padding-bottom: 2px; } #promo-notice p { font-size:13px; line-height:1.4em; color:#888; font-family: RobotoCondensedRegular,sans-serif; } #promo-notice p span { font-size:14px; font-family: RobotoCondensedBold,sans-serif; text-transform:uppercase; color:#111; } .customer-account-forgotpassword .col1-layout, .customer-account-login .col1-layout, .customer-account-create .col1-layout, .customer-account-logoutsuccess .col1-layout, .checkout-cart-index .col1-layout, .checkout-onepage-index .col2-right-layout, .checkout-onepage-success .col1-layout, .cms-no-route .col1-layout { padding: 30px 0; border-top: 1px solid #DDD; } .checkout-cart-index .col2-set .col-1 { width: 586px; } .checkout-cart-index .col2-set .col-2 { width: 333px; } .customer-account-index .main-container, .customer-account-edit .main-container, .customer-address-form .main-container, .sales-order-history .main-container, .wishlist-index-index .main-container, .newsletter-manage-index .main-container, .sales-order-view .main-container, .customer-address-index .main-container { padding: 20px 0 30px; border-top: 1px solid #DDD; } .cms-index-noroute .main-container { padding: 40px 0 30px; border-top: 1px solid #DDD; } .data-table thead { background: none; } .data-table tbody.even { background: none; } .col-right { border:none; padding:0; width:220px; margin: 0 10px 0 0; } .group-select li .input-box input.input-text, .group-select li .input-box textarea { width: 220px; } .group-select li .input-box input.input-text, .group-select li .input-box textarea, .group-select li textarea, .form-list li select, .form-list #country, .customer-account-login .registered-users .form-list li input, .customer-account-forgotpassword input, .customer-account-create input, .customer-account-edit input, .customer-address-form input, #discount-coupon-form input, #checkoutSteps #opc-login .col-2 input, #billing-new-address-form .fields .field .input-box input, #billing-new-address-form .wide input, #shipping-new-address-form .fields .field .input-box input, #shipping-new-address-form .fields .fields .input-box input, #shipping-new-address-form .wide input { padding: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 3px 0 8px; } .form-list label { position: relative; } .form-list .fields .field label em, .form-list .wide label em, .customer-account-edit .group-select li label em, .customer-address-form .group-select li label em, .customer-account-create .group-select li label em, label.required em, span.required { float:none; color: #d12e2e; margin-right: 5px; position: absolute; right: -12px; top: 0px; } /*.checkout-onepage-success .page-title { display: none; }*/ .checkout-onepage-success .page-title { margin-bottom: 20px; } .checkout-onepage-success p { color: #555; } .checkout-onepage-success h2.sub-title { font-size: 24px; font-weight: normal; line-height: 1em; text-transform: capitalize; font-family: 'RobotoCondensedRegular'; border-bottom: 1px solid #DDD; padding-bottom: 15px; margin-bottom: 20px; display: none; } .customer-account-login p, .customer-account-login legend, .customer-account-login .registered-users .form-list label { line-height:1.4em; color:#666; } .registered-users .content, .new-users .content { padding-bottom: 15px; min-height: 220px; } .customer-account-login p { margin-bottom:10px; } .customer-account-login .registered-users .form-list { margin: 20px 0; } .customer-account-login .registered-users .form-list li { list-style-type: none; margin-bottom:5px; } .customer-account-login .registered-users .required span { margin: 0 5px; color: #BBB; } .buttons-set { padding: 15px 0 0 0; margin-top: 10px; border-top: 1px solid #DDD; border-bottom: none; border-left: none; border-right: none; } .buttons-set button.button { float:right; } .customer-account-login .new-users .reasonslist { padding: 0 10px 0 16px; margin-bottom: 0; list-style-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/li-arrow.gif); list-style-position:outside; } .customer-account-login .new-users .reasonslist li { line-height:1.6em; color:#666; } .customer-account-login .registered-users a:link { color: #A1855B; text-decoration: none;} .customer-account-login .registered-users a:visited { color: #A1855B; text-decoration: none;} .customer-account-login .registered-users a:hover { color: #111; text-decoration: none;} .customer-account-login .registered-users a:active { color: #A1855B; text-decoration: none;} /*================================================================= Forgotten Password page ==================================================================*/ .customer-account-forgotpassword #form-validate { margin: 30px 0; } .customer-account-forgotpassword #form-validate h2 { font-family: 'RobotoCondensedBold'; color: #111111; font-size: 14px; font-weight: normal; margin-bottom: 10px; text-transform: uppercase; } .customer-account-forgotpassword #form-validate ul { margin: 20px 0; } .customer-account-forgotpassword .back-link, .customer-account-create .back-link { display: none; } .customer-account-forgotpassword p.required, .customer-account-create p.required { float: left; } /*================================================================= Register page ==================================================================*/ .customer-account-create .fieldset { float: left; width: 370px; margin: 0px 40px 40px 0; } .customer-account-create .page-title { margin-bottom: 30px; } .customer-address-form .fieldset { float: left; width: 270px; margin: 0px 50px 40px 0; } .form-list .control {margin-bottom:20px;} .customer-address-form .form-list .control {margin-bottom:0px;} .form-list .control .checkbox, #change_password, #subscription, #primary_billing, #primary_shipping { margin: 3px 5px 8px 0; } .input-box .dob-day, .input-box .dob-month, .input-box .dob-year { float:left; width:auto; } .input-box .dob-day label, .input-box .dob-month label, .input-box .dob-year label { margin-right:10px; width:35px; } .form-list li .customer-dob input.input-text { width: 16px; text-align: center; } .form-list li .customer-dob .dob-year input.input-text { width: 30px; text-align: center; } .validation-advice { color: #d12e2e; font-size: 12px; margin: 0px 0px 15px; background: none; padding-left: 0; } .validation-failed { background: #FFF !important; border: 1px solid #e4a4a4 !important; } .customer-account-create #advice-validate-custom-day, .customer-account-create #advice-validate-custom-month, .customer-account-create #advice-validate-custom-year { display: none; } /*======================================== my account page =========================================*/ .main .col-main { border:none; padding: 0; margin: 0; } .col2-left-layout .col-main { margin: 20px 0 0 0; width: 555px; padding: 0 120px 20px 38px; border-left: 1px solid #DDD; min-height: 400px; } .col2-left-layout #deliveryshipping { width: 675px; padding-right: 0px; } .col2-left-layout #deliveryshipping p { padding-right: 120px; } .col2-left-layout #deliveryshipping table { width: auto; } .catalog-category-view .col2-left-layout .col-main, .catalogsearch-result-index .col2-left-layout .col-main { margin: 80px 0 30px; padding: 0 0 0px 47px; width: 702px; } .shoplocator-shops-index .col2-left-layout .col-main, .staticpage-sitemap .col2-left-layout .col-main, .shoplocator-shops-view .col2-left-layout .col-main, .customer-account-index .col2-left-layout .col-main, .customer-account-edit .col2-left-layout .col-main, .customer-address-form .col2-left-layout .col-main, .sales-order-history .col2-left-layout .col-main, .wishlist-index-index .col2-left-layout .col-main, .newsletter-manage-index .col2-left-layout .col-main, .sales-order-view .col2-left-layout .col-main, .customer-address-index .col2-left-layout .col-main { padding: 0 0px 20px 38px; width: 675px; } .col2-left-layout .col-main .page-title { margin: 0; padding: 17px 0 26px; border-bottom: 0; } .catalog-category-view .col2-left-layout .col-main .page-title, .catalogsearch-result-index .col2-left-layout .col-main .page-title { margin: -67px 0 0 -237px; width: 940px; } .col2-left-layout .col-main .title-buttons { text-align: left; margin-bottom: 30px; border-bottom: 1px solid #DDD; } .col2-left-layout .col-main .title-buttons a { float: right; margin-top: -35px; display: block; padding: 6px 9px 7px; background: #A1855B; color: #FFF; text-transform: uppercase; font-size: 12px; } .col2-left-layout .col-main .title-buttons a:hover { background: #111; } .col1-layout .col-main .title-buttons { text-align: left; margin-bottom: 0px; border-bottom: none; } .col2-left-layout .col-main .title-buttons button.button { float: right; margin-top: -30px; } .dashboard p, #myaccount createaccount, .dashboard label, .dashboard .col2-set address { line-height:1.4em; color:#666; margin-bottom:1em; font-style: normal; } .dashboard .page-title { margin-bottom:0; padding:0; border-bottom: none; } .dashboard .welcome-msg { background: #EEE; padding: 20px 20px 10px; margin-bottom: 30px; } .dashboard a:link { color: #A1855B; text-decoration: none;} .dashboard a:visited { color: #A1855B; text-decoration: none;} .dashboard a:hover { color: #111; text-decoration: none;} .dashboard a:active { color: #A1855B; text-decoration: none;} .col2-set .box { border-top: 1px solid #DDD; padding-top: 15px; margin-top: 20px; } .col2-set .col-1 .box, .col2-set .col-2 .box { border-top: none; padding-top: 0px; margin-top: 0px; } .box-title h3, .dashboard a { display: inline; line-height:1.4em; outline: 0; margin-right: 5px; } .box-title h3{ font-size: 14px; } .box-title { margin-bottom: 10px; } .sales-order-history .buttons-set { border-left: none; border-right: none; } p.back-link a { color:#A1855B; } p.back-link a:hover { text-decoration: none; color: #111; } .dashboard .box-info .box-head { display: none; } .dashboard .box-recent .box-head { text-align: right; } .dashboard .box-recent .box-head h2 { margin-bottom:0; padding:4px 4px 12px 0; float:left; } .dashboard .box-recent { background: none; border-bottom: 1px solid #DDDDDD; margin-bottom: 30px; padding-bottom: 30px; } .customer-account-edit .control { margin-top: 30px; } .customer-account-edit .control .input-box, .customer-account-edit .control label { float: none; } /*==================== recent orders ======================*/ #myaccount .recent-orders .title-buttons a { padding-bottom:2px; } #myaccount .recent-orders { color:#333333; margin:0 0 10px 0; padding:0; } #myaccount .recent-orders .data-table { background:#f2f2f2; height:1%; } #myaccount .recent-orders .data-table tbody { border:none; background:#f2f2f2; height:1%; } #myaccount .recent-orders .data-table thead { border:none; } #myaccount .recent-orders .data-table th { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x bottom left; line-height:1.4em; color:#666; padding-bottom:3px; border:none; position:relative; height:1%; } #myaccount .recent-orders .data-table tr { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x bottom left; position:relative; height:1%; } #myaccount .recent-orders .data-table tr td { border:none; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/verticaltableborder.gif) repeat-y top right; margin-left:2px; padding:10px 10px 10px 10px; vertical-align: top; font-size:100%; color:#666; } #myaccount .recent-orders .data-table tr .a-right { padding-top:16px; } #my-orders-table tr .last { padding:10px 0 0; vertical-align: top; background-image:none; } #myaccount .recent-orders .data-table tr .last a { font-size:100%; line-height:1em; } #myaccount .recent-orders .data-table tr.even, #my-orders-table tr.even { background-color:transparent; } #myaccount .recent-orders .price { color:#666; } #my-orders-table .noleftborder { border-left:none; } #my-orders-table .norightborder { border-right:none; } #my-orders-table span.nobr { display: block; width: 70px; } #myaccount .recent-orders .data-table tfoot .last { background-image:none; border:none; } /*==================== orders pending ======================*/ .sales-order-view h1 { margin-bottom: 10px; } #orderspending .col2-set-wrapper .col2-set { line-height:1.4em; color:#555; padding-bottom:1em; margin-bottom:0.8em; font-style: normal; border-bottom: 1px solid #DDD; } #orderspending address { font-style: normal; } #orderspending .order-info { border:none; padding:15px 0 0 0; margin:0px 0 30px 0; color:#555; border-top: 1px solid #DDD; } #orderspending .order-info dt { font-weight: normal; display: inline; color: #111; margin-right: 5px; } #orderspending .para2 { padding:0; margin:0 0 10px 0; display: inline; } .sales-order-view h2 { margin-top: 30px; } .order-items .separator { color: #DDD; margin: 0 6px; } .order-items a { color: #A1855B; font-family: 'RobotoCondensedRegular'; } .order-items a:hover { color: #111; } #my-orders-table { height:1%; } .sales-order-history #my-orders-table { margin-bottom: 30px; } #my-orders-table h4 { font-family: 'RobotoCondensedRegular'; font-weight: normal; text-transform: capitalize; line-height:1.5em; } #my-orders-table tbody { border:none; height:1%; } #my-orders-table thead { border:none; background: none; } #my-orders-table thead th { line-height:1.4em; padding:5px 5px 5px 0px; border:none; position:relative; height:1%; text-align: left; border-top: 1px solid #ddd; } #my-orders-table tr { /*position:relative;*/ height:1%; } #my-orders-table tr td { border-left:none; border-right:none; border-bottom:none; margin-left:2px; padding:10px 10px 11px 0px; vertical-align: top; color:#666; border-top: 1px solid #DDD; min-width: 80px; } #my-orders-table tr td.last { width: 60px; } #my-orders-table tfoot tr td { border-top: none; text-align: right; padding-right: 20px; padding-bottom: 0; } #my-orders-table tfoot tr.first td { border-top: 1px solid #DDD; } #my-orders-table tfoot tr td.last { text-align: left; padding-right: 0; } #my-orders-table tr td .product-name { margin:0; font-weight: normal; text-transform: capitalize; font-family: 'RobotoCondensedRegular'; } .extrah3 { margin:12px 0 10px 0; padding:0; color:#666; } #my-orders-table a:link { color: #917746; text-decoration: none;} #my-orders-table a:visited { color: #917746; text-decoration: none;} #my-orders-table a:hover { color: #666; text-decoration: none;} #my-orders-table a:active { color: #917746; text-decoration: none;} #my-orders-table a { outline: 0; } .sales-order-history .page-title { margin-bottom:12px; padding:4px 4px 6px 0; } .gobackextra { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: none; border-right: none; padding: 6px 0 6px 0; margin:10px 0 0 0; } #my-orders-table td.last { width: 13%; } address { font-style: normal; } .sales-order-view .order-info { display: none; } p.order-date { border-bottom: 1px solid #DDD; padding-bottom: 15px; margin-top: -16px; margin-bottom: 0px; color: #111; } /*==================== side nav =====================*/ .col-left { border:none; padding:0; width:226px; margin: 0; min-height: 400px; margin-top: 20px; } .catalogsearch-result-index .col-left, .catalog-category-view .col-left{ margin-top: 80px; border-top: 1px solid #DDD; width: 190px; margin-right: -1px; } .block-account { padding:0; border:none; text-transform: uppercase; font-size: 13px; margin-bottom: 50px; } .block-account .block-title { display: none; } .block-account li.current strong { font-weight: normal; } .block-account .block-content { padding:0; } .block-content ul { margin: 0; padding: 0; } .block-content ul li { margin:0; padding: 10px 0; list-style-type: none; border-top: 1px solid #DDD; } .block-content ul li:first-child { border-top: none; } .block-content ul li a { text-decoration:none; } .block-content ul .current { color:#303030; line-height:1.4em; text-decoration:none; } .block-content ul li a:link { color: #a1855b; text-decoration: none;} .block-content ul li a:visited { color: #a1855b; text-decoration: none;} .block-content ul li a:hover { color: #111111; text-decoration: none;} .block-content ul li a:active { color: #a1855b; text-decoration: none;} .block-content ul li ul li a:link { color: #555555; text-decoration: none;} .block-content ul li ul li a:visited { color: #555555; text-decoration: none;} .block-content ul li ul li a:hover { color: #111111; text-decoration: none;} .block-content ul li ul li a:active { color: #555555; text-decoration: none;} .block-content ul li ul li a { text-transform: capitalize; } /*================================ edit account =====================*/ #editaccount { padding:0; } #editaccount p, #login editaccount, #editaccount label { line-height:1.4em; color:#666; } #editaccount .page-title { border-bottom: none; margin:0; padding-bottom:0; } #editaccount .page-title h2 { margin-bottom:0; padding: 0; width:165px; height:22px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_main_accountinfo.gif) 0 1px no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #editaccount .content { margin:7px 0 0 0; padding:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/loginblock_background.gif) #eaeaea 0 0 repeat-x; position:relative; height:1%; } #editaccount .content .personalinfo { margin-bottom:16px; width:212px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_accountinfo.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #editaccount .content .changepassword { margin-bottom:16px; width:189px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_changepassword.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #editaccount .content p { padding: 0 10px 0 10px; margin-bottom:1em; } #editaccount .content ul { padding: 0px 10px 0 10px; margin-bottom: 0; } #editaccount .content ul li { list-style-type: none; } #editaccount .content ul li input { padding: 6px 2px; margin-bottom: 4px; } #editaccount .content .buttons-set { margin-top:0; padding: 9px 0 10px 10px; border-top: 1px solid #fbfbfb; border-bottom: none; border-left: none; border-right: none; } #editaccount .content .buttons-set a { float:right; margin-right:10px; margin-top:3px; } #editaccount .content .buttons-set button.button { float:left; } #editaccount .content .buttons-set button.button { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_submitchanges.gif) 0 0 no-repeat; border:none; cursor:pointer; overflow:hidden; width:128px; height:23px; } #editaccount .content .buttons-set button.button span { display:none; } #editaccount .content .buttons-set button.button:hover { background-position: 0 -23px; } #editaccount .content .customer-name-prefix-middlename .name-prefix { float:left; width:100%; } #editaccount .content .customer-name-prefix-middlename .name-firstname { float:left; width:100%; } #editaccount .content .customer-name-prefix-middlename .name-middlename { float:left; width:100%; } #editaccount .content .customer-name-prefix-middlename .name-lastname { float:left; width:100%; } #editaccount .content .customer-dob .input-box, #editaccount .content .customer-dob #day, #editaccount .content .customer-dob #month, .checkout-onepage-index .page .customer-dob .dob-day, .checkout-onepage-index .page .customer-dob .dob-month { width:auto; margin-right:10px; } /* #editaccount .content .customer-dob #year { width:35px; margin-right:10px; } */ #editaccount a:link { color: #917746; text-decoration: none;} #editaccount a:visited { color: #917746; text-decoration: none;} #editaccount a:hover { color: #666; text-decoration: none;} #editaccount a:active { color: #917746; text-decoration: none;} #editaccount a { line-height:1.4em; outline: 0; } /*================================ addresses =====================*/ .addresses-list ol { margin: 20px 0; } .addresses-list ol li{ margin-bottom: 20px; } .addresses-list ol li address{ font-style: normal; } .addresses-list ol li a { color: #A1855B; } .addresses-list ol li a:hover { color: #A1855B; } #addresses { padding:0; } /* #addresses p, #login addresses, #addresses label { line-height:1.4em; color:#666; } #addresses .page-title { border-bottom: none; margin-bottom:0; } #addresses .page-title .add_new_address { margin-bottom:0; padding: 0; width:133px; height:15px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_main_addnewaddress.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresses .page-title .edit_address { margin-bottom:0; padding: 0; width:99px; height:15px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_main_editaddress.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresses .contact-title { margin-bottom:16px; width:210px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_contactinfo.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresses .address-title { margin-bottom:16px; width:127px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_address.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresses .content { margin:7px 0 0 0; padding:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/loginblock_background.gif) #eaeaea 0 0 repeat-x; position:relative; height:1%; } #addresses .content .personalinfo { margin-bottom:16px; width:212px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_accountinfo.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresses .content .changepassword { margin-bottom:16px; width:189px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_changepassword.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresses .content p { padding: 0 10px 0 10px; margin-bottom:1em; line-height:1.4em; color:#666; font-style: normal; } #addresses .content ul { padding: 0px 10px 0 10px; margin-bottom: 0; } #addresses .content ul li { list-style-type: none; line-height:1.4em; color:#666; margin-bottom:1em; font-style: normal; } #addresses .content ul li input { padding: 6px 2px; margin-bottom: 4px; width:250px; } #addresses .content .buttons-set { margin-top:0; padding: 9px 0 10px 10px; border-top: 1px solid #fbfbfb; border-bottom: none; border-left: none; border-right: none; } #addresses .content .buttons-set a { float:right; margin-right:10px; margin-top:3px; } #addresses .content .buttons-set button.button { float:left; } #addresses .content .buttons-set button.button { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_submitchanges.gif) 0 0 no-repeat; border:none; cursor:pointer; overflow:hidden; width:128px; height:23px; } #addresses .content .buttons-set button.button span { display:none; } #addresses .content .buttons-set button.button:hover { background-position: 0 -23px; } #addresses .content .customer-name-prefix-middlename .name-prefix { float:left; width:100%; } #addresses .content .customer-name-prefix-middlename .name-firstname { float:left; width:100%; } #addresses .content .customer-name-prefix-middlename .name-middlename { float:left; width:100%; } #addresses .content .customer-name-prefix-middlename .name-lastname { float:left; width:100%; } #addresses .content .customer-dob .input-box, #editaccount .content .customer-dob #day, #editaccount .content .customer-dob #month { width:20px; margin-right:10px; } #editaccount .content .customer-dob #year { width:35px; margin-right:10px; } #addresses a:link { color: #917746; text-decoration: none;} #addresses a:visited { color: #917746; text-decoration: none;} #addresses a:hover { color: #666; text-decoration: none;} #addresses a:active { color: #917746; text-decoration: none;} #addresses a { line-height:1.4em; outline: 0; } */ /*================================ address page =====================*/ /*#addresspage { padding:0; } #addresspage p, #login addresspage, #addresspage label { line-height:1.4em; color:#666; } #addresspage .page-title { border-bottom: none; margin-bottom:0; } #addresspage .page-title h2 { margin-bottom:0; padding: 0 0 0 0; width:109px; height:15px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_main_addressbook.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresspage .contact-title { margin-bottom:16px; width:210px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_contactinfo.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresspage .address-title { margin-bottom:16px; width:127px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_address.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresspage .content { margin:7px 0 0 0; padding:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/loginblock_background.gif) #eaeaea 0 0 repeat-x; position:relative; height:1%; } #addresspage .content .col2-set .col-1 ol li h4 { margin-bottom:16px; width:326px; height:27px; font-size:0; line-height:0; overflow:hidden; text-indent: -9999px; } #addresspage .content .col2-set .col-1 ol li h4 a { display:block; margin-bottom:16px; width:326px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_button_billingaddress.gif) 0 0 no-repeat; text-indent: -9999px; } #addresspage .content .col2-set .col-1 ol li h4 a:hover { background-position: 0 -27px; } #addresspage .content .col2-set .col-2 ol li h4 { margin-bottom:16px; width:336px; height:27px; font-size:0; line-height:0; overflow:hidden; text-indent: -9999px; } #addresspage .content .col2-set .col-2 ol li h4 a { display:block; margin-bottom:16px; width:336px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_button_shippingaddress.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresspage .content .col2-set .col-2 ol li h4 a:hover { background-position: 0 -27px; } #addresspage .content .col2-set .col-1 h3 { margin-bottom:16px; width:254px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_additionaladdress.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #addresspage .content .col2-set .col-1 ol li p, #addresspage .content .col2-set .col-2 ol li p, #addresspage .content .col2-set .col-1 ol li address, #addresspage .content .col2-set .col-2 ol li address { line-height:1.4em; color:#666; margin-bottom:1em; padding: 0px 10px 0 10px; font-style: normal; } #addresspage .content .col2-set .floated ol li ol { clear:both; } #addresspage .content .col2-set .floated ol li ol li { display:inline; float:left; } #addresspage .content .col2-set .floated ol li ol .leftlist { width:225px; } #addresspage .content .col2-set .floated ol li ol .rightlist { width:100px; } #addresspage .content ul { padding: 0px 10px 0 10px; margin-bottom: 0; } #addresspage .content ul li { list-style-type: none; } #addresspage .content ul li input { padding: 6px 2px; margin-bottom: 4px; } #addresspage .content .buttons-set { margin-top:0; padding: 0 0 10px 10px; border-top: none; border-bottom: none; border-left: none; border-right: none; } #addresspage .content .buttons-set a { float:right; margin-right:10px; margin-top:3px; } #addresspage .content .buttons-set button.button { float:left; } #addresspage .content .buttons-set button.button { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_addnewaddress.gif) 0 0 no-repeat; border:none; cursor:pointer; overflow:hidden; width:139px; height:23px; } #addresspage .content .buttons-set button.button span { display:none; } #addresspage .content .buttons-set button.button:hover { background-position: 0 -23px; } #addresspage .content .customer-name-prefix-middlename .name-prefix { float:left; width:100%; } #addresspage .content .customer-name-prefix-middlename .name-firstname { float:left; width:100%; } #addresspage .content .customer-name-prefix-middlename .name-middlename { float:left; width:100%; } #addresspage .content .customer-name-prefix-middlename .name-lastname { float:left; width:100%; } #addresspage .content .customer-dob .input-box, #editaccount .content .customer-dob #day, #editaccount .content .customer-dob #month, #createaccount .content .customer-dob #day, #createaccount .content .customer-dob #month { width:20px; margin-right:0; } #editaccount .content .customer-dob #year, #createaccount .content .customer-dob #year { width:35px; } #addresspage a:link { color: #917746; text-decoration: none;} #addresspage a:visited { color: #917746; text-decoration: none;} #addresspage a:hover { color: #666; text-decoration: none;} #addresspage a:active { color: #917746; text-decoration: none;} #addresspage a { font-size:100%; line-height:1.4em; outline: 0; } */ /*=================== newsletter =========*/ /*#newsletter p, #newsletter legend, #newsletter .registered-users .form-list label { line-height:1.4em; color:#666; } #newsletter .page-title { margin-bottom:0; border-bottom: none; } #newsletter .page-title h2 { margin-bottom:0; padding: 0 0 0 0; width:195px; height:15px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_main_newslettersub.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #newsletter .content { margin:0; padding:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/grey_gradient_background.gif) #eaeaea 0 0 repeat-x; position:relative; height:1%; } #newsletter .content p { padding:10px 0 10px 10px; } #newsletter .dashboard .col2-set h5 { padding:0 0 0 10px; margin-bottom:0px; font-size:14px; } #newsletter .content .buttons-set { margin-top:0; padding: 9px 0 10px 10px; border-top: 1px solid #fbfbfb; border-bottom: none; border-left: none; border-right: none; } #newsletter .content .buttons-set a { float:right; margin-right:10px; margin-top:3px; } #newsletter .content .buttons-set button.button { float:left; } #newsletter .content .buttons-set button.button { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_submitchanges.gif) 0 0 no-repeat; border:none; cursor:pointer; overflow:hidden; width:128px; height:23px; } #newsletter .content .buttons-set button.button span { display:none; } #newsletter a:link { color: #917746; text-decoration: none;} #newsletter a:visited { color: #917746; text-decoration: none;} #newsletter a:hover { color: #666; text-decoration: none;} #newsletter a:active { color: #917746; text-decoration: none;} #newsletter a { line-height:1.4em; outline: 0; }*/ /*================================ wishlist page =====================*/ /*#wishlist form { background: #F9F9F6; padding: 15px; } #wishlist { padding:0; } #wishlist p, #wishlist label { line-height:1.4em; color:#666; } #wishlist .page-title { border-bottom: none; margin-bottom:0; } #wishlist .page-title h2 { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_main_wishlist.gif) 0 0 no-repeat; font-size:0; height:15px; line-height:0; overflow:hidden; margin-bottom:0; padding: 0 0 0 0; position:relative; text-indent: -9999px; width:109px; } #wishlist .data-table { border-bottom: 1px solid #DDD; margin-bottom: 0; } #wishlist .buttons-set { border-top: 1px solid #FBFBFB; } #wishlist .data-table thead tr { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x bottom left; position:relative; height:1%; } #wishlist .data-table span.nobr { display: block; width: 110px; } #wishlist .data-table td.last { width: 110px; } #wishlist .data-table th { border:none; font-weight:bold; padding:8px 5px 6px 10px;; white-space:nowrap; color:#666; } #wishlist .data-table tr td { border:none; padding:10px 10px 0 10px; vertical-align: top; font-size:100%; color:#666; } #wishlist .data-table tr.last td { padding-bottom: 10px; } #wishlist .data-table tr .last { border:none; padding:10px 10px 0 10px; margin:0; vertical-align: top; background-color:transparent; } #wishlist .data-table tr td .product-image img { margin:0; padding:0; vertical-align:none; border:1px solid #ddd; } #wishlist .data-table tr.even { background-color:transparent; } #wishlist .price-box { margin-bottom: 9px; } #wishlist .price { color:#666; } #wishlist textarea { margin-top:8px; } #wishlist .buttons-set2 { border:none; clear:both; margin:0; padding:10px; text-align:left; } #wishlist .buttons-set2 button:hover { background-position: 0 -23px; } #wishlist .buttons-set2 button { float: left; margin-right: 10px; } #wishlist .buttons-set2 button span span { text-indent: -9999px; } #wishlist .buttons-set2 .btn-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_sharewishlist.gif) 0 0 no-repeat; border:none; cursor:pointer; overflow:hidden; width:125px; height:23px; } #wishlist .buttons-set2 .btn-add { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_addalltobag.gif) 0 0 no-repeat; border:none; cursor:pointer; display: none; overflow:hidden; width:125px; height:23px; } #wishlist .buttons-set2 .btn-update { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_updatewishlist.gif) 0 0 no-repeat; border:none; cursor:pointer; height:23px; overflow:hidden; width:133px; } #wishlist a:link { color: #917746; text-decoration: none;} #wishlist a:visited { color: #917746; text-decoration: none;} #wishlist a:hover { color: #666; text-decoration: none;} #wishlist a:active { color: #917746; text-decoration: none;} #wishlist a { line-height:1.4em; outline: 0; }*/ /*================================ wishlist sharing page =====================*/ /*#sharingwish { padding:0; } #sharingwish p, #sharingwish label { line-height:1.4em; color:#666; padding:0 0 10px 0; } #sharingwish .page-title { border-bottom: none; margin-bottom:0; } #sharingwish .page-title h2 { margin-bottom:0; padding: 0 0 0 0; width:245px; height:15px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_main_mywish_share.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #sharingwish .content { margin:0; padding:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/grey_gradient_background.gif) #eaeaea 0 0 repeat-x; position:relative; height:1%; } #sharingwish .content p { padding:10px 0 10px 10px; } #sharingwish .content h3 { margin-bottom:16px; width:192px; height:27px; font-size:0; line-height:0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/title_sub_sharemywish.gif) 0 0 no-repeat; position:relative; overflow:hidden; text-indent: -9999px; } #sharingwish .content .form-list { padding:0 0 0 10px; } #sharingwish .content .buttons-set { border:none; clear:both; margin:0; padding: 0 0 10px 10px; text-align:left; } #sharingwish .content .buttons-set .sharewish { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_sharewishlist.gif) 0 0 no-repeat; border:none; cursor:pointer; overflow:hidden; width:125px; height:23px; float:none; } #sharingwish .content .buttons-set .sharewish span { display:none; } #sharingwish .content .buttons-set .sharewish:hover { background-position: 0 -23px } #sharingwish a:link { color: #917746; text-decoration: none;} #sharingwish a:visited { color: #917746; text-decoration: none;} #sharingwish a:hover { color: #666; text-decoration: none;} #sharingwish a:active { color: #917746; text-decoration: none;} #sharingwish a { line-height:1.4em; outline: 0; }*/ /*=================== shopping cart =====================*/ .noitems { margin: 0 0 10px 0; } .cart { /*margin:10px 10px 0 10px;*/ margin:10px 0; } .cart p, .cart label { line-height:1.4em; color:#666; /*padding:0 0 10px 10px;*/ } .cart .content p { padding:10px 0 10px 10px; } .cart .a-right button.btn-continue, .cart .a-right button.btn-update { border:none; cursor:pointer; padding: 5px 9px 6px; } .cart .a-right button.btn-continue span, .cart .a-right button.btn-update span { font-size: 12px; } .cart .page-title ul.checkout-types { margin-top: -27px; } .cart a { line-height:1.4em; outline: 0; } #shopping-cart-table { border-top: 1px solid #DDD; margin-bottom: 51px; } #shopping-cart-table tfoot { display: none; } #shopping-cart-table .data-table tbody { border:none; } #shopping-cart-table .data-table thead { border:none; } #shopping-cart-table th { line-height:1em; border:none; position:relative; text-align: left; height: auto !important; padding: 10px; font-weight: normal; font-family: 'RobotoCondensedRegular'; text-transform: capitalize; } #shopping-cart-table thead tr th:first-child { border-left: none; } #shopping-cart-table tr { border-bottom: 1px solid #DDDDDD; /*position:relative;*/ height:1%; } #shopping-cart-table tr td { border:none; margin-left:2px; padding:10px; vertical-align: top; font-size:100%; color:#666; } #shopping-cart-table tr td:first-child { border:none; padding-left: 0px; } #shopping-cart-table tr .a-right { padding-top:16px; } #shopping-cart-table h2.product-name { margin-top: 6px; } #shopping-cart-table thead th:last-child, #shopping-cart-table tr .last { text-align: right; padding-right: 20px; } #shopping-cart-table tr .last { padding:16px 20px 0 10px; vertical-align: top; background-image:none; width: 80px; } #shopping-cart-table tr td .product-image img { margin:0px; padding:0; vertical-align:none; float:left; } #shopping-cart-table tr.even { background-color:transparent; } #shopping-cart-table .qty { margin-top: 5px; } .cart .price { color:#111;} #shopping-cart-table .noleftborder { border-left:none; } #shopping-cart-table .norightborder { border-right:none; } #shopping-cart-table tfoot .last { background-image:none; border:none; } .cart .cart-collaterals { width: 100%; } .cart .cart-collaterals .buttons-set { border: none; margin: 0; padding: 0; } .cart .cart-collaterals .totals, .cart .cart-collaterals .checkout-types { margin-top: 30px; } .cart .cart-collaterals .shipping .intro { float: left; width: 180px; } .cart .cart-collaterals .shipping-form { width: 600px; float: right; } .cart .cart-collaterals .shipping-form button.button span { /*color: #A1855B;*/ /*text-transform: none;*/ /*letter-spacing: 0.04em;*/ } .cart .cart-collaterals .no-methods { float:right; width: 270px; } .cart .cart-collaterals .shipping-form form { float:left; width: 300px; } .cart .cart-collaterals .shipping { border: 1px solid #ddd; margin-bottom: 30px; padding: 20px; } .cart #delivery-options .intro h2, .cart .discount h2, .cart .reinforcement h3 { font-size: 14px; } .cart .reinforcement span.heading { color: #111; } .cart .cart-collaterals .reinforcement .pane { border: 1px solid #ddd; height: 135px; padding: 20px; width: 50%; } .cart .cart-collaterals .reinforcement .pane p { min-height: 90px; } .cart .cart-collaterals .reinforcement #co-shipping-method-form .sp-methods dt.carrier_tablerate p { min-height: 90px; } .cart .cart-collaterals .reinforcement strong { font-weight: normal; font-family: RobotoCondensedBold; } .cart .cart-collaterals .reinforcement .pane.pane-help { border-top: none; border-left: none; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/reinforcement/help-v2.png) 20px 55px no-repeat; padding-right:10px; } .cart .cart-collaterals .reinforcement .pane.pane-help p { padding-left: 50px; } .cart .cart-collaterals .reinforcement .pane.pane-returns { border-bottom: none; border-left: none; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/reinforcement/returns-v2.png) 20px 55px no-repeat; } .cart .cart-collaterals .reinforcement .pane.pane-returns p { padding-left: 50px; } .cart .cart-collaterals .reinforcement .pane.pane-shipping { border-top: none; border-right: none; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/reinforcement/delivery-v2.png) 20px 55px no-repeat; } .cart .cart-collaterals .reinforcement .pane.pane-shipping p { padding-left: 80px; } .cart .cart-collaterals .reinforcement .pane.pane-payment { border-right: none; border-bottom: none; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/reinforcement/norton-seal-retina.png) 20px 55px no-repeat; background-size: 35%; } .cart .cart-collaterals .reinforcement .pane.pane-payment p { padding-left: 120px; } .shipping-notice { margin-bottom: 20px; background: #ece7de; padding: 15px; } .shipping-notice { padding: 20px; color: #db1b1b; background: #FFF; border: 1px solid #db1b1b; } .checkout-onepage-index .shipping-notice { padding-right: 150px; } #discount-coupon-form { border: 1px solid #ddd; padding: 20px; } #discount-coupon-form label { display: block; margin-bottom:10px; } #discount-coupon-form button { background: #E2E2E2; border: none; cursor: pointer; font-family: 'RobotoCondensedRegular'; margin: 3px 0 0 0; padding: 6px 9px 6px; text-transform:uppercase; } .cart-collaterals .discount-form .input-box, .cart-collaterals .discount-form .buttons-set { clear: none; float: left; } .cart-collaterals .discount-form button { width: 100px; } #co-shipping-method-form label { display: inline; margin: 0; padding-left: 25px; } #co-shipping-method-form .sp-methods input { position: absolute; } #co-shipping-method-form .sp-methods .price { position: absolute; right: 0; } #co-shipping-method-form .sp-methods li { position: relative; } .cart .cart-collaterals .shipping .no-methods, #co-shipping-method-form .no-methods { color: #d12e2e; background: #fcf3f4; padding: 15px; } #co-shipping-method-form .no-methods { padding-right:150px; } .cart .totals { float: none; } #shopping-cart-totals-table, #shopping-cart-totals-table tr { border: 1px solid #ddd; } #shopping-cart-totals-table td, #shopping-cart-totals-table th { padding: 20px; } #shopping-cart-totals-table td { text-align:right; } #shopping-cart-totals-table tr th:first-child, #shopping-cart-totals-table tr td:first-child { text-align: left; font-family: RobotoCondensedRegular; font-weight: normal; } #shopping-cart-totals-table tr strong { font-family: RobotoCondensedBold; } #shopping-cart-totals-table tfoot { background: #ddd; font-size: 14px; } #shopping-cart-totals-table tfoot strong { font-weight: normal; } #checkout-shipping-method-load .sp-methods dt { margin-bottom:6px; } #shipping-zip-form .buttons-set button { border:none; cursor:pointer; float: none; } #shipping-zip-form label { padding: 0; } #co-shipping-method-form .buttons-set button { border:none; cursor:pointer; } #discount-coupon-form input { margin-bottom: 0; width: 175px; line-height:1.2em; } @-moz-document url-prefix() { #discount-coupon-form input { line-height:1.4em; } } .cart .item-options dt { color:#666666; font-style:normal; text-transform:capitalize; line-height:1.4em; font-weight:normal; float: left; margin-right: 6px; } .cart .item-options dd { color:#666666; font-style:normal; line-height:1.4em; font-weight:normal; padding-left:0; } .checkout-cart-index .messages { margin-bottom: 0; } .checkout-cart-index .cart-empty { margin:0; padding:20px 0 40px; position:relative; border-bottom:1px solid #ddd; line-height:1.4em; color:#666; } #shopping-cart-table tr .last a { line-height:1.4em; outline: 0; text-transform:uppercase; font-size: 12px; font-family: 'RobotoCondensedBold'; color: #A1855B; } #shopping-cart-table .btn-remove { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/cart/delete-product.png) 0 4px no-repeat; color: #A1855B; display: block; margin-top: 6px; padding-left: 14px; } .cart .error { color: #d33030 !important; padding-top: 4px !important; padding-bottom: 4px !important; } #empty_cart_button { display: none; } /*================ checkoutscreens ==================*/ #checkoutscreens p, #checkoutscreens label { color: #444; line-height: 1.4em; margin: 0 0 10px; } #checkoutscreens #co-shipping-method-form p { margin: 0; } .form-list #billing-new-address-form { margin-bottom: 20px; } .opc, .opc .step { border:none; padding: 0; } .opc li.section { border:none; margin-bottom:2px !important; } .checkout-onepage-index .col-main { border:none; padding: 0; margin: 0; width:720px; } .checkout-onepage-index .col-right { border:none; padding:88px 0 0 0; width:220px; margin: 0; } #checkoutSteps { width: 675px; padding-right: 45px; border-right: 1px solid #DDD; padding-top: 35px; } #opc-login #checkout-step-login button { margin-top:8px; } #checkoutSteps #opc-login #checkout-step-login{ margin-bottom: 10 px !important; border-bottom: 1px solid #DDD; padding-bottom: 20px; margin-top: 15px; } #checkoutSteps #opc-login .col-2 h3 { display: none; } #checkoutSteps #opc-login p { margin-bottom: 10px; max-width: 400px; } #checkoutSteps #opc-login .col-1 ul { margin: 20px 0; } #checkoutSteps #opc-login .col-1 ul.form-list { margin: 20px 0 50px; } #checkoutSteps #opc-login .col-1 .form-list .control { margin-bottom: 5px; } #checkout-step-billing, #checkout-step-shipping, #checkout-step-shipping_method, #checkout-step-payment, #checkout-step-review { margin:0 0 10px; padding:0; position:relative; border-bottom:1px solid #ddd; } #checkout-step-shipping_method .sp-methods li { width: 50%; } #checkout-step-payment { padding-bottom:10px; } .checkout-onepage-index .main-container p, .checkout-onepage-index .main-container label { line-height:1.4em; color:#111; margin:0 0 0 0; } .checkout-onepage-index p.copyright { color:#555; } #checkoutSteps #co-billing-form, #checkoutSteps #co-shipping-form, #checkoutSteps #co-shipping-method-form { line-height:1.4em; color:#666; margin:0 0 10px 0; } .checkout-onepage-index .page-title { margin-bottom:0px; width: 940px; } .opc-block-progress .block-title { display:none; } #checkoutscreens .content { margin:0; padding:10px 0 0 0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/grey_gradient_background.gif) #eaeaea 0 0 repeat-x; position:relative; height:1%; border-bottom:1px solid #ddd; } #checkoutscreens .content p { padding:10px 0 10px 10px; } #checkoutSteps .buttons-set { border: none; padding:0; text-align: right; } #checkoutSteps .buttons-set .required { display: none; } #checkoutSteps .step-title { padding: 0 0 10px; background: none; text-align: left; border-bottom: 1px solid #DDD; margin-bottom: 10px; } #opc-billing.active .step-title, #opc-billing.active .step-title:hover { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/step1.gif) 550px 6px no-repeat;} #opc-shipping.active .step-title, #opc-shipping.active .step-title:hover { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/step2.gif) 550px 6px no-repeat;} #opc-shipping_method.active .step-title, #opc-shipping_method.active .step-title:hover { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/step3.gif) 550px 6px no-repeat;} #opc-payment.active .step-title, #opc-payment.active .step-title:hover { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/step4.gif) 550px 6px no-repeat;} =#opc-review.allow .step-title { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/step5.gif) 550px 6px no-repeat;} /*#opc-shipping .step-title h2, #opc-shipping .step-title a, #opc-shipping_method .step-title h2, #opc-shipping_method .step-title a, #opc-payment .step-title h2, #opc-payment .step-title a, #opc-review .step-title h2, #opc-review .step-title a { display:none; }*/ #billing-address-select, #shipping-address-select { margin:10px 0; } #checkoutscreens #co-billing-form input.radio, #checkoutscreens #checkout-payment-method-load input.radio { margin:-2px 5px 0 0; } #co-billing-form .control { margin-bottom: 10px; } #checkoutSteps #register-newsletter { margin-bottom: 20px; } #checkoutSteps #register-newsletter input.checkbox { margin: 0 3px 0 0; } /** Buttons here */ #checkoutSteps .buttons-set button { border:none; cursor:pointer; width:auto; height:auto; /*margin-top: -5px;*/ } #shipping-method-buttons-container { margin:10px 0 0 0; } #checkoutSteps button { width:auto; float:none; display: inline; /*margin-top: -2px;*/ } #checkoutSteps #payment-buttons-container button { width: auto; } #checkoutSteps #review-buttons-container button { width:auto; height:auto; margin-top:-35px; } #checkoutSteps #review-buttons-container .f-left { text-align:left; } #checkoutSteps .buttons-set .back-link { border: 1px solid #DDDDDD; display: inline; padding: 5px 9px 5px 9px; text-align: right; float: none; margin-right: 7px; vertical-align:-1px; } #checkoutSteps .buttons-set .back-link a { color: #111111; cursor: pointer; text-transform: uppercase; width: auto; } #checkoutSteps .buttons-set .back-link small { display: none; } #checkoutscreens #checkout-review-submit { padding-top:30px; padding-bottom:30px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x top left; } #checkout-review-submit .please-wait { height: 48px !important; } .please-wait { float:none; position:absolute; padding:6px 15px 7px; margin:0; background:#fff; width:296px; z-index:2; right:0; bottom:9px; } .please-wait span { margin-top:-6px; } .please-wait img { vertical-align:middle; } #review-buttons-container .please-wait { padding:12px 2px 2px 10px; width:210px; height:48px; } #checkoutscreens #checkout-review-table { margin-bottom:20px; } #checkoutscreens .data-table tbody { /*border-top:1px solid #ddd;*/ } #checkoutscreens .data-table thead tr th { border:none; border-bottom:1px solid #DDD; line-height:1.4em; color:#111; padding:10px 10px 10px 0px; } #checkoutscreens .data-table tr td { border: none; border-top: 1px solid #DDD; padding:10px 10px 10px 0px; font-size:100%; color:#666; } #checkoutscreens .data-table tr td.a-right { text-align: right; padding: 10px 24px 0px 0; } #checkoutscreens .data-table tr td.last { text-align: right; } #checkoutscreens .data-table tr.first { border-top: 1px solid #DDD; } #checkoutscreens .data-table thead tr.first, #checkoutscreens .data-table tfoot td { border-top: none; } .data-table tr.even { background: none; } #checkoutscreens .data-table tfoot th { line-height:1em; color:#666; border:none; text-align:right; padding:10px 24px 0px 0; } #checkoutscreens .product-name, #checkoutscreens .price { font-weight:normal; margin-top:0; line-height:1em; text-transform: capitalize; } #checkout-review-table-wrapper strong { font-family: 'RobotoCondensedBold'; font-weight: normal; color: #111; font-size: 13px; } #checkoutscreens .product-name { font-family: 'RobotoCondensedRegular'; font-size: 14px; } #checkoutscreens .item-options dt { color:#666666; font-style:normal; font-weight:bold; line-height:1.4em; } #checkoutscreens .item-options dt { color:#555; font-weight:bold; font-style:normal; line-height:1.4em; float:left; margin-right:8px; } #checkoutscreens .item-options dd { padding: 0px; float:left; margin-right:16px; } #checkoutscreens a:link { color: #917746; text-decoration: none;} #checkoutscreens a:visited { color: #917746; text-decoration: none;} #checkoutscreens a:hover { color: #666; text-decoration: none;} #checkoutscreens a:active { color: #917746; text-decoration: none;} #checkoutscreens a { line-height:1.4em; outline: 0; } /*================== checkout login ===================*/ #checkout-step-login .col2-set { margin:0 0 30px 0; position:relative; border:none; } #opc-login .step-title h2, #opc-billing .step-title h2, #opc-shipping .step-title h2, #opc-shipping_method .step-title h2, #opc-payment .step-title h2, #opc-review .step-title h2 { color:#AAA; font-size: 19px; font-style:normal; line-height:1.4em; padding:0; margin-bottom: 0; text-transform: capitalize; float: left; margin-top: 5px; font-family: 'RobotoCondensedRegular'; } #checkoutSteps .allow h2 { color:#111; } #checkoutSteps .active h2 { color:#111; } .opc .step-title .number, #opc-shipping .step-title a, #opc-shipping_method .step-title a, #opc-payment .step-title a, #opc-review .step-title a { display: none; } #opc-payment label[for=p_method_paypal_express] { display: inline-block; margin-bottom: 20px; } #opc-payment label[for=p_method_paypal_express] img { margin-bottom: -12px; margin-top: 10px; } #opc-payment label[for=p_method_vaimo_klarna_invoice] img { margin-bottom: -7px; margin-right: 6px; } #checkout-step-login .col-1 h3 { margin-bottom: 9px; } #checkoutscreens #checkoutSteps #opc-login .step-title { font-size:100%; } #opc-login .step-title, #opc-billing .step-title { line-height: 1.4em; text-indent: 0; font-size: inherit; text-align: left; } /*#opc-billing .step-title { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/step1.gif) 550px 1px no-repeat; }*/ #opc-login .step-title span, #opc-login .step-title a, #opc-billing .step-title span, #opc-billing .step-title a { display: none; } #checkoutSteps .allow .step-title a { display: block; float: left; font-size: 12px; margin-left: 10px; margin-top: 12px; text-transform: uppercase; font-family: 'RobotoCondensedBold'; } #checkoutSteps .active .step-title a { display: none; float: left; } @media screen and (-webkit-min-device-pixel-ratio:0) { .customer-dob label { display:block; } } #checkout-step-login .form-list li { font-style:normal; line-height:1.4em; } #checkout-step-login .fasteasy { padding-bottom:72px; } #checkout-step-login .form-list input { margin: -2px 5px 0 0; } #checkout-step-login .buttons-set { padding-top:12px; padding-bottom:0px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x top left; } #checkout-step-login .col-1 .buttons-set button { border:none; cursor:pointer; width:auto; height:auto; float:right; } #checkoutscreens .step-title h3 { color:#666666; font-size:115%; line-height:1.4em; padding:6px 5px 2px 5px; } #checkout-step-login .col-2 .f-left { display:block; margin-bottom: 20px; margin-top: -40px; text-align: left; } /*================== checkout success ===================*/ #checkoutsuccess .page-title { color:#666666; font-size:115%; margin-bottom:0; padding:10px 4px 10px 0; } #checkoutsuccess .page-title h2 { margin:8px 0 6px 0; padding-left:10px; } #checkoutsuccess .content { margin:0 0 10px 0; padding:10px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/grey_gradient_background.gif) #eaeaea 0 0 repeat-x; position:relative; height:1%; border:none; } #checkoutsuccess .content h3 { color:#666666; font-size:115%; line-height:1.4em; } #checkoutsuccess .content p { color:#666666; line-height:1.4em; padding:10px 0 10px 0; } #checkoutsuccess .content .buttons-set { margin-top:0; padding: 9px 0 0 0; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x top left; border: none; } #checkoutsuccess .content .buttons-set button.continueshopping { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/button_continueshopping.gif) 0 0 no-repeat; border:none; cursor:pointer; overflow:hidden; width:146px; height:23px; float:none; margin: 3px 10px 3px 0; } #checkoutsuccess .content .buttons-set button.continueshopping span { display:none; } #checkoutsuccess .content .buttons-set button.continueshopping:hover { background-position: 0 -23px; } #checkoutsuccess a:link { color: #917746; text-decoration: none;} #checkoutsuccess a:visited { color: #917746; text-decoration: none;} #checkoutsuccess a:hover { color: #666; text-decoration: none;} #checkoutsuccess a:active { color: #917746; text-decoration: none;} /*================== checkout side bar ===================*/ .col-right .block { border:none; } .col-right .block .block-content { padding:0; } .col-right .block-progress .block-content dl dt { color:#555; font-style:normal; font-weight: normal; line-height:2.6em; padding:0 0 0 15px; margin-bottom:2px; text-transform: uppercase; border-bottom: 1px solid #DDD; } .col-right .block-progress .block-content dl dt:last-child { border-bottom: none; } .col-right .block-progress .block-content dl dt.complete { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/checkout/greentick.gif) right no-repeat; color:#555; font-style:normal; line-height:2.6em; padding:0 0 0 15px; } .col-right .block-progress .block-content dl dt .separator { color: #BBB; } .col-right .block-progress .block-content dl .complete { padding:10px 10px 20px 15px; color:#111; font-style:normal; line-height:1.3em; background: none; border-bottom: 1px solid #DDD } .col-right .block-progress .block-content dl .complete address { font-style:normal; } .complete a:link { color: #917746; text-decoration: none;} .complete a:visited { color: #917746; text-decoration: none;} .complete a:hover { color: #666; text-decoration: none;} .complete a:active { color: #917746; text-decoration: none;} /*log out /*===================*/ #logout .page-title { color:#666666; font-size:115%; margin-bottom:0; padding:10px 4px 10px 0; } #logout .page-title h2 { margin:8px 0 6px 0; padding-left:10px; } #logout .content { margin:0 0 10px 0; padding:10px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/grey_gradient_background.gif) #eaeaea 0 0 repeat-x; position:relative; height:1%; border:none; } #logout .content p { color:#666666; line-height:1.4em; padding:10px 0 10px 0; } /*generic==============*/ .goback { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 3px 0 2px 0; margin:4px 0 9px 0; } .gobackextra a:link { color: #917746; text-decoration: none;} .gobackextra a:visited { color: #917746; text-decoration: none;} .gobackextra a:hover { color: #666; text-decoration: none;} .gobackextra a:active { color: #917746; text-decoration: none;} .gobackextra a { outline: 0; } #moveright { float:right; } .toolbar { width: 940px; margin: -53px 0 30px; } .catalog-category-view .col2-left-layout .toolbar, .catalogsearch-result-index .toolbar { width: 702px; } .catalogsearch-result-index .toolbar { margin: -53px 0 25px; } .toolbar-bottom .toolbar { margin: 15px 0 30px; } .sorter { float: right; margin: 0; padding: 0; border: none; text-transform: uppercase; font-family: 'RobotoCondensedBold'; font-size: 12px; } .sorter .sort-by select { font-family: 'RobotoCondensedBold'; padding: 3px; } .pager { margin: 0; padding-bottom:0; text-align: left; color: #464646; } .pager p { margin-right:20px; padding-top:1px; } .pager .sort-by { float: none; display: inline; } .pager .sort-by { margin-left: 15px; float: right; } .pager .page-view { float:right; padding-right:15px; border-right:1px solid #DDD; .width:300px; } .pager .limiter { float: right; } .pager .pages { display: inline; float:right; margin-top:5px; margin-left:0; margin-right:20px; } .pager .pages strong { font-family: 'RobotoCondensedBold'; text-transform: uppercase; font-weight: normal; } .catalog-category-view .col2-left-layout .toolbar .pager .pages { display: none; } .catalog-category-view .col2-left-layout .toolbar-bottom .toolbar .pager .pages, .catalogsearch-result-index .toolbar-bottom .toolbar .pager .pages { display: inline; } .catalog-category-view .col2-left-layout .toolbar-bottom .toolbar .pager, .catalogsearch-result-index .toolbar-bottom .toolbar .pager { margin: 0; } .pager .pages .v-middle { vertical-align: middle; } .pager .pages li { margin-left: 5px; } .pager .pages li a { color: #AAA; } .pager .pages .current { color: #111; } .i-next img { margin-top:-2px; .margin-top:0px; } .fakedarkborder { height: 1px; background: #ddd; } .fakebothborder { height: 1px; background: #ddd; border-bottom: 1px solid #fbfbfb; margin: 0 0 10px 0; } .tablesplitter { height: 2px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x top left; margin: 0; padding:0; } .listsplitter { height: 2px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x top left; margin: 10px 10px 0 0; padding:0; } .catalog-product-view .messages li { margin-bottom: 0px; } .catalog-product-view .main .error-msg, .catalog-product-view .main .success-msg, .catalog-product-view .main .note-msg, .catalog-product-view .main .notice-msg, .catalog-product-view .main .warning-msg { margin-bottom: 10px; } .messages li ul li { margin: 3px 8px; } .messages a { color: #fff; } .messages a:hover { color: #a1855b; } .error-msg { background-color:#111; background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/incorrectsymbol.gif); border-color:#d33030; color:#FFF; } .success-msg { background-color:#111; background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/correctsymbol.gif); border-color:#57b12a; color:#FFF; } .warning-msg { background-color:#111; background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/warningsymbol.gif); border-color:#57b12a; color:#FFF; } .error-msg, .success-msg, .note-msg, .notice-msg, .warning-msg { background-position:10px 10px !important; background-repeat:no-repeat !important; font-weight:normal !important; font-size: 13px !important; min-height:24px !important; padding:8px 8px 8px 32px !important; margin-left:10px; margin-right:10px; border: none !important; } .notice-msg { background-color: #ECE7DE; } #info .error-msg { background-color:#eee; background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/incorrectsymbol.gif); border-color:#aaa; color:#666; width:360px; } #info .success-msg { background-color:#eee; background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/correctsymbol.gif); border-color:#aaa; color:#666; width:360px; } .note-msg { margin-bottom:10px; } p.note-msg { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/warning.gif") no-repeat scroll 10px 11px #111111 !important; color: #FFFFFF; min-height: auto !important; padding: 10px 15px 12px 40px !important; margin-left: 0px; margin-right: 0px; line-height: 1.7em; } #info .messages { margin-bottom:0px; margin-top:-50px; } .searchheader h2 { color:#666666; font-size:115%; margin:0 0 4px 10px; padding:0; } #addresses .content ul li input.checkbox { padding:0; margin-bottom:0; width:30px; } /*print order button */ #orderspending a:link { color: #917746; text-decoration: none;} #orderspending a:visited { color: #917746; text-decoration: none;} #orderspending a:hover { color: #666; text-decoration: none;} #orderspending a:active { color: #917746; text-decoration: none;} /*one page checkout dob*/ .checkout-onepage-index .page .customer-dob .input-box, .checkout-onepage-index .page .customer-dob .dob-year input { width:35px; margin-right:0px; } #addresspage .content .customer-dob .input-box, #editaccount .content .customer-dob #day, #editaccount .content .customer-dob #month, .checkout-onepage-index .page .customer-dob .dob-day input, .checkout-onepage-index .page .customer-dob .dob-month input { width:20px; margin-right:0px; } .sp-methods .form-list { padding-left: 0; } .existing-customers { margin: 20px 0; background: #ece7de; padding: 15px; } #checkout-step-login .existing-customers { margin-bottom: 10px; } #checkout-step-review .existing-customers { margin-bottom: 10px; } .existing-customers h2 { font-size: 120%; margin-bottom: 5px; color: #917746; } .existing-customers p { margin-bottom: 10px; color: #555 !important; } .existing-customers a { font-weight: normal; } .existing-customers a:hover { text-decoration: underline !important; } .issueinfo { font-size: 90% !important; margin-top: 20px; } .russia-billing-warning, .russia-shipping-warning, .turkey-billing-warning, .turkey-shipping-warning, .shipping-warning, .billing-warning { padding: 10px; font-size: 0.9em; margin: 10px 0; text-align: left; background: #e9e4da; } #country { padding:6px 0 4px 0; width: 200px; } #billing-new-address-form .fields .field, #shipping-new-address-form .fields .field { float:left; margin-right:10px; } #billing-new-address-form .fields .field select, #billing-address-select, #shipping-new-address-form .fields .field select, #shipping-address-select { padding: 6px 6px 4px; letter-spacing: 0em; } label[for="p_method_sagepaydirectpro"], label[for="p_method_sagepayserver"], label[for="p_method_sagepayform"] { background-image: none !important; padding-left: 0px !important; } #dottodot-link { margin-top:30px; } .paypal-express-review .page-title { margin-top: 32px; } .paypal-express-review .messages { margin: -10px 0 -10px 0; } .paypal-express-review .sub-title { color: #666666; font-family: 'RobotoCondensedRegular'; font-size: 13px; border-bottom: 1px solid #ddd; margin-top: 30px; padding-bottom: 15px; } .paypal-express-review h2.legend, .paypal-express-review .paypal-shipping-method .box-title h3 { display: block; font-size: 18px; font-family: 'RobotoCondensedRegular'; line-height: 20px; border-bottom: 1px solid #ddd; margin-bottom: 17px; margin-top: 17px; padding-bottom: 17px; } .paypal-express-review .field { float: left; width: 346px; margin-bottom: 20px; } .paypal-express-review label { color: #666666; } .paypal-express-review .field input.input-text { width:325px; height: 22px; margin-top: 10px; } .paypal-express-review .field select { height: 28px; margin: 10px 0 0 0; width: 325px; } .paypal-express-review .name-fields .field { width:173px; } .paypal-express-review .name-fields .field input.input-text { width: 151px; } .paypal-express-review .checkbox { margin-top: 0; } .paypal-express-review .form-list fieldset { border-bottom: 1px solid #ddd; padding-bottom: 30px; } .paypal-express-review #billing-address, .paypal-express-review #shipping-address { width: 75%; } .paypal-express-review .site-selector { color: #A1855B; } .paypal-express-review .same-as, .paypal-express-review .paypal-shipping-method .box-content { position: absolute; margin-left: 180px; margin-top: -55px; } .paypal-express-review .cart-review h2 { margin-top: 50px; border-bottom: none; } .paypal-express-review .cart-review .separator { display: none; } .paypal-express-review .cart-review a { color: #A1855B; font-size: 12px; margin-left: 15px; } .paypal-express-review #details-reload { margin-top: -22px; } .paypal-express-review .data-table th, .paypal-express-review .data-table td { text-transform: none; border-left: none; border-right: none; padding: 0; } .paypal-express-review .data-table thead th, .paypal-express-review .data-table tfoot th, .paypal-express-review .data-table tfoot td { font-family: 'RobotoCondensedBold'; color: #111111; font-size: 13px; margin-bottom: 10px; padding: 10px 0; } .paypal-express-review .data-table th.last, .paypal-express-review .data-table td.last { text-align: right; padding-left: 20px; padding-right: 30px; } .paypal-express-review .data-table tfoot td.last { border-left: 1px solid #ddd; font-family: 'RobotoCondensedRegular'; } .paypal-express-review .data-table h3 { font-family: 'RobotoCondensedRegular'; font-size: 13px; letter-spacing: 0; margin-top: 16px; margin-bottom: 10px; } .paypal-express-review .item-options { margin-bottom: 28px; } .paypal-express-review strong { font-family: RobotoCondensedBold; } .paypal-express-review .data-table tbody td.last, .paypal-express-review .data-table tbody td.a-right, .paypal-express-review .data-table tbody td.a-center, .paypal-express-review .data-table thead th.last, .paypal-express-review .data-table thead th.a-right, .paypal-express-review .data-table thead th.a-center { border-left: 1px solid #ddd; } .paypal-express-review .data-table .a-right, .paypal-express-review .data-table .a-center { padding-left: 15px; padding-right: 15px; } .paypal-express-review .data-table .a-right { text-align: right; } .paypal-express-review .data-table .a-center { text-align: center; } .checkout-cart-index .validation-advice, .paypal-express-review .validation-advice { margin-top: 8px; } .paypal-express-review .paypal-review-order .chosen-container { margin-top: 10px; width: 325px !important; } .paypal-express-review .chosen-container-single .chosen-single { height: 26px; } .paypal-express-review .item-options dt { color: #666666; font-style: normal; text-transform: capitalize; line-height: 1.4em; font-weight: normal; float: left; margin-right: 6px; } .paypal-express-review .item-options dd { color: #666666; font-style: normal; line-height: 1.4em; font-weight: normal; padding-left: 0; } .paypal-express-review .buttons-set { border-top: none; position: relative; } .paypal-express-review .please-wait { bottom: 0px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #checkoutSteps .buttons-set .back-link { vertical-align:-2px; } } /* Techy Jims Catalogue styling */ /* Main product listing grid */ .products-grid td { width:226px; border: none; position:relative; padding: 0 12px 0 0; } .product-name { margin-bottom: 3px; } .product-name a { font-size: 14px; margin-top: 10px; font-weight: normal; line-height: 1em; margin-bottom: 1px; text-transform: capitalize; font-family: 'RobotoCondensedRegular'; } .product-name a { color: #111111; } .product-image img { display: block; } .products-grid .product-image { display: block; margin-bottom: 12px; } .category-products { padding-bottom: 20px; } .products-grid tr.odd, .products-grid tr.even { background: none; } .sale-price { text-decoration: none; color: #E9212C; font-weight: bold !important; margin-left:5px; } .old-price .price { font-weight: 100; } .pager { border: none; } .pager .amount, .category-description { display: none; } .sale-indicator { position: absolute; margin: 3px; } /*#featured-products*/ /*{ */ /*background-color: #D4D4D4;*/ /*margin: 0 -20px 8px -20px;*/ /*padding: 10px 10px 20px 10px;*/ /*border-bottom: 10px solid #DCDCDC;*/ /*}*/ /*#featured-products ul li*/ /*{*/ /*float: left;*/ /*margin-right: 18px;*/ /*}*/ /*#featured-products ul li.last*/ /*{*/ /*float: left;*/ /*margin-right: 0;*/ /*}*/ /*#featured-products .product-image*/ /*{*/ /*border: 1px #D4D4D4 solid;*/ /*display: block;*/ /*}*/ /*#featured-products .product-image:hover*/ /*{*/ /*border: 1px #464646 solid !important;*/ /*}*/ /* tosser george's bits go here */ .categorypath-men .category-title, .categorypath-women .category-title, .categorypath-laurel-wreath-collection-men .category-title, .categorypath-laurel-wreath-collection-women .category-title { /*display:none;*/ } #util { border-bottom:none; margin:10px 0 10px 12px; padding:0; } #util p { margin:0; padding:0; } ul.landinglist li { display: block; float: left; width:226px; height: 305px; position: relative; padding:0; margin:0 12px 12px 0; cursor: pointer; } /*@media screen and (-webkit-min-device-pixel-ratio:0) { ul.landinglist li { margin:0 20px 10px 0; } }*/ ul.landinglist .listnorightpadding { margin:0; } ul.listlessbottompadding li { margin-bottom:10px; } ul.landinglist li img { position: absolute; width:226px; height: 270px; top: 0; left: 0; z-index: 10; } ul.landinglist li p { position: absolute; width:206px; color: #FFF; top: 270px; left: 0; z-index: 20; height: 26px; font-size: 14px; padding: 9px 10px 0px; line-height: 1em; background: rgba(0,0,0,0.8); } /*.extramargintop*/ /*{*/ /*margin-top:10px;*/ /*}*/ /*#flashcontentwomens*/ /*{*/ /*margin-bottom:6px;*/ /*position:relative;*/ /*}*/ /*#flashcontentmens*/ /*{*/ /*margin-bottom:8px;*/ /*position:relative;*/ /*}*/ /*#flashcontentmens .noflash, #flashcontentwomens .noflash */ /*{*/ /*margin-left:10px;*/ /*}*/ /*#flashcontentmens .noflash p, #flashcontentwomens .noflash p*/ /*{*/ /*font-size:108%;*/ /*line-height:1.6em;*/ /*color:#666;*/ /*}*/ #extraimage { margin:0 0 10px 10px; } #centre-image { width:693px; margin:0 auto 20px auto; } .products-grid .price-box .label { margin-right: 0px; } /* Style product name in sale */ h3.product-name a strong { display: block; margin-bottom: -2px; } h3.product-name a span { display: block; line-height: 14px; margin-bottom: 4px; } a:hover, a:active, a:focus { outline:0; } .generalbackground h2, #shopholder h2, .generalbackground h3, .generalbackground h4, .generalbackground table tr th { font-family: 'RobotoCondensedBold'; } .generalbackground h2, #shopholder h2 { font-size: 14px; color: #111; margin-top: 30px; margin-bottom: 8px; font-weight: normal; } .generalbackground h2.notop { margin-top: 0px; } .generalbackground h3, .generalbackground h4, .generalbackground table tr th { font-size: 13px; color: #111; margin-bottom: 4px; margin-top: 25px; font-weight: normal; } .generalbackground h4 { margin-top: 0px; } #tab_data h2 { font-size: 21px; font-family: 'RobotoCondensedRegular'; border-bottom: 1px solid #DDD; text-transform: capitalize; margin: 20px 0; line-height: 1em; padding-bottom: 15px; } .generalbackground p, .generalbackground table, .generalbackground label { color:#444; font-size:13px; font-style:normal; line-height:1.4em; margin-bottom: 18px; } .generalbackground table { width: 555px; } .generalbackground .informationtabs-leftcolumn table { margin-bottom:10px; } .generalbackground table tr th, .generalbackground table tr td { padding:4px 50px 4px 0; border-bottom:1px solid #ddd; } .generalbackground table#com-delivery tr th, .generalbackground table#com-delivery tr td { padding:4px 30px 4px 0; } .generalbackground .footweartable tr td { padding:4px 0 4px 0; width:45px; } .generalbackground .footweartable tr .colone { padding-right:50px; } .generalbackground .clothingtable tr td { padding:4px 0 4px 0; width:60px; } .staticpage-sizeguidekids .generalbackground .clothingtable tr td { width:47px; } #tab_data a, #tab_data a:visited { color: #917746; } #tab_data a:hover, #tab_data a:active { color: #917746; } .generalbackground .clothingtable tr .colone { width:100px; padding-right:0; } .clothingtable .headrow { background-color: #EEE; } .cms-page-view .divider { margin-top: 30px; } .generalbackground .redtext, .redtext { color:#d33030 !important; } .redtext a:link { color: #d33030; text-decoration: underline;} .redtext a:visited { color: #d33030; text-decoration: underline;} .redtext a:hover { color: #917746; text-decoration: underline;} .redtext a:active { color: #d33030; text-decoration: underline;} .block-content ul li ul { padding:10px 0; } .block-content ul li .navsection { color:#666; font-style:normal; margin-bottom:0; padding-bottom:0; } .block-content ul li { text-decoration:none; } .block-content ul li a { text-decoration:none; } .block-content ul li ul li { border-bottom:none; border-top:none; margin-left:0px; padding: 0 0 2px 0; } .block-content ul li ul li.activenav a { color:#111; } .block-content ul li ul .lastnested { border-bottom:none; padding-bottom:0; } .block-content ul li ul li a { text-decoration:none; color: #555; } #breadcrumbs { font-size:100%; font-style:normal; line-height:1.4em; color:#666; } #breadcrumbs a:link { color: #917746; text-decoration: none;} #breadcrumbs a:visited { color: #917746; text-decoration: none;} #breadcrumbs a:hover { color: #666; text-decoration: none;} #breadcrumbs a:active { color: #917746; text-decoration: none;} /* faq page*/ .faqbackground h3 { margin-bottom:12px; padding:4px 4px 4px 0; color:#111; } .faqbackground h4 { margin-bottom:0; padding:4px 4px 4px 0; } .faqbackground p, .faqbackgroundd table, .faqbackground label { color:#666666; font-style:normal; line-height:1.4em; margin-bottom:20px; } .faqbackground table tr th, .faqbackground table tr td { padding:0 50px 0 0; border-bottom:1px solid #ddd; text-align: left; } .faqblock ol, .generalbackground ol { list-style-position:inside !important; text-align: left; color:#555; margin-bottom:14px; } .faqblock > ol { padding-left: 20px; } .faqbackground .faqblock > ol { list-style-position: outside !important; } .faqblock > ol li .faqquestion { float: none !important; } .faqbackground .faqblock > ol li .faqanswer { width: 535px; } .faqanswer table { margin-top: 15px; } .faqbackground .faqblock li, .generalbackground ol li { list-style-type: decimal; margin:0; text-decoration:none; border-bottom:#DDD 1px solid; padding: 5px 0; } .faqbackground .faqblock ol li { list-style-position:outside !important; padding-top:0; margin-bottom:5px; } .faqbackground .faqblock .listtop { border-top:none; } .faqbackground .faqblock li .faqquestion { margin-left:0; color:#111; padding-left:0px; display: inline-block; width: 504px; } .faqbackground .faqblock li a:hover, .faqbackground .faqblock li a.selected { /* color:#917746;*/ text-decoration:none; /*background-position:5px -10px;*/ } .faqbackground .faqblock li ul { margin-bottom:14px; margin-left:14px; list-style-type: disc; } .faqbackground .faqblock li ul li { background:none; padding:2px 0; line-height:1.2em; border:none !important; font-size:100%; vartical-align:top; } .faqblock p { color:#555; font-size:100%; font-style:normal; line-height:1.4em; margin:6px 0 10px 0; } .col2-left-layout strong { font-family: 'RobotoCondensedBold'; font-weight: normal; } .faqbackground .faqblock li .faqanswer { display: none; width: 504px; } .faqbackground .faqblock li .faqanswer ol li { line-height: 1.5em; padding: 10px 0; color: #555555; } .col-main .generalbackground p .standardlink:link { color: #917746; text-decoration: none;} .col-main .generalbackground p .standardlink:visited { color: #917746; text-decoration: none;} .col-main .generalbackground p .standardlink:hover { color: #666; text-decoration: none;} .col-main .generalbackground p .standardlink:active { color: #917746; text-decoration: none;} .generalbackground ol li .standardlink:link { color: #917746; text-decoration: none;} .generalbackground ol li .standardlink:visited { color: #917746; text-decoration: none;} .generalbackground ol li .standardlink:hover { color: #666; text-decoration: none;} .generalbackground ol li .standardlink:active { color: #917746; text-decoration: none;} .faqblock ol li .faqanswer dt a:link { color: #917746 !important; text-decoration: none;} .faqblock ol li .faqanswer dt a:visited { color: #917746 !important; text-decoration: none;} .faqblock ol li .faqanswer dt a:hover { color: #666 !important; text-decoration: none;} .faqblock ol li .faqanswer dt a:active { color: #917746 !important; text-decoration: none;} button.button { background: #A1855B; border: none; cursor: pointer; padding: 6px 9px 7px; } button.button:hover { background: #111; } button.button span { font-family: 'RobotoCondensedRegular'; text-transform: uppercase; color: #FFF; font-weight: normal; padding: 0; font-size: 13px; } #shopsearchblock { padding-top:20px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x top left; height:1%; } #searchbycountry, #searchbytype, #searchshops { float:left; } #searchbycountry, #searchbytype { border:1px solid #ddd; padding: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 3px 15px 8px 0; } #searchshops { margin-top:2px; } #shopholder { padding:60px 0px 30px; } #shopholder h2 { border-bottom:1px solid #ddd; padding-bottom: 10px; margin-top: 0; margin-bottom: 10px; } .shoplocator-shops-view .shop-profile .shopheader h3 { margin: 0; padding: 17px 0 10px; border-bottom: 0; font-size: 24px; font-weight: normal; line-height: 1em; text-transform: capitalize; font-family: 'RobotoCondensedRegular'; } .shoplocator-shops-view .shop-profile .shopheader h3 a { color: #111 !important; } .shopheader { padding:0; margin:8px 0 42px 0; } .shopblock { margin-bottom: 50px; } #shopholder .shopheader h2 { border-bottom:none; padding-bottom: 0px; margin-bottom: 10px; } .shop-profile .shopheader { margin:0 0 10px 0; } .shopheader a { cursor:pointer; float:right; margin: 0; } a.shop-back-to-top { font-size: 12px; font-family: 'RobotoCondensedBold'; text-transform: uppercase; color: #a1855b; } .shopheader .anchor { background:none; float:none; } .shopheader h2 { display:inline; float:left; margin-bottom:6px; padding:0; color:#666; line-height:1.2em; } .shopheader h2 a { float:none; background:none; } .shop-profile .shopheader h2 { padding:4px 0 0 0; } .shopheader .shopdescription { border-top:1px solid #ddd; clear:both; padding-top: 8px; } .shop-profile .shopheader .shopdescription { border-top:none; } .shopheader .shopdescription p { color:#555; font-style:normal; line-height:1.4em; margin:6px 0; } .shopheader .shopdescription p strong { color:#111; font-style:normal; font-family: 'RobotoCondensedRegular'; margin-bottom: 5px; font-size: 13px; } .shopdescription .strip1, .shopdescription .strip2, .shopdescription .strip3 { float:left; width:200px; } .shopheader .shopdescription p a { background:none; float:none; } .shopsplitter { height:3px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x bottom left; margin:0; padding:0; border-bottom:1px solid #ddd; } #googlemapholder { margin:30px 0 0 0; padding:0px; position:relative; } .shopheader .shopdescription p a:link { color: #a1855b; text-decoration: none;} .shopheader .shopdescription p a:visited { color: #a1855b; text-decoration: none;} .shopheader .shopdescription p a:hover { color: #111; text-decoration: none;} .shopheader .shopdescription p a:active { color: #a1855b; text-decoration: none;} .shopheader h2 a:link { color: #a1855b; text-decoration: none;} .shopheader h2 a:visited { color: #a1855b; text-decoration: none;} .shopheader h2 a:hover { color: #111; text-decoration: none;} .shopheader h2 a:active { color: #a1855b; text-decoration: none;} .shoplocator-shops-view .shop-profile h2 { font-weight: normal; font-size: 24px; line-height: 1em; font-family: 'RobotoCondensedRegular'; text-transform: capitalize; margin-top:10px; } .shoplocator-shops-view .shop-profile h2 a { color: #111; } .shop-profile .shopheader h3 a { color: #666 !important; text-decoration: none; cursor:pointer !important; } #contactform .buttons-set { border: none; border-top: 1px solid #DDD; padding: 22px 0 0 0; width: 675px; } #contactform .buttons-set button { border:none; cursor:pointer; } .sitemapblock { float:left; width:300px; margin-bottom:50px; margin-right: 30px; } .sitemapblock h2 { padding:0 0 10px; margin-top: 0; line-height:1.2em; border-bottom:1px solid #ddd; margin-bottom:5px; } .sitemapblock h2 a { color:#111; } .sitemapblock ul li { color:#666666; font-style:normal; line-height:1.4em; margin:3px 0; } .sitemapblock ul li.sitemapbold { font-weight:normal; margin-top: 15px; color: #111; } .sitemapblock ul li a:link { color: #666; text-decoration: none;} .sitemapblock ul li a:visited { color: #666; text-decoration: none;} .sitemapblock ul li a:hover { color: #917746; text-decoration: none;} .sitemapblock ul li a:active { color: #666; text-decoration: none;} .sitemapblock ul li.sitemapbold a { color: #111; text-decoration: none;} /*sendtofriend /*===================*/ #sendtofriend { background:#fff; padding:10px; margin:0; } #sendtofriend .messages { margin-bottom:0; } #sendtofriend .page-title { color:#666666; font-size:115%; margin-bottom:0; padding:10px 4px 10px 0; border-bottom:none; } #sendtofriend .page-title h2 { background:transparent url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/generalpages/title_main_tellafriend.gif) no-repeat scroll 0 0;font-size:0; height:16px; line-height:0; margin-bottom:0; overflow:hidden; padding:0; margin-left:10px; position:relative; text-indent:-9999px; width:107px; } #sendtofriend .content { margin:0 0 0 0; padding:10px 10px 0 10px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/grey_gradient_background.gif) #eaeaea 0 0 repeat-x; position:relative; height:1%; border:none; } #sendtofriend .content p, #sendtofriend .content label { color:#666666; font-size:108%; line-height:1.4em; padding:10px 0 10px 0; } #sendtofriend .content h3 { font-size:115%; margin-bottom:12px; padding:4px 4px 4px 0; color:#666; } #sendtofriend .buttons-set { border:none; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/payment/horiztableborder.gif) repeat-x top left; height:1%; padding:10px 10px 10px 0; margin-top:10px; } #sendtofriend .buttons-set button.sendemail { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/generalpages/button_sendemail.gif) 0 0 no-repeat; border:none; cursor:pointer; overflow:hidden; width:102px; height:23px; float:left; margin-right:10px; } #sendtofriend .buttons-set button.sendemail span { display:none; } #sendtofriend .buttons-set button.sendemail:hover { background-position: 0 -23px; } #sendtofriend .buttons-set #add_recipient_button button { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/generalpages/button_addrecipient.gif) 0 0 no-repeat; border:none; cursor:pointer; overflow:hidden; width:117px; height:23px; float:left; } #sendtofriend .buttons-set #add_recipient_button button span { display:none; } #sendtofriend .buttons-set #add_recipient_button button:hover { background-position: 0 -23px; } .btn-remove img { margin-top:8px; } .sendfriend-product-send .border { margin:0; } #lefthistory { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/history/history-background-left.gif) #eaeaea 0 0 repeat-x; height:518px; width:76px; float:left; } #righthistory { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/history/history-background-right.gif) #eaeaea 0 0 repeat-x; height:518px; width:77px; float:left; } #flashicon { /* margin-left:76px; margin-right:76px;*/ margin-bottom:8px; float:left; width:787px; } #slideshow img{ border:none; } .slideshowborder { height:19px; background:#333; padding:10px 0 5px 10px; } .slideshowborder h3 { color:#fff; margin:0; padding:0; line-height:1em; } /* 404 page */ #notfound { padding:0; } #notfound h1 { margin-bottom:20px; } #notfound p { color:#666666; font-style:normal; line-height:1.4em; margin-bottom:1em; } #notfound ul li { color:#666666; font-style:normal; line-height:1.4em; padding-bottom:5px; } #notfound a:link { color: #917746; text-decoration: none;} #notfound a:visited { color: #917746; text-decoration: none;} #notfound a:hover { color: #666; text-decoration: underline;} #notfound a:active { color: #917746; text-decoration: none;} #notfound dd { padding: 0; } .cms-index-noroute .page-head-alt { margin-bottom: 25px; border-bottom: 1px solid #DDD; } .cms-index-noroute .crosspromo { border-top: 1px solid #DDDDDD; margin-top: 30px; margin-left: 0px; margin-right: 0px; padding: 30px 0 0 0; width: 940px; } #validationerror { padding-top:35px; padding-bottom:25px; } #validationerror h2 { font-size:150%; margin:0 0 12px 0; padding:0; color:#333; } #validationerror p { font-size:115%; margin:0 0 10px 0; padding:0; color:#666; line-height: 1.3em; } #validationerror a { color: #917746; } .clear { height: 0; width: 0; line-height: 0; clear: both; font-size: 0; } .highlightblock { border: 1px solid #d33030; padding:10px 10px 0 10px; margin-bottom:20px; } .highlightblock th { padding-right:100px !important; } .highlightblock h3 { color:#d33030 !important; } .tiparea { position:absolute; z-index:2; display:block; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/generalpages/transparent.gif) top left repeat; text-decoration:none !important; } .menarea1 { height: 250px; left: 360px; top: 30px; width: 170px; } .menarea2 { height: 250px; left: 550px; top: 30px; width: 220px; } .womenarea1 { height: 260px; left: 330px; top: 30px; width: 180px; } .womenarea2 { height: 260px; left: 520px; top: 30px; width: 220px; } /* adjusts left postion of actual tooltip */ .menarea1 .tooltip-outer { left:0px; } .womenarea1 .tooltip-outer { left:-40px; } .womenarea2 .tooltip-outer { left:50px; } .tooltip-outer { color:#fff; font-size:14px; font-weight:normal; margin:0; padding: 7px 10px 7px 10px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/generalpages/tooltip_bg_total-centred.png) top center repeat-x; display:inline; width:auto; height:41px; position:absolute; display:none; z-index:3; } .fakehover { cursor:pointer; } .generalbackground table.infoblock { } .generalbackground table.infoblock tr td { border-bottom: none; padding: 1px 10px 1px 0; } .rowspace td { height:20px; } .more-info { background: none repeat scroll 0 0 #F5F5F5; display: none; margin-bottom: 30px; } .more-info .inner { padding: 25px 0 25px 25px; width: 475px; } /** Css fixes that had to be implemented */ #faqtitle .generalbackground { padding:0; } /* bradley wiggins static terms and conditions pages */ .staticpage-bradleyterms .page { margin-left:0 !important; } .staticpage-bradleyterms { background: #e9b222 url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradleyterms/bradley-terms-bg.gif) top left repeat-y; padding:35px 35px 35px 50px; font-family: Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 23px; color: #222221; letter-spacing:0.1em; } .staticpage-bradleyterms h1 { background: #e9b222 url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradleyterms/bradley-header-logo.jpg) top left no-repeat; height:90px; width:198px; display:block; text-indent:-10000px; margin-bottom:50px; } .staticpage-bradleyterms h2 { background: #e9b222 url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradleyterms/bradley-title.jpg) top left no-repeat; height:54px; width:354px; display:block; text-indent:-10000px; margin-bottom:35px; } .staticpage-bradleyterms .terms-content { width:560px; } .staticpage-bradleyterms .terms-content p { margin-bottom:18px; } .injected-graphic { margin-top:10px; margin-bottom:10px; } .widget-embeddedvideo { position:relative; } .video-overlay-link { position: absolute; z-index: 1; top: 15px; left: 30px; } .home-delivery-message { background:#000; text-align:center; } .home-delivery-message h5 { text-transform:uppercase; font-weight:100; font-size:13px; margin:0; padding:2px 0 2px; } .home-delivery-message h5 a { color:#fff; text-decoration:none; } .home-delivery-message h5 a:hover { color:#ddd; } /* used exclusively for the JAmie Reid category header with video and text */ .category-jamie-reid .breadcrumbs, .category-women-jamie-reid .breadcrumbs { border-bottom:none; } .category-jamie-reid #video-split #video, .category-women-jamie-reid #video-split #video { float:left; width:624px; } .category-jamie-reid #video-split #textual, .category-women-jamie-reid #video-split #textual { margin-left:644px; font-family: "Helvetica Neue", arial, sans; } .category-jamie-reid #video-split #textual h1, .category-women-jamie-reid #video-split #textual h1 { font-style:italic; font-size:25px; text-transform:uppercase; margin-bottom:0.8em; } .category-jamie-reid #video-split #textual p, .category-women-jamie-reid #video-split #textual p { font-style:italic; font-size:13px; margin-bottom:1.3em; line-height:18px; } .category-jamie-reid #video-split #textual p a, .category-women-jamie-reid #video-split #textual p a { text-transform:uppercase; } .category-jamie-reid #textual .jamie-reid-divider, .category-women-jamie-reid .jamie-reid-divider { width:46px; height:1px; background-color:#000; margin-bottom:1.3em; margin-top:1.5em; } /*******************************/ /* used exclusively for the 1934 category header with video and text */ .category-1934-tennis-shoe .breadcrumbs { border-bottom:none; } .category-1934-tennis-shoe #video-split #video { float:left; width:624px; } .category-1934-tennis-shoe #video-split #textual { margin-left:644px; text-align:center; width:260px; } .category-1934-tennis-shoe #video-split #textual h1 { font-family: Helvetica, arial, sans; font-size:22px; text-transform:uppercase; letter-spacing:0px; margin-bottom:0.5em; } .category-1934-tennis-shoe #video-split #textual h4 { font-family: Courier, arial, sans; font-size:14px; margin-bottom:2em; line-height:16px; color:#000; } .category-1934-tennis-shoe #video-split #textual p { font-family: Courier, arial, sans; font-size:13px; margin-bottom:1.3em; margin-left:7px; line-height:14px; color:#464646; display:block; width:246px; } .category-1934-tennis-shoe .logos { text-align:center; margin-top:30px; margin-bottom:40px; border:1px solid #cecece; } .category-1934-tennis-shoe .logos img { margin-left:10px; display:block; } /*******************************/ /*******************************/ /* used exclusively for the 80 yr anniversary category header with video and text */ /*category-80-years-tennis - cat 380*/ .category-80-years-signature-collection #top-tipping { background: #013c1c; } .category-80-years-signature-collection #bottom-tipping { background: #a9925e; } .category-80-years-signature-collection .breadcrumbs { border-bottom:none; } .category-80-years-signature-collection #video-split { margin-bottom:44px; } .category-80-years-signature-collection #video-split #video { float:left; width:624px; height:345px; } .category-80-years-signature-collection #video-split #textual { margin-left:624px; padding-top:12px; text-align:center; width:300px; } .category-80-years-signature-collection #video-split #textual h1 { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/themes/ss14-80yrs/80-year-header.png) top left no-repeat; width:192px; height:81px; text-indent:-10000px; text-align: center; margin:0 auto 24px auto; } .category-80-years-signature-collection #video-split #textual p { font-family: Georgia, arial, sans; font-size:13px; margin:0 0 1.3em 10px; line-height:1.4em; color:#013c1c; width:290px; } /*******************************/ /* used exclusively for the bella freud category header with video and text */ /*category-bella-freud - cat 386*/ .category-bella-freud .breadcrumbs { border-bottom:none; } .category-bella-freud #video-split { margin-bottom:44px; } .category-bella-freud #video-split #video { float:left; width:624px; height:345px; } .category-bella-freud #video-split #textual { margin-left:634px; padding-top:0; text-align:center; width:300px; } .category-bella-freud #video-split #textual h1 { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/themes/bella-freud/bella-freud-logo.jpg) top left no-repeat; width:91px; height:143px; text-indent:-10000px; text-align: center; margin:0 auto 30px auto; } .category-bella-freud #video-split #textual p { font-family: "Helvetica Neue", arial, sans; text-transform:uppercase; font-size:10px; font-weight:bold; letter-spacing:0.2em; margin:0; line-height:1.8em; color:#013c1c; width:300px; } .category-bella-freud #video-split #textual p span { color:#9b8388; } /*******************************/ /* category landing pages */ .categorypath-men .breadcrumbs, .categorypath-women .breadcrumbs, .categorypath-laurel-wreath-collection-men .breadcrumbs, .categorypath-laurel-wreath-collection-women .breadcrumbs { border-bottom:none; margin-bottom:10px; } .categorypath-men .category-title, .categorypath-women .category-title, .categorypath-laurel-wreath-collection-men .category-title, .categorypath-laurel-wreath-collection-women .category-title { display:none; } .categorypath-men .widget-block, .categorypath-women .widget-block, .categorypath-laurel-wreath-collection-men .widget-block, .categorypath-laurel-wreath-collection-women .widget-block { margin-bottom:24px; } .categorypath-men-the-list .breadcrumbs, .categorypath-men-the-list .category-title{ display:none; } .categorypath-men-the-list .widget-imagemap, .categorypath-men-the-list .the-list-map { margin-top:15px; } /*******************************/ .overlay-buttons { position:relative; } .overlay-buttons .overlay-mens { position:absolute; bottom:50px; left:430px; z-index:1; height:100px; width:200px; display:block; } .overlay-buttons .overlay-womens { position:absolute; bottom:50px; left:635px; z-index:2; height:100px; width:200px; display:block; } /* message box for returns pages */ .highlight-message { border:none; margin:0 0 20px 0; padding:16px 20px 20px 16px; background-color:#ECE7DE; } .highlight-message .highlight-message-header { margin-top:0; margin-bottom:10px; } .highlight-message p.highlight-message-body { margin-bottom: 0; padding-right: 50px !important; } .highlight-message.highlight-message-tab { max-width:650px; margin-left:-14px; } .highlight-message.highlight-message-tab .highlight-message-body { margin-bottom:0 !important; } .ft-highlight-message { background-color:#f4f4ee; max-width:510px; border:1px solid #7A7A73; } .ft-highlight-message p { color:#7A7A73; margin-bottom:1em !important; } .ft-highlight-message .highlight-message-body { margin-bottom:0 !important; } /*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: visible !important; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: visible; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8019; /*background: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fancybox/fancybox_overlay.png');*/ } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* Chosen v1.0.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat 100% -20px;background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat 100% -20px,-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat 100% -20px,-webkit-linear-gradient(#eee 1%,#fff 15%);background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat 100% -20px,-moz-linear-gradient(#eee 1%,#fff 15%);background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat 100% -20px,-o-linear-gradient(#eee 1%,#fff 15%);background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat 100% -20px,linear-gradient(#eee 1%,#fff 15%);font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:15px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat -30px -20px;background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat -30px -20px,-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat -30px -20px,-webkit-linear-gradient(#eee 1%,#fff 15%);background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat -30px -20px,-moz-linear-gradient(#eee 1%,#fff 15%);background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat -30px -20px,-o-linear-gradient(#eee 1%,#fff 15%);background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite.png) no-repeat -30px -20px,linear-gradient(#eee 1%,#fff 15%);direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/chosen/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} .klarna_promotion_logo img{ margin: 10px auto; display: block; } @font-face { font-family: 'RobotoCondensedLight'; src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/fonts/robotocondensed-light.eot'); src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/fonts/robotocondensed-light.eot?#iefix') format('embedded-opentype'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/fonts/robotocondensed-light.woff') format('woff'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/fonts/robotocondensed-light.ttf') format('truetype'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/fonts/robotocondensed-light.svg#RobotoCondensedLight') format('svg'); } .perry-suys-index-index .body-wrapper .page, .perry-suys-index-index .body-wrapper .main, .perry-suys-index-index .body-wrapper .col-main { width: 100%; min-width: 960px; background: #292929 } .perry-suys-index-index .body-wrapper .page { background: url(data:image/gif;base64,R0lGODlhBAEBAIAAAP///wAAACH5BAAAAAAALAAAAAAEAQEAAAIOhI+py+0Po5y02ouzXgUAOw==) repeat-y 0 0 #292929; } .perry-suys-index-index .body-wrapper .page { padding-bottom: 375px !important; } .perry-suys-index-index #footer_wrapper { margin-top: 0 !important; } .perry-suys-index-index #top-tipping { background: #2f2f2f; } .perry-suys-index-index #bottom-tipping { background: #8f181e; } /*html { overflow: hidden !important }*/ .perry-suys-index-index #dialog { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1200; background: #ccc; background: rgba(200, 200, 200, 0.8); } .perry-suys-index-index #dialog .inner-dialog { margin: 5% auto 0; max-width: 750px; width: 80%; background: #fff; position: relative; } .perry-suys-index-index #dialog .title { padding: 30px 10px 15px; margin-bottom: 15px; } .perry-suys-index-index #dialog h1 { font-family: 'RobotoCondensedLight'; font-size: 32px; text-align: center; position: relative; padding-right: 15px; } .perry-suys-index-index #dialog h1:after { /**content: "";**/ display: block; width: 40px; height: 1px; background: #d6d6d6; position: absolute; bottom: -15px; left: 50%; margin-left: -20px; } .perry-suys-index-index #dialog .dialog-content { height: 350px; padding: 20px 20px 0; overflow-y: scroll; } .perry-suys-index-index #dialog .close-dialog { display: block; width: 17px; height: 17px; position: absolute; padding: 20px; top: 0px; right: 0px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/dialog-close.png) no-repeat center transparent; cursor: pointer; } .perry-suys-index-index #dialog .dialog-content { background: #f8f8f8; } .perry-suys-index-index #dialog .dialog-content :first-child { margin-top: 0; } .perry-suys-index-index #dialog .dialog-content h3, .perry-suys-index-index #dialog .dialog-content h4 { font-family: 'RobotoCondensedLight'; color: #7c192d; font-size: 24px; text-align: center; } .perry-suys-index-index #dialog .dialog-content h3 { margin-top: 30px; } .perry-suys-index-index #dialog .dialog-content h4 { margin-top: 30px; font-size: 16px; margin-bottom: 5px; } .perry-suys-index-index #dialog .dialog-content p { margin-bottom: 20px; text-align: center; padding: 0 20px; margin-top: 10px; } .perry-suys-index-index #dialog .centerer { margin: 0 auto; width: 336px; max-width: 100%; } .perry-suys-index-index #dialog .centerer-400 { width: 404px; margin: 0 auto; } .perry-suys-index-index #dialog #instagram-logo, .perry-suys-index-index #dialog #twitter-logo { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/how-to-enter/instagram-logo.png) no-repeat center transparent; height: 61px; margin-bottom: 10px; max-width: 100%; } .perry-suys-index-index #dialog #twitter-logo { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/how-to-enter/twitter-logo.png) no-repeat center transparent; } .perry-suys-index-index #dialog .instagram-appstore, .perry-suys-index-index #dialog .instagram-playstore { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/how-to-enter/app-store-badge.png) no-repeat transparent; display: inline-block; height: 49px; width: 165px; } .perry-suys-index-index #dialog .instagram-playstore { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/how-to-enter/google-play-badge.png) no-repeat transparent; } .perry-suys-index-index #dialog .take-a-picture { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/how-to-enter/instagram-take-photo.jpg) no-repeat transparent; display: inline-block; width: 200px; height: 333px; } .perry-suys-index-index #dialog .take-a-picture.twitter { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/how-to-enter/twitter-take-photo.jpg) no-repeat transparent; } .perry-suys-index-index #dialog .take-a-picture.instagram.tagged { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/how-to-enter/instagram-tag-image.jpg) no-repeat transparent; } .perry-suys-index-index #dialog .take-a-picture.twitter.tagged { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/how-to-enter/twitter-tag-image.jpg) no-repeat transparent; } .perry-suys-index-index #dialog .hashtag { margin-bottom: 0 !important; font-size: 15px; font-weight: bold; } .perry-suys-index-index #dialog .visit-we-are-tipped { width: 404px; height: 383px; margin: 0 auto 40px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/how-to-enter/visit-we-are-tipped.jpg) no-repeat transparent; } @media (max-width: 580px) { .perry-suys-index-index #dialog .instagram-appstore, .perry-suys-index-index #dialog .instagram-playstore { display: block; margin: 0 auto 5px; } .perry-suys-index-index #dialog .centerer-400 { width: 200px; } .perry-suys-index-index #dialog #instagram-logo, .perry-suys-index-index #dialog #twitter-logo { background-size: cover; height: 52px; } .perry-suys-index-index #dialog #twitter-logo { height: 40px; } .perry-suys-index-index #dialog .visit-we-are-tipped { width: 200px; height: 190px; background-size: contain; } .perry-suys-index-index #grid-panel { margin-left:0 !important; } .perry-suys-index-index .entry-popup .share-container { display:none !important; } .perry-suys-index-index #grid .entry#loading { margin-left: 59px; margin-top: 59px; } } .perry-suys-index-index .entry-info .vote-bar { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/heart.png) no-repeat 10px 10px #0d0a11; position: absolute; bottom: -40px; left: 0; right: 0; height: 20px; padding: 10px 10px 10px 40px; font-size: 15px; line-height: 19px; color: #fff; } .perry-suys-index-index #panel-surround { background:#292929 url(data:image/gif;base64,R0lGODlhBAEBAIAAAP///wAAACH5BAAAAAAALAAAAAAEAQEAAAIOhI+py+0Po5y02ouzXgUAOw==) repeat-y left top; } .perry-suys-index-index #grid { min-height: 590px; } .perry-suys-index-index #grid .entry { float: left; position: relative; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } .perry-suys-index-index #grid .entry#loading { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/ajax-loader.gif) no-repeat; margin-left: 40px; margin-top: 40px; height: 32px !important; width: 32px !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } .perry-suys-index-index #control-panel { position: absolute; z-index: 1100; left: 86px; top: 157px; width: 280px; display: none; } .perry-suys-index-index #locate-bar { width: 220px; height: 29px; float: left; } .perry-suys-index-index #locate-button { display: block; float: left; width: 29px; height: 29px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/locate-bg.png) no-repeat 6px 5px #4e4e4e; cursor: pointer; } .perry-suys-index-index #reset-view { float: left; margin: 0; padding: 6px 9px 7px; color: #fff; font-family: 'RobotoCondensedRegular'; letter-spacing: 1px; -moz-box-sizing: border-box; box-sizing: border-box; height: 29px; } .perry-suys-index-index #locate-field { width: 171px; color: #777; padding: 7px 10px; font-size: 13px; border: 0; margin: 0; float: left; background: -webkit-linear-gradient(left, #efefef, #eee); } .perry-suys-index-index #locate-field::-webkit-input-placeholder { color: #777; } .perry-suys-index-index #locate-field:-moz-placeholder { color: #777; } .perry-suys-index-index #locate-field::-moz-placeholder { color: #777; } .perry-suys-index-index #locate-field:-ms-input-placeholder { color: #777; } .perry-suys-index-index #map-panel { height: 480px; width: 100%; padding-right: 260px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; display: none; } .perry-suys-index-index #grid-panel { background: #292929; position: relative; overflow: hidden; margin-left: 260px; } .perry-suys-index-index #map { position: absolute; left: 0; right: 260px; height: 445px; background: #f5f5f5; } .perry-suys-index-index #map-statusbar { background: #787878; height: 20px; padding: 8px 18px; color: #fff; font-family: 'RobotoCondensedLight'; position: absolute; bottom: 0; left: 0; right: 260px; } .perry-suys-index-index #side-panel { width: 260px; background: #fff; float: left; position: relative; z-index: 2; } .perry-suys-index-index #side-panel .aside { width: 260px; } .perry-suys-index-index #side-panel .info { height: 544px; } .perry-suys-index-index #side-panel .aside h1 { position: relative; font-size: 21px; padding: 32px 28px 22px; font-family: 'RobotoCondensedLight'; } .perry-suys-index-index #side-panel .aside h1:after { content: ""; position: absolute; display: block; height: 2px; width: 27px; left: 30px; bottom: 0; background: #000; } .perry-suys-index-index #side-panel .aside p { padding: 25px 28px; font-family: 'RobotoCondensedLight'; font-size: 13px; line-height: 17px; letter-spacing: -0.01em; } @media \0screen\,screen\9 { .perry-suys-index-index #side-panel .aside h1 { padding: 32px 20px 22px; } .perry-suys-index-index #side-panel .aside h1:after { left: 22px; } .perry-suys-index-index #side-panel .aside p { padding: 25px 20px; } } .perry-suys-index-index #side-panel .featured-entries:hover { cursor: pointer; } .perry-suys-index-index #side-panel .featured-entries img { display: block; float: left; } .perry-suys-index-index #side-panel button.how-to-enter { border: 0; margin: 32px 30px; background: #8f181e; padding: 8px 10px 9px; color: #fff; font-family: 'RobotoCondensedLight'; text-transform: uppercase; letter-spacing: 0.05em; } .perry-suys-index-index #side-panel button.how-to-enter:hover { background: #0d0a11; } .perry-suys-index-index #side-panel .terms { border-top: 1px solid #9d9d9d; padding: 8px 30px 9px; font-family: 'RobotoCondensedLight'; cursor: default; } .perry-suys-index-index .entry { cursor: pointer; } .perry-suys-index-index .entry img { width: 100%; display: block; } .perry-suys-index-index .entry-popup { position: absolute; left: 0; top: 0; height: 500px; z-index: 1; display: none; } .perry-suys-index-index #entry-mask { display: none; background: #000; filter: alpha(opacity=60); background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .perry-suys-index-index .entry-popup img { height: 500px; width: 500px; } .perry-suys-index-index .entry-popup img.loading-mask { position: absolute; top: 0; left: 0; } .perry-suys-index-index .entry-popup .closer { position: absolute; top: 0px; right: 0px; height: 28px; width: 28px; padding: 12px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/close-popup.png) no-repeat center transparent; cursor: pointer; z-index: 2; } .perry-suys-index-index .entry-popup .details { position: absolute; bottom: 36px; left: 0; width: 100%; padding: 13px 5px 13px 20px; background: #333; background: rgba(51, 51, 51, 0.85); color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; } .perry-suys-index-index .entry-popup .details h1 { font-size: 19px; float: left; font-family: 'RobotoCondensedLight'; } .perry-suys-index-index .entry-popup .details h2 { color: #9d9b9e; margin: 0; font-size: 19px; float: left; line-height: 19px; margin-left: 10px; font-family: 'RobotoCondensedLight'; } .perry-suys-index-index .entry-popup .action-panel { position: absolute; bottom: 0; left: 0; font-size: 13px; color: #fff; width: 100%; padding: 5px 20px 0; height: 36px; box-sizing: border-box; -moz-box-sizing: border-box; background: #333; background: rgba(51, 51, 51, 0.95); } .perry-suys-index-index .entry-popup .action-panel a { color: #fff; } .perry-suys-index-index .entry-popup .vote-count { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/heart.png) no-repeat 0 3px transparent; padding-left: 30px; line-height: 19px; text-transform: uppercase; } .perry-suys-index-index .entry-popup a.vote { position: relative; cursor: pointer; padding: 0 14px 0 11px; margin-left: 10px; margin-right: 14px; border-left: 1px solid #777; } .perry-suys-index-index .entry-popup a.vote:after { content: ""; position: absolute; height: 36px; width: 1px; right: 0; bottom: -10px; background: #444; } .perry-suys-index-index .entry-popup a.share { cursor: pointer; } .perry-suys-index-index .entry-popup .share-container { display: inline-block; position: relative; top: 3px; margin-left: 18px; opacity: 0; } .perry-suys-index-index .entry-popup .share-container.visible { opacity: 1; } .perry-suys-index-index .entry-popup a.buy-link { position: relative; margin-left: 16px; text-transform: uppercase; } .perry-suys-index-index .entry-popup a.buy-link:after { content: ""; position: absolute; height: 36px; width: 1px; left: -16px; bottom: -10px; background: #444; } .perry-suys-index-index .entry-popup .share-container a { height: 18px; width: 17px; float: left; margin-right: 10px; background: #111; display: block; cursor: pointer; } .perry-suys-index-index .entry-popup .share-container a.facebook-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/facebook.png) no-repeat; width: 9px; } .perry-suys-index-index .entry-popup .share-container a.twitter-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/twitter.png) no-repeat; height: 16px; width: 20px; position: relative; top: 1px; } .perry-suys-index-index .entry-popup .share-container a.pinterest-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/pinterest.png) no-repeat; height: 18px; width: 18px; position: relative; top: 1px; } .perry-suys-index-index #view-toggle { display: none; } .perry-suys-index-index #mobile-about { display: none; } .perry-suys-index-index .pac-container { width: 350px !important; } .perry-suys-index-index #map-panel .marker, .perry-suys-index-index #map-panel .cluster { background: url(/fredperry/ecom/skin/frontend/base/default/perry_suys/images/circle.png) no-repeat; color: #fff; line-height: 35px; font-size: 12px; font-weight: bold; text-align: center; cursor: pointer; width: 35px; height: 35px; } .perry-suys-index-index #map-panel .marker:hover { background: url(/fredperry/ecom/skin/frontend/base/default/perry_suys/images/circle-red.png) no-repeat; } .perry-suys-index-index #map-panel .marker.marker-100 { background: url(/fredperry/ecom/skin/frontend/base/default/perry_suys/images/shirt-black.png) no-repeat; width: 40px; height: 57px; margin-left: -3px; margin-top: -11px; line-height: 80px; } .perry-suys-index-index #map-panel .marker.marker-100:hover { background: url(/fredperry/ecom/skin/frontend/base/default/perry_suys/images/shirt-red.png) no-repeat; } .perry-suys-index-index .clustermap-cluster { font-size: 12px; font-weight: bold; color: #fff; text-align: center; line-height: 35px; } .perry-suys-index-index .clustermap-cluster.map-circle { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/circle.png) !important; background-size: 35px 92px; } .perry-suys-index-index .clustermap-cluster.map-circle:hover { background-position: 0 -57px !important; } .perry-suys-index-index .clustermap-cluster.map-shirt { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/shirt.png) !important; background-size: 40px 114px; line-height: 82px; } .perry-suys-index-index .clustermap-cluster.map-shirt:hover { background-position: 0 -57px !important; } .perry-suys-index-index .order-toggle { font-family: RobotoCondensedLight; margin: 0 auto; padding: 10px 30px 10px 10px; text-align: right; cursor: pointer; } .perry-suys-index-index .order-toggle .toggle-icon { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/order-toggle.png) 0 0; display: inline-block; height: 14px; margin: 0 6px -3px 6px; width:24px; } .perry-suys-index-index .ordered-latest .toggle-icon { background-position: 0 14px; } .perry-suys-index-index .ordered-popular .order-popular { color: white !important; } .perry-suys-index-index .ordered-popular .order-latest { color: #696969 !important; } .perry-suys-index-index .ordered-latest .order-popular { color: #696969 !important; } .perry-suys-index-index .ordered-latest .order-latest { color: white !important; } @media all and (-webkit-min-device-pixel-ratio: 2) { .perry-suys-index-index .clustermap-cluster.map-circle { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/retina/circle.png) !important; background-size: 35px 70px; } .perry-suys-index-index .clustermap-cluster.map-circle:hover { background-position: 0 -35px !important; } .perry-suys-index-index .clustermap-cluster.map-shirt { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/base/default/perry_suys/images/retina/shirt.png) !important; background-size: 40px 114px; } .perry-suys-index-index .clustermap-cluster.map-shirt:hover { background-position: 0 -57px !important; } } /** CSS3 loader **/ .perry-suys-index-index .entry-popup .loading { background: #333; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #floatingCirclesG { position:absolute; top: 50%; margin-top: -50px; left: 50%; margin-left: -50px; width:100px; height:100px; -moz-transform:scale(0.6); -webkit-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6); } .f_circleG { position:absolute; background-color:#333333; height:18px; width:18px; -moz-border-radius:9px; -moz-animation-name:f_fadeG; -moz-animation-duration:1.04s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -webkit-border-radius:9px; -webkit-animation-name:f_fadeG; -webkit-animation-duration:1.04s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -ms-border-radius:9px; -ms-animation-name:f_fadeG; -ms-animation-duration:1.04s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; -o-border-radius:9px; -o-animation-name:f_fadeG; -o-animation-duration:1.04s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; border-radius:9px; animation-name:f_fadeG; animation-duration:1.04s; animation-iteration-count:infinite; animation-direction:linear; } #frotateG_01 { left:0; top:41px; -moz-animation-delay:0.39s; -webkit-animation-delay:0.39s; -ms-animation-delay:0.39s; -o-animation-delay:0.39s; animation-delay:0.39s; } #frotateG_02 { left:12px; top:12px; -moz-animation-delay:0.52s; -webkit-animation-delay:0.52s; -ms-animation-delay:0.52s; -o-animation-delay:0.52s; animation-delay:0.52s; } #frotateG_03 { left:41px; top:0; -moz-animation-delay:0.65s; -webkit-animation-delay:0.65s; -ms-animation-delay:0.65s; -o-animation-delay:0.65s; animation-delay:0.65s; } #frotateG_04 { right:12px; top:12px; -moz-animation-delay:0.78s; -webkit-animation-delay:0.78s; -ms-animation-delay:0.78s; -o-animation-delay:0.78s; animation-delay:0.78s; } #frotateG_05 { right:0; top:41px; -moz-animation-delay:0.91s; -webkit-animation-delay:0.91s; -ms-animation-delay:0.91s; -o-animation-delay:0.91s; animation-delay:0.91s; } #frotateG_06 { right:12px; bottom:12px; -moz-animation-delay:1.04s; -webkit-animation-delay:1.04s; -ms-animation-delay:1.04s; -o-animation-delay:1.04s; animation-delay:1.04s; } #frotateG_07 { left:41px; bottom:0; -moz-animation-delay:1.17s; -webkit-animation-delay:1.17s; -ms-animation-delay:1.17s; -o-animation-delay:1.17s; animation-delay:1.17s; } #frotateG_08 { left:12px; bottom:12px; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -o-animation-delay:1.3s; animation-delay:1.3s; } @-moz-keyframes f_fadeG { 0% {background-color:#FFFFFF} 100% {background-color:#333333} } @-webkit-keyframes f_fadeG{ 0%{ background-color:#FFFFFF} 100%{ background-color:#333333} } @-ms-keyframes f_fadeG{ 0%{ background-color:#FFFFFF} 100%{ background-color:#333333} } @-o-keyframes f_fadeG{ 0%{ background-color:#FFFFFF} 100%{ background-color:#333333} } @keyframes f_fadeG{ 0%{ background-color:#FFFFFF} 100%{ background-color:#333333} } /* float clearing */ .clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } .clear { clear: both; } .tipped, .tipped h3 { font: 13px/1.5 'RobotoCondensedLight',sans-serif; letter-spacing: 0.04em; } .tipped .underline { /*position: relative;*/ border-top: solid 1px #888; width: 40px; height: 1px; margin-top: 13px; margin-bottom: 9px; } .tipped .underline.dark { border-top: 1px solid #333; padding-bottom:0px; margin-top:26px; } .tipped .a-feature { position: relative; width: 940px; height: 410px; margin-top: 20px; } .tipped .a-feature .gradient-overlay { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/tipped/gradient.png) top right no-repeat; position: absolute; width: 940px; height: 410px; } .tipped .a-feature .image { width: 940px; height: 410px; overflow: hidden; } .tipped .a-feature .info { position: absolute; width: 320px; top: 24px; right: 58px; color: #fff; z-index: 10; } .tipped .a-feature .social-block a, .tipped .a-feature .social-block a:visited { color: #fff; text-decoration: none; } .tipped .a-feature .info .title { font-size: 19px; font-weight:100 !important; letter-spacing: 0.05em; } .tipped .a-feature .info .name { font-size: 31px; font-weight:100 !important; } .tipped .a-feature .info .text { margin-top: 30px; margin-bottom: 25px; line-height: 1.4em; font-size:16px; } .tipped .a-feature .social-block { position:absolute; top:258px; left:562px; color:#fff; } .tipped .a-feature .social-block .video-link { font-size: 1.2em; margin-bottom: 10px; } .tipped .a-feature .social-block .social-media-individual { margin-top: 15px; } .tipped .tipped-gallery { display:none; } /* tipped gallery image border effect */ .tipped .also-tipped { text-align: center; position:relative; overflow:hidden; width: 471px; height: 314px; } .tipped .also-tipped-slider { position: absolute; height:314px; } .tipped .also-tipped-controls { float: right; text-align: center; line-height: 30px; width: 471px; height: 30px; background: #cdcfd2; font-family: 'RobotoCondensedRegular'; } .tipped .also-tipped-controls .also-tipped-left, .tipped .also-tipped-controls .also-tipped-right { padding: 4px 10px; font-weight: bold; color: #5f202f; font-size: 17px; line-height: 20px; cursor: pointer; } .tipped .also-tipped-controls .also-tipped-left { float: left; } .tipped .also-tipped-controls .also-tipped-right { float: right; } .tipped .tipped-gallery * { box-sizing: border-box; -moz-box-sizing: border-box; } .tipped .tipped-gallery .tipped-gallery-image { border-bottom: 1px solid #d6d7d9; border-left: 1px solid #d6d7d9; border-right: 1px solid #d6d7d9; display: block; float: left; height: 410px; overflow: hidden; width: 940px; position: relative; } .tipped .tipped-gallery .tipped-gallery-image img { display: block; float: left; height: auto; width: 100%; } .tipped .tipped-gallery .tipped-gallery-image .tipped-gallery-mask { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); color: #fff; display: block; height: 410px; width: 940px; left: 0; opacity: 0; padding: 162px 240px 0 240px; position: absolute; top: 0; transition: opacity 0.1s ease-in 0s; -webkit-transition: opacity 0.1s ease-in 0s; /* Safari */ } .tipped .tipped-gallery .tipped-gallery-image .tipped-gallery-mask .tipped-gallery-title { display: block; font-size: 22px; line-height: 29px; height: auto; width: 100%; text-align:center; } .tipped .tipped-gallery .tipped-gallery-image .tipped-gallery-mask .tipped-gallery-title:before { content:"“"; } .tipped .tipped-gallery .tipped-gallery-image .tipped-gallery-mask .tipped-gallery-title:after { content:"”"; } .tipped .tipped-gallery .tipped-gallery-image .tipped-gallery-border { border: 10px solid #fff; display: block; width: 940px; height: 410px; position: absolute; top: 0; left: 0; transition: border-width 0.1s ease-in 0s; -webkit-transition: border-width 0.1s ease-in 0s; /* Safari */ } .tipped .tipped-gallery .tipped-gallery-image:hover .tipped-gallery-mask { opacity:1; filter:alpha(opacity=100); } .tipped .tipped-gallery .tipped-gallery-image:hover { border-left:#4f4e50; border-right:#4f4e50; border-bottom:#4f4e50; } .tipped .tipped-gallery .tipped-gallery-image:hover .tipped-gallery-border { border-width:0px; } /* end effect */ .tipped .interview { background-color:#eeeeee; padding:32px 48px 60px 48px; clear:both; position:relative; } .tipped .interview .close { position:absolute; top:25px; right:25px; width:26px; height:28px; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/tipped/interview-close-button.gif) top left no-repeat; } .tipped .interview .close:hover { cursor:pointer } .tipped .interview h2 { color:#7f1e32; font-size:2.3em; font-family:'RobotoCondensedLight',sans-serif; letter-spacing: -0.01em; } .tipped .interview h2 span { color:#111; } .tipped .interview h3 { font-size:18px; line-height: 23px; margin-top:28px; margin-bottom:8px; letter-spacing:-0.02em; } .tipped .interview p { font-size: 14px; letter-spacing: -0.0005em; line-height:1.4em; font-family:'RobotoCondensedLight',sans-serif; color:#7d7d7d !important; } .tipped .interview .left-interview, .tipped .interview .right-interview { float:left; width:400px; } .tipped .interview .left-interview { margin-right:40px; } .tipped .bfeatures { width: 940px; height: 360px; margin-bottom:34px; } .tipped .wearing { position: relative; float: left; width: 469px; overflow:hidden; /*height: 344px;*/ } .tipped .wearing:hover { /*cursor:pointer;*/ } .tipped .wearing img { width:469px; height:344px; } .tipped .wearing .info { position: absolute; top: 25px; left: 27px; letter-spacing:0em; } .tipped .wearing .info .buy-now { margin-top:14px; } .tipped .wearing .info .buy-now, .tipped .wearing .info .buy-now a, .tipped .wearing .info .buy-now a:visited { color: #aa0000; font-size: 14px; text-decoration: none; } .tipped .wearing .info .name { font-size: 20px; line-height:24px; color: #666666; } .tipped .also-tipped { float: right; width: 471px; text-align: center; position:relative; } .tipped .also-tipped * { box-sizing: border-box; -moz-box-sizing: border-box; } .tipped .also-tipped .inner-tipped { border-bottom: 1px solid #d6d7d9; border-right: 1px solid #d6d7d9; display: block; float: left; height: 157px; overflow: hidden; width: 157px; } .tipped .also-tipped .inner-tipped a { display: block; float: left; height: 100%; position: relative; width: 100%; } .tipped .also-tipped .inner-tipped a img { display: block; float: left; height: auto; width: 100%; } .tipped .also-tipped .inner-tipped a .tipped-mask { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); color: #fff; display: block; font-size: 13px; height: 157px; width: 157px; left: 0; line-height: 15px; opacity: 0; padding: 68px 32px 0 32px; position: absolute; top: 0; transition: opacity 0.1s ease-in 0s; -webkit-transition: opacity 0.1s ease-in 0s; /* Safari */ } /*.tipped .also-tipped .inner-tipped a .tipped-mask .category {*/ /*display: block;*/ /*float: left;*/ /*height: auto;*/ /*width: 100%;*/ /*}*/ .tipped .also-tipped .inner-tipped a .tipped-mask .title { display: block; float: left; font-size: 16px; height: auto; line-height: 16px; width: 100%; } .tipped .also-tipped .inner-tipped a .tipped-border { border: 10px solid #fff; display: block; width: 157px; height: 157px; position: absolute; top: 0; left: 0; transition: border-width 0.1s ease-in 0s; -webkit-transition: border-width 0.1s ease-in 0s; /* Safari */ } .tipped .also-tipped .inner-tipped a:hover .tipped-mask { opacity:1; filter:alpha(opacity=100); } .tipped .also-tipped .inner-tipped a:hover .tipped-border { border-width:0px; } /*.tipped .also-tipped ul {*/ /*margin: 0px;*/ /*padding: 0px;*/ /*}*/ /*.tipped .also-tipped li {*/ /*float: left;*/ /*width: 157px;*/ /*height: 157px;*/ /*display: inline-block;*/ /*}*/ /*.tipped .also-tipped ul li img {*/ /*width:157px;*/ /*height:157px;*/ /*}*/ /*.tipped .also-tipped li.first {*/ /*clear: left;*/ /*}*/ .tipped .gallery-strip h2 { font: 16px/1.8 'RobotoCondensedRegular',sans-serif; letter-spacing: 0em; } .tipped .gallery-strip li { display:inline; } .tipped .gallery-strip li img { display:block; float:left; } /* social media */ /*FACEBOOK LIKE*/ .tipped .facebook-mask { position: absolute; top: 358px; right: 78px; } .tipped .social-media { position: absolute; top: 358px; right: 194px; } .tipped .social-media span, .tipped .social-media a { margin-left: 10px; width: 18px; height: 18px; display: block; float: left; } .tipped .social-media span.st_facebook_custom, .tipped .social-media .facebook-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -146px -25px transparent; width: 9px; } .tipped .social-media span.st_twitter_custom, .tipped .social-media .twitter-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -155px -25px transparent; } .tipped .social-media span.st_pinterest_custom { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -191px -25px transparent; } .tipped .social-media span.st_sharethis_custom, .tipped .social-media span.share_this { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -209px -25px transparent; } .social-media span.share_this:hover { cursor: pointer; } #share-this-wrapper { float: right; } .tipped .pluginButton { background: #3b5998 !important; border: 1px solid #cad4e7; color: #eceef5 !important; } .staticpage-wearetipped .breadcrumbs { border-bottom: none; } .staticpage-wearetipped .wearetipped { border: 1px solid #DDD; padding: 30px 25px 0px 25px; } .staticpage-wearetipped .wearetipped .suys-gallery, .staticpage-wearetipped .tipped { margin-bottom: 25px; } .staticpage-wearetipped .wearetipped .suys-gallery a { float: left; } .staticpage-wearetipped .wearetipped .suys-gallery img { display:block; margin: 0; padding: 0; } .staticpage-wearetipped .wearetipped .segment { border-bottom: 1px solid #DDD; padding-bottom: 20px; margin-bottom: 30px; } .staticpage-wearetipped .wearetipped .segment:last-of-type { border-bottom: none; margin-bottom: 0; } .staticpage-wearetipped .wearetipped .segment h2 { text-transform: uppercase; font-size:34px; line-height:1em; margin-bottom:30px; } .staticpage-wearetipped .wearetipped .segment p { margin-bottom: 15px; } .staticpage-wearetipped .wearetipped .segment a { color: #a1855b; } .staticpage-wearetipped .tipped { cursor: pointer; } .staticpage-wearetipped .tipped .a-feature { width: 890px; height: 406px; } .staticpage-wearetipped .tipped .a-feature .gradient-overlay { width: 890px; height: 406px; } .staticpage-wearetipped .tipped .a-feature .image { width: 890px; height: 406px; } .staticpage-wearetipped .tipped .a-feature .info { width: 220px; top: 48px; right: 38px; } .staticpage-wearetipped .tipped .a-feature .info .laurel-logo { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/tipped/staticpages/we-are-tipped-static-laurel.png) top right no-repeat; height:40px; width:44px; margin-bottom:3px; } .staticpage-wearetipped .tipped .a-feature .info .name { font-size: 19px; font-weight:bold !important; } .staticpage-wearetipped .tipped .a-feature .info .text { margin-top: 18px; margin-bottom: 18px; line-height: 1.2em; font-size:12px; } .staticpage-wearetipped .tipped .a-feature .social-block { top:198px; left:632px; } .staticpage-wearetipped .profile-link { padding-right: 50px; margin-top: 10px; line-height: 1.2em; } .staticpage-wearetipped .tipped .a-feature .social-block .profile-link a { color: #fff; font-size:12px; } .staticpage-wearetipped .tipped .a-feature .social-block .profile-link a:hover { color: #a1855b; } .staticpage-wearetipped .tipped .a-feature .divider { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/tipped/staticpages/we-are-tipped-divider.png) top right no-repeat; height:1px; width:90px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .tipped .a-feature .social-block .video-link span { letter-spacing:0.05em; } ::i-block-chrome,.tipped .a-feature .social-block { right:203px; } } body.fp-theme-bradleywiggins, .catalog-product-view.fp-theme-bradleywiggins { background-color: #e9b02d; } .fp-theme-bradleywiggins .wrapper.top-wrapper { background-color: #ffffff; } .fp-theme-bradleywiggins .border { background-color:#e9b02d; } .fp-theme-bradleywiggins #logonavwrapper { padding-bottom: 0px; background: none; } .fp-theme-bradleywiggins .wrapper.tipping-wrapper { height: 34px !important; } .fp-theme-bradleywiggins #top-tipping { /* line 1 */ background: #97B5D6; height: 7px; position: relative; } .fp-theme-bradleywiggins #top-tipping:before, .fp-theme-bradleywiggins #top-tipping:after { /* line 2 */ position: absolute; bottom: -7px; height: 7px; left: 0; right: 0; background: #81213A; display: block; content: ""; } .fp-theme-bradleywiggins #top-tipping:after { /* line 3 */ bottom: -13px; background: #2D2B3B; } .fp-theme-bradleywiggins #bottom-tipping:before { /* line 4 */ position: absolute; top: -7px; height: 7px; left: 0; right: 0; background: #E9C143; display: block; content: ""; } .fp-theme-bradleywiggins #bottom-tipping { /* line 5 */ background: #007541; height: 7px; top: 20px; position: relative; } .fp-theme-bradleywiggins #logo { background-image: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/fp-logo-authentic.png"); background-image: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/fp-logo-authentic.gif")\9; } .fp-theme-bradleywiggins #util { height: 17px; position: relative; z-index: 2; zoom: 1; } .fp-theme-bradleywiggins #util #breadcrumbs { position: absolute; top: 35px; } .fp-theme-bradleywiggins #tipping { display: none; } .catalog-category-view.fp-theme-bradleywiggins .toolbar, .catalog-category-view.fp-theme-bradleywiggins .toolbar-bottom{ display: none; } .catalog-category-view.fp-theme-bradleywiggins .breadcrumbs { border-color: #fff; margin-bottom:22px; } .catalog-product-view.fp-theme-bradleywiggins .breadcrumbs { border-top: none; border-color: #FFF; color: #333333; } .catalog-product-view.fp-theme-bradleywiggins .breadcrumbs a, .catalog-category-view.fp-theme-bradleywiggins .breadcrumbs a { color: #333333; } .catalog-product-view.fp-theme-bradleywiggins .product-details, .catalog-product-view.fp-theme-bradleywiggins .description ul, .fp-theme-bradleywiggins .productextras, .fp-theme-bradleywiggins .product-collateral, .fp-theme-bradleywiggins #gallery li.grid_1 a, .fp-theme-bradleywiggins #tabs2 ul li, .fp-theme-bradleywiggins .description ul li { border-color: #FFF; } .fp-theme-bradleywiggins #colour li { border-color: #e9b02d; } .fp-theme-bradleywiggins #gallery li.selected-thumb a { border-color: #111; } .fp-theme-bradleywiggins #tabs2 li a, .catalog-product-view.fp-theme-bradleywiggins button.button span { color: #111; } .catalog-product-view.fp-theme-bradleywiggins #gallery .thumbnailwrapper, .catalog-product-view.fp-theme-bradleywiggins #tab_data, .fp-theme-bradleywiggins #tab_data .tab .generalbackground, .fp-theme-bradleywiggins .clothingtable .headrow, .fp-theme-bradleywiggins .add-to-cart .button.button { background: #FFF; } .catalog-product-view.fp-theme-bradleywiggins #util #breadcrumbs { top: 0px; } .catalog-product-view.fp-theme-bradleywiggins #tipping { display:block; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradley-ss13-tipping.gif) repeat-x 0 0; height:34px; width:960px; margin-left:-10px; .background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradley-ss13-tipping.gif) repeat-x 0 -2px; .height:36px; } .catalog-category-view.fp-theme-bradleywiggins .product-image { border:none; background:#fff; padding:6px; margin-bottom:7px; } .fp-theme-bradleywiggins .swatch-popup .product-image { background: #e9b02d; } .fp-theme-bradleywiggins .col1-layout .columns-3 li.item { width: 302px; margin-right: 17px; } .fp-theme-bradleywiggins .col1-layout .columns-3 li.item.last { margin-right: 0; } .fp-theme-bradleywiggins .products-grid .product-name { line-height:1.2em; margin-bottom:1px; font-size:12px; font-family: helvetica, arial, sans-serif; } .fp-theme-bradleywiggins .products-grid .old-price .price { color: #9c9c9c; font-weight: bold; } .catalog-category-view.fp-theme-bradleywiggins .products-grid .regular-price .price, .catalog-category-view.fp-theme-bradleywiggins .price-box, .fp-theme-bradleywiggins #might_like .regular-price .price, .fp-theme-bradleywiggins #might_like .price-box { color: #222221 !important; text-transform:uppercase; font-style:italic; letter-spacing: 0.1em; /*margin-bottom:25px;*/ font-weight: normal; font-family: helvetica, arial, sans-serif; } .catalog-product-view.fp-theme-bradleywiggins #info h1 { color: #222221; } catalog-product-view.fp-theme-bradleywiggins #info h4 { color: #666666 !important; } .catalog-category-view.fp-theme-bradleywiggins #product { margin-top: -27px !important; } catalog-category-view.fp-theme-bradleywiggins #breadcrumbs { display:none; } /* product grid page graphics */ /******************************/ .fp-theme-bradleywiggins .bradley-graphic { margin-bottom:7px; } .fp-theme-bradleywiggins .bradley-graphic-left, .fp-theme-bradleywiggins .bradley-graphic-right { float:left; margin-right:28px; margin-bottom:7px; } .fp-theme-bradleywiggins .bradley-graphic-right { margin-right:0px; } .fp-theme-bradleywiggins .last-graphic { border-top:3px solid #222222; padding-top:30px; margin-bottom:50px; } .fp-theme-bradleywiggins .small-drop { padding-bottom:22px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/drop-shadow-small.jpg) no-repeat bottom left; } /***********************/ /* image scroll at top of bradley product page */ /**********************/ .fp-theme-bradleywiggins .bradley-scroll { padding: 0px; } .fp-theme-bradleywiggins #slide { height:517px; overflow: hidden; } .fp-theme-bradleywiggins #slide ul { height:517px; overflow: hidden; } .fp-theme-bradleywiggins #slide-button li { display: inline-block; .display: inline; } .fp-theme-bradleywiggins #slide-button a { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradley-ss13-slide-button.jpg") no-repeat scroll left top transparent; display: block; float: left; height: 16px; margin-right: 5px; width: 16px; } .fp-theme-bradleywiggins #slide-button a:hover, .fp-theme-bradleywiggins #slide-button .activeSlide a { background-position: -24px 0; } .fp-theme-bradleywiggins #slide-nav-container { position:relative; margin-top:-5px; padding-bottom:20px; margin-bottom:22px; border-bottom:3px solid #222222; width:940px; } .fp-theme-bradleywiggins #slide-nav { width:940px; text-align:center; .margin-left:390px; } .fp-theme-bradleywiggins #slide-nav .previousslide a { width:18px; height:35px; display:block; position:absolute; top:-300px; left:36px; z-index:10000; } .fp-theme-bradleywiggins #slide-nav .nextslide a { width:18px; height:35px; display:block; position:absolute; top: -300px; right:36px; z-index:10000; } .fp-theme-bradleywiggins #slide-nav .previousslide a { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradley-ss13-left-arrow.png) top left no-repeat; display:none; } .fp-theme-bradleywiggins #slide-nav .nextslide a { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradley-ss13-right-arrow.png) top left no-repeat; display:none; } .fp-theme-bradleywiggins #slide-button li a span, .fp-theme-bradleywiggins #slide-nav .previousslide a span, .fp-theme-bradleywiggins #slide-nav .nextslide a span { display:none; } .fp-theme-bradleywiggins #tabs2 li a.active, .fp-theme-bradleywiggins #tabs2 li a:hover, .fp-theme-bradleywiggins .add-to-cart .button.button:hover span, .fp-theme-bradleywiggins .productcontrols a.prev-product:hover, .fp-theme-bradleywiggins .productcontrols a.next-product:hover, .fp-theme-bradleywiggins .breadcrumbs a:hover { color: #fff; } .fp-theme-bradleywiggins .social-media .facebook-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradleywiggins/facebook.gif) top left no-repeat !important; } .fp-theme-bradleywiggins .social-media .twitter-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradleywiggins/twitter.gif) top left no-repeat !important; } .fp-theme-bradleywiggins .social-media span.st_pinterest_custom { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradleywiggins/pinterest.gif) top left no-repeat !important; } .fp-theme-bradleywiggins .social-media #share-this-wrapper span { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradleywiggins/sharethis.gif) top left no-repeat !important; } /***********************/ /* footer */ /***********************/ .fp-theme-bradleywiggins #cross-sell { margin-top:0 !important; } .fp-theme-bradleywiggins #cross-sell #recent, .fp-theme-bradleywiggins #cross-sell #might_like { padding-top:20px; } @media screen and (-webkit-min-device-pixel-ratio:0){ .fp-theme-bradleywiggins .bradley-graphic-left { margin-right:6px; } } .fp-theme-bradleywiggins .large-drop { padding-bottom:23px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/drop-shadow-long.jpg) no-repeat bottom left; border-bottom: 3px solid #222222; margin-bottom: 22px; } .fp-theme-bradleywiggins #bradley-video{ background-image: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/bradleywiggins/aw13-bradley-category-phase1b.jpg"); background-repeat:no-repeat; cursor: pointer; height: 517px; position: relative; margin: 0px auto 0px auto; padding:0; width: 940px; } .fp-theme-tennis #top-tipping { background: #0a94c2; } .fp-theme-tennis #bottom-tipping { background: #00000a; } .fp-theme-tennis .laurel-origins { position:relative; } .fp-theme-tennis .featurerows li .textblock { border-top:none; border-right:none; border-bottom:none; width:300px; height:auto; position:absolute; top:70px; left:4px; } .fp-theme-tennis .featurerows li .textblock p { color:#e3e0d7; font-family: 'RobotoCondensedLight',sans-serif; margin-bottom:5px; } .fp-theme-tennis .featurerows li .textblock p a { color:#e3e0d7; font-family: 'RobotoCondensedRegular',sans-serif; } /* styling for ss13 Tennis Theme */ /*.fp-theme-tennis {*/ /*background-color: #f4eee5;*/ /*}*/ /*.fp-theme-tennis .wrapper.top-wrapper,*/ /*.fp-theme-tennis .wrapper.tipping-wrapper {*/ /*background-color: #ffffff;*/ /*}*/ /*.catalog-category-view.fp-theme-tennis #util,*/ /*.catalog-category-view.fp-theme-tennis .category-title,*/ /*.catalog-category-view.fp-theme-tennis .toolbar,*/ /*.fp-theme-tennis .toolbar-bottom,*/ /*.catalog-category-view.fp-theme-tennis .breadcrumbs,*/ /*.catalog-category-view.fp-theme-tennis .productcontrols {*/ /*display:none;*/ /*}*/ /*.fp-theme-tennis #logonavwrapper {*/ /*padding-bottom: 0px;*/ /*background: none;*/ /*}*/ /*.catalog-category-view.fp-theme-tennis .messages {*/ /*margin-top: 50px;*/ /*margin-bottom: -40px;*/ /*}*/ /*.catalog-product-view.fp-theme-tennis .messages {*/ /*margin-top: 50px;*/ /*margin-bottom: -30px;*/ /*}*/ /*.fp-theme-tennis .pager {*/ /*padding-top:25px;*/ /*padding-bottom:16px;*/ /*}*/ /*.fp-theme-tennis .swatch-popup {*/ /*background: #FFF;*/ /*}*/ /*.fp-theme-tennis .swatch-popup .detail {*/ /*border-color: #DDD;*/ /*}*/ /*.fp-theme-tennis .category-products .product-image {*/ /*border:5px solid #ccc;*/ /*}*/ /*.fp-theme-tennis .category-products .swatch-popup .product-image {*/ /*border:5px solid #CCC;*/ /*}*/ /*.fp-theme-tennis .category-products .product-image:hover {*/ /*border:5px solid #CCC;*/ /*}*/ /*.catalog-product-view.fp-theme-tennis .swatch-popup .product-image {*/ /*border: none;*/ /*margin: 0px 0px 12px;*/ /*}*/ /*.fp-theme-tennis .category-products .product-image img {*/ /*padding: 0;*/ /*}*/ /*.fp-theme-tennis .products-grid td.last .product-image {*/ /*margin-right:0px;*/ /*}*/ /*.fp-theme-tennis .product-name a {*/ /*font-size:16px;*/ /*line-height:19px;*/ /*color:#000;*/ /*}*/ /*.fp-theme-tennis .price-box {*/ /*margin-bottom:25px;*/ /*}*/ /*.fp-theme-tennis .swatch-popup .price-box {*/ /*margin-bottom:0px;*/ /*}*/ /*.fp-theme-tennis .breadcrumbs {*/ /*border-bottom: none;*/ /*}*/ /*.fp-theme-tennis #headerimages {*/ /*background-color:#fff;*/ /*padding:5px;*/ /*margin-left: 0px;*/ /*margin-top: 21px;*/ /*width:930px;*/ /*margin-bottom: 40px;*/ /*}*/ /*.fp-theme-tennis #headerimages:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }*/ /*.fp-theme-tennis #headerimages .left-col {*/ /*float:left;*/ /*width:655px;*/ /*position:relative;*/ /*overflow:hidden;*/ /*}*/ /*.fp-theme-tennis #headerimages .left-col p {*/ /*position:absolute;*/ /*bottom:14px;*/ /*left:58px;*/ /*color:#fff;*/ /*font-size:15px;*/ /*text-align:center;*/ /*line-height:19px;*/ /*display:block;*/ /*width:550px;*/ /*}*/ /*.fp-theme-tennis #headerimages .right-col {*/ /*float:right;*/ /*width:271px;*/ /*}*/ /*.fp-theme-tennis #headerimages .right-col .infoblock {*/ /*position:relative;*/ /*}*/ /*.fp-theme-tennis #headerimages .right-col .upperblock {*/ /*margin-bottom:5px;*/ /*}*/ /*.fp-theme-tennis #headerimages .right-col .infoblock img, #headerimages .left-col img {*/ /*display:block;*/ /*}*/ /*.fp-theme-tennis #headerimages .right-col .info {*/ /*position:absolute;*/ /*z-index:2;*/ /*top:209px;*/ /*left:0;*/ /*width:100%;*/ /*}*/ /*.fp-theme-tennis #headerimages .right-col .info h4 {*/ /*font-size:16px;*/ /*text-align:center;*/ /*color:#fff;*/ /*font-weight:normal;*/ /*font-family: 'RobotoCondensedRegular';*/ /*background:url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/themes/ss13-tennis/dash.gif") bottom center no-repeat;*/ /*padding-bottom:7px;*/ /*margin-bottom:7px;*/ /*}*/ /*.fp-theme-tennis #headerimages .right-col .info {*/ /*font-size:13px;*/ /*text-align:center;*/ /*color:#fff;*/ /*line-height: 1.3em;*/ /*}*/ /*.fp-theme-tennis .infoblock-hover {*/ /*cursor:pointer;*/ /*}*/ /* product page */ /*.catalog-category-view.fp-theme-tennis #product {*/ /*margin-top: 70px;*/ /*}*/ /*.fp-theme-tennis #tab_data .tab .generalbackground {*/ /*background: #FFFFFF;*/ /*}*/ /*.catalog-product-view.fp-theme-tennis #gallery .thumbnailwrapper,*/ /*.fp-theme-tennis #product-options-wrapper select,*/ /*.fp-theme-tennis .add-to-cart .qty {*/ /*background: #FFF;*/ /*}*/ /*.fp-theme-tennis #colour li {*/ /*border: 2px solid #F4EEE5;*/ /*}*/ /*.fp-theme-tennis #colour li.selected-color {*/ /*border: 2px solid #111111;*/ /*}*/ /*.fp-theme-tennis .configurable-price-from-label,*/ /*.fp-theme-tennis .price-box .price {*/ /*color: #111;*/ /*}*/ /*.fp-theme-tennis .social-media .facebook-share {*/ /*background-position: -249px -50px !important;*/ /*}*/ /*.fp-theme-tennis .social-media .twitter-share {*/ /*background-position: -263px 0px !important;*/ /*}*/ /*.fp-theme-tennis .social-media span.st_pinterest_custom {*/ /*background-position: -263px -25px !important;*/ /*}*/ /*.fp-theme-tennis .social-media #share-this-wrapper span {*/ /*background-position: -263px -50px !important;*/ /*}*/ /*.fp-theme-tennis #tabs2 li a {*/ /*color: #666666;*/ /*}*/ /*.fp-theme-tennis .add-to-cart .button.button {*/ /*background: #666;*/ /*}*/ /*.fp-theme-tennis .description ul,*/ /*.fp-theme-tennis .description ul li,*/ /*.fp-theme-tennis .product-details,*/ /*.fp-theme-tennis .productextras,*/ /*.fp-theme-tennis #tabs2 ul li,*/ /*.fp-theme-tennis .product-collateral {*/ /*border-color: #d1ccc4;*/ /*}*/ /*.fp-theme-tennis .error-msg,*/ /*.fp-theme-tennis .success-msg,*/ /*.fp-theme-tennis .warning-msg {*/ /*background-color:#FFF !important;*/ /*color:#111;*/ /*}*/ /*.fp-theme-tennis .error-msg {*/ /*background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/themes/ss13-tennis/incorrectsymbol.gif);*/ /*}*/ /*.fp-theme-tennis .success-msg {*/ /*background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/themes/ss13-tennis/correctsymbol.gif);*/ /*}*/ /*.fp-theme-tennis .warning-msg {*/ /*background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/themes/ss13-tennis/warningsymbol.gif);*/ /*}*/ /* FOOTER */ /*.fp-theme-tennis #footer_wrapper {*/ /*background:#FFFFFF url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/themes/ss13-tennis/footer-bg.gif) top repeat-x;*/ /*}*/ /*.fp-theme-tennis #subcultureradio {*/ /*padding: 55px 0 12px;*/ /*}*/ /*.fp-theme-tennis #subcultureradio span,*/ /*.fp-theme-tennis #footer_navigation ul a,*/ /*.fp-theme-tennis .block-subscribe .input-box input,*/ /*.fp-theme-tennis #footer_navigation ul.signupblock .signuptext,*/ /*.fp-theme-tennis #site_credit {*/ /*color: #666;*/ /*}*/ /*.fp-theme-tennis #subcultureradio,*/ /*.fp-theme-tennis #footer_navigation ul.signupblock .signuptext,*/ /*.fp-theme-tennis #site_credit {*/ /*border-color: #DDDDDD;*/ /*}*/ /*.fp-theme-tennis .block-subscribe .input-box input {*/ /*background: #EEE;*/ /*}*/ /*.fp-theme-tennis .block-subscribe .actions button.button,*/ /*.fp-theme-tennis #backtotop a {*/ /*background: #666;*/ /*}*/ /*.fp-theme-tennis .block-subscribe .actions button.button span {*/ /*color: #FFF;*/ /*}*/ /*.fp-theme-tennis #subcultureradio a:before {*/ /*background-position: -89px -27px;*/ /*}*/ /*.fp-theme-tennis #footer_navigation ul.signupblock .socialicons a.facebookfooter {*/ /*background-position: 0 -25px;*/ /*}*/ /*.fp-theme-tennis #footer_navigation ul.signupblock .socialicons a.instagramfooter {*/ /*background-position: -11px -25px;*/ /*}*/ /*.fp-theme-tennis #footer_navigation ul.signupblock .socialicons a.twitterfooter{*/ /*background-position: -33px -25px;*/ /*}*/ /*.fp-theme-tennis #footer_navigation ul.signupblock .socialicons a.blogfooter{*/ /*background-position: -56px -25px;*/ /*}*/ .fp-shirt .wrapper.tipping-wrapper { height: 1px !important; border-top: 1px solid #DDD; } .fp-shirt .breadcrumbs { padding: 6px 0; border-bottom: 0; } .fp-shirt .category-title { display: none; } .fp-shirt .rwd-scroller { height: 598px; } .fp-shirt .rwd-scroller iframe { display: none; height: 100%; margin: 0 auto; width: 100%; } .fp-shirt .rwd-scroller .description { position: absolute; width: 385px; top: 85px; right: 0; background-position:0 0; background-repeat:no-repeat; } .fp-shirt .tipped { cursor: pointer; } .fp-shirt .rwd-scroller .rwd-scroller .tipped { width: 940px; margin:0 auto; } .fp-shirt .rwd-scroller .tipped-description { width: 940px; margin:0 auto; } .fp-shirt .rwd-scroller .tipped-description h2 { color: white; font-size: 28px; font-family: RobotoCondensedLight; line-height:1em; float: right; margin-bottom:0; margin-top:24px; } .fp-shirt .tipped-tagline { bottom: 0; color: white; width: 940px; margin: 30px auto 0 auto; text-align: right; font-size: 14px; } .fp-shirt .rwd-scroller .description.white { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/fp-logo-white.png); } .fp-shirt .rwd-scroller .description h2 { font-family: Helvetica,Arial,RobotoCondensedRegular; font-weight:bold; text-transform:uppercase; font-size:21px; width:300px; line-height:1.1em; padding-top:60px; padding-bottom:24px; margin-bottom:18px; } .fp-shirt .rwd-scroller .description p { font-size:15px; display:block; width:240px; } .fp-shirt .rwd-scroller .description.white h2 { color:#fff; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/underline-white.gif) bottom left no-repeat; } .original-fp-shirt .rwd-scroller .slide-1 .description.white h2 { padding-bottom:0; margin-bottom:0; background: none; } .fp-shirt .rwd-scroller .description.white h3 { color: #fff; font-size: 16px; padding-bottom: 8px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/underline-white.gif) bottom left no-repeat; } .fp-shirt .rwd-scroller .description.white p { color:#fff; } .fp-shirt .rwd-scroller .description.black { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/fp-logo-black.png); } .fp-shirt .rwd-scroller .description.black h2 { color:#000; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/underline-black.gif) bottom left no-repeat; } .fp-shirt .rwd-scroller .description.black p { color:#000; } .fp-shirt .rwd-scroller .slides { background-color: #000; position: relative; width: 100%; height: 598px; } .fp-shirt .rwd-slide { background-color: #090a22; background-position: 50% 50% ; background-size: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -ms-behavior:url(/skin/frontend/fredperry/default/backgroundsize.min.htc); } .fp-shirt .rwd-scroller .slide-1 { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/authentic/carousel-01-598px.jpg); } .fp-shirt .rwd-scroller .slide-2 { text-align: center; } .fp-shirt .rwd-scroller .slide-3 { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/authentic/carousel-03-598px.jpg); } .fp-shirt .rwd-scroller .watch-film { position: absolute; left: 0; margin-top: 27px; } .fp-shirt .control-prev, .fp-shirt .control-next { cursor: pointer; height: 23px; position: absolute; top: 50%; width: 13px; z-index: 99; } .fp-shirt .control-prev { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/left-arrow-fps.png) top left no-repeat; left: 30px; } .fp-shirt .control-next { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/right-arrow-fps.png) top left no-repeat; right: 30px; } .fp-shirt .rwd-scroller .controls { margin: -60px 0 60px 0; bottom:-10px; position: relative; text-align: center; z-index: 99; height:0; } .fp-shirt .rwd-scroller .controls a { border: 1px solid #ffffff; border-radius: 10px; display: inline-block; height: 12px; margin: 4px; width: 12px; color:transparent; text-indent:-9999px; } .fp-shirt .rwd-scroller .controls a.activeSlide { background: #ffffff; } .full-width-border { position:absolute; left:0; right:0; border-top: 1px solid #e0e0e0; } .fp-shirt .style-heading { text-align: center; margin-bottom: 44px; margin-top:36px; } .fp-shirt .style-heading h2 { font-size: 40px; font-family: RobotoCondensedRegular; border-bottom: 1px solid #e0e0e0; margin: 25px auto 16px auto; padding-bottom: 10px; width: 35%; } .fp-shirt .style-heading h3 { font-size: 19px; font-family: RobotoCondensedRegular; color:#999; letter-spacing:0.05em; margin-bottom:28px; } .fp-shirt .style-heading p { margin: 0 auto; font-size:14px; font-family: RobotoCondensedLight; width: 50%; color:#333; } .fp-shirt ul.products-grid { text-align: center; padding-bottom:0px; font-size: 0px; } .fp-shirt ul.products-grid li.item { display: inline-block !important; float: none; margin: 6px 4px; } .fp-shirt .min-constraint { margin: 0 auto; /*margin-top: -400px;*/ min-width: 940px; height: 100%; background-color: #090a22; position: relative; } .fp-shirt .min-constraint .we-are-tipped .heading { display:none; } .fp-shirt #fancybox-target { height: 100%; } .fp-shirt .fullwidth-video { height: 342px; background-color: #090a22; /*margin-top: -400px;*/ } .fp-shirt .fullwidth-video iframe { display: none; margin: 0 auto; width: 100%; height: 100%; } .fp-shirt .fullwidth-video .background { position: absolute; right: 0; } .fp-shirt .fullwidth-video .play-icon { cursor: pointer; position: absolute; top: 50%; left: 50%; margin-left: -48px; margin-top: -48px; z-index: 99; } .fp-shirt .toolbar-bottom { margin-top:0; } .fp-shirt .we-are-tipped { background: #000000; overflow:hidden; margin-bottom: 0; } .fp-shirt .rwd-scroller .we-are-tipped { margin-bottom: 0; margin-top: 79px; } .fp-shirt .we-are-tipped .heading { padding: 0 10px; width: 940px; height:79px; margin: 0 auto; clear:both; } .fp-shirt .we-are-tipped h2 { color: white; font-size: 28px; font-family: RobotoCondensedLight; line-height:1em; float: left; margin-top:20px; } .fp-shirt .we-are-tipped h3 { color:#b3b3b3; font-size: 18px; font-family: RobotoCondensedRegular; line-height:1em; float: right; margin-top:26px; } .fp-shirt .we-are-tipped img { display: block; } .fp-shirt .fancybox-skin { background: none; } .fp-shirt .fancybox-close { display: none; } .fp-shirt .page { padding-bottom:0 !important; } .fp-shirt-product .selected-color img { display: none; } /*.fp-shirt-product .product-details {*/ /*min-height: 520px;*/ /*}*/ .original-fp-shirt .wrapper.body-wrapper { margin:0 auto; } .original-fp-shirt .breadcrumbs { border-bottom:none; } .fp-theme-laurel.category-the-original-fred-perry-shirt .product-name a, .fp-theme-laurel.category-the-original-fred-perry-shirt ul.products-grid li.item .product-name { font-size: 14px; margin-top: 10px; font-weight: normal; line-height: 1em; margin-bottom: 1px; text-transform: capitalize; font-family: 'RobotoCondensedRegular'; } .fp-theme-laurel.category-the-original-fred-perry-shirt .price-box .price { font-family: 'RobotoCondensedRegular'; } .original-fp-shirt .rwd-scroller .slide-1 { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/laurel/carousel-01-598px.jpg); } .original-fp-shirt .tipped { background-position: 50% 50%; background-size: cover; min-width: 940px; height: 598px; margin-bottom: 65px; z-index:1; position: relative; -ms-behavior:url(/skin/frontend/fredperry/default/backgroundsize.min.htc); } .fp-shirt .rwd-scroller .tipped { height: 598px; } .fp-shirt .rwd-scroller .tipped .a-feature { margin-top:0; } .fp-shirt .rwd-scroller .tipped .info { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/fp-logo-white.png) top left no-repeat; padding-top:60px; right:65px; top:85px; } .fp-shirt .rwd-scroller .tipped .info .title { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/underline-white.gif) bottom left no-repeat; padding-bottom: 10px; margin-bottom: 15px; } .fp-shirt .rwd-scroller .tipped .info .name { text-transform:none; font-size:21px; width:200px; line-height:1.1em; margin-bottom:18px; font-family: 'RobotoCondensedBold'; } .fp-shirt .rwd-scroller .tipped .info .text { padding-bottom:24px; margin-bottom:18px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/underline-white.gif) bottom left no-repeat; font-family: 'RobotoCondensedLight'; } .fp-shirt .rwd-scroller .tipped .a-feature .social-block { top:284px; left:554px; } .fp-theme-laurel .tipped .a-feature, .fp-theme-laurel .tipped .a-feature .image{ width: 100%; height: 100%; } .fp-theme-laurel .tipped .a-feature .gradient-overlay { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/tipped/gradient.png) top right repeat-y; position: relative; height: 100%; float: right; } .original-fp-shirt .rwd-scroller .slide-2 { text-align: left; } .fp-shirt .rwd-scroller .slide-2 .description.white h2 { background:none; margin-bottom:10px; padding-bottom:0; } .fp-shirt .rwd-scroller .description.white h4 { font-family: 'RobotoCondensedLight'; color:#fff; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/underline-white.gif) bottom left no-repeat; padding-bottom:20px; margin-bottom:18px; } .fp-shirt .rwd-scroller .description.white a { color:#fff; } .original-fp-shirt .rwd-scroller .description h2 { width:240px; } .original-fp-shirt .rwd-scroller .description h2 span { font-size:14px; padding-top:20px; font-family: 'RobotoCondensedLight'; text-transform:capitalize; } .fp-shirt .footer-feature { font-family: 'RobotoCondensedLight'; color:#fff; } .fp-shirt .tipped .footer-feature .info { padding-top:16px; right:68px; } .fp-shirt .tipped .footer-feature .info .title { font-family: 'RobotoCondensedLight'; font-size:28px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/underline-white.gif) bottom left no-repeat; padding-bottom:16px; margin-bottom:8px; } .fp-shirt .tipped .footer-feature .info .name { font-size:40px; margin-bottom:6px; } .fp-shirt .tipped .footer-feature .info .text { font-family: 'RobotoCondensedLight'; margin-top:0; margin-bottom: 45px; line-height: 1.4em; font-size: 16px; } .fp-shirt .tipped .footer-feature .social-block { top:310px; left:554px; } .fp-shirt .rwd-scroller .tipped .a-feature .social-block { position: static; } .fp-shirt .tipped .social-block .profile-link { font-size: 1.2em; } .fp-shirt .tipped .footer-feature .social-block .profile-link { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/thefredperryshirt/underline-white.gif) bottom left no-repeat; padding-bottom:20px; margin-bottom:16px; } .fp-theme-laurel.fp-shirt .social-media span, .fp-theme-laurel.fp-shirt .social-media a { margin-left: 10px; width: 18px !important; height: 18px; display: block; float: left; } .fp-theme-laurel.fp-shirt .social-media span.st_facebook_custom, .fp-theme-laurel.fp-shirt .social-media .facebook-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -146px -25px transparent !important; width: 9px !important; } .fp-theme-laurel.fp-shirt .social-media span.st_twitter_custom, .fp-theme-laurel.fp-shirt .social-media .twitter-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -155px -25px transparent !important; } .fp-theme-laurel.fp-shirt .social-media span.st_pinterest_custom { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -191px -25px transparent !important; } .fp-theme-laurel.fp-shirt .social-media #share-this-wrapper span.st_sharethis_custom, .fp-theme-laurel.fp-shirt .social-media #share-this-wrapper span.share_this { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -209px -25px transparent !important; } .fp-shirt .tipped .footer-feature .facebook-mask { position: absolute; top: 410px; right: 86px; } .fp-theme-laurel.fp-shirt .footer-feature .social-media { top:412px; right:203px; } .fp-theme-kids #top-tipping, .fp-theme-kids #bottom-tipping { background: #49549F; } .fp-theme-kids .no-stock a img, .fp-theme-kids .no-color a img{ position:absolute; margin-top:-8px; } body.fp-theme-laurel .main-container, .fp-theme-laurel .breadcrumbs strong, .fp-theme-laurel .col2-left-layout .breadcrumbs strong, .fp-theme-laurel #colour p, .fp-theme-laurel #colour p span, .fp-theme-laurel button.button span { font: 13px/1.5 Courier, monospace; letter-spacing: 0em; } /* laurel landing page styling */ #laurel-landing { padding-bottom:80px; } #laurel-landing .categoryheader { border-bottom: 1px solid #DDD; padding-bottom: 24px; margin-bottom: 30px; } #laurel-landing .featurerows { border-bottom:none; margin-bottom: 0; padding-bottom: 0; } #laurel-landing .featurerows ul li { margin-bottom:12px; } #laurel-landing .featurerows ul li a img { display:block; } #laurel-landing .featurerows.last ul li { margin-bottom:0; } #laurel-landing h1 { margin-top:28px; } /* end laurel landing page styling */ .actions button.button span { font-family: 'RobotoCondensedRegular'; font-size: 13px; line-height:16px; letter-spacing:0.04em; } .fp-theme-laurel .category-products .pager label, .fp-theme-laurel .category-products .pager select, .fp-theme-laurel .category-products .pager, .fp-theme-laurel .sorter, .fp-theme-laurel .sorter .sort-by select, .fp-theme-laurel .sorter .sort-by .dk_label, .fp-theme-laurel .add-to-cart label, .fp-theme-laurel .pager .pages strong, .fp-theme-laurel .limiter label, .fp-theme-laurel .limiter span, .fp-theme-laurel .dk_options a { font: 12px/1.5 Courier, monospace; } .fp-theme-laurel .pager .pages li { margin-left: 3px; } .fp-theme-laurel .pager .pages li { margin-left: 1px; } .fp-theme-laurel .pager .limiter .dk_toggle { margin-top:-1px; } .fp-theme-laurel #logo { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/logo-laurel.gif") no-repeat scroll 0 0 transparent; background-size: 65px 85px; width: 65px; height: 85px; margin: 14px 0 0; } .fp-theme-laurel #tab_data .tab .generalbackground strong { font: 13px/1.5 Courier, monospace !important; color: #111; } .fp-theme-laurel .product-name a, .fp-theme-laurel ul.products-grid li.item .product-name { font: 14px/1.5 Courier, monospace; } .fp-theme-laurel.category-the-original-fred-perry-shirt h3.product-name { font-size: 18px !important; width: auto; text-align: left; } .fp-theme-laurel .columns-4 .swatch-popup .detail { width: 226px; } .fp-theme-laurel .columns-3 .swatch-popup .detail{ width: 306px; } .fp-theme-laurel .columns-2 .swatch-popup .detail{ width: 460px; } .fp-theme-laurel #might_like .swatch-popup .detail { width: 226px; } .fp-theme-laurel .generalbackground h2, .fp-theme-laurel #shopholder h2, .fp-theme-laurel .generalbackground h3, .fp-theme-laurel .generalbackground h4, .fp-theme-laurel .generalbackground table tr th { font: 15px/1.5 Courier, monospace; text-transform: capitalize; } .fp-theme-laurel .product-options dt label, .fp-theme-laurel .options .add-to-cart label { font-family: Courier, monospace; } .fp-theme-laurel .add-to-cart { width: 225px !important; } .fp-theme-laurel #product-options-wrapper { width: 200px !important; } .fp-theme-laurel #tab_data h2 { font: 18px/1.5 Courier, monospace; } .fp-theme-laurel .category-products .pager select, .fp-theme-laurel .sorter .sort-by select { margin-top: -3px; } .fp-theme-laurel .col1-layout .columns-3 li.item { text-align: center; } .fp-theme-laurel.catalog-product-view h1 { font-size: 18px !important; } .fp-theme-laurel #product .price-box .price { font-size: 16px !important; } .fp-theme-laurel.catalog-product-view #gallery .thumbnailwrapper { background: none !important; border-top: 1px solid #DDD; } .fp-theme-laurel #gallery li.grid_1 a { border: 2px solid #FFF !important; } .fp-theme-laurel #gallery li.selected-thumb a { border: 2px solid #111111 !important; } .fp-theme-laurel .product-view .description { line-height: 1.3em; } .fp-theme-laurel #tabs2 ul li { text-transform: capitalize; } .fp-theme-laurel #tabs2 ul li a { color: #111; } .fp-theme-laurel .add-to-cart .button.button { background: #111 !important; padding: 5px 8px !important; } .fp-theme-laurel .add-to-cart .button.button:hover { background: #a1855b !important; color: #fff !important; } .fp-theme-laurel ul.products-grid li.item { text-align: center; font-size: 12px; } .fp-theme-laurel #tab_data .tab .generalbackground p { max-width: 700px !important; font-size: 12px; } .fp-theme-laurel .generalbackground table tr th { font: 12px/1.5 Courier,monospace; } .fp-theme-laurel .tab .generalbackground table { width: 650px; } .fp-theme-laurel.categorypath-laurel-wreath-collection-men h1, .fp-theme-laurel.categorypath-laurel-wreath-collection-women h1 { font-size: 18px; color: #444; } .fp-theme-laurel .social-media .facebook-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/social-media/icons/facebook-laurel.gif) top left no-repeat !important; width: 15px !important; } .fp-theme-laurel .social-media .twitter-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/social-media/icons/twitter-laurel.gif) top left no-repeat !important; } .fp-theme-laurel .social-media span.st_pinterest_custom { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/social-media/icons/pinterest-laurel.gif) top left no-repeat !important; } .fp-theme-laurel .social-media #share-this-wrapper span { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/social-media/icons/sharethis-laurel.gif) top left no-repeat !important; } .fp-theme-laurel.catalog-product-view .product-view { margin-bottom: 0; } .fp-theme-laurel.catalog-product-view .product-view .product-shop { min-height: 680px; } .fp-theme-laurel.catalog-product-view #tab_data { margin-top: 0; } /* ie 7 & 8 specific styling */ @media \0screen\,screen\9 { .fp-theme-laurel .category-products .pager label, .fp-theme-laurel .category-products .pager select, .fp-theme-laurel .category-products .pager, .fp-theme-laurel .sorter, .fp-theme-laurel .sorter .sort-by select, .fp-theme-laurel .sorter .sort-by label, .fp-theme-laurel .add-to-cart label, .fp-theme-laurel .pager .pages strong { font: 8px/1.5 Courier, monospace; text-transform:none; } } /* ie 7 specific styling */ @media screen\9 { .fp-theme-laurel .sorter { width:200px !important; margin-top:1px; } .fp-theme-laurel .limiter .dk_container, .fp-theme-laurel .sorter .sort-by .dk_container { margin-left: 4px; margin-right: 4px; } .fp-theme-laurel .pages { margin-top:6px !important; } .fp-theme-laurel .pager { margin-top:1px; } .fp-theme-laurel .pager .limiter .dk_label{ vertical-align:11px !important; } .fp-theme-laurel .sorter .sort-by .dk_container .dk_toggle span { line-height:1.7em; } #laurel-landing .categoryheader { padding-bottom: 28px; } } /** fancy box overrides */ .staticpage-sixtyyearsgallery .fancybox-nav { width: 36px; } .staticpage-sixtyyearsgallery .fancybox-prev { left: -36px; } .staticpage-sixtyyearsgallery .fancybox-next { right: -36px; } .staticpage-sixtyyearsgallery .fancybox-prev span { left: 0px; visibility: visible; } .staticpage-sixtyyearsgallery .fancybox-next span { right: 0px; visibility: visible; } .staticpage-sixtyyearsgallery .fancybox-overlay { z-index: 10000; } .fancybox-lock .fancybox-overlay { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/fancybox_overlay_dark.png) top repeat; } .staticpage-sixtyyearsgallery .container_spacer { height: 10px; } .staticpage-sixtyyearsgallery .heading-box, .footer-box { margin-bottom: 10px; width: 940px; } .staticpage-sixtyyearsgallery .sixty-years-grid { width: 940px; padding-left: 1px; margin-top: 11px; margin-bottom: 10px; } .staticpage-sixtyyearsgallery .sixty-years-grid .row { clear: both; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell { padding: 9px; border: 1px solid #dcdcdc; width: 294px; margin-bottom: 30px; display: block; float: left; margin-left: -1px; margin-top: -1px; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell .designer { height: 78px; margin-bottom: 10px; position: relative; width: 294px; *position:static; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell .designer .image { float: left; margin-right: 8px; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell .designer .image img { width: 75px; height: 78px; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell .designer .info { float: left; width: 210px; position: relative; height: 78px; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell .designer .info h3 { font-size: 20px; display: block; margin-top: 0px; line-height: 1.2em; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell .designer .info h4 { position: absolute; *position:static; bottom: 0px; margin: 0px; padding: 0px; font-family: 'RobotoCondensedRegular'; font-size: 15px; line-height: 1em; color: #696969; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell .thumb { position: relative; cursor: pointer; width: 294px; height: 363px; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell .thumb .zoom { position: absolute; opacity: 0.8; filter: alpha(opacity=80); z-index: 10; top: 0px; right: 0px; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell .biog { text-align: right; margin-top: 4px; } .staticpage-sixtyyearsgallery .sixty-years-grid .cell .biog a { font-size: 1.2em; color: #a0a0a0; text-decoration: none; } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content { display: none; width: 900px; height: 602px; } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .tabs-panel ul { list-style-type: none; padding: 0px; margin: 0px; } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .tabs-panel ul li { margin-right: 7px; display: inline; } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .tabs-panel ul li a { display: inline-block; width: 17px; height: 17px; background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/60-years-gallery/tab-inactive.png); } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .tabs-panel ul li a.active { background-image: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/60-years-gallery/tab-active.png); } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .image-panel { float: left; width: 550px; } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .image-panel ul { list-style-type: none; margin: 0px; padding: 0px; } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .info-panel { float: left; width: 315px; margin: 0px; margin-left: 10px; } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .info-panel .designer { margin-bottom: 20px; } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .info-panel .designer h3 { font-size: 28px; margin-bottom: 3px; color: #000; margin-top: 10px; } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .info-panel .designer h4 { color: #6d6d6d; font-size: 16px; font-family: 'RobotoCondensedRegular'; } .staticpage-sixtyyearsgallery .sixty-years-grid-fancybox-content .info-panel p { margin-top: 15px; font-size: 12px; font-weight: lighter; line-height: 1.4em; } .staticpage-sixtyyearsgallery .sixty-years { margin-bottom: 80px; } .staticpage-sixtyyearsgallery .sixty-years-grid h1 { font-size: 2.4em; padding: 10px 0px 30px; } .staticpage-sixtyyearsgallery .bidnow { text-align: center; } .staticpage-sixtyyearsgallery .bidnow a { width: 294px; height: 40px; display: block; background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/60-years-gallery/bidnow.png") center 12px no-repeat #000; } .staticpage-sixtyyearsgallery .bidnow a span { display: none; } .staticpage-sixtyyearsgallery .bidnow a:hover { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/60-years-gallery/bidnow.png") center 12px no-repeat #fd405f; } .staticpage-sixtyyearsgallery .info-panel .infoheader { border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 20px; } .staticpage-sixtyyearsgallery .info-panel .tabs-panel { float: left; width: 200px; padding-top: 10px; } .staticpage-sixtyyearsgallery .info-panel .bidnow { margin-top:0px; margin-bottom: 0px; float: right; } .staticpage-sixtyyearsgallery .info-panel .bidnow a { /*font-size: 1.3em; padding: 10px 12px 8px;*/ width: 98px; height: 30px; display: block; background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/60-years-gallery/bidnow-small.png") center 9px no-repeat #000; } .staticpage-sixtyyearsgallery .info-panel .bidnow a span { display: none; } /*.staticpage-sixtyyearsgallery {*/ /*background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/60-years-gallery/ss13-amy-bg-ph1.gif") repeat-x 0 105px #FFFFFF !important;*/ /*}*/ .staticpage-sixtyyearsgallery #tipping { background: url("http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/60-years-gallery/amy-ss13-tipping.gif") repeat-x scroll left top transparent !important; height: 35px; padding-bottom: 14px; } .staticpage-sixtyyearsgallery .heading-box { padding-bottom: 0px; } .staticpage-sixtyyearsgallery .heading-box img { line-height: 0; } .staticpage-sixtyyearsgallery .spacer-bar { height: 10px; background: #FD415F; position: absolute; left: 0; right: 0; margin-top: -15px; } .staticpage-sixtyyearsgallery .grouptitle img { margin-bottom: 10px; display: block; } .staticpage-sixtyyearsgallery .grouptitle { margin-bottom: 20px; } .staticpage-sixtyyearsgallery .grouptitle .ebay { float: right; margin-top: -70px; } /*@font-face {*/ /*font-family: 'CPMono_v07Light';*/ /*src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/bundles/fredperrysubculture/frontend/fonts/CPMono_v07_Light-webfont.eot');*/ /*src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/bundles/fredperrysubculture/frontend/fonts/CPMono_v07_Light-webfont.eot?#iefix') format('embedded-opentype'),*/ /*url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/bundles/fredperrysubculture/frontend/fonts/CPMono_v07_Light-webfont.woff') format('woff'),*/ /*url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/bundles/fredperrysubculture/frontend/fonts/CPMono_v07_Light-webfont.ttf') format('truetype'),*/ /*url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/bundles/fredperrysubculture/frontend/fonts/CPMono_v07_Light-webfont.svg#CPMono_v07Light') format('svg');*/ /*}*/ @font-face { font-family: 'CPMono_v07Plain'; src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/CPMono_v07_Plain-webfont.eot'); src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/CPMono_v07_Plain-webfont.eot?#iefix') format('embedded-opentype'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/CPMono_v07_Plain-webfont.woff') format('woff'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/CPMono_v07_Plain-webfont.ttf') format('truetype'), url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/fonts/CPMono_v07_Plain-webfont.svg#CPMono_v07Plain') format('svg'); } /*@font-face {*/ /*font-family: 'CPMono_v07Bold';*/ /*src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/bundles/fredperrysubculture/frontend/fonts/CPMono_v07_Bold-webfont.eot');*/ /*src: url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/bundles/fredperrysubculture/frontend/fonts/CPMono_v07_Bold-webfont.eot?#iefix') format('embedded-opentype'),*/ /*url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/bundles/fredperrysubculture/frontend/fonts/CPMono_v07_Bold-webfont.woff') format('woff'),*/ /*url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/bundles/fredperrysubculture/frontend/fonts/CPMono_v07_Bold-webfont.ttf') format('truetype'),*/ /*url('http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/bundles/fredperrysubculture/frontend/fonts/CPMono_v07_Bold-webfont.svg#CPMono_v07Light') format('svg');*/ /*}*/ .staticpage-subculture-landing .body-wrapper { background-color: #252525; padding-top: 20px; } .staticpage-subculture-landing .logo-container { margin-bottom: 20px; } .staticpage-subculture-landing .logo-container ul { margin: 0px; padding: 0px; } .staticpage-subculture-landing .logo-container li { list-style: none; display: inline-block; position: relative; float: left; padding: 0px; margin: 0px; } .staticpage-subculture-landing .logo-container li.logo { height: 29px; width: 152px; margin-right: 20px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/subculture/subculture-logo-dk-theme.gif) no-repeat; } .staticpage-subculture-landing .logo-container li.logo a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .staticpage-subculture-landing .logo-container li.tagline { height: 29px; color: #fff; line-height: 29px; } .staticpage-subculture-landing .a-feature { background-color: #000; margin-bottom: 10px; } .staticpage-subculture-landing .a-feature .widget-video #player { width:940px; height:529px; } .staticpage-subculture-landing .a-feature .content { cursor: default; height:25px; padding:9px 0 0 12px; } .staticpage-subculture-landing .a-feature .content h5 { color: #fff; font-family: "CPMono_v07Plain", Helvetica, Arial, sans-serif; text-transform: none; } .staticpage-subculture-landing .a-feature .content h5 .subheading { color: #a3a3a3; } .staticpage-subculture-landing .b-features { height: 174px; margin-bottom: 20px; } .staticpage-subculture-landing .b-features .b-feature { margin-right: 12px; width: 226px; height: 174px; float: left; background-color: #000; } .staticpage-subculture-landing .b-features .b-feature img { width:226px; height:140px; } .staticpage-subculture-landing .b-features .last { margin-right: 0px; } .staticpage-subculture-landing .b-features .b-feature .content { background-color:#fff; height:25px; padding:9px 0 0 12px; } .staticpage-subculture-landing .b-features .b-feature .videoplay { width:50px; height:50px; top:45px; left:88px; } .staticpage-subculture-landing .b-features .b-feature .content h5 { margin:0; font-family:"CPMono_v07Plain", Helvetica, Arial, sans-serif; text-transform:none; } .staticpage-subculture-landing .b-features .b-feature .content p { display:none; } .staticpage-subculture-landing .player { padding-left: 42px; margin-bottom: 30px; height:47px; color: #000; background:#C4151C url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/subculture/subculturenote-black.png) 17px 13px no-repeat; } .staticpage-subculture-landing .player:hover { cursor:pointer; } .staticpage-subculture-landing .white-text { color: #fff; } .staticpage-subculture-landing .player p { font-family:"CPMono_v07Plain", Helvetica, Arial, sans-serif; font-size:13px; padding-top:14px; } .staticpage-subculture-landing .feed { background-color: #000; height: 1100px; margin-bottom: 30px; } .staticpage-subculture-landing .feed iframe { width: 100%; height:100%; } .staticpage-subculture-landing #subcultureradio a:before { background:#111 url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/subculture/subculturenote-red.png) 0px 0px no-repeat !important; } .staticpage-subculture-landing #subcultureradio a, .staticpage-subculture-landing #footer_navigation ul li.heading { color:#C4151C; } .staticpage-subculture-landing #backtotop a { color:#fff; background-color:#C4151C; } /* iframe styling*/ .staticpage-subculture-landing .feed iframe { background-color:#252525; background-image:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/subculture/loader.gif); background-position: center 50px; background-repeat:no-repeat; } .staticpage-subculture-landing .feed iframe .maincontent { margin-left:0; margin-right:0; } .catalog-product-view .product-view { margin-bottom: 5px; } .catalog-product-view #product { padding-bottom:10px; margin-top: 40px; } .catalog-product-view #gallery { position: relative; float: left; width: 460px; } .catalog-product-view #gallery .thumbnailwrapper { background: #f2f2f2; height: 153px; position: relative; } .catalog-product-view #gallery .productthumbnails { top: 50%; position: absolute; text-align: left; } .catalog-product-view #gallery ul { list-style: none outside none; position: relative; text-align: center; width: 460px; } .catalog-product-view #gallery ul li { display: inline-block; } .catalog-product-view .product-view .product-shop { min-height: 703px; position: relative; } .catalog-product-view h1 { font-size: 21px; } /*.catalog-product-view #gallery .facebook-mask { position: absolute; right: 0px; bottom: 0px; overflow: hidden; width: 46px; height: 70px; } .catalog-product-view #gallery .masked iframe { position: absolute; top: -40px; }*/ /*.catalog-product-view #gallery .grid_1 { width:90px; height:108px; }*/ .catalog-product-view h5 { color:#999; font-size:1.3em; font-weight:200; margin:0 0 5px 0; padding:0; } .catalog-product-view h4 { color:#666; font-weight:100; font-size:1.6em; word-spacing:0.1em; margin:0; } .catalog-product-view #rollovertozoom { background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/product/rollovertozoom.png) no-repeat; position:absolute; display:inline; top:250px; left:190px; width:110px; height:20px; z-index:1000px; } .catalog-product-view #search_res { padding:0; text-align:right; background:url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/search/icon.gif) no-repeat 68px 0; margin-top:10px; } .catalog-product-view #search_res a { color:#666; word-spacing:0.1em; } /*.catalog-product-view Story */ .catalog-product-view #story { background:#fff url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images.catalog-product-view/img.catalog-product-view_story.gif) no-repeat right; color:#fff; height:21px; margin-bottom:10px; } .catalog-product-view .catalog-product-view { border-bottom:2px solid #f0f0f0; margin-top:-28px; } .catalog-product-view .catalog-product-view #gallery { margin-bottom:-1px; } .catalog-product-view #info { float: right; width: 450px; } .catalog-product-view #loadingbigimage{ z-index:9999999999999; position:absolute; margin:180px 0 0 110px; padding:0; width:250px; height:250px; background:#fff url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/product/loader.gif) no-repeat 110px 130px; display:none; border:1px solid #afafaf; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(Opacity=80); } .catalog-product-view #loadingbigimage p { font-size:145%; line-height:1.6em; color:#666; padding:60px 0 10px 0; text-align:center; } .catalog-product-view #info h1 { font-family: 'RobotoCondensedRegular'; font-size:20px; font-weight: normal; line-height: 1em; } .catalog-product-view #info h4 { color:#666; font-weight:100; font-size:1.6em; word-spacing:0.1em; } .catalog-product-view #info h4 ins { color:#cc0033; } .catalog-product-view #info h4 .old_price { text-decoration:line-through; } .catalog-product-view #info h4 .conversion { color:#a7a7a7; } .catalog-product-view #info h4 .approx { font-size:0.7em; } .catalog-product-view #info .break { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-top:10px; padding-bottom:15px; } .catalog-product-view #info p.description { width:400px; font-size:108%; line-height:1.4em; margin:0 0 5px 0; } .catalog-product-view #info .description p { font-size:13px; line-height:1.4em; margin:0 0 10px 0; color: #111; } .catalog-product-view #info .description ul { margin-bottom: 20px; } .catalog-product-view #info .description li { font-size:13px; line-height:1em; margin:0 0 5px 0; color: #111; display: inline; margin-right: 7px; padding-right: 7px; border-right: 1px solid #DDD; } .catalog-product-view #info p.special_instructions { width:400px; font-size:1.1em; color:#999; margin-bottom:25px; } .catalog-product-view #info #colour p, .catalog-product-view #info #size_info p { color:#666; font-weight:600; font-size:1.1em; margin-bottom:4px; } .catalog-product-view #info #colour p span { position:relative; padding-left:30px; color:#888; font-weight:500; margin-bottom:4px; } .catalog-product-view #info #colour ul li { display:block; float: left; padding:2px; margin:0; } .catalog-product-view #info #colour ul li a { display:block; line-height: 0em; } .catalog-product-view #info #colour ul li img { z-index:0; position:relative; } .catalog-product-view #info #colour ul li img#selected { display:inline; margin:38px -18px -5px 0; z-index:1; position:absolute; } .catalog-product-view #info #size_info p select { position:relative; margin-left:40px; width:100px; } .catalog-product-view #info #info_basket p { padding:0; margin:0; } .catalog-product-view #info #info_basket p.checkout { margin:15px 0 0 0; } .catalog-product-view #tabs { margin-top:-20px; height:18px; } .catalog-product-view #tabs ul li { display:inline; list-style-type:none; background:#eee; margin:0; padding:4px 5px 0px 5px; } .catalog-product-view #tabs ul li.active { background:#bfbfbf; } .catalog-product-view #tabs ul li a { color:#666; font-size:1.1em; } .catalog-product-view #tabs ul li a:hover { text-decoration:none; } .catalog-product-view #tabs ul li:hover { background:#ddd; } .catalog-product-view #info #size { border:0; height:20px; width:94px; padding:2px; } .catalog-product-view #info #size_info p { margin:10px 0 20px 0; } .catalog-product-view #product-options-wrapper { background: 0; border:0; margin:0; padding:0; } .catalog-product-view #product-options-wrapper dt { float:left; } .catalog-product-view p.required { display:none; } .catalog-product-view label.required em { display: none; } .catalog-product-view #product-options-wrapper select { position:relative; width:120px; background:#f6f6f6; padding:3px; border:none; } .catalog-product-view .product #info #size { background:#F0F0F0 url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/css/img/dropdown.gif) no-repeat scroll 0 0; border:0 none; height:20px; padding:2px; width:94px; } .catalog-product-view .product-options-bottom { border: none; padding: 0; float: right; width: 240px; } .catalog-product-view .product-options-bottom .price-box { display: none; } .catalog-product-view .add-to-cart { padding:0; margin:0; } .catalog-product-view .add-to-cart .on-right { float:left; margin-left:63px; margin-top:-16px; position:relative; } .catalog-product-view .add-to-cart .button { border:none; padding:0; margin:0; } .catalog-product-view .add-to-cart .button.button { background: #A1855B; float: none; margin-left: 0; width: auto; margin-top: -6px; padding: 8px 10px; height: auto; } .catalog-product-view .add-to-cart .button.button:hover { background: #111; } .catalog-product-view .add-to-cart .button.button span { display: inline; font-size: 15px; } .catalog-product-view .add-to-cart p{ margin:0; font-weight:600; color:#666666; font-size:1.1em; } .catalog-product-view .add-to-links { padding:0; margin:10px 0 0 0; } @media screen and (-webkit-min-device-pixel-ratio:0) { .catalog-product-view .add-to-links { padding:0; margin:10px 0 0 -4px; } } .catalog-product-view ul.on-right .button { border:0; background:none; } .catalog-product-view .jqzoom { display:block; width:460px; height:550px; float: none !important; } .catalog-product-view #gallery li.grid_1 { zoom: 1; *display: inline !important; } .catalog-product-view #gallery li.grid_1 a { display: inline-block; border: 2px solid #f2f2f2; margin-top:-2px; } .catalog-product-view #gallery li.grid_1 img { display:block; } .catalog-product-view #gallery li.selected-thumb a { border: 2px solid #111; } .catalog-product-view #tab_data .tab .generalbackground { padding-right:10px; padding-bottom:0; border-bottom:none; } .catalog-product-view #tab_data .tab .generalbackground { background:#F0F0F0; padding: 15px 30px 30px; } .catalog-product-view #tab_data .tab .generalbackground h3 { border-bottom:1px solid #ddd; margin-bottom:0.8em; } .catalog-product-view #tab_data .tab .generalbackground.delivery-tab h3 { border-bottom: none; } .catalog-product-view #tab_data .tab .generalbackground.delivery-tab table.uk-delivery { width: 750px; } .catalog-product-view #tab_data .tab .generalbackground.delivery-tab table.eu-delivery { width: 750px; } .catalog-product-view #tab_data .tab .generalbackground h3.close { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/close-tab.gif) no-repeat right; cursor:pointer; } .catalog-product-view #tab_data .tab .generalbackground table { font-size:100%; margin-bottom:0.8em; } .catalog-product-view #tab_data .tab .generalbackground .clothingtable tr td { padding:2px 0 1px 0; } .catalog-product-view #tab_data .tab .generalbackground p { margin-bottom:1em; max-width: 650px; } .catalog-product-view #tab_data .tab .generalbackground strong { font-weight: normal; font-family: 'RobotoCondensedBold'; } .catalog-product-view #tab_data .tab .generalbackground .informationtabs-leftcolumn { position: relative; } .catalog-product-view #tab_data .tab .generalbackground .close { display: block; position: absolute; height: 23px; width: 23px; overflow: hidden; top: -5px; right: 0; cursor: pointer; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/global/concertinaclose.gif) no-repeat top right; } .catalog-product-view #tab_data .tab .generalbackground .close:hover { background-position: 0 -23px; } .catalog-product-view #tab_data { padding:0; } .catalog-product-view .product-options .validation-advice { position:absolute; margin-top: 5px; background:none; } .catalog-product-view .options .required-entry { border:1px solid #fff; } .catalog-product-view .alert-stock { margin-bottom: 15px; } .catalog-product-view .alert-stock a { color: #800D0D; } .catalog-product-view .out-of-stock { margin-top: -10px; color:#800D0D; } .catalog-product-view .product-view .out-of-stock { margin-top: 0; } .catalog-product-view #product #info .description span { color:#666666; margin: 7px 80px 20px 0; display:block; line-height: 15px; } .catalog-product-view #product #info .description span a { text-decoration:underline; } /** Price labels */ .catalog-product-view #product .price-box p, .catalog-product-view #product .price-box .regular-price, .catalog-product-view #product .price-box .configurable-price-from-label { color:#666666; font-weight:100; word-spacing:0.1em; margin-bottom:15px; margin-right: 5px; margin-left: 0; } .catalog-product-view #product .price-box .configurable-price-from-label { float:left; display: none; } .catalog-product-view #product .price-box span.price-label { display: none; } .catalog-product-view #product .price-box p.old-price { float:left; } .catalog-product-view #product .price-box .price { font-size: 18px; color: #111; } .catalog-product-view #product .price-box p.old-price .price { color: #AAA; } .catalog-product-view #product .price-box .special-price span.price { color: #800D0D; } .catalog-product-view .product-details { border-bottom: 1px solid #DDD; padding-bottom: 30px; } .catalog-product-view .options { min-height: 50px; padding-top: 30px; position: relative; } .catalog-product-view #product-options-wrapper { float: left; width: 200px; } .catalog-product-view #product-options-wrapper dl.last dd:first-child { display: none; } .catalog-product-view #product-options-wrapper dl.last dd { margin: 0; } .catalog-product-view .add-to-cart { float: right; width: 210px; text-align: right; } .catalog-product-view .options label { color: #111111; font-size: 12px; font-weight: normal; margin-right: 10px; font-family: 'RobotoCondensedBold'; } .catalog-product-view .add-to-cart .qty { float: left; margin: 0; padding: 3px; border: none; background: #EEE; } .catalog-product-view .no-color { font-weight: normal !important; margin: 10px 0 0 0 !important; position: inherit !important; color: #800D0D !important; } .catalog-product-view .product-collateral { border-top: 1px solid #DDD; margin-top: 40px; padding-top: 40px; } .catalog-product-view .productextras { border-top: 1px solid #DDD; padding-top: 10px; position: absolute; bottom: 0; width: 445px; *left: 0; } .catalog-product-view #tabs2 { float: left; } .catalog-product-view #tabs2 li a { color: #A1855B; } .catalog-product-view #tabs2 li a.active, .catalog-product-view #tabs2 li a:hover { color: #000; } /*FACEBOOK LIKE*/ .catalog-product-view .facebook-mask { float: left; width: 100px; height: 19px; } .catalog-product-view .social-media { float: right; } .catalog-product-view .social-media span, .catalog-product-view .social-media a { margin-left: 7px; width: 18px; height: 18px; display: block; float: left; } .catalog-product-view .social-media span.st_facebook_custom, .catalog-product-view .social-media .facebook-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -146px 0 transparent; width: 9px; } .catalog-product-view .social-media span.st_twitter_custom, .catalog-product-view .social-media .twitter-share { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -155px 0 transparent; } .catalog-product-view .social-media span.st_pinterest_custom { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -191px 0 transparent; } .catalog-product-view .social-media span.st_sharethis_custom, .catalog-product-view .social-media span.share_this { background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/fp-sprite.png) no-repeat -209px 0 transparent; } .social-media span.share_this:hover { cursor: pointer; } #share-this-wrapper { float: right; } .catalog-product-view .jqzoom{ float:left; position:relative; padding:0px; cursor:pointer; } .catalog-product-view .jqzoom img{ float:left; } .catalog-product-view div.zoomdiv { z-index : 999999; position : absolute; top:0; left:0; width : 200px; height : 200px; background: #ffffff; display:none; text-align: center; overflow: hidden; border:1px solid #ccc; margin-top:-2px; } .catalog-product-view div.jqZoomPup { z-index : 10; /*visibility : hidden;*/ position : absolute; top:0px; left:0px; width : 50px; height : 50px; border: 1px solid #000; background: #111 url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/media/images/product/zoom.png) bottom right no-repeat; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(Opacity=20); } /** * * Main container * */ #addToHomeScreen { z-index:9999; -webkit-user-select:none; user-select:none; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; touch-callout:none; width:240px; font-size:15px; padding:12px 14px; text-align:left; font-family:helvetica; background-color:#fff; border:1px solid #c0c0c0; -webkit-border-radius:8px; -webkit-background-clip:padding-box; color:#333; line-height:130%; -webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.5); } #addToHomeScreen.addToHomeIOS7 { background:#fff !important; -webkit-border-radius:1px !important; border:1px solid #ccc; } #addToHomeScreen.addToHomeIpad { width:268px; /*font-size:18px;*/ padding:14px; } /** * * The 'wide' class is added when the popup contains the touch icon * */ #addToHomeScreen.addToHomeWide { width:296px; } #addToHomeScreen.addToHomeIpad.addToHomeWide { width:320px; font-size:18px; padding:14px; } /** * * The balloon arrow * */ #addToHomeScreen .addToHomeArrow { position:absolute; background: #fff; border-width:0 1px 1px 0; border-style:solid; border-color:#c0c0c0; width:16px; height:16px; -webkit-transform:rotateZ(45deg); bottom:-9px; left:50%; margin-left:-8px; -webkit-border-bottom-right-radius:2px; -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2); } #addToHomeScreen.addToHomeIOS7 .addToHomeArrow { -webkit-box-shadow:5px 5px 5px #888 !important; } /** * * The balloon arrow for iPad * */ #addToHomeScreen.addToHomeIpad .addToHomeArrow { -webkit-transform:rotateZ(-135deg); top:-9px; bottom:auto; left:50%; z-index:9998; } /** * * Close button * */ #addToHomeScreen .addToHomeClose { -webkit-box-sizing:border-box; position:absolute; right:12px; top:12px; width:18px; height:18px; line-height:14px; text-align:center; -webkit-border-radius:9px; background:rgba(0,0,0,0.3); color:#fff; font-size:16px; } /** * * The '+' icon, displayed only on iOS < 4.2 * */ #addToHomeScreen .addToHomePlus { font-weight:bold; font-size:1.3em; } /** * * The 'share' icon, displayed only on iOS >= 4.2 * */ #addToHomeScreen .addToHomeShare { display:inline-block; width:18px; height:15px; background-repeat:no-repeat; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); background-size:18px 15px; text-indent:-9999em; overflow:hidden; } #addToHomeScreen.addToHomeIOS7 .addToHomeShare { width:11px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=); background-size:11px 15px; } /** * * The touch icon (if available) * */ #addToHomeScreen .addToHomeTouchIcon { display:block; float:left; -webkit-border-radius:6px; border-radius:6px; background-repeat:no-repeat; width:57px; height:57px; -webkit-background-size:57px 57px; background-size:57px 57px; margin:0 12px 50px 0; border:1px solid #333; -webkit-background-clip:padding-box; background-clip:padding-box; } #addToHomeScreen .addToHomeTitle { padding-bottom: 5px; margin: 0px 0px 5px 70px; border-bottom: 2px solid rgba(0,0,0,0.12); font-weight: bold; letter-spacing: -0.06em; } .moodbooks-index-index #moodbook-wrapper { height: 100%; position: relative; } .moodbooks-index-index #moodbookBar { height: 100px; width: 100%; border-bottom: 1px solid #ccc; position: absolute; background: #fff; } .moodbooks-index-index #moodbook-logo { width: 69px; height: 61px; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/moodbooks/logo.png) no-repeat transparent; position: absolute; left: 20px; top: 20px; } .moodbooks-index-index #moodbook-title { font-size: 17px; text-align: right; position: absolute; right: 20px; bottom: 20px; color: #111; } .moodbooks-index-index #moodbook-link { font-size: 11px; color: #777; position: absolute; text-align: right; right: 20px; top: 20px; } .moodbooks-index-index #issuuViewer { height: 100%; width: 100%; padding-top: 101px; box-sizing: border-box; background: url(http://d1yk18ot3qjyqd.cloudfront.net/skin/frontend/fredperry/default/images/moodbooks/loader.gif) no-repeat center #000; }