/*

Theme Name: KHTOOT

Version: 1.0

Author: Ahmad Elhady

Author URI: http://khtoot.com/

Tags: theme for 4images script

*/


body {
	background:#252118 url(images/bg-cell.gif) repeat-x top center;
	margin:auto;
	padding:auto;
	width:1024px;
	font-family: tahoma;
	font-size:12px;
	}
.header {
	height:177px;
	margin:auto;
	padding:auto;
	width:1024px;
	}
.new-footer {
	background:url(images/villa.PNG) left no-repeat; 
	color:#a3a3a3;
	margin:auto;
	padding:auto;
	width:1024px;
	direction:ltr;
	}
.new-footer a{
	color: #FCFDD3;
	text-decoration: none;
}

.new-footer a:link,a:visited{
	color: #FCFDD3;
	text-decoration: none;
}

.new-footer a:hover, a:active ,a:hover, a:active
{
	color: #FCFDD3;
	text-decoration: none;
}
.logo {
	float:left;
	padding:10px;
	}
.banner {
	float:left;
	margin-top:40px;
	height:60px;
	width:468px;
	background:#FFFFFF;
	}
.banner2 {
	margin-top:5px;
	height:60px;
	width:468px;
	background:#FFFFFF;
	margin:auto;
	padding:auto;
	}
	
.allnavbar {
	width:1024px;
	height:auto;
	}	
.nav {
	float:right;	
	background:url(images/navbar.jpg) repeat-x;
	height:48px;
	width:863px;
	margin-bottom:10px;
	}
.nav ul{
	list-style:none;
	margin:0;
	padding:0;
	font-family:tahoma;
	font-size:12px;
	}
.nav ul li{
	float:right;
	margin:0;
	padding:0;
	}
.nav ul li a,#top_menu ul li a:visited{
	color:#fff;
	text-shadow: 1px 1px 1px #15695E;
	display:block;
	height:48px;
	line-height:48px;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:82px;
	}
.nav ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{
	border-right:1px solid #EBEBEB;
	color:#fff;
	text-shadow: 1px 1px 1px #AAAAAA;
	font-weight:bold;
	width:80px;
	}
.nav ul li a:hover{
	background:url(khtoot/hover.png) top center no-repeat ;
	color:#fff;
	}
.nav a,a:link, body_alink
{
	color: #fff;
	text-decoration: none;
}
.nav a:visited, body_avisited
{
	color: #fff;
	text-decoration: none;
}
.nav a:hover, a:active, body_ahover
{
	color: #fff;
	text-decoration: none;
}

.register{
	float:left;
	background:url(images/register.gif) no-repeat;
	color:#FEFFEF;
	width:161px;
	height:32px;
	padding-top:16px;
	text-align:center;
	margin-bottom:10px;
	}
.register a
{
	color: #FEFFEF;
	text-decoration: none;
}
.register a:visited
{
	color: #FEFFEF;
	text-decoration: none;
}
.register a:hover, a:active
{
	color: #FEFFEF;
	text-decoration: none;
}
.search {
	float:left;
	background:url(images/search.png) no-repeat;
	width:258px;
	height:31px;
	margin-top:10px;
	margin-left:4px;
	padding:5px 11px 0 0;
	text-align:right;
	border:0px;
	}

.search-button {
	background:url(images/search-button.png);
	width:45px;
	height:19px;
	border:0px;
	padding-left:5px;
	}
.category {
	margin:auto;
	padding:auto;
	background:#feffef;
	width:1024px;
	height:auto;

	}
.category-bottom {
	margin:auto;
	padding:auto;
	width:1024px;
	background:url(images/bottom.gif) no-repeat ;
	height:8px;
	}
.container {
	background:#feffef;
	width:1024px;
	height:auto;
	margin:auto;
	padding:auto;
	}
.container-bottom {
	background:#feffef;
	margin:auto;
	padding:auto;
	height:10px;
	width:1024px;
	}
