@charset "utf-8";
/* RAGNAROK2 2013 CSS */



/* Global Navigation*************************/
#NavigationCont{ width: 1200px; height: 114px; margin: 0 auto; padding: 0; top: 0; z-index:2; }

/* inline elements*************************/
strong
{ font-weight: bold; }

/* tabs*************************/
ul.tabs { display: table; margin: 0; padding: 0; list-style: none; position: relative; }
ul.tabs li { margin: 0;	padding: 0; list-style: none; display: table-cell; float: left;	position: relative; }
ul.tabs a {	position: relative;	display: block; }

/* dropdowns*************************/
ul.dropdown { display: block; position: absolute; z-index: 999; top: 100%; display: none; left: 0; }
ul.dropdown ul.dropdown { top: 0; left: 95%; }
ul.dropdown li { width: 160px; margin: 0 18px; padding: 0; float: none; position: relative; list-style: none; display: block; box-shadow: #FFF 0px 1px 0px; }
ul.dropdown li a { display: block; }

/* menu-specifc*************************//*border: #F00 1px dotted********/
#Navigation { width: 1000px; height: 114px; top: 0; margin: 0px auto; position: relative; z-index: 5; font-family: "Times New Roman", Times, serif; font-size: 23px; line-height: 40px; }
#Navigation ul { width: 1000px; height: 114px; margin: 0 auto; }

#Navigation ul li.hasmore { width: 160px; height:46px; margin: 34px 30px 0 0; padding: 0; background: url(../images/master/drophighlight.png) 50% 100% no-repeat ; }
#Navigation ul li.hasmore span { width: 160px; margin: 0; padding: 0; text-shadow: #FFF 1px 1px 1px; text-align: center; }
#Navigation ul li.hasmore span:hover { color: #666 }

#Navigation ul li.logoCont { width: 220px; height: 114px; margin: 0 16px 0 0; padding: 0; background: url(../images/master/btn_logo.png) 50% 100% no-repeat; }
#Navigation ul li.logoCont A { width: 220px; height: 114px; margin: 0; padding: 0; display: block; }
#Navigation ul li.logoCont A:hover { background: url(../images/master/btn_logo.png) 50% 0 no-repeat; }

#Navigation ul li a { color: #333; text-decoration: none; }
#Navigation ul li a img { vertical-align: middle; }
#Navigation ul li a:hover {	background: url(../images/topselectionleft.png) top left no-repeat; }
#Navigation ul li a span { display: block; padding: 0; }
#Navigation ul li a:hover span { background: url(../images/topselectionright.png) top right; }

#Navigation ul.dropdown { width: 195px; height: auto; padding: 10px 0; overflow: hidden; /*background: url(../images/master/dropdown.png) 50% 0 no-repeat;*/ }
#Navigation ul.dropdown li a { margin: 0 0 5px; padding: 0 0 0 12px; border-bottom: 1px solid #999; color: #666; line-height: 30px; overflow: hidden; height: 30px; font-size: 17px; text-shadow: #F9F9F9 1px 1px 1px; }
#Navigation ul.dropdown li.last a {	border-bottom: 1px solid #999; }
#Navigation ul.dropdown li a:hover { background: url(../images/master/bullet_dropdown.png) no-repeat left center; }

#Navigation ul.dropdown .bg_dropdown_top { width: 195px; height: 19px; margin:0; padding: 0; background: url(../images/master/bg_dropdown_top.png) 50% 0 no-repeat; float: left; }
#Navigation ul.dropdown .bg_dropdown_middle { width: 195px; height: auto; margin: 0; padding: 0; background: url(../images/master/bg_dropdown_middle.png) 50% 0 repeat-y; float: left; }
#Navigation ul.dropdown .bg_dropdown_bottom { width: 195px; height: 26px; margin: 0; padding: 0; background: url(../images/master/bg_dropdown_bottom.png) 50% 0 no-repeat; float: left;  }

#Navigation ul li h4 a:hover { background-image: none; }

.cn_icon { width: 44px; height: 28px; margin: 70px 0 0 20px; padding: 0; float: left; position: relative;}