/* nav1 is horiz. menu */ #nav1 { width:203px; height:27px; position:absolute; background:url("../images/nav/nav1.png") no-repeat; z-index:999; right:275px; top: 45px; } #nav1 ul {} #nav1 ul ul { height:auto;} a#nav1_1, a#nav1_2, a#nav1_3, a#nav1_4, a#nav1_5, a#nav1_6, a#nav1_7, a#nav1_8{ display:block;position:relative;margin:0; padding:0;overflow:hidden;cursor:pointer; } a#nav1_1 span, a#nav1_2 span, a#nav1_3 span, a#nav1_4 span, a#nav1_5 span, a#nav1_6 span, a#nav1_7 span, a#nav1_8 span{position: absolute; top:0; left:0; background-repeat: no-repeat; background-position: left top; cursor:pointer;} a#nav1_1, a#nav1_1 span { width:45px; height:27px;} a#nav1_1 span, span.nav1_1 { background:url("../images/nav/nav1.png") 0 0 no-repeat;} a#nav1_1:hover span { background:url("../images/nav/nav1.png") 0 -27px no-repeat;} a#nav1_2, a#nav1_2 span { width:87px; height:27px;} a#nav1_2 span, span.nav1_2 { background:url("../images/nav/nav1.png") -45px 0 no-repeat;} a#nav1_2:hover span { background:url("../images/nav/nav1.png") -45px -27px no-repeat;} a#nav1_3, a#nav1_3 span { width:71px; height:27px;} a#nav1_3 span, span.nav1_3 { background:url("../images/nav/nav1.png") -132px 0 no-repeat;} a#nav1_3:hover span { background:url("../images/nav/nav1.png") -132px -27px no-repeat;} a#nav1_4, a#nav1_4 span { width:120px; height:35px;} a#nav1_4 span, span.nav1_4 { background:url("../images/nav/nav1.png") -360px 0 no-repeat;} a#nav1_4:hover span { background:url("../images/nav/nav1.png") -360px -35px no-repeat;} a#nav1_5, a#nav1_5 span { width:121px; height:35px;} a#nav1_5 span, span.nav1_5 { background:url("../images/nav/nav1.png") -480px 0 no-repeat;} a#nav1_5:hover span { background:url("../images/nav/nav1.png") -480px -35px no-repeat;} a#nav1_6, a#nav1_6 span { width:120px; height:35px;} a#nav1_6 span, span.nav1_6 { background:url("../images/nav/nav1.png") -601px 0 no-repeat;} a#nav1_6:hover span { background:url("../images/nav/nav1.png") -601px -35px no-repeat;} a#nav1_7, a#nav1_7 span { width:121px; height:35px;} a#nav1_7 span, span.nav1_7 { background:url("../images/nav/nav1.png") -721px 0 no-repeat;} a#nav1_7:hover span { background:url("../images/nav/nav1.png") -721px -35px no-repeat;} a#nav1_8, a#nav1_8 span { width:118px; height:35px;} a#nav1_8 span, span.nav1_8 { background:url("../images/nav/nav1.png") -842px 0 no-repeat;} a#nav1_8:hover span { background:url("../images/nav/nav1.png") -842px -35px no-repeat;} /* nav2 is horiz. menu */ #nav2 { width:902px; height:35x; position:relative; background:url("../images/nav/nav2.png") no-repeat; z-index:999;} #nav2 ul {} #nav2 ul ul { height:auto;} a#nav2_1, a#nav2_2, a#nav2_3, a#nav2_4, a#nav2_5, a#nav2_6, a#nav2_7, a#nav2_8{ display:block;position:relative;margin:0; padding:0;overflow:hidden;cursor:pointer; } a#nav2_1 span, a#nav2_2 span, a#nav2_3 span, a#nav2_4 span, a#nav2_5 span, a#nav2_6 span, a#nav2_7 span, a#nav2_8 span{position: absolute; top:0; left:0; background-repeat: no-repeat; background-position: left top; cursor:pointer;} a#nav2_1, a#nav2_1 span { width:93px; height:35px;} a#nav2_1 span, span.nav2_1 { background:url("../images/nav/nav2.png") 0 0 no-repeat;} a#nav2_1:hover span { background:url("../images/nav/nav2.png") 0 -35px no-repeat;} a#nav2_2, a#nav2_2 span { width:137px; height:35px;} a#nav2_2 span, span.nav2_2 { background:url("../images/nav/nav2.png") -93px 0 no-repeat;} a#nav2_2:hover span { background:url("../images/nav/nav2.png") -93px -35px no-repeat;} a#nav2_3, a#nav2_3 span { width:109px; height:35px;} a#nav2_3 span, span.nav2_3 { background:url("../images/nav/nav2.png") -230px 0 no-repeat;} a#nav2_3:hover span { background:url("../images/nav/nav2.png") -230px -35px no-repeat;} a#nav2_4, a#nav2_4 span { width:124px; height:35px;} a#nav2_4 span, span.nav2_4 { background:url("../images/nav/nav2.png") -339px 0 no-repeat;} a#nav2_4:hover span { background:url("../images/nav/nav2.png") -339px -35px no-repeat;} a#nav2_5, a#nav2_5 span { width:102px; height:35px;} a#nav2_5 span, span.nav2_5 { background:url("../images/nav/nav2.png") -463px 0 no-repeat;} a#nav2_5:hover span { background:url("../images/nav/nav2.png") -463px -35px no-repeat;} a#nav2_6, a#nav2_6 span { width:170px; height:35px;} a#nav2_6 span, span.nav2_6 { background:url("../images/nav/nav2.png") -565px 0 no-repeat;} a#nav2_6:hover span { background:url("../images/nav/nav2.png") -565px -35px no-repeat;} a#nav2_7, a#nav2_7 span { width:167px; height:35px;} a#nav2_7 span, span.nav2_7 { background:url("../images/nav/nav2.png") -735px 0 no-repeat;} a#nav2_7:hover span { background:url("../images/nav/nav2.png") -735px -35px no-repeat;} /********************************************************** /** JDMENU /**********************************************************/ ul.jd_menu,ul.jd_menu_vertical{margin:0;padding:0;list-style-type:none;} ul.jd_menu ul,ul.jd_menu_vertical ul{display:none;} ul.jd_menu li{float:left;} ul.jd_menu_vertical li{float:none;} ul.jd_menu ul,ul.jd_menu_vertical ul{position:absolute;display:none;list-style-type:none;margin:0;padding:0;z-index:10000;} ul.jd_menu ul li,ul.jd_menu_vertical ul li{float:none;margin:0;padding:12px 0 0 0;height:26px;} ul.jd_menu, ul.jd_menu ul, ul.jd_menu_vertical,ul.jd_menu_vertical ul{background:url("../images/nav/NAVSub1.png");border-right:0;border-left:0; } ul.jd_menu ul { border:1px solid #999;} ul.jd_menu_vertical{height:auto;} ul.jd_menu ul{height:auto;} * html ul.jd_menu ul{ padding:0px} ul.jd_menu li{font-family:sans-serif;font-size:12px;color:#555;margin:0;padding:0;cursor:pointer;white-space:nowrap; font-weight:bold} ul.jd_menu li li{min-width:200px;} *html ul.jd_menu li li{width:200px;} ul.jd_menu li a{color:#3a320c;text-decoration:none;} ul.jd_menu ul a { margin:5px; padding:1px; } ul.jd_menu li a:hover{color:#fff;} ul.jd_menu li.jdm_hover,ul.jd_menu li.jdm_active{background:url("../images/nav/NAVSub2.png");border-right:0px solid #FFF;border-left:0px solid #FFF;color:#000;} ul.jd_menu ul li.jdm_hover > a:first-child {color:#011d2f;}