@charset "UTF-8";
/* LEIGHTBOX CSS */

body {
	font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  color: #fff;
}
/* LEIGHTBOX SPECIFIC */
.leightbox {
	display: none;
	position: fixed;
	top: 90px;
	left: 13%;
	width: 74%;
  	height: 64%;
	background: url(images/leightbox-bg.gif) repeat;
	z-index:1001;
}
.leightbox-wj-sample {
	display: none;
	position: fixed;
	top: 75px;
	left: 13%;
	width: 74%;
  height: 64%;
	z-index:1001;
}
.leightbox-op {
	display: none;
	position: fixed;
	top: 23%;
	left: 25%;
	width: 50%;
  	height: 54%;
	background: url(images/leightbox-bg.gif) repeat;
	z-index:1001;
}
.lbheader {
	background: url(images/leightbox_header.gif) repeat;
	width: 100%; 
	height: 36px;
	padding: 0;
}
.lbheader-wj-sample {
	background: url(images/leightbox_header.gif) repeat;
	width: 100%; 
	height: 10px;
	padding: 0;
}
.lightbox-add-cart a {
 	float: left;
	border: 0;
  height: 36px;
  width: 100px;
  background: transparent url(images/leight-add-cart.gif) no-repeat;
  background-position: 0px 0px;
	text-align: center;
}
.lightbox-add-cart a:hover { background-position: -106px 0px; }
.lightbox-add-cart a:active { background-position: -212px 0px; }

.leight-add {
	display: block;
	font-size: 16px;
	padding-top: 9px;
	padding-left: 5px;
}

h3.leightbox-add-text {
	float: left;
	font-size: 14px;
	font-weight: 100;
	padding-right: 8px;
	padding-top: 9px;
}
.leightbox-exit-text {
	float: right;
	font-size: 14px;
	padding-right: 8px;
	padding-top: 9px;
}
.exit-button a {
	float: right;
	width: 36px;
	height: 36px;
}
.lbcontent {
	background: #fff;
	overflow: auto;
  height: 100%;
  background-color: white;
	padding: 10px;
  border: 10px solid #5e522b;
  border-top: 0;
}
.lbcontent-wj-sample {
	background: url(images/bg-zag.gif);
	overflow: auto;
  height: 100%;
  background-color: white;
	padding: 10px;
  border: 10px solid #5e522b;
  border-top: 0;
}

.lbcontent-op {
	background: #fff;
	overflow: auto;
  	height: 100%;
  	background-color: white;
	padding: 10px;
  	border: 10px solid #5e522b;
}

/* not sure exactly how this works, but it provides the
   shadow behind the lightbox.
*/
#overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #0e0b00;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }