/* You can add/edit your styles below. To utilize this stylesheet in your store, add the following line to the section of your website (usually found in _meta.tpl): */ .JQNovaDropdown { position:relative; width:100%; height:25px; z-index:100; } .JQNovaDropdown .top_menu { margin:0px; padding:0px; list-style:none outside none; } /* SUB MENU */ .JQNovaDropdown .sub_menu_container { position:absolute; display:none; overflow:hidden; padding:0px 5px 5px 5px; margin-left:-5px; } .JQNovaDropdown .sub_menu_panel { padding:10px 5px 15px 5px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; border-width:1px; border-color:#295b08; border-style:solid; background:#FFFFFF; box-shadow:1px 1px 3px rgba(0,0,0,0.5); } .JQNovaDropdown .sub_menu_column { float:left; } .JQNovaDropdown .sub_menu_separator { margin-right:2px; padding-right:2px; border-right-width:1px; border-right-style:none; border-right-color:#CCCCCC; } .JQNovaDropdown .sub_menu { margin:0px; padding:0px; list-style:none outside none; } .JQNovaDropdown .sub_menu li { list-style:none outside none; } /* TOP ITEM */ .JQNovaDropdown .top_item { position:relative; display:inline-block; float:left; list-style:none outside none; height:25px; border-right-width:1px; border-right-style:none; border-right-color:#FFFFFF; background:#295b08; } .JQNovaDropdown .top_item a { text-decoration:none; } .JQNovaDropdown .top_item span.wrapper { display:block; height:20px; padding:5px 40px 0px 40px; cursor:pointer; } .JQNovaDropdown .top_item img.icon { display:block; float:left; margin:2px 5px 0px -5px; } .JQNovaDropdown .top_item span.caption { display:block; float:left; } .JQNovaDropdown .top_item span.title { display:block; font-family:Arial; font-size:14px; color:#FFFFFF; font-weight:bold; text-indent:0px; text-shadow:0px 1px rgba(0,0,0,0.2); white-space:nowrap; } .JQNovaDropdown .top_item span.subtitle { display:block; margin-top:-5px; font-family:sans-serif; font-size:10px; color:#FFFFFF; text-indent:1px; white-space:nowrap; } .JQNovaDropdown .top_item span.parent { padding-right:20px; background:url(images/arrow_down_normal.png); background-repeat:no-repeat; background-position:right center; } .JQNovaDropdown .top_item > div.hover { position:absolute; z-index:1; background:#295b08; } .JQNovaDropdown .top_item.hover > div.wrapper span.parent { background:url(images/arrow_down_hover.png); background-repeat:no-repeat; background-position:right center; } .JQNovaDropdown .top_item.hover > div.wrapper span.title { color:#FFFFFF; } .JQNovaDropdown .top_item.hover > div.wrapper span.subtitle { color:#FFFFFF; } .JQNovaDropdown .top_item.active { background:#295b08; } .JQNovaDropdown .top_item.active span.parent { background:url(images/arrow_down_active.png); background-repeat:no-repeat; background-position:right center; } .JQNovaDropdown .top_item.active span.title { color:#F0F0F0; } .JQNovaDropdown .top_item.active span.subtitle { color:#FFFFFF; } /* SUB ITEM */ .JQNovaDropdown .sub_item { height:13px; border-bottom-width:1px; border-bottom-style:none; border-bottom-color:#FFFFFF; background:#FFFFFF; margin:2px 2px 5px 0px; } .JQNovaDropdown .sub_item a { text-decoration:none; } .JQNovaDropdown .sub_item span.wrapper { display:block; padding:2px 2px 3px 0px; cursor:pointer; } .JQNovaDropdown .sub_item img.icon { display:block; float:left; margin:-3px 5px 0px -5px; } .JQNovaDropdown .sub_item span.title { display:block; font-family:Arial; font-size:12px; font-weight:normal; color:#000000; text-indent:0px; text-shadow:0px 1px rgba(0,0,0,0.2); white-space:nowrap; } .JQNovaDropdown .sub_item span.subtitle { display:block; margin-top:-2px; font-family:sans-serif; font-size:10px; color:#000000; text-indent:0px; white-space:nowrap; } .JQNovaDropdown .sub_item span.parent { background:url(images/arrow_right_normal.png); background-repeat:no-repeat; background-position:right center; } .JQNovaDropdown .sub_item > div.hover { position:absolute; z-index:1; background:#FFFFFF; } .JQNovaDropdown .sub_item.hover > div.wrapper span.parent { background:url(images/arrow_right_hover.png); background-repeat:no-repeat; background-position:right center; } .JQNovaDropdown .sub_item.hover > div.wrapper span.title { color:#000000; :.JQNovaDropdown; } .JQNovaDropdown .top_menu { margin:0px; padding:0px; list-style:none outside none; } /* SUB MENU */ .JQNovaDropdown .sub_menu_container { position:absolute; display:none; overflow:hidden; padding:0px 5px 5px 5px; margin-left:-5px; } .JQNovaDropdown .sub_menu_panel { padding:10px 5px 15px 5px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; border-width:1px; border-color:#295b08; border-style:solid; background:#FFFFFF; box-shadow:1px 1px 3px rgba(0,0,0,0.5); } .JQNovaDropdown .sub_menu_column { float:left; } .JQNovaDropdown .sub_menu_separator { margin-right:2px; padding-right:2px; border-right-width:1px; border-right-style:none; border-right-color:#CCCCCC; } .JQNovaDropdown .sub_menu { margin:0px; padding:0px; list-style:none outside none; } .JQNovaDropdown .sub_menu li { list-style:none outside none; } /* TOP ITEM */ .JQNovaDropdown .top_item { position:relative; display:inline-block; float:left; list-style:none outside none; height:25px; border-right-width:1px; border-right-style:none; border-right-color:#FFFFFF; background:#295b08; } .JQNovaDropdown .top_item a { text-decoration:none; } .JQNovaDropdown .top_item span.wrapper { display:block; height:20px; padding:5px 40px 0px 40px; cursor:pointer; } .JQNovaDropdown .top_item img.icon { display:block; float:left; margin:2px 5px 0px -5px; } .JQNovaDropdown .top_item span.caption { display:block; float:left; } .JQNovaDropdown .top_item span.title { display:block; font-family:Arial; font-size:14px; color:#FFFFFF; font-weight:bold; text-indent:0px; text-shadow:0px 1px rgba(0,0,0,0.2); white-space:nowrap; } .JQNovaDropdown .top_item span.subtitle { display:block; margin-top:-5px; font-family:sans-serif; font-size:10px; color:#FFFFFF; text-indent:1px; white-space:nowrap; } .JQNovaDropdown .top_item span.parent { padding-right:20px; background:url(images/arrow_down_normal.png); background-repeat:no-repeat; background-position:right center; } .JQNovaDropdown .top_item > div.hover { position:absolute; z-index:1; background:#295b08; } .JQNovaDropdown .top_item.hover > div.wrapper span.parent { background:url(images/arrow_down_hover.png); background-repeat:no-repeat; background-position:right center; } .JQNovaDropdown .top_item.hover > div.wrapper span.title { color:#FFFFFF; } .JQNovaDropdown .top_item.hover > div.wrapper span.subtitle { color:#FFFFFF; } .JQNovaDropdown .top_item.active { background:#295b08; } .JQNovaDropdown .top_item.active span.parent { background:url(images/arrow_down_active.png); background-repeat:no-repeat; background-position:right center; } .JQNovaDropdown .top_item.active span.title { color:#F0F0F0; } .JQNovaDropdown .top_item.active span.subtitle { color:#FFFFFF; } /* SUB ITEM */ .JQNovaDropdown .sub_item { height:13px; border-bottom-width:1px; border-bottom-style:none; border-bottom-color:#FFFFFF; background:#FFFFFF; margin:2px 2px 5px 0px; } .JQNovaDropdown .sub_item a { text-decoration:none; } .JQNovaDropdown .sub_item span.wrapper { display:block; padding:2px 2px 3px 0px; cursor:pointer; } .JQNovaDropdown .sub_item img.icon { display:block; float:left; margin:-3px 5px 0px -5px; } .JQNovaDropdown .sub_item span.title { display:block; font-family:Arial; font-size:12px; font-weight:normal; color:#000000; text-indent:0px; text-shadow:0px 1px rgba(0,0,0,0.2); white-space:nowrap; } .JQNovaDropdown .sub_item span.subtitle { display:block; margin-top:-2px; font-family:sans-serif; font-size:10px; color:#000000; text-indent:0px; white-space:nowrap; } .JQNovaDropdown .sub_item span.parent { background:url(images/arrow_right_normal.png); background-repeat:no-repeat; background-position:right center; } .JQNovaDropdown .sub_item > div.hover { position:absolute; z-index:1; background:#FFFFFF; } .JQNovaDropdown .sub_item.hover > div.wrapper span.parent { background:url(images/arrow_right_hover.png); background-repeat:no-repeat; background-position:right center; } .JQNovaDropdown .sub_item.hover > div.wrapper span.title { color:#000000; } .JQNovaDropdown .sub_item.hover > div.wrapper span.subtitle { color:#000000; } /* EXTRA ITEMS */ .JQNovaDropdown .sub_item_link { margin:5px 10px 1px 0px; padding-left:0px; background:none; background-repeat:no-repeat; background-position:0px center; } .JQNovaDropdown .sub_item_link a { font-family:Arial; font-weight:bold font-size:14px; color:#063; text-decoration:none; text-align:left } .JQNovaDropdown .sub_item_link a:hover { text-decoration:underline; color:#063; } .JQNovaDropdown .sub_item_group { margin:15px 5px 3px 10px; padding:0px; } .JQNovaDropdown .sub_item_group img.icon { display:block; float:left; margin:-5px 0px 0px -5px; } .JQNovaDropdown .sub_item_group span.title { display:block; font-family:Arial; font-size:14px; color:#000000; font-weight:normal; text-indent:1px; text-shadow:0px 1px rgba(0,0,0,0.2); white-space:nowrap; } .JQNovaDropdown .sub_item_group span.subtitle { display:block; margin-top:-2px; font-family:sans-serif; font-size:10px; color:#707070; text-indent:1px; white-space:nowrap; } .JQNovaDropdown .sub_item_html { margin:5px 10px 5px 20px; font-family:sans-serif; font-size:10px; color:#505050; } .JQNovaDropdown .sub_item_separator { padding-top:2px; margin-bottom:2px; border-bottom-width:1px; border-bottom-style:none; border-bottom-color:#CCCCCC; }