@charset "utf-8";
/* CSS Document */

* {
    padding:0px;
    margin:0px;
    font-family:Arial;
    text-decoration:none;

}
p{
    text-align: justify;
    margin-top:10px;
   text-shadow:  0px 0px 1px #FFF3F3;
   font-family: sans-serif;
   font-size: 17px;
   
}
ul.yiiPager .selected a{
    background: #45AEA4;
    border:solid 1px #269546
}
a{color:#034503;}
a:hover {
    color: #0075FF;
    text-decoration: underline;
}
.header {
    width:100%;
    height:40px;
    background:#353332;
}
.rt_no {
    width:200px;
    float:right;
    margin-top:10px;
    height:50px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
}
.rt_no span {
    font-size:15px;
    font-weight:normal;
}
.main_content{
    width:1000px;
    display:table;
    clear:both;
    padding:10px 0px 0px 0px;
    margin:0 auto;
}
.c_name {
    text-align:center;
    width:100%;
    margin-bottom:20px;
}
.logo_lft{
    /*width:160px;*/
    float:left;
    height:100px;
}

.srch_rt{
    float: left;
    width: 690px;
    padding: 0;
    z-index: 7;
}

.search_box {
    width:100%;
    float:left;
}
.drpdwn {
    width:100%;
    text-align:left;
    height:40px;
}
.d_d {
    background-color:#F5F5F5;
    border:solid 1px #CCC;
    height:35px;
    min-width:90px;
    margin-left:10px;
}
.signrt{
    float:right;
    padding:10px 0 0 0;
    font-size:12px;
}
.signrt .cp{
    cursor:pointer
}
.signrt .sep{
    padding:0 5px;
    color:#1274c0
}
.jnsb2 .signrt{
    padding:10px 0 15px
}
.srch {
    width:100%;
    float:left;
    padding:10px;
}
.src_bx {
    width:84%;
    float:left;
    height:40px;
}
.srch_btn {
    width:90px;
    margin-left:10px;
    float:left;
    background:#79CF0C;
    height:38px;
    color:#FFFFFF;
    font-weight:bold;
    border:solid 1px #333;
}
.srch_btn:hover {
    background:#F00;
    cursor:pointer;
}
.tab_srch {
    width:940px;
    margin:10px 0px 0px 0px;
    float:left;
    min-height:300px;
}

  .footer {
  background: #0094DB;
  padding: 2em 0 1em;
}
.footer-top {
  border-bottom: 1px solid #466F85;
  padding: 2em 0 1em;
}
p.footer-class {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 1em 0 1em;
  text-align: center;
}

.ft_menu{min-width:150px;float:left;margin-right:10px;border-right:solid 1px #CCC;height: 120px;overflow: hidden}
.foot_cnt img {
    border:none;
}
.info {
    width:95%;
    padding:10px;
    border-bottom:1px dotted #696767;
    color:#666;
}
.info p{font-size:12px;}
.filter_envelop {
    width: 655px;
    margin: 0 auto 20px auto;
    overflow: hidden;
    padding: 17px 0 0 0;
}
.li_nav{width:100%;margin:5px 0px 5px 0px;}	
.tabnv{float:left; width:100%; font-size:14px; padding:2px 0 1px 0; position:relative; z-index:1;}
.srtby{background-position:-8px -521px; width:159px; height:37px; line-height:37px; float:left; position:absolute; z-index:2; font-weight:bold; color:#fff; padding:0 10px;background-image:url(../images/rslsprite3.png)}
.tabrt{float:right; background:#D9FCC2; border:solid 1px #a5c5df; width:829px; height:35px; border-radius:0 5px 5px 0;}
.tabrt li{color:#2d2d2d; text-align:center; float:left; border-left:solid 1px #a5c5df; height:35px; width:115px; position:relative; z-index:1;}
.tabrt a{color:#2d2d2d; display:block; height:17px; padding:9px 0; line-height:normal;}
.tabrt a:hover{background:#ADFA99; color:#000;}
.tabrt .act a{background:#acacac; color:#fff; font-weight:bold;}
.tabrt .act a{color:#fff;}
.dnarw{background-position:-197px  -247px; width:18px; height:8px; vertical-align:top; position:relative; top:5px;}
.act .dnarw{background-position:-226px -247px;}
.drpwn{position:absolute; z-index:10; left:-1px; top:35px; width:100%; background:#fff; font-size:14px; border:solid 1px #b0b0b0; border-top:0;}
.drpwn{display:none}
.tabrt li:hover >.drpwn{display:block}
.drpwn a,.tabrt .act .drpwn a{border-top:solid 1px #b0b0b0; display:block; padding:8px 0 8px 0;}
.drpwn a.act,.tabrt .act .drpwn a.act{background:#e3f1fb;}
.drpwn a:hover,.tabrt .act .drpwn a:hover{background:#ADFA99;}
.tabrt .act .drpwn a{ background:none; color:#424242; font-weight:normal;}

.lst_lft{width: 200px;
float: left;
padding: 0px;
background: #eee;
margin-right: 6px;
border: 1px solid #ccc;
border-radius: 5px;min-height: 308px;}

.lst_lft ul li,.lst_lft ul li.active{float: left;
                                    
padding: 10px;
width: 173px;
border: solid 1px #A39999;
margin: 2px;
background: #F9F9F9;
border-radius: 5px;
box-shadow: 1px 3px 2px 0px #B7B7B7;}

.lst_lft ul li.active{z-index: 2;
color: #fff;
background-color: #428bca;
border-color: #428bca;}
.lst_lft ul li a, .lst_lft ul li.active a{display: block;font-size:15px;}
.lst_lft ul li.active a{color:#fff}
.full_dtl{
    float: left;
    border: solid 1px #CCC;
    width: 100%;
    padding: 5px 0px 5px 0px;
    line-height: 20px;
    position: relative;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 1px 3px 2px 0px #B7B7B7;
    background: #E3E3E3;
}
.dp-wrap{float: left;
border: 1px solid #909090;
margin-left: 5px;
width: 190px;
margin-top: 2px;
height: 200px;
background: #F6F6F6;
border-radius: 5px;}
.dp{
    display: inline-block;
    width: 180px;
    /* height: 133px; */
    text-align: center;
    position: relative;
    height: 215px;
    
    float: left;
    cursor: pointer;

}
.dp_bottom{
    float: left;
    width: 170px;
    padding: 8px 5px 10px 5px;
}
.dp_bottom a{margin: 0 5px 0 0;float: left;}

.icon1,.icon2,.icon3,.icon4,.icon5,.icon6,.icon7,.jcvn{background-image:url(../images/rslsprite3.png);display: inline-block;}
.icon1{background-position:-85px -488px;width: 23px;height: 23px;}
.icon2{background-position:-115px -488px;width: 23px;height: 23px;}
.icon3{background-position:-146px -488px;width: 23px;height: 23px;}
.icon4{background-position:-114px -14px;width: 23px;height: 23px;float:left}
.icon5{background-position:-113px -43px;width: 23px;height: 23px;float:left}
.icon6{background-position:-114px -69px;width: 25px;height: 20px;float:left}
.icon7{background-position:-152px -457px;width: 25px;height: 20px;}

.s0,.s1,.s3,.s2,.s4,.s5,.s6,.s7,.s8,.s9,.s10{background-image:url(../images/Star01.gif);background-repeat:no-repeat;float:left;height:20px;width:18px}
.s0{background-position:0 0}
.s1{background-position:-19px 0}
.s2{background-position:-37px 0}
.s3{background-position:-56px 0}
.s4{background-position:-77px 0}
.s5{background-position:-95px 0}
.s6{background-position:-113px 0}
.s7{background-position:-132px 0}
.s8{background-position:-151px 0}
.s9{background-position:-170px 0}
.s10{background-position: -189px 0;}

.name{
    float: left;
    font-size: 18px;
    color: #070707;
    font-weight: bold;
    /*width: 215px;*/
    float: left;
    padding: 0 0 0px 0;	
}
.desc_wrap{
    width: 560px;
    float: right;
    display: table;
}
.desc_l {
    float: left;
    width: 376px;
    padding: 0;
    color: #747474;
    margin-top: 5px;
}
.desc_l p{
   
    font-size:14px;
    width: 100%;
    padding: 0 0 8px 0;
    position: relative;
}
.trstfctr{
   float: left;
border: 1px solid #626262;
background: #F6F6F6;
width: 180px;
margin: 0 0 10px 0;
padding-bottom: 10px;
position: relative;
border-radius: 5px;
/* padding: 5px 5px 25px 5px; */
}
.trusttl{margin: 0 auto;
         display: block;
         line-height: normal;
         padding: 2px 0 2px 0;
         background: #FF0000;
         font-size: 11px;
         color: #E6E6E6;
         -webkit-border-radius: 0px 0px 10px 10px;
         -moz-border-radius: 0px 0px 10px 10px;
         border-radius: 0px 0px 5px 5px;
         width: 100%;
         text-align: center;
}
.trstfctr a{color:#111;text-align: center;}
.trstfctr ul li{border-bottom: 1px solid #362929;float: left;width: 100%;min-height: 33px  }
.fctrnam{ width:100%; text-align:center; color:#111; /* padding-bottom:8px; */ display:inline-block; font-size:14px; float:left; /* margin-top:5px; */}
.trstfctr ul li.estd{ /* width: 50%; */ float: left;}
.estd{ font-size:20px; width:100%; text-align:center; display:inline-block; border-radius: 25%;}
.trstfctr ul li.fctrtng{ /* width: 100px; */ text-align:center; border: none; /* text-align: center; */}
.trstfctr ul li.fctnmrt{ font-size:19px; /* width:72px; */}
.trstfctr ul li .star_m{ padding:0px; margin: 2px 0 8px 45px; float: left; text-align: center; /* width: 100%; */}
.trstfctr ul li.trjcvrfy{width: 100%; /* border-bottom: solid 1px #CCC; */ /* padding: 0px 3px 14px 3px; */ margin-top:0px;border-radius: 25%;text-align: center;}
.trstfctr .trjcvrfy .jcvn,.trstfctr .trjcvrfy .nonjcvn{ margin-top: 0px;}
.jdvn,.nonjcvn,.jcvns,.jcrn,.jrc,.jrmob,.jadd,.jci,.jpi,.jgi,.jcrr,.jcrm,.wt,.vidimg,.tickimg,.rs,.seq,.seqr,.num,.rupee .rp0,.rupee .rp1,.rsmap, .rsrt, .rseml, .rsedt,.srtby,.dnarw,.rsic,.rsimg,.rsics,.rghtimgarw,.lftimgarw{background-image:url(../images/rslsprite3.png);background-image:url(../images/rslsprite3.png); display:inline-block;}
.jcvn {background-position: -11px -464px; width:62px; height: 47px; margin-top:-10px;}
.grnbtn {color: #FFF;
         width: 140px;
         padding: 15px 0;
         font-size: 14px;
         font-weight: bold;
         text-align: center;
         text-shadow: -1px -1px #333;
         display: block;
         margin: 0 0 10px 0;
         background: #4743B6  url(../images/grnbtn.jpg) repeat-x 0 0;
         box-shadow: 0 -5px 10px #4743B6   inset;
         clear: right;
         float: right;
         border-radius: 50px;
         text-transform: uppercase;}
.jfbt{
    width: 150px;
    padding: 25px 0 15px 0;
    display: table-cell;
    vertical-align: middle;
}

.lst_rt{width:770px;float:left;}
.abt{text-align: justify;}


.lst_dtl{width:100%;float:left}
.desc_wrap2{
    width: 735px;
    float: left;
    display: table;
}
.list_title{float: left;
            width: 100%;
            padding:7px;
            background: #EDEDED;
            line-height: normal;}

.review_title {
    clear: both;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    background: #EDEDED;
    overflow: hidden;
}
.rtname{
    font-size: 14px;
    font-weight: bold;
    float: left;
    width: 70%;
    padding: 15px 0 15px 10px;
}
.write {
    float:right;
    text-decoration:none;
    font-size:12px;
    padding: 15px 10px 15px 10px;
}
.write a{color:blue}
.write a:hover {text-decoration:underline}
.rev {width:100%;float:left}




.white
{ background-color:#FFFFFF; }
.main-bg
{ background-image:url(../images/main-bgrepeat.jpg); background-attachment:scroll; background-repeat:repeat-x;}
.orangeclr
{background-color:#fdaa04;}
.greybottomclr
{background-color:#e7e7e7;}
.upper-address
{color:#83807c; font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; text-decoration:none;}
.sub-title
{color:#000000; font-family:"Verdana"; font-size:13px; font-weight:700; text-decoration:none;}
a.sub-title:active{
    color:#000000;
    text-decoration:none;
}
a.sub-title:visited{
    color:#000000;
    text-decoration:none;
}
a.sub-title:hover{
    color: #000000;
    text-decoration:none;
}
.yellow-bg
{ background-image:url(../images/yellow-repeat.jpg); background-attachment:scroll; background-repeat:repeat-x;}
.button-grey{background-color:#f4f4f4;}
.yellow{ background-color:#fdc401;}
.maroonclr{background-color:#b30101;}
.border{background-color:#e7e4e4;}
.dotted-bg
{ background-image:url(../images/dotted-line.jpg); background-attachment:scroll; background-repeat:repeat-x;}
.content
{color:#000000; font-family:"Arial"; font-size:12px; font-weight:regular; text-decoration:none; text-align:justify;padding-left:10px}
.maroon-content
{color:#b30101; font-family:"Georgia"; font-size:15px; font-weight:bold; text-decoration:none;}
.black-content
{color:#000000; font-family:"Arial"; font-size:12px; font-weight:smooth; text-decoration:underline;}
a.black-content:active{
    color:#000000;
    text-decoration:underline;
}
a.black-content:visited{
    color:#000000;
    text-decoration:underline;
}
a.black-content:hover{
    color:#FF0000;
    text-decoration:none;
}
.dark-greyclr{background-color:#f4f4f4;}
.bot-font
{color:#000000;font-family:"Arial"; font-size: 11px; font-weight:regular; text-decoration:none;font-weight:450;}
a.bot-font:active{
    color:#000000;
    text-decoration: none;
}
a.bot-font:visited{
    color:#000000;
    text-decoration:none;
}
a.bot-font:hover{
    color:#FF0000;
    text-decoration:underline;
}
.bot-font-maroon
{color:#b30101;font-family:"Arial"; font-size:11px; font-weight:regular; text-decoration:none; font-weight:700;}
a.bot-font-maroon:active{
    color:#b30101;
    text-decoration: none;
}
a.bot-font-maroon:visited{
    color:#b30101;
    text-decoration:none;
}
a.bot-font-maroon:hover{
    color:#FF0000;
    text-decoration:underline;
}
.heading
{color:#000000; font-family:"Georgia"; font-size:16px; font-weight:bold; text-decoration:none;}
.maroon-underline
{color:#b30101; font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; text-decoration:none;}
.content-white
{color:#FFFFFF; font-family:"Verdana"; font-size:11px; font-weight:700; text-decoration:none;}
.grey1{background-color:#d4d4d4;}
.content1
{color:#000000; font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; text-decoration:none;}
.companyname1{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #666666; margin-left:10 }
.bg{ background-color:#FFFFFF; border:solid 1px blue}
.establishment{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#003399; text-decoration:none:}
a.establishment:active{
    color:#b30101;
    text-decoration: none;
}
a.establishment:visited{
    color:#b30101;
    text-decoration:none;
}
a.establishment:hover{
    color:#FF0000;
    text-decoration:underline;
}
.establishment1{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003399;text-decoration:none:}
.content4
{color:#000000; font-family:"Arial"; font-size:12px; font-weight:regular; text-decoration:none; text-align:center}
.maroon-content1
{color:#b30101; font-family:"Georgia"; font-size:18px; font-weight:bold; text-decoration: underline;}
.button-grey2{background-color:#f4f4f4; font-family:"Georgia"; font-size:16px;padding-left:15px; font-weight:bold; color:#000000; text-decoration:none;}
.franchisee{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color: #0033FF}
.yellowtable{background-color: #FFCC33}
.redtable{background-color:#FF0000}
.yellowpages{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color: #FFFF00}
.sub-title2
{color:#000000; font-family:"Verdana"; font-size:13px; font-weight:700; text-decoration:none; text-align:center}
.COMPARISON{ border:solid 3px #999999}
.COMPARISON2{ border:solid 2px #999999; background-color:#FFFFFF}
.content5
{color: #003300; font-family:"Arial"; font-size:14px; font-weight: bold; text-decoration:none; text-align:center;}
.content6
{color: #660000; font-family:"Arial"; font-size:14px; font-weight: bold; text-decoration:none; text-align:center;}
.content7
{color: #0033FF; font-family:"Arial"; font-size:14px; font-weight: bold; text-decoration:none; text-align:center;}
.image{border:solid 2px #999999}
.RECTANGLE{background-color: #000066}
.RECTANGLE2{background-color: #FFCC99}
.RECTANGLE3{background-color: #FFCC33}
.RECTANGLE4{background-color: #660033}
.RECTANGLE5{background-color: #FF6600}
.text1{ font-family:Arial, Helvetica, sans-serif; color:#0033FF; font-size:12px}
.text2{ font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:12px; text-align:center}
.greentext{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#00CC99}
.blackfont{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px;}
.bluetxt{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0033FF}
.redtxt{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:red}
.YELLOWTXT{ font-family:Arial, Helvetica, sans-serif; color:#FFFF33; font-size:14px; text-align:center}
.tdbdr{border:solid 1px #99FF00}
.underconstruction{font-family:Arial, Helvetica, sans-serif; font-size:36px; color:#0033FF}
.borrder5{border:1px solid #CCCCCC}

.ListHeader{
   float:left;
   background:#eee;
   border:1px solid #ccc;
   border-radius:3px;
   box-shadow:0px 0px 1px 1px #ccc;
   padding:5px;
   width:767px;
}

.list-view .pager{
    padding-top: 5px;
    padding-bottom: 5px;
}
h2{font-size: 18px;}
h2 a{float: left;margin-top: 10px;font-size: 17px}
.itemname{background: #CFCFCF;
padding: 5px;
border: 1px solid  #ADADAD;
margin: 0px 5px 5px 4px;
border-radius: 3px;
}
.itemname2{min-height: 66px;float: left;width: 283px}
.verified{background-image: url('/images/verified.gif');
    background-repeat: no-repeat;min-height: 80px;min-width: 68px;float: left}
.desc{
 background: #F2F2F2;
padding: 3px;
margin: 0px 5px 0px 5px;
border: 1px solid #9E9D9D;
border-radius: 5px;
color: #000;
}
.container{
    
/*background: #FBFBFB;
border: 1px solid #cecece;
margin: 10px 0px 10px 0px;
padding: 8px;
border-radius: 5px*/
}

.footer-left p, .footer-left p a {
  color: #fff;
  font-size: 1em;
  font-size: 1.1em;
  font-weight: 300;
  text-align: center;
}
.clear{clear: both}
/* cs start ratin css starts */

form .stars {
  background: url("/images/stars.png") repeat-x 0 0;
  width: 150px;
  margin-left: 38px;
  float: left;
}

form .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .stars label:hover ~ span {
  background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("/images/stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}


/* cs start ratin css Ends */
#rating_hint{float: left;margin: 6px;padding: 1px;}
.reviews{width: 445px;
float: left;
border: 1px solid #C5C5C5;
border-radius: 5px;
height: 700px;
overflow: auto;
margin-left: 10px}
.content_wrap{
   
border: 1px solid #C5C5C5;
border-radius: 5px;
padding: 5px;
margin: 10px;
}
.heading_wrap{
    text-align: justify;
border-bottom: 1px solid #bbb;
padding: 10px;

background: #4fa7d1;
}
.heading_wrap table{border-collapse: collapse;margin-top: 10px;margin-bottom: 10px}
.heading_wrap table td,.heading_wrap table th{border: 1px solid #111;padding: 10px;text-align: center;}
 .heading_wrap table th{font-size: 14px}
 .heading_wrap h2{color:#fff;}
.star_r{background-image: url("/images/star-sprite.png");height: 20px;width: 105px;}
.flash{padding:8px 35px 8px 14px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);border: 1px solid #fbeed5;border-radius: 4px;}
.flash-success{color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;}
.flash-error{color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;}
.margin10{margin: 10px}
.ui-autocomplete-category {
font-weight: bold;
color: blue;
}
.ui-menu .ui-menu-item a{font-size: 14px}
.tags a.tags-block {
display: inline-block;
padding: 0 10px;
margin: 5px;
background-color: #309EE1;
height: 24px;
line-height: 24px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-shadow: 1px 1px #1C3B52;
font-size: .75em;
float: left;
color: #fff;
}
.fltt_left{float: left; }
.pad_10{padding:10px;}

/* cs start ratin css starts */

form .stars {
  background: url("/images/stars.png") repeat-x 0 0;
  width: 150px;
  margin-left: 38px;
  float: left;
}

form .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .stars label:hover ~ span {
  background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("/images/stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}


/* cs start ratin css Ends */