/*
Copyright (c) 2013, Yepme. All rights reserved.
Author : Ravi Sangal
*/
body{font:14px "Open sans", sans-serif; /*margin:0; padding:0;*/}
/*img{ float:left;}*/
#yp_header{position: relative;float: left;width: 100%; font:14px "Open sans", sans-serif;}
#yp_footer {position: relative;clear: both;	width: 100%; font:14px "Open sans", sans-serif;  background:url(../images/ftbg.jpg) repeat-x left top #fbfbfb; color:#666;}
#yp_footer h4 {font: 14px 'Open Sans', sans-serif;  padding: 0; border: 0; font-size: 100%; font-weight: inherit; }
#yp_footer h5 {font: 14px 'Open Sans', sans-serif;  padding: 0; margin:0; border: 0; font-size: 100%; font-weight: inherit;}
/*================== icons ==================*/
.myac{ background:url(../images/my-ico.jpg) no-repeat left; padding:5px 0 5px 22px; }
.wish{ background:url(../images/wish-ico.jpg) no-repeat left; padding:5px 0 5px 22px; }
.inico{ background:url(../images/login-ico.jpg) no-repeat left; padding:5px 0 5px 22px; }
.fb{ background:url(../images/fb-ico.png) no-repeat left; padding:5px 0 5px 22px; }
.sign{ background:url(../images/sign-ico.png) no-repeat left; padding:5px 0 5px 22px; }
.help{ background:url(../images/helpico.jpg) no-repeat left; padding:5px 0 5px 22px; }

