﻿@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	width : 100%;
	background-attachment: fixed;
	background-position:center top;
	background-image: url(timages/bg-main.jpg);
	background-repeat: no-repeat;
}
html {
padding : 0;
margin : 0;
}
* {
margin : 0;
padding : 0;
}
a {
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
.main {
	padding : 0;
	margin : 0 auto;
	text-align : justify;
	direction : rtl;
	margin-top:30px;
}
.blok_header {
margin : 0;
padding : 0;
}
.header {
	width : 990px;
	margin : 0 auto;
	padding : 0;
}
.logo {
	padding : 0;
	margin : 0;
	width : 990px;
	float : left;
}
.menu_resize {
width : 990px;
margin : 0 auto;
padding : 0;
	background: url(timages/bg_li.gif) repeat-x center top;
}
DIV#namayeshgah {background-position: 0% 0%; width: auto; height: 9px;  margin-left: auto; margin-right: auto; text-align: left; padding: 0px;; background-image:url('timages/top_item_bg.gif'); background-repeat:repeat; background-attachment:scroll}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu
{
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
}
ul#navmenu li
{
	margin: 0;
	border: 0 none;
	padding: 0;
	float: right;
	display: inline;
	list-style: none;
	position: relative;
}
ul#navmenu ul
{
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 2000;
}
ul#navmenu ul:after
{
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
ul#navmenu ul li
{
	width: 300px;
	float: right; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a
{
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: white;
	font-family: Tahoma;
	font-size: 10pt;
	text-decoration: none;
	height: 25px !important;
	height: 23; /*For IE*/ /*background-image: url(timages/top_item_bg.gif);*/
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	background-image: url(timages/seprator.png);
	background-repeat: no-repeat;
	background-position: right center;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a
{
	border-collapse: collapse;
	color: #FFF;
	font-family: tahoma;
	font-size: 10pt;
	text-align: right;
	cursor: pointer;
	background-color: #21022C;
}
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a
{
	float: none;
	border-collapse: collapse;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 10pt;
	text-align: right;
	border-top-width: medium;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #5D1374;
	border-bottom-color: #5D1374;
	border-left-color: #5D1374;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a
{
	cursor: pointer;
	background-color: #004D8F;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #420A55;
	border-right-color: #420A55;
	border-bottom-color: #420A55;
	border-left-color: #420A55;
}
ul#navmenu ul ul, ul#navmenu ul ul ul.galleria{
	list-style:none;
	width:200px
}
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul
{
	display: none;
}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul
{
	display: block;
}

.body_resize {
margin : 0;
padding : 0;
}
.body {
	width : 1000px;
	margin : 0 auto;

}
.body h2 {
	font : normal 19px Arial, Helvetica, sans-serif;
	color : #004D8F;
	margin : 0;
	padding : 10px 5px;
}
.body img {
	padding : 0;
}
.body img.port {
float : left;
padding : 0;
margin : 15px 1px;
}
.body img.floated {
float : right;
padding : 0;
margin : 0 5px;
}
.body p {
	font : normal 300 12px/1.8em Tahoma;
	color : #293571;
	padding : 5px 5px;
	margin : 0;
}
.body p span {
	color : #8e8e8e;
	line-height : 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.body a {
	text-decoration : none;
	color : #004D8F;
	font : 300 12px/1.8em Tahoma;
}
.body a:hover {
	text-decoration : underline;
	color : #841BAC;
	font : 300 12px/1.8em Tahoma;
}
.body_small {
	width : 245px;
	float : left;
	margin : 5px 0 5px 5px;
	padding : 0;
}
.body_big {
	width : 735px;
	float : left;
	margin : 5px 0 5px 5px;
	padding : 0;
	background-color: #FFF;
	margin-top:10px;
}
.body_big object{
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
}
.body_big a {
	color : #4F0D67;
}
.body .block2 {
width : 255px;
margin : 5px;
padding : 0;
float : left;
}
.FBG {
margin : 0;
padding : 0;
}
.FBG_resize {
width : 990px;
margin : 0 auto;
padding : 0;
font : 300 14px Tahoma;
}
.FBG_resize img {
float : left;
margin : 15px 10px;
padding : 0;
}
.FBG_resize p {
font : normal 300 14px/1.8em Tahoma;
color : #ffffff;
padding : 5px;
margin : 0;
}
.FBG_resize h2 {
font : 300 14px Tahoma;
color : #636363;
padding : 5px;
margin : 0;
}
.FBG_resize a {
font : 300 14px Tahoma;
color : #636363;
padding : 5px;
margin : 0;
}
.FBG_resize a:hover {
color : #2f2f2f;
text-decoration : underline;
}
.FBG_resize .right {
margin : 10px 10px;
padding : 0;
font : 300 14px Tahoma;
color : #333;
text-align : center;
}
.FBG_resize .left {
width : 120px;
float : right;
margin : 10px 10px;
padding : 0;
}
.footer_resize {
width : 980px;
margin : 0 auto;
padding : 0 0 50px 0;
height : 54px;
}
.footer {
padding : 0;
margin : 0;
background : #d1d1d1;
border-top : 1px solid #b9b9b9;
}
.footer p {
font : normal 300 14px Tahoma;
color : #5c5c5c;
}
.footer a {
font : normal 300 14px Tahoma;
color : #1f1f1f;
text-decoration : none;
padding : 5px;
margin : 0;
}
p.response {
text-align : center;
color : #2c2c2c;
font : bold 11px Arial, Helvetica, sans-serif;
line-height : 1.8em;
width : auto;
}
p.clr, .clr {
clear : both;
padding : 0;
margin : 0;
}
li.bg, .bg {
clear : both;
padding : 10px 0 0 0;
margin : 0 0 10px 0;
background : none;
list-style : none;
}
#index_portfolio {
	float : left;
	width : 100%;
	margin : 0 0 20px 0;
	background: url(timages/11111.jpg) no-repeat left top;
}
.sm {
margin : 0 auto;
list-style : none;
width : 990px;
height : 256px;
display : block;
overflow : hidden;
}
.sm li {
float : left;
display : inline;
cursor : pointer;
width : auto;
overflow : hidden;
}
.sm li img {
border : 0;
}
.index_port_item {
float : right;
overflow : hidden;
cursor : pointer;
position : relative;
height : 400px;
}
#index_portfolio .index_port_item a {
width : 100%;
height : 400px;
float : left;
position : absolute;
display : none;
}
#index_portfolio .current a {
width : 100%;
height : 400px;
float : left;
position : absolute;
display : block;
}
#index_portfolio .index_port_item .caption {
position : absolute;
padding : 20px;
float : left;
}
#index_portfolio .index_port_item .caption h2 {
font-weight : bold;
}
#index_portfolio .index_port_item .caption p {
font-size : 13px;
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin : 0;
}
img.img_products_small {
padding : 1px;
width : 80px;
text-align : center;
height : 104px;
}
.menu{
	display:inline;}
