/** * Acumen for Magento * http://gravitydept.com/to/acumen-magento * * @author Brendan Falkowski * @package gravdept_acumen * @copyright Copyright 2011 Gravity Department http://gravitydept.com * @license All rights reserved. * @version 1.3.2 */ /*=======================================================*/ /* RESET */ /*=======================================================*/ * { margin:0; padding:0; outline:0; } body { background:#FFF; color:#000; line-height:1; } html, body, img, fieldset, abbr, acronym { border:0; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } em, strong, th, code, cite, caption { font-weight:normal; font-style:normal; text-align:left; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } /* still need cellspacing=0 in markup */ q:before, q:after { content:''; } /*=======================================================*/ /* COMMON + RESET OVERRIDE */ /*=======================================================*/ /* force full height */ html, body { height:100%; } body, button, input, select, table, textarea { font-family:'Adobe Caslon Pro', Times, 'Times New Roman', serif; color:#202020; font-size:15px; line-height:22px; } a { color:#0AD; text-decoration:none; } a:hover { color:#09C; text-decoration:underline; } a:focus, a:active { color:#48B; } em, i { font-style:italic; } strong, b { font-weight:bold; } p { margin-bottom:22px; line-height:22px; } img { display:block; } /* Magento helpers */ .a-center { text-align:center; } .a-right, .align-right { text-align:right; } .no-display { display:none; } .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:30px 0; font-size:50px; line-height:60px; } h2 { margin-bottom:12px; font-size:20px; line-height:24px; } h3 { margin-bottom:10px; font-size:13px; font-weight:bold; line-height:18px; text-transform:uppercase; } h4 { margin-bottom:10px; font-size:13px; font-weight:bold; line-height:20px; } /*=======================================================*/ /* GRIDS */ /*=======================================================*/ /** * 960 grid * 12 columns * 50px column width * 30px gutter * 15px edge */ /* Grid Containers */ .block { display:block; width:930px; margin:0 15px; } .block:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } /* clear in advance */ .grid { display:block; width:960px; margin:0 auto; } .grid:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } /* clear in advance */ /* 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 */ .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 FLOATED ELEMENTS */ /*=======================================================*/ /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix { display:block; } .clearfix:after { clear:both; content:' '; display:block; visibility:hidden; width:0; height:0; font-size:0; line-height:0; } /* http://sonspring.com/journal/clearing-floats */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } /* avoidable */ /*=======================================================*/ /* LAYOUT */ /*=======================================================*/ /*body { }*/ #wrapper { width:100%; border-top:5px solid #000; } #container { width:960px; margin:0 auto; background:#FFF; } #header { position:relative; margin:0 15px; } /*#matter { }*/ /*.matter { }*/ /*#footer { }*/ /*=======================================================*/ /* HEADER */ /*=======================================================*/ #header a { text-decoration:none; } #header #header-bar { height:40px; background:#000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #logo { display:block; max-width:300px; min-height:105px; overflow:hidden; } #logo h1 { float:left; margin:0; } /* minicart & search autocomplete */ .menu, .search-autocomplete { position:absolute; z-index:10; 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); } .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 15px; color:#FFF; font-size:16px; line-height:24px; } #nav .menu { display:none; } #nav li.level0:hover .menu { display:block; left:-5px; top:40px; } #nav > li > a:hover, #nav > li:hover > a { color:#0CF; } /* brighter on black, #0AD on white */ #nav .children-1 .menu { width:150px; } #nav .children-2 .menu { width:290px; } #nav .children-3 .menu { width:430px; } #nav .children-4 .menu { width:570px; } #nav .children-5 .menu { width:710px; } #nav .children-6 .menu { width:850px; } #nav .children-7 .menu { width:990px; } #nav .children-hide ul.level1, #nav .children-hide ul.level0 .view-all { display:none; } /* hide sub-sub-category links when sub-categories overflow #container */ #nav .children-hide li.level1:last-child a { margin-bottom:0; } /* prevent extra whitespace after list */ #nav ul.level0 { overflow:hidden; display:block; padding:15px 5px; } #nav ul.level0 a { color:#202020; font-size:13px; line-height:18px; } #nav ul.level0 a:hover { color:#0AD; } #nav ul.level0 .view-all { display:block; color:#909090; } #nav ul.level0 .view-all:hover { color:#0AD; } #nav li.level1 { float:left; width:120px; 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:13px; line-height:20px; text-indent:-10px; } #nav ul.level2 { display:none; } /* hide sub-sub-sub-category */ /* */ #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; } #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; top:32px; width:200px; } .search-autocomplete ul { padding:5px 0; } .search-autocomplete li { padding:2px 10px 0; border-bottom:1px solid #F0F0F0; } .search-autocomplete li:last-child { border-bottom:0; } .search-autocomplete li:hover { background:#F0F0F0; color:#0AD; 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; } #account ul.links li { float:left; font-size:13px; line-height:24px; } #account ul.links li a { display:block; padding:8px; color:#202020; } #account ul.links li a:hover { color:#0AD; } #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:43px; font-size:13px; } /* */ #mini-cart { float:left; } #mini-cart ul.links li { position:relative; } #mini-cart ul.links > li a { background:#F8F8F8; } #mini-cart:hover ul.links > li a { background:#F0F0F0; } #mini-cart ul.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; width:24px; height:24px; margin-right:8px; padding-top:1px; background:url(../img/icon/sprite.png) 0 0 no-repeat; color:#202020; font-size:12px; line-height:24px; text-align:center; } #mini-cart:hover .cart-count { background-position:0 -30px; } #mini-cart:active .cart-count { background-position:0 -60px; } #mini-cart:hover ul.links li a { color:#0AD; } #mini-cart .menu { display:none; right:0; top:40px; width:273px; font-size:13px; } #mini-cart:hover .menu { display:block; } #mini-cart-list { list-style:none; margin-bottom:0; padding:10px 10px 0; } #mini-cart-list li { overflow:hidden; padding-bottom:10px; font-size:13px; line-height:20px; } #mini-cart-list li * { line-height:16px; } #mini-cart-list li a.product-image { float:left; } #mini-cart-list li .product-details { position:relative; float:left; width:181px; margin-left:10px; } #mini-cart-list li .product-details a.product-name { display:inline-block; max-width:155px; color:#0AD; } #mini-cart-list li .product-details a.product-name:hover { color:#48B; } #mini-cart-list li .product-details dl dt { display:inline; } #mini-cart-list li .product-details dl dt.mini-cart-price-label { display:none; } #mini-cart-list li .product-details dl dd { display:inline; padding-right:10px; } #mini-cart-list li .product-details .btn-remove { position:absolute; right:0; top:0; } #mini-cart-list li .product-details .has-options { color:#909090; } #mini-cart .menu p { margin-bottom:0; } #mini-cart .menu p.empty { padding:8px 10px; font-size:13px; line-height:20px; } #mini-cart .menu .actions { overflow:hidden; padding:10px; border-top:1px solid #F0F0F0; } /*#mini-cart .menu .actions a.faux-button { }*/ #mini-cart .menu .actions p.last-added { margin-bottom:10px; font-size:13px; line-height:20px; } #mini-cart .menu .summary { padding:10px; border-bottom:1px solid #F0F0F0; } #mini-cart .menu .summary p { font-size:20px; line-height:24px; } #mini-cart .menu .summary p.count { float:right; padding-left:10px; } /*#mini-cart .menu .summary p.subtotal { }*/ #mini-cart .menu .summary p.subtotal .label { display:none; } /*=======================================================*/ /* FOOTER */ /*=======================================================*/ #footer p, #footer ul li { margin-bottom:0; font-size:13px; line-height:20px; } /* */ #footer-bar { height:40px; margin-bottom:30px; background:#000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .newsletter { float:left; margin:8px 10px; } .newsletter form { position:relative; float:left; } .newsletter form label { float:left; margin-right:10px; color:#FFF; font-size:13px; line-height:24px; } .newsletter form input { float:left; width:175px; height:24px; padding:0 5px 0 10px; border:0; background:#FFF; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; } .newsletter form 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 form button:hover { background-position:-300px -30px; } .newsletter form button:active { background-position:-300px -60px; } .newsletter form .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 form .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; } a.top { position:relative; float:right; height:24px; margin-right:10px; padding:8px 32px 8px 8px; color:#FFF; font-size:13px; line-height:24px; } a.top:hover { text-decoration:none; } a.top:after { content:''; position:absolute; right:0; top:8px; width:24px; height:24px; background:url(../img/icon/sprite.png) -30px 0 no-repeat; } a.top:hover:after { background-position:-30px -30px; } a.top:active:after { background-position:-30px -60px; } /* */ #closer { padding-bottom:20px; } #closer h2 { margin-bottom:6px; font-size:13px; font-weight:bold; line-height:24px; text-transform:uppercase; } .footer-links { overflow:hidden; } .footer-links > li { float:left; margin-left:30px; } .footer-links > li:first-child { margin-left:0; } .follow a { float:left; width:28px; height:28px; margin-right:5px; background:url(../img/icon/sprite.png) no-repeat; text-indent:-9999px; } .follow .fb { background-position:-490px 0; } .follow .tw { background-position:-490px -40px; } .follow .gp { background-position:-490px -80px; } .switchers { padding-bottom:20px; text-align:right; } .legal p { margin-bottom:0; text-align:right; } .legal .terms a { margin-left:5px; } /*=======================================================*/ /* FORMS */ /*=======================================================*/ button { height:28px; padding:0 8px; border:2px solid #202020; background:#0CF; font-size:13px; text-transform:capitalize; white-space:nowrap; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } button:hover { border-color:#0CF; background:#E5FAFF; cursor:pointer; } button:active { border-color:#F00; background:#FFF; } button.btn-large { height:48px; font-size:20px; } label { font-size:13px; line-height:20px; } label abbr { color:#F00; font-weight:normal; font-style:normal; } select { max-width:300px; font-size:13px; } textarea { max-width:100%; width:486px; padding:5px; } input.qty { width:35px; } input[type=text], input[type=password], textarea { border:3px solid #F0F0F0; background:#FFF; font-size:13px; } input[type=text], input[type=password] { height:24px; padding:0 5px; line-height:1; } input[type=text]:focus, input[type=password]:focus, textarea:focus { border-color:#0CF; } ::-webkit-input-placeholder { color:#707070; } input:-moz-placeholder { color:#707070; } form .struts li input[type=checkbox] + label, form .struts li input[type=radio] + label { width:auto; max-width:275px; padding-top:0; margin-left:10px; line-height:18px; } .validation-advice { margin-top:5px; color:#F00; font-size:13px; line-height:20px; } /* Simple Form */ .simple button { margin-top:5px; } .simple .struts li { display:block; margin-bottom:15px; } .simple .struts li:after { clear:both; content:' '; display:block; visibility:hidden; width:0; height:0; font-size:0; line-height:0; } .simple .struts li input[type=radio] { margin-top:2px; } .simple .struts li label { display:block; } .simple .struts .fields { overflow:hidden; margin-bottom:15px; } .simple .struts .fields .field { float:left; } .simple .struts .fields .field + .field { margin-left:10px; } .simple .struts li input[type=checkbox], .simple .struts li input[type=radio] { float:left; clear:left; } .simple .struts li input[type=checkbox] + label, .simple .struts li input[type=radio] + label { float:left; } .simple .struts li input[type=password], .simple .struts li input[type=text] { width:230px; } /* Scaffold Form */ .scaffold button { margin-left:130px; } .scaffold .struts { margin-bottom:20px; } .scaffold .struts li { display:block; padding:10px 0; border-top:1px solid #F0F0F0; } .scaffold .struts li:after { clear:both; content:' '; display:block; visibility:hidden; width:0; height:0; font-size:0; line-height:0; } .scaffold .struts li label { float:left; width:120px; padding:5px 10px 0 0; } .scaffold .struts li select { float:left; margin-top:4px; } .scaffold .struts li textarea { float:left; } .scaffold .struts li .validation-advice { float:left; clear:left; margin-left:130px; } .scaffold .struts li input[type=checkbox], .scaffold .struts li input[type=radio] { float:left; margin-left:130px; } .scaffold .struts li input[type=password], .scaffold .struts li input[type=text] { float:left; width:230px; } .scaffold h2, .scaffold h3 { margin-bottom:10px; font-size:20px; font-weight:normal; line-height:24px; text-transform:capitalize; } /* */ ul.formless-struts li { overflow:hidden; display:block; margin-bottom:15px; } ul.formless-struts li input[type=radio] { float:left; clear:left; margin-top:2px; } ul.formless-struts li input[type=radio] + label { float:left; max-width:185px; padding-top:0; margin-left:10px; } ul.formless-struts li label { display:block; margin-bottom:5px; font-size:13px; line-height:20px; } ul.formless-struts li input[type=password], ul.formless-struts li input[type=text] { width:200px; } /*=======================================================*/ /* TABLES */ /*=======================================================*/ table.flex { width:100%; } table.flex thead tr { border-top:2px solid #202020; background:#F8F8F8; } table.flex thead tr th { padding:8px 10px; font-size:13px; font-weight:bold; line-height:24px; text-transform:uppercase; white-space:nowrap; } table.flex thead tr th.remove { text-indent:-9999px; } table.flex tbody tr { border-bottom:1px solid #F0F0F0; } table.flex tbody tr:last-child { border-bottom:0; } table.flex tbody tr td { padding:15px 10px; vertical-align:top; } table.flex tbody tr td:first-child { padding-left:0; } table.flex tbody tr td:last-child { padding-right:0; } table.flex tfoot tr { background:#F8F8F8; } table.flex tfoot tr:first-child { border-top:1px solid #D8D8D8; } table.flex tfoot tr td { padding:8px 10px; } table.flex a.product-image img { width:50px; height:50px; } table.flex .btn-remove { margin-top:2px; } table.flex.compact tbody tr td { padding:10px; } /* */ table.minimal { width:100%; } table.minimal thead tr { border-bottom:1px solid #F0F0F0; } table.minimal thead tr th { padding:10px; font-size:15px; font-weight:bold; white-space:nowrap; } table.minimal tbody tr { border-bottom:1px solid #F0F0F0; } table.minimal tbody tr td { padding:10px; vertical-align:top; } table.minimal tfoot tr th { padding:10px; } table.minimal tfoot tr td { padding:10px; } /* */ table.simple th { font-weight:bold; } table.simple td { vertical-align:top; } /*=======================================================*/ /* RECYCLED CLASSES */ /*=======================================================*/ a.btn-remove { display:block; width:15px; height:15px; background:url(../img/icon/sprite.png) no-repeat -430px 0; text-indent:-9999px; } a.btn-remove:hover { background-position:-430px -30px; } a.btn-remove:active { background-position:-430px -60px; } a.cvv-what-is-this { margin-left:10px; font-size:13px; line-height:24px; } a.faux-button { display:inline-block; height:24px; padding:0 8px; border:2px solid #202020; background:#0CF; color:#202020; font-size:13px; font-weight:normal; font-style:normal; line-height:24px; text-decoration:none; text-transform:capitalize; white-space:nowrap; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } a.faux-button:hover { border-color:#0CF; background:#E5FAFF; color:#202020; text-decoration:none; cursor:pointer; } a.faux-button:active { border-color:#F00; background:#FFF; } a.product-image img { border:5px solid #F8F8F8; } a.product-image:hover img { border-color:#0CF; } dl.billing-methods dt { overflow:hidden; margin-bottom:5px; } dl.billing-methods dt input { float:left; margin-top:3px; } dl.billing-methods dt label { float:left; margin-left:10px; font-size:13px; font-weight:bold; font-style:normal; line-height:20px; } dl.billing-methods dd { margin:10px 0 15px 35px; } dl.item-options { overflow:hidden; margin-left:10px; font-size:13px; line-height:20px; } dl.item-options dt { float:left; clear:left; padding-right:5px; } dl.item-options dd { float:left; max-width:75%; margin-bottom:0; } dl.item-options dd .price { padding-left:5px; } dl.item-options dd .price:before { content:'('; } dl.item-options dd .price:after { content:')'; } dl.order-payment-specifics dd { padding-bottom:10px; } /* shipping methods */ dl.sp-methods { font-size:13px; line-height:20px; } dl.sp-methods dt { margin-bottom:5px; font-weight:bold; } dl.sp-methods dd { margin-bottom:15px; } dl.sp-methods dd ul { margin-left:10px; } dl.sp-methods dd ul li { overflow:hidden; margin-bottom:5px; } dl.sp-methods dd ul li input[type=radio] { float:left; margin-top:2px; } dl.sp-methods dd ul li input[type=radio] + label { float:left; max-width:75%; margin-left:10px; } dl.sp-methods dd ul li input[type=radio] + label .price { padding-left:5px; color:#909090; } ol.normal { list-style:outside decimal; } ol.reviews li { padding:15px 10px; border-bottom:1px solid #F0F0F0; } ol.reviews li h3 { margin-bottom:2px; font-size:15px; font-weight:bold; text-transform:none; } ol.reviews li .rating-box { float:left; margin:1px 10px 0 0; } ol.reviews li .written { margin-bottom:10px; color:#909090; font-size:13px; line-height:20px; } ul.breadcrumbs { overflow:hidden; } ul.breadcrumbs li { float:left; padding:8px 0 8px 10px; font-size:13px; line-height:24px; } ul.breadcrumbs li span { padding-left:10px; } ul.bullet { list-style:outside disc; margin-bottom:22px; } ul.bullet li { margin-left:2em; } ul.messages { margin-bottom:30px; background:#F8F8F8; } ul.messages ul li { padding:10px; } ul.messages li.error-msg { border-left:5px solid #F00; } ul.messages li.notice-msg { border-left:5px solid #FAFF61; } ul.messages li.success-msg { border-left:5px solid #5DC46E; } ul.tags-list { overflow:hidden; } ul.tags-list li { float:left; margin:0 10px 5px 0; } ul.tags-list a { display:block; } /* */ .address-entry { margin-bottom:10px; } .callout { margin-bottom:30px; } .callout h2 { margin-bottom:0; padding:8px 10px; border-top:2px solid #202020; background:#F8F8F8; } .callout h2 span.note { display:block; font-size:13px; line-height:20px; } .callout ul.tags-list { margin:15px 10px 10px; } .callout ul.tags-list a { color:#202020; font-size:13px; line-height:20px; } .callout ul.tags-list a:hover { color:#0AD; } .callout .callout-content { margin:15px 10px 0; } .callout .liner { padding-left:10px; } .catalog-no-results, .search-no-results { margin-bottom:30px; } .checkout-agreements { margin-top:20px; } .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 #D8D8D8; background:#F8F8F8; } .checkout-agreements .agree label { padding-left:5px; } .configured-price { margin-bottom:0; color:#909090; } /* shows on wishlist for config/bundle products */ .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-messages label { padding-left:10px; font-size:13px; line-height:20px; } .gift-messages-form { margin-top:15px; } .legal-content { padding-bottom:20px; } .legal-content h2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #C0C0C0; } .magento-notice { padding:10px; background:#F00; color:#FFF; font-size:15px; } .magento-notice p { margin-bottom:0; } .magento-notice strong { padding-right:10px; } .pager ol.pages { list-style:none; float:left; padding:8px 10px; } .pager ol.pages li { float:left; font-size:13px; } .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 p.amount { float:right; margin-bottom:0; padding:8px 10px; font-size:13px; line-height:24px; } .pager-bar-full { height:40px; margin-bottom:30px; border-top:2px solid #202020; background:#F8F8F8; } .pager-bar-full .limiter { float:right; padding:8px 10px; } .payment-icons { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #F0F0F0; } .payment-icons ul { overflow:hidden; } .payment-icons ul li { float:left; width:52px; height:37px; margin-right:10px; background:url(../img/icon/sprite.png); text-indent:-9999px; } .payment-icons ul li.visa { background-position:-530px 0; } .payment-icons ul li.mastercard { background-position:-530px -40px; } .payment-icons ul li.discover { background-position:-530px -80px; } .payment-icons ul li.amex { background-position:-530px -120px; } #payment-tooltip { position:relative; margin-bottom:15px; padding:15px 70px 15px 0; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; } #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:13px; line-height:20px; } #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; } .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:13px; line-height:20px; } /*.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 { max-width:210px; padding:0 30px 30px 0; vertical-align:top; } .product-grid td:last-child { padding-right:0; } .product-grid td a.product-image { display:block; margin-bottom:10px; } .product-grid td a.product-image img { width:200px; height:200px; } /*.product-grid td a.product-name { }*/ .product-grid td .price-box { float:right; margin-left:10px; text-align:right; } .product-grid td .price-box .minimal-price .price-label, .product-grid td .price-box .price-from .price-label { display:block; font-size:13px; line-height:16px; } .product-grid td .price-box .regular-price + .minimal-price, .product-grid td .price-box .special-price + .minimal-price, .product-grid td .price-box .old-price, .product-grid td .price-box .price-to { display:none; } /**/ .product-list { list-style:none; } .product-list li { overflow:hidden; margin-bottom:30px; } .product-list li a.product-image { float:left; } .product-list li a.product-image img { width:200px; height:200px; } .product-list li .product-details { float:left; width:465px; margin-left:15px; } .product-list li .product-details a.product-name { font-size:20px; line-height:24px; } .product-list li .product-details p.description { margin:11px 0; } .product-list li .price-box .minimal-price .price-label, .product-list li .price-box .price-from .price-label { display:block; font-size:13px; line-height:16px; } .product-list li .price-box .regular-price + .minimal-price, .product-list li .price-box .special-price + .minimal-price, .product-list li .price-box .old-price, .product-list li .price-box .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:13px; line:18px; } .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; } .ratings { overflow:hidden; } .ratings .rating-box { float:left; margin:1px 10px 0 0; } .ratings .add-your-review { margin-left:15px; } .ratings .rating-links, .no-rating { font-size:13px; line-height:20px; } #remember-me-tooltip { position:relative; float:left; display:inline-block; margin-left:10px; font-size:13px; line-height:18px; } #remember-me-tooltip-content { position:absolute; right:-240px; top:-8px; } #remember-me-tooltip-content p { margin-bottom:0; } .toolbar { height:40px; border-top:2px solid #202020; 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; } /**/ .window-overlay { position:fixed; z-index:990; top:0; left:0; height:100%; width:100%; background:#FFF; opacity:0.75; } .remember-me-link { display:inline-block; float:left; margin-left:10px; font-size:13px; line-height:18px; } .remember-me-popup { position:fixed; z-index:991; left:50%; top:20%; width:390px; margin:0 0 0 -200px; 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); } .remember-me-popup .liner { background:#FFF; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /* */ a.faux-button + a.faux-button, a.faux-button + button, button + button, button + a.faux-button { margin-left:5px; } a.faux-button + a.alt-action, button + a.alt-action { margin-left:10px; font-size:13px; line-height:28px; } /*=======================================================*/ /* ACCOUNT - ADDRESS BOOK */ /*=======================================================*/ .address-book-new { margin-bottom:30px; } #address-book ol li { margin-bottom:30px; } #address-book .address-default { margin-bottom:30px; } #address-book .address-additional a, #address-book .address-default a { margin-right:5px; font-size:13px; line-height:20px; } /*=======================================================*/ /* ACCOUNT - ADDRESS EDIT */ /*=======================================================*/ #edit-address-form { margin-bottom:30px; } #edit-address-form p.default-address { margin:0 0 0 130px; } /*=======================================================*/ /* ACCOUNT - DASHBOARD */ /*=======================================================*/ ul.dashboard-links { margin:30px 0; border-top:2px solid #202020; background:#F8F8F8; } ul.dashboard-links li.current { background:#0CF; } ul.dashboard-links li a { display:block; padding:5px 10px; color:#202020; font-size:13px; text-decoration:none; } ul.dashboard-links li a:hover { color:#0AD; background:#F0F0F0; } .dashboard { margin-bottom:20px; font-size:13px; line-height:20px; } .dashboard div.grid { padding:20px 0; border-top:1px solid #F0F0F0; } .dashboard h2 { margin-bottom:24px; } .dashboard h3 { margin-bottom:0; } .dashboard h4 { margin-bottom:0; font-size:13px; font-weight:bold; font-style:normal; line-height:20px; } .dashboard p { margin-bottom:0; line-height:20px; } #dashboard-top-bar .limiter { float:right; margin:8px 10px; } #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 dl dt { float:left; clear:left; width:90px; font-weight:bold; } #dashboard-account-info dl dd { float:left; } #dashboard-newsletter p { margin-bottom:0; } #dashboard-order-history table, #dashboard-order-history table thead tr th { font-size:13px; line-height:20px; } #dashboard-order-history table tbody tr, #dashboard-order-history table thead tr { border-bottom:0; } #dashboard-order-history table tbody tr td, #dashboard-order-history table thead tr th { padding-top:0; padding-bottom:0; } #dashboard-order-history table tbody tr td:first-child, #dashboard-order-history table thead tr th:first-child { padding-left:0; } #dashboard-order-history table tbody tr td:last-child, #dashboard-order-history table thead tr th:last-child { padding-right:0; } #my-recent-reviews li { overflow:hidden; } #my-recent-reviews a { float:left; } #my-recent-reviews .ratings { float:left; margin:1px 10px 0 0; } #my-recent-tags ul { margin-left:10px; } #my-recent-tags ul a { color:#202020; } #my-recent-tags ul a:hover { color:#0AD; } /*=======================================================*/ /* ACCOUNT - EDIT INFO */ /*=======================================================*/ #edit-account-info-form { margin-bottom:30px; } /*=======================================================*/ /* ACCOUNT - ORDER HISTORY */ /*=======================================================*/ #order-history-table tbody td { font-size:13px; 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:46px; } #order-view-details { margin-top:15px; } #order-view-details p { font-size:13px; line-height:20px; } #order-view-details p.address-entry { margin-bottom:22px; } #order-view-details .order-payment-specifics { font-size:13px; line-height:20px; } #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 tr th, #order-view-table tfoot tr td { padding:0 10px; text-align:right; } .gift-message-history { margin-bottom:30px; } .order-about { margin-bottom:20px; font-size:13px; 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 a.faux-button { margin-bottom:30px } /*=======================================================*/ /* ACCOUNT - REVIEWS */ /*=======================================================*/ #my-reviews-table a.product-name { line-height:28px; } #my-reviews-table .date { line-height:28px } #my-reviews-table .rating-box { margin-top:4px; } /*=======================================================*/ /* ACCOUNT - TAGS */ /*=======================================================*/ #my-tags-table a.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 h2 { margin-bottom:6px; } #wishlist-table tbody div.date-added { color:#909090; font-size:13px; line-height:20px; } #wishlist-table tbody textarea { width:225px; } #wishlist-table tbody .btn-remove { margin-top:22px; } #wishlist-table tbody .truncated { display:none; } #wishlist-table tbody .wishlist-qty { margin-bottom:10px; } /*=======================================================*/ /* 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:left; } #cart-table a.product-image { float:left; } #cart-table a.btn-remove { margin-top:22px; } #cart-table .cart-price-wrapper { padding-top:3px; } #cart-table .product-details { float:left; width:320px; margin:5px 0 0 10px; } #cart-table .product-details p.item-msg { max-width:325px; margin-bottom:0; font-size:13px; line-height:20px; } #cart-table .product-details .error { color:#F00; } #cart-table .product-details .product-name { padding-top:3px; } /* */ #shopping-cart-totals-table { width:100%; margin-bottom:30px; } #shopping-cart-totals-table tbody tr { border-bottom:1px solid #F0F0F0; font-size:13px; line-height:20px; } #shopping-cart-totals-table tbody tr:last-child { border-bottom:0; } #shopping-cart-totals-table tfoot tr { border-top:1px solid #D8D8D8; background:#F8F8F8; } #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:13px; line-height:20px; } #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 button { width:100%; margin-bottom:30px; } #cart-checkout-methods p { margin-bottom:10px; font-size:13px; line-height:20px; } /* */ #coupon-form { margin:5px 10px 30px; } #coupon-form button { margin-left:50px; } #coupon-form li { border-top:0; } #coupon-form li input { width:130px; } #coupon-form li label { width:40px; } #coupon-form li .validation-advice { margin-left:50px; } #coupon-form ul.struts { margin-bottom:10px; } #cart-shipping #co-shipping-method-form { margin-top:15px; } #shipping-zip-form { margin:15px 0 0 10px; } #shipping-zip-form #postcode { width:70px; } /* */ #cross-sell { overflow:hidden; margin-top:30px; } #cross-sell li { float:left; max-width:210px; padding:0 0 30px 30px; } #cross-sell li:first-child { padding-left:0; } #cross-sell li a.product-image { display:block; margin-bottom:10px; } #cross-sell li a.product-image img { width:200px; height:200px; } #cross-sell li a.product-name { float:left; width:150px; } #cross-sell li .price-box { float:right; width:50px; text-align:right; } #cross-sell li a.faux-button { margin-top:10px; } #cross-sell .price-box .minimal-price, #cross-sell .price-box .old-price { display:none; } /*=======================================================*/ /* CATALOG */ /*=======================================================*/ /*#category-landing { }*/ .category-description { margin-bottom:30px; font-size:20px; line-height:24px; } .category-image { overflow:hidden; max-width:100%; margin:30px 0; } .category-image img { float:left; } /*#catalog-layered-list { }*/ /*#catalog-layered-sidebar { }*/ /*#catalog-no-layered-list { }*/ /*#catalog-no-layered-sidebar { }*/ /* */ /*#filter .filters { }*/ #filter .active { margin:15px 10px 0; } #filter .active a { color:#202020; font-size:13px; line-height:20px; text-decoration:none; } #filter .active a:hover { color:#0AD; } #filter .active h3 { margin-bottom:5px; font-size:13px; font-weight:bold; line-height:22px; text-transform:uppercase; } #filter .active ol { margin-left:10px; padding-bottom:5px; } #filter .active ol li a { position:relative; display:inline-block; padding-left:20px; } #filter .active ol li 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 .active ol li a:hover:after { background-position:-450px -30px; } #filter .active ol li a:active:after { background-position:-450px -60px; } #filter .active a.show-all { margin-left:10px; } #filter dl.inactive { margin:15px 10px 0; } #filter dl.inactive dt { font-size:13px; font-weight:bold; text-transform:uppercase; } #filter dl.inactive dd { margin-bottom:15px; } #filter dl.inactive dd ol { list-style:none; margin:0 0 15px 10px; } #filter dl.inactive dd ol li a { color:#202020; display:block; text-decoration:none; } #filter dl.inactive dd ol li a:hover { color:#0AD; text-decoration:none; } #filter dl.inactive dd ol li a .count { float:right; padding-left:10px; color:#909090; } #filter dl.inactive dd ol li a:hover .count { color:#202020; } /* */ #options-bar .pager, .pager-bar .limiter, .pager-bar .view-mode, .pager-bar .sort-by { display:none; } .catalog-bar { position:relative; margin-bottom:30px; border-top:2px solid #202020; background:#F8F8F8; } .no-js #options-button { display:none; } /* remove when no interaction */ .js #options-button { position:absolute; top:0; right:0; display:inline-block; height:24px; padding:8px; color:#202020; font-size:13px; line-height:24px; text-decoration:none; } .js #options-button:hover { color:#0AD; background-color:#F0F0F0; text-decoration:none; cursor:pointer; } #options-button .icon { display:inline-block; width:24px; height:24px; margin-left:5px; background:url(../img/icon/sprite.png) -60px 0 no-repeat; text-indent:-9999px; } #options-button:hover .icon { background-position:-60px -30px; } #options-button:active .icon { background-position:-60px -60px; } #options-button.open .icon { background-position:-90px 0; } #options-button.open:hover .icon { background-position:-90px -30px; } #options-button.open:active .icon { background-position:-90px -60px; } .js #options-bar { display:none; } /* hide initially for interaction */ #options-bar { height:40px; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; background:#FFF; line-height:24px; } #options-bar h2 { float:left; margin:10px 10px 0; font-size:13px; font-weight:bold; line-height:24px; text-transform:uppercase; } #options-bar a.reverse { display:inline-block; width:24px; height:24px; margin-left:5px; background:url(../img/icon/sprite.png) -120px 0 no-repeat; text-indent:-9999px; } #options-bar a.reverse:hover { background-position:-120px -30px; } #options-bar a.reverse:active { background-position:-120px -60px; } #options-bar label { font-size:13px; } #options-bar .limiter, #options-bar .view-mode, #options-bar .sort-by { float:right; margin:8px 8px 8px 16px; } .pager-bar { height:40px; margin-bottom:30px; border-top:2px solid #202020; background:#F8F8F8; } /*=======================================================*/ /* CATALOG - PRODUCT */ /*=======================================================*/ #product-header { margin-top:30px; } .catalog-product-view ul.messages { margin-top:30px; } /* media */ #product-media { display:block; padding-bottom:40px; } #product-media a.primary { display:block; } #product-media a.primary img { width:360px; height:360px; } #product-media ul.more-views { overflow:hidden; } #product-media ul.more-views li { float:left; margin:15px 15px 0 0; } #product-media ul.more-views li:nth-child(5n) { margin-right:0; } #product-media ul.more-views li a.small { display:block; } #product-media ul.more-views li a.small img { width:52px; } /* */ #product-info h1 { margin:0 0 15px; font-size:42px; line-height:48px; } /* */ #product_addtocart_form { margin-bottom:30px; padding-top:15px; border-top:1px solid #F0F0F0; } /* options */ #product_addtocart_form .options { margin-bottom:15px; border-bottom:1px solid #F0F0F0; } #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:85px; padding:5px 5px 0 0; } /* configurable options */ .configurable-options { overflow:hidden; margin-bottom:5px; } .configurable-options dt { float:left; clear:left; width:85px; padding-right:5px; } /*.configurable-options dt label { }*/ .configurable-options dd { float:left; margin-bottom:10px; } .configurable-options dd select { max-width:260px; } /* bundle options */ .bundle-options dt, .bundle-options dd { float:none; display:block; } /*.bundle-options { }*/ .bundle-options dt { padding-top:15px; border-top:1px solid #F0F0F0; } /*.bundle-options dt > label { }*/ .bundle-options dd { position:relative; padding-bottom:15px; } .bundle-options select { max-width:270px; } .bundle-options select.multiselect { width:370px; max-width:370px; padding:1px; font-size:13px; } .bundle-options .options-list li { overflow:hidden; } .bundle-options .options-list li input { float:left; margin-top:3px; } .bundle-options .options-list li .label { float:left; max-width:260px; margin-left:10px; } .bundle-options .options-list li input[type=checkbox] + .label { max-width:340px; } .bundle-options .qty-holder { position:absolute; right:0; top:-26px; } .bundle-options .qty-holder abbr { color:inherit; } .price-box-bundle { margin-bottom:5px; } .price-box-bundle p { font-size:13px; line-height:20px; } .price-as-configured .price-label { display:none; } .price-as-configured .price { color:#202020; font-size:20px; line-height:24px; } /* decision */ #product_addtocart_form .decision { overflow:hidden; margin-bottom:30px; } #product_addtocart_form .decision button { margin-top:15px; } #product_addtocart_form .decision .in-stock { display:none; } #product_addtocart_form .decision .out-of-stock { color:#F00; font-size:13px; line-height:18px; } #product_addtocart_form .decision .price-box .regular-price, #product_addtocart_form .decision .price-box .special-price { color:#202020; font-size:20px; line-height:24px; } /* grouped product table */ #grouped-product-table { font-size:13px; line-height:20px; } #grouped-product-table thead th { font-weight:bold; } #grouped-product-table tbody input { width:35px; } #grouped-product-table tbody td { padding-top:5px; } #grouped-product-table thead th, #grouped-product-table tbody td { padding-left:20px; } #grouped-product-table thead th:first-child, #grouped-product-table tbody td:first-child { padding-left:0; } #grouped-product-table .old-price, #grouped-product-table .tier-pricing-info { display:none; } /* asides */ .tier-pricing-info { margin-bottom:15px; } .tier-prices li { font-size:13px; line-height:20px; } .tier-prices li strong { padding-right:5px; } .product-actions { margin-bottom:15px; padding:10px 5px 10px 10px; background:#F8F8F8; } .product-actions li { font-size:13px; line-height:20px; } .product-actions li a { position:relative; display:block; padding-left:18px; } .product-actions li a:after { content:''; position:absolute; left:0; top:3px; width:15px; height:15px; background:url(../img/icon/sprite.png) -470px 0 no-repeat; } .product-actions li a:hover:after { background-position:-470px -30px; } .product-actions li a:active:after { background-position:-470px -60px; } .social-share { margin-bottom:30px; } /* */ .long-description { margin:15px 10px 0; } .long-description ul { list-style:disc outside; margin-left:2em; } #attributes-table { margin:15px 10px 0; } #attributes-table th { padding-right:20px; font-size:13px; font-weight:bold; text-transform:uppercase; } #tags #add-tag-form { margin-top:15px; padding-left:10px; } #tags p.hint { margin:10px 0 0 10px; color:#909090; font-size:13px; line-height:20px; } #tags ul.product-tags { margin-top:15px; padding-right:10px } #tags ul.product-tags li a { display:block; text-decoration:none; } #tags ul.product-tags li a .count { float:right; display:block; padding-left:10px; color:#909090; } #tags ul.product-tags li a:hover .count { color:#202020; } /* */ #upsell { margin-bottom:0; } #upsell h2 { margin-bottom:30px; } #related ol { margin:5px 0 10px; } #related ol li { overflow:hidden; padding:10px 0; border-bottom:1px solid #F0F0F0; } #related ol li input { float:left; margin-top:22px; } #related ol li .product { float:right; overflow:hidden; width:343px; } #related ol li .product a.product-image { float:left; } #related ol li .product .product-details { float:left; width:273px; margin-left:10px; } #related p.instruct { margin-bottom:10px; color:#909090; font-size:13px; line-height:20px; } #related .price-box .price-to, #related .price-box .regular-price + .minimal-price, #related .price-box .special-price + .minimal-price, #related .price-box .old-price { display:none; } /* */ .catalog-product-view ul.breadcrumbs { display:none; } /*=======================================================*/ /* CATALOG SEARCH */ /*=======================================================*/ /*.catalogsearch-result-index h1.searched { }*/ #popular-searches p { padding:12px 10px 0; font-size:13px; line-height:20px; } /*=======================================================*/ /* CHECKOUT - MULTISHIP */ /*=======================================================*/ .multiship-progress { overflow:hidden; width:930px; margin-top:30px; border-top:2px solid #202020; background:#F8F8F8; } .multiship-progress li { float:left; width:185px; padding:5px 0; border-left:1px solid #D8D8D8; font-size:13px; text-align:center; } .multiship-progress li:first-child { border-left:0; } .multiship-progress li.active { background-color:#F0F0F0; } .multiship-actions { overflow:hidden; margin-bottom:30px; padding-top:30px; border-top:1px solid #F0F0F0; } .multiship-actions a { float:left; } .multiship-actions button { float:right; height:48px; width:150px; font-size:20px; } .multiship-actions .multiship-ajax-loading { float:right; clear:both; display:inline-block; margin-top:15px; margin-left:10px; padding:3px 0 3px 26px; background:url(../img/icon/ajax-loader.gif) 0 3px no-repeat; font-size:13px; line-height:20px; } /* 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:13px; line-height:20px; } .multiship-address-group table th { padding-right:20px; } .multiship-address-group .address-entry { font-size:13px; line-height:20px; } .multiship-address-group .gift-messages-form .inner-box { padding-top:15px; border-top:1px solid #F0F0F0; } /* billing.phtml */ #multishipping-billing-form #payment-tooltip { margin-bottom:0; padding-bottom:0; padding-left:10px; border-bottom:0; } #multishipping-billing-form dl.billing-methods { margin:0 10px; } #multishipping-billing-form input.cvv { width:35px; } #multishipping-billing-form .billing-address { padding:15px 10px 0; font-size:13px; line-height:20px; } #multishipping-billing-form .payment-icons { padding:15px 10px; } /* billing/select.phtml */ ul.multiship-change-billing-address li { padding:15px 0; border-top:1px solid #F0F0F0; } ul.multiship-change-billing-address p.is-default { margin-bottom:0; color:#909090; font-size:13px; line-height:20px; } /* overview.phtml */ #multiship-review-form .grand-total { float:right; margin-right:20px; font-size:20px; line-height:52px; } #multiship-review-form .grand-total .price { padding-left:10px; } #multiship-review-form h3 a, #multiship-review-form h4 a { padding-left:10px; font-size:13px; font-weight:normal; text-transform:capitalize; } #multiship-review-form table, #multiship-review-form .address-entry, #multiship-review-form .payment-method, #multiship-review-form .shipping-method { margin-bottom:0; font-size:13px; line-height:20px; } #multiship-review-billing-info h3 { margin:15px 0 10px; } /*#multiship-review-shipping-list { }*/ #multiship-review-shipping-list li { margin-top:15px; padding-top:15px; border-top:1px solid #F0F0F0; } #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:13px; font-weight:bold; font-style:normal; line-height:20px; text-transform:uppercase; } .multiship-review-table tbody td { padding:5px 0; } .multiship-review-table tfoot strong { font-weight:normal; } .multiship-review-table tfoot tr:last-child strong { font-weight:bold; } .multiship-review-table tfoot tr:last-child td { padding-top:5px; } .multiship-review-table tfoot tr:first-child td { padding-top:5px; } .multiship-review-table thead tr th { padding-left:20px; } .multiship-review-table thead tr:last-child th { padding-bottom:5px; } .multiship-review-table thead tr th:first-child { padding-left:0; } .multiship-review-table tbody tr:first-child, .multiship-review-table tfoot tr:first-child { border-top:1px solid #F0F0F0; } .multiship-review-table tfoot td, .multiship-review-table tfoot th { text-align:right; } /* success.phtml */ .checkout-multishipping-success a.faux-button { margin-bottom:30px; } /*=======================================================*/ /* CHECKOUT - ONEPAGE */ /*=======================================================*/ #opc-steps { list-style:none; margin-bottom:30px; } #opc-steps li .step-title h2 { margin-bottom:0; padding:10px; border-top:1px solid #D8D8D8; background:#F8F8F8; text-transform:capitalize; } /*#opc-steps li .step-title h2 .number { }*/ #opc-steps li .step-content { padding:20px 10px; } #opc-steps li:first-child .step-title h2 { border-top:2px solid #202020; } #opc-steps li:last-child .step-content { padding-bottom:0; border-bottom:0; } #opc-steps select { max-width:600px; } .opc-ajax-loading { display:inline-block; margin-left:10px; padding:3px 0 3px 26px; background:url(../img/icon/ajax-loader.gif) 0 3px no-repeat; font-size:13px; line-height:20px; } .opc-progress-list { padding:15px 10px 0; font-size:13px; line-height:20px; } .opc-progress-list > dt { margin-bottom:5px; font-weight:bold; text-transform:uppercase; } .opc-progress-list > dt:last-child { margin-bottom:15px; } .opc-progress-list > dd { margin:0 0 15px 10px; } .opc-progress-list dd p { margin-bottom:5px; line-height:18px; } .opc-progress-list dd h4 { margin-bottom:10px; } .opc-progress-list dd .payment-method-details dd { padding-bottom:10px; } .opc-progress-list .price { color:#909090; } .opc-progress-list table { font-size:13px; line-height:18px; } .opc-progress-list table th { padding-right:5px; } .opc-progress-list dt.complete a, .opc-progress-list dt.incomplete span { float:right; margin-left:10px; font-weight:normal; text-transform:capitalize; } /* */ #opc-shipping_method .gift-messages-add { margin-bottom:15px; } #opc-shipping_method .gift-messages { margin:0; } #opc-shipping_method .gift-messages-form .inner-box { padding-top:15px; border-top:1px solid #F0F0F0; } #co-payment-form input.cvv { width:35px; } #checkout-review-table { margin-bottom:15px; } #checkout-review-table tfoot td, #checkout-review-table tfoot th { font-weight:normal; } #checkout-review-table tfoot tr:first-child th, #checkout-review-table tfoot tr:first-child td, #checkout-review-table tfoot tr:last-child th, #checkout-review-table tfoot tr:last-child td { padding-top:15px; } #checkout-review-table tfoot tr th, #checkout-review-table tfoot tr td { padding:0 10px; text-align:right; } #review-buttons-container { overflow:hidden; } #review-buttons-container button { float:right; width:150px; } #review-buttons-container .opc-ajax-loading { float:right; clear:both; margin-top:15px; } /* PayPal Express review */ .paypal-express-review .shipping-address, .paypal-express-review .shipping-method, .paypal-express-review .billing-address, .paypal-express-review .billing-method, .paypal-express-review .cart-items { margin:15px 10px 0; } .paypal-express-review #order_review_form { margin-bottom:30px; } /*=======================================================*/ /* CONTACT */ /*=======================================================*/ #contact-form { margin-bottom:30px; } #contact-form textarea { width:384px; } /*=======================================================*/ /* CUSTOMER - FORGOT PASSWORD */ /*=======================================================*/ #forgot-password-form { margin-bottom:30px; } /*=======================================================*/ /* CUSTOMER - RESET PASSWORD */ /*=======================================================*/ #reset-password-form { margin-bottom:30px; } /*=======================================================*/ /* POPUP */ /*=======================================================*/ body.page-popup { background:#FFF; } body.page-popup .popup-container { margin:0 40px 20px; } /*=======================================================*/ /* POPUP - SHIPPING TRACKING */ /*=======================================================*/ table.shipping-tracking-table { margin-bottom:30px; border:1px solid #F0F0F0; font-size:13px; } table.shipping-tracking-table td { padding:10px; } table.shipping-tracking-table th { padding:10px; font-weight:bold; } /*=======================================================*/ /* PRINT */ /*=======================================================*/ body.page-print { width:6.5in; margin:20px; background:#FFF; } body.page-print #print-header-table { width:100%; padding-bottom:40px; border-bottom:1px solid #F0F0F0; } body.page-print #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; } #customer-reviews .no-reviews { margin-top:15px; padding:0 10px; } #review-form p.reviewing { overflow:hidden; margin:15px 0; font-size:13px; line-height:20px; } #review-form p.reviewing .label { float:left; width:130px; padding-left:10px; } #review-form p.reviewing strong { float:left; width:300px; padding-right:10px; } #review-form ul.struts li { padding-right:10px; padding-left:10px; } #review-form textarea { width:284px; } #review-form button { margin-left:140px; } /*=======================================================*/ /* SEND TO FRIEND */ /*=======================================================*/ #product_sendtofriend_form .additional-row .remove-recipient { float:left; margin:28px 0 0 10px; } #product_sendtofriend_form .buttons-set { margin-bottom:30px; } /*=======================================================*/ /* TAGS */ /*=======================================================*/ #popular-tags a.all-tags { margin:0 10px; font-size:13px; line-height:20px; } .tag-list-index ul.tags-list { margin-bottom:30px; } /*=======================================================*/ /* CMS PAGES */ /*=======================================================*/ /* About */ #about-content { margin-bottom:30px; } /* Enable Cookies */ #enable-cookies p:last-child { margin-bottom:30px; } /* Page Not Found */ #page-not-found { padding-bottom:30px; } /*=======================================================*/ /* 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 li a.product-image { display:block; margin-bottom:10px; } .slide-product-list li a.product-image img { width:200px; height:200px; } .slide-product-list li .price-box { display:none; } /*=======================================================*/ /* COLORBOX */ /*=======================================================*/ /* ColorBox Core Styles: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay { position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; } #cboxLoadedContent { overflow:auto; } #cboxTitle { margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } .cboxPhoto { float:left; margin:auto; border:0; display:block; } .cboxIframe { width:100%; height:100%; display:block; border:0; } /* ColorBox User Styles: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background:#FFF; } /*#colorbox { }*/ #cboxContent { overflow:visible; margin:30px 20px 20px; border:5px solid #0CF; background:#FFF; -moz-box-shadow:rgba(0,0,0,0.3) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 10px; box-shadow:rgba(0,0,0,0.3) 0 0 10px; } #cboxError { padding:50px; border:1px solid #CCC; } #cboxLoadedContent { background:#FFF; } #cboxLoadingGraphic { background:url(../img/jquery.colorbox/loading.gif) no-repeat center center; } /*#cboxLoadingOverlay { }*/ #cboxTitle { position:absolute; left:-5px; top:-34px; padding:0 8px; background:#000; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #cboxCurrent { position:absolute; top:-22px; right:205px; text-indent:-9999px; } #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { position:absolute; width:25px; height:25px; background:url(../img/jquery.colorbox/controls.png) no-repeat 0 0; text-indent:-9999px; } #cboxPrevious { left:-15px; background-position:0px 0px; } #cboxPrevious.hover { background-position:0 -30px; } #cboxNext { right:-15px; background-position:-30px 0; } #cboxNext.hover { background-position:-30px -30px; } #cboxPrevious, #cboxNext { top:50%; margin-top:-13px; } #cboxClose { right:-15px; top:-15px; background-position:-60px 0px; } #cboxClose.hover { background-position:-60px -30px; } .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right:66px; } .cboxSlideshow_on #cboxSlideshow { right:44px; background-position:-90px -30px; } .cboxSlideshow_on #cboxSlideshow.hover { background-position:-120px -30px; } .cboxSlideshow_off #cboxSlideshow { right:44px; background-position:-120px 0px; } .cboxSlideshow_off #cboxSlideshow.hover { background-position:-90px -30px; } /*=======================================================*/ /* 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:30px 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; } .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; } /*=======================================================*/ /* 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; } /*=======================================================*/ /* 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:5px solid #0CF; cursor:pointer; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /*=======================================================*/ /* IE7 CONDITIONAL STYLES */ /*=======================================================*/ /* 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 table.flex { border-top:2px solid #202020; } /* 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 1px line D8D8D8 1px line emphasis 0CF button E5FAFF button:hover 0AD link 48B link:hover FFFF80 yellow */ /*=======================================================*/ /* TYPOGRAPHY REFERENCE */ /*=======================================================*/ /* font-size:13px; line-height:20px; 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 form .validation-advice 10 .search-autocomplete 6 .slides-pagination (jQuery Slides) 5 Current slide (jQuery Slides) */