@charset "utf-8";
/* CSS design by Mahsa Momenkhani */
* { padding:0px; margin:0px;}
p { line-height:26px; text-align:justify }
a { outline:none;text-decoration:none; color:#0d86b4; }
table, td, div, img {border: 0 none;}
.clear { clear:both}
.tablecenter { margin:auto}

body { font-family:tahoma;font-size:11px;color:#3b3b3d;line-height:20px; background:#fff }

.fl { float:left}
.fr { float:right}

.vspacer10{ padding-top:5px; padding-bottom:5px;}
.vspacer20{ padding-top:10px; padding-bottom:10px;}
.vspacer30{ padding-top:15px; padding-bottom:15px;}

.txt1 { color:#ffc70e}
.txt2 { color:#767676}
.txt3 { color:#ff9900}
.txt4 { color:#000}
.txt5 { color:#969696}

@font-face {
  font-family: 'yekan';
  src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BYekan.ttf') format('truetype'),
	   url('fonts/BYekan.svg') format('svg');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
	   font-weight: normal;
   	   font-style: normal;} 
	   

#Template {direction:rtl; margin:auto; width:980px;}

.logo { background: url(../images/logo.png) no-repeat; float:right;width:277px; height:60px; margin:10px 0 0 0}

.righMenu {}
.topmenu { margin:10px 0 10px 0; width:980px; float:left; border-top:1px solid #6E96C9; border-bottom:2px solid #6E96C9}
ul.menu {direction:rtl; margin:0px;  height:30px; }
ul.menu a {color:#686868; padding:0px 10px 0 50px;display:inline-block; line-height:18px; border-left:1px solid #c7c7c7}
ul.menu li { float:right;border-left:none; line-height:29px;display: block;
   margin:0;font-family: 'yekan'; font-size:17px; }
ul.menu li:hover {background-color:none;color:#0e2f81;}
ul.menu li a:hover { color:#0e2f81; background:none;} 
ul.menu li:last-child { border-left:0}

ul.menu ul { top:32px;width:200px; background:#fff; right: auto; }
ul.menu ul li { width:200px; border:none;line-height:30px; padding:0; border-bottom:1px solid #d3d3d3; text-align:right; background:none;font-size:13px;  }
ul.menu ul li a {display:block; border-bottom:none; color:#606060; padding:0px 10px;line-height:28px;border-right:1px solid #0b4a9c; border-left-color:#0b4a9c}
ul.menu ul li a:hover {background-color:none; color:#0b4da2;  background:none; background:#f1f1f1 }
ul.menu ul ul {right:200px; top:0px;}
ul.menu ul ul li {width:200px}
ul.menu ul li:hover {  color:#0b4da2; background:none}
ul.menu ul li:last-child { border-bottom-color:#0b4a9c}

.flash *{transition:all 0.2s ease-out 0s}
.flash {margin:5px 0 10px 0; background:url(../images/Imageflash.jpg) no-repeat; width:980px; height:415px; position:relative}
.flash a.Fbtn1, .flash a.Fbtn2, .flash a.Fbtn3, .flash a.Fbtn4 { background:url(../images/btnBg.png) repeat-x;width:187px; height:31px;color:#2b4c76; position:absolute;transition:all 0.2s ease-out 0s; border-radius:20px;box-shadow: 0px 0px 2px #888888; line-height:31px;}
.flash a.Fbtn1 { top:110px; left:100px;}
.flash a.Fbtn2 { top:280px; left:290px;}
.flash a.Fbtn3 { top:217px; left:600px;}
.flash a.Fbtn4 { top:65px; left:750px;}
.flash a.Fbtn1:hover, .flash a.Fbtn2:hover, .flash a.Fbtn3:hover, .flash a.Fbtn4:hover {background:#4e6395; color:#f1f2f4}
.flash a.Fbtn1 span, .flash a.Fbtn2 span, .flash a.Fbtn3 span, .flash a.Fbtn4 span { padding:0 10px 0 20px; text-align:left; background:url(../images/arrowFlash.png) no-repeat 95% 50%; direction:ltr; display:block; font-weight:bold; line-height:30px}
.flash a.Fbtn1 span:hover, .flash a.Fbtn2 span:hover, .flash a.Fbtn3 span:hover, .flash a.Fbtn4 span:hover {background:url(../images/arrowFlashHover.png) no-repeat 95% 50%;}

ul.Column3mainPage {}
ul.Column3mainPage li{ border-right:1px solid #d9d9d9; width:225px; padding:0 10px; list-style:none; float:left}
ul.Column3mainPage li:first-child { padding-left:0;padding-right:10px}
ul.Column3mainPage li:last-child { padding-left:10px;padding-right:0; border:0}
ul.Column3mainPage li .title { color:#000;font-family:'yekan'; font-size:13px; margin-bottom:12px }
ul.Column3mainPage li p { text-align:right; line-height:16px; font-size:11px; color:#666}
ul.Column3mainPage li p:hover { color:#0b4da2; text-decoration:underline; cursor:default}
ul.Column3mainPage li img { float:right; width:100px}


ul.titleBar  { line-height:26px; color:#5A5A5A;font-family:tahoma; font-size:12px;
 margin-bottom:20px; border-bottom:1px solid #e3e3e3 } 
ul.titleBar li:first-child a{ background:none!important;} 
ul.titleBar li{list-style:none; display:inline-block;  margin:0 0px 0 10px; }
ul.titleBar li a{color:#5A5A5A; font-size:12px; font-family:tahoma; padding-right:15px;
 background:url(../images/bgNavi.gif) no-repeat 100% 6px!important; }
ul.titleBar li a:hover{ color:#0b4da2}
ul.titleBar li:first-child a{ margin-left:0;padding-right:auto;}
ul.titleBar li:last-child a {  }

#footer { border-top:1px solid #D9D9D9; margin-top:20px; float:right; color:#a3a3a3; font-family:tahoma; font-size:11px; line-height:16px; padding:20px 0}
.pStyle1 {}
.pStyle1 span{ color:#666;}

ul.footerLink { overflow:hidden; margin-bottom:5px} 
ul.footerLink li{ list-style:none; line-height:16px; float:right; border-left:1px solid #D9D9D9; padding:0 10px } 
ul.footerLink li:last-child { border-left:none}
ul.footerLink li a{display:inline-block; color:#A3A3A3; }
ul.footerLink li a:hover {text-decoration:underline; color:#666}

.col400 { width:480px; float:right; border-left:1px solid #D9D9D9}

.hwd { text-align:right; margin-right:10px; margin-top:5px}
.hwd a {color:#666}
.hwd a:hover { text-decoration:underline}

.border0 { border-left:0}
.padding10 { padding-right:10px}

.slideshow{height:320px;width:980px;margin:auto; z-index:1; position:relative; overflow:hidden; margin-bottom:20px  }
.slideshow img{ width:980px;height:320px}
.nav { }
#nav a, #s7 strong { margin: 0 3px; padding: 2px 5px;background: #646871; text-decoration: none; color:#fff }
#nav a.activeSlide { background: #0f218b; color:#fff }
#nav a:focus { outline: none; }
#output { text-align: left; }
#nav { text-align: left ;margin-top:-45px; z-index:9999; position:absolute; margin-right:2px}
.shadow { background:url(../images/sliderShadow.png) no-repeat; width:980px; height:45px}

ul.productList {}
ul.productList li{ list-style:none; width:200px; height:225px; border:1px solid #dbdbdb; float:right; margin:0 11px 12px 11px; padding:10px; text-align:left; }
ul.productList li:hover { border-color:#0f218b;}
ul.productList li img { text-align:center; width:173px; height:70px;}
ul.productList li a{ color:#2f2409; text-transform:capitalize}
ul.productList li a:hover { color:#0f218b}
ul.productList li a span { display:block; margin-top:10px}



.productDetail {}
.productDetail .title {color:#C60000; margin-bottom:10px; font-size:14px; font-weight:bold}
.productDetail .mainPic { float:left; margin:0 15px 10px 0; width:200px; height:200px; padding:1px; border:1px solid #666}
.otherPic { margin-top:10px}
.otherPic .title { background:url(../images/BoxTitleArrowLtr.png) no-repeat; width:130px; height:25px; color:#fff; padding:0 10px 0 4px; font:14px tahoma}
.otherPic .cont1 { border:1px solid #999; background:#fff; padding:10px; overflow:hidden}
.otherPic .cont1 img { width:70px; height:70px; padding:1px; border:1px solid #999; float:left; margin-left:0; margin-right:10px}
Table.TableStyle {padding:3px; border:#ccc 1px solid;direction:ltr; border-collapse:collapse; color:#666; margin:10px 0; min-width:300px }
Table.TableStyle td { padding:5px; vertical-align:top;  border:1px #ccc solid; background:#ede8e8}
Table.TableStyle th { padding:5px; vertical-align:top; background-color:#f6f6f6; border:1px #ccc solid; background:#fff; font-weight:bold}


.productDetail .mainPicc { float:right; margin:0 0 10px 15px; width:200px; height:200px; padding:1px; border:1px solid #666}
.otherPic { margin-top:10px}
.otherPic .title { background:url(../images/BoxTitleArrowLtr.png) no-repeat; width:130px; height:25px; color:#fff; padding:0 10px 0 4px; font:14px tahoma}
.otherPic .cont11 { border:1px solid #999; background:#fff; padding:10px; overflow:hidden}
.otherPic .cont11 img { width:70px; height:70px; padding:1px; border:1px solid #999; float:right; margin-left:0; margin-right:10px}
Table.TableStylee {padding:3px; border:#ccc 1px solid;direction:rtl; border-collapse:collapse; color:#666; margin:10px 0; min-width:300px }
Table.TableStylee td { padding:5px; vertical-align:top;  border:1px #ccc solid; background:#ede8e8}
Table.TableStylee th { padding:5px; vertical-align:top; background-color:#f6f6f6; border:1px #ccc solid; background:#fff; font-weight:bold}

.titleMainPage { border-bottom:1px solid #E3E3E3; border-top:1px solid #E3E3E3; color:#000; line-height:26px; font-family:'yekan'; font-size:13px}


.flag { float:left; margin-top:15px;}

/*-----------tab------------*/
#usual3{width:796px; margin:10px 0 10px 0; }
#usual3 ul.tabs{height:24px;list-style-type: none;padding: 0; margin:0}
#usual3 ul.tabs li{float:left;margin: 0 3px 0 0px; padding: 0;  border-radius:5px 5px 0 0}
#usual3 ul.tabs li a{color:#fff;display: block;height:14px;padding:5px 10px; position: relative;text-align: center;
text-decoration: none; border-radius:5px 5px 0 0; background:#004199; line-height:14px; border:1px solid #004199}
#usual3 ul.tabs li a:hover{color:#fff;border-radius:5px 5px 0 0;  background:#004199;  }
#usual3 ul.tabs li a.selected { color:#2a2a2a !important; border-radius:5px 5px 0 0; background:#fff; border:1px solid #D8D8D8;border-bottom-color:#fff;}
.panel { border:1px solid #d8d8d8; padding:5px; min-height:100px;  }

.tableType01 {border-bottom: 1px solid #0B4DA2;border-collapse: collapse;border-top: 2px solid #0B4DA2;font-size: 11px;margin-bottom: 35px; width: 571px;}

.tableType01 thead th {background:#E6EDF6; border: 1px solid #C4CFE4;color: #2C323E;padding: 4px 0 3px; }

.tableType01 tbody th { background:#F2F6FA;border: 1px solid #D5D5D5;color: #2C323E;font-weight: normal;line-height: 13px;padding: 5px 8px;text-align: center;}

.tableType01 tbody td {border: 1px solid #DFDFDF;color: #585858; padding: 5px 10px;vertical-align: top;}

/* ------------------------ SLIDESHOW---------------------------- */
.slideshow{height:225px;width:560px;margin:auto; z-index:1; position:relative; overflow:hidden; margin-bottom:70px}
.slideshow img{ width:560px;height:225px}
#nav a, #s7 strong { margin: 0 3px; background:url(images/bullet.png) no-repeat; width:12px; height:12px; display:inline-block; font-size:0}
#nav a.activeSlide { background:url(images/bulletActive.png) no-repeat; width:12px; height:12px }
#nav a:focus { outline: none; }
#output { text-align: left; }
#nav { position:relative; margin-top:-40px; z-index:9; text-align:center}
/* ------------------------ SLIDESHOW---------------------------- */


ul.menuV {float:none;padding-top:0px; position:inherit; margin-top:2px }
ul.menuV a {color:#484848; padding:0 20px;display:block;  }
ul.menuV a:hover { }
ul.menuV li {position:relative; line-height:40px; border:1px solid #96bcdc; direction:ltr; text-align:left;width:200px;
 height:40px; background:#FFF; margin-bottom:5px;}
ul.menuV li:last-child {}
ul.menuV li:hover { border:1px solid #30357e; background:none;}
ul.menuV li:first-child { border:1px solid #96bcdc}
ul.menuV li:last-child { } 

ul.menuV ul {left:202px;width:200px; color:#ffffff; border:1px solid #02154f;}
ul.menuV ul li {width:200px; border-bottom: 1px dotted #e2e2e2; border-right:none; border-left:none; border-top:none; display:block; }
ul.menuV ul li:first-child { border-bottom: 1px dotted #e2e2e2;border-right:none; border-left:none; border-top:none;  }
ul.menuV ul li:last-child { border:none;}
ul.menuV ul li:hover {background:none; opacity:1px; border:none;}
ul.menuV ul li a {padding:0px 20px ; color:#939393; }
ul.menuV ul li a:hover { background:none; opacity:1px; border:none;}
ul.menuV ul ul {left:202px; top:0px;}
ul.menuV ul ul li { width:200px}

.itemBox { border-bottom:1px solid #BABABA; float:left; height: 95px; margin:0 0 13px 30px; width:280px;z-index:1;}
.itemBox h4 { height:20px; overflow:hidden;}
.itemBox a.more { color:#888888; font-weight:bold; line-height:20px;}
.itemBox a.more:hover{ color:#2f3366;}
.itemBox ul li { padding:0 0 2px 8px;word-break:keep-all;}
.itemBox ul li a { color:#666666;}