﻿#vtab {width: 100%;padding-top:10px; display:inline-block;}
#vtab > div.tableft > ul > li > a {
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
    display: block;font-size: 14px;padding: 10px 0;background-color: #eaeaea !important;list-style-type: none; cursor:pointer;display: block; color:#000;margin: 2px auto; padding-left:45px;position: relative; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);font-weight: 600;font-family: "Raleway";}
    #vtab > div.tableft > ul > li > a:hover { padding-left:55px; background-color:#34763B!important; color:#FFF;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    #vtab > div.tableft > ul > li > a span { position:absolute;  width: 24px;
  left: 7px;
    }
    #vtab > div.tableft > ul > li > a span img{max-width:100%;}
#vtab > div.tableft> ul > li a.selected {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
border: 1px solid #ddd;border-right: none;background-color: #34763B !important;position: relative;}
#vtab > div.tableft {float: left;width: 23%;text-align: left;display: block;margin: auto 0;padding: 0;position: relative;margin-right: 4%;}
#vtab > div.tabright {   float: left;
  width: 69%;
  position: relative;
  border-left: 1px dashed #ddd;
  padding-left: 3%;}
#vtab > div.tabright > div { margin: 0 20px;padding: 15px 0 15px 50px;-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
  position: relative;
  border-bottom: 1px dashed #ddd}
    #vtab > div.tabright > div:hover {  padding-left:70px;-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
    }
    #vtab > div.tabright > div span { position:absolute; left:0px; margin-top:5px;
    }
    #vtab > div.tabright > div p { margin:0px;line-height:inherit;
    }
#vtab > div.tabright > div > h4,#vtab > div.tableft > h4 {color: #BA2B2D; font-weight:lighter;font-size: 1.2em;margin-top: 0;font-weight: 700;padding-right: 10px;font-family: "Raleway";text-transform: uppercase;}
#vtab > div.tableft > h4{  margin: 15px 0;
  font-size: 18px;
  color: #BA2B2D;
  border-bottom: 2px solid #BA2B2D;
  display: inline-block;}
#vtab > div.tabright > h3 {color: #BA2B2D; font-weight:lighter;font-size: 1.3em;margin-top: 0;font-weight: 800;padding-right: 10px;font-family: "Raleway";text-transform: capitalize; letter-spacing:0px;}

.singlelist{}
.singlelist li{ padding:5px 0; font-family: "Raleway"; font-weight:500;}
.singlelist li i{}





.addprojectpop{ width:400px;}
.pop_des{margin: 20px; }
.pop_des h2{border-bottom: 1px solid #eaeaea;padding-bottom: 5px;margin-bottom: 5px;}

#backgroundPopup,#backgroundPopup1,#backgroundPopup2 { z-index:999999999;position: fixed;display:none;height:100%;width:100%;background:#000;top:0px;  left:0px;}
#toPopup,#toPopup1,#toPopup2 {border-radius:3px;color: #333333;display: none;font-size: 14px;left: 52%;margin-left: -260px;position: fixed;top: 23%;z-index: 99999999999;background-color: #fff;}
div#popup_content {  }

div#popup_content2 {  }

div.loader1 {background: url("../images/loading.gif") no-repeat scroll 0 0 transparent;display: none;z-index: 999999;top: 50%;left: 50%;position: absolute;margin-left: -10px;}
div.close {background: url("../images/closebox.png") no-repeat scroll 0 0 transparent;cursor: pointer;float: right;height: 30px;position: relative;width: 30px;  top: -12px;right: -10px;}
span.ecs_tooltip {  background: none repeat scroll 0 0 #000000;border-radius: 2px 2px 2px 2px;color: #FFFFFF;display: none;font-size: 11px;height: 16px;opacity: 0.7;padding: 1px 3px 9px 5px;position: absolute;right: -36px;text-align: center;top: -37px;}
span.arrow {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #000000;display: block;height: 1px;left: 40px;position: relative;top: 2px;width: 1px;}




.addp_cart{}
.addp_cart table{ width:100%; margin-top:10px;}
.addp_cart h3{font-weight: 600;font-size: 21px;color: #BA2B2D;border-bottom: 2px solid #BA2B2D;display: inline-block;}
.addp_cart p a{color: #00B0A6;}
.addp_cart p a:hover{text-decoration:underline;}


.imgl001{position:absolute;width:230px;left: 40px;top:-20px;}
.flright{float:right!important}

.mobiletab0{    display: none!important;}
.pctab0{}

@media only screen and (max-width: 1150px) and (min-width: 767px)
{
    #vtab > div.tableft {width:30%;}
      #vtab > div.tableft > li {width:100%;}
       #vtab > div.tabright {float: left;width: 60%;}
      
}


@media only screen and (max-width: 767px) and (min-width: 0px)
{
  #vtab > div.tableft {width:100%;  margin-bottom:20px;}
      #vtab > div.tableft > li {width:100%;}
       #vtab > div.tabright {width: 100%; border:none; padding:0px; }
	   #vtab > div.tabright > div{padding: 15px 0 15px 0px;}
	   #vtab > div.tabright > div:hover {  padding-left:0px;}
	   #vtab > div.tabright > div span { display: inline-block;top: 3px;}
	   #vtab > div.tabright > div > h4{padding-left:45px;}
       .addprojectpop{ width:300px;}
    #toPopup, #toPopup1, #toPopup2 {margin-left: -175px;}
	.imgl001{position:relative;width:230px;left: 40px;top:-20px;}
.flright{float:none;}
.mobiletab0{display:block!important;}
.pctab0{display:none!important;}
    
}