/** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package enterprise_default * @copyright Copyright (c) 2009 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Reset ================================================================================= */ * { margin:0; padding:0; } html {background-color: #0D0D0D; height:100%;} body { font:10px Arial; color:#999999; text-align:center; /*overflow-x:hidden;*/} img { border:0; vertical-align:top; } a { text-decoration:underline; color: #999; } a:hover { text-decoration:underline; color: #fff;} :focus { outline:0; } .cms-customer-service .page-service a,.company-text a {text-decoration:none;color:#aa0000;} .cms-customer-service .page-service a:hover,.company-text a:hover {text-decoration:none;color:#333;} .checkout-onepage-index .buttons-set .f-left a {margin-left:10px;text-decoration:underline;text-transform:none;font-size:12px;} /* Headings */ h1 { font-size:18px; font-weight:normal; } h2 { font-size:16px; font-weight:normal; color:#999999; } h3 { font-size:13px; font-weight:normal; } h4 { color:#FFFFFF;font-size:11px;font-weight:normal;padding-bottom:5px;text-transform:uppercase; } h5 { font-size:12px; font-weight:normal; } h6 { font-size:11px; font-weight:normal; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small { font-size:10px; } big { font-size:1.2em; } /*sup { font-size:1em; vertical-align:top; }/*/ /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { height: 100%; } .page { width:1024px; margin:0 auto; text-align:center; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .main { text-align:left; clear:both; } .sidebar { min-height:350px; } /* Base Columns */ .col-left {position:relative; float:left; width:210px; padding:0 0 0; margin:12px 0 0px; background:none repeat scroll 0 0 #1A1A1A;} .col-main { float:left; width:100%; } .col-right { float:right; width:182px; padding:0 0 0; margin:0 0 -1px; } /* 1 Column Layout */ .col1-layout { background-position:-1000px 0; padding-left:50px; padding-right:50px; } .checkout-onepage-success .col1-layout .col-main {padding: 20px;} .col1-layout .col-main { float:none; width:auto; min-height:478px; } .col1-layout .breadcrumbs { margin-bottom:0 !important; } /* 2 Columns Layout */ .col2-left-layout { background-position:-573px 0; margin-left:50px; width:924px;} .col2-left-layout .col-main { float:right; width:714px; } .col2-right-layout { background-position:573px 0; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout { background-position:0 0; } .col3-layout .col-main { width:532px; margin-left:1px; display:inline; } .col3-layout .col-wrapper { float:left; width:755px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-1.addresses-primary { float:left; width:48%; } .col2-set .col-2.addresses-additional { float:right; width:48%; } .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 ================================================================================ */ .branding { position:absolute; left:0; margin:-29px 0 0; top:50%; height:56px; } .logo { float:left; } .free-shipping { float:left; margin:15px 0 0 10px; display:inline; } .header-container { text-align:left; height:125px; } .header {position:relative;z-index:99;} .header .logo { text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo {} .header-container .quick-access { z-index:1; float:right; position: relative; margin-top:-42px; display:inline-block;} .header-container .quick-access .links {/* float:right; */ line-height:18px; white-space:nowrap; } .header-container .quick-access .links li { /* float:left; line-height:18px; */ padding:0 7px 0 7px; /* background:url(../images/bkg_sep.gif) no-repeat 100% 4px; */ line-height:41px; } .header-container .quick-access .links li a { text-transform:uppercase; text-decoration:none; font-weight:normal;} .header-container .quick-access .links li a:hover { color:#fff; } .header-container .quick-access .checkout-link li { font-weight:bold; padding:0 0 0 12px; background-position:6px 4px; } .header-container .quick-access .cart-link li { font-weight:bold; padding:0 0 0 0px; background:none; } .quick-access-nav {height:42px; background:#1a1a1a; float :right; padding-right:50px;} #invitation-send-link { background:url(../images/bkg_sep.gif) no-repeat 100% 50%; padding:0 6px 0 0; margin:0 4px 0 0; font-weight:bold; } #invitation-send-link a { background:url(../images/bkg_invitation-link.gif) no-repeat 3px 6px; padding-left:23px; display:inline-block; } #invitation-send-link a, x:-moz-any-link { background-position:3px -2px; }/* FireFox 2 fix */ #invitation-send-link a, x:-moz-any-link, x:default { background-position:3px 6px; }/* FireFox 3 restore */ .header-panel { text-align:center; z-index:994; background:#fff url(../images/bkg_header-panel-bg.gif) repeat-x 0 100%; /* border-bottom:1px solid #c8c8c8; */ /* height:28px; */ line-height:28px; padding:0 0 0 11px; } .header-panel .welcome-msg { font-weight:bold; display:inline; float:left; line-height:28px; margin-right:5px; } .header-panel .links { float:left; line-height:28px; margin-right:11px; white-space:nowrap; } .header-panel .links li a { color:#1e75b4; } .header-panel .links li a:hover { color:#d33911; } .switches { float:right; background:#fff url(../images/bkg_header-panel-bg.gif) repeat-x 0 100%; padding:0 0 1px 0; } .switch { line-height:28px; margin-left:-1px; margin-right:0; display:inline; float:left; background:url(../images/bkg_header-panel.gif) no-repeat 0 -29px; padding-left:13px; } .switch label { font-weight:normal; margin-right:0; float:left; } .switch .switch-wrapper { float:left; position:relative; z-index:1; padding-left:7px; padding-right:11px; } .switch strong.current { font-weight:normal; } .switch .separator { margin:0 2px; font-size:10px; color:#8f8f8f; } .switch .switcher { color:#1e75b4; cursor:pointer; background:url(../images/bkg_header-panel.gif) no-repeat 100% -73px; padding:0 10px 0 0; margin:0 3px 0 1px; } .switch ul { position:absolute; min-width:100%; text-align:left; top:0; left:0; float:left; line-height:16px; padding:0 0 0 0; border-top:0; } .switch ul li { vertical-align:top; display:block; white-space:nowrap; border:1px solid #c8c8c8; border-top:0; } .switch ul li a { white-space:nowrap; display:block; background:#f2f2f2; padding:4px 6px; color:#1e75b4; text-decoration:none; } .switch ul li a:hover { color:#d33911; background:#f8f8f8; } .switch ul .current { line-height:28px; border:0; cursor:default; padding:0 7px; visibility:hidden; /* background:url(../images/bkg_header-panel.gif) repeat-x 0 0; */ } .switch ul .current span { padding-right:20px; background:url(../images/bkg_close.gif) no-repeat 100% 1px; } .switch .faded { color:#8f8f8f; } .switch .faded li { border-color:#e6e6e6; background-color:#f6f6f6; } .switch .faded a { color:#9ac1dd; } .switch ul, x:-moz-any-link { width:100%; }/* FireFox 2 fix */ .switch ul, x:-moz-any-link, x:default { width:auto; }/* FireFox 3 restore */ .list-opened { background-position:100% -129px !important; color:#d33911 !important; } .header .form-search { float:right; clear:right; padding:5px 0 0; white-space:nowrap; } .header .form-search label { display:none; } .header .form-search input.input-text { background:#fff url(../images/bkg_search-input.gif) no-repeat 0 0; padding-left:23px; width:185px; } .header .form-search a { display:none; } .header .form-search button.button { margin:0 0 0 2px; } .header .form-search .search-autocomplete { z-index:999; position:relative!important; top:0 !important; left:0 !important; height:0 !important; overflow:visible !important; } .header .form-search .search-autocomplete ul { border:1px solid #c7c7c7; border-top:0; padding-left:0; width:210px; background-color:#fcf8f4; position:absolute; top:-1px; } .header .form-search .search-autocomplete li { padding:4px 6px 4px 24px; border-bottom:1px solid #fff; font-size:12px; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-search .search-autocomplete li.last { border-bottom:0; } /********** < Navigation */ .nav-container { /* position:relative; z-index:100; padding-top: 1px; padding-bottom: 1px; background: #333333; */ } .nav-background {background:none repeat scroll 0 0 #1A1A1A; border-bottom:1px solid #262626;border-top:1px solid #333333; height:44px; margin-left:-5000px; position:absolute; top:79px; width:1000%;} .nav-background-ul {background:none repeat scroll 0 0 #1A1A1A; border:1px solid #333333; height:50px; margin-left:-5000px; position:absolute; top:124px; width:1000%; display:none;} #nav ul ul ul {display: none;} #nav2 ul ul ul {display: none;} #nav .nav-1 a.level-top {display: none;} #nav .nav-2 a.level-top {display: none;} #nav .nav-3 a.level-top {display: none;} #nav { text-align:left; padding-left:50px;} /* All Levels */ #nav li.over { z-index:990; } #nav li.parent { position:relative; } #nav li a span { cursor:pointer; } /* 1st Level (Top Level) */ #nav li.things { } #nav a.things { font-family:UnoviseFOP Black; font-size:18px; display: none; } #nav a.things span { white-space:nowrap; } #nav li.over a.things, #nav li.active a.things { background-position:0 -60px; border:0;} #nav li.over a.things { position:relative; z-index:2; } #nav li.over a.things span, #nav li.active a.things span { background-position:100% -60px; } #nav li.tactical { } #nav a.tactical { font-family:UnoviseFOP Black; font-size:18px; display: none; } #nav a.tactical span { white-space:nowrap; } #nav li.over a.tactical, #nav li.active a.tactical { background-position:0 -60px; border:0;} #nav li.over a.tactical { position:relative; z-index:2; } #nav li.over a.tactical span, #nav li.active a.tactical span { background-position:100% -60px; } #nav li.community { } #nav a.community { font-family:UnoviseFOP Black; font-size:18px; display: none; } #nav a.community span { white-space:nowrap; } #nav li.over a.community, #nav li.active a.community { background-position:0 -60px; border:0;} #nav li.over a.community { position:relative; z-index:2; } #nav li.over a.community span, #nav li.active a.community span { background-position:100% -60px; } /* 2nd Level */ #nav li.things.nav-2 ul.level1 { display:none;} #nav li.things.nav-3 ul.level1 { } #nav li.tactical.nav-2 ul.level1 { left:0;} #nav li.tactical.nav-1 ul.level1 { } #nav li.tactical.nav-3 ul.level1 { } #nav li.community.nav-1 ul.level1 { } #nav li.community.nav-2 ul.level1 { } #nav li.community.nav-3 ul.level1 { left:0;} /* #nav li.things.nav-1 ul.level1 .nav-1-2 ul {margin-left:-1096px;} #nav li.things.nav-1 ul.level1 .nav-1-3 ul {margin-left:-1162px;} #nav li.things.nav-1 ul.level1 .nav-1-4 ul {margin-left:-1222px;} #nav li.things.nav-1 ul.level1 .nav-1-6 ul {margin-left:-1308px;} #nav li.things.nav-1 ul.level1 .nav-1-7 ul {margin-left:-1359px;} */ #nav ul, #nav div { /* left:-10000px; position:absolute; top:72px; width:590px; */} #nav div ul { position:static; width:auto; background:none; padding:0; border:0 !important; } #nav ul li,#nav2 ul li { float:none; height:auto; display:inline-block; padding-right:15px; line-height:40px; z-index:10; position: relative;} #nav ul li.last { border-bottom:0; } #nav ul li.first.parent { } #nav ul li.parent {} #nav ul li a { font-size:10px; color:#999; text-decoration:none !important; font-weight:normal;} #nav ul li.last > a { /*padding-bottom:0;*/ } #nav ul li a:hover { color:#fff; } #nav ul li a span {line-height:44px; vertical-align:middle; letter-spacing:0.25px;} #nav ul li.over a.over { color:#fff; } #nav ul li.active > a { color:#fff; } /* 3rd+ Level */ #nav ul ul {left:-10000px; padding-left:1050px; background:none repeat scroll 0 0 #1A1A1A; border-bottom: 1px solid #333; height:50px; margin-left:-1050px; position:absolute; top:45px; width:5000%;} #nav ul ul li {padding-right:15px;} #nav ul ul li a span {line-height:50px; vertical-align:middle;} /* Show Menu */ #nav li .shown-sub {/* left:-1px;*/ z-index:991; } #nav li .shown-sub .shown-sub { /*left:0px;*/ } #nav li.level0 { } #nav li.level0.last { } /********** Navigation > tactical*/ .nav-container2 { /* position:relative; z-index:100; padding-top: 1px; padding-bottom: 1px; background: #333333; */} #nav2 { text-align:left; padding-left:50px;} /* All Levels */ #nav2 li.over { z-index:990; } #nav2 li.parent { position:relative; } #nav2 li a span { cursor:pointer; } /* 1st Level (Top Level) */ #nav2 li.things { } #nav2 a.things { font-family:UnoviseFOP Black; font-size:18px; display: none; } #nav2 a.things span { white-space:nowrap; } #nav2 li.over a.things, #nav2 li.active a.things { background-position:0 -60px; border:0;} #nav2 li.over a.things { position:relative; z-index:2; } #nav2 li.over a.things span, #nav2 li.active a.things span { background-position:100% -60px; } #nav2 li.tactical { } #nav2 a.tactical { font-family:UnoviseFOP Black; font-size:18px; display: none; } #nav2 a.tactical span { white-space:nowrap; } #nav2 li.over a.tactical, #nav2 li.active a.tactical { background-position:0 -60px; border:0;} #nav2 li.over a.tactical { position:relative; z-index:2; } #nav2 li.over a.tactical span, #nav2 li.active a.tactical span { background-position:100% -60px; } #nav2 li.community { } #nav2 a.community { font-family:UnoviseFOP Black; font-size:18px; display: none; } #nav2 a.community span { white-space:nowrap; } #nav2 li.over a.community, #nav2 li.active a.community { background-position:0 -60px; border:0;} #nav2 li.over a.community { position:relative; z-index:2; } #nav2 li.over a.community span, #nav2 li.active a.community span { background-position:100% -60px; } /* 2nd Level */ #nav2 li.things.nav-2 ul.level1 { display: none;} #nav2 li.things.nav-3 ul.level1 { display: none;} #nav2 li.tactical.nav-2 ul.level1 { left:0;} #nav2 li.tactical.nav-1 ul.level1 { display: none;} #nav2 li.tactical.nav-3 ul.level1 { display: none;} #nav2 li.community.nav-1 ul.level1 { display: none;} #nav2 li.community.nav-2 ul.level1 { display: none;} #nav2 li.community.nav-3 ul.level1 { left:0;} /* #nav2 ul .nav-2-1 ul {margin-left:-1048px;} #nav2 ul .nav-2-2 ul {margin-left:-1120px;} #nav2 ul .nav-2-3 ul {margin-left:-1208px;} #nav2 ul .nav-2-4 ul {margin-left:-1267px;} #nav2 ul .nav-2-5 ul {margin-left:-1353px;} #nav2 ul .nav-2-6 ul {margin-left:-1353px;} #nav2 ul .nav-2-7 ul {margin-left:-1423px;} */ #nav2 ul, #nav2 div { /* left:-10000px; position:absolute; top:72px; width:590px; */} #nav2 div ul { position:static; width:auto; background:none; padding:0; border:0 !important; } /*#nav2 ul li { float:none; height:auto; display:inline-block; padding-right:15px; }*/ #nav2 ul li.last { border-bottom:0; } #nav2 ul li.first.parent { } #nav2 ul li.parent {} #nav2 ul li a { font-size:10px; color:#919191; text-decoration:none !important; font-weight:normal;} #nav2 ul li.last > a { /*padding-bottom:0;*/ } #nav2 ul li a:hover { color:#fff; } #nav2 ul li a span,#nav ul li a span {line-height:44px; vertical-align:middle; letter-spacing:0.25px;font-size:11px;} #nav2 ul li.over a.over { color:#fff; } #nav2 ul li.active > a { color:#fff; } /* 3rd+ Level */ #nav2 ul ul {left:-10000px; background:none repeat scroll 0 0 #1A1A1A; border-bottom:1px solid #333333; padding-left:1050px; height:50px; margin-left:-1050px; position:absolute; top:45px; width:5000%;} #nav2 ul ul li,#nav ul ul li {padding:0;line-height:normal;display:block;} #nav2 ul ul li a span,#nav ul ul li a span {line-height:normal; vertical-align:middle;} #nav2 ul ul,#nav ul ul {display:none;margin:0;padding:0;width:208px;height:auto;top:auto;left:auto;border:1px solid #262626;border-top:none;position:absolute;z-index:10;} #nav2 ul ul li a,#nav ul ul li a {display:block;padding:8px 10px;} #nav2 ul ul li a:hover,#nav ul ul li a:hover {background: url(../images/over-account.png);color:#fff;} #nav2 ul li.over ul,#nav ul li.over ul {display:block;} #nav2 ul li.active ul,#nav ul li.active ul {} /* Show Menu */ / #nav2 li ul.shown-sub { /*left:-1px;*/ z-index:991; } #nav2 li .shown-sub .shown-sub { /*left:0px; */} #nav2 li.level0 { } #nav2 li.level0.last { } /********** Navigation > */ .cms-home .footer-background {} .cms-home .footer-container {margin-top:-80px;} .display-none {display: none;} .img-block {position:absolute; top:0px; z-index:-1; margin-left:-40px;} .img-block-2{position:absolute; z-index:-1; margin-left: -528px; top: 0px;} .img-block-3{position:absolute; z-index:-1; margin-left: -44px; top: 0px;} .sendfriend-product-send .header .row {display:none;} .sendfriend-product-send .col-main .row {margin-top:0;} .sendfriend-product-send .shadow-top {position:absolute; top:175px;} .wishlist-index-share .shadow-top, .review-customer-view .shadow-top, .checkout-multishipping-login .shadow-top, .checkout-multishipping-register .shadow-top, .customer-account-index .shadow-top, .customer-account-edit .shadow-top, .sales-order-view .shadow-top, .sales-order-history .shadow-top, .review-customer-index .shadow-top, .wishlist-index-index .shadow-top, .enterprise-customerbalance-info-index .shadow-top, .enterprise-giftcardaccount-customer-index .shadow-top, .exacttarget-manage-index .shadow-top, .exacttarget-manage-oops .shadow-top, .customer-address-index .shadow-top, .customer-address-form .shadow-top {display:none;} .col-main .shadow-top {display:block !important;} .checkout-multishipping-address-newshipping .shadow-top, .checkout-multishipping-billing .shadow-top, .checkout-multishipping-addresses .shadow-top, .checkout-multishipping-overview .shadow-top, .checkout-multishipping-shipping .shadow-top, .checkout-multishipping-success .shadow-top {/*top:176px;*/} .checkout-multishipping-register .col-main img {float:left; margin-top:23px;} .checkout-multishipping-register .account {margin-left:20px; width:420px;} .page-print, .page-print font {color:#333 !important;}