/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Layout ================================================================================= */ html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -90px; /* These unusual styles are required to attach the footer to the bottom of the page. see http://ryanfait.com/resources/footer-stick-to-bottom-of-page/. */} .bricks { background: transparent url(../images/bg/wrapper_bg.jpg) center 0 repeat-y; } .dark .bricks { background-image: url(../images/bg/wrapper_bg_dark.jpg); } .page { width: 990px; margin: 0 auto; background: transparent url(../images/bg/page_bg.png) center 0 no-repeat; text-align:left; } .page-print, .page-popup { background-color:#fff; padding:20px; text-align:left; } #content { background: transparent url(../images/bg/content_bg.png) center bottom no-repeat; } .main { min-height: 500px; font-family: "Georgia", "Garamond", serif; } /* Base Columns */ .col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; } .col-main, .col-additional { float:left; width:730px; padding:5px; } .col-additional { width: 780px; margin: 0 auto; } .col-right { float:right; width: 210px; } /* 1 Column Layout */ .col1-layout .col-main, .col1-layout { float:none; width:auto; } .col-additional { float: none; clear: both; padding: 0; } /* 2 Columns Layout */ .col2-left-layout .col-main, .col2-left-layout .col-additional { float:right; margin-left: 10px; } .col2-right-layout .col-main, .col2-right-layout .col-additional { margin-left: 20px; margin-right: 10px; } /* 3 Columns Layout */ .col3-layout .col-main, .col3-layout .col-additional { width:484px; margin-left:10px; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; width:200px; height:63px; overflow:hidden; } .header-container { height: 225px; } .with-tier-3 { height: 328px; } #header { position: relative; font-family: Arial, sans-serif; } #header .logo { position: absolute; top: 0px; left: 2px; width: 165px; height: 182px; z-index: 110; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } #header .branding_logo { position: absolute; top: 0px; left: 7px; width: 175px; height: 205px; z-index: 100; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; display: block; padding: 0 0 0 0; background: transparent url(../images/branding/47_logo.png) 0 0 no-repeat; } #header .logo a { display:block; width:155px; height:182px; } #header #account-links { position: absolute; top: 105px; right: 21px; z-index: 120; width: 175px; text-align: right; } #header #account-links li { display: inline; } #header #account-links li a { font-size: 11px; color: #e1ba8c; text-decoration: none; text-transform: uppercase; white-space: nowrap; } #header #account-links li a:hover { text-decoration: underline; } #header .links li a.log-out { display:block; } #header .links li a.my-account { padding: 0 11px 0 7px; margin:0 6px 0 0; background: transparent url(../images/nav/nav-main_links_divider.gif) right 3px no-repeat; } #header #button-links { position: absolute; top: 0; right: 0; z-index: 130; } #header #button-links li { float: right; overflow: hidden; } #header #button-links li a { display: block; background: transparent url(../images/nav/nav-buttons_bg.gif) 0 0 no-repeat; height: 87px; text-indent: -5000em; } #header #button-links li.shop a { width: 72px; background-position: 0 0; } #header #button-links li.shop a:hover { background-position: 0 -87px; } #header #button-links li.style a { width: 70px; background-position: -72px 0; } #header #button-links li.style a:hover { background-position: -72px -87px; } #header #button-links li.as-seen-on a { width: 59px; background-position: -142px 0; } #header #button-links li.as-seen-on a:hover { background-position: -142px -87px; } #header #button-links li.our-story a { width: 76px; background-position: -201px 0; } #header #button-links li.our-story a:hover { background-position: -201px -87px; } #header #button-links li.your-story a { width: 73px; background-position: -277px 0; } #header #button-links li.your-story a:hover { background-position: -277px -87px; } #header #button-links li.where-to-buy a { width: 76px; background-position: -350px 0; } #header #button-links li.where-to-buy a:hover { background-position: -350px -87px; } #header .form-search { text-align:center; } #header .form-search .search-autocomplete { z-index:999; } #header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } #header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } #header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } #header .form-search .search-autocomplete li.selected {} #header .form-language { text-align:center; } /********** < Navigation */ #nav { position: absolute; top: 0; left: 0; z-index: 100; display: block; width: 806px; height: 125px; /* 122px - Reduced to try to help the search mouseover - JW */ padding: 88px 0 0 184px; background: transparent url(../images/nav/nav-main_bg.png) 0 0 no-repeat; } /* All Levels */ /* 0 Level */ #nav li { float:left; height: 81px;} #nav li a { cursor: pointer; } #nav li.nav-team { width: 110px; margin-right: 30px; } #nav li.nav-mens { width: 141px; } #nav li.nav-womens { width: 133px; } #nav li.nav-kids { width: 137px; } #nav li.nav-mycart { position: absolute; z-index: 111; bottom: 14px; right: 8px; width: 100px; height: 55px; } #nav li.over { } #nav li.level0 a { display: block; height: 81px; background-position: center 0; background-repeat: no-repeat; text-decoration: none; float: none; text-indent: -999em; } #nav li.level0 a:hover, #nav li.over a { background-position: center -81px; } #nav li.nav-team a { background-image: url(../images/nav/nav-main_team.png); } #nav li.nav-mens a { background-image: url(../images/nav/nav-main_mens.png); } #nav li.nav-womens a { background-image: url(../images/nav/nav-main_womens.png); } #nav li.nav-kids a { background-image: url(../images/nav/nav-main_kids.png); } #nav li.nav-mycart a { position: absolute; top: 0; left: 0; z-index: 113; width: 100px; height: 55px; background-image: url(../images/nav/nav-main_mycart.png); } #nav li.nav-mycart a:hover { background-position: 0 0; } #nav li.active a span { } /* 1st Level */ #nav ul { display: block; } #nav ul li {} #nav ul li.over {} #nav ul li.last {} #nav ul li a { color: #000000; font-size:12px; line-height: 12px; text-transform: uppercase; white-space:nowrap; text-decoration: none; padding: 13px 9px 8px 8px; display: block; } /* 2nd level */ #nav ul.level0 { position: absolute; top: 164px; left: 146px; width: 741px; height: 42px; margin: 0; background: transparent 0 0 no-repeat; } #nav .nav-team ul.level0 { background-image: url(../images/nav/nav-main_tier2_team.png); padding: 2px 0 0 26px; } #nav .nav-mens ul.level0 { background-image: url(../images/nav/nav-main_tier2_mens.png); padding: 5px 0 0 10px; } #nav .nav-womens ul.level0 { background-image: url(../images/nav/nav-main_tier2_womens.png); padding: 3px 0 0 10px; } #nav .nav-kids ul.level0 { background-image: url(../images/nav/nav-main_tier2_kids.png); padding: 4px 0 0 8px; } #nav ul.level0 li.level1 { float:left; height: 34px; } #nav li.level0 li a { width: auto; height: auto; background-image: none; text-indent: 0; } #nav ul.level0 li.level1 a:hover, #nav ul.level0 li.active a { padding-bottom: 5px; } #nav ul.level0 li.level1 a:hover span, #nav ul.level0 li.active a span { padding-bottom: 3px; background: transparent url(../images/nav/nav-main_tier2_a-hover.png) center bottom no-repeat; } #nav ul.level0 li.level1 a:hover span span, #nav ul.level0 li.active a span span { padding-bottom: 0; background-image: none; } #nav li ul li { position: relative; } #nav li ul li div.nav-team-popup-top, #nav li ul li div.nav-team-popup-text-top { position: absolute; z-index: 103; top: 27px; left: 0; width: 282px; height: 43px; background: transparent url(../images/nav/nav-team-popup-top_text_bg.png) 0 0 no-repeat; } #nav li ul li div.nav-team-popup-top { width: 529px; height: 49px; background-image: url(../images/nav/nav-team-popup-top_bg.png); } #nav li ul li div.nav-team-popup-base, #nav li ul li div.nav-team-popup-text-base { position: absolute; z-index: 103; top: 70px; left: 0; width: 250px; min-height: 40px; background: transparent url(../images/nav/nav-team-popup-base_text_bg.png) 0 bottom no-repeat; padding: 0 16px 20px; } #nav li ul li div.nav-team-popup-base { top: 76px; width: 497px; background-image: url(../images/nav/nav-team-popup-base_bg.png); } #nav li ul li div.nav-team-popup-text-base select { width: 100%; border: 1px solid #000; background-color: #e0dad7; font-family: 'Courier New', Courier, monospace; } #nav li ul li div.mouseover div ol { display: block; position: static; width: auto; height: auto; } #nav li ul li div.mouseover div ol li.box { position: static; display: block; float: left; width: 60px; min-width: 0 !important; height: 60px; overflow: hidden; margin: 0 2px 0 0; padding: 0; } #nav li ul li div.mouseover div ol li a, #nav li ul li div.mouseover div ol li a:hover { float: none; display: block; width: 60px; height: 60px; margin: 0; padding: 0; font-size: 9px; background-repeat: no-repeat; background-position: 0 0; } #nav li ul li div ol li.box a { background-image: url(../images/nav/nav-team_button_bg.png); } #nav li ul li div ol li.active a, #nav li ul li div ol li.box a:hover { background-image: url(../images/nav/nav-team_button_bg_hover.png); } #nav li ul li div ol li a img { display: block; width: 60px; height: 60px; } /* 3rd+ Level */ #nav ul ul { display:none; } a.cart-closer, #nav #mini-cart a.cart-closer { display: block; position: absolute; z-index: 200; width: 18px !important; height: 18px !important; background: transparent url(../images/icons/cart_closer.png) 0 0 no-repeat; cursor: pointer; } #nav .promo_block { display: block; position: absolute; left: 250px; top: 40px; background-color:#DDDDDD; padding:10px; width:550px; } #nav #mini-cart { left: -155px; top: 38px; width: 268px; height: 328px; z-index: 112; background: transparent url(../images/bg/mini-cart_bg.png) 0 0 no-repeat; padding: 0; overflow: hidden; font-size: 14px; font-family: 'Courier New', Courier, monospace; font-weight: bold; } #nav #mini-cart ol { height: 168px; } #nav #mini-cart li { position: relative; float: left; width: 96px; height: 79px; background: transparent url(../images/bg/mini-cart_item_bg.gif) 0 0 no-repeat; margin: 0 13px 5px 0; } #nav #mini-cart a { background-image: none; text-indent: 0; } #nav #mini-cart a.cart-closer { position: absolute; bottom: 23px; right: 12px; top: auto; left: auto; } #nav #mini-cart li a.product-details { display: none; position: absolute; top: 0; left: 0; width: 96px; height: 49px; padding-top: 30px; text-align: center; color: #000; } #nav #mini-cart li:hover a.product-details, #nav #mini-cart li.hover a.product-details { display: block; } #nav #mini-cart li img { display: block; margin: 14px auto 0; } #nav #mini-cart li:hover img, #nav #mini-cart li.hover img { opacity: 0.6; *filter: alpha(opacity=60); } #TopLayeredNav { position: absolute; z-index: 90; top: 203px; left: 90px; width: 680px; min-height: 87px; padding: 0 12px 35px 10px; background: transparent url(../images/nav/nav-main_tier3_bg.png) 0 bottom no-repeat; } #TopLayeredNav dl { float:left; padding: 8px; text-transform: uppercase; font-size: 11px; } #TopLayeredNav dl select { text-transform: none; } #TopLayeredNav dl.team dd { width: 134px; } #TopLayeredNav dl.team dd.one-col { width: 80px; } #TopLayeredNav dl.team dd.one-col-wide { width: 114px; } #TopLayeredNav.wide dl.team dd { width: 180px; } #TopLayeredNav.wide dl.team dd ol li { min-width: 90px; } #TopLayeredNav.kids dl.team { padding: 8px 3px; } #TopLayeredNav dl.gender dd { width: 112px; } #TopLayeredNav dl.gender dd.one-col { width: 80px; } #TopLayeredNav dl.type dd { width: 170px; } #TopLayeredNav dl.type dd.two-col { width: 296px; } #TopLayeredNav dl.type dd.two-col ol li { min-width: 148px;} #TopLayeredNav dl.style dd { width: 100px; } #TopLayeredNav dl.style dd.two-col { width: 228px; } #TopLayeredNav dl.style dd.two-col ol li { min-width: 114px; } #TopLayeredNav.kids dl.style { padding-right: 0px; } #TopLayeredNav.kids dl.style dd.two-col { width: 296px; } #TopLayeredNav.kids dl.style dd.two-col ol li { min-width: 148px; } #TopLayeredNav dl.size dd { width: 109px; } #TopLayeredNav dl.size dd ol li { min-width:48px; } #TopLayeredNav.wide dl.size dd { width: 180px; } #TopLayeredNav.wide dl.size dd ol li { min-width: 90px; } #TopLayeredNav.kids dl.size { padding: 8px 3px; } #TopLayeredNav.kids dl.size dd { width: 110px; } #TopLayeredNav.kids dl.size dd ol li { min-width: 55px; } #TopLayeredNav dl.color { float: right; padding-right: 5px; } #TopLayeredNav dl.color dd { width: 105px; } #TopLayeredNav dl.color dt { padding-left: 0; } #TopLayeredNav dl dt { color: #000000; padding: 0 0 2px 14px; font-size: 12px; } /*291702*/ #TopLayeredNav dl dd ol li { float:left; color:#6d3c00; } #TopLayeredNav dl dd ol li.active { color: #4b2900; } #TopLayeredNav dl dd ol li a { float: left; display: block; color:#6d3c00; text-decoration: none; margin: 0 8px 0 15px; cursor: pointer; } #TopLayeredNav dl dd ol li a:hover { background: transparent url(../images/nav/nav-main_tier3_a-hover.gif) center bottom no-repeat; } #TopLayeredNav dl dd ol li.active a { padding-left: 0px; } #TopLayeredNav dl dd ol li.active a.active-x { float: left; display: block; width: 11px; height: 11px; margin: 4px 0 0; padding: 0; background: transparent url(../images/nav/tier3_active_x.png) 0 0 no-repeat; text-indent: -999em; } #TopLayeredNav dl dd ol li span.active-span { padding-left: 4px; } #TopLayeredNav dl dd ol li { position: relative; } #TopLayeredNav dl dd ol li div.nav-team-popup-top, #TopLayeredNav dl dd ol li div.nav-team-popup-text-top { position: absolute; z-index: 103; top: 17px; left: 0; width: 282px; height: 43px; background: transparent url(../images/nav/nav-team-popup-top_text_bg.png) 0 0 no-repeat; } #TopLayeredNav dl dd ol li div.nav-team-popup-top { width: 529px; height: 49px; background-image: url(../images/nav/nav-team-popup-top_bg.png); } #TopLayeredNav dl dd ol li div.nav-team-popup-base, #TopLayeredNav dl dd ol li div.nav-team-popup-text-base { position: absolute; z-index: 103; top: 60px; left: 0; width: 250px; min-height: 40px; background: transparent url(../images/nav/nav-team-popup-base_text_bg.png) 0 bottom no-repeat; padding: 0 16px 20px; } #TopLayeredNav dl dd ol li div.nav-team-popup-base { top: 66px; width: 497px; background-image: url(../images/nav/nav-team-popup-base_bg.png); } #TopLayeredNav dl dd ol li div.nav-team-popup-text-base select { width: 100%; border: 1px solid #000; background-color: #e0dad7; font-family: 'Courier New', Courier, monospace; } #TopLayeredNav dl dd ol li div.mouseover div ol { display: block; position: static; width: auto; height: auto; } #TopLayeredNav dl dd ol li div ol li.box { position: static; display: block; float: left; width: 60px; min-width: 0 !important; height: 60px; overflow: hidden; margin: 0 2px 0 0; padding: 0; } #TopLayeredNav dl dd ol li div ol li a, #TopLayeredNav dl dd ol li div ol li a:hover { float: none; display: block; width: 60px; height: 60px; margin: 0; padding: 0; background-image: none; font-size: 9px; background-repeat: no-repeat; background-position: 0 0; } #TopLayeredNav dl dd ol li div ol li.box a { background-image: url(../images/nav/nav-team_button_bg.png); } #TopLayeredNav dl dd ol li div ol li.active a, #TopLayeredNav dl dd ol li div ol li.box a:hover { background-image: url(../images/nav/nav-team_button_bg_hover.png); } #TopLayeredNav dl dd ol li div ol li a img { display: block; width: 60px; height: 60px; } #TopLayeredNav dl dd ol li.color a { display:block; width:19px; height:17px; padding: 0; margin: 0 1px 1px 0; background: transparent url(../images/nav/color-swatches_sprite.gif) 0 0 no-repeat; } #TopLayeredNav dl dd ol li.color a:hover { background-image: url(../images/nav/color-swatches_sprite_hover.gif); } #TopLayeredNav dl dd ol li.active a { background-image: url(../images/nav/color-swatches_sprite_active.gif); } #TopLayeredNav dl dd ol li.color a.tan { background-position: 0 0; } #TopLayeredNav dl dd ol li.color a.yellow-gold { background-position: 0 -17px; } #TopLayeredNav dl dd ol li.color a.orange { background-position: 0 -34px; } #TopLayeredNav dl dd ol li.color a.red { background-position: 0 -51px; } #TopLayeredNav dl dd ol li.color a.maroon { background-position: 0 -68px; } #TopLayeredNav dl dd ol li.color a.pink { background-position: 0 -85px; } #TopLayeredNav dl dd ol li.color a.purple { background-position: 0 -102px; } #TopLayeredNav dl dd ol li.color a.brown { background-position: 0 -119px; } #TopLayeredNav dl dd ol li.color a.green { background-position: 0 -136px; } #TopLayeredNav dl dd ol li.color a.blue { background-position: 0 -153px; } #TopLayeredNav dl dd ol li.color a.black { background-position: 0 -170px; } #TopLayeredNav dl dd ol li.color a.gray { background-position: 0 -187px; } #TopLayeredNav dl dd ol li.color a.white { background-position: 0 -204px; } #TopLayeredNav dl dd ol li.color a.camo-patterned { background-position: 0 -221px; } #TopLayeredNav a.cart-closer { position: absolute; z-index: 101; bottom: 20px; right: 22px; top: auto; left: auto; } .closed dl { display: none; } .closed a.cart-closer { background-image: url(../images/icons/cart_closer-opened.png); } #nav-search { position: absolute; z-index: 95; top: 154px; right: 30px; width: 142px; height: 64px; padding: 29px 0 0 22px; background: transparent url(../images/nav/nav-main_search_bg.png) 0 bottom no-repeat; } #nav-search-slide { background: transparent url(../images/nav/nav-main_search_slide_bg.png) 0 0 no-repeat; width: 119px; height: 25px; padding: 4px 0 0 4px; } #nav-search input { float: left; width: 80px; height: 19px; padding: 1px; background-image: none; background-color: transparent; border-width: 0px; color: #b38f65; font-size: 14px; } #nav-search button { display: block; float: left; margin-left: 5px; width: 30px; height: 20px; background-image: none; background-color: transparent; border-width: 0px; text-indent: -999em; cursor: pointer; } #nav-search button:active { border-width: 0px; } /********** Navigation > */ /* ======================================================================================= */ /* Global Styles ========================================================================= */ .clear-left {clear: left} .clear-right {clear: right} .clear-both {clear: both} .clear-none {clear: none} .fat { height: 12px; } .fat-pad { padding-top: 12px; } .thin { height: 5px; } .thin-pad { padding-top: 5px; } .hidden { display: none; } /* Form Elements */ input,select,textarea,button { font:12px "Georgia", "Garamond", serif; vertical-align:middle; color:#000; } label, .pointer { cursor:pointer; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } input.pencil-border, textarea.pencil-border { padding: 2px 6px; height: 22px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; font-family: 'Courier New', Courier, monospace; border-width: 0px; text-align: left; } textarea.pencil-border {} input.pencil-22 { padding: 2px 4px; height: 13px; width: 14px !important; background-image: url(../images/bg/form_text_bg_22px.gif); text-align: center; } input.pencil-84 { width: 72px !important; background-image: url(../images/bg/form_text_bg_84px.gif); } input.pencil-84ow { width: 72px !important; background-image: url(../images/bg/form_text_bg_84px_ow.gif); } input.pencil-156ow { width: 144px !important; background-image: url(../images/bg/form_text_bg_156px_ow.gif); } input.pencil-175 { width: 163px !important; background-image: url(../images/bg/form_text_bg_175px.gif); } input.pencil-175ow { width: 163px !important; background-image: url(../images/bg/form_text_bg_175px_ow.gif); } input.pencil-225 { width: 213px !important; background-image: url(../images/bg/form_text_bg_225px.gif); } input.pencil-225ow { width: 213px !important; background-image: url(../images/bg/form_text_bg_225px_ow.gif); } input.pencil-500 { width: 488px !important; background-image: url(../images/bg/form_text_bg_500px.gif); } input.pencil-500ow { width: 488px !important; background-image: url(../images/bg/form_text_bg_500px_ow.gif); } textarea.pencil-223 { width: 215px; height: 57px; background-image: url(../images/bg/form_textarea_bg_223px.gif); } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } /*button::-moz-focus-inner { padding:0; border:0; }*/ button.button { overflow:visible; width:auto; background:#f6f6f6; border:1px solid #717171; cursor:pointer; /*-webkit-border-fit:lines;*/ } button.button span { display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px "Georgia", "Garamond", serif; text-align:center; white-space:nowrap; color:#000; } button.disabled {} button.disabled span {} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {} .highlight {}*/ /* Buttons */ .tape { height: 23px; border: none; display: block; float: left; text-indent: -5000px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; font-size: 0; line-height: 0; margin-right:12px; cursor: pointer; } .tape:hover { background-position:0px -23px; } #my-account .tape { margin-left:-5px; } .tape-continue { width:98px; background-image: url(../images/buttons/tape_continue.png); } .tape-add-all-to-cart { width: 162px; background-image: url(../images/buttons/tape_add-all-to-cart.png); } .tape-add-to-cart { width: 133px; background-image: url(../images/buttons/tape_add-to-cart.png); } .tape-apply { width: 55px; background-image: url(../images/buttons/tape_apply.png); } .tape-back { width: 66px; background-image: url(../images/buttons/tape_back.png); } .tape-create-an-account { width: 193px; background-image: url(../images/buttons/tape_create-an-account.png); } .tape-forgot-your-password { width: 234px; background-image: url(../images/buttons/tape_forgot-your-password.png); } .tape-login { width: 66px; background-image: url(../images/buttons/tape_login.png); } .tape-share-wishlist { width: 152px; background-image: url(../images/buttons/tape_share-wishlist.png); } .tape-ship-to-different-address { width: 256px; background-image: url(../images/buttons/tape_ship-to-different-address.gif); } .tape-ship-to-this-address { height: 21px; width: 197px; background-image: url(../images/buttons/tape_ship-to-this-address.gif); } .tape-submit { width: 83px; background-image: url(../images/buttons/tape_submit.png); } .tape-edit-cart { width: 78px; background-image: url(../images/buttons/tape_edit-cart.png); } .tape-checkout { width: 95px; background-image: url(../images/buttons/tape_checkout.png); } .tape-add-new-address { width: 170px; background-image: url(../images/buttons/tape_add-new-address.png); } .tape-get-shipping-quotes { width: 197px; background-image: url(../images/buttons/tape_get-shipping-quotes.png); } button.checkout-next { width: 70px; height: 28px; margin-left: 12px; border-width: 0px; background: transparent url(../images/buttons/checkout_next.gif) 0 0 no-repeat; cursor: pointer; } button#checkout-complete-order { width: 194px; height: 28px; margin-left: 12px; border-width: 0px; background: transparent url(../images/buttons/checkout_complete-order.gif) 0 0 no-repeat; cursor: pointer; } /* Headings */ h1 {} h2 {} h3 {} h4 {} h5 {} h6 {} .image-replace, h2.image-replace, h3.image-replace, h4.image-replace, h5.image-replace, h6.image-replace { text-indent: -5000px; width: auto; background-repeat: no-repeat; font-size: 0; line-height: 0; border-width: 0px; } /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .group-select {} .group-select li { margin:0 0 5px; } .group-select .input-box { float:left; width:260px; } .group-select input.input-text, .group-select textarea {width:510px; } .group-select select { width:516px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; border: 1px solid #000; background-color: transparent; font-family: 'Courier New', Courier, monospace; } .group-select .input-box select option { background-color: #fff; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ /* .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} */ .label-validation-failed { color: #CC3333; } .required { } .required-text { display: block; float: right; } p.required { font-size:12px; text-align:right; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .all-msg { width:665px; margin:auto; color:#000; } .all-msg .top { background:url(../images/bg/message-top.png) 0 0 no-repeat; width:641px; padding:43px 25px 0; font-size:12px; font-family: "Georgia", "Garamond", serif; } .all-msg .bot { background:url(../images/bg/message-bot.png) 0 0 no-repeat; height:15px; padding-bottom:5px; } .no-flash-msg { width:700px; } /* inline error message */ .error-msg-icon { width: 90%; min-height: 19px; padding: 4px 4px 4px 33px; margin: 6px auto; background: transparent url(../images/icons/stop_sign.png) 0 0 no-repeat; } /* large message block (ie: 404 page) */ .page_notice { width:230px; height:295px; padding:30px; margin:0 auto; font-size:14px; line-height:1.1; background:url(../images/bg/paper_notice.png) top center no-repeat; } .page_notice h2 { font-size: 18px; line-height: 20px; text-align: center; margin: 20px 0 10px; } .page_notice h4 { text-align:center; font-size:18px; padding:30px 0 15px 0; } .page_notice a { text-decoration: underline; color:#000; } .page_notice ul { list-style:none !important; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { padding:0 0 5px; margin:0 0 10px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { border:1px solid #ddd; padding:5px; margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td {} tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td {} /* Shopping cart tax info */ .cart-tax-info, .cart-price { padding-right:20px; } .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url(../images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -52px; } /* Lists Decoration */ li.odd {} li.even { background-color:#f6f6f6; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .std { margin:0 98px; padding-bottom: 25px; color:#e9d5bc; font-size:14px; } .std h3 { font-size:18px; color:#d2a260; padding:0px 0 10px 0; } .std h4 { font-size:14px; color:#d2a260; padding:5px 0 5px 0; } .std a { color:#e9d5bc; } .std ul, .std ol, .std dl, .std p { margin:0 0 1em; padding:0; line-height:1.2; } .std ul { list-style:disc outside; padding-left:1.5em; } .std .no-bullets { list-style:none; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dl { margin-top: 10px; } .std dt { font-weight:bold; font-size: 14px; padding-left: 25px; padding-bottom: 8px; background: transparent url(../images/icons/faq_icon.gif) 0 1px no-repeat; } .std dd { padding: 0 0 6px 25px; } .std table tr th { font-weight:bold; padding:0 25px 0 0; } .std table tr td { padding:0 25px 0 0; } .std .page_notice, .std .page_notice h4, .std .page_notice p, .std .page_notice a { color: #000; } .cms-wide .std { margin: 0 10px; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #aaaaff; margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:0 10px; } .block .block-title h2 { font-size:16px; font-weight:bold; line-height:1.5; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding:10px; } .block .actions { text-align:right; } .block .actions a { float:left; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} /* Block: Cart */ .block-cart { border-width: 0px; margin: 0; padding: 55px 6px 12px 39px; } .block-cart h3.image-replace { font-size:0; line-height:0; } .block-cart .block-content { padding: 0; } .block-cart .amount {} .block-cart p { margin-right: 12px; } .block-cart p.subtotal { text-align: right; } .block-cart p.subtotal label { float: left; } .block-cart p.empty { padding: 18px 20px 0 8px; line-height: 18px; } .block-cart .price {} .block-cart button { margin-top: 14px; } .mini-products-list li { } .mini-products-list .product-image { } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item .product-image { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .catalog-category-view .col-main, .catalog-product-view .col-main { padding: 0; } .catalogsearch-result-index .col-main { padding-top: 50px; } .category-title { border-bottom:1px solid #ddd; margin:0 0 10px; } .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ .products-grid { display:none; } .products-grid tr.odd {} .products-grid tr.even { background-color:#f6f6f6; } .products-grid td { width:33%; border:1px solid #ddd; padding:5px; } .products-grid td.empty {} /* View Type: List */ .category-products { position:relative; width:100%; overflow:auto; overflow-x:auto; overflow-y:hidden; padding-bottom: 20px; } .products-list { display:block; margin: 0; list-style:none; } .products-list li.item { display:block; margin:5px 0; float:left; } .products-list li.more { display:block; margin:5px; float:left; width:79px; height:135px; } .products-list .product-image { } .products-list .product-shop { } .products-list li a.back, .products-list li a.next { display: block; width: 91px; height: 48px; margin-top: 100px; } /* Flash Embed elements */ #product_list_embed { height: 443px; z-index: 50; } #product_view_embed { height: 443px; z-index: 50; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {} .product-essential {} .product-collateral {} /* Product Page */ .product-view { margin:0px 192px; position:relative; } .product-view .message { font-size:11px; font-family:georgia,garamond,serif; margin:0 110px; padding-bottom:10px; } .product-view .img { text-align:center; } .product-view .img img { z-index:10; } .product-view .info { min-height:260px; width:522px; margin-top:-50px; padding:65px 40px 0px; background:url(../images/catalog/product/paper.png) no-repeat top center; } .product-view .info .lowstock { position:absolute; right:-55px; bottom:110px; padding:109px 0 0 5px; width:54px; height:70px; color:#e6d4aa; font-size:36px; text-align:center; background:url(../images/catalog/product/tag_lowstock.png) no-repeat top center; } .product-view .info .viewback { float:right; display:block; width:94px; height:16px; margin-top:-15px; } .product-view .info h2 { height:31px; overflow:hidden; } .product-view .info .description { width:290px; float:left; margin:7px 17px 0px 0px; padding-right:3px; line-height:normal; font-size:11px; font-family:georgia,garamond,serif; height:160px; overflow:auto; } .product-view .info .actions { position:relative; width:200px; float:right; margin-top:3px; } .product-view .info .pricetape { background:url(../images/catalog/product/tape_price.png) no-repeat top left; height:27px; color:#e6d4aa; font-size:15px; padding:3px 0px 0px 10px; } .product-view .info .pricetape p { display:block; float:left; width:75px; margin:0px; padding:0px; text-align:center; } .product-view .info .pricetape .price-label { display:none; } .product-view .info .options { min-height:42px; } .product-view .info .options select { border: 1px solid #000; background-color: #ffffff; font-family: 'Courier New', Courier, monospace; } .product-view .info .options .product-options { background:none; border:none; margin:0; padding:0; } .product-view .info .options label { display:none; } .product-view .info .options .required { display:none; } .product-view .info .options dl dd { margin:10px 5px; } .product-view .info .validation-advice { position:absolute; font-size:10px; } .product-view .info .addtocart { min-height:42px; } .product-view .info .addtocart .out-of-stock { padding:12px; } .product-view .info .addtocart button { background:url(../images/catalog/product/tape_addtocart.png) no-repeat top center; width:155px; height:42px; border:none; } .product-view .info .addtocart button span { display:none; } .product-view .info .wishlist a { display:block; background:url(../images/catalog/product/tape_addtowishlist.png) no-repeat top center; width:172px; height:40px; margin-top:-10px; } .product-view .info .backtolineup { position:absolute; bottom:-40px; right:-10px; } .product-view .share { padding:0 0 20px 65px; margin-top:-20px; } .product-view .back { text-align:center; } .product-view .size_chart { text-align: center; width:580px; } .product-view .additional { padding:20px 20px 20px 275px; } .product-view .minheight { height:62px; } .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:445px; } .product-view .product-name {} .product-view .short-description {} /* Rating */ .ratings {} .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; /*background:transparent url(../images/bg/related_product_price_strike_bg.png) center 55% repeat-x;*/ } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; color:#000000; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; margin:0 5px; } .product-view .tags .form-add-tags button.button { float:left; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name {} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .no-search-results { width:298px; height:103px; margin:0 auto; background:transparent url(../images/bg/no-search-results.png) 0 0 no-repeat; font-family: "Georgia", "Garamond", serif; } .no-search-results h2 { font-size:14px; position:relative; left:25px; top:37px; } .no-search-results p { position:relative; left:84px; top:58px; } .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap {} /* Branding */ #branding-flash {} #branding-flash .std { height: 600px; width: 100%; margin: 0; padding: 0; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ #checkout { width: 730px; margin: 0 auto; font-family: 'Courier New', Courier, monospace; line-height:1.3; } #checkout-progress { width: 730px; margin: 0 auto; } #checkout-progress h2 { display: block; width: 410px; height: 52px; margin: 0 auto; background: transparent url(../images/headers/my-cart_progress.png) 0 0 no-repeat; } #checkout-progress h2.cart {} #checkout-progress h2.payment { background-position: 0 -52px; } #checkout-progress h2.review { background-position: 0 -104px; } #checkout-progress h2.confirm { background-position: 0 -156px; } #checkout .checkout-types { float:right; text-align:right; } /* Shopping Cart Table */ .cart-table, .cart-totals-table { font-size: 14px; margin-left: 1px; } .cart-table .item-msg { font-size:10px; } .cart-table .error { font-weight: bold; color: #990000; } /*.cart-table tr, .cart-totals-table tr { background: transparent url(../images/bg/checkout_cart_row_bg.gif) right 0 repeat-y; }*/ .cart-table .product-image { display: block; width: 96px; height: 65px; margin-top: 7px; padding-top: 7px; background: transparent url(../images/bg/checkout_cart_row_item_bg.gif) 0 0 no-repeat; } .cart-table .product-image img { display: block; margin: 0 auto; } .cart-table label { display: inline; font-weight: bold; cursor: default; } .cart-table .product-name { float: left; font-size: 16px; font-weight: normal; padding-right: 5px; } .cart-table .product-name a { color: #000; text-decoration: none; } .cart-table dl.item-options { float: left; padding-top: 2px; padding-right: 10px; } .cart-table dl.item-options dt { display: inline; font-style: normal; } .cart-table dl.item-options dd { display: inline; padding: 0 5px 0 0 } .cart-table p, #checkout .cart-table p { clear: left; font-size: 12px; padding: 0 12px 10px 0; line-height: 1.25em; } .cart-table .discounted {} .cart-table .discounted label { float: left; } .cart-table .cart-price { padding: 0; } .cart-table .discounted .price { float: right; width: 60%; } .cart-table .cart-price .strikethrough .price { text-decoration: line-through; } .cart-totals .divider, .cart-totals-table .divider { border-top: 2px solid #888480; margin: 4px 0; font-size: 0; line-height: 0; } .cart-table td {} .cart-table td.col-1 { width: 27px; } .cart-table td.col-2 { width: 112px; } .cart-table td.col-3 { width: 138px; background: transparent url(../images/bg/checkout_cart_row_bg.gif) left 0 repeat-y; padding-left: 25px; } .cart-table td.col-4 { width: 96px; background-color: #fafafa; text-align: center; } .cart-table td.col-5 { width: 155px; background: transparent url(../images/bg/checkout_cart_row_bg.gif) right 0 repeat-y; padding-right: 20px; text-align: right; } /* Shopping Cart Totals */ .cart-totals-table { width: 434px; margin-left: 140px; } .cart-totals-table td.col-1 { background: transparent url(../images/bg/checkout_cart_row_bg.gif) left 0 repeat-y; padding-left: 25px; font-weight: bold; } .cart-totals-table td.col-2 { background: transparent url(../images/bg/checkout_cart_row_bg.gif) right 0 repeat-y; padding-right: 20px; text-align: right; } .cart-totals-table .grand td { padding-bottom: 10px; } .cart-totals-table .grand td.col-2 { font-weight: bold; } .cart-totals-table tfoot tr { background: transparent url(../images/bg/checkout_cart_bottom.gif) 0 bottom no-repeat; } .cart-totals-table tfoot tr td { padding: 0; width: 100%; height: 34px; } /* Shopping Cart Sidebar */ .sidebar-block-wrapper { margin-top: 55px; } .sidebar-block-wrapper > img { display: block; margin:50px auto 15px; } /* Shopping Cart Error */ div.cart-error { margin: 10px 0 0 144px; padding-left: 35px; min-height: 27px; background: transparent url(../images/icons/stop_sign.png) 0 0 no-repeat; } div.cart-error p { font-weight: bold; color: #990000; font-size: 11px; } /* Shopping Cart Collateral boxes */ #checkout .cart-collaterals { float:left; } #checkout .shipping {} .sidebar .crosssell .product-image { } .sidebar .crosssell .product-shop { margin-left:90px; } .crosssell { width:164px; height:335px; padding:20px 10px; margin:70px auto 0; background:transparent url(../images/bg/checkout_crosssell.png) top center no-repeat; } .crosssell h3 { color:#160f07; font-size:14px; text-align:center; } .crosssell li { padding:0px; margin:15px auto 0; width:96px; } .crosssell .product-image { display: block; width: 96px; height: 65px; margin-top: 7px; padding-top: 7px; background: transparent url(../images/bg/checkout_cart_row_item_bg_dark.gif) 0 0 no-repeat; } .crosssell .product-image img { display: block; margin: 0 auto; } .sidebar .no-crosssells { height:335px; margin:90px auto 0; } .sidebar .no-crosssells img { padding-bottom:55px; } /* Shopping Cart Links */ #checkout ul.checkout-links { float: right; clear: both; margin: 15px 30px 0 0; } #checkout ul.checkout-links li { float: left; } #checkout ul.checkout-links li.text-link { margin-top: 6px; } #checkout ul.checkout-links li.divider { width: 5px; height: 21px; margin-top: 4px; padding: 0 9px; background: transparent url(../images/icons/checkout_li_divider.gif) center 0 no-repeat; } #checkout ul.checkout-links li a { color: #000; text-decoration: none; cursor: pointer; font-size: 12px; } /* #checkout ul.checkout-links li a:hover { text-decoration: underline; } */ #checkout .free-shipping-upsell { color:#7f1119; padding:5px 0 0 125px; position:relative; } #checkout .free-shipping-upsell a { display:block; position:absolute; top:-45px; left:115px; clear:right; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ #checkout .checkout-top { height: 39px; padding: 53px 53px 0 53px; background: transparent url(../images/bg/checkout_bg_top.png) 0 0 no-repeat; } #checkout .checkout-top-cart, #checkout .checkout-top-review { background-image: url(../images/bg/checkout_bg_top_cart.png); } #checkout .checkout-content { min-height: 350px; padding: 0 48px 20px; background: transparent url(../images/bg/checkout_bg_content.png) 0 0 repeat-y; } #checkout .checkout-bottom { height: 133px; margin-top: -20px; padding: 0 48px 25px; background: transparent url(../images/bg/checkout_bg_bottom.png) 0 0 no-repeat; } /* Two Page */ #checkout p, #checkout h5 { line-height: 2; } #checkout a { color: #000; } #checkout .checkout-top-cart h3 { margin-left: 10px; font-size: 18px; } #checkout .checkout-content h3 { font-size: 14px; margin-bottom: 6px; } #checkout div.checkout-divider { width: 593px; height: 5px; margin: 12px auto; clear: both; font-size: 0; line-height: 0; background: transparent url(../images/bg/checkout_divider.gif) 0 0 no-repeat; } #checkout #co-shipping-method-form, #checkout #co-comments-form { float: left; width: 40%; } #checkout #co-shipping-method-form .disabled { color: #666; } #checkout #co-comments-form { clear: left; margin-top: 20px; } #checkout #co-payment-form { float: right; width: 57%; margin-left: 3%; } #checkout .shipment-methods { margin-bottom: 6px; } #checkout .opc-please-wait { height: 16px; margin: 6px 0; clear: left; } #checkout .cvv-what-is-this { float: right; display: block; margin: 0; padding-top: 2px; font-size: 10px; } #payment-tool-tip { position: absolute; width: 493px; height: 245px; padding: 0; border:none; background:transparent; } #payment-tool-tip img { position: absolute; left:0px; top:0px; } .tool-tip .tooltip-close { display: block; position: absolute; top: 7px; right: 8px; width: 18px; height: 17px; background: transparent url(../images/icons/tooltip_close.gif) 0 0 no-repeat; cursor: pointer; } /* Form Elements */ #checkout select { border: 1px solid #000; background-color: #e0dad7; font-family: 'Courier New', Courier, monospace; } #checkout select option { background-color: #fff; } #checkout .form-list select { width: 41.5%; } #checkout .form-list img { float: left; } #checkout .address-book select { width: 50%; } #checkout select.month, #checkout select.year { width: 73px; } #checkout select.month { margin-right: 4px; } #checkout .group-select ul { float: left; width: 50%; } #checkout .group-select ul li {} #checkout .group-select ul li.indent { margin-right: 20px; text-align: right; } #checkout .group-select .input-box { width: 100%; } #checkout .group-select .input-box select { width: 154px; } #checkout .group-select .input-box label, #checkout .form-list label { float: left; width: 52%; margin-right: 3%; text-align: right; font-weight: bold; } #checkout .group-select .input-box label { width: 143px; } #checkout .login .form-list label { width: 35%; } #checkout .login .form-list label.for-radio { text-align: left; display: inline; float: none; padding-left: 10px; } #checkout .group-select .input-box .input-indent { margin-left: 152px; } #checkout .address-book { margin-bottom: 4px; } #checkout .shipment-methods ul li { margin-bottom: 4px; } /* Checkout Login */ #checkout .login form { display: block; } #checkout .login .col2-set { width: 90%; margin: 0 auto 2px auto; } #checkout .login .col2-set .col-1 { width: 59%; } #checkout .login .col2-set .col-2 { width: 39%; } /* Checkout Review */ #checkout .review ul.checkout-links { margin-right: 53px; } #checkout .review { padding-right: 25px; } #checkout .review .col2-set { width: 510px; margin: 12px auto 0 143px; } /* Checkout Confirm */ #checkout .order-complete p.intro { margin-bottom: 14px; } #checkout .order-complete .col2-set { margin-bottom: 10px; } /* One Page */ .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Login Page ============================================================================ */ .login-page {} .login-page .content { min-height:150px; } /* ======================================================================================= */ /* My Account ============================================================================= */ #my-account { margin:40px auto 0 auto; width:747px; font-family: 'Courier New', Courier, monospace; font-size: 14px; line-height:1.3; } #my-account .my-account-top { height:98px; background: transparent url(../images/bg/myaccount-top.png) 0 0 no-repeat; } #my-account .my-account-mid { padding: 0 65px; background: transparent url(../images/bg/myaccount-mid.png) 0 0 repeat-y; } #my-account .my-account-bot { height: 133px; margin-top: -20px; padding: 0 48px 25px; background: transparent url(../images/bg/myaccount-bot.png) 0 0 no-repeat; } #my-account .my-account-top-paper { height:98px; background: transparent url(../images/bg/myaccount-top-paper.png) 0 0 no-repeat; } #my-account .my-account-mid-paper { padding: 0 65px; background: transparent url(../images/bg/myaccount-mid-paper.png) 0 0 repeat-y; } #my-account .my-account-bot-paper { height: 133px; margin-top: -20px; padding: 0 48px 25px; background: transparent url(../images/bg/myaccount-bot-paper.png) 0 0 no-repeat; } #my-account .my-account-mid .inner, #my-account .my-account-mid-paper .inner { position:relative; top:-28px; } #my-account .nav-buttons { height:108px; margin-bottom:-60px; background-color:transparent; background-image:url(../images/headers/my-account_progress.png); background-repeat:no-repeat; } #my-account .active-other { background-position:0px 0px; } #my-account .active-account { background-position:0px -108px; } #my-account .active-account_edit { background-position:0px -216px; } #my-account .active-address_book { background-position:0px -324px; } #my-account .active-orders { background-position:0px -432px; } #my-account .active-newsletter { background-position:0px -540px; } #my-account .active-wishlist { background-position:0px -648px; } #my-account-nav { padding:0; margin:0; } #my-account-nav a { display:block; float:left; height:47px; text-indent:-999em; } #my-account-nav a.nav-account { width:117px; } #my-account-nav a.nav-account_edit { width:132px; } #my-account-nav a.nav-address_book { width:139px; } #my-account-nav a.nav-orders { width:111px; } #my-account-nav a.nav-newsletter { width:128px; } #my-account-nav a.nav-wishlist { width:118px; } #my-account .form-list { padding-top:10px; } #my-account h2 { padding-bottom:5px; } #my-account h4 { padding-top:5px; } #my-account h4 a { font-weight:normal; } #my-account h5 { padding-top:10px; } #my-account a { color:#000; } #my-account address { padding-bottom: 10px; } #my-account * { border:none; } #my-account select { border:1px solid #000000; width:256px; background-color: #e0dad7; } #my-account .validation-advice { clear:both; margin-bottom:10px; } #my-account .required-text { display: block; float: right; font-size:12px; text-align:right; padding-top:12px; } #my-account select { width:auto; } #my-account .col2-set { margin-top: 10px; } .my-account-mid-paper .all-msg { margin:0 auto 20px 160px; width:360px; } #wishlist-table { position:relative; left:-10px; } #wishlist-table .product-image { display:block; height:65px; margin-top:7px; padding-top:7px; width:96px; background:transparent url(../images/bg/checkout_cart_row_item_bg.gif) no-repeat scroll 0 0; } #wishlist-table .product-image img { display:block; margin:0 auto; } #wishlist-table .product-name { margin-top:7px; } #wishlist-table .tape { margin-top:7px; } .block-account { border:none; margin:0px 0 30px 0; } .block-account ul { padding:0px 10px; } .block-account ul li { float:left; } .welcome-msg { padding-bottom: 20px; } .buttons-set2 button { float:right; } .product-name a { color:#000000; text-decoration:none; } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews {} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Order Table */ #my-orders-table h4, #paper_top #my-orders-table h4 { padding-top: 0; } #my-orders-table .item-options dt { float: left; clear: left; width: 25%; padding-left: 10px; font-style: normal; } #my-orders-table .item-options dd { float: left; } #my-orders-table .cart-price { padding: 0; } #my-orders-table .divider { border-top: 2px solid #888480; margin: 0; font-size: 0; line-height: 0; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer, .footer-push { height: 90px; background-color: #000; } .footer { width: 711px; clear: both; margin: 0 auto; padding: 0; color: #e6d4aa; font-size:11px; font-family: "Georgia", "Garamond", serif; } .footer-inner { height: 70px; padding-top: 20px; background: #000 url(../images/bg/footer_bg.gif) center 20px no-repeat; } .footer p { text-align:right; } .footer address { text-align: center; } .footer ul { margin: 0 auto; padding: 14px 0 8px; text-align: center; } .footer ul li { display: inline; padding: 0 14px; } .footer ul .hdop { margin-left: -5000px; position: absolute; } .footer a { text-decoration: none; color: #e6d4aa; font-size:12px; text-transform: uppercase; } .footer a:hover { text-decoration: underline; } /* ======================================================================================= */ /* Custom Pages ========================================================================== */ /* FAQ */ .faqs { text-transform:uppercase; } .faqs div { width:210px; padding:0px 25px; float:left; border-right:solid 2px #836740; min-height:250px; } .faqs div.last { border-right:none; } .faqs li { list-style:none; } .faqs ul { padding:0px; margin:0 0 1em; } .faqs li ul li { display:inline; } .faqs li a { text-decoration:none; } .faqs li a:hover { text-decoration:underline; } .faqs img { float:right; } .faqs span.spacer { padding-left: 10px; } /* Size Charts */ .size-chart { text-transform:none; } .size-chart ul { list-style: none; padding: 0; } .size-chart ul li { float: left; margin-bottom: 16px; } .size-chart ul li.odd { margin-right: 14px; } .size-chart h5 { font-weight: bold; font-size: 16px; color: #E9D5BC; } .size-chart img { float: none; margin: 8px 0 5px; } /* Team Landing Page */ .std select.colleges { position:relative; left:445px; top:-91px; width:220px; border: 1px solid #000; background-color: #fff; font-family: 'Courier New', Courier, monospace; } /* ======================================================================================= */ /* AddThis */ .addthis_button { display:block; margin:5px 200px; } /* Callouts ========================================================================== */ /* Block: Additional */ .col-additional h4 { color:#e6d4aa; font-size:14px; } .col-additional a { color:#e6d4aa; font-size:12px; text-decoration:none; text-transform:uppercase; } .col-additional a:hover { color:#d69c2c; } .callout { float: left; width: auto; } .col-additional .callout { } .col-right .callout { margin: 0 auto 35px; float: none; } .col-right .callout img { display: block; margin: 0 auto; } .catalog-category-view .col-additional .callout, .catalog-product-view .col-additional .callout, .cms-help-faqs .callout, .cms-help-howto .callout, .cms-help-returns .callout { width: 40%; padding: 5%; } /* Related Products Block */ .category-product-list { min-width: 320px; margin: 0 45px 10px 0; } .category-product-list .item { float: left; width: 142px; margin-right: 18px; text-align: center; } .category-product-list .item a { display: block; color: #e6d4aa; text-decoration: none; } .category-product-list .item a img { display: block; margin: 4px auto 0; } .category-product-list .item a h4 { margin: 6px 0; font-size: 12px; } .category-product-list .item .price-box { width: 89px; padding: 3px; margin: 0 auto; background: transparent url(../images/bg/related_product_price_bg.png) 0 0 no-repeat; } .category-product-list .item .price-box .price { font-size: 14px; font-weight: normal; color: #e6d4aa; } /* Help Links */ .callout-help h4 { margin-bottom: 4px; } .callout-help a, .callout-help a:visited { font-size: 13px; text-transform:none; } /* Image only callouts */ .callout-imageonly {} .callout-imageonly img { display: block; margin: 0 auto; } .col-additional .callout-imageonly { padding-bottom: 14px; }