#PrmessDiv{
	color:#FFF;}
.Prmess{
	color:#FFF;}
.showp1{
	float: right;
}
.text3{
	font : normal 300 12px/1.8em Tahoma;
	color : #ffffff;
	padding : 5px 5px;
	margin : 0;

	text-align: justify;

	direction:rtl;
}
.showproduct_cel{
	width: 680px;
}
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	color:#151410;
	line-height:0;
}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	width: auto;
	height: auto; /* without this line error in IE8 detected */
	margin: 0 auto;
	position: relative;
}


#imageContainer{
	width:10px;
	height:10px;
	margin: 0 auto;
	overflow:hidden;
	background-color: #fff;
	position: relative;
	font-size:0;/* ie fix - big info bar*/
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	font-size:10px;
	z-index:1;
}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url(timages/loading.gif) center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background-image: url(timages/data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { 
	background: url(timages/prev.png) 5% center no-repeat; 
	_background-image:url(timages/prev_ie6.gif)
}
#nextLinkImg:hover, #nextLinkImg:visited:hover { 
	background: url(timages/next.png) 97% center no-repeat; 
	_background-image:url(timages/next_ie6.gif)
}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	width:100%;
}

#imageData{
	overflow:hidden;
	width:100%;
}
#imageDetails{ width: 70%; float: left; text-align: left; 	padding:10px 10px 0 10px;}
#caption{ font-weight: bold; display:block;}
#numberDisplay{ display: block; float: left; padding-right:10px;}			
#detailsNav{display:block; float:left;   padding:0; }
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails { margin:3px; margin-top:1px; width:16px;height:16px; background: url(timages/prevlabel.gif) left center;}
#nextLinkDetails { margin:3px; margin-top:1px; width:16px;height:16px; background: url(timages/nextlabel.gif) right center;}

#slideShowControl.started{
	background-image:url(timages/pause.gif);
}

#slideShowControl{
	display:block;
	width:17px; 
	height:17px; 
	float:left;
	background:url(timages/start.gif);
	background-position:center center;
	background-repeat:no-repeat;
	}

