
/** general **/
body{
	margin: 0px;
	padding: 0px;
	background-color: #4a4949;
	direction: rtl;
	background-attachment: fixed;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
}

body, html{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #828B93; 
}

/** form settings **/

input, select, textarea{
	font:normal 12px Tahoma;
	color:#666666;
}

input[type=text], input[type=password]{
	border-width: 1px;
	border-style: solid;
	border-color: #507ab2;
}

table td{
	text-align: right; 
}

hr.separator{
	border: 1px dotted green;
}
div.gallery{
padding:3px;
	width:32%; 
	float: right;
	height:180px;
	text-align: center; 	
}
div.gallery table{

	width:100%; 
	
}
div.gallery td{
	clear:both;
	text-align: center;
}

table td.pagination{
	text-align: center;
}

/** link **/
a{
	text-decoration:none;
	font-weight: bold;
	color: #3091BB;
}

/** hover **/
a:hover{text-decoration:underline;}



.warn{
	 color: #FF7E00;
 	 font-weight: bold;
}

td.separator {
background: url('images/bg_hor.gif') repeat-x center;	
}

table{text-align: left}

/**begin styles for the index.tpl.html **/
.left_col{padding-left: 10px}

.right_col{padding-right: 10px}

.banner{/**padding-top: 10px **/

padding-bottom:10px;}

.main_col{width:100%;}

.footer{font-family: Tahoma; font-size: 11px; color: #46484A;}

.menu_top{
font-size:10px;
padding:2px;
text-align:center;
	background-image: url(images/nav.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.menu_top li{
padding-left:5px;
display:inline;
list-style:none;
}
.logo{}

.header{
color:#FFFFFF;}
.header_top {
color:#FFFFFF;
	background-image: url(images/topbg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.small_shop{
color:#fff;
}
/**end**/

/**************** begin styles for Boxes ************************************************/
/* Notice: 
/*	this is the style shema for box.tpl.html that located in the folder /public_html/views
/*
			+++++++++++++++++++++++++++++++++++++
			+	 box_top		    +
			+++++++++++++++++++++++++++++++++++++
			+  +			 	 +  +
box_content_right-->	+  +		box_content	 +  +	<-- box_content_right
			+  +				 +  +
			+  + 				 +  +
			+++++++++++++++++++++++++++++++++++++
			+	box_footer		    +
			+++++++++++++++++++++++++++++++++++++

/******************************************************************************************/
.box{margin-bottom:0px; margin-top:10px; }


.box_top{
	
	background:  url(images/box_top_left_bg.gif) no-repeat left;
	font: bold 16px Arial;
	color: white;
	height: 29px;
	line-height: 180%;
	text-align: right;
	padding-left: 10px;
}
.box_top  img.left{
	height: 29px;
	width: 21px;
	float: right;
	margin-left:10px;
}

.box_content_right{
	background:  url(images/box_content_right_bg.gif) repeat-y left;
	width: 10px;
}

.box_content_left{
	background:  url(images/box_content_left_bg.gif) repeat-y right;
	width: 10px;
}

.box_content{
	text-align: right;

}

.the_box_content{
	text-align: right;
	background-image: url(images/box_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
	padding: 3px;
	background-color: #c23904;
}
.the_box_content a{
	color: #FFFFFF;
}
.the_box_content a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}
.the_box_content td{
	color: #FFFFFF;
}
td..the_box_content a{
color: #FFFFFF;
}
.box_footer{
	background:  url(images/box_footer_left.gif) no-repeat right;
	height: 9px;
}
.box_footer img.left{
	height: 9px;
	width: 15px;
	float: left;
}
/**end **/

/************************ begin styles for pages *******************************/
/* Notice:
/*	page.tpl.html could be found in the following folder 
/* 	- views folder /public_html/views/ has the same
/* 	structure as the box.tpl.html 
/*******************************************************************************/
.page{ margin-top:10px;

}
.page_top{
	font: bold 16px Arial;
	color: #cc3300;
	height: 29px;
	line-height: 180%;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cc3300;
}
.page_top  img.left{
	height: 29px;
	width: 21px;
	float: right;
	margin-left: 10px;
}
.page_content_left{
	background:  url(images/page_content_right_bg.gif) repeat-y left;
	width: 10px;
}

.page_content_right{
	background:  url(images/page_content_left_bg.gif) repeat-y right;
	width: 10px;
}

.page_content{
 padding-top: 10px;
}


.page_footer{
	background:  url(images/page_footer_left.gif) no-repeat right;
	height: 9px;
}
.page_footer img.left{
	height: 9px;
	width: 15px;
	float: left;
}
/**end **/


/** begin styles for products */
.product_title{font-family: Tahoma; font-size: 12px; color: #E55C19; font-weight: bold;}
/**.product_title a {color: #E55C19} **/
.product_price{font-family: Tahoma; font-size: 11px; color: red; font-weight: bold;}
.product_sale_price{font-family: Tahoma; font-size: 12px; color: red; font-weight: bold;}
.before_price {
	font-weight:normal;
	color: #000;
	text-decoration: line-through;
}
.product_desc{font-family: Tahoma; font-size: 11px; color: #484E53; font-weight: bold;}
.desc {color:#999;
font-size:9px}

/*******************************************************************/
/** begin styles for small buttons in the product details page 	
/** the following styles are used in page details.tpl.html
/** located in /public_html/modules/ext/views/details.tpl.html
/*******************************************************************/

a.comments{
	background:  url(images/comments.png) no-repeat left bottom;
	padding-left:22px;
	padding-right:20px;
	color: #009900;
	line-height: 170%;
}
a.sendtofriend{
	background:  url(images/email_go.png) no-repeat left center;
	padding-left:20px;
	padding-right:20px;
	color: #009900;
	line-height: 170%;
}
a.zoom{
	background:  url(images/zoom.png) no-repeat left center;
	padding-left:20px;
	padding-right:20px;
	color: #009900;
	line-height: 170%;
	}

a.print{
	background:  url(images/print.png) no-repeat left center;
	padding-left:20px;
	padding-right:20px;
	color: #009900;
	line-height: 170%;
}


/****************************************************************************************
/** menu_top 
/**file: /document_root/views/menu_top.tpl.html
**/
a.menu_top_llink{
	/**height: 29px; **/
	color: #FFFFFF; 
	font-size: 16px; 
	font-family: Arial; 
	font-weight: bold; 
	text-align: center;
}
/**************************************************************************************/
/** header links 
/** file: /document_root/views/header.tpl.html
/*/


ul#header_links li{
	list-style-image: url("images/ico.gif");
	display:inline;	
	margin-left:10px;
	
}
ul#header_links li a{
	list-style-image: url("images/ico.gif");	

	font-family: Tahoma; 
	font-size: 10px; 
	color:white; 
	font-weight: bold;
	padding: 3px 0 3px 0;

}

.basket_text{
	color: #46484A;
}
.basket_count{
	color: #FF7E00;
	font-size:larger;
	
}

/**************************************************************************************/
.footer_text{
	color: #FFFFFF;
	font: normal 12px Tahoma;
}

/***** cateogories *****/
.categorie_menu{
	background: url('images/ico2.gif') no-repeat right;
	background-position:98%;
	padding-right: 15px;
	height: 21px;
	
}
.categorie_menu a:hover{
	text-decoration:none}
.categorie_menu a{
	color: #FFFFFF;
}
table td.categorie_menu:hover{
	
}
table td.categorie_sub_menu:hover{
	
}
.categorie_sub_menu {
	color: #FF7E00;
	background: url('images/ico2.gif') no-repeat right;
	background-position:90%;
	padding-right: 30px;
	height: 19px;
	
}
.categorie_sub_menu a{
	color: #FF7E00;
}
.categorie_sub_menu a:hover{
	color: white;
}
.categorie_seperator{
	/**background: url('images/line_h2.gif');**/
	height: 1px;
	border-bottom: 1px solid #df5b23;
}
/****************************************************************/
/*******************cms *******************************************/
.cms_col{
	background: url('images/ico2.gif') no-repeat right;
	background-position:98%;
	padding-right: 15px;
	height: 21px;
}
.cms_col a{
	color: #46484A;
}
.cms_seperator{
	background: url('images/line_h2.gif');
	height: 1px;
}

/****************************************************/
.small{
	font-family: Tahoma; font-size: 10px; color: #666666; font-weight:normal;
}
table.normal td{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #828B93;
}
.title{
	color: #46484A; font-weight: bold;
}
.error{background-color: #FCECE0}
#thumb { clear:both;
	background:#FFFFFF; 
	height:100px; 
	width:120px; 
	padding:10px; 
	/**border:1px solid #CCCCCC; **/
	text-align: center;
	vertical-align:middle; 
	margin: auto;}
#thumb img{
	clear:both;
	max-height: 100px; 
	max-width: 100px;  
	vertical-align:middle; 
	text-align: center;}
	
/***********************pagination**********************/

ul#pagination{
	list-style: none;	
	width: 90%;
}
ul#pagination li{
	float: right;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 1px solid gray;
	background-color: #E55C19;
	padding: 1px 7px 1px 7px;
	margin: 2px 2px 2px 2px;
}
ul#pagination li a{
	color: white;
	text-align: center;
	text-decoration: none;
}
ul#pagination li:hover{
	background-color: gray;
	color: #A0C566;
}

ul#pagination li.current{
	background-color: gray;
	color: #A0C566;
}
/***********************************************************************************/

