/** * 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) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ #nav { float:left; margin-top:0px; margin-left:1px; font-size:1.1em; list-style-type:none; /* background:url(../images/buttons/nav_bg.jpg); background-repeat:repeat-x;*/ height:42px;} /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position:relative;text-transform:uppercase; text-align:left; } #nav li.over { z-index:999; } #nav a { display:block; line-height:1.3em; text-decoration:none; list-style-type:none; padding:12px; } #nav a:hover { display:block; vertical-align:middle; /* color:#754751;*/ font-weight:bold; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav span:hover { display:block; cursor:pointer; font-weight:bold; text-decoration: underline;} #nav li ul span {white-space:normal; } #nav li.catogorycolor1 a { padding: 5px 11px; color:#9a6600; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor2 a { padding: 5px 11px; color:#666666; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor3 a { padding: 5px 11px; color:#cc9a34; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor4 a { padding: 5px 11px; color:#999999; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor5 a { padding: 5px 11px; color:#69520f; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor6 a { padding: 5px 11px; color:#41403c; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor7 a { padding: 5px 11px; color:#cc0000; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor8 a { padding: 5px 11px; color:#0D5150; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor9 a { padding: 5px 11px; color:#660066; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor10 a { padding: 5px 11px; color:#CCCD33; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor1 a:hover { padding: 5px 11px; color:#9a6600; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor2 a:hover { padding: 5px 11px; color:#666666; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor3 a:hover { padding: 5px 11px; color:#cc9a34; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor4 a:hover { padding: 5px 11px; color:#999999; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor5 a:hover { padding: 5px 11px; color:#69520f; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor6 a:hover { padding: 5px 11px; color:#41403c; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor7 a:hover { padding: 5px 11px; color:#cc0000; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor8 a:hover { padding: 5px 11px; color:#0D5150; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor9 a:hover { padding: 5px 11px; color:#660066; font-weight:bold; margin: 0px 5px; } #nav li.catogorycolor10 a:hover { padding: 5px 11px; color:#CCCD33; font-weight:bold; margin: 0px 5px; } .catogorycolor1 a { border-bottom: 10px #9a6600 solid; } .catogorycolor2 a { border-bottom: 10px #666666 solid; } .catogorycolor3 a { border-bottom: 10px #cc9a34 solid; } .catogorycolor4 a { border-bottom: 10px #999999 solid; } .catogorycolor5 a { border-bottom: 10px #69520f solid; } .catogorycolor6 a { border-bottom: 10px #41403c solid; } .catogorycolor7 a { border-bottom: 10px #cc0000 solid; } .catogorycolor8 a { border-bottom: 10px #0D5150 solid; } .catogorycolor9 a { border-bottom: 10px #660066 solid; } .catogorycolor10 a { border-bottom: 10px #CCCD33 solid; } .catogorycolor1 a:hover { border-bottom: 10px #9a6600 solid; } .catogorycolor2 a:hover { border-bottom: 10px #666666 solid; } .catogorycolor3 a:hover { border-bottom: 10px #cc9a34 solid; } .catogorycolor4 a:hover { border-bottom: 10px #999999 solid; } .catogorycolor5 a:hover { border-bottom: 10px #69520f solid; } .catogorycolor6 a:hover { border-bottom: 10px #41403c solid; } .catogorycolor7 a:hover { border-bottom: 10px #cc0000 solid; } .catogorycolor8 a:hover { border-bottom: 10px #0D5150 solid; } .catogorycolor9 a:hover { border-bottom: 10px #660066 solid; } .catogorycolor10 a:hover { border-bottom: 10px #CCCD33 solid; } /************ 0 LEVEL ***************/ #nav li { float:left; margin:0px 0px 0px 0px; padding:-2px 0px; } #nav li.active a { color:#444; } #nav a { float:left; padding-right:11px; color:#444; font-weight:bold; } /*#nav li.over a { margin-top:6px; } #nav li.over { margin-top:4px; }*/ #nav li.active { margin:0; border:0px solid #bbb; background:#ececec; } /************ 1ST LEVEL ************/ #nav ul li, #nav ul li.active, #nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; font-weight: bold; } #nav ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%; } #nav ul li.last { /* padding-bottom:0;*/ } #nav ul li.active { margin:0; border:0; background:none; } #nav ul a { float:none; padding:0; background:none; } #nav ul a:hover { float:none; padding:0; background:none; font-weight: bold;} #nav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #nav ul { position:absolute; width:16em; top:24px; left:-10000px; border:1px solid #bbb; border-bottom:2px solid #999; padding:3px 8px; background:#fcfcfc; font-size:11px; list-style-type:none; } /* Show menu */ #nav li.over > ul { left:-1px; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { padding:3px 0; color:#444 !important; border: 0px; } #nav ul li a:hover { padding:0; color:#444 !important; list-style-type:none; font-weight: normal !important; *padding-top:2px !important; *padding-bottom:6px !important;} /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } /************ Navigation borders *********/ #top_nav ul.amclighting_topnav .catogorycolor1 a { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor2 a { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor3 a { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor4 a { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor5 a { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor6 a { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor7 a { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor8 a { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor9 a { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor10 a { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor1 a:hover { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor2 a:hover { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor3 a:hover { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor4 a:hover { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor5 a:hover { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor6 a:hover { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor7 a:hover { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor8 a:hover { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor9 a:hover { border-bottom: none; } #top_nav ul.amclighting_topnav .catogorycolor10 a:hover { border-bottom: none; } /************ Navigation borders *********/ #top_nav { border-color:#CCCCCC; border-style:solid none; border-width:1px 0 2px 0; clear:both; position:relative; z-index:1000; margin: 0 0 8px -125% !important; padding: 0 0 0 123.5%; width: 350% !important; } #top_nav ul.amclighting_topnav { height:32px; margin:0 auto; padding-left:8px; width:952px; } #top_nav ul.amclighting_topnav li { text-transform: capitalize; float:left; position:relative; text-align:justify; } #top_nav ul.amclighting_topnav li.level0 { *padding-bottom: 7px; } #top_nav ul.amclighting_topnav li:last-child a, #top_nav ul.amclighting_topnav li:last-child a:hover { border: none; } #top_nav ul.amclighting_topnav li.amclighting_topnav_divider { padding-top: 6px; } #top_nav ul.amclighting_topnav li a, #top_nav ul.amclighting_topnav li a:hover { font-size: 1.2em; color: #000000; border-right:1px solid #CCCCCC; display:block; font-weight:bold; margin:7px 0; padding:0 15px; white-space:nowrap; } #top_nav ul.amclighting_topnav li.active { background-color: #cccccc; } #top_nav ul.amclighting_topnav li ul { background:none repeat scroll 0 0 #FFFFFF; border-color:#FFFFFF #CCCCCC #CCCCCC; border-style:solid; border-width:1px; position:absolute; z-index:80000; } #top_nav ul.amclighting_topnav li ul span { white-space: nowrap; font-weight: normal !important; } #top_nav ul.amclighting_topnav li ul span:hover { font-weight: normal; text-decoration: underline; } #top_nav ul.amclighting_topnav ul.level0 { top: 32px;} #top_nav ul.amclighting_topnav ul.level0 li { float: none; } #top_nav ul.amclighting_topnav ul.level0 li a { border:0 none; font-weight:normal; line-height:1em; margin:0; padding:4px 7px 4px 2px; } #top_nav ul.amclighting_topnav ul.level0 li:last-child a { font-weight:bold; padding-bottom:7px; } /******************Home page table***********************/ #top_wrapper { padding-bottom: 10px !important;} .home_page_table { border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; margin-top: -10px; padding-top: 10px; margin-bottom: -20px; } /************* Easy Category pages css ******************/ div.top_banner{ text-align: center; float: left; width: 97.7%; padding: 10px; border-left: solid 1px #AAAAAA; border-right: solid 1px #AAAAAA; } div.top_banner_image { float: left; width: 100%; } div.top_banner_image img { width: 100%; height: 250px; } div.top_banner_description { float: right; width: 30%; } div.top_banner_description .b1h { background-color: #000000; } div.top_banner_description .b2h, div.top_banner_description .b2bh, div.top_banner_description .b3h, div.top_banner_description .b3bh , div.top_banner_description .b4h, div.top_banner_description .b4bh { border-left-color: #000000; border-right-color: #000000; } div.top_banner_description .contenth { height: 240px; border-left-color: #000000; border-right-color: #000000; padding: 0 5px; } div.top_banner_description .contenth p { padding: 10px 0; } div.top-banner-text { text-align: center; float: left; width: 100%; border-left: solid 1px #AAAAAA; border-right: solid 1px #AAAAAA; width: 97.7%; padding: 10px;} .bottom_content { margin: 10px 0px; } .bottom_content .contenth { padding: 10px; } .bottom_cat_title .contenth h1 { text-align: center; } .bottom_content h2 { text-transform: uppercase; padding-bottom: 10px; font-size: 1.09em; } .bottom_content h3 { font-size: 1.03em; } body { overflow-x: hidden; }