/* ======================== header ===================== */
a{color:#333; text-decoration:none;}
a:hover, a:focus {color:#fd5300;}
.header_row, .foot_row{	width: 960px;	margin: 0 auto;	}
.topstrip{float:left; width:940px; margin:0 10px;  height:30px; position:relative; font:12px/28px "Open sans", sans-serif; color:#919191; border-bottom:1px dashed #d6d6d6; margin-bottom:10px;}
.rtabs-top{ position:absolute; right:0px; top:3px;}
.topstrip ul{float:left; margin:0; padding:0;}
.topstrip li{float:left; list-style:none; text-transform:uppercase; font:12px/18px "Open sans", sans-serif; margin-left:25px;}
.topstrip li a{float:left;color:#919191;} .topstrip li a:hover{ color:#333;}
.logoStrip{float:left; width:940px; margin:0px 10px; position:relative;}
.logo{float:left; width:220px;}.logo img{ float:left;}
.status{ position:absolute; right:0; top:5px; float:left; padding:0; margin:0;}
.status li{float:left; width:120px; list-style:none; font:12px/18px "Open sans", sans-serif; margin-left:25px;}
.status li img{ float:left; margin-right:5px;}

/*--------------- Navigation--------------*/
.mainNavi{float:left; width:940px; margin:10px; position:relative; background-color:#000;}
.mainmenu{float:left; width:940px; margin:0; padding:0;}
.mainmenu li{float:left; list-style:none;}
.mainmenu li a{float:left; color:#fff;  padding:0px 15px; list-style:none; text-transform:uppercase; height:30px; line-height:30px;}
.mainmenu li a:hover, .mainmenu li a.active{ background-color:#f3f3f3; color:#F30;}

.offer{float:left; width:40px; background-color:#fa7310; position:absolute; right:100px; top:-3px; height:33px; padding:0 10px; line-height:33px; color:#fff; text-align:center;}
.offer:hover{color:#fff; }
.need{position:absolute; right:5px; top:0px; height:30px; padding:0 10px; line-height:30px; color:#fff;}

.drop-menu { margin:0; padding:0;
border-right: #bdbdbd solid 1px;
border-bottom: #bdbdbd solid 1px;
height:510px;
width: 740px;
background: #fff;
position: absolute;
top: 30px;
line-height: 130%;
left: 0;
-webkit-box-shadow: 1px 6px 6px -1px rgba(135,135,135,0.8);
box-shadow: 1px 6px 6px -1px rgba(135,135,135,0.8);
z-index:99999!important;
}
.offer-hanging{position:absolute; top:30px; right:0px; z-index:99999!important; background-color:#fa7310; color:#fff; width:640px;}
.offerul{float:left;width:300px; padding:10px;}
.offerul h4{ margin:0;}
.offerul ul{float:left; width:300px;  margin:0; padding:0; }
.offerul li{float:left; width:300px; padding:3px 0; font:12px "Open sans", sans-serif; list-style:none;}
.offerul li a{ color:#fff;} .offerul li a:hover{ color:#000;}
.rtbtabs{position:absolute;bottom:0px; right:-40px;}


.hangdiv{ position:absolute; bottom:0px; right:-30px; z-index:99999!important;}
.cat-main{float:left; width:150px; height: 500px; background-color:#f3f3f3; padding:10px 0 0;border-right:1px solid #d6d6d6;  margin:0;}
.cat-main li{float:left; width:150px; margin:0; padding:0px; color:#333; position:relative;}
.cat-main li a{float:left; width:130px; margin:0; padding:5px 5px 0px 15px; height:24px; line-height:24px; color:#333; text-transform:none;}
.cat-main li .rtabs{ left:-10px; top:7px;}

.arrow-right {	width: 0; 	height: 0; 
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;	
	border-left:6px solid #f3f3f3;
	z-index:9;
}
.arrow-right_bk {	width: 0; 	height: 0; 
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;	
	border-left:7px solid #d6d6d6;
	z-index:4;
	
}
.sub-cat{ width:575px; position: absolute; left:160px; top:5px;}
.submenu{float:left; width:170px; margin:0 10px; padding:0; }
.submenu ul{float:left; width:170px; padding:0; }
.submenu p{float:left; width:160px; margin:0 5px 10px 5px; font:13px/18px "Open sans", sans-serif; text-transform:uppercase; color:#000;  border-bottom:1px solid #d6d6d6;}
.submenu li{float:left; width:170px; padding:0; margin:0; }
.submenu li a{float:left; width:160px; padding:0px 5px; margin:0; height:20px; line-height:20px; background:none; font:13px/18px "Open sans", sans-serif; border-bottom:1px solid #fff; }
.submenu li a:hover{ background:none; border-bottom:1px solid #f3f3f3;}


/*-------------- footer -------------------------*/

.foot-left{ float:left; width:460px; margin:10px;}
.foot-right{ float:left; width:460px; margin:10px;}
.footcol{float:left; width:200px;}
.footcol ul{float:left; width:200px; margin:0 0 20px 0; padding:0;}
.footcol li{float:left; width:200px; margin5px 0; font:12px "Open sans", sans-serif; list-style:none;}
.subscribe-wrap{ float:left; width:460px; padding-bottom:20px; border-bottom:1px dashed #666; margin-bottom:10px;}
.subscr{ float:left; width:270px; margin:0 20px 0px 0px; }
.subscr p{ margin:0 0 10px 0;  font:12px "Open sans", sans-serif;}
.social{ float:left; width:170px;}
.social h5{ padding-bottom:10px;}
.social a{ float:left; margin:3px 1px;}

.care{float:left; width:460px; margin-bottom:20px;}
.care-rt{ float:left; margin-right:20px;}
.care-rt img{float:left;}
.care p{ margin:0 0 10px 0;  font:12px "Open sans", sans-serif;}
.relh5{ position:relative; margin-bottom:10px;}
.rtabs{ position:absolute; right:10%;top:-10px;}

.footer-bottom{ float:left; width:100%; background-color:#dcdcdc; padding:20px 0;}
.ft_txt{font:12px "Open sans", sans-serif; text-align:center;}


.feedbck{ width:35px; height:90px; position:fixed; top:85px; right:-9px; z-index:99999;}
.complaint{ width:35px; height:90px; position:fixed; top:291px; right:0px; z-index:99999;}
.feedbck a,.complaint a{ float:left; width:35px;}

/************************************ Clear Floated Elements **************************************/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:before,
.clearfix:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;}
/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem.*/
.clearfix {zoom: 1;}
.htmlbtn {
height: 24px;
background-color: #fa7311;
color: #fff;
padding: 0 15px;
border: 0;
font: 12px "Open sans", sans-serif;
text-transform: uppercase;
}