﻿body {margin:0px; padding:0px
}

a{text-decoration:none; outline:none}

/*header*/
.bacrep{width:100%;height:3px;background-color:#fac913}
.bacreptwo{width:100%;height:54px;background-color:#030044}
.bacrepthree{width:100%;height:87px;background-color:#fff}
.bacrepfour{width:100%;height:5px;background-color:#030044}
.headercantent{width:1024px;height:87px;margin:0 auto 0 auto}
.bacheader{float:left;padding-right:30px; z-index:3; position:relative}
.bacheader img{border:0}
.imghome{padding-top:25px;float:left}
.imghome div{background:url(Images/home.png) no-repeat top center; width:37px; height:34px; outline:none}
.imghome div:hover{background:url(Images/home2.png) no-repeat top center; width:37px; height:34px; outline:none}
.imgsearch{height:59px;width:1024px;margin: 0 auto 0 auto}
.imgsearch img{float:right;margin:11px 20px 0 0 }
.linksuichsite{font:13px 'Yekan'; text-decoration:none; color:#fff}
.linksuichsite:hover{font:13px 'Yekan'; text-decoration:none; color:#fac913}

.menu .items{margin:35px 0 0 35px;float:left; height:55px; width:80px; text-align:center; position:relative}
.bordermenu{margin:0 auto 0 auto; z-index:10000; position:absolute;width:80px; top:52px}
.menu .items a{font:16px tahoma ; color:#000; cursor:pointer; text-decoration:none}

.itemsubmenus{z-index:9999;margin:30px 10px 10px 10px;font:16px tahoma; color:#050072; text-decoration:none}
.itemsubmenus:hover{z-index:9999;margin:30px 10px 10px 10px;font:16px tahoma; color:#b80000; text-decoration:none}
.itemsubmenus .title{text-align:center; padding-top:8px}

.mappages{width:100%;text-align:left; margin:25px 0 15px 0}
.mappages span{ font-size:16px; color:#606060}
.mappages .unselect{font:16px tahoma; color:#606060; text-decoration:none; outline:none}
.mappages .select{font:16px tahoma; color:#ac0000; text-decoration:none; outline:none}

.imgimenreff{float:right;margin-top:2px; background:url(Images/imenreff.png) no-repeat top right; width:67px; height:81px}
.imgimenreff:hover{float:right;margin-top:2px; background:url(Images/imenreff2.png) no-repeat top right; width:67px; height:81px}
.page{width:1024px;min-height:200px;margin:0 auto 0 auto}

/*Menu*/
.submenudiv{width:1024px; height:259px; background-color:#fff; position:absolute; z-index:5; top:149px}

/*Search*/
.Search{margin:16px -282px 0 0;width:270px;float:right}
.Search div{width: 280px; float:right; margin-top:-3px}
.Search img {float: left; cursor:pointer; margin:2px 0 0 8px}
.Search input{direction:ltr;border:0;font:600 12px tahoma;width:235px;background-color:#030044;height:25px;color:#fff;float: left}

.shape{background-color: #514f7e;width:810px;height:2px;margin-top:16px}
.footer{background-color:#030044;width:100%;height:307px}
.bottomfooter{background-color:#ffcb05;width:100%;height:5px}
.footerInside{background:url(images/footerInside.jpg) no-repeat top center;width:1024px;height:314px;margin:0 auto 0 auto}
.footerInside img{margin-top:22px;margin-left:36px;float:left}
.footericon{width:250px;height:100px;width:210px;float:left}
.footericon a{text-decoration:none;color:#fff}

.footericonimgdiv{font:17px tahoma ;clear:both;padding-left:25px;padding-top:15px}

.footericonimgdiva{font:17px tahoma ;clear:both;padding-left:32px;padding-top:15px}
.footericonimgdivab{font:17px tahoma ;color:#fff;clear:both;padding-left:20px;padding-top:15px}
.footericontitel{width:250px;height:100px;width:210px;float:left;padding-top:30px}
.footericontitel a{font:15px tahoma;color:#FFF;line-height:25px;text-decoration:none}
.footericontitel a:hover{font:15px tahoma;color:#d4a81b;line-height:25px;text-decoration:none}
.footericontitela{padding-left:22px}

.contentfooter{width:1024px;margin:0 auto 0 auto ;margin-top:20px; direction:rtl; font:15px/27px Tahoma; text-align:center; color:#fff}
.footertitelbotom{font:13px Tahoma;color:#fff;text-align:right;margin-top:25px}
.footertitelbotom a{font:13px Tahoma;color:#fff; text-decoration:none}
.footertitelbotom a:hover{font:13px Tahoma;color:#ffcb0e; text-decoration:none}


/*Index*/

.PhotosArchive{width: 140px; height: 28px; float: right; margin-top: 20px;font: 14px tahoma;text-align:center;padding-top: 8px}
.PhotosArchive a{text-decoration:none;color:#011776}

.backgroundnews{background:url(images/img1.jpg) no-repeat; background-size:cover;width:100%;height:793px;margin:0px auto 0 auto}
.imghome1{background:url(images/img2.jpg) no-repeat top center;width:1024px;height:470px; margin:0 auto}
.titel-products{font:600 15px tahoma;color:#06257f;margin:61px 0 0 65px;text-align:left}
.titel-products a{font:600 15px tahoma;color:#06257f; text-decoration:none}
.titel-products2{font:17px tahoma;color:#000;margin:30px 0 0 65px;text-align:justify}
.img4{padding-top:107px; padding-left: 45px; float: left}
.titel-products-home{width: 670px; height: 312px; float: right;margin-top: 85px;margin-right:40px}

.repleftindex{background:url(images/backindexleft.jpg) repeat-x center left; width:50%; height:470px}
.reprightindex{background:url(images/backindexright.jpg) repeat-x center right; width:50%; height:470px}
.titelindex{font:21px tahoma;color:#13068c;text-align:center}
.titelindex1{font:16px tahoma;color:#13068c;text-align:center}
.titelindex2{font:14px/24px tahoma;color:#fff;text-align:justify;margin-top:20px}
.bacrepimg{background:url(images/img5.jpg) repeat-x ;width:1024px;height:20px;margin:20px auto 0 auto}
.bacrepimgshape{text-align:center;background-color:#fff;width:120px;height:22px;margin:0 auto;font:19px tahoma;color:#000;margin-bottom:20px}
.gallery{background:url(images/img6.jpg) repeat-x ;width:100%;height:448px;margin-top:25px}

.titlenewsindex{margin-top:50px; text-align:justify}
.titlenewsindex a{font:16px tahoma; color:#fff; text-decoration:none}
.titlenewsindex a:hover{font:16px tahoma; color:#daaf19; text-decoration:none}
.newsindextop{width:310px; height: 330px; float:left}

/*Buttons*/
[class^="hvr-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
    font:14px tahoma
}
/**/





/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #005290;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
    font:14px tahoma;
    color: #666666;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
    font:14px tahoma;
    border:1px solid #005290
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter In Vertical */
.hvr-shutter-in-verticalwhit {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #005290;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
    font:14px tahoma;
    color: #ffffff;
}
.hvr-shutter-in-verticalwhit:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #474747;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
    font:14px tahoma;
    border:1px solid #ffffff
}
.hvr-shutter-in-verticalwhit:hover, .hvr-shutter-in-verticalwhit:focus, .hvr-shutter-in-verticalwhit:active {
  color: white;
}
.hvr-shutter-in-verticalwhit:hover:before, .hvr-shutter-in-verticalwhit:focus:before, .hvr-shutter-in-verticalwhit:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}


/* Shutter Dark In Vertical */
.hvr-shutter-in-verticaldark {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #005290;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
    font:14px tahoma;
    color: #dedede;
}
.hvr-shutter-in-verticaldark:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #58595b;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
    font:14px tahoma;
    border:1px solid #58595b
}
.hvr-shutter-in-verticaldark:hover, .hvr-shutter-in-verticaldark:focus, .hvr-shutter-in-verticaldark:active {
  color: white;
}
.hvr-shutter-in-verticaldark:hover:before, .hvr-shutter-in-verticaldark:focus:before, .hvr-shutter-in-verticaldark:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}


.image-hover {
   float:left;
   margin:103px 0 0 100px
}

/*News*/
.background-own{background-color: #ffcb05; width: 161px; margin-top: -5px; height: 110px; float: left}
.background-two{background-color: #3e3c3c; width: 341px;margin-top:-5px; height: 110px;float: left}
.newstitelleft{font:16px tahoma;color:#000;text-align:center;line-height:32px}
.newstitelright{text-align:center;margin-top:30px; padding:0 10px 0 10px}
.newstitelright a{font:18px/30px tahoma;color:#fff; text-decoration:none}
.imagenews{width:502px;clear:both}
.imagenews:hover .newstitelright a{color:#daae17}
/*.backcontent{background:url(images/newsimg.jpg) no-repeat; background-size:cover;width:100%;height:221px;margin:0px auto 0 auto}*/

.hover09 figure img {-webkit-filter:sepia(100%);filter:sepia(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover09 figure:hover img {-webkit-filter:sepia(0);filter:sepia(0);}
figure {width:502px;height:268px;margin:0;padding:0;background:#fff;overflow:hidden}
figure:hover+span {bottom:-36px;opacity: 1}

.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*Pager*/

.backpagerline{background:url(imgs/backpager.png) repeat-x center center; width:100%; height:25px; margin:28px auto 28px auto}

/*Show News*/
.iconnews{float:right;margin-top:25px;margin-bottom:22px}
.shape{width: 1024px; height: 1px; background-color: #c1c0c0;clear:both}
.shapetitel{margin-top:10px}
.shapetitel a{font:18px tahoma;color:#c90505; text-decoration:none}
.shapetitel .date{float:right;font:18px tahoma;color:#c90505}
.titelnewsshepe{font:14px/25px tahoma;color:#000;margin-top:15px;text-align:justify}

/*Contact US*/
.ertebat{width: 490px; height: 50px; background-color: #fbfcfe; margin-top: 25px; border: 1px solid #dddee0;border-radius:3px;direction:ltr;font:15px Tahoma; color:#555555; padding-left:5px}
.ertebat1{width: 490px; height: 50px; background-color: #fbfcfe; margin-top: 25px; border: 1px solid #dddee0;border-radius: 3px;direction:ltr;font:15px Tahoma; color:#555555; padding-left:5px}
.ertebat2{width: 490px; height: 50px;background-color: #fbfcfe; margin-top: 25px;border: 1px solid #dddee0; border-radius: 3px;direction:ltr;font:15px Tahoma; color:#555555; padding-left:5px}
.ertebat3{width: 490px; height: 50px; background-color: #fbfcfe; margin-top: 25px; border: 1px solid #dddee0; border-radius: 3px;direction:ltr;font:15px Tahoma;margin-left: 0px; color:#555555; padding-left:5px}
.ertebat4{width: 1008px; height: 220px; background-color: #fbfcfe; margin-top: 23px; border: 1px solid #dddee0; border-radius: 3px;direction:ltr;font:15px Tahoma; color:#555555; padding-left:5px}
.buttom{width: 137px; height: 40px; background-color: #015291;margin-top:30px}
.buttom div{font:17px tahoma;color:#fff;text-align:center;padding-top:9px}
.buttom div span{text-decoration:none;color:#fff}

/*About US*/
.aboutcontent{width:1024px;margin-top:20px}
.about_titel{font:15px/25px tahoma;color:#000000;text-align:justify}
.about_titel img{float:right ;padding-left:25px}
.bacrepimg{background:url(images/img11.jpg) repeat-x ;width:100%;height:20px;margin-top:20px}
.bacrepimgshape{text-align:center;background-color:#fff;width:105px;height:20px;margin:0 auto;font:23px/10px tahoma;color:#484848}
#cffooter1 {
  position:relative;
  float:left;
  padding:0 0 0 0;
}

#cffooter1 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  cursor:pointer;
}

#cffooter1 img.top:hover {
  opacity:0;
}

/*Complaint*/
.Table1 .date{font: 12px tahoma; color: #211d70;margin-top:30px}

.Table1{width:510px;height:300px;float:left}
.Table2{width:480px;min-height:300px;float:right}

.Company{font: 15px tahoma; color: #211d70;margin-top:30px}
.email{float:left;direction:ltr}
.Company2{font: 15px tahoma; color: #211d70;margin-top:75px}
.Company3{font: 15px tahoma; color: #211d70;margin-top:35px}
.Company4{font: 15px tahoma; color: #211d70;margin-top:0px}
.buttomend{width:130px;height:30px;background-color:#005290;text-align:center;padding-top:8px}
.buttomend a{font: 16px tahoma;color: #fff;text-decoration:none}


.Sectionleft{width:500px;height:1500px;float:left}
.Sectionright{width:500px;height:1500px;float:right}

/*Home products*/
.imagearticel{margin-top:10px;text-align:center}
.imagearticel-own{border-bottom:1px solid #8c8c8c;margin:0 auto 0 auto;width:349px;font:600 21px tahoma;color:#714400}
.imagearticel-two{margin:0 auto 0 auto;width:56px;height:29px;margin-top:-1px}
.imagearticel-three{margin-top:57px;text-align:center}

.img-own{background:url(images/img-own.jpg) no-repeat center;background-size:cover;height:663px;margin-top:12px}
.titelimg-own{width:935px;min-height:200px;margin:0 auto 0 auto;padding-top:55px;font:17px tahoma;color:#fff;text-align:justify;line-height:31px}
.button{width:139px;height:35px;background-color:#fff;float:right;text-align:center;font:15px tahoma;margin-top:70px;padding-top:13px}
.button a{text-decoration:none;color:#000}

.img-two{background:url(images/img-two.jpg) no-repeat center;background-size:cover;height:666px;margin-top:12px}
.button-two{width:139px;height:35px;border:1px solid #fff;float:right;text-align:center;font:15px tahoma;margin-top:70px;padding-top:13px}
.button-two a{text-decoration:none;color:#fff}
.button-two:hover{color:#000;background-color:#fff}

.img-three{background:url(images/img-three.jpg) no-repeat center;background-size:cover;height:665px;margin-top:12px}


body {font-family: tahoma}




.btn {width:138px;height:35px;cursor:pointer;float:right;text-decoration: none;font-size:15px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}

.btn:hover {cursor: url(images/sym46.cur),auto}
.blue {color: #ffffff;border:1px #ffffff solid;
}

.blue:hover {background-color:#ffffff;color: #000}

.buttons {padding-top:71px;text-align:center}

/*Show Products*/
.titleproduct{font:18px tahoma; color:#005290; margin:30px 0 0 0; float:left}
.titleproduct span{color:#ff9205; font-weight:bold}

/*Show Product*/
.menushowproduct{position:fixed;top:470px; left:0; z-index:9999}
.menushowproduct a{text-decoration:none}
.menushowproduct .item{width:130px; height:38px; background-color:#58595b; margin-bottom:3px; font:600 12px/33px tahoma; color:#e6e6e6; padding:0 8px 0 8px; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}
.menushowproduct .item:hover{width:130px; height:38px; background-color:#950f01; margin-bottom:3px; font:600 12px/33px tahoma; color:#e6e6e6; padding:0 8px 0 8px; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}
.menushowproduct .item img {float:right}

/*Order*/
.lablecomplaint{font:14px/35px tahoma; color:#2a2a2a}
.rqnumber{font:13px tahoma; color:#0000a1; margin-bottom:8px}
.backitemsorder{width:100%; height:44px; background-color:#f3f3f4; margin:10px auto 20px auto; text-align:center}
.backitemsorder tr{height:44px}
.backitemsorder tr td{font:15px tahoma; color:#000000; text-align:center; cursor:pointer; vertical-align:middle}
.backitemsorder tr td:hover{font:15px tahoma; color:#fff; background-color:#005290; text-align:center}
.backitemsorder tr td a{font:15px tahoma; color:#000000; text-decoration:none}
.backitemsorder tr td:hover a{font:15px tahoma; color:#fff; text-decoration:none}



/*Achievements*/
.tabachievementsunsel{background:url(imgs/tabunsel01.png) no-repeat top left; width:233px; height:52px; float:left; text-align:left; padding-top:14px; cursor:pointer; user-select:none; outline:none; text-decoration:none; color:#000}
.tabachievementssel{background:url(imgs/tabsel01.png) no-repeat top left; width:233px; height:52px; float:left; text-align:left; padding-top:14px; color:#fff; cursor:pointer; user-select:none; outline:none; text-decoration:none}

.listhonours{background:url(imgs/unselectframe.png) no-repeat top center; width:277px; height:307px; padding-top:12px; cursor:pointer}
.listhonoursselect{background:url(imgs/selectframe.png) no-repeat top center; width:277px; height:307px; padding-top:12px; cursor:pointer}
.listhonours img{width:252px; height:265px}

.achievementsinformation{clear:both}
.achievementsinformation .title{text-align:left}
.achievementsinformation .title h1{font:600 16px tahoma; color:#d00000}
.achievementsinformation .description{text-align:justify; direction:ltr; font:15px/28px tahoma}

.accordiondateimg2{padding:6px;display: block;box-shadow: 3px 3px 3px 3px #c6c6c6;-webkit-box-shadow: 3px 3px 3px 3px #c6c6c6;-moz-box-shadow: 3px 3px 3px 3px #c6c6c6;}

.footershareicon{width:160px; height:40px; float:right; margin-top:-20px; margin-right:40px}

/*Footer Icon effects*/
#cffooter1 {
  position:relative;
  float:left;
  padding:0 0 0 0;
}

#cffooter1 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  cursor:pointer;
}

#cffooter1 img.top:hover {
  opacity:0;
}

#cffooter2 {
  position:relative;
  float:left;
  padding:0 0 0 0;
}

#cffooter2 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  cursor:pointer;
}

#cffooter2 img.top:hover {
  opacity:0;
}

#cffooter3 {
  position:relative;
  float:left;
  padding:0 0 0 0;
}

#cffooter3 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  cursor:pointer;
}

#cffooter3 img.top:hover {
  opacity:0;
}

#cffooter4 {
  position:relative;
  float:left;
  padding:0 0 0 0;
}

#cffooter4 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  cursor:pointer;
}

#cffooter4 img.top:hover {
  opacity:0;
}


.photogallerybacktab{width:100%; height:33px; background-color:#e3e3e3}

.photogallerybacktabunselect{min-width:110px; height:33px; background-color:#e3e3e3; float:left;border-right:1px solid #fff; text-align:center; font:14px tahoma; color:#fff; padding:0 5px 0 5px}
.photogallerybacktabunselect a{color:#030044;font:14px/29px tahoma}
.photogallerybacktabunselect:hover{min-width:110px; height:33px; background-color:#cfcfcf; float:left;border-right:1px solid #fff; text-align:center; font:14px tahoma; color:#fff; padding:0 5px 0 5px}
.photogallerybacktabselect{min-width:110px; height:33px; background-color:#c51a20; float:left;border-right:1px solid #fff; text-align:center; font:14px 'Yekan'; color:#fff; padding:0 5px 0 5px}
.photogallerybacktabselect a{color:#fff;font:14px/29px tahoma}


#example4 ul {
    list-style: none;
}

#example4 h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1;
}

#example4 p {
    color: #fff;
}

#example4 .frameok {
    border-right: 7px solid #fff;
}

#example4 .frame-content {
    width: 500px;
    padding: 50px 130px 0 0;
}

#example4 .frame-closed .frame-content {
    display: none;
}

#example4 .frame-open .frame-content {
    display: block;
}

