/*
 *	Global MyadLyad Stylesheet (Author : Shani Elharrar)
 *	
 *	Some notes are written between the sheets, but before you 
 *	start looking for something, Check the file that you are
 *  looking for. Files here are organized by functionality.
 *
 *  For example : If you have a products list in your page, You
 *  will need to attach the file productsList.css to your page
 *
 *  Global.css is for global declarations
 *
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *  Some bugs in Internet explorer 6
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *  
 *  Peekaboo - 	Items are not displayed sometimes
 *				Use height:1%;
 *
 *	Double margin float bug -	If an item is floated to right/left,
 *								Then his margin to the same side will be
 *								Doubled
 *
 *	REMEMBER : IE6 Dosen't care about !importants, So, We can use this
 *			   Way to fix things :
 *		color:white !important; color:black;	
 *		(All browsers think the color is white, IE6 thinks it's black)
 *
 *	~~~~~~~~~~~~~~
 *	File stracture
 *  ~~~~~~~~~~~~~~
 *
 *	blobal.css -		Global declerations
 *	banners.css -		ALL banners related 
 *  categoryPage.css -	Category page related (Heading, stuff)
 *  productsList.css -	Products list table related
 *  searchForm.css - 	Search Form related
 *	home.css -			Home related
 *
 *
 *
 */
 
 .nobold, table.productsList dt.nobold {
 	font-weight:normal;
}
 
.hidden, table.productsList ul.pictures li.hidden {
	display:none;	
}

h1, h1.center {
	margin:15px 0;	
}

html form.search table td select, select, html table.horizontal select { 
	background:white; color:#333;	
}

html #allContent select {
	background:white;	
}

div.padding {
	padding:0 20px;	
}

h1.gisha {
	font-family:'Gisha'; font-size:14px; 	
}
/*	-----   Fonts   ----  */

@font-face {
	font-family:'Gisha';
	src: url('fonts/gisha.ttf');
}

@font-face {
	font-family:'Gisha bold';
	src: url('fonts/gishabd.ttf');
}

/*	-----   Global   ----  */

html, body {
	height:100%;
	direction:rtl;
	margin:0; padding:0;
	
}
*	{
	font-family:tahoma; font-size:12px;
}	
body {	
	text-align:center;
	background:#3b3e41;
}
	
#container {
	text-align:right;
	width:800px;
	padding:0 2px !important; padding:0;
	margin:0 auto -29px;
	min-height:100%; height:auto !important;height: 100%;
	background: url('../images/bodyBg.gif') repeat-y 2px 150px  #3b3e41;
	_background-position-x:0;
}
#allContent {
	width:798px;
	background:url('../images/contentBg.gif') no-repeat left top;
}
.push, #footer {
	height:29px; clear:both;
}
#footer img {
	border:0;	
}
.clear {
	clear:both;
	height:1px;
}
.tail {
	clear:both; padding:20px;
	margin:0 auto;
	overflow-x:hidden;
}
#footer {
}
.center {
	margin:0 auto;
	text-align:center;	
}

.smallMargin {
	margin:10px;	
}

/*	-----   Links   -----  */
a:link {
	text-decoration:underline;	
}
a:link, a:visited, a:active {
	color:#3b3e41; 	
}
a:hover {
	text-decoration:none;	
}

/*	-----   Header   -----  */

div.header {
	height:80px;
	padding:19px 0px 23px 1px;
	background: url('../images/headingBottom.gif') left bottom no-repeat #3b3e41;
}

div.header a.logoReplacement {
	float:right;
	background: url('../images/logo.gif') no-repeat center center;
	margin:10px 40px 0 0;	
	width:212px; height:51px;
}
div.header a.logoReplacement * {
	display:none;	
}
	
div.header div.banner {
	float:left;
	height:80px; width:536px;
	background:url('../images/headingBanner.gif') no-repeat;
	text-align:center; text-decoration:underline; line-height:80px;
}

div.header span.counter {
	display:block; float:right;
	color:#f07f09; color:white;
	font-size:12px; font-family:'Gisha';
	margin-top:10px;		
}

div.hr {
	clear:both;
	width:97%;
	margin:0 auto; border:0; padding:0; height:2px; color:transparent;
	background:url('../images/navSeperator.gif') repeat-x transparent;	
}
div.hr hr {
	display:none;	
}

/*	-----   Navigation   ----  */

div.nav {
	line-height:44px;
	padding:0 15px 4px;
	margin:0 1px;
	font-size:12px;
}
div.nav ul * {
	font-size:11px;	
}
div.nav form {
	float:left; text-align:left; 
	margin:0;
	width:282px; line-height:normal;
}

