/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-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) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Reset styles */ .wrapper, .header, .header-top-container, .header-top, .header-nav-container, .middle-container, .middle, .footer-container, .footer, .informational {margin: 0 auto; width: auto; padding: 0; background: none; background-color: transparent; border: 0;} /* Tags */ body {background: #4f4f5c; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 80%; text-align: center;} h1, h2, h3, h4, h5, h6, caption {margin: .67em 0; padding-bottom: .24em; color: #363895; font-family: "Myriad Pro", Tahoma, Arial, sans-serif; font-weight: normal;} h2, h3, h4, h5, h6 {margin-bottom: .2em; padding-bottom: 0;} h1 {font-size: 22px; color: #70abdc;} h2 {font-size: 16px;} h3 {font-size: 14px;} h4 {font-size: 13px;} h5 {font-size: 12px;} h6 {font-size: 11px;} acronym, abbr {border-bottom: 0;} acronym:hover, abbr:hover {cursor: help;} p:hover acronym, p:hover abbr {border-bottom: 1px dotted;} a img {border: 0;} a:link {color: #1880c0;} a:visited {color: #1880c0;} a:hover {color: #363895; text-decoration: underline;} a:active {color: #363895;} a:focus {color: #363895;} .wrapper {width: 926px;} .header-inner, .header-top-container, .header-nav-container, .middle, .footer {margin: 0 auto; width: 896px; color: #333;} .wrapper {background: url(../images/page-tile.gif) 50% 0 repeat-y; margin-top: 3px; text-align: left;} .header {background: url(../images/page-top.gif) 50% 0 no-repeat;} .footer-container {background: url(../images/page-end.gif) 50% 100% no-repeat; padding-bottom: 16px;} .footer {background: #f0f0f0 url(../images/footer-lower-bg.gif) 0 100% repeat-x; color: #363895;} .header-top {margin-top: 12px; height: 136px; background: #fff; border: 1px solid #333; border-bottom: 0;} .header-left {float: left; margin: 19px 0 0 44px; width: 170px; height: 100px;} h1#logo {float: none; margin: 0; width: auto;} .header-right {float: right; margin: 0; padding: 0; width: 680px; height: 136px; overflow: hidden; background: url(../images/header-bg.jpg) 0 0 no-repeat;} .slogan {margin: 24px 16px 0 0;} .slogan h1 {margin: 0; padding: 0; font-size: 21px; color: #1880c0; text-align: right;} .slogan h1 strong {font-weight: normal;} .contact-info {margin: 26px 16px 0 0;} .contact-info p {margin: 0; padding: 0; font-family: "Myriad Pro", Tahoma, Arial, sans-serif; font-size: 18px; color: #6c6e6f; text-align: right;} /* Top menu (CMS) ------------------------------ */ .nav {} .nav-inner {background: #363895; border-bottom: 1px solid #999; color: #fff;} .nav .menu {font-size: 11px; font-weight: bold;} .nav .menu li {float: left;} .nav .menu li a {width: auto; display: block;} .nav ul, .nav li, .nav a {z-index: 1000;} .nav ul {list-style-type: none; margin: 0 auto; padding: 0;} .nav ul li {position: relative !important; color: #fff; text-align: center;} .nav ul li {border-right: 1px solid #999;} .nav ul li:first-child {} .nav ul li a {display: block; color: #fff; padding: 10px 22px 8px 22px; line-height: normal;} .nav ul li a:link, .nav ul li a:visited {text-decoration: none;} .nav ul li a:hover, .nav ul li a:focus {background: url(../images/nav-hover.gif) 0 0 repeat-x; color: #fff;} .nav ul li a:active, .nav ul li a.active{background: #fff url(../images/nav-current.gif) 0 0 repeat-x; color: #1880c0; border-top: 1px solid #999; padding-bottom: 7px;} .col-main {/*float: left; width: 896px;*/} .col-1-layout {width: 876px; background: #fff; padding: 10px;} .col-2-left-layout .col-main {float: right; width: 620px; padding: 10px;} .side-col {float: left; width: 255px;} /* checkout only template changes */ .checkout-layout {width: 866px; padding: 15px 15px 80px; background: #fff;} .checkout-layout .col-main {width: 650px;} .checkout-layout .side-col {width: 200px; margin-left: 15px; padding-top: 0; background: none; border-right: 0;} .checkout-layout .one-page-checkout .head {border-width: 1px 1px 2px; border-color: #fff #ddd #ccc;} .checkout-layout .one-page-checkout h3 {color: #363895;} /* Product List/Grid */ .product-image a img {border: 1px solid #eee;} .product-image a img:hover {border: 1px solid #ddd;} .catalog-listing h5 {font-weight: normal;} .catalog-listing h5 a {text-decoration: none;} /* Product List */ .listing-item {} .listing-item .product-image {width: 100px;} .listing-item .product-shop {float: left; width: 400px;} .listing-item .form-button {float: right;} /* Product Grid */ .col-2-left-layout .listing-type-grid li.item, .col-2-right-layout .listing-type-grid li.item {width: 186px;} /* Product Detail */ .product-info-box {border: 0;} .product-essential, .product-collateral {padding: 0;} .product-collateral {background: none;} .product-collateral .head {border-color: #ccc;} .product-collateral .collateral-box h4 {color: #363895;} .product-img-box .product-image-zoom img {} /* Product Options */ .product-options {padding: 10px 15px;} .product-options dt {padding: 0;} .product-options dd {padding: 0;} .product-options p.required {padding: 5px 0 0 0;} /* Grouped Product */ /*#super-product-table {position: relative; top: 215px; left: -288px; width: 600px;} .regular-price .price {font-size: 90%}*/ /* Side Column */ .side-col {background: #f0f0f0 url(../images/col-side-grad.gif) 1px 1px no-repeat; border-right: 1px solid #999; padding-top: 16px; padding-bottom: 28px;} .side-col .box {margin: 0;} .base-mini {background: none; border: 0; line-height: normal; font-size: inherit;} .base-mini .head {margin: 0; /*padding: 10px 14px;*/ padding: 0; line-height: normal; background: none; border-bottom: 1px solid #fff; font-size: 14px; color: #275caa;} .base-mini .head h4, .side-col h4, .layered-nav h4 {margin: 0; padding: 10px 14px; background: none; border: 0; border-bottom: 1px solid #999; font-size: 14px; color: #275caa; text-transform: none;} .layered-nav .border-creator {border: 0;} .base-mini .content, .narrow-by dl {background: #f0f0f0 url(../images/col-side-grad.gif) 2px 0px no-repeat;} /* Search */ .mini-search {background: none; height: auto; padding: 0; position: relative; right: auto; top: auto; width: auto;} .mini-search .input-text {float: left; margin-right: 2px; width: 142px; height: 15px; padding: 1px 2px;} .mini-search-submit {} /* Cart */ .data-table .odd {background: #f0f0f0;} /* Mini Cart */ .mini-cart .subtotal {margin-top: 0; padding-top: 0;} /* Colour changes */ .form-button, .form-button-alt {background: #1880c0 none; border: 1px solid #2358a9;} .base-mini .content, .base-mini ol {background: transparent;} /* Footer ------------------------------ */ .footer {} .footer-inner {/*border: 1px solid #333;*/ border-top: 1px solid #999;} .footer-inner li {display: inline; margin: 0; padding: 0 6px 0 0; list-style-type: none;} .footer a, .footer a:link, .footer a:visited {text-decoration: none;} .footer a:hover, .footer a:focus, .footer a:active {text-decoration: underline;} .footer p {margin: 0;} .footer-upper {background: #e0e0e0; border-bottom: 1px solid #999; font-size: 10px;} .footer-lower {font-size: 11px; line-height: 18px;} .footer-left {float: left;} .footer-right {float: right; width: 350px; text-align: right;} .footer-upper .footer-left, .footer-lower .footer-left {margin: 8px 0 0 8px; padding-bottom: 8px;} .footer-upper .footer-right, .footer-lower .footer-right {margin: 8px 8px 0 0; padding-bottom: 8px;} .footer-lower .footer-right {margin-top: 18px;} .footer-lower .footer-right img {margin-top: -9px;} .author {font-size: 10px; text-align: right; color: #fff;} .author p {margin-right: 15px; padding-bottom: 10px;} .author a, .author a:link, .author a:visited {text-decoration: none; color: #fff;} .author a:hover, .author a:focus, .author a:active {text-decoration: underline; color: #fff;} /* Home category links */ .home-callouts {overflow: hidden;} .callout {} .featured-product {float: none; clear: both; margin-bottom: 10px;} .callout-row {float: none; clear: both;} .category-range {float: left; width: 305px; margin-bottom: 10px;} .category-thumbs {padding-bottom: 15px;} .category-thumb {float: left; margin: 15px 0 0 10px; padding: 6px 0; width: 194px; text-align: center; border: 1px solid #ccc;} .category-thumb img {border: 1px solid #ddd; margin-bottom: 5px;} .category-thumb a {text-decoration: none;} .sub-cats {float: left; margin: 15px 0 0 10px; padding: 6px 0; width: 388px;} .sub-cats dl {} .sub-cats dt {border-bottom: 1px solid #1880C0; font-family: "Myriad Pro", Tahoma, Arial, sans-serif; font-weight: normal; font-size: 140%; color: #363895;} .sub-cats dd {background: #eee; padding: 10px;} .sub-cats dd li {background: url(../images/bullet-arrow.gif) 0 6px no-repeat; padding-left: 15px; text-align: left;} /* Presentation ------------------------------ */ .centre {text-align: center;} .left {float: left;} .right {float: right;} img.right {float: right; margin: 2px 0px 5px 15px;} img.left {float: left; margin: 2px 15px 5px 0px;} th.left, td.left {float: none !important;} th.right, td.right {float: none !important;} span.left, span.right {} span.left {float: none;} span.right {float: none; margin-left: 15px;} td.left , td.right {float: none;} td.left {text-align: left;} td.right {text-align: right;} #loading-mask {color:#D85909; font-size:1.1em; font-weight:bold; opacity:0.8; position:absolute; text-align:center; z-index:500;} #loading-mask .loader {background:#FFF4E9 none repeat scroll 0 0; border:2px solid #F1AF73; color:#D85909; font-weight:bold; left:50%; margin-left:-60px; padding:15px 60px; position:fixed; text-align:center; top:45%; width:120px; z-index:1000;} /*no more 404s */ .quick-access li {background:none;} .product-essential {background:none;} /* Call for Price */ .product-call-price strong {font-weight: normal; color: #c00;} /**********************************************Vertical Nav ****************************************/ #nav_vert {margin: 0 auto; width: 224px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #333333;} /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav_vert li {width: 220px; list-style: none; position: relative; background: url(../images/bullet-arrow.gif) 0 6px no-repeat; padding-left: 15px; text-align: left;} #nav_vert li.over {z-index: 999;} #nav_vert li.active {z-index: 999;} /* to prevent the li separator from showing through on mouseover on li */ #nav_vert a {color: #333333;} #nav_vert a, #nav_vert a:hover {display: block; text-decoration: none;} #nav_vert a:hover, #nav_vert a:focus {color: #275caa;} #nav_vert span {display: block; cursor: pointer;} /************ 1ST LEVEL ***************/ #nav_vert li {float: left; margin-right: 1px;} #nav_vert li.active a {} #nav_vert a {} #nav_vert li.over a, #nav_vert a:hover {} /************ 1ST LEVEL RESET ************/ #nav_vert li, #nav_vert li.active {float: none; height: auto; margin: 3px auto 4px;} #nav_vert li.active a {font-weight: bold;} #nav_vert li.active ul a {font-weight: normal;} #nav_vert a, #nav_vert a:hover {float: none;} #nav_vert li a {font-weight: normal;} /************ 2ND LEVEL ***********/ #nav_vert ul {/*position: absolute; width: 15em; margin-left: 125px; top: 5px; left: -10000px; border: 1px solid #666666;*/} /* Show menu */ #nav_vert li.over ul {} #nav_vert li.over ul ul {} #nav_vert li.over ul li.over ul {} #nav_vert ul li a {} #nav_vert ul li a:hover {} #nav_vert ul li a span {background: none;} #nav_vert ul li a, #nav_vert ul li a:hover {} #nav_vert ul span, #nav_vert ul li.last li span {padding: 0px 15px 0px 0;} #nav_vert ul li.last span {background: none;} /************ 3RD+ LEVEL ************/ #nav_vert ul ul {position: absolute; top: -999em; left: -999em;} #nav_vert ul ul ul {} #nav_vert li.over ul li.over ul ul {} #nav_vert li.over ul li.over ul li.over ul {} /* Fix for the IE bug */ #nav_vert iframe {/*position: absolute; left: -1px; top: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);*/} /* Clearfix (for nested elements that float) ----------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */