/** * Acumen for Magento * http://gravitydept.com/to/acumen-magento * * @author Brendan Falkowski * @package gravdept_acumen * @copyright Copyright 2012 Gravity Department http://gravitydept.com * @license All rights reserved. * @version 1.3.4 (2015-07-17 - 1.3.7) */ /*=======================================================*/ /* RESET */ /*=======================================================*/ * { margin:0; padding:0; outline:0; } body { background: #F3F9FD; color: #000; line-height: 1; -webkit-text-size-adjust: 100%; } 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; } /* force full height */ html, body { height:100%; } body, button, input, select, table, textarea { font-family: Tahoma, Geneva, sans-serif; color:#202020; font-size:12px; line-height:1.5; } a { color:#0A4A99; text-decoration:none; } a:hover { color:#0A4A99; text-decoration:underline; } a:focus, a:active { color:#48B; } 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; } */ /* Magento helpers */ .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:21px 0; font-size:21px; line-height:1.2; } h2 { margin-bottom:12px; font-size:18px; line-height:1.2; } h3 { margin-bottom:10px; font-size:12px; font-weight:bold; line-height:1.38; text-transform:uppercase; } h4 { margin-bottom:10px; font-size:12px; font-weight:bold; } /*=======================================================*/ /* GRIDS */ /*=======================================================*/ /** * 960 grid * 12 columns * 50px column width * 30px gutter * 15px edge */ /* Grid Containers */ .grid-block { display:block; width:930px; margin:0 15px; } .grid-block:after { clear:both; display:table; content:''; } .grid { display:block; width:960px; margin:0 auto; } .grid:after { clear:both; display:table; content:''; } /* Grid Columns */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float:left; position:relative; margin-left:15px; margin-right:15px; } .grid .grid_1 { width:50px; } .grid .grid_2 { width:130px; } .grid .grid_3 { width:210px; } .grid .grid_4 { width:290px; } .grid .grid_5 { width:370px; } .grid .grid_6 { width:450px; } .grid .grid_7 { width:530px; } .grid .grid_8 { width:610px; } .grid .grid_9 { width:690px; } .grid .grid_10 { width:770px; } .grid .grid_11 { width:850px; } .grid .grid_12 { width:930px; } /* Nested Grid */ .alpha { margin-left:0; } /* first */ .omega { margin-right:0; } /* last */ .grid-block .grid, .grid .grid { width:auto; } /* Prefix Padding */ .grid .prefix_1 { padding-left:80px; } .grid .prefix_2 { padding-left:160px; } .grid .prefix_3 { padding-left:240px; } .grid .prefix_4 { padding-left:320px; } .grid .prefix_5 { padding-left:400px; } .grid .prefix_6 { padding-left:480px; } .grid .prefix_7 { padding-left:560px; } .grid .prefix_8 { padding-left:640px; } .grid .prefix_9 { padding-left:720px; } .grid .prefix_10 { padding-left:800px; } .grid .prefix_11 { padding-left:880px; } /* Suffix Padding */ .grid .suffix_1 { padding-right:80px; } .grid .suffix_2 { padding-right:160px; } .grid .suffix_3 { padding-right:240px; } .grid .suffix_4 { padding-right:320px; } .grid .suffix_5 { padding-right:400px; } .grid .suffix_6 { padding-right:480px; } .grid .suffix_7 { padding-right:560px; } .grid .suffix_8 { padding-right:640px; } .grid .suffix_9 { padding-right:720px; } .grid .suffix_10 { padding-right:800px; } .grid .suffix_11 { padding-right:880px; } /* Push Position */ .grid .push_1 { left:80px; } .grid .push_2 { left:160px; } .grid .push_3 { left:240px; } .grid .push_4 { left:320px; } .grid .push_5 { left:400px; } .grid .push_6 { left:480px; } .grid .push_7 { left:560px; } .grid .push_8 { left:640px; } .grid .push_9 { left:720px; } .grid .push_10 { left:800px; } .grid .push_11 { left:880px; } /* Pull Position */ .grid .pull_1 { left:-80px; } .grid .pull_2 { left:-160px; } .grid .pull_3 { left:-240px; } .grid .pull_4 { left:-320px; } .grid .pull_5 { left:-400px; } .grid .pull_6 { left:-480px; } .grid .pull_7 { left:-560px; } .grid .pull_8 { left:-640px; } .grid .pull_9 { left:-720px; } .grid .pull_10 { left:-800px; } .grid .pull_11 { left:-880px; } /*=======================================================*/ /* CLEAR FIXES */ /*=======================================================*/ /* Micro Clearfix. For modern browsers. */ /* http://nicolasgallagher.com/micro-clearfix-hack/ */ /* Prevents margins from collapsing */ /*.cf:before { content:''; display:table; }*/ .cf:after { clear:both; display:table; content:''; } /* For IE 6/7 (trigger hasLayout) */ /*.cf { zoom:1; }*/ /*=======================================================*/ /* LAYOUT */ /*=======================================================*/ /*body { }*/ #wrapper { width:100%; border-top:5px solid #000; } #container { width:960px; margin:0 auto; background:#FFF; } #container {width: 960px; margin: 0px auto; -moz-box-shadow: 0 0 5px #AAA; -webkit-box-shadow: 0 0 5px #AAA; box-shadow: 0 0 5px #AAA; border-top: 1px #AAA; } #header { position:relative; margin:0 15px; } /*#matter { }*/ /*.matter { }*/ /*#footer { }*/ /*=======================================================*/ /* HEADER */ /*=======================================================*/ #header a { text-decoration:none; } #header #header-bar { } #header #header-bar { height:40px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #04254e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#04254e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#04254e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#04254e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#04254e 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#04254e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#04254e',GradientType=0 ); /* IE6-9 */ } #logo { display:block; max-width:345px; min-height:105px; overflow:hidden; } #logo h1 { float:left; margin:0; } /* minicart & search autocomplete */ .menu, .search-autocomplete { position:absolute; z-index:10; padding:2px; background:#0CF; 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); } .menu .liner, .menu ul.level0, .search-autocomplete ul { background:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /**/ #nav { position:relative; float:left; padding-left:5px; } #nav li.level0 { position:relative; float:left; } #nav li.level0 > a { display:block; padding:8px 12px; color:#FFF; font-family: Tahoma, Geneva, sans-serif; font-size:12px; line-height:24px; /* text-transform: uppercase; */} #nav .menu { display:none; left:-8px; top:40px; } #nav li.level0:hover .menu { display:none; } #nav > li > a:hover, #nav > li:hover > a { color:#caddff; } /* brighter on black, #0AD on white */ #nav .cols-1 { width:150px; } #nav .cols-2 { width:290px; } #nav .cols-3 { width:430px; } #nav .cols-4 { width:570px; } #nav .cols-5 { width:710px; } #nav .cols-6 { width:850px; } #nav .cols-7 { width:990px; } #nav .cols-collapse ul.level1, #nav .cols-collapse ul.level0 .view-all { display:none; } /* hide sub-sub-category links if >= 8 sub-categories */ #nav .cols-collapse li.level1:last-child a { margin-bottom:0; } /* prevent extra whitespace after collapsed sub-categories list */ #nav ul.level0 { overflow:hidden; display:block; padding:15px 5px; } #nav ul.level0 a { color:#202020; font-size:12px; line-height:18px; } #nav ul.level0 a:hover { color:#0A4A99; } #nav ul.level0 .view-all { display:block; color:#909090; } #nav ul.level0 .view-all:hover { color:#0A4A99; } #nav li.level1 { float:left; width:130px; margin:0 10px; } #nav li.level1 > a:first-child { display:block; margin-bottom:10px; font-size:15px; font-weight:bold; } #nav ul.level1 { margin-bottom:10px; } #nav ul.level1 a { display:block; padding-left:10px; font-size:12px; text-indent:-10px; } #nav ul.level2 { display:none; } /* hide sub-sub-sub-category */ #nav .home-icon { position:relative; width:16px; text-indent:-9999px; } #nav .home-icon:after { content:''; position:absolute; left:12px; top:12px; width:16px; height:15px; background:url(../img/icon/sprite.png) -670px 0 no-repeat; } #nav .home-icon:hover:after { background-position:-670px -30px; } /**/ #search-form { position:relative; float:right; height:24px; margin:8px 8px 0 0; background:#FFF; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; } #search-form label { display:none; } #search-form input { float:left; width:163px; height:24px; padding:0 5px 0 10px; border:0; background:none; font-family: Tahoma, Geneva, sans-serif; font-size:12px; } #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; } #search-form button:hover { background-position:-270px -30px; } #search-form button:active { background-position:-270px -60px; } .search-autocomplete { z-index:10; left:0 !important; top:32px !important; width:200px !important; } .search-autocomplete ul { padding:5px 0; } .search-autocomplete li { padding:2px 10px 0; border-bottom:1px solid #E0E0E0; } .search-autocomplete li:last-child { border-bottom:0; } .search-autocomplete li:hover { background:#F8F8F8; color:#0A4A99; cursor:pointer; } .search-autocomplete .amount { float:right; padding-left:10px; color:#909090; } .search-autocomplete li:hover .amount { color:#202020; } /**/ #account { position:absolute; right:0; top:0; border-width:0 1px 1px; border-style:solid; border-color:#E0E0E0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #account .links li { float:left; font-size:12px; line-height:24px; } #account .links a { display:block; padding:8px; color:#202020; } #account .links a:hover { color:#0A4A99; } #account-links { float:right; } #account-links li a { background:#F8F8F8; } #account-links li:last-child a { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; } #account-links a:hover { background:#F0F0F0; } /* Persistent Cart "{Not John Smith?)" */ #account > a { position:absolute; right:0; top:44px; font-size:12px; } /**/ #mini-cart { float:left; } #mini-cart .links li { position:relative; } #mini-cart .links > li a { background:#F8F8F8; } #mini-cart:hover .links > li a { background:#F0F0F0; } #mini-cart .links > li:last-child a { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; } #mini-cart .cart-count { position:relative; float:left; display:block; margin-right:8px; padding-top:0px; border-radius:5px; background: #d7e7f2; /* Old browsers */ color:#0A4A99; font-size:12px; line-height:24px; text-align:center; padding-left:5px; padding-right:5px; } #mini-cart:hover .cart-count { background-position:0 -96px; } #mini-cart:active .cart-count { background-position:0 -96px; } #mini-cart:hover ul.links li a { color:#0A4A99; } #mini-cart .menu { display:none; right:-1px; top:40px; width:300px; font-size:12px; } #mini-cart:hover .menu { display:block; } #mini-cart .summary { padding:10px; } #mini-cart .summary p { font-size:20px; line-height:24px; } #mini-cart .summary .count { float:right; padding-left:10px; } #mini-cart-list { list-style:none; margin-bottom:0; border-top:1px solid #E0E0E0; } #mini-cart-list li { position:relative; min-height:60px; padding:10px 30px 10px 80px; border-bottom:1px solid #E0E0E0; font-size:12px; line-height:16px; } #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:10px; top:10px; } #mini-cart-list .product-name { display:inline-block; color:#0A4A99; } #mini-cart-list .product-name:hover { color:#48B; } #mini-cart p { margin-bottom:0; } #mini-cart .empty { padding:10px; font-size:15px; } #mini-cart .actions { overflow:hidden; padding:10px; } #mini-cart .actions .last-added { margin-bottom:10px; font-size:12px; } /*#mini-cart .subtotal { }*/ #mini-cart .subtotal .label { display:none; } /*=======================================================*/ /* FOOTER */ /*=======================================================*/ #footer p, #footer ul li { margin-bottom:0; font-size:12px; } /**/ #footer-bar { height:40px; margin-bottom:20px; font-family: Tahoma, Geneva, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #04254e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#04254e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#04254e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#04254e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#04254e 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#04254e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#04254e',GradientType=0 ); /* IE6-9 */ } .newsletter { float:left; margin:8px 10px; } .newsletter form { position:relative; float:left; } .newsletter label { float:left; margin-right:10px; color:#FFF; font-size:12px; line-height:24px; } .newsletter #newsletter-email { float:left; width:175px; height:24px; padding:0 5px 0 10px; border:0; background:#FFF; font-family: Tahoma, Geneva, sans-serif; font-size:12px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; } .newsletter button { float:left; height:24px; width:24px; padding:0; border:0; background:url(../img/icon/sprite.png) -300px 0 no-repeat; text-indent:-9999px; cursor:pointer; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } .newsletter button:hover { background-position:-300px -30px; } .newsletter button:active { background-position:-300px -60px; } .newsletter .validation-advice { position:absolute; right:0; bottom:42px; z-index:10; width:200px; padding:5px 10px; border:5px solid #0CF; 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; } .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 #0CF; border-left:5px solid transparent; } #footer .top { position:relative; float:right; height:24px; margin-right:10px; padding:8px 32px 8px 8px; color:#FFF; font-size:12px; line-height:24px; } #footer .top:hover { text-decoration:none; } #footer .top:after { content:''; position:absolute; right:0; top:8px; width:24px; height:24px; background:url(../img/icon/sprite.png) -30px 0 no-repeat; } #footer .top:hover:after { background-position:-30px -30px; } #footer .top:active:after { background-position:-30px -60px; } /**/ #footer-opener { overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #E0E0E0; } .social-icons-box h2 { float:left; margin:0 10px 0 0; font-family: Tahoma, Geneva, sans-serif; font-size:12px; font-weight:bold; line-height:28px; } .social-icons-list { overflow:hidden; float:left; } .social-icons-list li { float:left; margin-right: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; } .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; width:320px;} .payment-icons-footer span { float:left; margin-right:10px; color:#909090; font-family: Tahoma, Geneva, sans-serif; font-size:12px; line-height:28px; } /**/ #footer-closer { padding-bottom:20px; } #footer-closer h2 { margin-bottom:6px; font-size:12px; font-weight:bold; line-height:24px; text-transform:uppercase; } .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; } .legal p { margin-bottom:0; text-align:right; font-size:12px; } .legal .terms a { margin-left:5px; font-size:12px; } .powered-by {position:relative; width:116px; height:23px; right:0; background:url(../img/page/blueberry.png) no-repeat; margin-top: 5px; float:right; } .powered-by a {display:block; width:116px; height:23px;} .authnet {position:relative; width:88px; height:69px; right:0; background:url(../img/page/authnet.png) no-repeat; margin: 5px 0 0 5px; float:right; } .authnet a {display:block; width:88px; height:69px;} .norton {position:relative; width:102px; height:69px; right:0; background:url(../img/page/norton.png) no-repeat; margin-top: 5px; float:right; } .norton a {display:block; width:102px; height:69px;} .pp-accepted {position:relative; width:101px; height:57px; right:0; background:url(../img/page/paypal-accepted.png) no-repeat; margin-top: 5px; float:right; } .pp-accepted a {display:block; width:101px; height:57px;} /*=======================================================*/ /* FORM */ /*=======================================================*/ label { font-size:12px; } label.required:after { content:' *'; color:#F00; font-weight:normal; } label.required em { display:none; } select { max-width:100%; font-size:12px; } textarea { width:100%; max-width:500px; padding:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } textarea, .input-text { border:2px solid #E8E8E8; background:#FFF; color:#404040; font-family: Tahoma, Geneva, sans-serif; font-size:12px; -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } textarea:focus, .input-text:focus { border-color:#0A4A99; } 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:35px; } ::-webkit-input-placeholder { color:#707070; } input:-moz-placeholder { color:#707070; } .checkbox + label, .checkbox + .label, .radio + label, .radio + .label { width:auto; max-width:275px; margin-left:8px; line-height:21px; } .validation-advice { margin-top:5px; color:#F00; font-size:12px; } p.required { display:none; } /*=======================================================*/ /* FORM - STACK */ /*=======================================================*/ /*.stack-form .fieldset { }*/ /*.stack-form .fieldset .legend { }*/ .stack-form .form-list li { margin-bottom:15px; } .stack-form .form-list li:after { clear:both; display:table; content:''; } /*.stack-form .form-list .controls { }*/ /*.stack-form .form-list .control { }*/ .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; } .scaffold-form .checkbox + label, .scaffold-form .radio + label { float:none; } .scaffold-form .buttons-set, .scaffold-form .captcha-image { margin-left:130px; } /*=======================================================*/ /* 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-size:12px; 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 */ /*=======================================================*/ .availability { font-family: Tahoma, Geneva, sans-serif; font-size:11px; font-weight:500; } .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; } .billing-methods dd li:last-child { margin-bottom:0; } .block { margin-bottom:30px; } .block-title { padding:8px 10px; border-top:1px solid #B0B0B0; border-bottom:1px solid #E0E0E0; background:#F8F8F8; } .block-title h2 { margin-bottom:0; } .block-title p { margin:0; font-size:12px; } /*.block-content { }*/ .block-content.lined { padding:15px 10px 0; } .block .liner-left { padding-left:10px; } .block .liner-right { padding-right:10px; } .breadcrumbs { overflow:hidden; margin:0 15px; padding-left:17px; background:#F8F8F8; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .breadcrumbs li { float:left; color:#606060; font-family: Tahoma, Geneva, sans-serif; font-size:12px; line-height:32px; } .breadcrumbs a { float:left; } /* .breadcrumbs span { float:left; padding:0 7px; } */ .breadcrumbs span { padding:0 7px; } /* removed float to fix wp breadcrumbs issue */ .button { display:inline-block; padding:5px 10px; border:1px solid transparent; background:#0CF; color:#FFF; font-family: Tahoma, Geneva, sans-serif; font-size:11px; 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; } .button:hover { border-color:rgba(0, 0, 0, 0.25); cursor:pointer; } .button:active { border-color:transparent; background:#0A4A99; } .button + .button { margin-left:5px; } .button + .alt-action { margin-left:10px; font-size:12px; 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:#C8C8C8; } 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; } /* .callout { margin-bottom:30px; } .callout h2 { margin-bottom:0; padding:8px 10px; border-top:1px solid #B0B0B0; border-bottom:1px solid #E0E0E0; background:#F8F8F8; } .callout h2 span.note { display:block; font-size:12px; } .callout .callout-content { margin:15px 10px 0; } .callout .liner { padding-left:10px; } */ .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; font-size:12px; 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; } .cvv-what-is-this { margin-left:10px; font-size:12px; 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; } .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; font-size:12px; } .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 { font-size:12px; } .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:12px; 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; } .order-payment-specifics dd { padding-bottom:10px; } .pager ol.pages { list-style:none; float:left; padding:8px 10px; } .pager ol.pages li { float:left; font-size:12px; } .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; font-size:12px; 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 { font-size:12px; } #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; font-size:12px; } .price-box { color:#909090; } .price-box p { margin-bottom:0; } /*.price-box .minimal-price { }*/ .price-box .minimal-price-link { display:none; } .price-box .old-price { font-size:12px; } /*.price-box .old-price .price-label { }*/ /*.price-box .regular-price { }*/ /*.price-box .special-price { }*/ .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 { margin-bottom:3px; font-size:12px; line-height:1.2; } .product-grid .product-image { position:relative; margin-bottom:10px; } .product-grid .product-image img { width:200px; height:200px; } /* .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; font-size:12px; 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:1px solid #F4F4F4; -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; } .promos img { -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;} .product-image:hover img { border-color:#dadee4; } .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:200px; height:200px; } .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; font-size:12px; 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; } #product-review-view { margin-bottom:30px; } #product-review-view h2 { margin-bottom:0; } #product-review-view .written { margin-bottom:10px; color:#909090; font-size:12px; line:18px; } .ratings { overflow:hidden; font-size:12px; } .ratings .rating-box { float:left; margin:2px 10px 0 0 } .ratings .rating-links { float:left; margin:0; 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-size:15px; font-weight:bold; text-transform:none; } .reviews li .rating-box { float:left; margin:3px 10px 0 0; } .reviews li .written { margin-bottom:10px; color:#909090; font-size:12px; } .sp-methods { font-size:12px; } .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; border:1px solid #D0D0D0; color:#909090; font-family: Tahoma, Geneva, sans-serif; font-size:11px; line-height:20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .tags-list a:hover { border-color:#0A4A99; color:#0A4A99; 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; } .tier-prices li, .tier-prices-grouped li { font-size:12px; } .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:#0CF; 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); } .tooltip .liner { width:200px; padding:5px 10px; background:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .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); } /*.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; font-size:12px; } /*=======================================================*/ /* ACCOUNT - DASHBOARD */ /*=======================================================*/ .dashboard-links { margin:30px 0; padding:5px 0; border:1px solid #E0E0E0; background:#F8F8F8; -webkit-border-radius:5px; -mox-border-radius:5px; border-radius:5px; } .dashboard-links li.current { background:#D8D8D8; } .dashboard-links a { display:block; padding:6px 10px; color:#202020; font-size:12px; line-height:1.4; text-decoration:none; } .dashboard-links a:hover { background:#d7e7f2; } .dashboard { margin-bottom:20px; font-size:12px; } .dashboard div.grid { padding:20px 0; border-top:1px solid #E0E0E0; } .dashboard h2 { margin-bottom:24px; } .dashboard h4 { margin-bottom:0; font-size:12px; 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; font-size:12px; } #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 { font-size:12px; 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; font-size:12px; 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; font-size:12px; } #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:85px; padding-left:105px; } #cart-table .btn-remove { margin-top:34px; } #cart-table .cart-price-wrapper { padding-top:3px; } #cart-table .error { color:#F00; } #cart-table .item-msg { max-width:325px; margin-bottom:0; font-size:12px; } #cart-table .product-image { position:absolute; left:0; top:0; } #cart-table .product-name { display:inline-block; margin-bottom:10px; } /**/ /*#shopping-cart-totals-table { }*/ #shopping-cart-totals-table tbody tr { font-size:12px; } #shopping-cart-totals-table tfoot td { text-transform:uppercase; } #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; font-size:12px; } #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; font-size:12px; } /**/ #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; } .category-description { margin-bottom:30px; font-size:20px; line-height:24px; } /*#catalog-layered-list { }*/ /*#catalog-layered-sidebar { }*/ /*#catalog-no-layered-list { }*/ /*#catalog-no-layered-sidebar { }*/ /**/ .filter .currently { padding:15px 10px; border-bottom:1px solid #E0E0E0; } .filter .currently h3 { margin-bottom:5px; font-size:12px; 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; font-size:12px; text-decoration:none; } .filter .currently ol a:hover { color:#0A4A99; } .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; } #narrow-by-list dt { font-size:12px; 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; font-size:12px; } .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; } /*.pager-bar { }*/ .catalog-bar .pager, .pager-bar .limiter, .pager-bar .view-mode, .pager-bar .sort-by { display:none; } /*=======================================================*/ /* CATALOG - PRODUCT */ /*=======================================================*/ .catalog-product-view .messages { margin-top:30px; } /* Product Info */ #product-info { margin-top:30px; } #product-overview h1 { margin:0; font-size:21px; line-height:25px; } #product-overview .ratings { margin-bottom:15px; } #product-overview .availability { margin-bottom:0px; } /* Downloadable Samples */ .downloadable-samples { margin-bottom:30px; } /* Pricing Wrapper */ .pricing-wrapper { overflow:hidden; margin-bottom:20px; } /* * removed to fix giftcard alignment * .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:20px; font-weight:500; line-height:1.3; } .pricing-wrapper .tier-prices { float:left; margin-left:40px; } /* 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; padding:10px;} #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:95px; 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; } .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; font-size:12px; } .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 { font-size:12px; } .price-as-configured .price-label { display:block; font-size:12px; } /* 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 { -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .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 { font-size:12px; } .custom-options select { max-width:100%; } .custom-options .multiselect { max-width:100%; padding:3px 0; font-size:12px; } .custom-options .price-notice { padding-left:5px; color:#909090; font-size:12px; 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; } .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; } .alternate-actions { float:left; margin:12px 0 0 5px; } .alternate-actions li { float:left; margin-left:10px; } /* 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 */ /*.long-description {}*/ /* Details */ /*#product-attribute-specs-table {}*/ /* Tags */ #tags .hint { margin:10px 0 0; color:#909090; font-size:12px; } #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 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; font-size:12px; } #related .product { float:right; overflow:hidden; width:343px; } #related .product-details { float:left; width:273px; 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; } /* Popular Products */ #popular ol { margin:5px 0 10px; } #popular li { overflow:hidden; padding:10px 0; border-bottom:1px solid #E0E0E0; } #popular input { float:left; margin-top:22px; } #popular .instruct { margin-bottom:10px; color:#909090; font-size:12px; } #popular .product { float:left; overflow:hidden; width:343px; } #popular .product-details { float:left; width:150px; margin-left:10px; } #popular .product-image { float:left; } #popular .old-price, #popular .price-to, #popular .regular-price + .minimal-price, #popular .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; font-size:12px; } /*=======================================================*/ /* 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; font-size:12px; 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 { font-size:12px; } .multiship-address-group table th { padding-right:20px; } .multiship-address-group address { font-size:12px; } /* 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; font-size:12px; } /* overview.phtml */ #multiship-review-form h3 a, #multiship-review-form h4 a { padding-left:10px; font-size:12px; 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; font-size:12px; } #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-size:12px; 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; } /* Progress */ /*.opc-progress-block { }*/ .opc-progress-steps { padding:15px 10px 0; } .opc-progress-step-title { margin-bottom:5px; font-size:15px; font-weight:bold; } .opc-progress-step-title span { font-size:13px; font-weight:normal; } .opc-progress-step-title:last-child { margin-bottom:15px; } .opc-progress-step-title.complete a { position:relative; top:-2px; margin-left:10px; } .opc-progress-step-content { margin:0 0 15px 10px; font-size:13px; } .opc-progress-step-content p { margin-bottom:5px; } .opc-progress-step-content h4 { margin-bottom:10px; } .opc-progress-step-content .payment-method-details dd { padding-bottom:10px; } .opc-progress-step.price { color:#909090; } .opc-progress-step table { font-size:13px; line-height:18px; } .opc-progress-step table th { padding-right:5px; } /* 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-express-review-form { margin-bottom:30px; } .paypal-express-review .buttons-set { 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; } /*.block-tags .view-all-tags { }*/ .tag-list-index .tags-list { margin-bottom:30px; } /*=======================================================*/ /* CMS PAGES */ /*=======================================================*/ /* ------------------------ */ /* COMPANY */ /* ------------------------ */ #about-content { margin-bottom:30px; font-size: 12px; } #press-content { margin-bottom:30px; font-size: 12px; } #jobs-content { margin-bottom:30px; font-size: 12px; } /* ------------------------ */ /* SUPPORT */ /* ------------------------ */ #faq-content { margin-bottom:30px; font-size: 12px; } #shipping-content { margin-bottom:30px; font-size: 12px; } #shipping-content td { border-bottom: #c0c0c0 1px solid; width: 15%; border-right: #c0c0c0 1px solid; text-align: center; font-size: 12px; } /* ------------------------ */ /* TIPS & INFO */ /* ------------------------ */ #decant-content { margin-bottom:30px; font-size: 12px; } #choose-content { margin-bottom:30px; font-size: 12px; } #wearing-content { margin-bottom:30px; font-size: 12px; } #history-content { margin-bottom:30px; font-size: 12px; } /* ------------------------ */ /* EXTRA */ /* ------------------------ */ #enable-cookies p:last-child { margin-bottom:30px; } #page-not-found { padding-bottom:30px; } #specials-content { margin-bottom:30px; font-size: 12px; } #terms-content { margin-bottom:30px; font-size: 12px; text-align:justify; } #privacy-content { margin-bottom:30px; font-size: 12px; text-align:justify; } #privacy-content ul {list-style-type: circle; padding: 0 0 10px 15px; } /*=======================================================*/ /* UI WIDGETS SHARED */ /*=======================================================*/ .grid-slider .slides-container a:hover:after, .promo-slider .slides-container a:hover:after, .promo-slider .promos li a:hover:after, .static-promo a:hover:after, .wide-slider .slides-container a:hover:after, .thumb-slider .slides-container a:hover:after, .thumb-slider .slides-pagination li a:hover:after { display:block; content:''; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; border:1px solid #ccc; cursor:pointer; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /*=======================================================*/ /* CATEGORY SLIDER & NEW PRODUCTS SLIDER */ /*=======================================================*/ /* See: /gravdept/catalog/category-slider.phtml */ /* See: /gravdept/catalog/new-products-slider.phtml */ .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:210px; 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:200px; height:200px; } /* .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; -webkit-overflow-scrolling:touch;} /* 2015-07-17 */ #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; max-width:none; -ms-interpolation-mode:bicubic;} /* 2015-07-17 */ .cboxIframe { width:100%; height:100%; display:block; border:0; } /* 2015-07-17 */ #colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } /* 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; } /*#colorbox { }*/ #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); } #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); } #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: Tahoma, Geneva, sans-serif; font-size:15px; 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; border-style: none; } #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; } /* .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right:66px; } .cboxSlideshow_on #cboxSlideshow { right:44px; background-position:-150px 0; } .cboxSlideshow_on #cboxSlideshow.hover { background-position:-150px -50px; } .cboxSlideshow_off #cboxSlideshow { right:44px; background-position:-200px 0; } .cboxSlideshow_off #cboxSlideshow.hover { background-position:-200px -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; } /*=======================================================*/ /* PROMO SLIDER */ /*=======================================================*/ .promo-slider { position:relative; width:930px; margin:15px auto; } .promo-slider .slides-container { width:705px; height:345px; } .promo-slider .slides-container > div { width:705px; height:345px; } .promo-slider .slides-pagination { position:absolute; z-index:6; left:10px; bottom:8px; display:none } .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; color:#808080; font-family: Tahoma, Geneva, sans-serif; font-size:12px; 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:#0A4A99; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; } .tabs-nav li:first-child a { border-width:1px 1px 0 1px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; } .tabs-nav li:first-child a.current { margin-left:0; } .tabs-nav li:last-child a { -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; } 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; } /*=======================================================*/ /* SNIPPETS */ /*=======================================================*/ /* .snippet {} .snippet-cart-bottom {} .snippet-cart-coupon-below {} .snippet-cart-empty-bottom {} .snippet-cart-list-below {} .snippet-catalog-list-below {} .snippet-catalog-sidebar-below {} .snippet-checkout-onepage-progress-below {} .snippet-checkout-onepage-steps-below {} .snippet-checkout-onepage-top {} .snippet-cms-page-bottom {} .snippet-product-view-bottom {} .snippet-product-view-tab-1 {} .snippet-product-view-tab-2 {} */ /*=======================================================*/ /* 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, .ie7 #nav .menu, .ie7 #nav > li: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; } /*=======================================================*/ /* COLORS REFERENCE */ /*=======================================================*/ /* 202020 text F8F8F8 background F0F0F0 background hover E0E0E0 1px line D8D8D8 1px line emphasis B0B0B0 1px line module-top 0CF button E5FAFF button:hover 0AD link 48B link:hover FFFF80 yellow */ /*=======================================================*/ /* TYPOGRAPHY REFERENCE */ /*=======================================================*/ /* font-size:12px; font-size:15px; line-height:22px; base font-size:20px; line-height:24px; font-size:24px; line-height:36px; font-size:50px; line-height:60px; */ /*=======================================================*/ /* Z-INDEX REFERENCE */ /*=======================================================*/ /* 991 .remember-me-popup 990 .window-overlay 10 .menu 10 .newsletter .validation-advice 10 .search-autocomplete 6 .slides-pagination (jQuery Slides) 5 Current slide (jQuery Slides) */ /* --- RF OVERRIDES --- */ .tour-callout { margin-bottom: 30px; padding: 15px 20px; border: 2px dashed #E0E0E0; color: #B0B0B0; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 13px; } .button { cursor: pointer; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; font-weight: bold; } a.button:hover {background-position: 0 -15px;color: #333;} .button:active {border-color: #333; background: #FFF;} .top-checkout:active {border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background:#57a957;} .add-to-wishlist .button, .share-by-email .button { } .menu, .search-autocomplete {background:#ccc;} .add-to-cart .button:after { content: "$"; margin: 0 2px 0 10px; font-size: 32px; color: #066c06; font-family: 'Pictos', sans-serif; font-weight: normal; text-shadow: 0 1px 0 #53d753; } #cart-checkout-methods .button:before, .top-checkout:before { content: "("; margin: 0 5px 0 0; font-size: 1.2em; font-family: 'Pictos', sans-serif; font-weight: normal; color: #066C06; text-shadow: 0 1px 0 #53D753; } .top-link-cart:before{content: "$"; margin: -1px 10px 0 0px; font-family: 'Pictos', sans-serif; font-weight: normal; font-size: 24px; float: left; color: #333;} .cart-count {} .top-checkout:hover {color:#fff!important;} #cart-checkout-methods .button, .add-to-cart .button { font-size: 18px; font-weight: bold; display: block; line-height: 1.5em; padding: 9px 14px; color: #FFF; text-transform: uppercase; } #cart-checkout-methods .button:hover, .add-to-cart .button:hover{ cursor: pointer; background-position: 0 -15px; } #cart-checkout-methods .button, .add-to-cart .button, .top-checkout { background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFF; } #logo { padding-top:10px; display: block; max-width: 345px; min-height: 80px; overflow: hidden; } #wrapper { width: 100%; border-top:none; } #header .free-shipping-top {position:absolute; width:250px; height:40px; right:0; top:45px; background:url(../img/icon/topShipping.jpg) no-repeat; } #header .free-shipping-top a {display:block; width:250px; height:40px;} li.success-msg { background-color: #D1EED1; border: 1px solid #BFE7BF!important; color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 14px; position: relative; } li.error-msg { background-color: #fddfde; border: 1px solid #fbc7c6!important; color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 14px; position: relative; } .cartWrap { background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; } #product_addtocart_form .options, #mini-cart .menu ol { border-bottom: 1px solid #DDD; box-shadow: 0 1px 0 #FFFFFF; background: #fbfbfb; } .product-actions { margin-bottom:30px; padding:10px 5px 10px 10px; background:#F8F8F8; } .product-actions li { font-size:12px; line-height:18px; margin-bottom: 10px; } .product-actions li a { display:block; color: #888;vertical-align: middle; } .product-actions li a:before { color: #222; float: left; font-family: 'Pictos',sans-serif; font-size: 18px; font-weight: normal; margin: 0 5px 0 0; vertical-align: middle; } .product-actions li.add-to-wishlist a:before { content: "n"; } .product-actions li.email-to-friend a:before { content: "R"; } .product-actions li.tweet-it a:before { content: "B"; } .product-actions li.fb-share a { padding-left: 23px; background: url(../img/icon/fb.png) left top no-repeat; } .product-actions li.fb-share a:hover { background-position: bottom left; } .product-actions li a:hover { text-decoration: none; color: #444; } .product-actions li a:hover:before { color: #BA0402; } .product-actions li.tweet-it a:hover:before { color: #2299cc; } .product-actions li.email-to-friend a:hover:before { color: #ff830a; } .product-actions li a:active { } .product-security { padding:5px 10px 5px 10px; background:#F8F8F8; } .product-security p { font-size:11px; margin-bottom: 10px; } .product-security .authnet {position:relative; width:88px; height:69px; margin: 0px auto 5px auto; float: none; } .product-security .authnet a {display:block; width:88px; height:69px;} .product-security .norton {position:relative; width:102px; height:69px; margin: 0px auto 5px auto; float: none; } .product-security .norton a {display:block; width:102px; height:69px;} .product-security .pp-accepted {position:relative; width:101px; height:57px; margin: 5px auto 5px auto; float: none; } .product-security .pp-accepted a {display:block; width:101px; height:57px;} #product-info .grid_2.omega { margin-left: 0; width: 145px; } .checkout-cart-index .payment-icons ul { float: left; height: 24px; margin-right: 0; width: 190px; background: transparent url("../img/icon/payment-icons-cart.png") no-repeat top left; } .payment-icons { background: #F0F0F0; border-bottom: none; margin-bottom: 15px; margin-top: -20px; padding: 10px; } .checkout-cart-index .payment-icons h3 { font-size: 11px; text-align: center; } .checkout-cart-index .payment-icons { float: left; overflow: hidden; } .checkout-onepage-index ul.messages li.success-msg { background-color: #D1EED1; border: 1px solid #BFE7BF; color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 12px; } /* -- start Pictos -- */ .cms-weekly-specials h1:before { color: #CCCCCC; content: "%"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-decant h1:before { color: #CCCCCC; content: "S"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-choose h1:before { color: #CCCCCC; content: "s"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-wearing h1:before { color: #CCCCCC; content: "o"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-history h1:before { color: #CCCCCC; content: "\\"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-rewards h1:before { color: #CCCCCC; content: "%"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-about h1:before { color: #CCCCCC; content: "k"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-page-view h1:before { color: #CCCCCC; content: "k"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-shipping h1:before { color: #CCCCCC; content: "X"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-faq h1:before { color: #CCCCCC; content: "?"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-terms h1:before { color: #CCCCCC; content: "!"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .cms-privacy h1:before { color: #CCCCCC; content: "E"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } /* small lock on checkout */ .checkout-onepage-index ul.messages li.success-msg ul li:before { color: #404040; content: "("; font-family: 'Pictos', sans-serif; font-size: 1.2em; font-weight: normal; margin: 0 5px 0 0; } .checkout-cart-index h1:before { color: #CCCCCC; content: "$"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 10px 0 20px; } .checkout-cart-index .messages { margin-bottom:30px; background:#F8F8F8; width: 930px; margin: 0 15px;} .customer-account-login h1:before, .customer-account-create h1:before { color: #CCCCCC; content: "U"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 5px 0 0; } .customer-account-login h1:before { content: "K"; } .contacts-index-index h1:before { color: #CCCCCC; content: "B"; font-family: 'Pictos',sans-serif; font-size: 40px; font-weight: normal; margin: 0 5px 0 0; vertical-align: middle; } #description-tab a:before { content: "F"; margin: 0 5px 0 0; font-size: 1.5em; color: #BBB; font-family: 'Pictos', sans-serif; font-weight: normal; float: left; } #details-tab a:before { content: "i"; margin: 0 5px 0 0; font-size: 1.5em; color: #BBB; font-family: 'Pictos', sans-serif; font-weight: normal; float: left; } #reviews-tab a:before { content: "S"; margin: 0 5px 0 0; font-size: 1.5em; color: #BBB; font-family: 'Pictos', sans-serif; font-weight: normal; float: left; } #write-reviews-tab a:before { content: "p"; margin: 0 5px 0 0; font-size: 1.5em; color: #BBB; font-family: 'Pictos', sans-serif; font-weight: normal; float: left; } /* -- end Pictos -- */ input[type=email], input[type=number], input[type=tel], input[type=text], input[type=password], textarea { background:#FFF; display: inline-block; font-size: 13px; color: #444444; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus { outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } .grid_5.alpha { background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; width: 365px; } .price_add_wrap {padding:0 10px;} .add_btn_or {margin-top:0px; margin-bottom:10px;} div.in-stock {color:#000!important;} div.in-stock:before { content: "3"; margin: 0 5px 0 0; font-size: 1.2em; color: #111; font-family: 'Pictos', sans-serif; font-weight: normal; } div.out-of-stock:before { content: "*"; margin: 0 5px 0 0; font-size: 1.2em; color: red; font-family: 'Pictos', sans-serif; font-weight: normal; } .ship_term a {color:#13437A; font-size: 11px; text-decoration: none;} .ship_term:before {content: "b"; margin: 0 5px 0 0; font-size: 1.2em; color: #111; font-family: 'Pictos', sans-serif; font-weight: normal; text-shadow: 0 1px 0 #FFF; } #alt-cart p {font-size:11px} #alt-cart .co_returns:before { content: "S"; margin: 0 5px 0 0; font-size: 1.2em; color: #111; font-family: 'Pictos', sans-serif; font-weight: normal; text-shadow: 0 1px 0 #FFF;} #alt-cart .co_secure {margin-bottom:0;} #alt-cart .co_secure:before { content: "("; margin: 0 5px 0 0; font-size: 1.2em; color: #111; font-family: 'Pictos', sans-serif; font-weight: normal; text-shadow: 0 1px 0 #FFF; } /* .topper {position:relative; width:100%; top:0; left:0; right:0; background:#d7e7f2; border-bottom:solid 1px #c8d9e4; padding-bottom:2px;} */ .topper {position:relative; width:100%; top:3px; left:0; right:0; padding-bottom:1px;} .topper ul li {display:inline; margin:0 10px;} .topper ul li a {text-decoration:none; font-size:1.0em!important;} .topper ul li a:hover {text-decoration:underline;} .topper li.right {float:right;} .topper .wrappy {width:960px; margin:0px auto; height:25px;} .topper .home { float:left;} .topper .home:before { content: "H"; margin: 0 5px 0 0; font-size: 1.2em; color: #0A4A99; font-family: 'Pictos', sans-serif; font-weight: normal;} .topper .trackMe:before { content: "X"; margin: 0 5px 0 0; font-size: 1.2em; color: #0A4A99; font-family: 'Pictos', sans-serif; font-weight: normal;} .topper .weekly:before { content: "z"; margin: 0 5px 0 0; font-size: 1.2em; color: #0A4A99; font-family: 'Pictos', sans-serif; font-weight: normal;} .topper .cService:before { content: "i"; margin: 0 5px 0 0; font-size: 1.2em; color: #0A4A99; font-family: 'Pictos', sans-serif; font-weight: normal;} .topper .cService {margin-right:0;} .giftcard-fieldset textarea { width: 100%; height: 100px; } .giftcard-fieldset label em { color: #EB340A; margin-right: 2px; } .giftcard-info .field-label { margin-top: 6px; } .giftcard-fieldset .field { margin-top: 6px; } .giftcard-fieldset .email-date input { width: 100px; } /* start fbintegrator.css */ .fb-connect-container{margin:30px 0;} #fb-loader .loader{background:#FFF4E9;border:2px solid #F1AF73;color:#D85909;font-weight:bold;left:43%;padding:15px 60px;position:fixed;text-align:center;top:45%;width:120px;z-index:1000;} .aw-fb-login-button { position: relative; z-index: 1; overflow: visible; display: inline-block; padding: 0.3em 0.6em 0.375em; border: 1px solid #999; border-bottom-color: #888; margin: 0; text-decoration: none; text-align: center; font: bold 11px/normal 'lucida grande', tahoma, verdana, arial, sans-serif; white-space: nowrap; cursor: pointer; /* IE */ zoom: 1; *display: inline; border-color: #29447E #29447E #1A356E; color: #fff; background-color: #5B74A8; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7)); background-image: -moz-linear-gradient(#637bad, #5872a7); background-image: -o-linear-gradient(#637bad, #5872a7); background-image: linear-gradient(#637bad, #5872a7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7'); /* for IE 6 - 9 */ -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2; } .aw-fb-login-button:hover, .aw-fb-login-button:focus, .aw-fb-login-button:active { border-color: #777 #777 #666; color: #FFFFFF; } .aw-fb-login-button:active { border-color: #29447E; background: #4F6AA3; filter: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Firefox */ .aw-fb-login-button::-moz-focus-inner { padding: 0; border: 0; } /* end fbintegrator.css */ /* start j2t_autoadd.css */ .j2t-autoadd-cart {position:relative; background:#fff; padding:5px; margin-top:5px;} .j2t-autoadd-cart-in {float:left; padding:5px; width: 150px; text-align: center;} .j2t-autoadd-cart-in h2.product-name {display:block; height:35px; padding-top:5px;} .j2t-autoadd-clear {clear:both; height:1px; font-size: 1px;} /* end j2t_autoadd.css */ /* start j2t-rewardpoints.css */ #j2t-track1 {background-image:url(../images/j2t-bg-fader.gif); background-repeat:no-repeat; width:209px; height:28px;} #j2t-handle1 {background-image:url(../images/j2t-thumb-n.gif); background-repeat:no-repeat; width:17px; height:21px; cursor:move;} #j2t-track2 {background-image:url(../images/j2t-bg-fader.gif); background-repeat:no-repeat; width:209px; height:28px;} #j2t-handle2 {background-image:url(../images/j2t-thumb-orange.gif); background-repeat:no-repeat; width:17px; height:21px; cursor:pointer;} .j2t-loyalty-points {display:block; clear:both;} .rewards_point_cart em {color:#EB340A;} .form-list .field.j2t-rewardpoints-email {width: 280px;} .form-list .field.j2t-rewardpoints-email img {vertical-align: middle;} /* end j2t-rewardpoints.css */ /* start Weekly Specials button */ .btn-top-offer {top: 0; position: absolute; left: 50%; width: 232px; height: 41px; margin-left: -116px;} .btn-top-weekly-specials {display:block;} .btn-top-bfriday {display:block;} /* end Weekly Specials button */ .disclaimer {max-width:930px; width:930px!important; font-size:10px; } .copyright, .terms {float:right} @media all and (max-device-width: 720px){ .disclaimer {font-size:.7vw!important;} .disclaimer img {height:300px!important;} }