/*=======================================================*/ /* RESET */ /*=======================================================*/ * { margin:0; padding:0; outline:0; } body { background:#FFF; color:#000; line-height:1; } html, body, img, fieldset, abbr, acronym { border:0; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } em, strong, th, code, cite, caption { font-weight:normal; font-style:normal; text-align:left; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } q:before, q:after { content:''; } /*=======================================================*/ /* COMMON + RESET OVERRIDE */ /*=======================================================*/ html { -webkit-text-size-adjust:none; } body, button, input, select, table, textarea { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#202020; font-size:12px; line-height:1.5; } a { color:#ea0000; text-decoration:none; } a:hover { color:#ea0000; text-decoration:underline; } a:focus, a:active { color:#ea0000; } address { margin-bottom:10px; font-style:normal; } em, i { font-style:italic; } strong, b { font-weight:bold; } p { margin-bottom:1.5em; line-height:1.5; } img { display:block; } abbr { border-bottom: 1px dotted #202020; } .a-center { text-align:center; } .a-left { text-align:left; } .a-right { text-align:right; } .col2-set { overflow:hidden; margin-bottom:30px; } .col2-set .col-1 { float:left; width:45%; margin-right:10%; } .col2-set .col-2 { float:left; width:45%; } .hide-th { text-indent:-9999px; } .no-display { display:none; } .no-margin { margin:0; } .nobr, .nowrap { white-space:nowrap; } .width-full { width:100%; } /*=======================================================*/ /* TYPOGRAPHY */ /*=======================================================*/ h1, h2, h3, h4 { font-family:inherit; font-weight:normal; font-style:normal; } h1 { margin-bottom:30px; font-size:42px; line-height:1.2; } h2 { margin-bottom:12px; font-size:20px; line-height:1.2; } h3 { margin-bottom:10px; font-size:14px; line-height:1.38; } h4 { margin-bottom:10px; font-size:12px; font-weight:bold; } /*=======================================================*/ /* GRIDS */ /*=======================================================*/ .grid-block { display:block; width:988px; margin:0 10px; } .grid-block:after { clear:both; display:table; content:''; } .grid { display:block; width:1008px; margin:0 auto; } .grid:after { clear:both; display:table; content:''; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; } .grid .grid_1 { width:22px; } .grid .grid_2 { width:64px; } .grid .grid_3 { width:106px; } .grid .grid_4 { width:148px; } .grid .grid_5 { width:190px; } .grid .grid_6 { width:232px; } .grid .grid_7 { width:274px; } .grid .grid_8 { width:316px; } .grid .grid_9 { width:358px; } .grid .grid_10 { width:400px; } .grid .grid_11 { width:442px; } .grid .grid_12 { width:484px; } .grid .grid_13 { width:526px; } .grid .grid_14 { width:568px; } .grid .grid_15 { width:610px; } .grid .grid_16 { width:652px; } .grid .grid_17 { width:694px; } .grid .grid_18 { width:736px; } .grid .grid_19 { width:778px; } .grid .grid_20 { width:820px; } .grid .grid_21 { width:862px; } .grid .grid_22 { width:904px; } .grid .grid_23 { width:946px; } .grid .grid_24 { width:988px; } .alpha { margin-left:0; } /* must be declared on first nested grid item */ .omega { margin-right:0; } /* must be declared on last nested grid item */ .grid-block .grid, .grid .grid { width:auto; } .grid .prefix_1 { padding-left:42px; } .grid .prefix_2 { padding-left:84px; } .grid .prefix_3 { padding-left:126px; } .grid .prefix_4 { padding-left:168px; } .grid .prefix_5 { padding-left:210px; } .grid .prefix_6 { padding-left:252px; } .grid .prefix_7 { padding-left:294px; } .grid .prefix_8 { padding-left:336px; } .grid .prefix_9 { padding-left:378px; } .grid .prefix_10 { padding-left:420px; } .grid .prefix_11 { padding-left:462px; } .grid .prefix_12 { padding-left:504px; } .grid .prefix_13 { padding-left:546px; } .grid .prefix_14 { padding-left:588px; } .grid .prefix_15 { padding-left:630px; } .grid .prefix_16 { padding-left:672px; } .grid .prefix_17 { padding-left:714px; } .grid .prefix_18 { padding-left:756px; } .grid .prefix_19 { padding-left:798px; } .grid .prefix_20 { padding-left:840px; } .grid .prefix_21 { padding-left:882px; } .grid .prefix_22 { padding-left:924px; } .grid .prefix_23 { padding-left:966px; } .grid .suffix_1 { padding-right:42px; } .grid .suffix_2 { padding-right:84px; } .grid .suffix_3 { padding-right:126px; } .grid .suffix_4 { padding-right:168px; } .grid .suffix_5 { padding-right:210px; } .grid .suffix_6 { padding-right:252px; } .grid .suffix_7 { padding-right:294px; } .grid .suffix_8 { padding-right:336px; } .grid .suffix_9 { padding-right:378px; } .grid .suffix_10 { padding-right:420px; } .grid .suffix_11 { padding-right:462px; } .grid .suffix_12 { padding-right:504px; } .grid .suffix_13 { padding-right:546px; } .grid .suffix_14 { padding-right:588px; } .grid .suffix_15 { padding-right:630px; } .grid .suffix_16 { padding-right:672px; } .grid .suffix_17 { padding-right:714px; } .grid .suffix_18 { padding-right:756px; } .grid .suffix_19 { padding-right:798px; } .grid .suffix_20 { padding-right:840px; } .grid .suffix_21 { padding-right:882px; } .grid .suffix_22 { padding-right:924px; } .grid .suffix_23 { padding-right:966px; } .grid .push_1 { left:42px; } .grid .push_2 { left:84px; } .grid .push_3 { left:126px; } .grid .push_4 { left:168px; } .grid .push_5 { left:210px; } .grid .push_6 { left:252px; } .grid .push_7 { left:294px; } .grid .push_8 { left:336px; } .grid .push_9 { left:378px; } .grid .push_10 { left:420px; } .grid .push_11 { left:462px; } .grid .push_12 { left:504px; } .grid .push_13 { left:546px; } .grid .push_14 { left:588px; } .grid .push_15 { left:630px; } .grid .push_16 { left:672px; } .grid .push_17 { left:714px; } .grid .push_18 { left:756px; } .grid .push_19 { left:798px; } .grid .push_20 { left:840px; } .grid .push_21 { left:882px; } .grid .push_22 { left:924px; } .grid .push_23 { left:966px; } .grid .pull_1 { left:-42px; } .grid .pull_2 { left:-84px; } .grid .pull_3 { left:-126px; } .grid .pull_4 { left:-168px; } .grid .pull_5 { left:-210px; } .grid .pull_6 { left:-252px; } .grid .pull_7 { left:-294px; } .grid .pull_8 { left:-336px; } .grid .pull_9 { left:-378px; } .grid .pull_10 { left:-420px; } .grid .pull_11 { left:-462px; } .grid .pull_12 { left:-504px; } .grid .pull_13 { left:-546px; } .grid .pull_14 { left:-588px; } .grid .pull_15 { left:-630px; } .grid .pull_16 { left:-672px; } .grid .pull_17 { left:-714px; } .grid .pull_18 { left:-756px; } .grid .pull_19 { left:-798px; } .grid .pull_20 { left:-840px; } .grid .pull_21 { left:-882px; } .grid .pull_22 { left:-924px; } .grid .pull_23 { left:-966px; } /*=======================================================*/ /* CLEAR FIXES */ /*=======================================================*/ /* Prevents margins from collapsing */ .cf:before { content:''; display:table; } .cf:after { clear:both; display:table; content:''; } .cf { zoom:1; } /*=======================================================*/ /* LAYOUT */ /*=======================================================*/ body { background: #ebebeb url(../img/bg/body_bg.gif) 0 0 repeat; } #wrapper { width:1028px; margin: 0px auto 60px auto; background: #fff; -moz-box-shadow: 0 2px 6px #777; -webkit-box-shadow: 0 2px 6px #777; box-shadow: 0 2px 6px #777; -moz-border-radius:0 0 18px 18px; -webkit-border-radius:0 0 18px 18px; border-radius:0 0 18px 18px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #container { width:1008px; margin:0 auto; } #header { position:relative; margin:0 0 20px 0; } #matter .centercontent { padding-bottom: 24px; } /* bottom page padding for cms pages */ #footer { width: 1028px; margin-left: -10px; background: #d5d5d5; -moz-border-radius:0 0 18px 18px; -webkit-border-radius:0 0 18px 18px; border-radius:0 0 18px 18px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } /*=======================================================*/ /* DEVELOPMENT HELPERS */ /*=======================================================*/ p.notice-dev { padding: 10px; background: #FFDBDB; border-left:5px solid #F00; } /*=======================================================*/ /* HEADER */ /*=======================================================*/ #logo { display:block; overflow:hidden; width: 300px; height: 75px; padding: 16px 0px 16px 10px; } #logo h1 { float:left; margin:0; } #account-links { display: block; position: absolute; top: 10px; right: 10px; width: 600px; zoom: 1; } #account-links ul.links { } #account-links li a { float: right; display: inline; margin-left: 14px; } #header-phone { float: right; display: block; } #header-phone p { padding-right:10px; border-right: 1px solid #ccc; } #header-info-block { position: absolute; top:56px; right: 6px; display: block; } #header-info-block p { width: 480px; height: 40px; text-indent: -9999px; overflow: hidden; background: transparent url(../img/icon/cards-horiz.png) 0 0 no-repeat; } #header #header-bar a { text-decoration:none; } #header #header-bar { height:49px; margin: 0px 10px; position: relative; background: #ea0000; background-image: linear-gradient(bottom, #C20202 0%, #EA0000 57%); background-image: -o-linear-gradient(bottom, #C20202 0%, #EA0000 57%); background-image: -moz-linear-gradient(bottom, #C20202 0%, #EA0000 57%); background-image: -webkit-linear-gradient(bottom, #C20202 0%, #EA0000 57%); background-image: -ms-linear-gradient(bottom, #C20202 0%, #EA0000 57%); -webkit-border-radius: 12px 12px 0px 0px; -moz-border-radius: 12px 12px 0px 0px; border-radius: 12px 12px 0px 0px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #header-bar .links { width: 600px; display: block; margin-left: 7px; } #header-bar .links li { float:left; line-height:26px; font-size: 13px; font-weight: 600; text-shadow: 1px 1px #555; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #header-bar .links a { display:block; padding:10px; color:#fff; } #header-bar .links a:hover { color:#fff; } #search-form { position:absolute; top: 0; right: 15px; height:24px; margin: 12px 0 0 0; background:#FFF; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #search-form label { display:none; } #search-form input { float:left; width:240px; height:24px; padding:0 5px 0 10px; border:0; background:none; line-height: 1.5; } #search-form button { float:left; height:24px; width:24px; padding:0; border:0; background:url(../img/icon/sprite.png) -270px 0 no-repeat; text-indent:-9999px; cursor:pointer; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #search-form button:hover { background-position:-270px -30px; } #search-form button:active { background-position:-270px -60px; } #breadcrumbs-bar { overflow:hidden; margin:0px 10px; padding-left:17px; position: relative; border-top: 3px solid #d1d1d1; background:#f1f1f1; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .breadcrumbs li { float:left; color:#606060; font-size:11px; line-height:32px; } .breadcrumbs a { float:left; } .breadcrumbs span { float:left; padding:0 7px; } /*=======================================================*/ /* CATEGORY SIDEBAR MENU */ /*=======================================================*/ #nav_vert li { line-height: 24px; } #nav_vert li a { font-weight: bold; color: #111; } #nav_vert li a.level-top { } #nav_vert li.active.level0 { } #nav_vert li.active a { color:#ea0000; } #nav_vert li ul { margin-bottom: 6px; } #nav_vert li ul li a { color:#909090; font-weight: normal; } #nav_vert li.level0 ul li a { color:#909090; font-weight: normal; } #nav_vert li.level0 ul li.active a { color:#ea0000; font-weight: normal; } #nav_vert li ul li { line-height: 18px; } #nav_vert li ul li a { color: #909090; } /*=======================================================*/ /* SIDEBAR SHOPPING CART */ /*=======================================================*/ #side-cart { padding-top: 12px; padding-bottom: 12px; background: #EFF0E6; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #mini-cart-list { list-style:none; margin-bottom:10px; } #mini-cart-list li { position:relative; min-height:60px; padding:10px 30px 10px 70px; font-size: 11px; line-height:15px; } #mini-cart-list li.item { overflow: hidden; } #mini-cart-list dt { display:inline; } #mini-cart-list dt.mini-cart-price-label { display:none; } #mini-cart-list dd { display:inline; padding-right:10px; } #mini-cart-list .btn-remove { position:absolute; right:10px; top:10px; } #mini-cart-list .has-options { color:#909090; } #mini-cart-list .product-image { position:absolute; left:0px; top:10px; } #mini-cart-list .product-name { display:inline-block; color:#ea0000; } #mini-cart-list .product-name:hover { color:#ea0000; } #mini-cart p { margin-bottom:0; } #mini-cart .empty { padding:10px; } #mini-cart .actions { overflow:hidden; padding:10px; } #mini-cart .actions .last-added { margin-bottom:10px; } /*#mini-cart .subtotal { }*/ #mini-cart .subtotal .label { display:none; } /*=======================================================*/ /* SIDEBAR RECENTLY VIEWED PRODUCTS */ /*=======================================================*/ .block-viewed { padding-top: 12px; padding-bottom: 12px; background: #EFF0E6; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #ssl_badge_wrapper img { padding-left: 38px !important; } /*=======================================================*/ /* FOOTER */ /*=======================================================*/ #footer p, #footer ul li { margin-bottom:0; text-shadow: 1px 1px #e5e5e5; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #footer p.copyright { font-size: 11px; } #footer-bar { margin:0px auto 20px auto; padding:30px 0px; border-bottom:1px solid #eee; } .newsletter { width: 568px; float:left; } .newsletter form { padding: 0; position:relative; display: inline-block; zoom: 1; } .newsletter label { float:left; margin-right:10px; font-size: 14px; line-height:24px; text-shadow: 1px 1px #e5e5e5; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .newsletter #newsletter-email { float:left; position: relative; width:200px; height:24px; padding:0 5px 0 10px; border:0; background:#FFF; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .newsletter button { margin-left: 10px; } p.newsletter-desc { padding: 0; font-size: 11px; } .newsletter .validation-advice { position:absolute; right:0; bottom:42px; z-index:10; width:200px; padding:5px 10px; border:5px solid #FFDBDB; background:#FFF; -moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .newsletter .validation-advice:after { content:''; position:absolute; left:50%; bottom:-10px; width:0; height:0; margin-left:-2px; border-right:5px solid transparent; border-top:5px solid #c8c8c8; border-left:5px solid transparent; } .social-icons-box { margin-bottom: 24px; } .social-icons-list { overflow:hidden; float:right; } .social-icons-list li { float:right; margin-left:5px; } .social-icons-list a { display:block; width:28px; height:28px; background:url(../img/icon/sprite.png) no-repeat; text-indent:-9999px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .social-icons-list .facebook { background-position:-490px 0; } .social-icons-list .twitter { background-position:-490px -40px; } .social-icons-list .googleplus { background-position:-490px -80px; } .social-icons-list .pinterest { background-position:-490px -120px; } .payment-icons-footer { float:right; } .payment-icons-footer span { float:left; margin-right:10px; color:#909090; line-height:28px; } #footer-closer { padding-bottom:40px; } #footer-closer h2 { margin-bottom:6px; line-height:24px; font-size: 14px; } .footer-links { overflow:hidden; } .footer-links > li { float:left; margin-left:30px; } .footer-links > li:first-child { margin-left:0; } .switchers { padding-bottom:15px; text-align:right; } .switcher { margin-bottom:5px; } #footer-closer .legal { margin-bottom: 8px; } .legal p { margin-bottom:0; text-align:right; } .legal .terms a { margin-left:5px; } #footer-payment { float: right; display: block; } #footer-payment p { width: 500px; height: 40px; text-indent: -9999px; overflow: hidden; background: transparent url(../img/icon/cards-horiz.png) 0 0 no-repeat; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc);} /*=======================================================*/ /* FORM */ /*=======================================================*/ label.required:after { content:' *'; color:#F00; font-weight:normal; } label.required em { display:none; } select { max-width:100%; } textarea { width:100%; max-width:500px; padding:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } textarea, .input-text { border:3px solid #E8E8E8; background:#FFF; color:#404040; font-size:12px; -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } textarea:focus, .input-text:focus { border-color:#c8c8c8; } input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text] { width:230px; height:24px; padding:1px 5px; line-height:1; } input[type=number].qty, input[type=text].qty { width:24px; } ::-webkit-input-placeholder { color:#707070; } input:-moz-placeholder { color:#707070; } .placeholder { color:#707070; line-height: 1; } .checkbox + label, .checkbox + .label, .radio + label, .radio + .label { width:auto; max-width:275px; margin-left:8px; line-height:18px; } .validation-advice { margin-top:5px; color:#F00; } p.required { display:none; } /*=======================================================*/ /* FORM - STACK */ /*=======================================================*/ .stack-form .form-list li { margin-bottom:15px; } .stack-form .form-list li:after { clear:both; display:table; content:''; } .stack-form .form-list .fields { margin-bottom:0; } .stack-form .form-list .fields .field { margin-bottom:15px; } .stack-form .form-list .fields.adjacent .field { float:left; margin-right:15px; } .stack-form .checkbox + label, .stack-form .radio + label { margin-left:8px; } .stack-form .buttons-set { margin-top:5px; } /*=======================================================*/ /* FORM - SCAFFOLD */ /*=======================================================*/ .scaffold-form { max-width:600px; } .scaffold-form label:first-child { float:left; width:120px; padding:5px 10px 0 0; } .scaffold-form select { margin-top:4px; } .scaffold-form .fieldset + .fieldset { margin-top:30px; } .scaffold-form .form-list { margin-bottom:15px; border-top:1px solid #E8E8E8; } .scaffold-form .input-box { float:left; max-width:350px; } .scaffold-form .legend { margin-bottom:10px; font-size:20px; font-weight:normal; line-height:24px; text-transform:capitalize; } .scaffold-form .form-list li, .scaffold-form .form-list .field { display:block; padding:10px 0; border-bottom:1px solid #E8E8E8; } .scaffold-form .form-list .fields { padding:0; border:0; } .scaffold-form .form-list li:after, .scaffold-form .form-list .field:after { clear:both; display:table; content:''; } /*.scaffold-form .form-list .controls { }*/ .scaffold-form .form-list .control { /*padding-left:130px;*/ padding-left:0px; } .scaffold-form .checkbox + label, .scaffold-form .radio + label { float:none; } .scaffold-form .buttons-set, .scaffold-form .captcha-image { /*margin-left:130px;*/ margin-left:0px; } /*=======================================================*/ /* TABLE - DATA */ /*=======================================================*/ .data-table { width:100%; border:1px solid #E0E0E0; margin-bottom:30px; } .data-table td { padding:5px 10px; vertical-align:top; } .data-table th { padding:5px 10px; background:#F8F8F8; font-weight:bold; } .data-table tr { border-top:1px solid #E0E0E0; } .data-table tfoot { background:#F8F8F8; } .data-table td, .data-table th { border-right:1px solid #E0E0E0; } /*=======================================================*/ /* TABLE - FLEX */ /*=======================================================*/ .flex-table { width:100%; margin-bottom:30px; } .flex-table thead tr { background:#F8F8F8; } .flex-table thead tr:first-child { border-top:1px solid #B0B0B0; } .flex-table thead tr:last-child { border-bottom:1px solid #E0E0E0; } .flex-table thead th { padding:8px 10px; font-weight:bold; line-height:24px; text-transform:uppercase; white-space:nowrap; } .flex-table tbody tr { border-bottom:1px solid #E0E0E0; } .flex-table tbody td { padding:15px 10px; vertical-align:top; } .flex-table tfoot tr { background:#F8F8F8; } .flex-table tfoot tr:last-child { border-bottom:1px solid #E0E0E0; } .flex-table tfoot td { padding:8px 10px; } /*=======================================================*/ /* TABLE - SIMPLE */ /*=======================================================*/ .simple-table { width:100%; } .simple-table th { font-weight:bold; } .simple-table td { vertical-align:top; } .simple-table th, .simple-table td { padding:0 5px; } .simple-table td:first-child, .simple-table th:first-child { padding-left:0; } .simple-table td:last-child, .simple-table th:last-child { padding-right:0; } /*=======================================================*/ /* SHARED CLASSES */ /*=======================================================*/ #catalog-layered-sidebar h3 { font-size: 14px; } .availability { font-size:11px; font-weight:500; text-transform:uppercase; } .availability.in-stock { color:#5DC46E; } .availability.out-of-stock { color:#F00; } .billing-methods { margin-bottom:15px; } .billing-methods dt { margin-bottom:5px; } .billing-methods dt a { font-weight:normal; } .billing-methods dt label { font-weight:bold; } .billing-methods dd ul { display:inline-block; margin:5px 0 20px 20px; padding:10px 15px; border:1px solid #E0E0E0; background:#F8F8F8; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .billing-methods dd li:last-child { margin-bottom:0; } .block { margin-bottom:20px; } .block-title { } .block-title h2 { margin-bottom:0; } .block-title p { margin:0; } /*.block-content { }*/ .block-content.lined { padding:15px 10px 0; } .block .liner-left { padding-left:10px; } .block .liner-right { padding-right:10px; } .block-viewed .liner-left { padding-right: 10px; } .button { display:inline-block; padding:5px 10px; border:1px solid transparent; background:#08BD4D; color:#FFF; font-size:10px; font-weight:bold; line-height:20px; text-transform:uppercase; vertical-align:middle; white-space:nowrap; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .button:hover { background-color:rgba(0, 0, 0, 0.5); cursor:pointer; } .button:active { background:#08BD4D; } .button + .button { margin-left:5px; } .button + .alt-action { margin-left:10px; line-height:28px; } .button-large { padding:12px 15px; font-size:22px; font-weight:300; text-transform:capitalize; } .button-small { padding:1px 7px; font-size:11px; font-weight:500; text-transform:capitalize; } .button-micro { padding:0 5px; font-size:11px; font-weight:500; line-height:18px; text-transform:capitalize; } .button-subtle { background:#b8b8b8; } a.button { text-decoration:none; } a.button:hover { color:#FFF; } .btn-remove { display:block; width:15px; height:15px; background:url(../img/icon/sprite.png) no-repeat -430px 0; text-indent:-9999px; } .btn-remove:hover { background-position:-430px -30px; } .btn-remove:active { background-position:-430px -60px; } .captcha-image { position:relative; float:left; clear:both; margin-top:10px; } .captcha-img { border:1px solid #D8D8D8; } .captcha-reload { position:absolute; left:215px; top:14px; padding-left:30px; line-height:24px; } .captcha-reload:after { content:''; position:absolute; left:0; top:0; width:24px; height:24px; background:url(../img/icon/sprite.png) -640px 0 no-repeat; } .captcha-reload:hover:after { background-position:-640px -30px; } .captcha-reload:active:after { background-position:-640px -60px; } .catalog-no-results, .search-no-results { margin-bottom:30px; } .checkout-agreements li { margin-bottom:20px; } .checkout-agreements .agreement-content { overflow-y:auto; max-width:670px; max-height:125px; margin-bottom:10px; padding:10px; border:1px solid #E0E0E0; background:#F8F8F8; } .checkout-agreements .input-box { } textarea#ordercomment-comment { margin-bottom: 24px !important; } .cvv-what-is-this { margin-left:10px; line-height:24px; } .faq dl { margin-bottom:30px; line-height:20px; } .faq dl dt { font-weight:bold; } .faq dl dd { margin-bottom:20px; } .faq h2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #C0C0C0; } .gift-option-box { max-width:500px; margin-bottom:15px; padding:10px; border:1px solid #E0E0E0; background:#F8F8F8; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .gift-option-box .product-img-box { position:relative; min-height:85px; margin-bottom:15px; padding-left:95px; } .gift-option-box .product-img-box .number { color:#909090; } .gift-option-box .product-img-box .product-image { position:absolute; left:0; top:0; } .gift-message-box { margin-top:15px; padding-top:15px; border-top:1px solid #E0E0E0; } .global-site-notice { padding:10px; background:#F00; color:#FFF; font-size:15px; } .global-site-notice p { margin-bottom:0; } .is-new-product { position:absolute; left:0; top:0; width:30px; height:30px; background:url(../img/icon/sprite.png) -600px 0 no-repeat; text-indent:-9999px; } .item-options { } .item-options dt { font-weight:bold; } .item-options dd { margin-left:10px; } .item-options .price { padding-left:5px; color:#909090; } .legal-content { padding-bottom:20px; } .legal-content h2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #C0C0C0; } .link-tip { margin-left:10px; font-size:13px; line-height:1.4; } .messages { margin-bottom:30px; background:#F8F8F8; } .messages ul li { padding:10px; } .messages .error-msg { border-left:5px solid #F00; } .messages .notice-msg { border-left:5px solid #FAFF61; } .messages .success-msg { border-left:5px solid #5DC46E; background:#E6F7E9; } .login-temp-msg { padding:10px; margin-top: 24px; background:#E6F7E9; } .login-temp-msg.error_notify { background:#FFE6E6; } .order-payment-specifics dd { padding-bottom:10px; } .pager ol.pages { list-style:none; float:left; padding:8px 10px; } .pager ol.pages li { float:left; } .pager ol.pages li * { display:block; width:24px; height:24px; line-height:24px; text-align:center; } .pager ol.pages li a { text-decoration:none; } .pager ol.pages li span.current { font-weight:bold; } .pager ol.pages li a.previous-jump, .pager ol.pages li a.previous, .pager ol.pages li a.next, .pager ol.pages li a.next-jump { background:url(../img/icon/sprite.png) no-repeat; text-indent:-9999px; } .pager ol.pages li a.previous-jump { background-position:-150px 0; } .pager ol.pages li a.previous-jump:hover { background-position:-150px -30px; } .pager ol.pages li a.previous-jump:active { background-position:-150px -60px; } .pager ol.pages li a.previous { background-position:-180px 0; } .pager ol.pages li a.previous:hover { background-position:-180px -30px; } .pager ol.pages li a.previous:active { background-position:-180px -60px; } .pager ol.pages li a.next { background-position:-210px 0; } .pager ol.pages li a.next:hover { background-position:-210px -30px; } .pager ol.pages li a.next:active { background-position:-210px -60px; } .pager ol.pages li a.next-jump { background-position:-240px 0; } .pager ol.pages li a.next-jump:hover { background-position:-240px -30px; } .pager ol.pages li a.next-jump:active { background-position:-240px -60px; } .pager ol.pages li a.previous, .pager ol.pages li a.previous-jump { margin-right:5px; } .pager ol.pages li a.next, .pager ol.pages li a.next-jump { margin-left:5px; } .pager .amount { float:right; margin-bottom:0; padding:8px 10px; line-height:24px; } .pager .limiter { float:right; padding:8px 10px; } .payment-icons-box { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #E0E0E0; } .payment-icons-list { overflow:hidden; } .payment-icons-list li { float:left; width:44px; height:28px; margin-right:10px; background:url(../img/icon/sprite.png); text-indent:-9999px; } .payment-icons-list li:last-child { margin-right:0; } .payment-icons-list .visa { background-position:-530px 0; } .payment-icons-list .mastercard { background-position:-530px -30px; } .payment-icons-list .amex { background-position:-530px -60px; } .payment-icons-list .discover { background-position:-530px -90px; } .payment-icons-list .paypal { background-position:-530px -120px; } #payment-tooltip { position:relative; margin-bottom:15px; padding:15px 70px 15px 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; } #payment-tooltip button { position:absolute; top:15px; right:0; } #payment-tooltip h3 { margin-bottom:5px; } #payment-tooltip h4 { font-weight:bold; } #payment-tooltip p { } #payment-tooltip ul { overflow:hidden; } #payment-tooltip ul li { float:left; width:154px; margin-right:35px; } #payment-tooltip ul li h4, #payment-tooltip ul li p { margin-bottom:0; padding:0 2px; } .please-wait { display:inline-block; padding:3px 0 3px 26px; background:url(../img/icon/ajax-loader.gif) 0 3px no-repeat; } .price-box { color:#909090; } .price-box p { margin-bottom:0; } /*.price-box .minimal-price { }*/ .price-box .minimal-price-link { display:none; } .price-box .special-price .price-label { display:none; } .product-grid td { position:relative; max-width:210px; padding:0 30px 30px 0; vertical-align:top; } .product-grid td:last-child { padding-right:0; } .product-grid h2 { font-size: 12px; margin-bottom:3px; } .product-grid .product-image { position:relative; margin-bottom:10px; } .product-grid .product-image img { width:120px; height:120px; } .product-grid .ratings { position:absolute; right:6px; top:6px; } .product-grid .price-box .minimal-price .price-label, .product-grid .price-box .price-from .price-label { display:block; line-height:16px; } .product-grid .price-box .regular-price + .minimal-price, .product-grid .price-box .special-price + .minimal-price, .product-grid .price-box .old-price, .product-grid .price-box .price-to { display:none; } .product-image { display:block; } .product-image img { border:5px solid #EFF0E6; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .product-image:hover img { border-color:#DDDED3; } .product-list { list-style:none; } .product-list li { overflow:hidden; margin-bottom:30px; } .product-list .product-image { position:relative; float:left; } .product-list .product-image img { width:120px; height:120px; } .product-list .product-details { float:left; width:465px; margin-left:15px; } .product-list .description { margin:11px 0; } .product-list .minimal-price .price-label, .product-list .price-from .price-label { display:block; line-height:16px; } .product-list .regular-price + .minimal-price, .product-list .special-price + .minimal-price, .product-list .old-price, .product-list .price-to { display:none; } .cms-home .new-products-grid span.ex-vat-txt { display: none; } #product-review-view { margin-bottom:30px; } #product-review-view h2 { margin-bottom:0; } #product-review-view .written { margin-bottom:10px; color:#909090; line:18px; } .ratings { overflow:hidden; } .ratings .rating-box { float:left; } .ratings .rating-links { float:left; margin:0 0 0 15px; line-height:1.4; } .ratings .add-your-review { margin-left:15px; } .rating-box { width:65px; height:13px; background:url(../img/icon/sprite.png) -330px 0 no-repeat; } .rating-box .rating { height:100%; background:url(../img/icon/sprite.png) -330px -30px no-repeat; } .reviews li { padding:15px 10px; border-bottom:1px solid #E0E0E0; } .reviews li h3 { margin-bottom:2px; font-weight:bold; text-transform:none; } .reviews li .rating-box { float:left; margin:0 10px 0 0; } .reviews li .written { margin-bottom:10px; color:#909090; } .sp-methods { } .sp-methods dt { margin-bottom:5px; font-weight:bold; } .sp-methods dd { margin-bottom:15px; } .sp-methods ul { margin-left:10px; } .sp-methods li { margin-bottom:5px; } .sp-methods .price { padding-left:5px; color:#909090; } .std ol { list-style:decimal outside; margin:0 0 1.5em 2em; } .std ul { list-style:disc outside; margin:0 0 1.5em 2em; } .tags-list { overflow:hidden; } .tags-list li { float:left; margin:0 5px 5px 0; } .tags-list a { display:inline-block; padding:0 8px; background-color:#C8C8C8; border: 1px solid #C8C8C8; color:#fff; font-size:11px; line-height:20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .tags-list a:hover { background-color: #a1a1a1; border: 1px solid #a1a1a1; text-decoration:none; } .tier-prices, .tier-prices-grouped { display:inline-block; padding:4px 8px; background:#FF9; border:1px solid #E9EB77; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .tier-prices .price, .tier-prices-grouped .price { font-weight:bold; } .toolbar { height:40px; border-top:1px solid #B0B0B0; border-bottom:1px solid #E0E0E0; margin-bottom:30px; background:#F8F8F8; line-height:24px; } .tooltip { position:relative; padding:5px; background:#c8c8c8; background:rgba(0,187,255,0.7); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 2px 5px rgba(0,0,0,0.25); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25); box-shadow:0 2px 5px rgba(0,0,0,0.25); behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .tooltip .liner { width:200px; padding:5px 10px; background:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .tooltip-top:after, .tooltip-right:after { content:''; position:absolute; width:0; height:0; } .tooltip-top:after { left:50%; bottom:-5px; margin-left:-2px; border-right:5px solid transparent; border-top:5px solid #4CCFFF; border-left:5px solid transparent; } .tooltip-right:after { left:-5px; top:13px; border-top:5px solid transparent; border-right:5px solid #4CCFFF; border-bottom:5px solid transparent; } .truncated a, .truncated p { display:none; } .window-overlay { position:fixed; z-index:990; top:0; left:0; height:100%; width:100%; background:#000; opacity:0.75; } .remember-me-popup { position:fixed; z-index:991; left:50%; top:20%; width:390px; margin:0 0 0 -200px; padding:20px; background:#FFF; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 5px 10px rgba(0,0,0,0.4); -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.4); box-shadow:0 5px 10px rgba(0,0,0,0.4); behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } /*.remember-me-popup .liner { }*/ /*=======================================================*/ /* ACCOUNT - ADDRESS BOOK */ /*=======================================================*/ .address-book-new { margin-bottom:30px; } #address-book ol li { margin-bottom:30px; } #address-book .address-box { margin-bottom:30px; } /*=======================================================*/ /* ACCOUNT - ADDRESS EDIT */ /*=======================================================*/ .edit-address-form { margin-bottom:30px; } .edit-address-form .default-address { margin-bottom:0; padding-left:130px; } /*=======================================================*/ /* ACCOUNT - DASHBOARD */ /*=======================================================*/ .dashboard-links { margin:0 0 24px 0; padding-top: 12px; padding-bottom: 12px; background: #EFF0E6; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .dashboard-links li.current { background:#D8D8D8; } .dashboard-links a { display:block; padding:6px 10px; color:#202020; line-height:1.4; text-decoration:none; } .dashboard-links a:hover { background:#c8c8c8; } .dashboard { margin-bottom:20px; } .dashboard div.grid { padding:20px 0; border-top:1px solid #E0E0E0; } .dashboard h2 { margin-bottom:24px; } .dashboard h4 { margin-bottom:0; font-weight:bold; font-style:normal; } .dashboard p { margin-bottom:0; line-height:20px; } #dashboard-bottom-bar { margin-bottom:30px; } #dashboard-bottom-bar .pager .limiter, #dashboard-top-bar .pager p.amount, #dashboard-top-bar .pager ol.pages { display:none; } /**/ /*#dashboard-account-info dl { }*/ #dashboard-account-info dt { float:left; clear:left; width:90px; font-weight:bold; } #dashboard-account-info dd { float:left; } #dashboard-newsletter p { margin-bottom:0; } #recent-order-history-table { margin-bottom:0; } #my-recent-reviews li { overflow:hidden; } #my-recent-reviews a { float:left; } #my-recent-reviews .ratings { float:left; margin:1px 10px 0 0; } #my-recent-tags ul { margin:3px 0 10px 10px; } /*=======================================================*/ /* ACCOUNT - EDIT INFO */ /*=======================================================*/ #edit-account-info-form { margin-bottom:30px; } /*=======================================================*/ /* ACCOUNT - ORDER HISTORY */ /*=======================================================*/ #order-history-table tbody td { line-height:28px; } #order-history-table tbody td:first-child { padding-left:10px; } #order-history-table tbody td:last-child { padding-right:10px; } /*=======================================================*/ /* ACCOUNT - ORDER HISTORY VIEW */ /*=======================================================*/ .order-view-actions { position:absolute; right:0; top:40px; } #order-view-details address { margin-bottom:22px; } .order-payment-specifics { } .order-payment-specifics dt { font-style:italic; } .order-payment-specifics dd { padding-bottom:10px; } #order-view-table { margin-bottom:30px; } #order-view-table tfoot tr:first-child th, #order-view-table tfoot tr:first-child td, #order-view-table tfoot tr:last-child th, #order-view-table tfoot tr:last-child td { padding-top:10px; } #order-view-table tfoot tr:last-child th, #order-view-table tfoot tr:last-child td { padding-bottom:10px; } #order-view-table tfoot th, #order-view-table tfoot td { padding:0 10px; text-align:right; } .gift-message-history { margin-bottom:30px; } .order-about { margin-bottom:20px; line-height:22px; } .order-about dt { font-weight:bold; } .order-about dd { padding-bottom:10px; } /*=======================================================*/ /* ACCOUNT - REGISTER */ /*=======================================================*/ #register-form { margin-bottom:30px; } /*=======================================================*/ /* ACCOUNT - LOG IN */ /*=======================================================*/ #account-login { margin-bottom:30px; } /*=======================================================*/ /* ACCOUNT - LOGGED OUT */ /*=======================================================*/ #logged-out .button { margin-bottom:30px } /*=======================================================*/ /* ACCOUNT - REVIEWS */ /*=======================================================*/ #my-reviews-table .date { line-height:28px } #my-reviews-table .product-name { line-height:28px; } #my-reviews-table .rating-box { margin-top:4px; } /*=======================================================*/ /* ACCOUNT - TAGS */ /*=======================================================*/ #my-tags-table .product-name { font-size:20px; line-height:24px; } .my-tags-actions { margin-bottom:30px; } /*=======================================================*/ /* ACCOUNT - WISHLIST */ /*=======================================================*/ #wishlist-view-form { margin-bottom:30px; } #wishlist-table tbody td { padding:15px 10px; } .wishlist-item-contents { position:relative; min-height:140px; padding-left:160px; } #wishlist-table .btn-cart { margin:10px 0; } #wishlist-table .cart-cell { width:115px; } #wishlist-table .date-added { color:#909090; } #wishlist-table .item-options { margin-bottom:20px; } #wishlist-table .price-box { margin-bottom:10px; } #wishlist-table .product-image { position:absolute; left:0; top:0; } #wishlist-table .product-name { display:inline-block; margin-bottom:10px; } .wishlist-qty label { margin-right:5px; } #wishlist-table .description, .wishlist-comment-box label { display:none; } /*=======================================================*/ /* CART */ /*=======================================================*/ .cart-no-items { margin-bottom:30px; } #cart-update-form { margin-bottom:30px; } /*#cart-table { }*/ #cart-table tbody td:last-child { padding-right:10px; } #cart-table tfoot td { text-align:right; } .cart-item-contents { position:relative; min-height:60px; padding-left:85px; } #cart-table .btn-remove { margin-top:22px; } #cart-table .cart-price-wrapper { padding-top:3px; } #cart-table .error { color:#F00; } #cart-table .item-msg { max-width:325px; margin-bottom:0; } #cart-table .product-image { position:absolute; left:0; top:0; } #cart-table .product-name { display:inline-block; margin-bottom:10px; } #cart_totals_col div.block { padding-top: 12px; padding-bottom: 12px; background: #EFF0E6; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #cart_totals_col h2 { padding: 0px 10px; } #shopping-cart-totals-table tfoot tr { background-color: transparent !important; } /*#shopping-cart-totals-table { }*/ #shopping-cart-totals-table tbody tr { } #shopping-cart-totals-table tfoot td { } #shopping-cart-totals-table tfoot td:first-child { text-align:left; } #shopping-cart-totals-table tbody th, #shopping-cart-totals-table tbody td, #shopping-cart-totals-table tfoot th, #shopping-cart-totals-table tfoot td { padding:10px; } #shopping-cart-totals-table td, #shopping-cart-totals-table th { text-align:right; } #shopping-cart-totals-table tbody td:first-child, #shopping-cart-totals-table tbody th:first-child { text-align:left; font-weight:normal; } #cart-checkout-methods { margin-bottom:30px; text-align:right; } #cart-checkout-methods button { width:100%; margin-bottom:30px; } #cart-checkout-methods p { margin-bottom:5px; } /**/ #coupon-form .input-text { width:150px; } /**/ #cart-shipping-box .block-content { margin-top:15px; } #cart-shipping-box #shipping-zip-form { margin-left:10px; } #cart-shipping-box #co-shipping-method-form { margin-right:10px; } #shipping-zip-form #postcode { width:80px; } /**/ .cross-sell-list { overflow:hidden; margin-top:30px; } .cross-sell-list li { float:left; max-width:210px; padding-left:30px; } .cross-sell-list li:first-child { padding-left:0; } .cross-sell-list .button { margin-top:10px; } .cross-sell-list .product-image { margin-bottom:10px; } .cross-sell-list .product-image img { width:200px; height:200px; } .cross-sell-list .price-box .minimal-price, .cross-sell-list .price-box .old-price { display:none; } /*=======================================================*/ /* CATALOG */ /*=======================================================*/ /*#category-landing { }*/ .category-image { overflow:hidden; max-width:100%; margin:20px 0 30px; } .category-image img { float:left; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .category-description { margin-bottom:30px; } #catalog-layered-list { margin-bottom:36px; } .filter .currently { padding:15px 10px; border-bottom:1px solid #E0E0E0; } .filter .currently h3 { margin-bottom:5px; font-weight:bold; line-height:22px; text-transform:uppercase; } .filter .currently ol { margin-bottom:10px; } .filter .currently ol a { position:relative; display:inline-block; padding-left:20px; color:#202020; text-decoration:none; } .filter .currently ol a:hover { color:#ea0000; } .filter .currently ol a:after { content:''; position:absolute; left:0; top:3px; display:block; width:11px; height:11px; background:url(../img/icon/sprite.png) -450px 0 no-repeat; } .filter .currently ol a:hover:after { background-position:-450px -30px; } .filter .currently ol a:active:after { background-position:-450px -60px; } /*.filter .show-all { }*/ #narrow-by-list { margin:15px 10px 0 0; } #narrow-by-list dt { font-weight:bold; text-transform:uppercase; } #narrow-by-list dd { margin-bottom:15px; } #narrow-by-list ol { list-style:none; margin-bottom:15px; } #narrow-by-list ol a { display:block; text-decoration:none; } #narrow-by-list ol a:hover { text-decoration:underline; } #narrow-by-list ol a .count { float:right; padding-left:10px; } #narrow-by-list ol a:hover .count { color:#202020; } .catalog-bar { overflow:hidden; } .catalog-bar label { padding-right:2px; } .catalog-bar .reverse { display:inline-block; width:24px; height:24px; margin-left:5px; background:url(../img/icon/sprite.png) -120px 0 no-repeat; text-indent:-9999px; } .catalog-bar .reverse:hover { background-position:-120px -30px; } .catalog-bar .reverse:active { background-position:-120px -60px; } .catalog-bar .view-mode { float:left; margin:8px 10px; } .catalog-bar .limiter, .catalog-bar .sort-by { float:right; margin:8px 10px 8px 16px; } .catalog-bar .pager, .pager-bar .limiter, .pager-bar .view-mode, .pager-bar .sort-by { display:none; } /*=======================================================*/ /* CATALOG - PRODUCT */ /*=======================================================*/ .catalog-product-view .messages { } /* Product Info */ #product_main_col { margin-bottom: 36px; } #product-info { } #product-overview h1 { margin:0 0 15px; font-size:42px; line-height:48px; } #product-overview .ratings { margin-bottom:15px; } #product-overview .availability { margin-bottom:10px; } #product-overview .product_code_label { color:#909090; } #product-overview .product_free_del_txt { font-weight: bold; color: #03943A; } /* Downloadable Samples */ .downloadable-samples { margin-bottom:30px; } /* Pricing Wrapper */ .pricing-wrapper { overflow:hidden; margin-bottom:20px; } .pricing-wrapper .price-box { float:left; } .pricing-wrapper .price-box .regular-price, .pricing-wrapper .price-box .special-price, .price-as-configured .price { color:#202020; font-size:28px; font-weight:500; line-height:1.3; } .pricing-wrapper .tier-prices { float:left; margin-left:40px; } .pricing-wrapper span.ex-vat-txt { font-size: 12px; font-weight: normal; } /* Grouped Product Table */ #grouped-product-table input { width:35px; } #grouped-product-table .price-box { margin-bottom:0; } #grouped-product-table .tier-prices-grouped { margin-top:10px; } #grouped-product-table .price-box .regular-price, #grouped-product-table .price-box .special-price { color:#202020; font-size:15px; font-weight:normal; line-height:1.6; } /* Hide .options for grouped products */ #grouped-product-table + .options { display:none; } /* Options */ #product_addtocart_form { margin-bottom:40px; } #product_addtocart_form .options { margin-bottom:15px; padding-top:15px; border-top:1px solid #E0E0E0; } #product_addtocart_form .options .product-qty { overflow:hidden; margin-bottom:15px; } #product_addtocart_form .options .product-qty input { float:left; } #product_addtocart_form .options .product-qty label { float:left; clear:left; width:80px; padding:5px 5px 0 0; } /* Bundle Options */ .bundle-options dt, .bundle-options dd { float:none; display:block; } .bundle-options { padding:10px; border:1px solid #E0E0E0; background:#F8F8F8; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .bundle-options dt { font-weight:bold; } .bundle-options dd { position:relative; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #E0E0E0; } .bundle-options dd:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; } .bundle-options select { max-width:100%; } .bundle-options .multiselect { max-width:100%; padding:3px 0; } .bundle-options .qty-holder { display:block; margin-top:10px; } .bundle-options .qty-holder label { display:inline-block; width:85px; } .price-box-bundle { float:left; margin-right:30px; } .price-box-bundle .price-box { float:none; } .price-box-bundle p { } .price-as-configured .price-label { display:block; } /* Configurable Options */ .configurable-options { overflow:hidden; } .configurable-options dt { float:left; clear:left; width:95px; padding-right:5px; } .configurable-options dd { float:left; margin-bottom:10px; } .configurable-options select { max-width:260px; } /* Custom Options */ .custom-options { padding:10px; border:1px solid #E0E0E0; background:#F8F8F8; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .custom-options dt { font-weight:bold; } .custom-options dd { position:relative; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #E0E0E0; } .custom-options dd:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; } .custom-options input[type=file] { margin-bottom:10px; } .custom-options p { } .custom-options select { max-width:100%; } .custom-options .multiselect { max-width:100%; padding:3px 0; } .custom-options .price-notice { padding-left:5px; color:#909090; font-weight:normal; } /* Downloadable Options */ .downloadable-options { padding:10px; border:1px solid #E0E0E0; background:#F8F8F8; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .downloadable-options dt { font-weight:bold; } .downloadable-options dd { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #E0E0E0; } .downloadable-options dd:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; } /* Saved Wishlist Config */ .update-wishlist-config { margin-top:20px; } /* Actions Block */ .actions-block { overflow:hidden; margin:30px 0; } .actions-block .add-to-cart { float:left; width: 300px; } .alternate-actions { float:left; margin:12px 0 0 0; } .alternate-actions li { float:left; margin-left:10px; } .alternate-actions li:first-child { margin-left:0px; } /* Social Widgets */ .social-widgets { /*cf*/ margin-bottom:40px; padding:8px 0; border-top:1px dashed #E0E0E0; border-bottom:1px dashed #E0E0E0; } .social-widgets li { float:left; height:20px; } .soc-fb { width:106px; } .soc-tw { width:106px; } .soc-gp { width:89px; } .soc-pi { width:106px; } /* Product Tabs */ #product-tabs h2:first-child { display:none; } /* Description */ p.product_supp_data { color: #909090; } /*.long-description {}*/ /* Details */ /*#product-attribute-specs-table {}*/ /* Tags */ #tags .hint { margin:10px 0 0; color:#909090; } #tags .product-tags a { display:block; text-decoration:none; } #tags .product-tags a .count { float:right; display:block; padding-left:10px; color:#909090; } #tags .product-tags a:hover .count { color:#202020; } /* Media */ .product-media { display:block; margin-bottom:50px; } /*.product-media .primary { }*/ .product-media .more-views { overflow:hidden; } .product-media .more-views li { float:left; margin:15px 15px 0 0; } .product-media .more-views li:nth-child(5n) { margin-right:0; } /*.product-media .secondary { }*/ /* Related Products */ #related { padding-bottom: 36px; margin-bottom: 36px; border-bottom:1px dashed #E0E0E0; } #related ol { margin:5px 0 10px; } #related li { overflow:hidden; padding:10px 0; border-bottom:1px solid #E0E0E0; } #related input { float:left; margin-top:22px; } #related .instruct { margin-bottom:10px; color:#909090; } #related .product { float:right; overflow:hidden; width:493px; } #related .product-details { float:left; width:423px; margin-left:10px; } #related .product-image { float:left; } #related .old-price, #related .price-to, #related .regular-price + .minimal-price, #related .special-price + .minimal-price { display:none; } /* Up Sell */ #upsell { margin-bottom:0; } #upsell .block-title { margin-bottom:30px; } /*=======================================================*/ /* CATALOG SEARCH */ /*=======================================================*/ #popular-searches p { padding:12px 10px 0; } /*=======================================================*/ /* CHECKOUT - MULTISHIP */ /*=======================================================*/ .checkout-progress { overflow:hidden; width:930px; margin-top:30px; border-top:1px solid #B0B0B0; border-bottom:1px solid #E0E0E0; background:#F8F8F8; } .checkout-progress li { float:left; width:185px; padding:5px 0; border-left:1px solid #E0E0E0; text-align:center; } .checkout-progress li:first-child { border-left:0; } .checkout-progress li.active { background-color:#F0F0F0; font-weight:bold; } .multiship-actions { overflow:hidden; margin-bottom:30px; padding-top:30px; border-top:1px solid #E0E0E0; } .multiship-actions a { float:left; } .multiship-actions button { float:right; } .multiship-actions .please-wait { float:right; clear:both; margin:15px 0 0 10px; } /* addresses.phtml */ #multiship-addresses-form #add-address { float:right; } #multiship-addresses-table select { width:450px; max-width:450px; } /* shipping.phtml */ .multiship-address-group h3 { margin:15px 0 10px; } .multiship-address-group table { } .multiship-address-group table th { padding-right:20px; } .multiship-address-group address { } /* billing.phtml */ #multishipping-billing-form #payment-tooltip { margin-bottom:0; padding-bottom:0; padding-left:10px; border-bottom:0; } #multishipping-billing-form input.cvv { width:35px; } /* billing/select.phtml */ .multiship-change-billing-address li { padding:15px 0; border-top:1px solid #E0E0E0; } .multiship-change-billing-address .is-default { color:#909090; } /* overview.phtml */ #multiship-review-form h3 a, #multiship-review-form h4 a { padding-left:10px; font-weight:normal; text-transform:capitalize; } #multiship-review-form table, #multiship-review-form address, #multiship-review-form .payment-method, #multiship-review-form .shipping-method { margin-bottom:15px; } #multiship-review-billing-info h3 { margin:15px 0 10px; } #multiship-review-shipping-list li { margin-top:15px; padding-top:15px; border-top:1px solid #E0E0E0; } #multiship-review-shipping-list li:first-child { margin-top:0; border-top:0; } #multiship-review-shipping-list li h3 { margin-bottom:24px; margin-left:10px; font-size:20px; font-weight:normal; line-height:24px; text-transform:none; } #multiship-review-shipping-list li h4 { margin-bottom:10px; font-weight:bold; font-style:normal; text-transform:uppercase; } .checkout-multishipping-overview .checkout-agreements { margin:20px 10px 0; } #checkout-review-submit .grand-total { float:right; margin-bottom:20px; font-size:20px; } #checkout-review-submit .grand-total .price { padding-left:5px; } #checkout-review-submit #review-button { clear:both; } /* success.phtml */ .checkout-multishipping-success .button { margin-bottom:30px; } /*=======================================================*/ /* CHECKOUT - ONEPAGE */ /*=======================================================*/ .opc { list-style:none; margin-bottom:30px; border-top:1px solid #B0B0B0; } .opc .step-title { overflow:hidden; margin-bottom:0; padding:8px 10px; border-bottom:1px solid #E0E0E0; background:#F8F8F8; } .opc .step-title h2 { float:left; margin-bottom:0; text-transform:capitalize; } /*.opc .step-title .number { }*/ .opc .step-title .number:after { content:'.'; } .opc .section .step-title a, .opc .section.allow.active .step-title a { display:none; } .opc .section.allow .step-title a { float:left; display:inline-block; margin-left:15px; } .opc li .step { padding:20px 10px; border-bottom:1px solid #E0E0E0; } .opc li:last-child .step { padding-bottom:0; border-bottom:0; } .opc .disabled { opacity:1 !important; } .opc .please-wait { margin-left:10px; } #opc-progress-wrapper #opc-progress { padding-top: 12px; padding-bottom: 12px; background: #EFF0E6; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #opc-progress h2 { padding: 0px 10px; } .opc-progress-list { padding:15px 10px 0; } .opc-progress-list > dt { margin-bottom:5px; font-size:15px; font-weight:bold; color: #c8c8c8; } .opc-progress-list > dt span { font-weight:normal; } .opc-progress-list > dt:last-child { margin-bottom:15px; } .opc-progress-list > dd { margin:0 0 15px 0; color: #c8c8c8; } .opc-progress-list dd p { margin-bottom:5px; } .opc-progress-list dd h4 { margin-bottom:10px; } .opc-progress-list dd .payment-method-details dd { padding-bottom:10px; } .opc-progress-list .price { color:#909090; } .opc-progress-list table { line-height:18px; } .opc-progress-list table th { padding-right:5px; } .opc-progress-list dt.complete { color: #03943A; } .opc-progress-list dt.complete a { position:relative; top:-2px; margin-left:2px; } .opc-progress-list dd.complete { color: #202020; } /* Shipping */ #co-payment-form input.cvv { width:35px; } #opc-shipping_method .gift-messages { margin-top:30px; } /* Review */ #checkout-review-table tfoot tr:last-child th, #checkout-review-table tfoot tr:last-child td { border-top:1px solid #E0E0E0; } #review-buttons-container { overflow:hidden; } #review-buttons-container .please-wait { margin-top:15px; } /* PayPal Express review */ .paypal-review-order { margin-bottom:30px; } .paypal-express-review #order_review_form { margin-bottom:30px; } /*=======================================================*/ /* CONTACT */ /*=======================================================*/ #contact-form { margin-bottom:30px; } #contact-form textarea { width:384px; } /*=======================================================*/ /* CUSTOMER - FORGOT PASSWORD */ /*=======================================================*/ #forgot-password-form { margin-bottom:30px; } /*=======================================================*/ /* CUSTOMER - RESET PASSWORD */ /*=======================================================*/ #reset-password-form { margin-bottom:30px; } /*=======================================================*/ /* POPUP */ /*=======================================================*/ .page-popup { padding:20px; background:#FFF; } .page-popup h1 { margin:0 0 0.5em; font-size:36px; } /*=======================================================*/ /* POPUP - SHIPPING TRACKING */ /*=======================================================*/ .shipping-tracking-popup .page-title { margin-bottom:30px; } .tracking-table-popup { margin-bottom:30px; } /*=======================================================*/ /* PRINT */ /*=======================================================*/ body.page-print { width:6.5in; margin:20px; background:#FFF; } #print-header-table { width:100%; padding-bottom:40px; border-bottom:1px solid #E0E0E0; } #print-header-table td { padding-bottom:20px; } #print-header-table h1 { margin-bottom:0; } /*=======================================================*/ /* PRINT ORDER */ /*=======================================================*/ body.sales-order-print h1 { margin:0 0 24px; font-size:20px; line-height:24px; } body.sales-order-print table { margin-bottom:30px; } /*=======================================================*/ /* REVIEWS */ /*=======================================================*/ #customer-reviews ol.reviews { margin-bottom:30px; } /*=======================================================*/ /* SEND TO FRIEND */ /*=======================================================*/ #product_sendtofriend_form .additional-row .remove-recipient { float:left; margin-top:29px; } #product_sendtofriend_form .buttons-set { margin-bottom:30px; } /*=======================================================*/ /* TAGS */ /*=======================================================*/ .block .tags-list { margin-bottom:10px; } .tag-list-index .tags-list { margin-bottom:30px; } /*=======================================================*/ /* CMS PAGES */ /*=======================================================*/ .cms-page-view .centercontent ul, .cms-index-noroute .centercontent ul { margin-bottom: 1.5em; list-style-type: disc; list-style-position: inside; } /* About */ #about-content { margin-bottom:30px; } /* Enable Cookies */ #enable-cookies p:last-child { margin-bottom:30px; } /* Page Not Found */ #page-not-found { padding-bottom:30px; } /* Ordering Help */ ul#cms-ordering-help-nav { margin-bottom: 24px; } table#cms-delivery-info { border-collapse: collapse; background: #E6F7E9; margin-bottom: 24px; } table#cms-delivery-info th { padding: 12px; border: 1px solid #fff; background: #D1EBD5; font-weight: bold; } table#cms-delivery-info td { padding: 12px; border: 1px solid #fff; } table#cms-delivery-info td.altrow { background: #D1EBD5; } /*=======================================================*/ /* CATEGORY SLIDER & NEW PRODUCTS SLIDER */ /*=======================================================*/ .product-slider { position:relative; width:210px; margin:0 0 30px; } .product-slider .slides-container { width:210px; min-height:265px; } .product-slider .slides-container > div { width:210px; min-height:265px; } .product-slider.cols_1, .product-slider.cols_1 .slides-container, .product-slider.cols_1 .slides-container > div { width:210px; } /* 1 column */ .product-slider.cols_2, .product-slider.cols_2 .slides-container, .product-slider.cols_2 .slides-container > div { width:450px; } /* 2 columns */ .product-slider.cols_3, .product-slider.cols_3 .slides-container, .product-slider.cols_3 .slides-container > div { width:690px; } /* 3 columns */ .product-slider.cols_4, .product-slider.cols_4 .slides-container, .product-slider.cols_4 .slides-container > div { width:930px; } /* 4 columns */ .product-slider h2 { margin-left:60px; } .product-slider .slides-controls { position:absolute; left:0; top:0; } .product-slider a.next, .product-slider a.prev { float:left; display:block; width:24px; height:24px; margin-right:5px; background:url(../img/icon/sprite.png) 0 0 no-repeat; text-indent:-9999px; } .product-slider a.next { background-position:-210px 0; } .product-slider a.next:hover { background-position:-210px -30px; } .product-slider a.next:active { background-position:-210px -60px; } .product-slider a.prev { background-position:-180px 0; } .product-slider a.prev:hover { background-position:-180px -30px; } .product-slider a.prev:active { background-position:-180px -60px; } .slide-product-list { list-style:none; overflow:hidden; } .slide-product-list li { float:left; width:130px; margin-left:30px; } .slide-product-list li:first-child { margin-left:0; } .slide-product-list .product-image { position:relative; margin-bottom:10px; } .slide-product-list .product-image img { width:120px; height:120px; } .slide-product-list .price-box { display:none; } .slide-product-list .ratings { position:absolute; right:6px; top:6px; } /*=======================================================*/ /* COLORBOX */ /*=======================================================*/ /* ColorBox Core Styles: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay { position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; } #cboxLoadedContent { overflow:auto; } #cboxTitle { margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } .cboxPhoto { float:left; margin:auto; border:0; display:block; } .cboxIframe { width:100%; height:100%; display:block; border:0; } /* ColorBox User Styles: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background:#000; } #cboxContent { overflow:visible; margin:30px; border:15px solid #FFF; background:#FFF; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 10px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.3); box-shadow:0 10px 10px rgba(0, 0, 0, 0.3); behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #cboxError { padding:50px; border:1px solid #CCC; } #cboxLoadedContent { background:#FFF; -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.25); box-shadow:0 0 25px rgba(0, 0, 0, 0.25); behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } #cboxLoadingGraphic { background:url(../img/jquery.colorbox/loading.gif) no-repeat center center; } /*#cboxLoadingOverlay { }*/ #cboxTitle { position:absolute; left:-5px; top:-5px; padding:0 8px; background:#333; color:#FFF; font-family:'Helvetica Neue', arial, sans-serif; font-weight:300; line-height:2; } #cboxCurrent { position:absolute; top:-22px; right:205px; text-indent:-9999px; } #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { position:absolute; width:45px; height:45px; background:url(../img/jquery.colorbox/controls.png) no-repeat 0 0; text-indent:-9999px; } #cboxPrevious { left:-45px; background-position:-50px 0; } #cboxPrevious.hover { background-position:-50px -50px; } #cboxNext { right:-45px; background-position:-100px 0; } #cboxNext.hover { background-position:-100px -50px; } #cboxPrevious, #cboxNext { top:50%; margin-top:-18px; } #cboxClose { right:-45px; top:-45px; background-position:0 0; } #cboxClose.hover { background-position:-50px -50px; } /*=======================================================*/ /* GRID SLIDERS */ /*=======================================================*/ .grid-slider { position:relative; margin:30px 0; } .grid-slider .slides-pagination { position:absolute; z-index:6; left:10px; bottom:8px; } .grid-slider .slides-pagination li { float:left; width:16px; height:18px; margin:0 10px 0 0; text-indent:-9999px; } .grid-slider .slides-pagination li a { display:block; width:16px; height:18px; background:url(../img/icon/sprite.png) -400px 0 no-repeat; } .grid-slider .slides-pagination li.current a { background-position:-400px -30px; } .grid-slider .slides-pagination li a:hover { background-position:-400px -60px; } .grid-slider-full { width:930px; margin:30px auto; } .grid-slider-full .slides-container { width:930px; height:345px; } .grid-slider-full .slides-container > div { width:930px; height:345px; } .grid-slider-3-4 { width:690px; } .grid-slider-3-4 .slides-container { width:690px; height:210px; } .grid-slider-3-4 .slides-container > div { width:690px; height:210px; } .grid-slider-2-3 { width:610px; } .grid-slider-2-3 .slides-container { width:610px; height:290px; } .grid-slider-2-3 .slides-container > div { width:610px; height:290px; } .grid-slider-1-2 { width:450px; } .grid-slider-1-2 .slides-container { width:450px; height:450px; } .grid-slider-1-2 .slides-container > div { width:450px; height:450px; } .grid-slider-1-3 { width:290px; } .grid-slider-1-3 .slides-container { width:290px; height:290px; } .grid-slider-1-3 .slides-container > div { width:290px; height:290px; } .grid-slider-1-4 { width:210px; } .grid-slider-1-4 .slides-container { width:210px; height:210px; } .grid-slider-1-4 .slides-container > div { width:930px; height:210px; } /*=======================================================*/ /* STRIP PROMO */ /*=======================================================*/ .promo-strip { display: block; width:546px; margin-bottom:10px; padding: 10px; background: #bfffc9; border: 1px solid red; } /*=======================================================*/ /* PROMO SIDE BANNERS */ /*=======================================================*/ .promo-side-banners { } .promo-side-banners div { margin-bottom: 20px; } /*=======================================================*/ /* PROMO SLIDER */ /*=======================================================*/ .promo-slider { position:relative; width:568px; height:340px; overflow:hidden; margin:0px auto; margin-bottom: 20px; } .promo-slider .slides-container { width:568px; height:340px; } .promo-slider .slides-container > div { width:568px; height:340px; } .promo-slider .slides-pagination { position:absolute; z-index:6; right:0px; bottom:8px; } .promo-slider .slides-pagination li { float:left; width:16px; height:18px; margin:0 10px 0 0; text-indent:-9999px; } .promo-slider .slides-pagination li a { display:block; width:16px; height:18px; background:url(../img/icon/sprite.png) -400px 0 no-repeat; } .promo-slider .slides-pagination li.current a { background-position:-400px -30px; } .promo-slider .slides-pagination li a:hover { background-position:-400px -60px; } .promo-slider .promos { list-style:none; position:absolute; width:210px; height:345px; } .promo-slider .promos li { position:relative; margin-top:15px; } .promo-slider .promos li:first-child { margin-top:0; } .promo-slider .promos li a { display:block; width:210px; height:105px; } .promo-slider-right .promos { right:0; top:0; } /*=======================================================*/ /* STATIC PROMO */ /*=======================================================*/ .static-promo { margin-bottom:30px; } /*=======================================================*/ /* TABS */ /*=======================================================*/ .tabs { margin-bottom:30px; } .tabs-nav { display:block; margin:0 0 20px; padding:0; border-bottom:1px solid #B0B0B0; } .tabs-nav:after { /*clearfix*/ content:''; display:table; clear:both; } .tabs-nav li { float:left; display:block; width:auto; height:30px; padding:0; margin-bottom:0; } .tabs-nav li a { display:block; width:auto; height:29px; padding:0 15px; border:solid 1px #D8D8D8; border-width:1px 1px 0 0; background:#F8F8F8; color:#808080; font-family:'Helvetica Neue', arial, sans-serif; font-weight:bold; line-height:29px; text-decoration:none; } .tabs-nav li a:hover { color:#202020; } .tabs-nav li a.current { position:relative; top:-4px; height:30px; margin:0 0 0 -1px; padding-top:2px; padding-bottom:2px; border-left-width:1px; border-color:#B0B0B0; background:#FFF; color:#202020; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .tabs-nav li:first-child a { border-width:1px 1px 0 1px; -moz-border-radius:2px 0 0 0; -webkit-border-radius:2px 0 0 0; border-radius:2px 0 0 0; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } .tabs-nav li:first-child a.current { margin-left:0; } .tabs-nav li:last-child a { -moz-border-radius:0 2px 0 0; -webkit-border-radius:0 2px 0 0; border-radius:0 2px 0 0; behavior: url(http://www.richardfrankfurt.co.uk/skin/frontend/avenueb/rfp2/js/PIE.htc); } ul.tabs-content { display:block; margin:0; } ul.tabs-content > li { display:none; } ul.tabs-content > li.active { display:block; } /*=======================================================*/ /* THUMB SLIDER */ /*=======================================================*/ .thumb-slider { position:relative; width:930px; margin:30px auto; } .thumb-slider .slides-container { width:705px; height:345px; } .thumb-slider .slides-container > div { width:705px; height:345px; } .thumb-slider .slides-pagination { list-style:none; position:absolute; width:210px; height:345px; } .thumb-slider .slides-pagination li { position:relative; margin-top:15px; } .thumb-slider .slides-pagination li:first-child { margin-top:0; } .thumb-slider .slides-pagination li a { display:block; width:210px; height:105px; } .thumb-slider .slides-pagination li a:after { display:none; content:''; position:absolute; left:0; top:0; z-index:1; width:200px; height:95px; border:5px solid #F8F8F8; border-color:rgba(0,0,0,0.15); } .thumb-slider .slides-pagination li.current a:after { display:block; } .thumb-slider-right .slides-pagination { right:0; top:0; } /*=======================================================*/ /* IE8 CONDITIONAL STYLES */ /*=======================================================*/ /* IE8 doesn't calculate line-height:1 properly */ .ie8 .input-text { line-height:1.6; } /* float caused line breaks on whitespace */ .ie8 .catalog-bar .limiter, .ie8 .catalog-bar .sort-by, .ie8 .catalog-bar .view-mode { white-space:nowrap; } /*=======================================================*/ /* IE7 CONDITIONAL STYLES */ /*=======================================================*/ /** * Acumen 1.3.2 is the last release to support IE7. * These styles are left intact for backward compatibility. * Acumen 1.3.3+ is not tested with IE7. */ /* hyper-padded buttons */ .ie7 button { padding-left:0; padding-right:0; } /* remove all menus, z-index + position:absolute bug */ .ie7 #mini-cart .menu, .ie7 #mini-cart:hover .menu { display:none; } /* float clear bugs */ .ie7 #product_addtocart_form .options dl dd { float:none; } .ie7 #product_addtocart_form .options .qty { padding-bottom:10px; } .ie7 #tags { padding-bottom:30px; } /* no margin bug */ .ie7 ul.dashboard-links, .ie7 ul.messages, .ie7 .callout { margin-bottom:0; padding-bottom:30px; } /* float width bug, too narrow */ .ie7 form .validation-advice { width:250px; } /* if prev sibling has clearfix + DOM append bug, grid content does not reflow but container does */ .ie7 #footer { overflow:hidden; } /* float clear bug */ .ie7 form.simple ul.struts li input[type=checkbox] + label { float:none; } .ie7 form.simple ul.struts li input[type=radio] { margin-top:0px; } .ie7 form.simple ul.struts li input[type=radio] + label { float:none; } /* table collapse bug */ .ie7 .flex-table { border-top:1px solid #B0B0B0; } /* float width bug */ .ie7 a.top { width:50px; } /* float clear bug */ .ie7 #opc-progress dl dt.complete a, .ie7 #opc-progress dl dt.incomplete span { float:none; } .ie7 #multiship-review-billing-info, .ie7 #multiship-review-shipping-list { overflow:hidden; display:block; } /* position width bug (position changes but it doesn't hurt) */ .ie7 #mini-cart { float:right; } /* float clear bug */ .ie7 #checkout-step-login { overflow:hidden; display:block; } .ie7 ul.formless-struts { overflow:hidden; display:block; } .ie7 ul.formless-struts li input[type=radio] { margin-top:0px; } .ie7 ul.formless-struts li input[type=radio] + label { float:none; } #cart-widgets { margin-top: 40px; } /* ------------------------------------------------------------------------ MOBILE STYLES ------------------------------------------------------------------------*/ /* HIDE THESE ITEMS ON NON_MOBILE VIEWS */ #mob-nav-btn, #mob-nav, #mob-cart-link, .checkout-onepage-index .block-layered-nav { display: none; } /* below width for development only */ /*@media (min-width: 376px) and (max-width: 377px) {*/ @media (max-width: 769px) { * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* RESET WIDTHS */ /* reset all fixed block widths to fluid and stacking vertically */ body, #wrapper, #container, #header, #matter, #footer, .grid, .grid-block, .grid .grid, .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24, .grid .grid_1, .grid .grid_2, .grid .grid_3, .grid .grid_4, .grid .grid_5, .grid .grid_6, .grid .grid_7, .grid .grid_8, .grid .grid_9, .grid .grid_10, .grid .grid_11, .grid .grid_12, .grid .grid_13, .grid .grid_14, .grid .grid_15, .grid .grid_16, .grid .grid_17, .grid .grid_18, .grid .grid_19, .grid .grid_20, .grid .grid_21, .grid .grid_22, .grid .grid_23, .grid .grid_24, .footer-links > li, .product-grid td { display: block; float: left; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 20px; } .grid .push_1, .grid .push_2, .grid .push_3, .grid .push_4, .grid .push_5, .grid .push_6, .grid .push_7, .grid .push_8, .grid .push_9, .grid .push_10, .grid .push_11, .grid .push_12, .grid .push_13, .grid .push_14, .grid .push_15, .grid .push_16, .grid .push_17, .grid .push_18, .grid .push_19, .grid .push_20, .grid .push_21, .grid .push_22, .grid .push_23, .grid .pull_1, .grid .pull_2, .grid .pull_3, .grid .pull_4, .grid .pull_5, .grid .pull_6, .grid .pull_7, .grid .pull_8, .grid .pull_9, .grid .pull_10, .grid .pull_11, .grid .pull_12, .grid .pull_13, .grid .pull_14, .grid .pull_15, .grid .pull_16, .grid .pull_17, .grid .pull_18, .grid .push_19, .grid .pull_20, .grid .pull_21, .grid .pull_22, .grid .pull_23 { left: 0; } /* RESET MARGINS */ .grid { padding-left: 10px; padding-right: 10px; } .grid .grid { padding-left: 0; padding-right: 0; } /* HIDE */ #header-phone, #header-info-block, #header-bar .links, #breadcrumbs-bar, .promo-slider, .static-promo, .static-promo.grid, #footer-bar, .social-icons-box, #footer-payment, .checkout-onepage-index .block-layered-nav { display: none; } /* RESET FONTS */ *, body, button, input, select, table, textarea { font-size: 14px; -webkit-text-size-adjust: none; font-family: "myriad-pro",sans-serif; font-style: normal; } h1 { font-size: 36px; } /* LINKS */ a { -webkit-tap-highlight-color: rgba(0,0,0,0); } a:visited, a:hover { text-decoration: none; } /* IMAGES */ img { max-width: 100%; height: auto; } .product-image img { border: none; } /* BODY */ body { background: #fff; background-image: none; margin-bottom: 0; } /* WRAPPER */ #wrapper { margin: 0; margin-bottom: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #container { margin-bottom: 0; } /* PROMO BAR */ .promo-strip { display: block; width: 100%; } .promo-strip a { display: block; } /* HEADER */ #header { height: 190px; margin-bottom: 40px; } #header #header-bar.cf { height: 0; margin: 0; position: relative; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-image: none; } #header #account-links { top: 0; right: 0; width: 100%; height: 36px; background: #eee; line-height: 36px; padding-right: 10px; } #header #account-links li a { font-size: 13px; } #header #mob-cart-link { position: relative; display: block; float: right; width: 36px; height: 36px; margin-left: 14px; background-color: transparent; background-image: url(../img/icon/mobile_cart_simple.svg); background-position: 7px 15px; background-size: 22px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } #header #mob-cart-link span { position: absolute; top: -2px; left: 0; width: 100%; display: block; text-indent: 0; text-align: center; font-size: 10px; } /* logo */ #logo { width: auto; height: auto; padding: 0px 0px 0px 10px; } #logo h1 { margin-bottom: 0; } #logo a, #logo a img { display: block; width: 130px; height: 40px; padding: 0; margin-top: 50px; } #search-form { top: 18px; right: 0; left: 0; height: 82px; padding: 20px; margin: 0px; background:#FFF; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; background: #e5e5e5; } #search-form label { display:none; } #search-form input { float: left; width: 100%; height: 42px; padding: 0px 48px 0px 10px; border: 2px solid #e5e5e5; background: #fff; font-size: 18px; position: relative; font-weight: 400; } #search-form input:focus { color: #202020; border: 2px solid #aaa; } #search-form .input-text { } #search-form button { display: block; position: absolute; top: 20px; right: 20px; height: 42px; width: 42px; padding: 0; border: 0; background-color: transparent; background-image: url(../img/icon/search_icon_black.svg); background-position: 8px 8px; background-size: 26px; background-repeat: no-repeat; text-indent:-9999px; cursor: pointer; -moz-border-radius: 21px; -webkit-border-radius: 21px; border-radius: 21px; float: none; } #search-form button:hover, #search-form button:active { background-position: 8px 8px; } /* HTML5 input placeholder text style, declare individually */ ::-webkit-input-placeholder { font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 400; color: #bbb; } ::input-placeholder { font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 400; color: #bbb; } /* COLUMNS */ #matter .grid > .grid_5 { display: none; } #cart_totals_col { display: block !important; } /* cart totals column */ /* MAIN CATEGORY MENU */ #mob-nav-btn { display: block; position: absolute; top: 58px; right: 16px; width: 23px; height: 23px; background-color: transparent; background-image: url(../img/icon/mobile_menu_thin_black.svg); background-position: 0px 0px; background-size: cover; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } #mob-nav-btn:visited, #mob-nav-btn:hover { text-decoration: none; } #mob-nav { display: block; } /* main */ /* footer */ #footer { background: #e5e5e5; -moz-border-radius: 0; -webkit-border-radius:0; border-radius: 0; padding-top: 20px; margin-bottom: 0; } #footer h2 { font-weight: 600; } #footer p.copyright, #footer p.terms { text-align: left; } #footer .legal .terms a { margin-left: 0; margin-right: 10px; } #footer .footer-links li { margin-bottom: 20px; } #footer .footer-links li li { margin-bottom: 0; } #footer-closer { padding-bottom: 0; } /* product grids */ .product-grid { width: 100%; } .product-grid td { position: static; max-width: 100%; padding: 20px 0; vertical-align: top; border-bottom: 1px solid #eee; margin-bottom: 0; } .product-grid .product-image img { float: left; width: 20%; height: auto; border: 0; } .product-grid td a img, .product-grid td h2, .product-grid td .price-box { display: block; } .product-grid td h2, .product-grid td .price-box { float: left; width: 80%; padding-left: 15px; font-weight: 400; font-size: 14px; } /* PRODUCT PAGE */ #product-overview h1 { font-size: 30px; line-height: 36px; overflow: hidden; } #product-overview .product-media a.product-image { cursor: default; } #product-overview .product-media .more-views { display: none; } #product-overview .price-box .price { font-size: 24px; } #tab-description iframe { display: none; } #related .product { display: block; float: left; width: 90%; } #related .related-checkbox { display: block; float: left; width: 10%; } #related .product .product-image { display: block; float: left; width: 20%; } #related .product .product-details { display: block; float: left; width: 70%; } /* FORMS */ textarea, .input-text { font-size: 18px; } input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text] { line-height: 1.5em; width: 100%; height: auto; padding: 3px 5px; } .button { font-size: 14px; text-transform: none; } .button.button-large { font-size: 22px; } .button-subtle { background-color: rgba(0, 0, 0, 0.35); } .actions-block .add-to-cart { width: 100%; } .alternate-actions { margin: 20px 0 0 0; } /* CART */ #cart-table { max-width: 100%; } #cart-table .cart-item-contents { padding-left: 60px; } #cart-table .cart-item-contents img { width: 40px; height: auto; } #cart-table .btn-remove { margin-top: 12px; } .flex-table thead th, .flex-table thead th abbr { font-size: 12px; } #cart-update-form + .button-subtle { display: none; } input[type=text].qty { width: 32px; } /* CHECKOUT */ .checkout-onepage-index .grid-block { padding-left: 10px; padding-right: 10px; } #checkout-step-login > .grid > .grid_7.alpha { margin-bottom: 40px; } #checkout-step-login h3 { font-weight: 600; } /* CUSTOMER ACCOUNT */ #recent-order-history-table th, #recent-order-history-table td { font-size: 10px; } } /* For iPhone 4/4s and other smaller displays */ @media (max-width: 380px) { /* Reduce non-critical table cells for very narrow displays */ #cart-table .cart-item-contents a.product-image { display: none; } #cart-table .cart-item-contents { padding-left: 0; } }