f-right{
    float: right;
}
.nopadding{
	padding: 0;
}

.page-intro{
  background: url(../images/page-intro-bg.png) repeat;
  padding:10px;
  position: relative;
   background-color: #8dac38;
    background-position: right;
}
.page-intro .intro-icon{
  float: left;
  height:50px;
}

.page-intro .intro-content {
    padding-left: 124px;
    bottom: 0;
    color: #fff;
}
.page-intro .intro-content .title{
  font-size: 30px;
    font-weight: bold;
	padding-top: 4px;
}
.page-intro .intro-content .description{
  font-size: 16px;
  display: none;
}

/*breadcrumb*/
.breadcrumb-wrapper{
    background: #f5f5f5;
  
}
.breadcrumb {font-size:13px;}
.breadcrumb>li+li:before {
    padding: 0 20px;
    color: #ccc;
    background: url(../images/breadcrumb-icon.png) no-repeat 50% 50%;
    content:"";
}
form#product-details-form {
    /* margin-top: 20px; */
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
/* SITEBAR */
.sitebar-group{

} 
.sitebar-group h3{ 
	padding-left: 20px;
	background: url(../images/sitebar-rec.png) no-repeat 0 50%;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 30px;
}
input#email{
	background: url(../images/form-email.png) no-repeat 97% 50%;
}
input#pwd{
	background: url(../images/form-pass.png) no-repeat 97% 50%;
}
.form-control:focus {
    border-color: #96c11f;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 3px rgba(92, 184, 92, 0.32);
}
.btn.btn-submit{
	width: 100%;
	text-transform: uppercase;
	color: #fff;
	background: #96c11f;
	margin-bottom: 15px;
}

.other-item{
	padding:15px 0 0 0;	
}
.other-item .item-images{
	height:87px;
	width: 85px;
	border:1px solid #ddd;
	float: left;	
	margin: 0 auto;
    display: block;
    margin-top: 5px;
}
.other-item .item-images img{
	max-height: 85px;
	width: auto;
	margin: 0 auto;
    display: block;
}

.other-item .info-block {
	position: relative;
    min-height: 115px;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 100px;
    font-family: 'Lato';
    font-size: 14px;
}
.other-item .name{
	/*height: 57px;*/
}
.other-item .code {
    text-transform: uppercase;
    font-weight: 400;
}
.other-item .price {
    margin-top: 16px;
    color: #96c11f;
    font-weight: 700;
}
.featured-item img{
	width: 100%;
	    border: 1px solid #ddd;
}

.payment-item .item-images{
	display: inline-block;
	width: 52px;
	margin-right: 10px;
}

/*SORT AREA*/
.sort-area {
    border-bottom: 1px solid #ddd;
    margin: 5px 20px 30px 20px;
    position: relative;
    float: left;
        width: 95%;
}
.sort-area .sort-item{
    position: relative;
    float: left;
    padding-right: 8px;

}
.sort-area .sort-group1 {
    min-width: 150px;
    padding-bottom: 10px;
}
.sort-area .sort-group2 {
        min-width: 300px;
    float: left;
}

.group-item-3 {
    text-align: right;
    display: inline-block;

}
.sort-area .sort-item-4{
    padding-right: 8px;
    float: left;

}
.sort-area .sort-item button{
        float: left;
    display: inline-block;
    margin-right: 10px;
    }
.btn-custom {
    padding: 3px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 200px;
    font-size: 13px;
    text-align: left;
    padding-left: 7px;
    height: 39px;
    line-height: 30px;
}
.caret-cpd {
    display: inline-block;
    width: 40px;
    height: 39px;
    border: 0;
    border-left: 1px solid #ddd;
    float: right;
    margin-top: -4px;
    background: url(../images/group-down.png) no-repeat 50% 50%;
}

.btn.btn-type2 {
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 40px;
    font-size: 13px;
    text-align: left;
    padding-left: 7px;
    height: 39px;
    line-height: 30px;
    background: #999 url(../images/sort-icon1.png) no-repeat 50% 50%;
}
.btn.btn-type3 {
    padding: 3px;
    border: 2px solid #999;
    border-radius: 2px;
    width: 40px;
    font-size: 13px;
    text-align: left;
    padding-left: 7px;
    height: 39px;
    line-height: 30px;
    background: url(../images/display-type2.png) no-repeat 50% 50%;
}
.btn.btn-type4 {
    padding: 3px;
    border-radius: 4px 0 0 4px;
    width: 40px;
    font-size: 13px;
    text-align: left;
    padding-left: 7px;
    height: 39px;
    line-height: 30px;
    background: #999 url(../images/display-type1.png) no-repeat 50% 50%;
    float: left;
    margin-bottom: 10px;
}
.list-item .item{
        margin-bottom: 20px;
}
.list-item .item .product {
    max-width: 264px;
}

/*PAGING*/
.paging{
    margin:10px 6px 30px 6px;
}
.paging .btn a{
	padding:6px 12px;
  position:relative;
  top:8px;
}
.paging .btn{
    height: 28px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #333333;
    line-height: 10px;
    color:#333333;
	margin-right:5px;
	padding:0;
}
.paging .btn.selected{
    background: #96c11f;
    color:fff;
	margin-left:5px;
	padding:6px 12px;
  
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../../../../../i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
#scroll {
    position:fixed;
    right:15%;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#96c11f;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
	z-index:10000;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#96c11f;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
.BrochureLink{min-height:40px;font-size:14px;font-weight:500;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border:1px solid #000;padding:11px 15px}.goog-te-menu-frame{max-width:100%!important}.goog-te-menu2{max-width:100%!important;overflow:scroll!important;box-sizing:border-box!important;height:auto!important}.goog-logo-link{display:none !important;}.goog-te-gadget{color:#333333!important;} 

/* jQuery tabs */

.ui-tabs {
	/*override jQuery UI styles, do not delete doubled properties*/
	border: none;
	border-radius: 0;
	background: none;
	padding: 0;
	color: #777;
}
.ui-tabs-nav {
	margin: 0 0 30px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	font-size: 0;
	/*override jQuery UI styles, do not delete doubled properties*/
	margin: 0 0 30px !important;
	border-width: 0 0 1px;
	border-radius: 0;
	background: none;
	padding: 0 !important;
	line-height: normal;
	font-weight: normal;
	color: #444;
}
.ui-tabs-nav li {
	margin: 0 0 -1px;
	/*override jQuery UI styles, do not delete doubled properties*/
	margin: 0 0 -1px !important;
	border: none !important;
	border-radius: 0;
	background: none !important;
	padding: 0 !important;
}
.ui-tabs-nav li a {
	display: block;
	border: 1px solid #ddd;
	padding: 12px 24px;
	text-align: center;
	font-size: 16px;
	color: #444;
	/*override jQuery UI styles, do not delete doubled properties*/
	float: none !important;
	padding: 12px 24px !important;
}

.ui-tabs-nav {
	text-align: left;
}
.ui-tabs-nav li {
	margin: 0 10px -1px 0;
	/*override jQuery UI styles, do not delete doubled properties*/
	margin: 0 10px -1px 0 !important;
}
.ui-tabs-nav li {
	display: inline-block;
	min-width: 150px;
	margin: 0 5px -1px;
	/*override jQuery UI styles, do not delete doubled properties*/
	margin: 0 5px -1px !important;
}

.product-detail {
    min-height: 300px;
}