body {
		overflow-x:hidden;
	}


/* Styles the thumbnail */
a.lightbox img {
display: inline-block;
max-width: 100%;
height: auto !important;
width: 100%;
border: 0px solid #e7e7e7;
margin-bottom:-1px;
}

a.lightbox {
    z-index: 1;
    position: relative;
    width: 100%;
    float: left;
}

.Product {
	color: #fff !important;
	margin-left:13px;
	font-size:20px;
	background:#000;
	padding:14px !important;
	margin-bottom:10px;
	font-weight:bold !important;
}


.products_description {
   	display: block;
   	padding: 10px;
	background: #e9e9e9;
	clear: both;
}.products_description:hover {
	background:#000;
}.products_description:hover .products-heading {
	color: #fff;
}
.products_description .products-heading {
    color: #000;
    font-size: 14px;
    text-align: center;
    font-family: "Lato";
}
.products_description p {
    text-align: justify;
    font-family: "Trebuchet MS";
    font-size: 13px;
    padding-right: 15px;
    line-height: 23px;
}
/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.lightbox-target {
  position: fixed;
  top: -100%;
  width: 100%;
  background: #fff;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
.lightbox-target img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
    right: 0;
  bottom: 0;
  max-height: 0%;
  max-width: 0%;
  box-sizing: border-box;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}





.lightbox-target:target a.lightbox-next { top:60px;}
.lightbox-target:target a.lightbox-prev { top:120px;}
a.lightbox-next {
  display: block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  background: white;
  color: black;
  text-decoration: none;
  position: absolute;
  top: -80px;
  right: 0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}a.lightbox-next:before {
  content: "\f105";
  font-family:'FontAwesome';
  display: block;
  text-align:center;
  width:1px;
  height:30px;
  position: absolute;
  left: 0px;
  right:0px;
  margin:0 auto;
  font-size:40px;
}
a.lightbox-prev {
  display: block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  background: white;
  color: black;
  text-decoration: none;
  position: absolute;
  top: -80px;
  right: 0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}a.lightbox-prev:before {
  content: "\f104";
  font-family:'FontAwesome';
  display: block;
  height: 30px;
  width: 1px;
  position: absolute;
  left: 26px;
  top: 10px;
  font-size:40px;
}
/* Styles the close link, adds the slide down transition */
a.lightbox-close {
  display: block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  background: white;
  color: black;
  text-decoration: none;
  position: absolute;
  top: -80px;
  right: 0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:before {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:after {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.lightbox-target:target {
  opacity: 1;
  top: 0;
  bottom: 0;
  right:0;
  left:0px;
  z-index:999999999;
}

.lightbox-target:target img {
  max-height: 100%;
  max-width: 65%;
}

.lightbox-target:target a.lightbox-close {
  top: 0px;
}

a.details-more  { display:inline-block; padding:8px 16px; color:#fff; background:#000; margin:10px 0px; }a.details-more:hover { color:#000; background:#e7e7e7; }

.left_menu { width:25%; float:left; }

.right_products_section { width:75%; float:left;}

.borderbottom  { border-bottom: 1px dashed #D7D7D7; border-right: 1px dashed #D7D7D7;  }

.left_menu, .right_products_section { padding:0px 0px; }

.right_section { width:30%; position:absolute; right:0px;  }
.left_section { width:70%; left:0px; }

ul.products_list { margin: 0px -15px 0px 0px; padding:0px; }
ul.products_list li  { list-style:outside none; width: 33.3333%; margin-bottom:10px; padding:15px; float:left;  }

form.form_field {
    padding: 0px;
    margin: 0px;
}.form_field span {
    font-family: "Trebuchet MS";
}.form_field input[type="text"], input[type="email"] {
    width: 100%;
    margin-bottom: 5px;
    height: 30px;
    border: 0px none;
    background: transparent none repeat scroll 0% 0% !important;
    font-family: "Trebuchet MS";
	padding:0px;
	color:#000 !important;
}
@media(max-width:767px) {
.left_menu, .right_products_section { width:100%; margin-bottom:25px; }
a.lightbox { width:100% !important; } 
.products_description { width:100% !important; padding-left:0px; }
ul.products_list li { border:0px; width:100%; }
.products_description p { padding-right:0px; }
.Product {
    margin: 15px 0px 0px 15px !important;
}
}