/* =====
@author - Mark Hogan 
==== */
/* === MENU === */
#menu,
#popular {height: 37px; background: transparent url('../images/nav/main_menu/bg.jpg') repeat-x 0 0; position:relative;z-index:9; padding-top:5px; padding-right:5px;}
#popular {background: transparent none;}
#menu ul, #menu ol,
#popular ul, #popular ol {list-style-type:none;}
#menu li,
#popular li, #footer_menu li {float:left; background: transparent;position:relative;} 
#menu li ul li,
#popular li ul li{float:left;clear:both;} /* EUREKA! */
#menu ul li,
#popular ul li, #footer_menu ul li{padding-right:9px; padding-top:0;}
#menu ul li span,
#popular ul li span {background: transparent;}
#menu li a,
#popular li a, #footer_menu li a {float:left;height: 35px; display:block;}
#menu li a, #menu li a:visited, #menu li a:hover,
#popular li a, #popular li a:visited, #popular li a:hover,
#footer_menu li a, #footer_menu li a:visited, #footer_menu li a:hover {padding:2px 0 0 9px; line-height:35px; color:#fff; font-size:12px; font-weight:800; background: transparent;}
#menu li a:hover,
#popular li a:hover {background: transparent url('../images/nav/main_menu/button-hover.gif') no-repeat 0 100%; 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, 
#popular li ul li a, #popular li ul li a:visited, #popular li ul li a:hover, #popular li.selected ul li a, #popular li.selected ul li a:visited, #popular li.selected ul li a:hover{font-weight:400;  line-height:18px; padding:2px 4px 3px 4px;}
#menu li.selected a, #menu li.selected a:visited, #menu li.selected a:hover,
#popular li.selected a, #popular li.selected a:visited, #popular li.selected a:hover {padding:2px 0 0 10px; line-height:35px; color:#d4642b; font-weight:800; text-decoration:none; background: transparent url(../images/nav/main_menu/button-select.gif) 0 0;}
#menu li.selected a span, #menu li.selected a:visited span,
#popular li.selected a span, #popular li.selected a:visited span {background: transparent url('../images/nav/main_menu/button-hover-span.gif') no-repeat 100% 0; width:10px; 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,#footer_menu li.selected a div.home,#footer_menu li.selected a:visited div.home,#footer_menu li a div.home,#footer_menu li a:visited div.home,#footer_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.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/site_footer/home.gif) no-repeat 0 7px;}
#menu ul li a span, #menu ul li a:visited span,
#popular ul li a span, #popular 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,
#popular li.last a span, #popular li.last a:visited span, #popular ul#caption_nav li a span, #popular ul#caption_nav li a:visited span{background-image: none;}
#menu li.last a:hover span,
#popular li.last a:hover span {background: transparent url('../images/nav/main_menu/button-hover-span.gif') no-repeat 100% 100%;}
#menu ul #caption_nav li.selected a span, #menu ul#caption_nav li.selected a:visited span,
#popular ul #caption_nav li.selected a span, #popular ul#caption_nav li.selected a:visited span {background: transparent url('../images/nav/main_menu/button-hover-span.gif') 0 0;}
#menu ul li a:hover span,
#popular ul li a:hover span{background: transparent url('../images/nav/main_menu/button-hover-span.gif') no-repeat 100% 100%; 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,
#pop_nav li ul {top: 37px !important;}
#main_nav li ul.more,
#pop_nav li ul.more {left:auto !important; right:0;}
#main_nav ul li,
#pop_nav ul li  {padding: 0!important; margin:0;}
/* dropdown & flyout */
#main_nav ul li ul,#main_nav ul li ul li ul,
#pop_nav ul li ul,#pop_nav ul li ul li ul{width: 175px;}
/* flyout */ 
#main_nav li ul li ul,
#pop_nav li ul li ul {border-top: 1px solid #3d4f1e; left:174px !important;position:absolute;top:-4px !important;width:175px;}
/* >>>>>> ACTIVE STATES >>>>>> */
/* >> Hyperlink >> */
#main_nav li.jdm_active a, #main_nav li.jdm_active a:visited, #main_nav li.jdm_active a:hover,
#pop_nav li.jdm_active a, #pop_nav li.jdm_active a:visited, #pop_nav li.jdm_active a:hover{background: transparent url(../images/nav/main_menu/button-hover.gif) no-repeat 0 100%;}
#main_nav li.jdm_active a span, #main_nav li.jdm_active a:visited span,
#pop_nav li.jdm_active a span, #pop_nav li.jdm_active a:visited span {background: transparent url(../images/nav/main_menu/button-hover-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,
#pop_nav li.jdm_active a, #pop_nav li.jdm_active a:visited, #pop_nav li.jdm_active a:hover {background:transparent url(../images/nav/main_menu/button-hover.gif) no-repeat 0  100%;}
/* > 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.gif) no-repeat 0 100%;}
#main_nav li.selected a span, #main_nav li.selected a:visited span {background: transparent url(../images/nav/main_menu/button-select-span.gif) no-repeat 100% 0;} 
#menu ul li.selected a:hover span{background: transparent url(../images/nav/main_menu/button-select-span.gif) no-repeat 100% 100%;}
/* < 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,
#pop_nav li.jdm_active ul li a, #pop_nav li.jdm_active ul li a:visited, #pop_nav li.jdm_active ul li a:hover  {background-image:none;}
/* << Dropdown Hover / Backgrounds << */
/* <<<<<< ACTIVE STATES <<<<<< */
/* >>>>>> DROPDOWN LINKS >>>>>> */
/* >> style 1 >> */
#menu ul li ul, ul.flyout,
#popular ul li ul {padding-top:4px !important;background: transparent url('../images/nav/main_menu/dropdown/hover/flyout.gif') no-repeat 0 0;}
#menu ul li ul li,#menu ul li ul li ul li,
#popular ul li ul li,#popular ul li ul li ul li {background:#3c4e1e 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,
#popular ul li ul li p,#popular 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,
#popular ul li ul li.last p,#popular 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,
#popular ul li ul li.last,#popular ul li ul li ul li.last {background:transparent url('../images/nav/main_menu/dropdown/hover/bottom.gif') no-repeat 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,
#popular ul li ul li p,#popular ul li ul li a, #popular ul li ul li a:visited, #popular ul li ul li a:hover,#popular ul li ul li p a, #popular ul li ul li p a:visited, #popular ul li ul li p a:hover,#popular ul li ul li ul li p,#popular ul li ul li ul li a, #popular ul li ul li ul li a:visited, #popular ul li ul li ul li a:hover,#popular ul li ul li ul li p a, #popular ul li ul li ul li p a:visited, #popular ul li ul li ul li p a:hover {color:#fff; margin: 0 4px; float:none;width:159px;height:auto;font-weight:inherit; font-size:11px !important;}
#menu ul li ul li p,#menu ul li ul li ul li p,
#popular ul li ul li p,#popular ul li ul li ul li p {background:#3d4f1e; margin:0; width:175px; padding:0;}
#menu ul li ul li.jdm_active a,#menu ul li ul li.jdm_active a:visited,
#popular ul li ul li.jdm_active a,#popular ul li ul li.jdm_active a:visited {color:#d4642b; background-color:#fff}
#menu ul li ul li.jdm_active a.arrow,#menu ul li ul li.jdm_active a.arrow:visited,
#popular ul li ul li.jdm_active a.arrow,#popular 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,
#popular ul li ul li.jdm_active ul.flyout li a,#popular 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,
#popular ul li ul li.jdm_active ul.flyout li a:hover,#popular ul li ul li a:hover,#popular ul li ul li p a:hover,#popular ul li ul li ul li a:hover,#popular ul li ul li ul li p a:hover {color:#d4642b; background:#fff !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,
#popular 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: transparent 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:#d4642b}
#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:#fff; background-color:#d4642b !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: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/hover/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 .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;}