/* ------------------- CSS Info start --------------------
	
	Site: King Saud University (KSU)
	URL: http://ksu.edu.sa
	CSS by: Surajit Kayal
	Email: skayal.c@ksu.edu.sa

------------------- CSS Info end -------------------- */

/* CSS for All the Menus START */
ul#topnav {
	/*background:url("http://ksu.edu.sa/sites/KSUArabic/KSUPD/main-ksu/images/trans_bg.png") no-repeat scroll 8px 0 transparent;*/
	float:left;
	font-family: Arial;
	font-size: 16px;
	list-style:none outside none;
	margin:0;
	padding: 0;
	width:100%;
}
ul#topnav li {
	float:left;
	margin:0;
	position:relative;
}
ul#topnav li a {
	color:white;
	float:left;
	font-weight:bold;
	height:29px;
	padding:13px 18px 0;
	text-align:center;
	text-decoration:none;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background: url("http://ksu.edu.sa/sites/KSUArabic/KSUPD/main-ksu/images/main_link_bg_hover.png") center top no-repeat ;
}
ul#topnav a.home {
	width: 88px;
}
ul#topnav a.products {
	width:117px;
}
ul#topnav a.sale {
	width:124px;
}
ul#topnav a.community {
	width:124px;
}
ul#topnav a.store {
	width:141px;
}
ul#topnav li .sub {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	background:url("../images/trans_bg2.png") repeat-x scroll center top;
	display:none;
	float:left;
	left:0;
	padding:15px 20px;
	position:absolute;
	top:42px;
	z-index: 5000;
	margin-top: -5px;
	font-size: 0.86em;
	font-weight: normal;
}
ul#topnav li .row {
	clear:both;
	float:left;
	margin-bottom:10px;
	width:100%;
}
ul#topnav li .sub ul {
	float:right;
	list-style:none outside none;
	margin:0;
	padding:0;
	width:250px;
	direction: rtl;
}
ul#topnav .sub ul li {
	color:#FFFFFF;
	width:100%;

}
ul#topnav .sub ul li h2 {
	background-image:none;
	color:#E8E000;
	font-size:1.1em;
	font-weight: bold;
	margin:0;
	padding: 5px 0;
	height: 25px;
}
/* ul#topnav .sub ul li h2 a {
	background-image:none;
	color:#E8E000;
	padding: 0px 0;
}*/
ul#topnav .sub ul li a {
	background:url("../images/navlist_arrow.gif") no-repeat right transparent;
	color:#FFFFFF;
	display:block;
	float:none;
	height:auto;
	padding: 7px 12px 7px 20px;
	text-decoration:none;
	text-indent:0;
	text-align: right;
	font-weight: normal;
}
ul#topnav .sub ul li a:hover {
	padding: 7px 12px 7px 20px;
	color:#DDDDDD;
}

#scroll_style {
	overflow: scroll; 
	height: 200px; 
	overflow-x: hidden;
}