/* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_drop11.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .preload1 {background: url(menu/subtop.png); z-index:700;} .preload2 {background: url(menu/submid.png); z-index:700;} .preload3 {background: url(menu/subbottom.png); z-index:700;} .preload4 {background: url(images/item2-hover.gif); z-index:700;} .preload5 {background: url(images/item3-hover.gif); z-index:700;} .preload6 {background: url(images/item4-hover.gif); z-index:700;} #menu { position: absolute; top:141px; margin: 0 4px 0 5px; z-index:901; } #item1 { background: url(images/item1.gif) no-repeat 0 0; width:150px; height:41px; z-index:601;} #item5 { background: url(images/item5.gif) no-repeat 0 0; width:150px; height:41px; z-index:601;} #item6 { background: url(images/item6.gif) no-repeat 0 0; width:150px; height:41px; z-index:601;} .menu li.top {display:block; float:left; z-index:700;} .menu li a.top_link {display:block; float:left; height:41px; color:#444; text-decoration:none; z-index:700; } .menu li a.top_link span {display:block; height:36px; float:left; line-height:27px; font-size:11px; font-weight:bold; padding:0 10px; cursor:pointer; } .menu li a.top_link b {display:block; width:15px; height:36px; float:left;} .menu li a.top_link b.down {} .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0 z-index:700;;} .menu li a#item2 {background: url(images/item2.gif) no-repeat 0 0; width:150px; height:41px; z-index:801; display:block;position: relative;} .menu li:hover > a#item2 {background: url(images/item2-hover.gif) no-repeat; z-index:901;} .menu li:hover > a#item2.top_link b.down {background: url(images/item2-hover.gif) no-repeat; z-index:901;} .menu li a#item3 {background: url(images/item3.gif) no-repeat 0 0; width:150px; height:41px; z-index:801; display:block;position: relative;} .menu li:hover > a#item3 {background: url(images/item3-hover.gif) no-repeat; z-index:901;} .menu li:hover > a#item3.top_link b.down {background: url(images/item3-hover.gif) no-repeat; z-index:901;} .menu li a#item4 {background: url(images/item4.gif) no-repeat 0 0; width:150px; height:41px; z-index:801; display:block;position: relative;} .menu li:hover > a#item4 {background: url(images/item4-hover.gif) no-repeat; z-index:901;} .menu li:hover > a#item4.top_link b.down {background: url(images/item4-hover.gif) no-repeat; z-index:901;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ .menu a:hover {visibility:visible; position:relative; z-index:700;} .menu li:hover {position:relative; z-index:800;} /* keep the 'next' level invisible by placing it off screen. */ .menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; z-index:900; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} .menu :hover ul.sub {left:0; top:41px; white-space:nowrap; width:157px; height:auto;} .menu :hover ul.sub li {display:block; height:20px; float:left; width:157px; font-weight:bold; background: url(menu/submid.png);} .menu :hover ul.sub li.fly {background: url(menu/submid_r.png);} .menu :hover ul.sub li a { z-index:700; display:block; position:relative; font-size:11px; height:20px; width:157px; line-height:20px; text-indent:10px; color:#000; text-decoration:none;background:url(menu/trans.gif);} .menu :hover ul.sub li a:hover {color:#fff;} .menu :hover ul.sub :hover > a {color:#fff;} .menu :hover ul.sub li a.rouge:link { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #f5f4ea; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); z-index:701; } .menu :hover ul.sub li a.rouge:visited { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #f5f4ea; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.rouge:hover { font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #e2001a; text-decoration: none; text-align: left; } .menu :hover ul.sub :hover > a.rouge { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #f5f4ea; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.bleu:link { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #f5f4ea; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); z-index:701; } .menu :hover ul.sub li a.bleu:visited { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #f5f4ea; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.bleu:hover { font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #39a3c7; text-decoration: none; text-align: left; } .menu :hover ul.sub :hover > a.bleu { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #f5f4ea; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.rose:link { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #e2007a; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); z-index:701; } .menu :hover ul.sub li a.rose:visited { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #e2007a; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.rose:hover { font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #f5f4ea; text-decoration: none; text-align: left; } .menu :hover ul.sub :hover > a.rose { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #e2007a; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.orange:link { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #ee7f01; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); z-index:701; } .menu :hover ul.sub li a.orange:visited { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #ee7f01; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.orange:hover { font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; text-align: left; } .menu :hover ul.sub :hover > a.orange { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #ee7f01; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.vert:link { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #f5f4ea; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); z-index:701; } .menu :hover ul.sub li a.vert:visited { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #f5f4ea; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.vert:hover { font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #45a12a; text-decoration: none; text-align: left; } .menu :hover ul.sub :hover > a.vert { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #f5f4ea; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.violet:link { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #74408e; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); z-index:701; } .menu :hover ul.sub li a.violet:visited { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #74408e; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul.sub li a.violet:hover { font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; text-align: left; } .menu :hover ul.sub :hover > a.violet { display:block; position:relative; height:20px; width:157px; line-height:20px; font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; color: #74408e; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); } .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:120px; top:0; white-space:nowrap; width:120px; z-index:700; height:auto;} .menu :hover ul.sub li.subtop, .menu :hover ul :hover ul li.subtop, .menu :hover ul :hover ul :hover ul li.subtop, .menu :hover ul :hover ul :hover ul :hover ul li.subtop {background:url(menu/subtop.png); background-repeat:no-repeat; z-index:700;} .menu :hover ul.sub li.flytop, .menu :hover ul :hover ul li.flytop, .menu :hover ul :hover ul :hover ul li.flytop, .menu :hover ul :hover ul :hover ul :hover ul li.flytop {background: url(menu/subtop_r.png); background-repeat:no-repeat; z-index:700;} .menu :hover ul.sub li.subbot, .menu :hover ul :hover ul li.subbot, .menu :hover ul :hover ul :hover ul li.subbot, .menu :hover ul :hover ul :hover ul :hover ul li.subbot {height:30px; background:url(menu/subbottom.png); background-repeat:no-repeat; z-index:700;} .menu :hover ul.sub li.flybot, .menu :hover ul :hover ul li.flybot, .menu :hover ul :hover ul :hover ul li.flybot, .menu :hover ul :hover ul :hover ul :hover ul li.flybot {height:30px; background: url(menu/subbottom_r.png); z-index:700;}