/* =====
@author - Mark Hogan 
==== */
/* === MENU === */
#menu {height: 37px; background: transparent url(../images/nav/main_menu/bg.jpg) no-repeat 0 0;position:relative;z-index:9; padding-top:3px; padding-right:5px;}

#menu ul, #menu ol{list-style-type:none;}
#menu li {float:left; background: transparent;position:relative;}
#menu li ul li {float:left;clear:both;} /* EUREKA! */
#menu ul li {padding-right:0; padding-top:0;}
#menu ul li span {background: transparent;}
#menu li a {float:left;height: 35px; display:block;}
#menu li a, #menu li a:visited, #menu li a:hover {position:relative;padding:2px 9px 0 9px; line-height:35px; color:#fff; font-size:14px; font-weight:normal; background-color: transparent;}
#menu li a:hover {text-decoration:none; color:#fff;}
#menu li ul li a, #menu li ul li a:visited, #menu li ul li a:hover, #menu li.selected ul li a, #menu li.selected ul li a:visited, #menu li.selected ul li a:hover {font-weight:normal;  line-height:18px; padding:2px 4px 3px 4px;}
#menu li.selected a, #menu li.selected a:visited, #menu li.selected a:hover {padding:2px 10px 0 10px; line-height:35px; color:#eb272b; font-weight:400; text-decoration:none; background: transparent url(../images/nav/main_menu/button-select.png) 0 0;}
#menu li.selected a span, #menu li.selected a:visited span {width:9px; height:35px; display:block; position: absolute;right:0;top:2px;} 
#menu li.selected a div.home,#menu li.selected a:visited div.home,#menu li a div.home,#menu li a:visited div.home,#menu li a:hover div.home{width:18px; height:35px;top:2px;left:0; top:0px; display:block; position: relative !important;}
#menu li.selected a div.home, #menu li.selected a:visited div.home, #menu li.selected a:hover div.home {/*background: transparent url('../images/nav/main_menu/home_black.gif') no-repeat 0 7px;*/}
#menu li a div.home, #menu li a:visited div.home, #menu li a:hover div.home {background: transparent url(../images/nav/main_menu/home_white.gif) no-repeat 0 7px;}
#menu li a:hover div.home {/*background: transparent url(../images/nav/main_menu/home_black.gif) no-repeat 0 7px;*/}
#menu ul li a span, #menu ul li a:visited span {background: transparent/* url('../images/nav/main_menu/separator.gif') no-repeat 100% 100%*/; width:9px; height:35px; display:block; position: absolute;right:0;top:2px;}
#menu li.last a span, #menu li.last a:visited span, #menu ul#caption_nav li a span, #menu ul#caption_nav li a:visited span {background-image: none;}
#menu li.last a:hover span {}
#menu ul li a:hover span {width:9px; height:35px; display:block; position: absolute;right:0;top:2px;}
/* DROPDOWN Menu */
ul.jd_menu ul {display: none; left:0 !important;}
ul.jd_menu .fr ul, ul.jd_menu li.last ul {left:auto !important; right:0;}
.jd_menu li ul {position: absolute;top: 37px;left: 0;}
#main_nav li ul {top: 37px !important;}
#main_nav li ul.more {left:auto !important; right:0;}
#main_nav ul li{padding: 0!important; margin:0;}
/* dropdown & flyout */
#main_nav ul li ul,#main_nav ul li ul li ul{width: auto/*175px;*/}
/* flyout */ 
#main_nav li ul li ul{border-top: 1px solid #3d4f1e; left:174px !important;position:absolute;top:-4px !important;width: auto/*175px*/;}
/* >>>>>> ACTIVE STATES >>>>>> */
/* >> Hyperlink >> */
#menu li a:hover,
#main_nav li.jdm_active a, #main_nav li.jdm_active a:visited, #main_nav li.jdm_active a:hover {background: transparent url(../images/nav/main_menu/button-select.png) repeat-x 0 100%;}
#main_nav li.jdm_active > a, #main_nav li.jdm_active > a:visited, #main_nav li.jdm_active > a:hover {color:#fff;}
#menu ul li a:hover span,
#main_nav li.jdm_active a span, #main_nav li.jdm_active a:visited span  {/*background: #07649d url(../images/nav/main_menu/button-select-span.gif) no-repeat 100% 0*/;} 
#main_nav li.jdm_active a, #main_nav li.jdm_active a:visited, #main_nav li.jdm_active a:hover {background:transparent url(../images/nav/main_menu/button-select.png) repeat-x 0 100%;}
#main_nav li.selected a, #main_nav li.selected a:visited, #main_nav li.selected a:hover {color:#fff;}
/* > selected state > */
/* Home Menu button */
#main_nav li.selected > a span.home, #main_nav li.selected > a:visited span.home {background: transparent url(../images/nav/main_menu/home.gif) no-repeat 0 100%;}
#main_nav li a span.home, #main_nav li a:visited span.home {background: transparent url(../images/nav/main_menu/home.gif) no-repeat 0 50%;}
/* Normal Menu button */
#main_nav li.selected a, #main_nav li.selected a:visited, #main_nav li.selected a:hover {background: transparent url(../images/nav/main_menu/button-select.png) repeat-x 0 2px;}
#main_nav li.selected a span, #main_nav li.selected a:visited span {/*background: #07649d url(../images/nav/main_menu/button-select-span.gif) no-repeat 100% 0*/;} 
#menu ul li.selected a:hover span{/*background: #07649d url(../images/nav/main_menu/button-select-span.gif) no-repeat 100% 0*/;}
/* < selected state < */
/* << Hyperlink << */
/* >> Dropdown Hover / Backgrounds >> */
#main_nav li.jdm_active ul li a, #main_nav li.jdm_active ul li a:visited, #main_nav li.jdm_active ul li a:hover {/*background-image:none;*/background-image:url(../images/nav/main_menu/bullet.gif);background-position:2px 45%; background-repeat: no-repeat; padding-left:15px;}
/* << Dropdown Hover / Backgrounds << */
/* <<<<<< ACTIVE STATES <<<<<< */
/* >>>>>> DROPDOWN LINKS >>>>>> */
/* >> style 1 >> */
#menu ul li ul{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px; padding: 0 0 10px 0;}
#menu ul li ul li.last * {-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;}
#menu ul li ul, ul.flyout {background: transparent url('../images/nav/main_menu/dd_shadow.png') repeat-x 0 100%;}
#menu ul li ul li,#menu ul li ul li ul li {/*background:#660800 url('../images/nav/main_menu/dropdown/hover/left_line.gif') no-repeat 0 0*/;text-align:left;}
#menu ul li ul li p,#menu ul li ul li ul li p {background:transparent /*url('../images/nav/main_menu/dropdown/hover/right_line.gif') no-repeat 100% 0 */!important;}
#menu ul li ul li.last p,#menu ul li ul li ul li.last p {background-image: none !important;}
#menu ul li ul li.last,#menu ul li ul li ul li.last {background-image: url('../images/nav/main_menu/dropdown/hover/bottom.gif') !important; background-repeat: no-repeat  !important;background-position:100% 100% !important; padding-bottom:5px !important;}
#menu ul li ul li p,#menu ul li ul li a, #menu ul li ul li a:visited, #menu ul li ul li a:hover,#menu ul li ul li p a, #menu ul li ul li p a:visited, #menu ul li ul li p a:hover,#menu ul li ul li ul li p,#menu ul li ul li ul li a, #menu ul li ul li ul li a:visited, #menu ul li ul li ul li a:hover,#menu ul li ul li ul li p a, #menu ul li ul li ul li p a:visited, #menu ul li ul li ul li p a:hover  {color:#fff; margin: 0 4px; float:none;min-width:146px/*146px*/;white-space:nowrap;height:auto;font-weight:inherit; font-size:11px !important;}
#menu ul li ul li p,#menu ul li ul li ul li p {background:#3d4f1e; margin:0; width:auto /*175px*/; padding:0;}
#menu ul li ul li.jdm_active a,#menu ul li ul li.jdm_active a:visited {color:#fff; background-color:#fff}
#menu ul li ul li.jdm_active a.arrow,#menu ul li ul li.jdm_active a.arrow:visited {background-image:url('../images/nav/main_menu/dropdown/arrow_hover2.png') !important; background-repeat: no-repeat !important; background-position: 95% 50%  !important;}
#menu ul li ul li.jdm_active ul.flyout li a,#menu ul li ul li.jdm_active ul.flyout li a:visited {color:#fff; background: transparent;}
#menu ul li ul li.jdm_active ul.flyout li a:hover,#menu ul li ul li a:hover,#menu ul li ul li p a:hover,#menu ul li ul li ul li a:hover,#menu ul li ul li ul li p a:hover {color:#fff; /*background:#f0f0f0 !important;*/}
#menu ul li ul li a.arrow, #menu ul li ul li a.arrow:visited,#menu ul li ul li p a.arrow, #menu ul li ul li p a.arrow:visited {background-image: url('../images/nav/main_menu/dropdown/arrow.png'); background-repeat: no-repeat; background-position: 95% 50%;}
#menu ul li ul li p a.arrow:hover {background-image:url('../images/nav/main_menu/dropdown/arrow_hover2.png') !important; background-repeat: no-repeat !important; background-position: 95% 50%  !important;}
/* << /style 1 << */
/* >> style 2 >> */
#menu ul li.selected  ul, li.selected ul.flyout  {padding-top:4px !important;background: #fff /*url('../images/nav/main_menu/dropdown/select/flyout.gif') no-repeat 0 0*/;}
#menu ul li.selected ul li,#menu ul li.selected ul li ul li {background:#fff url('../images/nav/main_menu/dropdown/select/left_line.gif') no-repeat 0 0 !important;text-align:left;}
#menu ul li.selected ul li p,#menu ul li.selected ul li ul li p {background:transparent url('../images/nav/main_menu/dropdown/select/right_line.gif') no-repeat 100% 0 !important;}
#menu ul li.selected ul li.last,#menu ul li.selected ul li ul li.last {background:transparent url('../images/nav/main_menu/dropdown/select/bottom.gif') no-repeat 100% 100% !important;}
#menu ul li.selected ul li p,#menu ul li.selected ul li a, #menu ul li.selected ul li a:visited, #menu ul li.selected ul li a:hover,#menu ul li.selected ul li p a, #menu ul li.selected ul li p a:visited, #menu ul li.selected ul li p a:hover,#menu ul li.selected ul li ul li p,#menu ul li.selected ul li ul li a, #menu ul li.selected ul li ul li a:visited, #menu ul li.selected ul li ul li a:hover,#menu ul li.selected ul li ul li p a, #menu ul li.selected ul li ul li p a:visited, #menu ul li.selected ul li ul li p a:hover {color:#444; background:transparent;}
#menu ul li.selected ul li p,#menu ul li.selected ul li ul li p {background-color:transparent; margin:0;}
#menu ul li ul.selected li.jdm_active a,#menu ul li ul.selected li.jdm_active a:visited {color:#fff; background-color:#fff}
#menu ul li ul.selected li.jdm_active a.arrow,#menu ul li ul.selected li.jdm_active a.arrow:visited {background-image:url('../images/nav/main_menu/dropdown/arrow_hover.png') !important; background-repeat: no-repeat !important; background-position: 95% 50%  !important;}
#menu ul li ul.selected li.jdm_active ul.flyout li a,#menu ul li ul.selected li.jdm_active ul.flyout li a:visited {color:#444; background-color: transparent;}
#menu ul li ul.selected li.jdm_active ul.flyout li a:hover,#menu ul li.selected ul li a:hover,#menu ul li.selected ul li p a:hover,#menu ul li.selected ul li ul li a:hover,#menu ul li.selected ul li ul li p a:hover {color:#0a9ed0; /*background-color:#fff !important;*/}
#menu ul li.selected ul li a.arrow, #menu ul li.selected ul li a.arrow:visited,#menu ul li.selected ul li p a.arrow, #menu ul li.selected ul li p a.arrow:visited {background-image: url('../images/nav/main_menu/dropdown/arrow.png'); background-repeat: no-repeat; background-position: 95% 50%;}
#menu ul li.selected ul li p a.arrow:hover {background-image:url('../images/nav/main_menu/dropdown/arrow_hover.png') !important; background-repeat: no-repeat !important; background-position: 95% 50%  !important;}
#menu ul li ul li p,#menu ul li ul li ul li p,#menu ul li.selected ul li p,#menu ul li.selected ul li ul li p {padding: 0; width: auto/*175px*/; line-height:18px;}
#menu * li li div.menu_divider {height:2px; font-size:2px; line-height:2px; background: transparent url('../images/nav/main_menu/dropdown/divider.gif') no-repeat 50% 0 ; display:block; width:175px;}
#menu * li.selected li div.menu_divider {height:2px; font-size:2px; line-height:2px; background: transparent url('../images/nav/main_menu/dropdown/select/divider.gif') no-repeat 50% 0 ; display:block; width:175px;}
/* << style 2 << */
/*#popular {margin-right:3px; float:right;}*/

#popular {float:left;height:auto;padding-bottom:0;padding-left:10px;padding-right:10px;padding-top:7px;text-align:left;}
#popular .last, #popular span {background:none;}
/*#popular a:hover span,#popular .jdm_active a span {right:0;background:url(../images/nav/main_menu/dropdown/test.gif) no-repeat 100% 100%;}*/
/* multi-column flyout */
#main_nav li ul li ul.multi,
#pop_nav li ul li ul.multi {width:350px;left:174px !important;position:absolute;top:-4px !important; background-repeat: repeat;}
#main_nav li ul li ul.multi li,
#pop_nav li ul li ul.multi li {clear:none;}