/* GALLERY CSS */
.hidden { display: none; visibility: hidden; }
.clear { clear: both; }

/*  MODAL GALLERY WINDOW COMPONENTS */
div.modalDiv {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	float:left;
	z-index:5;	
	background-image:url(/skin/frontend/dreamgear/default/images/gallery/bg.png);
	background-repeat:repeat;
	display: none;
}


div.modalBox {
	float:none !important;
	text-align:left;
	width:860px;
	height:624px;
	margin:0 auto;
	margin-top:100px;
	background-color:#FFF;
	z-index:6;
}

div.modalBox div.modalBar {
	cursor:pointer;
	height:19px;
	background: url("/skin/frontend/dreamgear/default/images/gallery/modalBar.png") 0 0 no-repeat;
	overflow:hidden;
}
div.modalBox div#mainImage { width: 860px; height: 490px; text-align: center; }
div.modalBox div#mainImage img { width: 490px; height: 490px; }
div.modalBox div.btnClose { width: 20px; height: 20px; cursor: pointer; }

/* THUMBS */
div#galleryTopModal { height:16px; }
div#modalScroller { margin-bottom: 3px; }
div#thumbRow div { float:left; }
div.modalNav { width:50px; height:88px; }
div#scrollBox { width:760px; height:88px; overflow:hidden;}

div.modalBox ul#listModal li { opacity: 0.25; filter: alpha(opacity = 25); cursor:pointer; display:inline;}
div.modalBox ul#listModal li img{ margin:0 6px; padding:3px; border: 1px solid #d6d6d5;}
div.modalBox ul#listModal li.active { opacity: 1.0; filter: alpha(opacity = 100); cursor: default; }
div.modalBox ul#listModal li:hover { opacity: 1.0; filter: alpha(opacity = 100); cursor: pointer; }


/* NAV */
span#backModal, span#nextModal { cursor: pointer; width: 25px; height: 25px; margin: 32px 12px; display: block; }
span#backModal { background: url("/skin/frontend/dreamgear/default/images/gallery/btn-back.png") 0 0 no-repeat; }
span#nextModal { background: url("/skin/frontend/dreamgear/default/images/gallery/btn-next.png") 0 0 no-repeat; }