@charset "UTF-8";

/* GALLERY OVERLAY -------------------------------------------------------- */

#galleryOverlay {
	display: none;
	width: 980px;
	height: 719px;
	background: url(../images/videos/overlayBgThin.png);
	position: relative;
}


#galleryOverlay #shareBtns {
	top: 28px;
	left: 247px;
}
#galleryOverlay #closeBtn {
	top: 26px;
	right: 50px;
}

#galleryContainer {
	width: 890px;
	height: 563px;
	display: block;
	top: 82px;
	left: 44px;
	overflow: hidden;
}
#galleryImgOuterFrame {
	background: #000;
	width: 890px;
	height: 487px;
	display: block;
	overflow: hidden;
}

#galleryImgFrame {
	background: #000;
	width: 890px;
	height: 487px;
	display: block;
	overflow: hidden;
}


#galleryOverlay #arrowR, #galleryOverlay #arrowL {
	width: 50%;
	height: 100%;
	display: block;
}

#galleryOverlay #arrowL .art {
	width: 37px;
	height: 49px;
	background: url(../images/gallery/arrowLeft_v2.png) top left no-repeat;
	display: block;
	margin-left: -40px;
	margin-top: -25px;
}

#galleryOverlay #arrowR .art {
	width: 37px;
	height: 49px;
	background: url(../images/gallery/arrowRight_v2.png) top left no-repeat;
	display: block;
	margin-right: -40px;
	margin-top: -25px;
}

.no-mobile #galleryOverlay #arrowL:hover .art, .mobile #galleryOverlay #arrowL:hover .art {
	margin-left: 3px;
}

.no-mobile #galleryOverlay #arrowR:hover .art, .mobile #galleryOverlay #arrowR:hover .art {
	margin-right: 3px;
}

/* GALLERY OVERLAY MENU ------------------------------------------------------ */
#galleryMenu {
	width: 810px;
	height: 66px;
	left: 45px;
	overflow: hidden;
}

#galleryThumbs {
	white-space: nowrap;
	height: 66px;
	left: 0;
}

#galleryMenuLeft {
	width: 29px;
	height: 66px;
	background: #1db9b9 url(../images/gallery/arrowLeft2_v2.png) top left;
}

#galleryMenuRight {
	width: 29px;
	height: 66px;
	background: #1db9b9 url(../images/gallery/arrowRight2_v2.png) top left;
}
.no-mobile #galleryMenuLeft:hover, #galleryMenuRight:hover {
	background-position: bottom left;
}
#galleryMenuLeft.disable, #galleryMenuRight.disable {
	background-position: top left;
	opacity: 0.5;
	cursor: default;
}


.galleryOverlayBtn {
	margin-right: 9px;
	display: inline-block;
	position: relative;
	width: 126px;
	height: 66px;
	background: #0d1e1b;
	-webkit-transition: background-color 0.25s;
	-moz-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	transition: background-color 0.25s;
}

.no-mobile .galleryOverlayBtn:hover {
	background: #1db9b9;
}
.galleryOverlayBtn.selected {
	background: #1db9b9;
	cursor: default;
}

.galleryOverlayBtn .thumb {
	top: 3px;
	left: 3px;
}