.products-gallery{overflow:hidden;}

.products-gallery h2{color:#a8a62c; font-family:verdana; font-weight:bold; font-size:18px;}

.products-gallery h3{color:#dcc122; font-family:verdana; font-weight:bold; font-size:14px;}

.products-gallery :focus {outline: none;}

.products-gallery #hold {
width: 100%;
margin: 0 auto;
position: relative;
}

.products-gallery #cont {
overflow: hidden;
margin: 0 auto;
text-align: left;
}

/* ------ Stuff in the slickbox div ------ */

.product-gallery-details{float:right; width:440px; overflow:hidden; background:white; font-size:12px; text-align:left; border:1px solid #ccc; border-left:none;}
.products-gallery .slickbox {width: 100%; padding-bottom:5px;}

.products-gallery .slickbox .z1{width:420px; margin-left:auto; margin-right:auto;}
.products-gallery .slickbox .z1 span {background: #fff;}
.products-gallery .slickbox .z1 span img {width: 420px; border: 1px solid #333;}

.products-gallery .slickbox .nav {padding: 10px 0 10px 0; width: 100%; background: #fff; text-align: right; background: #fff;}
.products-gallery .slickbox .nav a {padding: 4px 12px; background: #eee; margin: 0 4px 0 0; color: #333;}
.products-gallery .slickbox .nav a:hover {color: #eee; background: #5794C4;}
.products-gallery .slickbox .nav a.activeSlide {background: #cfcfcf;}


/* ------ slider specific CSS ------ */

.products-gallery .sliderGallery {
width: 225px;
height: 602px;
float:left;
overflow:hidden;
position:relative;
background-color:#fff;
border:1px solid #ccc;
}
        
.products-gallery .sliderGallery ul {
list-style: none;
margin: 0;
padding: 0;
width: 209px;
position: absolute;
left: 16px;
overflow:hidden;
}
        
.products-gallery .sliderGallery ul li {width: 150px; height: 126px; margin: -1px 0 0 0; padding: 0; position: relative;}
        
.products-gallery .slider {
width: 16px;
height: 602px;
background: #333 url('../images/gallery-slidestripe.png') top center repeat-y;
margin: 0 0 0 -1px;
position: relative;
z-index: 100;
}
        
.products-gallery .handle {
position: absolute;
cursor: move;
height: 180px;
width: 16px;
top: 1px;
left: 1px;
background: #1690ef;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
z-index: 2;
}

.products-gallery .slider span {cursor: pointer; position: relative; height: 95px; width: 16px; float: left; clear: left; border-right: 1px solid #333; margin: -1px 0 0 0;}
.products-gallery .slider span.top, .products-gallery .slider span.bottom {height: 20px; background: #fdf; z-index: 100; text-indent: -9999px; overflow: hidden;}
.products-gallery .slider span.top {background: url('../images/gallery-up.jpg') center center no-repeat;}
.products-gallery .slider span.bottom {background: url('../images/gallery-down.jpg') center center no-repeat;}
.products-gallery .slider span a {text-decoration: none; display: block; width: 20px; height: 110px; position: relative; z-index: 100; }

/* ------ format the items and the jQuery applied classes ------ */

.products-gallery .items img {width: 75px; height: 75px; border: 1px solid #333; padding: 1px; background: #000; margin: 10px 0 0 10px;}
.products-gallery .items div {float: right; width: 209px; margin: 10px 10px 0 0; display: inline;}
.products-gallery .items div h2 {font-size: 1.6em; font-weight: bold; margin: 0; padding: 0 0 4px 0; background: #fff;}
.products-gallery .items div h2 span {font-size: .7em; font-weight: normal; display: block; color: #999; background: #fff;}
.products-gallery .items div p.quip {color: #6F6F6F; font: bold 1.1em georgia, serif; padding: 5px 0 0 0; margin: 0;}

.products-gallery .items li.notactive  {	
	width:209px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	border: 1px solid #ccc;
	color:#000;
	font-weight:bold;
}

.products-gallery .items li.notactive h2, .products-gallery .items li.notactive span {
	color:#000;
	font-weight:bold;
	background: #ddd;
}

.products-gallery .items li.active h2, .products-gallery .items li.activeh h2, .products-gallery .items li.active span, .products-gallery .items li.activeh span {
	background: #fff;
}

.products-gallery .items li, .products-gallery .items li.active, .products-gallery .items li, .products-gallery .items li.activeh {
	color:#669fd2;
	font-weight:bold;
	width:209px;
	background: #fff;
	border-right: 1px solid #fff;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;
}

.products-gallery .items li.active img, .products-gallery .items li.activeh img {border: 3px solid #5794C4; width: 75px; height: 75px;}
.products-gallery .items li.notactive.activeh {border-right: 1px solid #ccc; width:209px;}
.products-gallery .items li.active.activeh {border-right: 1px solid #fff; width:209px;}

/* ------ Loading divs ------ */

.products-gallery #load {position: absolute; top: 140px; left: 375px; z-index: 110;}
.products-gallery #cover {position: absolute; width:100%; height:605px; background: #ececec; top: 0; left: 0; z-index: 111;}
.products-gallery #load2 {position: absolute; top: 180px; left: 296px; z-index: 112;}
.products-gallery li{list-style-type:none;}
.products-gallery #thumbnail_cont{float:left; width:80px; padding-right:10px;}
.products-gallery #title_cont{float:left; padding-top:10px; width:80px; font-size:14px; color:#669fd2; font-weight:bold;}
.products-gallery #info_cont{background-color:white; padding-left:12px; padding-right:10px; padding-bottom:10px;}

.products-gallery #relatedmedia{font-family:arial;}
.products-gallery #relatedmedia p{color:#4f92cd; font-weight:bold; font-size:12px; margin-top:15px; margin-bottom:5px;}

.products-gallery #relatedmedia li{list-style:circle; list-style-position:inside; margin-left:10px; padding-left:10px; margin-bottom:5px;}