/*-------------------------------------------------------- # BT autoMart v1.0 (February 2012) - Joomla! Template # ------------------------------------------------------- # For Joomla! 1.7.x & Joomla! 2.5.x # Copyright (C) 2012 Bonusthemes.com. All Rights Reserved. # @license Copyrighted Commercial Software # Demo: http://www.bonusthemes.com/demo/joomla17/automart/ # Website: http://www.bonusthemes.com/ # Support: support@bonusthemes.com ------------------------------------------------------- */ /* Son of Suckerfish Dropdowns ------------------------------------------------------- Originally developed by Patrick Griffiths and Dan Webb http://www.htmldog.com/articles/suckerfish/dropdowns/ ------------------------------------------------------- */ #bt_nav_menu, #bt_nav_menu ul { padding: 0; margin: 0; list-style: none; } #bt_nav_menu a, #bt_nav_menu span.separator { display: block; } #bt_nav_menu li { float: left; } #bt_nav_menu li ul { position: absolute; left: -999em; } #bt_nav_menu li ul ul { margin: -1.5em 0 0 176px; } #bt_nav_menu li:hover ul ul { left: -999em; } #bt_nav_menu li:hover ul, #bt_nav_menu li li:hover ul { left: auto; } /* 4 levels */ #bt_nav_menu li:hover ul ul, #bt_nav_menu li:hover ul ul ul, #bt_nav_menu li:hover ul ul ul ul { left: -999em; } #bt_nav_menu li:hover ul, #bt_nav_menu li li:hover ul, #bt_nav_menu li li li:hover ul, #bt_nav_menu li li li li:hover ul{ left: auto; } /* default */ ul#bt_nav_menu { overflow: hidden; font-family: Yanone Kaffeesatz, Verdana, Tahoma, Geneva, sans-serif; } /* 0 Level ------------------------------------------------------ */ #bt_nav_menu li { font-size: 26px; background: transparent; text-align: center; line-height: 60px; height: 60px; } /* li: img */ #bt_nav_menu li img { vertical-align: middle; margin-right: 15px; position: relative; top: -3px; } #bt_nav_menu li span.image-title { } /* bg */ #bt_nav_menu li.bt_first_zero_level, #bt_nav_menu li.active.bt_first_zero_level { background: #F8F8F8; width: 180px; } #bt_nav_menu li.active, #bt_nav_menu li:hover { background: #fff; } #bt_nav_menu li.bt_first_zero_level{background: rgba(248, 248, 248, 0);} /* a: default */ #bt_nav_menu li a, #bt_nav_menu li span.separator { text-decoration: none; padding: 0 15px; cursor: pointer; color: #3D3D3D;font-size: 26.7px!important; } /* a: default hover*/ #bt_nav_menu li a:hover, #bt_nav_menu li span.separator:hover, #bt_nav_menu li.parent:hover, #bt_nav_menu li:hover a, #bt_nav_menu li:hover span.separator { color: #fff; background: #eb870e; } /* a: active hover*/ #bt_nav_menu li.active:hover a, #bt_nav_menu li.active:hover span.separator { color: #fff; } /* a: if have child (insert arrow) */ #bt_nav_menu li.parent, #bt_nav_menu li.parent.active { padding: 0 0px 0 0; } #bt_nav_menu li.parent a, #bt_nav_menu li.parent.active a, #bt_nav_menu li.parent span.separator { padding:0px 10px 0px 10px;background: rgba(71, 56, 56, 0);width: 190px; } /* 1 Level ------------------------------------------------------ */ #bt_nav_menu li ul { width: 240px; margin: 0; padding: 0; z-index: 2; padding-top: 20px; background: transparent url("../../images/skin1/menu/sub_level_bg.png") no-repeat left top; border-bottom: 9px solid #E2E2E1; } #bt_nav_menu li ul li, #bt_nav_menu li.parent ul li.parent { padding: 0 0 10px 0; width: 222px; border: none; font-size: 20px; height: 38px; line-height: 38px; background: #F1F1F1; list-style: none; border-left: 9px solid #E2E2E1; border-right: 9px solid #E2E2E1; text-align: left; } /* bg */ #bt_nav_menu li ul li.active, #bt_nav_menu li ul li:hover { background: #F1F1F1; } /* active, hover */ #bt_nav_menu li ul li.active, #bt_nav_menu li ul li:hover { list-style: none; } /* right arrow on parent items */ #bt_nav_menu li.parent.active ul li.parent, #bt_nav_menu li.parent ul li.parent { background: #F1F1F1 url("../../images/skin1/menu/menu_arrow_right.png") no-repeat 95% 55%; } /*********(no active - avoid padding)*********/ /* a: no active */ #bt_nav_menu li ul li a, #bt_nav_menu li ul li span.separator { position: relative; top: -1px; background: transparent url("../../images/skin1/menu/menu_item_separator.png") repeat-x top center !important; padding: 5px 0 0 0; margin: 0 10px; } /* remove top bg from first level*/ #bt_nav_menu li ul li.bt_first_level a, #bt_nav_menu li ul li.bt_first_level span.separator { background: none !important; } /* ************ (NO ACTIVE) ************ */ /*a: no active*/ #bt_nav_menu li ul li a span, #bt_nav_menu li ul li ul li a span, #bt_nav_menu li ul li ul li ul li a span, #bt_nav_menu li ul li ul li ul li ul li a span, #bt_nav_menu li ul li span.separator span, #bt_nav_menu li ul li ul li span.separator span, #bt_nav_menu li ul li ul li ul li span.separator span, #bt_nav_menu li ul li ul li ul li ul li span.separator span, /*j17*/ #bt_nav_menu li ul li a, #bt_nav_menu li ul li ul li a, #bt_nav_menu li ul li ul li ul li a, #bt_nav_menu li ul li ul li ul li ul li a, #bt_nav_menu li ul li span.separator, #bt_nav_menu li ul li ul li span.separator, #bt_nav_menu li ul li ul li ul li span.separator, #bt_nav_menu li ul li ul li ul li ul li span.separator {color: #505050 !important;} /*a:hover no active*/ #bt_nav_menu li ul li a span:hover, #bt_nav_menu li ul li ul li a span:hover, #bt_nav_menu li ul li ul li ul li a span:hover, #bt_nav_menu li ul li ul li ul li ul li a span:hover, #bt_nav_menu li ul li span.separator span:hover, #bt_nav_menu li ul li ul li span.separator span:hover, #bt_nav_menu li ul li ul li ul li span.separator span:hover, #bt_nav_menu li ul li ul li ul li ul li span.separator span:hover, /*j17*/ #bt_nav_menu li ul li a:hover, #bt_nav_menu li ul li ul li a:hover, #bt_nav_menu li ul li ul li ul li a:hover, #bt_nav_menu li ul li ul li ul li ul li a:hover, #bt_nav_menu li ul li span.separator:hover, #bt_nav_menu li ul li ul li span.separator:hover, #bt_nav_menu li ul li ul li ul li span.separator:hover, #bt_nav_menu li ul li ul li ul li ul li span.separator:hover {color: #3D6C92 !important;} /* ************ (ACTIVE) ************ */ /*a: active*/ #bt_nav_menu li.active ul li.active a span, #bt_nav_menu li.active ul li.active ul li.active a span, #bt_nav_menu li.active ul li.active ul li.active ul li.active a span, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li.active a span, #bt_nav_menu li.active ul li.active span.separator span, #bt_nav_menu li.active ul li.active ul li.active span.separator span, #bt_nav_menu li.active ul li.active ul li.active ul li.active span.separator span, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li.active span.separator span, /*j17*/ #bt_nav_menu li.active ul li.active a, #bt_nav_menu li.active ul li.active ul li.active a, #bt_nav_menu li.active ul li.active ul li.active ul li.active a, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li.active a, #bt_nav_menu li.active ul li.active span.separator, #bt_nav_menu li.active ul li.active ul li.active span.separator, #bt_nav_menu li.active ul li.active ul li.active ul li.active span.separator, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li.active span.separator {color: #3D6C92 !important;} /*a:hover active*/ #bt_nav_menu li.active ul li.active a span:hover, #bt_nav_menu li.active ul li.active ul li.active a span:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active a span:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li.active a span:hover, #bt_nav_menu li.active ul li.active span.separator span:hover, #bt_nav_menu li.active ul li.active ul li.active span.separator span:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active span.separator span:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li.active span.separator span:hover, /*j17*/ #bt_nav_menu li.active ul li.active a:hover, #bt_nav_menu li.active ul li.active ul li.active a:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active a:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li.active a:hover, #bt_nav_menu li.active ul li.active span.separator span:hover, #bt_nav_menu li.active ul li.active ul li.active span.separator span:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active span.separator span:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li.active span.separator span:hover {color: #3D6C92 !important;} /*a: no active*/ #bt_nav_menu li.active ul li a span, #bt_nav_menu li.active ul li.active ul li a span, #bt_nav_menu li.active ul li.active ul li.active ul li a span, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li a span, #bt_nav_menu li.active ul li span.separator span, #bt_nav_menu li.active ul li.active ul li span.separator span, #bt_nav_menu li.active ul li.active ul li.active ul li span.separator span, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li span.separator span, /*j17*/ #bt_nav_menu li.active ul li a, #bt_nav_menu li.active ul li.active ul li a, #bt_nav_menu li.active ul li.active ul li.active ul li a, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li a, #bt_nav_menu li.active ul li span.separator, #bt_nav_menu li.active ul li.active ul li span.separator, #bt_nav_menu li.active ul li.active ul li.active ul li span.separator, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li span.separator {color: #505050 !important;} /*a:hover no active*/ #bt_nav_menu li.active ul li a span:hover, #bt_nav_menu li.active ul li.active ul li a span:hover, #bt_nav_menu li.active ul li.active ul li.active ul li a span:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li a span:hover, #bt_nav_menu li.active ul li span.separator span:hover, #bt_nav_menu li.active ul li.active ul li span.separator span:hover, #bt_nav_menu li.active ul li.active ul li.active ul li span.separator span:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li span.separator span:hover, /*j17*/ #bt_nav_menu li.active ul li a:hover, #bt_nav_menu li.active ul li.active ul li a:hover, #bt_nav_menu li.active ul li.active ul li.active ul li a:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li a:hover, #bt_nav_menu li.active ul li span.separator:hover, #bt_nav_menu li.active ul li.active ul li span.separator:hover, #bt_nav_menu li.active ul li.active ul li.active ul li span.separator:hover, #bt_nav_menu li.active ul li.active ul li.active ul li.active ul li span.separator:hover {color: #3D6C92 !important;} /* 2, 3, 4 Levels (the same as level 1 except border) ------------------------------------------------------ */ #bt_nav_menu li ul li ul, #bt_nav_menu li ul li ul li ul, #bt_nav_menu li ul li ul li ul li ul { }