/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
 .lightboxthumb-title {
    display: table;
    margin: 0 auto;
    width: 183px;
    text-align: center;
	height: 63px;
	text-transform: capitalize;
     padding-top:10px;
	 font-size: 14px;
}
#itemContainer2 .lightboxthumb-title {
   /* width: 166px;
       width: 190px;*/
	   width: 206px;
}
#itemContainer3 .lightboxthumb-title {
	   width: 250px;
}
 /*.clearfix li a {
    text-decoration: none;
    color: #000000;
}

 .clearfix li a:hover{
    text-decoration: none;
}*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold;
    text-transform: capitalize; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


::selection { background: #cedef2; color: #212121; }
::-moz-selection { background: #cedef2; color: #212121; }
::-webkit-selection { background: #cedef2; color: #212121; }


/* gallery display */
.photos {
  display: block;
}

.photos ul {
  list-style: none;

}

.photos ul li { display: inline; }

.photos ul li a {
  display: block;
  float: left;
  /** padding: 4px; **/
 /* margin-right: 10px;*/
}
.photos ul#itemContainer2 li a {
  /*margin-right: 6px;
  margin-bottom: 7px;*/
  opacity: 1.0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
    background: url(//www.decorativeceilingtiles.net/product_images/75_finishes/item-bottom-shadow02.png) no-repeat scroll 42px 118px transparent;
    background-size: 60%;
/*  background: url(//www.decorativeceilingtiles.net/product_images/75_finishes/item-bottom-shadow02.png) no-repeat scroll 29px 124px transparent;
  background: url(//www.decorativeceilingtiles.net/product_images/75_finishes/item-bottom-shadow02.png) no-repeat scroll 28px 118px transparent;
      background-size: 70%;*/
	  text-align:center;
      color:#000;
      text-decoration: none;
}
.photos ul#itemContainer2 li a:hover {
      text-decoration: none;
}
.photos ul#itemContainer3 li a {
    margin-right: 22px;
  margin-bottom: 7px;
  text-align:center;
}
.photos ul li a:hover {
  opacity: 0.75;
}

.photos ul li a img {
  border: 3px solid #e1d9ec; 
}
.photos ul > li > a > img{   
  height: 125px;
}
#photos-lumisplash ul > li > a > img {
    height: 250px;
}

/* CSS Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.clearfix { 
 zoom: 1;
 margin: 0px; } /* IE 6/7 */


/* lightbox hacks */
#lightbox-container-image-data-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/** uncomment to remove lightbox captions 
 *
#lightbox-container-image-data-box {
  display: none !important;
} 
 *
**/
@media only screen and (max-width:768px) {
    .photos ul#itemContainer2 li a {
        width: 155px !important;
    }
    #itemContainer2 .lightboxthumb-title {
        width:155px !important;
    }
	.photos ul#itemContainer2 li a {
     background: url(//www.decorativeceilingtiles.net/product_images/75_finishes/item-bottom-shadow02.png) no-repeat scroll 16px 118px transparent!important;
    background-size: 80%!important;
}
}

.imgWrap {
    position: relative;
    margin: 0% 44%;
    width: 20px;
    margin-top: -6%;
}
.imgDescription {
  position: absolute;
  top: 15px;
  bottom: 0;
  left: -200px;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  /*remove comment if you want a gradual transition between states
      -webkit-transition: visibility opacity 0.2s;
      */
      width: 400px;
          min-height: 82px;
      padding:10px;
    text-align: left;
    z-index: 999;
    display: table;
}
.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}
ul.img-list {
    margin-top: 5px;
}
ul.img-list li {
    padding-bottom: 0px;
    list-style-type: disc;
    display: list-item;
}
.imgWrap img
{
    border: none!important;
}
.sub-head{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 4px 0;
}
span.rollover {
    opacity: 1;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    background:url(https://cdn11.bigcommerce.com/s-b7a27/product_images/uploaded_images/lens-icon.png) center center no-repeat #fff;
    cursor: pointer;
    height: 131px;
    width: 131px;
    position: absolute;
    z-index: 10;
    opacity: 0;
}
#itemContainer3 span.rollover {
    height: 250px;
    width: 250px;
} 
span.rollover:hover {
    opacity: .7;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    -webkit-box-shadow: 0px 0px 4px #fff;
    -moz-box-shadow: 0px 0px 4px #fff;
    box-shadow: 0px 0px 4px #fff;
}
 .a-la-heading {
color: #498cbb;
    font-size: 20px;
    border-bottom: 1px solid #FF7800;
    font-family: open sans;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 36px;
 }
 #a-la-table
 {
    width: 100%;
    background: linear-gradient(180deg, #f0eeee, #fdfcfc);
}
 #a-la-table tr:first-child td {
    padding-top: 2%;
    padding-left: 4%;
    padding-right: 3%;
    padding-bottom: 0%;
    vertical-align: top;    
	text-align: center;
}
#a-la-table tr:last-child td {
    padding-bottom: 2%;    
	padding-top: 0%;
}
#a-la-table tr td {
    padding-left: 5%;
    padding-right: 5%;
    vertical-align: top;    
	text-align: center;
}
#a-la-table1 tr td {   
	text-align: left!important;    
	padding-top: 0%!important;    
	padding-left: 0%!important;
}
.a-la-text{
	font-size:16px;
    font-family: open sans;
	color:#2e2e2e;    
	margin-top: 15px;
    margin-bottom: 0px;
}
.a-la-bold {
	font-weight:700;
	color: #FF7800;
}
#a-la-product {
text-align: left!important;
}
.a-la-text a{
    color: #2e2e2e!important;
}
#a-la-table1 tr td {
    padding-right: 6%!important;
}
@media only screen and (max-width: 768px) {
#a-la-table1 tr td {   
	text-align: center!important;   
}
#a-la-product {
text-align: center!important;
}
}
.fretwork ul#itemContainer3 li a {
    text-decoration: none;
}
.fretwork #itemContainer3 .lightboxthumb-title {
    font-size: 16px;
    font-weight:bold;
}
.fretwork ul
{
    margin: 0 auto;
    width: 91%;
}