#close{
	padding:10px 10px 0 0;
	float:right;
}
#closeLink {
	display:block; outline-style:none; margin:0; padding:0; text-decoration:none; 
	width:32px;
	height:32px;
	background:url(timages/close.gif) no-repeat;
}	
		
	


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
	

#outerImageFrame{
	border:solid 1px red;
	height:100%;
	width:100%;
	position:absolute;
}


#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background-color: #fff;
	border:solid 1px #fff; /* hack for opera table small cell width */
}

#outerImageContainer td{
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:15px;
	width:15px;
}

#outerImageContainer td.tl{
	background-image:url(timages/borderTopLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='timages/borderTopLeft.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
	background-image:url(timages/borderTopCenter.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='timages/borderTopCenter.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
	background-image:url(timages/borderMiddleLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='timages/borderMiddleLeft.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
	background-image:url(timages/borderMiddleRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='timages/borderMiddleRight.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
	background-image:url(timages/borderBottomCenter.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='timages/borderBottomCenter.png', sizingMethod='scale');
}


#outerImageContainer td.tr{
	background-image:url(timages/borderTopRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='timages/borderTopRight.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
	background-image:url(timages/borderBottomLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='timages/borderBottomLeft.png', sizingMethod='scale');
}
#outerImageContainer td.br{
	background-image:url(timages/borderBottomRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='timages/borderBottomRight.png', sizingMethod='scale');
}
#vlightbox {
	zoom:1;
	text-align: justify;
}
#vlightbox span{ display:block; }
#vlightbox a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	opacity:0.87;
}
#vlightbox a img{
	display:block;
	border:none;
	margin:0;
}
#vlightbox a:hover{
	opacity:1;
}
.body_small1{
	height: 250px;
	width: 200px;
	float: left;
	padding: 5px;
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.body_small1 img {
	float: right;
}
.body_small2{
	height: 250px;
	width: 200px;
	float: left;
	padding: 5px;
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 8px;
	}
.body_small3{
	height: 250px;
	width: 200px;
	float: left;
	padding: 5px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
.text11{
	height: 50px;
	background-image: url(timages/paarimg.jpg);
	background-repeat: repeat;
	background-position: right top;
	width: 200px;
	float: left;
	text-align: center;
}
.text2{
	height: 50px;
	background-image: url(timages/bazargani.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 200px;
	text-align: center;
}
.text33{
	height: 50px;
	background-image: url(timages/sellerMenuHead.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 200px;
	color: #000;
	text-align: center;
}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
.gallery_demo_unstyled {
	margin: 0px auto;
}
* html .galleria li div span{width:400px} /* MSIE bug */
.ltr{
	direction:ltr;
}
.academy{
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
}
.lobnan{
	height: 851px;
	width: 680px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
.body p.news
{
	color:#680960;
	font-weight:900;
}
.nav{
	height: 60px;
	width: 275px;
	margin-bottom: 20px;
}
.nav1{
	height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-right: 0px;
	margin-left: 0px;
	color: #20042A;
	width: 224px;
	padding-right: 20px;
	padding-top: 5px;
	background-image: url(timages/list-marker.gif);
	background-repeat: no-repeat;
	background-position: 230px center;
	text-align: right;
}
.nav2{
	height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-right: 0px;
	margin-left: 0px;
	color: #1F0329;
	width: 224px;
	padding-right: 20px;
	padding-top: 5px;
	background-image: url(timages/list-marker.gif);
	background-repeat: no-repeat;
	background-position: 230px center;
	text-align: right;
}
.nav2 h2{
	direction:rtl;
	font: bold 15px Arial;
	color: #f00;
	padding-right:25PX;
}
.nav3{
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #f66f00;
	height: 30px;
	width: 260px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 0px;
}
.slidemenu1{
	margin-top: 0px;
	background-image: url(timages/block_tags_bg-grad.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.slidemenu2{
	margin-top: 0px;
	background-image: url(timages/block_category_bg-grad.png);
	background-repeat: repeat-x;
	background-position: bottom;

}
.slidemenu3{
	margin-top: 0px;
	background-image: url(timages/block_tags_bg-grad.png);
	background-repeat: repeat-x;
	background-position: bottom;

}
.sldi{
	width:245px;
	background-color: #dbd4e4;
	margin-top: 0px;
	margin-bottom: 10px;
}
.about{
	float: left;
	width: 710px;
	padding: 5px;
	margin: 10px;
}
.gallery{
	float: left;
	height: 200px;
	width: 220px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

