/*
*{margin:0; padding:0;}
*/

#overlay{position:fixed; z-index:99; left:0; top:0; width:100%; height:100%; background-color:#000; -moz-opacity: 0.5; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}

#lbContainerVert{top:150px; left:0; width:100%; text-align: center; position:absolute; z-index:1002;}
	#lbContainer{border:15px solid #000; background: #000; position:relative; margin: 0 auto;}
		/*
        #lbClose{height:19px; width:19px; background: url(http://ay.by/img/ozbox/ico-close.gif) no-repeat; top:-25px; right:-25px; position:absolute; cursor:pointer;}
        */
        #lbClose{height:19px; width:19px; top:-25px; right:-25px; position:absolute;}
            #lbClose a {position:relative; height:19px; width:19px; display:block; background: url(http://ay.by/img/ozbox/ico-close_2.gif) 0 -19px no-repeat;  cursor:pointer;}
            #lbClose a:hover {background: url(http://ay.by/img/ozbox/ico-close_2.gif) 0 0 no-repeat;}
		#lbTitle{height:27px; border-top:15px solid #000; font:11px Verdana,'Sans-Serif',Arial,Tahoma; color:#808080; text-align: left; overflow:hidden;}
		#lbImage{overflow:hidden;}
		    #lbImage img {display:block;}
        #lbVideo {overflow:hidden;}
            #lbVideo embed {display:block;}
		#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}

:focus {outline:0;}


/*Horizontal thumbsbar
*******************************************************************************************************************************/	
#thumsbarWrapper{height:80px; width:100%; bottom:0; background:#000; position:fixed; z-index:1003;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:.80;}
	#thumbsbar{width:440px; height:80px; margin:0 auto}
        /*
		#buttonRight{width:35px; height:73px; background: url(http://ay.by/img/ozbox/ar-right.gif) center center no-repeat; float:right; cursor:pointer; margin-top: -5px;}
		#buttonLeft{width:35px; height:73px; background: url(http://ay.by/img/ozbox/ar-left.gif) center center no-repeat; float:left; cursor:pointer; margin-top: -5px;}
        */
        #buttonRight{width:35px; height:73px; float:right;}
            #buttonRight a {position:relative; top:20px; left:5px; height:25px; width:25px; display:block; background: url(http://ay.by/img/ozbox/ar-right_2.gif) 0 -25px no-repeat;cursor:pointer;}
            #buttonRight a:hover {background: url(http://ay.by/img/ozbox/ar-right_2.gif) 0 0 no-repeat;}
        #buttonLeft{width:35px; height:73px; float:left;}
            #buttonLeft a {position:relative; top:20px; left:5px; height:25px; width:25px; display:block; background: url(http://ay.by/img/ozbox/ar-left_2.gif) 0 -25px no-repeat; cursor:pointer;}
            #buttonLeft a:hover {background: url(http://ay.by/img/ozbox/ar-left_2.gif) 0 0 no-repeat;}
            
		#thumbsbar-center{width:370px; height:80px; float:left; overflow: hidden;}
			#middle{height:73px; overflow:hidden; position:relative;}
				#middle-wrapper{position:relative; z-index:9; border-collapse:collapse; border-spacing:0;}
					#middle-wrapper td{text-align:center; padding:0;}
						#middle-wrapper td a {display:block; padding:5px 0 0 0; background:url(http://ay.by/img/ozbox/ar.gif) no-repeat 50% -5px; cursor:pointer;}
                            #middle-wrapper td a:hover div {border:5px solid #333;}
						#middle-wrapper td div {overflow: hidden; border:5px solid #000;}
						#middle-wrapper td.selected div {border:5px solid #fff;}
							#middle-wrapper td.selected a {padding:5px 0 0 0; background-position:50% 0;}
                                #middle-wrapper td.selected a div {border:5px solid #FFF !important;}
							

.hscrollerbase {height:6px; background-color:#232323; margin:0;}
.hscrollerbar {height:6px; background-color:#4f4f4f; cursor:pointer;}
.scrollgeneric {font-size:1px; top:0pt; left:0pt; line-height:1px; position:absolute;}