/* nav1 is horiz. menu */ #nav1 {width:267px; height:259px; margin:auto; position:relative; background:url("../images/nav/nav1.jpg") no-repeat; position: relative; z-index:99999; top:-11px;} #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:267px; height:32px;} a#nav1_1 span, span.nav1_1 { background:url("../images/nav/nav1.jpg") 0 0 no-repeat;} a#nav1_1:hover span { background:url("../images/nav/nav1.jpg") -268px 0 no-repeat;} a#nav1_2, a#nav1_2 span { width:267px; height:30px;} a#nav1_2 span, span.nav1_2 { background:url("../images/nav/nav1.jpg") -0 -32px no-repeat;} a#nav1_2:hover span { background:url("../images/nav/nav1.jpg") -268px -32px no-repeat;} a#nav1_3, a#nav1_3 span { width:267px; height:33px;} a#nav1_3 span, span.nav1_3 { background:url("../images/nav/nav1.jpg") 0 -62px no-repeat;} a#nav1_3:hover span { background:url("../images/nav/nav1.jpg") -268px -62px no-repeat;} a#nav1_4, a#nav1_4 span { width:267px; height:35px;} a#nav1_4 span, span.nav1_4 { background:url("../images/nav/nav1.jpg") 0 -95px no-repeat;} a#nav1_4:hover span { background:url("../images/nav/nav1.jpg") -268px -95px no-repeat;} a#nav1_5, a#nav1_5 span { width:267px; height:34px;} a#nav1_5 span, span.nav1_5 { background:url("../images/nav/nav1.jpg") 0 -130px no-repeat;} a#nav1_5:hover span { background:url("../images/nav/nav1.jpg") -267px -130px no-repeat;} a#nav1_6, a#nav1_6 span { width:267px; height:34px;} a#nav1_6 span, span.nav1_6 { background:url("../images/nav/nav1.jpg") 0 -164px no-repeat;} a#nav1_6:hover span { background:url("../images/nav/nav1.jpg") -267px -164px no-repeat;} a#nav1_7, a#nav1_7 span { width:267px; height:34px;} a#nav1_7 span, span.nav1_7 { background:url("../images/nav/nav1.jpg") 0 -198px no-repeat;} a#nav1_7:hover span { background:url("../images/nav/nav1.jpg") -267px -198px no-repeat;} a#nav1_8, a#nav1_8 span { width:267px; height:38px;} a#nav1_8 span, span.nav1_8 { background:url("../images/nav/nav1.jpg") 0 -232px no-repeat;} a#nav1_8:hover span { background:url("../images/nav/nav1.jpg") -267px -232px no-repeat;} /* nav2 is horiz. menu */ #nav2 {width:617px; height:56px; padding:0 0 0 5px; margin:auto; background:url("../images/nav/nav2.png") no-repeat; position: relative; 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{ 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{position: absolute; top:0; left:0; background-repeat: no-repeat; background-position: left top; cursor:pointer;} a#nav2_1, a#nav2_1 span { width:128px; height:56px;} a#nav2_1 span, span.nav2_1 { background:url("../images/nav/nav2.png") -55px 0 no-repeat;} a#nav2_1:hover span { background:url("../images/nav/nav2.png") -55px -56px no-repeat;} a#nav2_2, a#nav2_2 span { width:126px; height:56px;} a#nav2_2 span, span.nav2_2 { background:url("../images/nav/nav2.png") -183px 0 no-repeat;} a#nav2_2:hover span { background:url("../images/nav/nav2.png") -183px -56px no-repeat;} a#nav2_3, a#nav2_3 span { width:127px; height:56px;} a#nav2_3 span, span.nav2_3 { background:url("../images/nav/nav2.png") -309px 0 no-repeat;} a#nav2_3:hover span { background:url("../images/nav/nav2.png") -309px -56px no-repeat;} a#nav2_4, a#nav2_4 span { width:125px; height:56px;} a#nav2_4 span, span.nav2_4 { background:url("../images/nav/nav2.png") -436px 0 no-repeat;} a#nav2_4:hover span { background:url("../images/nav/nav2.png") -436px -56px no-repeat;} a#nav2_5, a#nav2_5 span { width:111px; height:56px;} a#nav2_5 span, span.nav2_5 { background:url("../images/nav/nav2.png") -561px 0 no-repeat;} a#nav2_5:hover span { background:url("../images/nav/nav2.png") -561px -56px no-repeat;} /* nav3 is horiz. menu */ #nav3 {width:270px; height:280px; margin:auto; position:relative; background:url("../images/nav/nav3.jpg") no-repeat; position: relative; z-index:999; } #nav3 ul {} #nav3 ul ul { height:auto;} a#nav3_1, a#nav3_2, a#nav3_3, a#nav3_4, a#nav3_5, a#nav3_6, a#nav3_7, a#nav3_8{ display:block;position:relative;margin:0; padding:0;overflow:hidden;cursor:pointer; } a#nav3_1 span, a#nav3_2 span, a#nav3_3 span, a#nav3_4 span, a#nav3_5 span, a#nav3_6 span, a#nav3_7 span, a#nav3_8 span{position: absolute; top:0; left:0; background-repeat: no-repeat; background-position: left top; cursor:pointer;} a#nav3_1, a#nav3_1 span { width:270px; height:33px;} a#nav3_1 span, span.nav3_1 { background:url("../images/nav/nav3.jpg") 0 0 no-repeat;} a#nav3_1:hover span { background:url("../images/nav/nav3.jpg") -270px 0 no-repeat;} a#nav3_2, a#nav3_2 span { width:270px; height:33px;} a#nav3_2 span, span.nav3_2 { background:url("../images/nav/nav3.jpg") -0 -33px no-repeat;} a#nav3_2:hover span { background:url("../images/nav/nav3.jpg") -270px -33px no-repeat;} a#nav3_3, a#nav3_3 span { width:270px; height:33px;} a#nav3_3 span, span.nav3_3 { background:url("../images/nav/nav3.jpg") 0 -66px no-repeat;} a#nav3_3:hover span { background:url("../images/nav/nav3.jpg") -270px -66px no-repeat;} a#nav3_4, a#nav3_4 span { width:270px; height:33px;} a#nav3_4 span, span.nav3_4 { background:url("../images/nav/nav3.jpg") 0 -99px no-repeat;} a#nav3_4:hover span { background:url("../images/nav/nav3.jpg") -270px -99px no-repeat;} a#nav3_5, a#nav3_5 span { width:270px; height:35px;} a#nav3_5 span, span.nav3_5 { background:url("../images/nav/nav3.jpg") 0 -132px no-repeat;} a#nav3_5:hover span { background:url("../images/nav/nav3.jpg") -270px -132px no-repeat;} a#nav3_6, a#nav3_6 span { width:270px; height:33px;} a#nav3_6 span, span.nav3_6 { background:url("../images/nav/nav3.jpg") 0 -167px no-repeat;} a#nav3_6:hover span { background:url("../images/nav/nav3.jpg") -270px -167px no-repeat;} a#nav3_7, a#nav3_7 span { width:270px; height:34px;} a#nav3_7 span, span.nav3_7 { background:url("../images/nav/nav3.jpg") 0 -200px no-repeat;} a#nav3_7:hover span { background:url("../images/nav/nav3.jpg") -270px -200px no-repeat;} a#nav3_8, a#nav3_8 span { width:270px; height:36px;} a#nav3_8 span, span.nav3_8 { background:url("../images/nav/nav3.jpg") 0 -234px no-repeat;} a#nav3_8:hover span { background:url("../images/nav/nav3.jpg") -270px -234px 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:4px 0 0 0;height:21px;} 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:0 10px} ul.jd_menu li{font-family:sans-serif;font-size:13px;color:#555;margin:0;padding:0;cursor:pointer;white-space:nowrap; font-weight:bold} ul.jd_menu li li{min-width:200px;} ul.jd_menu li a{color:#20308b;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;}