/*



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;
	height:32px;

	padding-top:16px;

}

.register a:visited ,a:active

{

	color: #FEFFEF;

	text-decoration: none;
	height:32px;

	padding-top:16px;

}

.register a:hover, a:active

{
	height:32px;

	padding-top:16px;

	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;}



}