@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
@font-face {
    font-family: 'yekan';
    src:url('fonts/yekan.eot?#') format('eot'),    
          url('fonts/yekan.woff') format('woff'),
          url('fonts/yekan.ttf') format('truetype'); 
}
body { font-size: 13px; color:#666; font-family: 'yekan'; margin: 0 auto;
  text-align: center;-webkit-font-smoothing: antialiased; direction:rtl; background:#ebebeb;}
  span{font-size:11px; color:#F33;}
  form{direction:rtl;}
  h1{font-size:15px; direction:rtl; color:#F33; margin-right:20px; margin-top:10px}
  h2{font-size:12px; direction:rtl; color:#F33; margin-right:20px}
  h3{font-size:12px; direction:rtl; color:#F33; margin-right:20px}
  h4{text-align:right; border-bottom:1px dotted #CCC; font-family:Arial;}
  p{direction:rtl; text-align:justify; padding:8px 2%; font-size:12px !important}
  
  
  
.stdbox{width:12%; float:left; background:#FFF; height:auto; margin:15px 1.5% 15px 0; text-align:center; line-height:24px;}
.stdbox img{width:100%; height:auto;}

a.stdbox:link, a.stdbox:visited{color:#F33; text-decoration:none; font-family:tahoma;}
a.stdbox:hover{color:#666;}
  
  
  #topcontent{width:98%; max-width:1280px; margin:auto; background:#ff0000; border-radius:15px 15px 0 0; height:auto; overflow:hidden}
#logo{width:21%; float:left; min-width:180px; margin-top:30px; line-height:22px}
#logo span{font-size:17px; letter-spacing:3px; color:#EDEDED; font-weight:bold}
#mainlink{width:40%; float:left; margin:30px 0 0 5%;}
#linklist{height:40px; float:right; width:100%; }
#linklist li{display:inline; padding:3px 2%;}
 #logosearch{width:22%; float:left; margin:0 0 0 5%;}
 

  
  #sprolinks{width:100%;margin:3px auto;height:40px;max-width:1280px; overflow:visible}
nav{width:100%;max-width:1280px;border-bottom:2px solid #909090}
.nav_wrapper{position:relative;z-index:1000;width:100%;max-width:1280px;margin:auto}
.nav_wra{position:relative;z-index:1000;width:100%;max-width:1280px;margin:auto;background:#B4B4B4}
.btn{padding:10px 1%;margin:5px;color:#666;text-decoration:none;font-family:sans-serif;transition:all .1s ease}
.btn:hover{transition:all .1s ease}
main{max-width:800px;margin:0 auto}
#search{float:right;font-size:30px;padding:2px 15px;line-height:35px;color:#666;margin:0;font-weight:700;-webkit-transform:rotate(181deg);-moz-transform:rotate(181deg);-ms-transform:rotate(181deg);-o-transform:rotate(181deg);transform:rotate(181deg)}
#search:hover{color:#666}
.search_box{clear:both;width:100%;background:#e8ebf0;padding:0;margin:0;height:0;overflow:hidden;transition:all .1s ease-in-out}
.search_box.active{height:auto;padding:15px 0}
.search_box input{width:80%;font-size:13px;margin:0 0 0 15px;padding:10px;border:none;background:#fff}
.search_box input:focus{outline:none}
.search_box input.search_icon{clear:both;width:10%;height:auto;padding:10px;margin:0;margin-left:-5px;border:none;color:#fff;cursor:pointer;background:#8c949d;opacity:1;transition:all .1s ease}
a:link,a:visited{color:#666;font-size:12px}
a:hover{color:#000}
.search_box input.search_icon:hover{background:#666}
.menu-link{display:none}
.spinner-master input[type=checkbox]{display:none}
.menu{width:100%;height:auto;background:#FFF;transition:all .3s ease}
.menu ul{padding:0;margin:0;list-style:none;position:relative;display:inline-block}
.menu > li > ul.sub_menu{min-width:10em;padding:4px 0;background-color:#f4f4f4;border:1px solid #fff}
.menu ul li{padding:0}
.menu > ul > li{display:inline-block}
.menu ul li a{display:block;text-decoration:none;color:#222;font-size:11px}
.menu ul li a:hover{background:#666;color:#fff}
.menu ul li.hover > a{background:#666;color:#fff}
.menu ul li > a{padding:8px 15px}
.menu ul ul{display:none;position:absolute;top:100%;min-width:200px;background:#39484d}
.menu ul li:hover > ul{display:block}
.menu ul ul > li{position:relative}
.menu ul ul > li a{padding:10px 15px;height:auto;background:#39484d;color:#CCC}
.menu ul ul > li a:hover{background:#666;color:#fff}
.menu ul ul ul{position:absolute;left:100%;top:0}
#uniquediv{width:95%; margin:0 auto;}
#uniquediv li{text-align:center}
.blackc{width:100%; height:auto; overflow:hidden; background:#1d1d1d; padding:0 !important; }
.cblack{width:96%; max-width:1280px; margin:auto; background:#363636; padding:0 !important; height:auto; overflow:hidden}
  
  
  #page_dark{width:100%; margin:5px auto; position:relative; background:#303644; border-radius:0 0 20px 20px; max-width:1280px; padding: 20px 0; height:auto; overflow:hidden}
.dark_each{width:30%; float:left; margin-left:3%; height:auto; overflow:hidden}
.each_left{width:45%; float:left; height:auto}
.each_left img{width:100%; height:auto; border-radius:12px}
.each_right{width:50%; float:left; margin-left:5%}
.each_right li{border-bottom:1px dashed #B4B4B4}

a.darkpage:link , a.darkpage:visited{font-size:10px; color:#ADADAD; text-decoration:none}
a.darkpage:hover{color:#F33}

.page_light{width:94%; margin:20px auto; position:relative; background:#4d586a; border-radius: 20px; max-width:1280px; padding: 20px 0; height:auto; overflow:hidden}
.page_light p{color:#FFF !important}
.page_light ul{background:#4d586a !important}
.page_light li{color:#FFF !important; background:#4d586a !important; font-style:italic; font-size:11px; padding:8px 2%}
.light_left{width:55%; float:left; height:auto; overflow:hidden; color:#EDEDED; margin-left:5%}
.light_picture{float:left; width:40%; margin-top:20px}
.light_picture img{width:100%; height:auto; border-radius:10px}
.light_text{width:55%; float:left; margin-left:5%; margin-top:20px}
.light_right{width:30%; float:left; margin-left:5%}
.light_right img{width:90%; height:auto; border-radius:20px; float:right}
  
  
  
  
  
  
  
  
  
  
  
  .topp{color:#999; font-size:15px; text-align:center; padding:20px auto;}
  img{width:100%; height:auto; float:none; margin:auto !important}
.wide{width:100%;} 
.sidebar{width:99%; height:35px; background:#5a5a5a; text-align:center; color:#FFFFFF; font-size:11px; margin-top:3px;}
.sidelab{width:99%; height:auto; max-height:1000px; overflow:hidden; margin-top:7px; background:#FFFFFF;}
.sidesample{width:99%; height:auto; overflow:hidden; margin-top:7px;} 
.orange-button{width:100%; height:30px; background:#F24F00; color:#FFFFFF; text-align:center; font-family:'yekan'; font-size:11px;}
.gray-button{width:100%; height:100%; background:#5a5a5a; color:#FFFFFF; text-align:center; font-family:'yekan';  font-size:11px;}

.imgauto{width:auto !important; height:auto !important; max-width:98%;}
a:link,a:visited{color:#222; text-decoration:none;}
a:hover{color:#F33}

.details{width:100%}
.details th{background:#CCC; padding:3px 2%}
.details td{background:#EDEDED; padding:3px 2%}
a.matn:link,a.matn:visited{color:#333; text-decoration:none; font-size:12px}
a.matn:hover{color:#444}

a.lan:link , a.lan:visited{color:#555; font-family:Arial; text-decoration:none; font-size:12px;}
a.lan:hover{color:#F33;}

a.matn:link , a.matn:visited{color:#333; font-size:12px; text-decoration:none}
a.matn:hover{color#444}

a.fa-lan:link , a.fa-lan:visited{color:#444; font-family:'yekan'; text-decoration:none; font-size:11px}
a.fa-lan:hover{color:#F33;}

a.red:link , a.red:visited{color:#F33 !important; text-decoration:none; font-family:'yekan';}
a.red:hover{color:#F33;}
  a.white:link , a.white:visited{color:#CCC; text-decoration:none; font-size:12px;}
  a.white:hover{color:#F33;}
  a.dark:link , a.dark:visited{color:#FFF; text-decoration:none; padding:2px 10px; font-size:12px;}
  a.dark:hover{color:#F33;}

a.gray:link, a.gray:visited{color:#777; font-size:11px; text-decoration:none;}
a.gray:hover{color:#F33;}
.normal{width:96%; max-width:1280px; margin:15px auto; padding-bottom:8px !important; height:auto; overflow:hidden; text-align:right}
.divall{width:92%; max-width:1280px; margin:auto; background:#FFF; padding-top:10px 2% !important; padding-bottom:8px !important; height:auto; overflow:hidden;  text-align:right}
.divall img{max-width:800px !important; margin:5px auto !important; float:none !important}
#newstab{width:96%; max-width:1280px; margin:15px auto; padding-bottom:8px !important; height:auto; overflow:hidden; text-align:right}
#newstab li{margin:10px 0; padding:5px 2%}


.leftpic{width:40%; float:left; height:auto; overflow:hidden}
.rightpic{width:55%; float:right; height:auto; overflow:hidden}


.normal ul{list-style:none;}
.normal li{padding:1px 3px; border-bottom:1px dotted #D5D5EA; text-align:right; margin:2px 0; background:#EDEDED;}
.normd{width:100%; max-width:1280px; margin:auto; background:#FFF; padding-top:10px !important; padding-bottom:15px !important; height:auto; overflow:hidden; border-top:6px solid #ebebeb; padding-right:10px !important}
.rline{width:94%; padding:0 3%; background:url(theline.jpg) repeat-x; height:34px; overflow:hidden; font-size:11px;}
.normleft{width:20%; float:left; margin-left:1% !important; border-left:8px solid #FFF}
.normmiddle{width:40%; float:left; margin-left:3%; height:auto; overflow:hidden}
.threepro{width:26%; float:left; border:1px solid #CCC; height:100px; margin:10px 3%;}
.threepro img{width:100%; height:auto; max-height:100px;}
.normright{width:32%; float:right; margin-right:1%}


#lan{width:15%; float:right; color:#CCC; font-size:11px; font-family:Tahoma; margin-top:30px;}
#grayc{width:96%; max-width:1280px; margin:0 auto; background:#575757; height:40px;}
.gleft{width:77%; float:left;}
.gright{width:20%; float:right; background:#F33; height:20px; padding:10px 0;}

.onefourth{width:22%; margin:15px 1.5%; float:left; }
.onefourth p{ padding-top:15px; border-top:1px solid #CCC; font-size:11px; line-height:19px; color:#888;}
.onefourth img{width:96%; border-radius:10px; margin:0 auto; border:3px solid #F33}

.toppic{list-style:none; margin-top:20px;}
.toppic li{display:inline; padding:40px 1%;}
.toppic img{width:9%; height:100px; border:2px solid #F33; min-width:100px;}



#mobtop{display:none;}
#mobfooter{display:none;}
.thefour{width:24%; min-width:230px; height:220px; 
     float:left; margin-left:1%;}
	 
	 #pro-main{width:98%; max-width:1280px; margin:auto; height:auto; overflow:auto; padding:1%;}
	 #prodcontent{width:100%; margin:auto; }
	 
	
	 
.pro-id{width:96%; min-width:240px; max-width:1000px; height:auto; margin:15px auto 15px auto ; overflow:auto; background:#EDEDED}	 
.picpro-id{width:30%; height:auto; float:left; min-width:200px; border:1px solid #EDEDED;}
.picpro-id img{width:100%; height:auto;}
.textpro-id{width:60%; float:left; margin-left:4%; height:auto;}





#footer-left{width:30%; float:left; font-family:Arial; line-height:25px; font-size:12px; text-align:left; color:#999; margin-left:2%;}
#footer-right{width:62%; float:right; text-align:right; margin-right:1%; color:#999;}



#htwo{width:56%; float:left; height:auto; overflow:hidden; background:#FFF; padding:10px 2%; }
#thelinks{width:35%; float:right; height:auto; overflow:hidden; background:#EDEDED}
#thelinks li{margin:10px 0; padding:5px 0}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



.percat{width:22%; float:left; min-width:130px; margin-left:3%; border:1px dotted #CCC; max-height:230px;}

a.compblue:link,a.compblue:visited{text-decoration:none;color:#F33; background:#EDEDED}
a.compblue div{width:21%; background:#EDEDED; margin:12px 0; height:auto; overflow:hidden; border-radius:4px; float:left; margin-left:2%; border:1px solid #CCC }
a.compblue div:hover{background:#CCC !important ;  border:1px solid #F33}
a.compblue div:hover div{background:#CCC !important; border:1px solid #F33}



.perper{width:16%; float:left; min-width:130px; margin-left:3%; border:1px dotted #CCC; height:230px;}
/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  max-width:1280px;
  margin:0;
  
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }




#nav a,#subMenusContainer a{text-decoration:none;display:block;padding:10px 20px;background-color:#fafafa;-moz-border-radius:7px;-webkit-border-radius:7px; color:#999; font-size:14px; text-align:left;}
#nav a{margin:0;}
#subMenusContainer a,#nav li li a{text-align:left;}
#nav a:hover,#nav a:focus,#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused{background-color:#F6C739;color:#FFF;}#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused,#nav li a:hover,#nav li a:focus{background-color:#F6C739;color:#FFF;}




#nav a.chet:link, #nav a.chet:visited{color:#C00; text-decoration:none;}
#nav a.chet:hover{color:#000;}



#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #C3D46A;left:0;}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{;margin:auto;list-style:none;line-height:1em;}
#nav li{display:block;list-style:none;position:relative; border-bottom:1px dotted #CCC;}
#subMenusContainer li{list-style:none;}
#nav{display:block;position:relative;list-style:none;margin:auto;width:96%;z-index:5; text-align:right;display:block; z-index:1000 }
#subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000;}
#nav li li{float:none; }#nav li li a{position:relative;float:none;}
#nav li ul{position:absolute;width:10em;margin-left:-1000em;}
#nav li ul ul{margin:-1em 0 0 -1000em;}
#nav li:hover ul ul{margin-left:-1000em;}
#nav li:hover ul{margin-left:120px;margin-top:-2.5em;}





.rslides {
  margin: 0 auto;
  
  }

.rslides_container {

  position: relative;
  float: left;
  width: 100%;
  
  
  }

.rslides1_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  z-index: 99;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.rslides1_nav:active {
  opacity: 1.0;
  }

.rslides1_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.rslides2_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.rslides2_nav.next {
  left: auto;
  right: 0;
  }

.rslides3_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.rslides3_nav:active {
  opacity: 1.0;
  }

.rslides3_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.rslides1_nav:focus,
.rslides2_nav:focus,
.rslides3_nav:focus {
  outline: none;
  }

.rslides_tabs {
  margin-top: 10px;
  text-align: center;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.rslides_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.rslides_tabs .rslides_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

.caption {
  
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  text-align: center;
  background: #000;
  background: rgba(0,0,0, .8);
  color: #fff;
}


#pro-info{width:56%; height:auto; overflow:auto; float:left;}
#pro-picture{width:40%; min-width:280px; height:auto; border:1px solid #EDEDED; float:right;}




#mobtop{display:none;}

@media screen and (max-width: 480px) {
	.stdbox{float:none; width:90%; margin:15px auto}
	#search{padding:10px}
.spinner-master *{transition:all .3s;box-sizing:border-box}
.spinner-master{position:relative;margin:15px;height:30px;width:30px;float:left}
.spinner-master label{cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:5px;left:0}
.spinner-master .spinner{position:absolute;height:4px;width:100%;padding:0;background-color:#fff}
.spinner-master .diagonal.part-1{position:relative;float:left}
.spinner-master .horizontal{position:relative;float:left;margin-top:4px}
.spinner-master .diagonal.part-2{position:relative;float:left;margin-top:4px}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal{opacity:0}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:10px}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-12px}
a.menu-link{display:block;color:#fff;float:left;text-decoration:none;padding:10px 16px;font-size:1em;background:#444!important}
a.menu-link:hover{color:#666}
a.menu-link:after{content:"\2630";font-weight:400}
a.menu-link.active:after{content:"\2715"}
.menu{clear:both;min-width:inherit;float:none;background:#444!important}
.menu ul{background:#444!important}
.menu,.menu > ul ul{overflow:hidden;max-height:0;background-color:#39484d}
.menu > li > ul.sub-menu{padding:0;border:none;background:#444!important}
.menu.active,.menu > ul ul.active{max-height:55em}
.menu ul{display:inline}
.menu li,.menu > ul > li{display:block;background:#444!important}
.menu > li > ul.sub_menu{min-width:10em;padding:4px 0;background-color:#555;border:1px solid #fff}
.menu > ul > li:last-of-type a{border:none}
.menu li a{color:#fff!important;display:block;padding:.8em;position:relative}
.menu li.has-submenu > a:after{content:'+';position:absolute;top:0;right:0;display:block;font-size:1em;padding:.55em .5em}
.menu li.has-submenu > a.active:after{content:"-"}
.menu ul ul > li a{background-color:#39484d;color:#CCC;padding:10px 18px 10px 30px}
.menu ul li a:hover{background:#4b5f65;color:#fff}
.menu ul li.hover > a{background:#4b5f65;color:#fff}
.menu ul ul,.menu ul ul ul{display:inherit;position:relative;left:auto;top:auto;border:none}
.search_box{position:absolute;top:60px;left:0;z-index:10}
.search_box input{width:70%}
.search_box input.search_icon{width:17%}


.dark_each{float:none; margin:20px 5%; width:90%;}

.light_left{width:90%; float:none; height:auto; overflow:hidden; color:#EDEDED; margin:auto}
.light_picture{float:none; width:90%; margin:auto}
.light_text{width:90%; float:none; margin:auto}
.light_right{width:90%; float:none; margin:auto !important}


	#topcontent{display:none}

.leftpic{float:none; width:96%; margin:auto}
.rightpic{float:none; width:96%; margin:auto}


.github {
    display: none;
  }

#thefixed{display:none;}
#prolinks{display:none;}
#thetopper{display:none;}
#footer-left{display:none;}
#footer-right{width:98%; margin:auto; text-align:right;}
#mobtop{width:98%; margin:auto; height:auto; overflow:auto; display:block;}
#pro-info{width:98%; height:auto; overflow:auto; margin:auto;}
#pro-picture{width:98%; min-width:280px; height:auto; border:1px solid #EDEDED; margin:auto;}
.thebox{width:96%; margin:auto; height:400px; min-width:240px; float:left; margin:1% 0 1% 2.5%; border:1px solid #CCC;}
.thefour{width:24%; min-width:240px; height:220px; 
      margin-left:1%;}
.fourpro{width:43%; margin:2%; border:1px solid #CCC; height:115px; float:left;}	  
.linkbox{width:96%; margin:auto; height:270px; border:1px solid #CCC; float:left;}
#mobfooter{display:block; width:96%; height:100px; border-top:1px solid #CCC; background:#333; margin:auto; color:#CCC; text-align:center;}
#manual{display:none;}
#samplepro{width:98%; margin:auto; height:auto; overflow:auto;}
#procontent{width:98%; margin:0 auto auto auto;}
.theschetch{width:96%; height:270px; min-width:230px; float:left; margin:auto;}
#brando{width:98%; min-width:240px; height:auto; overflow:auto; margin:auto; }
#compinfo{width:98%; min-width:240px; height:auto; overflow:auto;  margin:auto;}
#onesample{display:none;}
#threefields{width:96%; height:auto; margin:10px auto 10px auto;}
.picpro-id{width:98%; height:auto; border:1px solid #EDEDED;}
.textpro-id{width:96%;  height:auto;}
#abox{width:98%; margin:auto; background:#CCC;}
#bbox{width:98%; margin:auto; }
#cbox{width:98%; margin:auto; background:#CCC;}
#ntop{display:none;}
#grayc{display:none;}


.onefourth{float:none; width:94%; margin:auto !important;}
.normleft{float:none; width:94%; margin:auto;}
.normmiddle{float:none; width:94%; margin:auto; height:auto; overflow:hidden; padding-bottom:15px}
.normright{float:none; width:94%; margin:auto;}
.threepro{width:42%; float:left; border:1px solid #CCC; height:80px; margin:10px 2%;}

#htwo{float:none; width:96%; margin:auto}
#thelinks{float:none; width:96%; margin:auto}
a.compblue:link,a.compblue:visited{text-decoration:none;color:#F33; background:#EDEDED}
a.compblue div{width:94%; background:#EDEDED; margin:12px 0; height:auto; overflow:hidden; border-radius:4px; float:left; margin-left:2%; border:1px solid #CCC }
a.compblue div:hover{background:#CCC !important ;  border:1px solid #F33}
a.compblue div:hover div{background:#CCC !important; border:1px solid #F33}

}