/*new */
.maintable{width:647px/*100%*/; border:0; }
/*end new*/

table.grid{width:100%}
table.grid th{border-bottom: 1px solid #cccccc;}

span.theme_title{
	font: bold 11px Tahoma;
	color: #3091BB;
	line-height: 200%;
}


.HomeThumb{
	border: 1px solid #CCCCCC;
	margin: 1px;
}

.HomeThumb2{
	border: 2px thick #CCCCCC;
	margin: 1px;
}

table.menu_top_table td a:hover{

}
div,td{font-family: Tahoma; font-size: 11px; color: #808080;}

form{margin: 0px}

.Box{
background: url(images/bg_hor.gif) repeat-x center;
}
form{margin: 0px}

.Box{
background: url(images/bg_hor.gif) repeat-x center;
}

.lw{position: relative; left: -1; top: -1; color: #ffffff; font-size: 11px; font-family: tahoma; font-weight: bold}
.law{color: #ffffff; font-size: 11px; font-family: tahoma; font-weight: bold}

.search{height: 20px; width: 117px; font-family: Tahoma; font-size: 11px; color: #46484A; border: #000000 1px solid; padding: 2px 3px 2px 3px}

.item_desc{font-family: Tahoma; font-size: 11px; color: #484E53; font-weight: bold;}

.legend
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #3091BB;
font-weight: bold;
}
.legend_link
{
	font-family:Tahoma;
	font-size:11px;
	color: #3091BB;
}
.strike
{
text-decoration:line-through;
}


/** slide show style **/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:586px; margin:10px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:585px; height:300px; padding:0px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0px; width:585px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:303px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:2px}
#slideleft {float:left; width:20px; height:51px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#fff}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:51px; background:#fff url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative ;width:535px; margin-left:5px; height:56px; overflow:hidden; }
#slider {position:absolute;left:0; height:51px}
#slider img {cursor:pointer; border:1px solid #ccc; padding:2px}