.cat {
	float:right;
	width:400px;
	margin:10px;
	direction:rtl;

	}
.cat h2 {
	padding:5px 30px 0 0;
	font-family:tahoma;
	font-weight:bold;
	font-size:11px;
	color:#000;
	}
.cat ul {
	 width:500px;
	 float:right;
	 list-style:none;
	 
	}
.cat ul li {
	 width:200px;
	 float:right;
	 margin:2px;
	 line-height:18px;
	}
	
	
.cat2 {
	float:right;
	width:120px;
	margin:10px;
	direction:rtl;
	

	}
.cat2 h2 {
	padding:5px 30px 0 0;
	font-family:tahoma;
	font-weight:bold;
	font-size:11px;
	color:#000;
	}
.cat2 ul {
	 width:120px;
	 float:right;
	 list-style:none;
	 border-right:1px solid #d4d9a8;	 
	}
.cat2 ul li {
	 width:120px;
	 float:right;
	 margin:2px;
	 line-height:18px;
	}

.login-box {
	float:left;
	width:300px;
	margin:10px;
	direction:rtl;
	}

.login-box h2 {color:#19756C;font-family:Tahoma;font-size:14px;background:url(images/login.gif) right no-repeat ; padding:0 30px 0 0;height:30px;line-height:30px; }
.form-new {
	background:url(images/form-new.gif) no-repeat right center;
	padding:0 100px 0 0;
	}


 .greybox     { border:1px solid #252118; background-color: #E8E4DC; margin-top: 7; margin-bottom: 7;padding-top:3px;  padding-bottom:3px; width:650px; }

.desc        { margin:2; border:1px solid #C0C0C0; background-color: #FFFFE6; padding-left:3px;padding-top:3px; padding-right:3px; padding-bottom:3px }
.box_top     { color: #fff; font-weight: bold; background:url(images/ms.gif) repeat-x top center; margin:auto; padding:auto; BORDER-STYLE: solid; BORDER-COLOR: #1A756C; BORDER-WIDTH: 1px; width:400px; }
.box_top_cat     { color: #fff; font-weight: bold; background:url(images/ms.gif) repeat-x top center; margin:auto; padding:auto; BORDER-STYLE: solid; BORDER-COLOR: #1A756C; BORDER-WIDTH: 1px; width:400px; }
.box_middle_cat     { color: #666; background-color: #F3F0E9; }

.last_list   {margin-bottom: 5; border: 1px solid #D6D6D6; background-image:url('images/msnbg.gif'); background-color:#FFFFFF; background-repeat:repeat-x; background-position-y:top }

.logintext
{
	COLOR: #252118;
	FONT-FAMILY: Tahoma, Verdana;
	FONT-SIZE: 12px;
	text-align:right;
	BORDER-STYLE: solid;
	BORDER-COLOR: #1A756C;
	BORDER-WIDTH: 1px;
	WIDTH: 197px;
	PADDING: 3px 2px 2px 2px;
	MARGIN: 0px;
	BACKGROUND: URL(images/icon_user.gif) Right no-repeat;
	BACKGROUND-COLOR: #FFFFFF;
	PADDING-Right: 18px;
}


.searchinput
{
	COLOR: #252118;
	FONT-FAMILY: Tahoma, Verdana;
	FONT-SIZE: 11px;
	text-align:right;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	WIDTH: 123px;
	PADDING: 3px 2px 2px 2px;
	MARGIN: 0px;
	BACKGROUND: URL(images/search_icon.gif) Right no-repeat;
	BACKGROUND-COLOR: #FFFFFF;
	PADDING-Right: 18px;
}


.content {
width: 95%; background-color: #FFFFFF}

#cat_bg td:hover{
  background-color: #F7F7F3;

}

a,a:link, body_alink
{
	color: #332801;
	text-decoration: none;
}
a:visited, body_avisited
{
	color: #332801;
	text-decoration: none;
}
a:hover, a:active, body_ahover
{
	color: #332801;
	text-decoration: none;
}
hr {
  height: 1px; 
  color: #332801;
  background-color: #ffffff;
}

ul, li, p, td {
  margin:0; color: #332801;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt
}

.tablehead {
  background-color: #e8e8e8;
  color: #332801;
}

.tablebottom {
  background-color: #FFFBF4;
}

.bordercolor {
  background-color: #FFFBF4;
}

.tablebgcolor {
  background-color: #ffffff;
}

.navbar {
  background-color: #fcdc43;
  color: #332801;
}

.row1 {
  background-color: #f9fae9;
  color: #252118;
}

.row2 {
  background-color: #f9fbe6;
  color: #252118;
}

.head1 {
  background:url(images/ms.gif) repeat-x top center;
	margin:auto;
	padding:auto;
	BORDER-STYLE: solid;
	BORDER-COLOR: #1A756C;
	BORDER-WIDTH: 1px;
  color: #fff;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold
}

:hover.head1 {
  background-color: #332801;
  color: #fcdc43;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}

.head2 {
  background-color: #19756c;
  color: #ffffff;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}

.title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.clickstream {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt;
}

.smalltext {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.marktext {
  color: #FF0000;
  background-color: #ffffff;
}

.new {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  color: #FF0000;
}


form {
  margin:0; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt
}

.logininput {
	COLOR: #252118;
	FONT-FAMILY: Tahoma, Verdana;
	FONT-SIZE: 11px;
	text-align:right;
	BORDER-STYLE: solid;
	BORDER-COLOR: #1A756C;
	BORDER-WIDTH: 1px;
	WIDTH: 197px;
	PADDING: 3px 2px 2px 2px;
	MARGIN: 0px;
	BACKGROUND-COLOR: #FFFFFF;
	BACKGROUND: URL(images/icon_pass.gif) Right no-repeat;
	BACKGROUND-COLOR: #FFFFFF;
	PADDING-Right: 18px;
}

.searchinput {
  background-color: #f6f7e7;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9pt;
  WIDTH: 130px;
}

.textarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9pt;
  width: 230px;
}

.input {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;






  font-size: 9pt;
  width: 230px;
}

.select {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9pt;
}

.setperpageselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9pt;
}

.categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9pt;
}

.dropdownmarker {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #EEEEEE;
  color: #136c99;
  font-size: 9pt;
}


.login-button {
		background:url(images/login-button.gif) no-repeat ;
		height:23px;
		width:53px;
		border:0px;
}
	a.button, input.button{ 

		margin:0px 7px 0px 0px; 
		background-color:#F4F4F4; 
border: 1px solid #6E6C55;
border-left: 4px solid #18947E;
border-right: 4px solid #18947E; 
		line-height:100%; 
		font-weight:bold; 
		font-size:16px;
		color:#252118; 
		cursor:pointer;
		font-family:  Tahoma;
		  font-size: 9pt;

	

/*--Categories------------------------------------------------*/
.catbgcolor {
  background-color: #EFEFEF;
}

.maincat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  color:#082330;
}

.subcat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
}

/*--Images----------------------------------------------------*/
.imagerow1 {
  
}

.imagerow2 {
  
}

/*--Comments--------------------------------------------------*/
.commentrow1 {
  background-color: #E4ECF6;
  color: #000;
}

.commentrow2 {
  background-color: #F3F7FB;
  color: #000;
}

.commentspacerrow {
  background-color: #d1d1d1;
  color: #332801;
}

.commenttextarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9pt;
  width: 270px;
}

.commentinput {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9pt;
  width: 270px;
}
.paging a:hover{border: 1px solid #C0C0C0;  background-color: #FFFFCC;}

.paging {border: 1px solid #C0C0C0;  background-color: #FCFAF5;}


.pagingon {
border: 1px solid #99CCFF;  background-color: #F0FAFF;}

}