@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i');*/




@font-face {
    font-family: 'muliregular';
    src: url('../fonts/webfonts/muli-regular-webfont.woff2') format('woff2'),
         url('../fonts/webfonts/muli-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*
@font-face {
    font-family: 'open_sansbold';
    src: 
		 url('../fonts/webfonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/webfonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

a:link{text-decoration:none;}
img { border:0;}
*{ padding:0; margin:0;}
body { font-family: 'Open Sans', sans-serif !important; font-size:13px; background-color:#FFF; margin:0px auto !important;} 
.clear{clear:both}
#superfcontainer{ width:100%;margin:0 auto;height:auto;}
#leftdiv{width:190px;height:820px; background-color:#3375ae;float:left;}
.iconsetter{width:100%; text-align:center; padding-bottom:20px;}
.erp-logo img{ width:160px;}
#container{    
    margin: 0 15px;
}
.highcharts-root{font-family: 'Open Sans', sans-serif !important;}
.highcharts-legend-item{ display:inline-block; padding-bottom:10px;}
.clearfix{ clear:both;}
#header{height: 82px;margin: 0 -15px 10px -15px;padding: 0 15px;box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.1); background:#FFF;}  
#showicon{ 
	float:right; 
	text-align:right;  
	padding-top:28px;  
}
#showicon a{
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	border-radius:50%;
	margin:0 1px;
	background-color:#DDD;	
}
#showicon a:nth-child(1) {
    background:#719c6f;
}
#showicon a:nth-child(2) {
    background:#ea9a5d;
}
#showicon a:nth-child(3) {
    background:#e26059;
}
#showicon a:nth-child(4) {
    background:#de2c45;
}
#showicon a:nth-child(5) {
    background:#27363b;
}
#showicon a:nth-child(6) {
    background:#3d7ecf;
}
#showicon a:nth-child(7) {
    background:#47b29d;
}
#showicon a:nth-child(8) {
    background:#398e47;
}
#showicon a img{
    margin-top: 7px;
    width: 16px;
    height: 16px;
}
#showiconimage{ display:table-cell;vertical-align:bottom;}
.flvlogo {
    /*width: 61px;
    height: 55px;*/
    float: left;
    margin: 26px auto;
}
.cart-colom{width:220px;height:60px;float:right;margin-top:10px;}
.welcome{width:220px;height:12px;float:right;font-size:12px;color:#636363;padding-top:3px;}
.log-colom{width:auto;height:50px;float:right;margin: 13px 0 0;}
.welcome-name{width:auto;height:40px;float:left;margin-top:5px;}
.raj-colom{    
	width: auto;
    height: 16px;
    text-align: right;
    color: #2d6798;
    margin-top: 15px;
    margin-right: 5px;
    margin-left: 10px;
    font-size: 13px;
    text-transform: capitalize;
	position:relative;
	font-weight: bold;
}
.raj-colom:before{
	position: absolute;
    left: -15px;
    top: -5px;
    width: 1px;
    height: 30px;
    background-color: #CCC;
    content: '';
}
.blueBtn {
    color: #fef4e9;
    border: solid 1px #5E94C3;
    background: #5E94C3;
    padding: 5px 20px;
    font-size: 13px;
    letter-spacing: 0.05em;
	display:inline-block;
	border-radius:3px;
}
.blueBtn:hover {
    background: #2baeef;
    border: 1px solid #219dda;
}

.like-colom{width:226px;height:31px;float:right;}
.cart-logo{width:36px;height:31px;float:left;background:url(../images/cart.png);background-repeat:no-repeat;}
.text-cart{width:43px;height:13px;float:left;margin-left:9px;margin-top:16px;}
.text-cart a{color:#404040;}
.devide{width:3px;height:13px;float:left;margin-left:5px;margin-top:7px;background:url(../images/devide.png);background-repeat:no-repeat;}
.text-login{width:48px;height:23px;float:right;margin-left:9px;background:url(../images/settings.png);background-repeat:no-repeat;margin-top:20px;}
.text-login a{color:#404040;}
.hand{width:20px;height:18px;float:left;margin-left:9px;margin-top:12px;background:url(../images/likehand.png);background-repeat:no-repeat;}
.hand-like{width:38px;height:21px;float:left;background: url(../images/like_colom.png);background-repeat:no-repeat;margin-left:6px;margin-top:8px;}
.like-area{width:30px;height:18px;float:left;margin-left:5px;margin-top:2px;}
	
.menu{width:1024px;height:38px;float:left;background:#ededed; }	
.menu li{float:left;line-height:20px;list-style:none;padding-left:20px;margin-top:8px;}
.menu li a{color:#404040;font-size:14px;text-decoration:none;padding:0 10px 0 0;  }
.menu a:hover{color:#F00;}
.product-cat{width:668px;height:auto;float:left;margin-top:25px;}

.cat-box{width:192px;height:auto;float:left;border:1px solid #e3e3e3;background:fff;margin-right:27px;}
.settings{height:21px;float:right;margin-right:10px;margin-top:10px;}
.search-area{width:145px;height:17px;float:left;margin-top:1px;} 
.text_area{width:148px;height:17px; position:inherit}
.sicon{width:17px;height:16px;float:right;margin-top:3px;margin-right:5px;margin-left:5px;}
#content_area{
	float:left;
	border:solid 1px #e9e9e9;
	background: #FFF;
	margin:0 0 20px;
	width:100%;
	position:relative;
}
#dy-banner{width:672px;height:479px;float:left;margin-top:15px;margin-left:20px; border-color:#e9e9e9;border-style:solid;border-width:1px;}
.left-banner{width:652px;height:350px;float:left;margin-top:10px;margin-left:10px;}
.slide-colom{width:652px;height:110px;float:left;margin-left:6px;margin-bottom:5px;}
.right-banner{width:294px;height:479px;float:right;margin-top:15px;margin-right:20px;}
#about-colom{width:984px;height:332px;float:left;margin-top:20px;margin-left:20px; border-color:#e9e9e9;border-style:solid;border-width:1px;background:#f5f5f5;margin-bottom:10px;}
	
.colom{width:651px;height:316px;float:left;margin-top:8px;margin-left:8px;background:#FFFFFF;}
.img-colom{width:187px;height:316px;float:left;}	
.img1{width:126px;height:33px;margin-top:37px;margin-left:30px;}
.line{width:147px;height:2px;margin-top:36px;margin-left:21px;}
.fstl{width:117px;height:46px;margin-top:26px;margin-left:34px;}
.splogo{width:90px;height:90px;margin-top:7px;margin-left:48px;}
.hline{width:2px;height:261px;float:left;margin-top:31px;}
.abouttext-colom{width:450px;height:265px;float:left;margin-top:25px;margin-left:10px;font-size:12px;color:#545454;}
.about-read{width:70px;height:14px;float:right;font-size:12px;margin-right:30px;}
.about-read a:hover{color:#000000;}
.about-read a{color:#d92603;}

.video-colom{width:301px;height:332px;float:right;}
.v-icon{width:301px;height:32px;float:left;}
.v-img{width:19px;height:19px;float:left;margin-top:14px;margin-left:19px;}
.cook-text{width:100px;height:16px;float:left;margin-top:18px;margin-left:9px;color:#de5b04;}
.youtube{width:265px;height:219px;float:left;margin-top:10px;margin-left:8px;}
.yline{width:262px;height:2px;float:left;margin-top:30px;margin-left:10px;background:url(../images/yline.png);background-repeat:no-repeat;}
.s-media {width:145px;height:28px;float:left;margin-left:70px;}
.folow{width:39px;height:10px;float:left;font-size:8px;margin-top:18px;}
.tw{width:19px;height:19px;float:left;margin-top:10px;}
.face{width:20px;height:19px;float:left;margin-top:10px;margin-left:10px;}
.utube{width:47px;height:17px;float:left;margin-top:10px;margin-left:10px;}
#footer{    
	width: 100%;
    background: #FFF;
	border-top:1px solid #DDD;
    z-index: 10;
}
#footer-inner{ padding:10px 0;}
.address{width:110px; margin-left: 216px; float:left; }
.address img{width:100%;}
.foot-line{width:2px;height:155px;float:left;background:url(../images/footline.png);background-repeat:no-repeat;margin-top:68px;margin-left:10px;}
.foot-link{width:720px;height:204px;float:left;margin-top:35px;margin-left:54px;}
.head-colom{width:658px;height:13px;float:left;}
.m-link{width:100px;height:17px;float:left;color:#f5f5f5;font-size:14px;font-weight:bold;}
.q-link{width:91px;height:17px;float:left;color:#f5f5f5;margin-left:80px;font-size:14px;font-weight:bold;}
.m-menu{width:150px; height:158px;float:left;margin-top:22px;padding-right:30px; }
ul{list-style-type:none;margin:0;padding:0;}
.m-menu li a{color:#FFF;}
.m-menu li a:hover{color:#F00;}
.fline-long{width:983px;height:2px;float:left;background:url(../images/flongline.png);background-repeat:no-repeat;margin-left:21px;}
.terms{width:332px;height:13px;float:left;font-size:11px;margin-left:21px;margin-top:15px;color:#FFF;}
.rights{    
	width: 350px;
    float: right;
    font-size: 11px;
    color:#444;
	padding-bottom:3px;
}
.ini{    
	width: 350px;
    float: right;
    font-size: 11px;
    color: #444;
}
.ini a {color: #444;} 
.ini a:hover{color: #9DF3FD;} 
.ini-colom{
	width: 350px;
    float: right;
    margin-top: 15px;
}				
					/*-------------------main menu----------------*/			
#main-nav { float:left; width: 100%; position: relative;  list-style: none;  margin: 10px 0 0 0; z-index:100; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#main-nav .main-nav-item { float:left; }
#main-nav .main-nav-tab {
    background: #3375ae;
    margin-right: 2px;
    color: #fff;
    display: block;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    width: auto;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-radius: 3px 3px 0 0;
    font-size: 12px;
}
#main-nav .main-nav-tab:hover {
    background: #3597d2;
}

/*#main-nav .main-nav-item-active .main-nav-tab { margin-top:0px;margin-left:0px; background:url(../images/tabblue_hovr.jpg) repeat-x; color:#ffffff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
*/
#main-nav .main-nav-dd { position: absolute;  top: 36px; left: 0; margin: 0; padding: 0; background-color: #FFF; border-bottom: 0px solid #000; display: none; }
#main-nav .main-nav-item-active .main-nav-dd { display: block;  }

#main-nav .main-nav-dd-column { 
    width: 200px;
    padding: 1em 1em;
    display: table-cell;
    border-left: 1px solid #FFFFFF;
    background-color: #f3f3f3;
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.19);
}

#main-nav .main-nav-dd-column:first-child { border-left: 0;}
#main-nav .main-nav-dd h3 { color: #86c6d7; padding:0px 10px 5px 10px; list-style:none; }
#main-nav .main-nav-dd h3 a { color:#63b0dc; font-size: 12px; background:none; padding:0px; line-height:16px;  }
#main-nav .main-nav-dd h3 a:hover { color:#666; line-height:16px;}
#main-nav .main-nav-dd a {     
	color: #0463bb;
    padding: 0px 0 0 0px;
    font-size: 13px;
    text-decoration: none;
    line-height: 28px;
    display: block;
	transition: 0.5s;
}
#main-nav .main-nav-dd a > strong{     
	font-weight:normal !important;
}
#main-nav .main-nav-dd a:hover { 
	color: #002f9e;
    text-decoration: none;
    background: #dcefff;
    padding: 0 0 0 3px;
 }
#main-nav .main-nav-dd ul { padding-left:0px;}
#main-nav .main-nav-dd ul li{     border-bottom: 1px #b4c6d6 dotted;}
#main-nav .main-nav-dd ul li:last-child{border-bottom:none;}
#main-nav .main-nav-dd ul li img{ display:none}
#main-nav .main-nav-dd hr { border: 1px dotted #ddd; }

 /*-------------------product page start----------------*/			 
#product-colom{width:728px;height:377px;float:left;margin-top:15px;margin-left:20px;  border-color:#e9e9e9;border-style:solid;
border-width:1px;}
.product-head{width:715px;height:23px;float:left;font-size:18px;color:#370202;margin-left:15px;margin-top:8px;}
#summery-colom{width:100%;height:165px;float:right;border-color:#e9e9e9;border-style:solid;border-width:1px;margin-bottom:15px;}
#tips-colom{width:97%;height:210px;float:right;border-color:#e9e9e9;border-style:solid;border-width:1px;margin-bottom:15px;}
.pepper-icon{width:29px;height:29px;float:left;margin-top:4px;margin-left:10px;background:url(../images/tips_icon.png);background-repeat:no-repeat;} 

.order-colom{width:100%;height:156px;float:left;margin-top:4px;margin-left:4px;}
.order-tab{width:100%;float:left;font-weight:bold;background: url(../images/tabnew_blue%20copy.jpg) repeat-x;}
.order-icon{width:22px;height:25px;float:left;margin-top:6px;margin-left:10px;background:url(../images/order_icon.png);background-repeat:no-repeat;} 
.order-head{width:170px;height:15px;font-size:12px;color:#404040;padding:5px;} 
.order-content{width:100%;height:12px;float:left;margin-top:13px;} 
.order-text{width:100px;height:12px;float:left;padding-left:25px;font-size:12px;color:#636363;} 
.order-number{width:53px;height:12px;float:left;font-size:12px;color:#636363;}

.tips-colom{ margin-top:4px;margin-left:4px;}
.tips-icon{width:29px;height:29px;float:left;margin-top:6px;margin-left:10px;background: url(../images/tips_icon.png);background-repeat:no-repeat;} 
.tips-content{width:100%;height:auto;float:left;margin-top:10px;margin-left:4px;z-index:1;}	
.popupBody{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.60);
    z-index: 10000;
    position: fixed;
    left: 0px;
    top: 0px;
	bottom:0px;
	right:0px;
}		
/*.treemenu, .treemenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 90%; 
padding-left:5px;
/*line-height:20px;

}

.treemenu  li  {
position: relative; 
line-height:20px;
padding:2px 10px 2px 10px ;

}

.treemenu ul  li ul li {
position: relative; 
line-height:20px;
padding:2px 15px 2px 15px ;
background: url(../images/dot.png) left center no-repeat ; 
}

.treemenu li a{
*/

.glossymenu, .glossymenu li ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu li{
	position: relative; 
	float:left;
}

.glossymenu li a{
background: url(../images/dot.png) left center no-repeat ;
font:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#404040;
display: block;
width: auto;

padding:2px 10px 2px 10px ;

text-decoration: none;
border-bottom: 1px #CCC dotted  ; text-align:left;
text-transform:normal; z-index:1000;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: #333;
}
.glossymenu li a:hover{color:#FF0000;}

font:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#404040;
display: block;
width: auto;

padding:2px 10px 2px 10px ;

text-decoration: none;
border-bottom: 1px #CCC dotted  ; text-align:left;
text-transform:normal; z-index:1000;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: #333;
}
.glossymenu li a:hover{color:#FF0000;}*/
#tab-colom{width:727px;height:376px;float:left;margin-top:15px;margin-left:20px;margin-bottom:15px; border-color:#e9e9e9;border-style:solid;
border-width:0px;}
#add-colom{margin: 10px 10px 10px 10px;}
#creditcard-colom{width:243px;height:58px;float:right; margin-bottom:10px;background: url(../images/weaccept.png) ;background-repeat:no-repeat;} 
#social-media{width:243px;height:42px;float:left;margin-bottom:15px;}
.follow-colom{width:243px;height:22px;float:left;}
.folow-us{width:53px;height:16px;float:left;font-size:12px;padding-bottob:7px;margin-left:6px;}
.f{width:20px;height:19px;float:left;padding-top:1px;padding-left:8px;}
.t{width:19px;height:19px;float:left;padding-top:1px;padding-left:8px;}
.u{width:48px;height:19px;float:left;padding-top:1px;padding-left:8px;}
.fli{width:48px;height:19px;float:left;padding-top:1px;padding-left:8px;}
.media_line{width:2px;height:22px;float:left;margin-left:10px; background:url(../images/media_line.png);background-repeat:no-repeat;} 	
.media-pepper{width:148px;height:11px;float:left;margin-top:12px;margin-left:19px;} 	
#right-content{
	width: 100%;
}
.about-banner{width:728px;height:149px;float:left;margin-top:15px;margin-left:20px;}
#newsevents-colom{border-color:#e9e9e9;border-style:solid;border-width:1px;margin:10px;}
.main_dash{width:50%; float:left}
.graphhead_dash{padding:20px; font-size:16px; font-weight:bold; color:#3E576F}
#newsevents-colom-dash{width:100%;height:auto;float:right;border-color:#FFF;border-style:solid;border-width:1px;margin-bottom:15px;text-align:center; font-family: 'Open Sans', sans-serif !important; font-size:14px;}


.newsevents-icon{width:26px;height:30px;float:left;margin-top:4px;margin-left:10px;background: url(../images/inner_newsicon.png);background-repeat:no-repeat;} 
#innersub-colom{width:100%;height: auto;float:left;}
.innercontent{width:73%;height: auto;float:left;color:#545454; }
.inner-logo{width:676px;height:179px;float:left;margin-top:34px;}	
.contact_panel{ width:500px; height:auto; float:left;margin-top:10px;margin-left:30px;margin-bottom:30px; }
.contact-head{ /*width:420px; height:30px; float:left; font-family:'ArimoRegular', Verdana, Geneva, sans-serif; font-size:18px; color:#000;  text-shadow: #2366a4 1px 1px 1px ;*/ width:420px; height:25px; float:left; border-bottom:#e9e9e9 solid 1px; text-transform:uppercase; font-size:17px; margin-bottom:15px; font-family:'MyriadProRegular', Georgia, "Times New Roman", Times, serif; color:#000; }
.contact_tagsmall{ width:420px; height:auto; float:left;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:18px; font-style:normal;}
.enquiry{ width:500px; float:left; margin-top:20px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align:right }
.enquiry-left{ width:100px; height:20px; float:left; padding:5px 0 5px 0px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
.enquiry-left2{ width:80px; height:25px; float:right;   font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
.enquiry-right{ width:200px; height:30px; float:left; margin-left:10px;}
.enquiry-rightnew{ width:200px; height:30px; float:left; margin-left:70px;}
.select{ width:150px; height:20px; float:left; margin-top:4px; border:1px #e4e4e4 solid;}
.requir{ width:480px; height:auto; float:left; }
.requirbox{ width:470px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#606060; padding:5px; border:1px #e4e4e4 solid; }
.form{ width:500px; height:auto; float:left; margin-top:5px;}
.form-left{ width:200px; height:auto; float:left; }
.form-lefthead{ width:200px; height:18px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding-top:2px  }
.form-lefttext{ width:200px; height:25px; float:left; margin-bottom:6px}
.form-lefttext6{ width:200px; height:25px; float:left; margin-top:6px}
.form-lefttext5{ width:120px; height:31px; float:left; margin-bottom:6px; border:solid 1px #e4e4e4}
.formstyle5{ width:196px; height:33px; border:1px #e4e4e4 solid; }
.form-lefttextlrg{ width:200px; height:124px; float:left; margin-bottom:10px}
.form-lefttext1{ width:200px; height:75px; float:left; margin-bottom:6px}
.form-lefttext2{ width:150px; height:25px; float:left; margin:5px 0 0px 70px}
.formstyle{ width:196px; height:21px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#606060; padding:2px; border:1px #e4e4e4 solid; }
.formstyle1{ width:196px; height:69px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#606060; padding:2px; border:1px #e4e4e4 solid; }
.formstylelrg{ width:196px; height:124px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#606060; padding:2px; border:1px #e4e4e4 solid; }
.formstyle2{ width:150px; height:21px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#606060; padding:2px; border:1px #e4e4e4 solid; margin-top:5px;}
.typecode{ width:100px; height:21px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#606060; padding:2px; border:1px #e4e4e4 solid; }
.form-right{ width:200px; height:auto; float:right;  }
.formfilefield{ width:84px; height:21px;}
.formfilefield1{ width:200px; height:21px;}
.select_bttn{ width:20px; height:20px; float:left; padding:5px 0 5px 0px;}
.red{color:#e3010d; font-weight:bold;}
.button{ width:80px; height:25px; float:left; border:solid 1px #c1defc; background:#2563a1; color:#fff; }
.contactus-heading{width:646px;height:13px;float:left;margin-left:30px;margin-bottom:10px;}		
/*-------------------shopping cart start----------------*/			
#content_right{    
/*	margin: 10px 0px 0 10px;
    border: solid 1px #e9e9e9;*/
    padding: 10px;
	font-size: 13px;
	min-height:520px;
} 	
#table_boder{width:100%; height:auto; float:left; margin:10px 0px 0 0; border:solid 1px #e9e9e9; padding:10px;} 	 
#feedback{width:410px; height:auto; float:left; margin-bottom:3px;}
#feedbackleft{width:110px; height:22px; float:left; padding:3px 0 0 0;}
#feedbackright{width:300px; height:25px; float:left;}
#feedbackright_big{width:300px; height:86px; float:left;}
.txtfiled{width:299px; height:25px; border:none; background: url(../images/textfield.png) no-repeat; color:#333; padding:0 0 0 5px;}
.txtfiled_big{width:299px; height:86px; border:none; background:url(../images/text_field_big.jpg) no-repeat; color:#333; padding:0 0 0 5px;}

.button{width:115px; height:30px; float:left; background: url(../images/submit.png) no-repeat; border:none;}
.smalltxt{font-size:16px; color:#709f0d; font-family:'MyriadProSemibold', Arial, Helvetica, sans-serif;}
.smalltxt a{color:#48650a;}
.smalltxt a:hover{color:#333;}
.smalltxt_gray{font-size:11px; color:#333;}

/*-------------------delivery details start----------------*/

.leftform{width:420px; height:auto; float:left; }
.formfieldouter1{width:420px; height:auto; float:left; margin-bottom:5px;}
.formleftfld1{
	width:100px; 
	height:auto;
	margin-right:10px;
	float:left;

}
.formrightfld1
  {
	font-size:12px; 
	color:#7f7f7f; 
	width:250px;
	height:19px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none; 
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;  
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9;  
	background-position: 235px 8px, top ;	
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
  }
.formrightfld2
  {
	font-size: 12px;
    color: #7f7f7f;
    width: 250px;
    height: 25px !important;
    background: url(../images/arrow.png) no-repeat 96% 12px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    -khtml-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    padding: 0 3px 0 3px;
	border: solid 1px #d9d9d9;
	
 }
 .commn_tble{
   border:#E7EBF2 1px solid;
   border-radius:5px; 
   width:100%;
}
.cls_tbl_dtls{
background: #fff;
padding: 3px 3px 3px 3px;
}
.cls_tbl_mst{
	width:95%;
	background-color:#CCC;
}
.vac_det_span {
	width:auto;
	height:auto;
	float:left;
	font-size:12px;
	color:#636363;
}
 .formrightfld2_display
  {
	font-size:12px; 
	color:#7f7f7f;
	width:50px; 
	height:21px;
	background-image:url(../images/arrow.png); 
	-webkit-border-radius: 3px; 
	-webkit-appearance: none; 
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;  
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9;  
	background-position: 235px 8px, top ; 
	background-repeat:no-repeat, repeat-x;
	padding:0 3px  0 3px;
 }
 .form_configsmall{
	font-size:12px; color:#7f7f7f; width:50px; height:19px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}
.formrightfld22
{
	font-size:12px; 
	color:#7f7f7f;
	width:150px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 135px 4px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfldsmall
{
	font-size:12px; 
	color:#7f7f7f;
	width:70px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 135px 4px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfldsmallamt
{
	font-size:12px; 
	color:#7f7f7f;
	width:70px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 135px 4px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfldsmallch
{
	font-size:12px; 
	color:#7f7f7f;
	width:240px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 250px 4px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfldsmall89
{
	font-size:12px; 
	color:#7f7f7f;
	width:50px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 135px 4px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfldsmall90
{
	font-size:12px; 
	color:#7f7f7f;
	width:40px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 135px 4px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfldsmall87
{
	font-size:12px; 
	color:#7f7f7f;
	width:60px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 135px 4px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfldsmall3
{
	font-size:12px; 
	color:#7f7f7f;
	width:95px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 135px 4px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfldsmallgrnitem
{
	font-size:12px; 
	color:#7f7f7f;
	width:220px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 205px 7px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfldsmallpuritem
{
	font-size:12px; 
	color:#7f7f7f;
	width:165px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 150px 7px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfldsmallitem
{
	font-size:12px; 
	color:#7f7f7f;
	width:250px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 235px 7px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfld2small
{
	font-size:12px; 
	color:#7f7f7f;
	width:50px; 
	height:21px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none;  
	-khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px; 
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ 
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-image:url(../images/arrow.png), url(../images/field_bg.jpg); 
	background-position: 135px 4px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px;
}

.formrightfld_small1
{
	font-size:12px; 
	color:#7f7f7f; 
	width:250px; !important; 
	height:25px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none; 
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;  
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-position: 235px 8px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px
 }
 .formrightfld_remark
{
	font-size:12px; 
	color:#7f7f7f; 
	width:700px; 
	height:19px;   
	-webkit-border-radius: 3px; 
	-webkit-appearance: none; 
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;  
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9; 
	background-position: 250px 8px, top ;
	background-repeat:no-repeat, repeat-x; 
	padding:0 3px  0 3px
 }
.formrightfld_small12_search
{
	font-size:12px; color:#7f7f7f; width:150px; height:22px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	float:left;
}
.formrightfld2_search
  {
	font-size:12px; 
	color:#7f7f7f;
	width:250px; 
	height:26px;
	background-image:url(../images/arrow.png); 
	-webkit-border-radius: 3px; 
	-webkit-appearance: none; 
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;  
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9;  
	background-position: 235px 8px, top ; 
	background-repeat:no-repeat, repeat-x;
	padding:0 3px  0 3px;
	float:left;
	
 }
 
 .formrightfld2_search_small
  {
	font-size:12px; 
	color:#7f7f7f;
	width:200px; 
	height:26px;
	background-image:url(../images/arrow.png); 
	-webkit-border-radius: 3px; 
	-webkit-appearance: none; 
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;  
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9;  
	background-position: 235px 8px, top ; 
	background-repeat:no-repeat, repeat-x;
	padding:0 3px  0 3px;
	float:left;
	
 }

.formrightfld_small12{
	font-size:12px; color:#7f7f7f; width:143px; height:19px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}
.formrightfld_small12_spl{
	ont-size:12px; 
	color:#7f7f7f;
	width:143px; 
	height:26px;
	background-image:url(../images/arrow.png); 
	-webkit-border-radius: 3px; 
	-webkit-appearance: none; 
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;  
	#behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/
	#border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; 
	border: solid 1px #d9d9d9;  
	background-position: 235px 8px, top ; 
	background-repeat:no-repeat, repeat-x;
	padding:0 3px  0 3px;
	float:left;
	}
.formrightfld_small13{
	font-size:12px; color:#7f7f7f; width:170px; height:19px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}	
.formrightfld_small12small{
	font-size:12px; color:#7f7f7f; width:95px; height:19px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}
	.formrightfld_prefix{
	font-size:12px; color:#7f7f7f; width:55px; height:19px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}
.formrightfld_date{
	font-size:12px; color:#7f7f7f; width:70px; height:19px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}
	
	
.formrightfld_big1{
	font-size:12px; color:#7f7f7f; width:243px; height:70px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}
.formrightfld_big3{
	font-size:12px; color:#7f7f7f; width:450px; height:120px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}

.formrightfld_big12
   {
	font-size:12px; color:#7f7f7f; width:143px; height:30px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}
.field{width:390px; height:auto; font-size:11px; font-weight:bold; color:#940015; float:left; margin-right:10px;}

.formrightfld_price{
	font-size:12px; color:#7f7f7f; width:60px; height:19px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}
.formrightfld_rate{
	font-size:12px; color:#7f7f7f; width:69px; height:19px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}
.formrightfld_2small{
	font-size:12px; color:#7f7f7f; width:38px; height:19px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}
.formrightfld_22small{
	font-size:12px; color:#7f7f7f; width:54px; height:19px;   -webkit-border-radius: 3px; -webkit-appearance: none;  -khtml-border-radius: 3px; border-radius: 3px 3px 3px 3px;  #behavior: url('border-radius.htc'); /* override for Microsoft Internet Explorer browsers*/ #border-radius: 3px;/* override for Microsoft Internet Explorer browsers*/; border: solid 1px #d9d9d9;  background-position: 235px 8px, top ;	background-repeat:no-repeat, repeat-x; padding:0 3px  0 3px;
	}

.summarypanel{ width:200px; height:auto; padding:10px; float:left; margin-left:10px; background:#fff; }
.summaryitem{ width:200px; height:30px; border-bottom:dotted 1px #000;  margin-bottom:10px ; padding-top:10px}
.sitemaps {margin-left:125px; list-style:url(../images/hand.gif);}
.sitemaps  li{line-height:30px;}
.sitemaps  li a { color:#000;}
.sitemaps  li a:hover { color:#F00;}

.summary-colom{width:243px;height:165px;float:right;margin-top:4px; border-color:#e9e9e9;border-style:solid;border-width:1px;}


/*vertical slider  css start*/


p
{
	padding:0px 0px 0px 0px;	
}


p.header
{
	font-weight: bold;	
	clear: both;
	font-size: 18px;
	color: #7f8ba2;
}

p.title
{
	font-weight: bold;	
	clear: both;
	font-size: 16px;
}

p.ajax-loader
{
	text-align: center;
	margin: 70px 0px 70px 0px;
	padding: 0px 0px 0px 0px;
}
/* jContent demos */
#demo1.jc-horizontal a.prev,
#demo1.jc-horizontal a.next,
#demo7.jc-horizontal a.prev,
#demo7.jc-horizontal a.next
{
	margin-top: 70px;
}
.jContent div.slides
{
	height: 170px;
	border: 0 solid #cccccc;
}
.jContent p.title
{
	padding: 10px 20px 0px 25px;
	font-weight: bold;
	font-size: 16px;
}
.jContent p.txt
{
	padding: 10px 20px 0px 20px;
	font-size: 14px;
}
.jContent p.txt img
{
	float: left;
	display: block;
	border: 5px solid #ffffff;
	margin: 0px 15px 5px 0px;
}
/*jcontent css*/

div.jContent
{
	float: left;
		
}

div.slides
{
	background-color: #fff;	
}

div.jContent p
{
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
}

div.jContent a
{
	float: left;
	display: block;	
}

div.jContent a.hide
{
	visibility: hidden;
}

/* horizontal */
div.jc-horizontal
{
	margin: 25px 10px 20px 10px; 
}

div.jc-horizontal a
{
	width: 35px;
	height: 34px;
}

div.jc-horizontal a.prev
{
	margin: 55px 10px 0px 0px;
	background:  no-repeat;
}

div.jc-horizontal a.prev:hover
{
	background: url('../img/arrows/bleft.png') no-repeat;
}

div.jc-horizontal a.next
{
	margin: 55px 0px 0px 10px;
	background: url('../img/arrows/wright.png') no-repeat;
}

div.jc-horizontal a.next:hover
{
	background: url('../img/arrows/bright.png') no-repeat;
}

/* vertical */
div.jc-vertical
{
	margin: 10px 10px 20px 10px; 
}


div.jc-vertical a
{
	width: 655px; 
	height: 34px;
}

div.jc-vertical a.prev
{
	margin: 0px 0px 5px 0px;
	background:url(../images/product_%20arow.png)  no-repeat top center;
}

div.jc-vertical a.prev:hover
{
	background:url(../images/product_%20arow.png)  no-repeat top center;
}

div.jc-vertical a.next
{
	margin: 5px 0px 0px 0px;
	background: url(../images/product_%20arow2.png)  no-repeat top center;
}

div.jc-vertical a.bottom-arr:hover
{
	background:url(../images/product_%20arow2.png) no-repeat top center;
}

/* auto and circle */
div.jc-auto
{
	margin: 20px 0px 40px 63px; 
}


div.js-circle
{
	
}

.productmain-colom{width:728px;height:142px;float:left;margin-bottom:15px;}
.product-box{width:334px;height:142px;float:left;}
.product-image{width:137px;height:132px;float:left;margin-top:10px;margin-left:10px;}
.product-content{width:186px;height:132px;float:left;margin-top:10px;}
.heading{width:130px;height:13px;float:left;font-size:12px;font-weight:bold;color:#370202;margin-left:10px;}
.grade{width:155px;height:70px;float:left;font-size:12px;color:#636363;margin-left:10px;margin-top:5px;line-height:17px;}
.offer-colom{width:151px;height:38px;float:left;margin-left:10px;}
.addcart-image{width:81px;height:38px;float:left;margin-top:8px;}
.offer-image{width:36px;height:35px;float:left;margin-left:20px;}
/*lifestyle spices  start*/								 
#lifestyle-colom{width:728px;height:772px;float:left;margin-top:17px;margin-left:19px;}	
.lifestyle-head{width:728px;height:52px;float:left;background:url(../images/lifestyle.png);background-repeat:no-repeat;}
.lifestyle-area{width:728px;height:677px;float:left;margin-top:2px;}
.lifestyle-scroll{width:673px;height:162px;float:left;margin-left:28px;}
.lifestyle-arow{width:34px;height:162px;float:left;}
.left-arow{width:34px;height:39px;float:left;margin-top:58px;background:url(../images/left_arow.png);background-repeat:no-repeat;}
.slider-img1{width:174px;height:134px;float:left;margin-left:20px;margin-top:14px;}
.lifestyle-arow2{width:34px;height:162px;float:left;margin-left:20px;}
.right-arow{width:34px;height:39px;float:left;margin-top:58px;background:url(../images/right_arow.png);background-repeat:no-repeat;}
.lifestyle-bg{width:728px;height:501px;float:left;margin-top:2px;background:url(../images/lifestyle_bg.png);background-repeat:no-repeat;}
.model-area{width:336px;height:501px;float:left;}
.model{width:250px;height:353px;float:left;margin-top:30px;margin-left:20px;}
.gifthealth{width:262px;height:48px;float:left;}			
.giftspices{width:333px;height:48px;float:left;margin-top:5px;}
.lifestyle-mater{width:392px;height:501px;float:left;}	
.lifestyle-content{width:380px;height:105px;float:left;margin-top:36px;font-size:12px;color:#4d0101;}
.life-more{width:64px;height:13px;float:right;margin-right:11px;margin-top:15px;}
.life-more a{color:	#4d0101;}	
.life-more a:hover{color:#F00;}	
.lifeproduct-colom{width:381px;height:321px;float:left;}
.buy-button{width:61px;height:61px;float:left;margin-top:10px;background:url(../images/buynow.png);background-repeat:no-repeat;}
.buy-price{width:42px;height:13px;float:left;font-size:12px;color:#FFFFFF;margin-top:31px;margin-left:10px;font-weight:bold;}  
.product-tin{width:206px;height:203px;float:left;margin-top:28px;margin-left:4px;}
.product-sides{width:263px;height:87px;float:left;background:#FFFFFF; border-color: #DADADA;border-style:solid;border-width:1px;margin-left:30px;}
.product-side1{width:87px;height:85px;float:left;}	
.small-product{width:68px;height:63px;float:left;margin-top:12px;margin-left:12px;}	
.row-spices{width:72px;height:249px;float:right;margin-top:27px;}
/*lifestyle spices  closed*/
.facebook-colom{width:243px;height:217px;float:right;margin-top:4px; border-color:#e9e9e9;border-style:solid;border-width:1px;margin-bottom:15px;}	
.facebook-tab{width:235px;height:38px;float:left;background:#ededed;margin-left:4px;margin-top:4px;}
.facebook-icon{width:29px;height:30px;float:left;margin-top:4px;margin-left:10px;background:url(../images/facebook.png);background-repeat:no-repeat;} 
.facebook-head{width:114px;height:15px;float:left;margin-top:8px;margin-left:9px;font-size:16px;color:#404040;}
.fans-colom{width:243px;height:167px;float:left;}	 	 
.settings-icon{width:18px;height:18px;float:left;margin-left:10px;margin-top:2px;}
.log-arrow{width:7px;height:5px;float:left;margin-left:5px;margin-top:9px;}
.welcome-photo{
	width: 32px;
    height: 32px;
    float: left;
    margin-left: 5px;
    margin-top: 14px;
    border-radius: 100%;
    border: 2px solid #78b4e7;
    padding: 2px;
}
.welcome-photo img{    
    border-radius: 100%;
    width: 24px;
    height: 24px;
}
/*my css*/	
.inner_table_full
	{
		width:90%;
		background:#E7EBF2;
	}
	
	.inner_table_full2
	{
		width:100%;
		background:#E7EBF2;
	}
	.table_full
	{
		width:100%;
		background:#E7EBF2;
		-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-image: linear-gradient(to bottom, #f8f9f9 0%, #b2d7f5 80%);border-top: 1px solid #d3e4ea;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f9f9 ), color-stop(1, #b2d7f5));
	}
	.table_full2
	{
		width:100%;
		background:#D5E8F7;
		-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
	}
	.table_full3
	{
		width:80%;
		background:#efefef;
		
	}
	.table_header
	{
		font-size:12px;
		font-weight:bold;
		padding:7px;
		
	}
	.table_other
	{
		background:#FFFFFF;
		padding:9px 5px;
		font-weight:normal;
				
	}
	.table_other1 {
    background: #FFFFFF;
    padding: 5px;
    font-weight: normal;
    }
	.table_othr
	{
		background:#FFFFFF;
		font-weight:normal;
				
	}
	.table_modify
	{
		background:#FFFFFF;
		padding:3px 0 0 10px;
		
	}
	.reply_head
	{
		background:#FFFFFF;
		padding:0 0 0 10px;
		color:#069;
		font-size:12px;
		font-weight:bold;
		border-top:#D7D6E0 dotted 1px;
		
		
		
	}
	.readmore
	{
		background:#FFFFFF;
		padding:5px 10px 0 0px;
		color:#000;
		
		
	}
	.readmore a
	{
		padding:5px 10px 0 0px;
		color:#000;
	}
	.readmore a:hover
	{
		color:#AA4643;
	}
	
	.headster
	{
		width:100%;
	}
	.mainhead
	{
		padding: 0px 10px 5px 0;
		font-weight:bold;
		font-size:14px;
	}
	.mainhead_edit
	{
		padding:10px 10px 10px 0;
		float:left;
		width:60%;
		font-weight:bold;
		font-size:16px;
	}
	.message_div
	{
		padding:10px 0px 10px 0;
		float:left;
		width:40%;
		text-align:center;
	}
   .mainbutton
	{
		float: right;
		padding: 0px 0 7px 0;
		/*float: left;*/
		/*width: 28%;*/
		text-align: right;
	}

	.table_sub
	{
		width:100%;
		margin:0 auto;
		font-size: 13px;
	}
	.header_name{
		float: left;
		padding: 30px 0 20px 5px;
		font-size: 20px;
		font-weight: bold;
		color: #3375ae;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	.fin_year
	{
		float: right;
		padding: 33px 20px 20px 8px;;
		font-size: 13px;
		color: #555;
		font-weight: bold;
		
	}
	.fin_year strong
	{
		color: #3375ae;
		
	}
	
	
	.highcharts-credits{ display:none;}
	/*Classes For Tab............. */
#example-Z  ul { list-style: none; }
#example-Z li { width: auto;  float: left; margin: 0 1px 0 0; border:solid 1px #d1d0d0; background: #5E94C3;color: white;font-size: 11px; text-align: center; border: 0;}
#example-Z  ul li a { display: block; border-bottom: 1px solid #5E94C3; padding: 4px; color: white;text-decoration:none; padding:8px }
#example-Z ul li a:hover { background: #5E94C3; color: white; }
#example-Z ul li:last-child a { border: none; }
#example-Z li a.current,#example-Z li a.current:hover { background-color: #2495e1 !important; color: black; text-decoration:none; cursor:pointer  }
/*end Classes For Tab............. */



.gray {
	color: #333; 
	border: solid 1px #E8E8E8;
	background: #C9C9C9;
	margin-left:5px;
	
}



.blue {
	color: #fef4e9; 
	border: solid 1px #5E94C3;
	background: #5E94C3;
	margin-left:10px;
	float: left;
    /*margin: 10px 10px 10px 0px;*/
	font-family: 'Open Sans', sans-serif !important;
	font-size:13px;
	letter-spacing:0.05em;
}
.blue:hover {
	background: #2baeef;
    border: 1px solid #219dda;
}
.blue:active {
	color: #FFF;
	background: #2baeef;
    border: 1px solid #219dda;
}
.button_href { 
    width: auto;
    height: auto;
    padding: 5px 20px;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.button_viewhref { 
    width: auto;
    height: auto;
    padding: 5px 20px;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.button_href:hover {
	text-decoration: none;
}
.button_href:active {
	position: relative;
	top: 1px;
}
.button { 
    width: auto;
    height: auto;
    padding: 5px 20px;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}

.button22 { 
    width:90px;
	height:25px;
    padding:0 2px 0 2px;
	
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}



.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}




.ToolText{position:relative; }
.ToolTextHover{position:relative;}
.ToolText span{display: none;}

.ToolTextHover span{display:block;
 position:absolute;
  border:1px solid black;
  top:1.3em;
  left:5px;
  background-color:gray; color:white;
  text-align: center;
}
.cursor{cursor:pointer;};
.spnSmallText{ font-size:10px; color:#666; font-family:Arial, Helvetica, sans-serif}
.formclass {float:left; width:100%}
/*Classes For Tab............. */
#tabs_wrapper {
	width: 100%;
}
#tabs_container {
	border-bottom: 1px solid #ccc;
}
#tabs {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
}
#tabs li {
    float: left;
    min-height: 26px;
    margin: 0 1px;
}
#tabs li a {
	border: 1px solid #ccc;
	padding: 4px 6px;
	text-decoration: none;
	background-color: #E7EBF2;
	border-bottom: none;
	outline: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	color:#000000;
	display:block;
}
#tabs li a:hover {
	background-color: #E7EBF2;
	padding: 4px 6px;
}
#tabs li.active a {
	border-bottom: 1px solid #fff;
	background-color: #fff;
	padding: 4px 6px 5px 6px;
	border-bottom: none;
}
#tabs li.active a:hover {
	background-color: #E7EBF2;
	padding: 4px 6px 5px 6px;
	border-bottom: none;
}
#tabs li a.icon_accept:hover {
	padding-left: 24px;
}

#tabs_content_container {
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px;
}
.tab_content {
	display: none;
}
.head_tit{
	margin: 0 3px 3px 0;
	background:#D5E8F7;
	padding-left:5px;
	
	
}
/*Classes For Tab............. */
/*Accordions............. */
h2.acc_trigger {
	padding: 0;	
	margin: 0 0 3px 0;
	background:#D5E8F7;

	height: 25px;
	line-height: 25px;
	width: 100%;
	font-size:11px;
	font-weight: bold;
	float: left;

}
h2.acc_trigger a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 0 0 10px;
}
h2.acc_trigger a:hover {
	color: #5E94C3;
}
h2.active 
{
	background-position: left bottom; 
	background: url(../images/tabnew_blue%20copy.jpg) repeat-x;
	color:#FFF;
}
h2.active a
{
	color:#FFF;
}
h2.active a:hover 
{
	color:#FFF;
}
.acc_container {
    margin: 0 0 3px;
    padding: 0;
    overflow: hidden;
    clear: both;
    background: #ffffff;
    border: 1px solid #d6d6d6;
    display: block !important;
}
.acc_container .block {
	padding: 5px;
	text-align:center;
}
.acc_container .block p {
	padding: 1px 5px;
	margin: 5px 0;
}
.acc_container h3 {
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #5E94C3;
	border: 1px solid #ccc;
}
/*Accordions............. */
/*Accordions Dash Board............. */
h2.acc_trigger_dash {
	padding: 0;	
	margin: 0 0 3px 0;
	background:#d5e8f7;
	height: 25px;
	line-height: 25px;
	width: 100%;
	font-size:13px;
	font-weight: bold;
	float: left;

}
h2.acc_trigger_dash a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 0 0 10px;
}
h2.acc_trigger_dash a:hover {
	color: #5E94C3;
}
h2.active 
{
	background-position: left bottom; 
	background: url(../images/tabnew_blue%20copy.jpg) repeat-x;
	color:#FFF;
}
h2.active a
{
	color:#404040;
}
h2.active a:hover 
{
	color:#FFF;
}
.acc_container_dash {
	margin: 0 0 3px; padding: 0;
	overflow: hidden;
	width: 100%;
	clear: both;
	background: #FFFFFF;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container_dash_prd {
	margin: 0 0 3px; padding: 0;
	overflow: hidden;
	width: 100%;
	clear: both;
	/*background: #FFFFFF;*/
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container_dash .block {
	padding: 1px;
}
.acc_container_dash .block p {
	padding: 1px 5px;
	margin: 5px 0;
}
.acc_container_dash h3 {
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container_dash img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #5E94C3;
	border: 1px solid #ccc;
}
/*Accordions Dash Board............. */
/*Latest News............. */
#ticker {
	height: 40px;
	overflow: hidden;
	padding:2px;

}
#ticker li {
	height: 40px;

}
/*Employer Vacancy............ */
.name_class{width:40%; text-align:left; float:left;word-wrap: break-word; font-size:11px;}
.seperator_class{width:10%; float:left; text-align:center; font-weight:bold;}
.data_class{width:50%; text-align:left; float:left;word-wrap: break-word;}


/*Time*/
.clock {    
	/*width: 130px;*/
	width:100%;
    margin: 0 auto;
    padding: 17px 0 25px;
    color: #fff;
	background: #3474ad;
}
.erp-logo {
    text-align: center;
    display: block;
    padding:21px 0 0 0 ;
}
#Date { text-align:center; font-size:12px; }
.clock ul{width:130px; margin:0 auto; padding:0px; list-style:none; text-align:center;}
.clock ul li {display: inline;
    font-size: 14px;
    text-align: center;}


.camp-colom{color:#015eac; margin:10px; }	
.camp-colom ul {color: #666666;
    font-size: 12px;
    font-style: normal;
    line-height: 14px !important;
    margin-bottom: 0;
}
.camp-colom li{display:inline;}





.message_list { list-style: none; margin: 0; padding: 0px; width: 99%;  }
.message_list li { padding-left: 5px; margin: 0 0 2px 0; background:#ECF3F8; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
#behavior: url('border-radius.htc');/* override for Microsoft Internet Explorer browsers*/ #border-radius: 4px;/* override for Microsoft Internet Explorer browsers*/ border:#A7CDF2 1px solid}
.message_head { padding: 10px 0px 10px 15px ; cursor: pointer; position: relative; width:98%; background:url(../images/accordin_arrow.png) no-repeat 6px 15px;}
.message_head .timestamp { color: #666666; font-size: 95%; position: absolute; right: 10px; top: 15px; }
.message_head cite { font-size:12px; font-weight: bold; font-style:normal ; padding-left:10px; padding-top:2px;  }
.message_body { padding: 10px 10px 5px; }
.collapse_buttons { text-align:center; border-top: solid 1px #e4e4e4; padding: 0px 0; width: 100%; }
.collapse_buttons a { margin-left: 15px; float: right; }
.show_all_message { background: url(../images/tall-down-arrow.gif) no-repeat right center; padding-right: 12px; }
.show_recent_only { display: none; background: url(../images/tall-up-arrow.gif) no-repeat right center; padding-right: 12px; }
.collpase_all_message { background: url(../images/collapse-all.gif) no-repeat right center; padding:8px; color: #666666; }


.case_list { list-style: none; margin: 0; padding: 0px; width: 99%;  }
.case_list li { padding-left: 5px; margin: 0 0 2px 0; background:#FFFFFF; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
#behavior: url('border-radius.htc');/* override for Microsoft Internet Explorer browsers*/ #border-radius: 4px;/* override for Microsoft Internet Explorer browsers*/ border:#A7CDF2 1px solid}
.case_head { padding: 10px 0px 5px 15px ; cursor: pointer; position: relative; width:100%; background:url(../images/accordin_arrow.png) no-repeat 6px 15px;}
.case_head .timestamp { font-size: 95%; position: absolute; right: 10px; top: 15px; }
.case_head cite { font-size:12px; font-weight: bold; font-style:normal ; padding-left:10px; padding-top:2px;  }
.case_body { padding: 5px 10px 5px; }



.borderhead
	{
		background:#FFFFFF;
		border-bottom:#D7D6E0 dotted 1px;
		border-top:#D7D6E0 dotted 1px;
		color:#000000;
		font-size:11.5px;
		line-height:20px;
		font-weight:bold
	}
.bordermatter
	{
		background:#FFFFFF;
		border-bottom:#D7D6E0 dotted 1px;
		color:#000000;
		font-size:12px;
		font-style:normal;
		line-height:20px;
	}
	.report_value {
	font:  12px arial;
	background-color:#E7EBF2;
	padding-left:5px;	
	padding-right:5px;
	border:1px solid #CCC;
}
.report_value2 {
	font:  12px arial;
	background-color:#FFFFFF;
	padding-left:5px;	
	padding-right:5px;
	border:1px solid #CCC;
}
.report_value3 {
	font:  12px arial;
	padding-left:5px;	
	padding-right:5px;
	
}
.report_title {

	font:  12px arial;
	font-weight:bold;
	height:35px;
	padding-left:5px;
	background-color:#D2F4FF;
	padding-right:5px;
	border:1px solid #CCC;
}
.report_title1 {

	font:  12px arial;
	font-weight:bold;
	height:35px;
	padding-left:5px;
	background-color:#D2F4FF;
	padding-right:5px;
	border:1px solid #000;
}
.crm_report
{
	font-weight: normal;
	font-size: 12px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
}
.print_report
{
	font-weight: normal;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
}
.print_report_detail
{
	 font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.print_report_terms
{
	 font-weight: normal;
    font-size: 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.printreport_title {

	font:  12px arial;
	font-weight:bold;
	height:35px;
	padding-left:5px;
	background-color:#D2D2D2;
	padding-right:5px;
	border:1px solid #CCC;
}
.detailed_rpt_table{
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	
}
.detailed_rpt_title{
	font:  12px arial;
	font-weight:bold;
	height:35px;
	padding-left:5px;
	background-color:#E7EBF2;
	border-right: 1px solid #CCCCCC;
	padding-right:5px;
}
.detailed_rpt_detail{
	font:  12px arial;
	height:30px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding-left:5px;
	padding-right:5px;
}
.crm_boxtitle
{
	font-weight: bold;
	font-size: 10px;
	color: #937643;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: medium solid #CCCCCC;
}
.crmnewlist
{
    font-weight: bold;
    font-size: 11px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.crmnewlistdet
{
    
    font-size: 11px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.crmfixturebold
{
    font-weight: bold;
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none
}
.crmdetail
{
    background-position: center top;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, helvetica
}
.crmactionlink
{
    background-position: center top;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, helvetica
}
.cursr{cursor:pointer;}
/*----------------------report----------------------*/
.detailtable{ /*border-left:solid 1px #E6E6E6; border-top:solid 1px #E6E6E6;*/ border:solid 1px #E6E6E6;}
.detailhead{ border-right:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; font:12px arial;background-color: #E7EBF2; text-align:center; }
.detailfield{ border-right:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; font:12px arial;text-align:center;}
.detailmfield{ border-bottom:solid 1px #666;}
.mastertable{ border:solid 1px #E6E6E6;}
.masterhead{ 
font: 12px arial;
font-weight: bold;
height: 35px;
padding-left: 5px;
background-color: #D2F4FF;
padding-right: 5px;
border-right: 1px solid #CCC;}
.masterfield{
 border-right:solid 1px #E6E6E6;
 border-bottom:solid 1px #E6E6E6;
 font:12px arial;text-align:center;
  }

/*----------------------report19-04-2014----------------------*/
.detailtable1{ border-left:solid 1px #000; border-top:solid 1px #000; border-bottom:solid 1px #000; border-right:solid 1px #000;}
.detailhead1{ border-right:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; font:12px arial;background-color: #E7EBF2; padding-left:5px;}
.detailfield1{ border-right:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; font:12px arial; padding-left:5px;}
.detailfield2{ border-right:solid 1px #000; border-bottom:solid 1px #000; font:12px arial;}
.detailmfield1{ border-bottom:solid 1px #000;}
.mastertable1{ border:solid 1px #000;}
.masterhead1{ 
font: 12px arial;
font-weight: bold;
height: 35px;
padding-left: 5px;
background-color: #D2F4FF;
padding-right: 5px;
border-right: 1px solid #000;}
.masterfield1{
 border-right:solid 1px #000;
 border-bottom:solid 1px #000;
 font:12px arial;text-align:center;
  }
  
  .table_other22
	{
		background:#EFEFEF;
		padding:3px 0 0 10px;
		font-weight:normal;
				
	}
	.table_other_head
	{
		background:#DFDFDF;
		padding:3px 0 0 10px;
		font-weight:bold;
		font-size:13px;
				
	}


/*style for executing the light box*/

#shadowing{	display: none;	position: absolute;	top: 0%;	left: 0%;	width: 100%;	height: 120%;		z-index:10;
opacity:.7;	filter: alpha(opacity=90); }
#box {	display: none;position:absolute;	
		top:20%; padding:15px; box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.23); border-radius:3px;	
		left: 20%;	width: 300px;	height: 400px;
        z-index:101; background-color:#fafafa;	overflow: auto;	text-align:left;}

#boxr {	display: none;position:absolute;	top: 30%;	left: 20%;	width: 300px;	height: 400px;
border:2px solid #000;	z-index:101; background-color:#fafafa;	overflow: auto;	text-align:left;}

#box1 {	display: none;position:absolute;	top: 30%;	left: 20%;	width: 300px;	height: 400px;
border:2px solid #000;	z-index:101; background-color:#fafafa;	overflow: auto;	text-align:left;}

#boxtitle{	position:absolute;	float:center;	top:0;	left:0;	padding:0;	padding-top:4px; left-padding:8px;	margin:0;
border-bottom:4px solid #3CF;	background-color: #09c;	color:white;	text-align:center; }

#box11 {	display: none;position:absolute;	top: 10%;	left: 20%;	width: 600px;	height: 600px;
border:2px solid #000;	z-index:101; background-color:#fafafa;	overflow: auto;	text-align:left;}
.purchaseIcon{
    border-bottom: 4px solid #462066;
}
.purchaseIcon:before{
	position: absolute;
    left: 8px;
    top: 2px;
    content: '';
    background-image: url(../images/purchase.png);
    width: 42px;
    height: 40px;
}
.purchaseIcon:hover{
	background:#F9F9F9;
}
.salesIcon{
	border-bottom: 4px solid #ffb85f;
}
.salesIcon:before{
    position: absolute;
    left: 8px;
    top: 1px;
    content: '';
    background-image: url(../images/sales-icon.png);
    width: 42px;
    height: 40px;
}
.salesIcon:hover{
	background:#F9F9F9;
}
.accountsIcon{
	border-bottom: 4px solid #ff7a5a;
}
.accountsIcon:before{
    position: absolute;
    left: 8px;
    top: 1px;
    content: '';
    background-image: url(../images/accounts.png);
    width: 42px;
    height: 40px;
}
.accountsIcon:hover{
	background:#F9F9F9;
}
.hrmIcon{
	border-bottom: 4px solid #00aaa0;
}
.hrmIcon:before{
    position: absolute;
    left: 8px;
    top: 1px;
    content: '';
    background-image: url(../images/hrm-icon.png);
    width: 42px;
    height: 40px;
}
.hrmIcon:hover{
	background:#F9F9F9;
}
.pageHelp{
	position:absolute;
	right:20px;
	top:20px;
}
.need{
    position: relative;
    display: inline-block;
    padding-left: 25px;
    color: #1d8cc3;
	border:none;
	background:none;
	cursor:pointer;
	outline: none;
}
.need:before{
    position: absolute;
    left: 2px;
    top: -3px;
    font-family: FontAwesome;
    content: "\f29c";
    font-size: 20px;
}
..box_fieldset {
    font-family: sans-serif;
    background: #efefef;
    border-radius: 3px;
    padding: 10px;
}
.box_fieldset {
    font-family: 'Open Sans', sans-serif !important;
    background: #efefef !important;
	border: 1px solid #CCC;
    border-radius: 3px !important;
    padding: 10px;
}
body::-webkit-scrollbar {
    width: .5em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #3375ae;
  outline: 1px solid slategrey;
}
.mainbutton_acc {
    display: inline-block;
}
.mainbutton_acc a{
	margin:0px !important;
}
.mainbutton_acc a{
    margin: 0 0 10px 0;
    text-align: center;
    border: solid 1px #3375ae;
    background: #3375ae !important;
    display: inline-block;
    width: auto;
    padding: 6px 0;
    width: 74px;
}
.mainbutton_acc a:hover{
    background: #3597d2 !important;
    border: 1px solid #3375ae !important;
}
/*#showrooms{
	width: 100% !important;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1000;
}*/
.arrowHolder{
	float: left;
    width: 2%;
    height: 54px;
    margin: 10px 0;
    display: table;
}
.lastArrow {
    float: left;
    width: 3%;
    height: 54px;
    margin: 10px 0;
    display: table;
}
.arrowHolder span{
	width:100%;
	height:1px;
	background-color:#6ea3ef;
	display:block;
	position:relative;
	bottom: 5px;
}
.arrowHolder span:after{
	content:'';
	position:absolute;
	right:0;
	top:-5px;
	border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #6ea3ef;
}
.processBox td{
    width: 5.555555%;
}
.lastArrow span {
	width:100%;
	height:1px;
	background-color:#6ea3ef;
	display:block;
	position:relative;
}
.masterBox{position:relative;}
.masterBox:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    height: 2px;
    width: 100%;
    background-color: #95afee;
}
.productionRight{
	background: #fafafa;
	z-index: 1;
	position: relative;
}

.arrowHolderleft{
	float: left;
    width: 3%;
    height: 25px;
    margin: 10px 0;
    display: table;
}
.arrowHolderleft span{
	width:100%;
	height:1px;
	background-color:#6ea3ef;
	display:block;
	position:relative;
}
.arrowHolderleft span:after{
	content:'';
	position:absolute;
	left:0;
	top:-5px;
	border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #6ea3ef;
}

.arrowHolderright{
	float: left;
    width: 3%;
    height: 67px;
    display: table;
}
.colIn{
    display: table-cell;
    vertical-align: middle;
}
.arrowHolderright span{
	width:100%;
	height:1px;
	background-color:#6ea3ef;
	display:block;
	position:relative;
}
.arrowHolderright span:after{
	content:'';
	position:absolute;
	right:0;
	top:-5px;
	border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #6ea3ef;
}

.master_text {
    padding: 25px 1px 8px;
    border-radius: 0px;
    border: 2px solid #d8d8d8;
    background-color: #729bbf !important;
    color: #FFFBF0;
    height: 54px;
    font-size: 12px;
    margin: 10px 0;
    position: relative;
    display: table;
   /* cursor: pointer;*/
    float: left;
    width: 10%;
    text-align: center;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.34);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.76);
	font-weight: bold !important;
}
.master_text:hover {
    padding: 25px 1px 8px; 
    border-radius: 0px;
	border: 2px solid #d8d8d8;
    background-color: #3375ae !important;
    color: #FFFBF0;
    height: 54px;
    font-size: 12px;
    margin: 10px 0;
    position: relative;
    display: table;
	/*cursor:pointer;*/
	float:left;
	width:10%;
	text-align: center;
	font-weight: bold !important;
}  
.prd_sub_master {
    padding: 5px; 
    border-radius: 5px;
    border: 1px solid #5e7eca;
     background-color: #6ea3ef;
    color: #FFFBF0;
    height: 45px;
    font-size: 11px;
    margin: 15px 0;
    position: relative;
    display: table;
	cursor:pointer;
	float:left;
	width:14%;
	text-align: center;
	z-index: 1;
} 
.prd_sub_masteritemover {
    padding: 5px; 
    color: #229e5f;
    height: 25px;
    font-size: 10px;
    margin: 10px 0;
    position: relative;
    display: table;
	float:left;
	width:15%;
	text-align: center;
	font-weight:bold;
} 
.prd_sub_masteritem {
    padding: 5px; 
    color: #229e5f;
    height: 30px;
    font-size: 10px;
    margin: 4px 0;
    position: relative;
    display: table;
	float:left;
	width:10%;
	text-align: center;
	font-weight:bold;
	border-bottom:1px dotted #0088cc;
	
} 
.prd_sub_masteritem:after{
	height:1px;
	/*border-bottom:1px dotted #0088cc;*/
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	content:'';
}
.prd_sub_masteritem b{
	position:absolute;
	height:1px;
	left:0;
	width:100%;
	z-index:100;
}
.prd_sub_masteritemover b{
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
}
.prd_supermaster_projection {
    padding: 5px; 
    color: #b82bf1c2;
    height: 25px;
    font-size: 13px;
    margin: 10px 0;
    position: relative;
    display: table;
	float:left;
	width:100%;
	text-align: center;
	font-weight:bold;
} 
.flowRow{
	float:left;
	width:100%;
}
.subMaterDropdown{
    width: 15%;
    float: left;
    min-height: 165px;
	position:relative;
}
.subMaterDropdown > .prd_sub_masteritem{
	width:100%;
	position: relative;
}
.subMaterDropdown > .prd_sub_masteritem > span{
	position: absolute;
    left: 50%;
    top: 100%;
    width: 1px;
    height: 100%;
    background-color: #5e7eca;
}
.subMaterDropdown > .prd_sub_masteritem > span:after {
    content: '';
    position: absolute;
    right: -4px;
    top: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #6ea3ef;
}
.subFlowBox{
    position: absolute;
    width: 300px;
    top: 80px;
    z-index: 1;
}
.subFlowBoxIn{
    border: 1px solid #8dd8b6;
    padding: 10px;
    height: 110px;
    background-color: #e7fff4;
    border-radius: 10px;
    overflow-x: scroll;
    overflow-y: scroll;
    white-space: nowrap;
}
.prd_sub_masterSub {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #069a99;
    background-color: #0bc3c1;
    color: #FFFBF0;
    height: 25px;
    font-size: 10px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}
.prd_sub_masteritemSub {
    padding: 5px;
    color: #229e5f;
    height: 25px;
    font-size: 10px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}
.prd_sub_masteritemSub p{
	margin-bottom:0px;
	line-height:14px !important;
}
.arrowHolderSub{
    width: 5%;
    height: 10px;
    display: inline-block;
    position: relative;
}
.arrowHolderSub span{
	width: 100%;
    height: 1px;
    background-color: #6ea3ef;
    display: block;
    position: absolute;
    top: 4px;
}
.arrowHolderSub span:after{
	content:'';
	position:absolute;
	right:0;
	top:-4px;
	border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #6ea3ef;
}
.leftSection{
	border:1px solid #ddd;
}
.masteritem_rpt {
	padding: 5px;
    color: #229e5f;
    height: 120px;
    overflow-y: scroll;
    font-size: 10px;
    position: relative;
    float: left;
    width: 33.333333%;
    font-weight: bold;
    margin: 0;
    background-color: #eaf1c0;
}
.masteritem_rpt > div{
	padding: 4px;
}
.masteritem_rpt_right {
    color: #229e5f;
    height: 120px;
    overflow-y: scroll;
    font-size: 10px;
    position: relative;
    float: left;
    width: 33.3333%;
    font-weight: bold;
    background-color: #cee7ff;
    padding: 5px;
}
.masteritem_rpt_right > div{
	padding: 4px;
}
.sub_master_prd {
    float: left;
    width: 33.333%;
}
.sub_master_prd > div{
	padding: 6px 10px;
    border-radius: 5px;
    border: 1px solid #5e7eca;
    background-color: #5e7eca;
	margin: 10px;
	color: #FFFBF0;
	font-size:11px;	
	text-align:center;
	cursor:pointer;
}
.subFlowBox_rpt{
    position: absolute;
    width: 100%;
    right: 0%;
    top: 162px;
    z-index: 1;
}
.subMaterDropdown_rpt {
	width: 47%;
    float: left;
    min-height: 280px;
    margin-bottom: 10px;
    position: relative;
}
.leftSection > span{
	position: absolute;
	left: 50%;
	top: 122px;
	width: 1px;
	height: 60px;
	background-color: #5e7eca;
}
.leftSection > span:after {
    content: '';
    position: absolute;
    right: -4px;
    top: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #6ea3ef;
}
.prd_sub_masteritemF {
    padding: 5px;
    color: #229e5f;
    height: 25px;
    font-size: 10px;
    margin: 10px 0;
    position: relative;
    display: table;
    float: left;
    width: 15%;
    text-align: center;
    font-weight: bold;
}
.borderRight{
    height: 100%;
    border-right: 1px solid #0088cc;
    margin-top: 15px;
    border-bottom-right-radius: 25px;
    position: relative;
    min-height: 210px;
}
.spclBorder{
    height: 100%;
    margin-top: 15px;
    position: relative;
    min-height: 210px;
}

.borderTop{
    margin-right: 1%;
    border-top: 1px solid #0088cc;
    border-right: 0px solid transparent;
    position: relative;
}
.borderRight:after{
	width: 30px;
    position: absolute;
    right: -1px;
    bottom: -1px;
    height: 30px;
    background: url(../images/edge-b-right.jpg) no-repeat;
    content: '';
    z-index: 1;
}
.borderRight:before{
	width: 30px;
    position: absolute;
    right: -1px;
    top: -1px;
    height: 70px;
    background: #fafafa url(../images/edge-t-right.jpg) no-repeat bottom left;
    content: '';
    z-index: 1;
}
.borderTop:before{
	width: 30px;
    position: absolute;
    left: -1px;
    top: -1px;
    height: 55px;
    background:url(../images/edge-t-left.jpg) no-repeat bottom left;
    content: '';
}
.tempLeft{
	width:60%;
	display:inline-block;
}
.tempRight{
    width: 34%;
    display: inline-block;
    position: absolute;
    right: 0;
}
.tempRight img{
    margin-right:10px;
}




























@media only screen and (min-width:1100px) and (max-width: 1400px) {

.subFlowBox {
    width: 220px;
}

}

@media only screen and (min-width:700px) and (max-width: 1100px) {
#leftdiv {
    width: 25%;
}
#main-nav {
    width: 100%;
}
#innersub-colom {
    width:100%;
}	
#content_area {
    margin-left: 5px;
    width: 98%;
}
#right-content {
    min-height: auto;
    width: 100%;
}
.main_dash {
    width: 100%;
}
.hide-td{
	display:none;
}
.address {
    margin-left:0px;
}
#newsevents-colom {
    margin:10px 10px 10px 10px;
}
}

@media only screen and (min-width:480px) and (max-width: 799px) {
.clock{display:none;}
.erp-logo{
    padding:60px 0 10px 0 !important;
}
#container {
    padding: 45px 0 0 0;
    margin: 0 15px;
}
#right-content{
	display:none;

}
#showicon{
	display:none;
	}
}

@media only screen and (min-width:300px) and (max-width: 480px) {
#innersub-colom {
    float: none !important;
    width: 100%;
}	
#right-content {
    float: none !important;
    width: 100%;
}
.main_dash {
    float: none !important;
    width: 100%;
}
.main_dash img{
	width:100% !important;
}
.main_dash canvas{
	width:100% !important;
}
.cd-side-nav > ul > li > a {
    padding-left: calc(8% + 14px);
}
#footer{
	height:auto !important;
	padding:15px 0;
}
.address{
	margin-top:0px !important;
}
.ini-colom{
	width:100% !important;
	margin-top:6px;
}
.rights {
    float: left;
    margin: 0 0 0;
    width: 100%;
    text-align: center;
}
.ini {
    float: left;
    margin-left: 0;
    width: 100%;
    text-align: center;
}
#footer-inner {
	height:auto !important;
}

}	
	
	
	
	
	
	
	
	
	/*************************************************HR REPORT STYLE**2017****April*****GANESH*****************************************************/
.datagrid_new table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid_new {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid_new table td, 
.datagrid_new table th { padding: 3px 10px; }
.datagrid_new table thead th {background-color:#E7EBF2; color:#000000; font-size: 12px; font-weight: bold; border-left: 1px solid #ABABAB; ; border-bottom: 1px solid #030303 ;  } 
.reporttitle {background-color:#DAE2EF !important; color:#000000; font-size: 12px; font-weight: bold; border-left: 1px solid #ABABAB; border-bottom: 1px solid #030303 ;
text-align:center; } 
.datagrid_new table tbody td { color:#000000; border: 1px solid #ABABAB;font-size: 12px;font-weight: normal; }


#paging ul { margin: 0; padding:0; list-style: none; text-align:center; }
  #paging li { display: inline; }
#paging li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #F5F5F5;border: 1px solid #8C8C8C;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #969696 5%, #575757 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; }

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}
/*************************************************HR REPORT STYLE****************************************************************/
	
	
	
	
.sfont {
    font-size: 11px !important;
    color: #2d6798;
    float: left;
    letter-spacing: 0.08em;
    padding: 12px 20px 12px 38px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold !important;
}	
	
	
.commn-fontz {
	font-family: 'muliregular';
	}	
	
.footerbar {
    width: 100%;
    padding: 10px 0px;
    /*position: absolute;*/
    bottom: -47%;
}	


/*19-10-18*/
.erp-logo {
	background:#3474ad;
	}
	
	
	
	
	
	
	
	
	
/*26-10-18*/

	
.costIcon::before {
    position: absolute;
    left: 0px;
    top: 1px;
    content: '';
    background-image: url(../images/cost-icon.png);
    width: 42px;
    height: 40px;
}	
.costIcon {
    border-bottom: 4px solid #BAC92B !important;
}
.costIcon:hover {
    background: #F9F9F9 !important;
}	
	
/*26-10-18*/


.produ-top-boxs {
    float: left;
    width: 100%;
    color: #418af8;
    padding: 23px 0;
    border-radius: 12px;
    background: #f3f3f3;
	border-left: 3px solid #418af8;
}
.produ-top-boxs img {
    background: #fff;
    padding: 14px;
    border-radius: 100%;
    margin: 0px auto;
	-webkit-box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
	box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
}		
.produ-top-boxs h2 {
	font-weight:bold;
	margin:5px auto;
	font-size:40px;
	}	
.produ-top-boxs h5 {
	font-weight:normal;
	margin:0px auto;
	}
	
	
	
	
.produ-top-boxs2 {
    float: left;
    width: 100%;
    color: #ef6ffb;
    padding: 23px 0;
    border-radius: 12px;
    background: #f3f3f3;
	border-left: 3px solid #ef6ffb;
	}
.produ-top-boxs2 img {
    background: #fff;
    padding: 14px;
    border-radius: 100%;
    margin: 0px auto;
	-webkit-box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
	box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
}		
.produ-top-boxs2 h2 {
	font-weight:bold;
	margin:5px auto;
	font-size:40px;
	}	
.produ-top-boxs2 h5 {
	font-weight:normal;
	margin:0px auto;
	}	
	
	
.produ-top-boxs3 {
    float: left;
    width: 100%;
    color: #e19e00;
    padding: 23px 0;
    border-radius: 12px;
    background: #f3f3f3;
	border-left: 3px solid #e19e00;
	}
.produ-top-boxs3 img {
    background: #fff;
    padding: 14px;
    border-radius: 100%;
    margin: 0px auto;
	-webkit-box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
	box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
}		
.produ-top-boxs3 h2 {
	font-weight:bold;
	margin:5px auto;
	font-size:40px;
	}	
.produ-top-boxs3 h5 {
	font-weight:normal;
	margin:0px auto;
	}			
	


.produ-top-boxs4 {
    float: left;
    width: 100%;
    color: #fd5e5e;
    padding: 23px 0;
    border-radius: 12px;
    background: #f3f3f3;
	border-left: 3px solid #fd5e5e;
	}
.produ-top-boxs4 img {
    background: #fff;
    padding: 14px;
    border-radius: 100%;
    margin: 0px auto;
	-webkit-box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
	box-shadow: -3px 6px 5px -6px rgba(0,0,0,0.75);
}		
.produ-top-boxs4 h2 {
	font-weight:bold;
	margin:5px auto;
	font-size:40px;
	}	
.produ-top-boxs4 h5 {
	font-weight:normal;
	margin:0px auto;
	}

	
	
.del-set-bttns {
    width: auto;
    height: 32px !important;
    padding: 5px 15px !important;	
	
	}
.saving-tble {
    height: 364px !important;
    overflow: auto;
}	
	
#production-main-idd table {
    border-collapse: collapse !important;
	font-size:13px!important; 
}
#production-main-idd th {
    border: 1px solid #9BBB59 !important; 
    text-align: left !important; 
    padding: 8px !important; 
	background-color: #9BBB59 !important; 
	color:#FFF;
	}


#production-main-idd td {
    border: 1px solid #e3e3e3 !important; 
    text-align: left !important; 
	padding: 8px; 
	
	}

#production-main-idd tr:nth-child(odd) {
    background-color:#FFF  !important;
	
}
#production-main-idd tr:nth-child(even) {
    background-color:#F9F9F9  !important;
	
}	
	

#cost-main-dshbrs {
	float:left;
	width:100%;
	}	
#cost_div {
	width:100%;
	}	
.cost-top-boxs p {
	margin:0px auto;
	}	
.cost-top-boxs h2 {
	margin:11px auto;
	font-size:33px;
	}	
.cost-top-boxs {
    padding: 15px;
    background: #f5f5f5;
    border-radius: 14px;
    float: left;
    width: 100%;
    -webkit-box-shadow: -1px 3px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 3px 5px -4px rgba(0,0,0,0.75);
    box-shadow: -2px 2px 7px -4px rgba(0,0,0,0.75);
    border: 3px solid #fff;
}	

	
/*27-10-18*/	



/*30-10-18
#pop-list-allw li{
    padding: 2px 10px 1px !important;
    
    font-size: 1em !important;
    min-height: 3px !important;
    cursor: pointer !important;
    
}
#pop-list-allw li span { position: absolute; margin-left: -1.3em; }
#pop-list-allw li:hover{background:#FFF;}

.pads2 {
    padding: 0px;
    
}
.pads {
    padding: 0px;
    border-right: 5px solid #fff;
}*/

/*30-10-18*/

.no-pad {
    padding: 0px;
}

.commn_b_ox {
    min-height: 280px; width: 100%;
    margin-right: 9px;
    float: left;
    background: #f4f4f4;
    border: 1px solid #e7e7e7;
    border-bottom-color: rgb(231, 231, 231);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 17px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d7c474;
}

.commn_b_ox2 {
    min-height: 419px; width: 100%;
    margin-right: 9px;
    float: left;
    background: #f4f4f4;
    border: 1px solid #e7e7e7;
    border-bottom-color: rgb(231, 231, 231);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 17px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d7c474;
}

.padd-rgt-lt02 {
	padding: 0px 3px;
	}
.padd-lft-lt02 {
	padding: 0px 3px;
	}
.ro33 {
	margin-left: -35px;
	margin-right: -30px;
}

	
	
	
/*for new login page 11-12-18*/	
	
	

#top-hder {
    padding: 8px 0px;
    background: url(../images/hder-bg.jpg);
	border-bottom: 1px solid #f4f4f4;
}
#login-wrapper01 {
    padding: 36px 0px;
}
.logn-seton {
    padding: 0px;
    float: left;
    width: 100%;
}
.login-box {
    padding: 7% 20px;
    width: 100%;
    float: left;
}
.login-box h4 {
    margin: 5px auto;
    font-weight: bold;
    text-align: center;
    color: #333;
}
.logn-frm {
    width: 100%;
    padding: 13px 47px;
    background-color: #fff;
    border: 1px solid #dadada !important;
    color: #000;
    margin: 7px auto;
    border-radius: 4px;
}
.form-ico02 {
    position: absolute;
    left: 33px;
    top: 19px;
}
.logn-pge-btnn {
    width: 100%;
    padding: 9px;
    margin: 10px auto;
    border-radius: 0px;
}
.logn-pge-btnn2 {
    width: 100%;
    padding: 9px;
    margin: 10px auto;
    background-color: transparent;
    color: #333;
    border: none;
    border-radius: 0px;
}
.logn-pge-btnn2:hover {
    width: 100%;
    padding: 9px;
    margin: 10px auto;
    background-color: transparent;
    color: #337ab7;
    border: none;
    border-radius: 0px;
}
.no-pad {
    padding: 0px;
}
#logn-fotr {
    padding: 7px 0px;
    background: #003fb3;
    color: #fff;
}
.prof-immgdds img {
    margin: 0px auto 30px;
}
.line-vert {
    border-left: 1px solid #ccc;
    height: 330px;
    margin: 200% auto;
}
.logn-pge-btnn2 img {
    margin: 18px auto;
    float: right;
}
#lgin-main-wrper .col-sm-1 {
    width: 0.333%;
}



.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}





#lgin-main-wrper {
    padding: 18px 0px;
  
}
.lgon-boxs {
    margin: 0px auto;
}
.right-gffs {
    
}
.logo-rpr {
    padding: 30px 0px;
}
.lines-1 {
    position: absolute;
    top: 18px;
}
.logn-cover-wrper {
    float: left;
    width: 100%;
    background: #fff;
}
#screenFiller {
    position: fixed;
    top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
    border-bottom: 36px solid #2792da
}	
.footr {
	float:right;
	}	
.logn-fotr {
    position: absolute;
    bottom: 9px;
    right: 0;
    color: #fff;
    left: 0;
}	
#cost-page-tabs .tab-content {
    overflow: inherit !important;
}	
.btn {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0, 0, 0, 0) !important;
	}	
/*for new login page 11-12-18*/	

.marq-news {
	background: #f4f4f4;
	float: left;
	width: 100%;
	padding: 7px 24px;
	border: 1px solid #e9e9e9;
	border-bottom: none;
}
.marq-news a {color:#333;}






@media only screen and (max-width: 1000px) {
#content-tables_1 table, #content-tables_1 thead, #content-tables_1 tbody, #content-tables_1 th, #content-tables_1 td, #content-tables_1 tr{display:block;text-align:left;border:none}
#content-tables_1 thead tr{position:absolute;top:-9999px;left:-9999px}
#content-tables_1 tr{border:1px solid #ccc}
#content-tables_1 td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:3%;white-space:normal;text-align:left}
#content-tables_1 td:before{position:absolute;top:6px;left:6px;width:100%;padding-right:10px;white-space:normal;text-align:left;content:attr(data-title)}
#content-tables_1 .last-cartt{width:100%}
}


@media only screen and (max-width: 1000px) {
#content-tables_2 table, #content-tables_2 thead, #content-tables_2 tbody, #content-tables_2 th, #content-tables_2 td, #content-tables_2 tr{display:block;text-align:left;border:none}
#content-tables_2 thead tr{position:absolute;top:-9999px;left:-9999px}
#content-tables_2 tr{border:1px solid #ccc}
#content-tables_2 td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:45%;white-space:normal;text-align:left}
#content-tables_2 td:before{position:absolute;top:6px;left:6px;width:100%;padding-right:10px;white-space:normal;text-align:left;content:attr(data-title); font-weight:bold;}
#content-tables_2 .last-cartt{width:100%}
}