div.nav form .text, div.nav form .select {
	display:block; float:right;
	margin-top:15px; line-height:20px;
	height:22px; text-align:center; padding-top:4px;
	margin-left:5px;
}
div.nav form .select {
	background:url('../images/searchSelectBg.gif');
	width:82px; 
}
div.nav form .text {
	background:url('../images/searchTextBg.gif');
	width:135px;
}
div.nav form input, div.nav form select {
	border:0; height:22px; width:90%; 
	background:transparent; color:#2b2d30;
}

div.nav form select {
	font-size:10px; 	
	width:78px;
}
div.nav form input.submit {
	float:left;
	height:28px; width:55px; margin-top:14px;
	border:0;
	background:url('../images/searchBtn.gif') no-repeat center center;
	color:#ef7506; font-size:14px; font-weight:bold;	
}

div.nav ul {
	display:block;
	margin:0; padding:0;
}

div.nav ul li {
	display:inline;
	margin:0; padding:0 3px;
}

div.nav ul li a, div.nav ul li div {
	color:#3b3e41; text-decoration:none; display:inline-block;
	padding:4px 0;
}
div.nav ul li div, div.nav ul li div *{
	padding:0;
	display:inline-block; #display:inline;
}
div.nav ul li.selected div {
	#position:relative; #top:-4px;	
}
div.nav ul li div strong * {
	padding:0;	
}
div.nav ul li.selected a, div.nav ul li.selected div {
	background:url('../images/navSelectedMid.gif') repeat-x center;
}

div.nav ul li.selected a *, div.nav ul li.selected div * {
	padding:0;
	#padding-top: 5px; #padding-bottom:4px;
}


div.nav ul li a.toggleLoginPanel span.left {
	background-position-y:6px;
	#background-position-y:1px;	
}

div.nav ul li.selected span.left {
	background:url('../images/navSelectedLeft.gif') no-repeat center left; 
	padding-left:4px;
	padding-top:4px; padding-bottom:4px;
	#padding:0; #padding-right:4px;
}


div.nav ul li.selected span.right {
	background:url('../images/navSelectedRight.gif') no-repeat center right;
	padding-right:4px;
	padding-top:4px; padding-bottom:4px;
	#padding:0; #padding-left:4px; #padding-top:5px; #padding-bottom:4px;
	
}

div.nav ul li.selected span.right * {
	margin:0; padding:0; background:0;		
}

/* Some IE6 Bugs fixing :( */




/*	-----   Login panel   ----  */

div.nav form.loginPanel {
	text-align:right;
	float:none;
	background:url('../images/loginPanel.gif') no-repeat top right;
	display:block;
	height:34px; width:409px; line-height:34px;
	margin:0; padding:0;
}

div.nav form.loginPanel input {
	background:transparent; border:0; float:right; padding:0;
	 text-align:center;
}
div.nav form.loginPanel input.text, div.nav form.loginPanel input.password {
	height:14px; width:106px; font-size:10px;
	margin:8px 9px 11px 6px !important; /* Double float margin bug */
	margin-left:9px; margin-right:3px;
	
}
div.nav form.loginPanel input.password {
	width:49px; margin-top:10px;
}
div.nav form.loginPanel input.submit {
	color:black; margin-top:6px; margin-right:9px; 
	width:55px; height:20px; color:white;
	font-size:11px; font-weight:bold; margin-left:10px;
}

div.nav form.loginPanel a {
	font-size:10px;	
	color:#2b2d30;
}

div.nav form.loginPanel a.registration {
	font-size:12px; font-weight:bold; float:left; display:block;
	width:68px; text-align:center; cursor:hand; cursor:pointer;
}


/*	-----   Experemental - For the `Post message` button   -----  */

#allContent {
	position:relative;	
}

#allContent a.postMessage, #allContent a.newSmartAgent {
	display:block;
	width:45px;
	position:absolute;right:-45px;
}

#allContent a.postMessage {
	height:127px;
	background:url('../images/home/postMessage.gif') no-repeat top left;		
}
#allContent a.newSmartAgent {
	height:124px; top:127px;
	background:url('../images/home/newSmartAgent.gif') no-repeat top left;
}
#allContent a.postMessage span, #allContent a.newSmartAgent span {
	display:none;	
}

/*	-----   Footer   ----  */

div.tail ul.tail {
	display:block; text-align:center;
}
div.tail ul.tail li {
	display:inline;
}