.pirobox_in {
	float: left;
	width: 100%;
}
.gallery, .gallery_in {
	float: left;
	padding: 0;
	margin: 0;
	width: 930px;
}

.thumbs_all {
	display: block;
}

.thumbs_all img {
	padding: 4px;
}

.thumbs_all li {
	float: left;
	margin-right: 8px;
	border:1px solid #DCDCDC;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width: 110px;
	height: 110px;
	margin-bottom: 12px;
}

.thumbs_all li:hover {
	background-color: silver;
}

span.thumbs_all {
	float: left;
	margin-right: 8px;
}

.thumbs_all  a {
	float: left;
	cursor: pointer;
}

.thumbs_all  a:hover {
	float: left;
}

.highlite {
	color: #666;
	font-weight: 700;
}

/*::::: PIROBOX RULES::::::::*/

.bg_thumbs {
	background: #fff;
	position: fixed;
	position: absolute;
	top: 0;
	left: 0;
	left: -17px;
	width: 100%;
	margin: 0;
	padding: 0;
	visibility: hidden;
	z-index: 1001;
	display: none;
}

.unloader, .img_box,.middle_l, .middle_r {
	background: #000;
	}

.box_next_in {
	position: absolute;
	top: 2px!important;
	top: 2px;
	height: 90%;
	width: 74px;
	right: 2px!important;
	right: 0px;
	overflow: hidden;
	z-index: 1010;
	background: none;
	display: none;
}

a.next_in {
	position: absolute;
	z-index: 1011;
	height: 100%;
	width: 74px;
	right: -74px;
	text-indent: -999em;
	display: block;
	background: url(next_in_b.png) top right no-repeat!important;
	background: url(next_in_b.gif) top right no-repeat;
}

.box_previous_in {
	position: absolute;
	top: 2px!important;
	top: 2px;
	z-index: 100012;
	height: 90%;
	left: 2px!important;
	left: 2px;
	width: 74px;
	overflow: hidden;
	background: none;
	display: none;
}

a.previous_in {
	position: absolute;
	z-index: 100013;
	left: -74px;
	height: 100%;
	width: 74px;
	text-indent: -999em;
	display: block;
	background: url(prev_in_b.png) top left no-repeat!important;
	background: url(prev_in_b.gif) top left no-repeat;
}

/*:::: PREV/NEXT outside rules ::::*/

.box_next {
	position: fixed!important;
	position: absolute;
	top: 0;
	height: 100%;
	width: 81px;
	right: 0px!important;
	right: 16px;
	overflow: hidden;
	z-index: 1006;
	visibility: hidden
}

a.next {
	position: fixed!important;
	position: absolute;
	text-indent: -999em;
	display: block;
	top: 0;
	height: 100%;
	width: 81px;
	right: -81px;
	z-index: 1007;
	background: url(next_o_b.gif) center right no-repeat;
}

a:hover.next {
	background: url(next_o_b_h.gif) center right no-repeat;
}

.box_previous {
	position: fixed!important;
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	width: 81px;
	overflow: hidden;
	z-index: 1008;
	visibility: hidden
}

a.previous {
	z-index: 1009;
	position: fixed!important;
	position: absolute;
	top: 0;
	height: 100%;
	width: 81px;
	left: -81px;
	text-indent: -999em;
	display: block;
	background: url(prev_o_b.gif) center left no-repeat;
}

a:hover.previous {
	background: url(prev_o_b_h.gif) center left no-repeat;
}

/*:::: END PREV/NEXT rules ::::*/

/*:::: IMG_BOX rules ::::*/

.img_box {
	position: absolute;
	margin-top: -2px;
	margin-left: -2px;
	width: 50px;
	height: 50px;
	visibility: hidden;
	overflow: hidden;
	z-index: 1002;
}

.img_box img {
	float: left;
	position: relative;
	z-index: 1100;
	border: none;
	padding: 0;
	z-index: 1003;
	cursor: url(http://www.pirolab.it/pirobox/css_pirobox/cursor/close.cur), pointer;
}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

.thumbs_close {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 18px;
	width: 81px;
	color: #fff;
	cursor: pointer;
	margin: 0 10px 10px 0!important;
	margin: 0 12px 10px 0;
	z-index: 100014;
	background: url(close_b.gif) center right no-repeat;
	visibility: hidden;
}

.loader {
	position: fixed!important;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -33px;
	width: 80px;
	height: 80px;
	display: block;
	z-index: 1007;
	background: url(bg_loader_b.png) center no-repeat!important;
	background: url(bg_loader_b.gif) center no-repeat;
}

.loader span {
	position: absolute;
	width: 80px;
	height: 80px;
}

.unloader {
	visibility: visible;
}

.thumbs {
	visibility: hidden;
}

.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 8px 5px!important;
	margin: 0 0 8px 5px;
	color: #fff;
	visibility: hidden;
	display: block;
	padding: 3px;
	z-index: 100013;
	cursor: text;
}

.caption p {
	display: block;
	margin: 0;
	padding: 0;
	margin-right: 88px;
}

.pre {
	visibility: hidden;
	display: none;
}

.end {
	display: none;
}

.begin {
	display: none;
}

/*::::, ROUNDED CORNERS ::::*/

.all {
	position: fixed!important;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -45px;
	width: 80px;
	height: 80px;
	padding: 10px;
	z-index: 1002;
}

.t_l {
	position: absolute;
	height: 30%;
	width: 90%;
	padding: 0!important;
	padding: 10px;
	top: 0;
	left: 0;
	background: url(bg_b.png) top left no-repeat!important;
	background: url(bg_b.gif) top left no-repeat;
}

.t_r {
	position: absolute;
	height: 30%;
	width: 30%;
	top: 0;
	right: 0;
	background: url(bg_b.png) top right no-repeat!important;
	background: url(bg_b.gif) top right no-repeat;
}

.middle_l {
	position: absolute;
	width: 50%;
	height: 80%;
	left: 0;
	top: 10px;
	z-index: 998;
}

.middle_r {
	position: absolute;
	width: 50%;
	height: 80%;
	right: 0;
	top: 10px;
	z-index: 999;
}

.t_l_b {
	position: absolute;
	height: 80%;
	width: 91%;
	padding: 0!important;
	padding: 10px;
	bottom: 0;
	left: 0;
	background: url(bg_b.png) bottom left no-repeat!important;
	background: url(bg_b.gif) bottom left no-repeat;
}

.t_r_b {
	position: absolute;
	height: 90%;
	width: 40%;
	bottom: 0;
	right: 0;
	background: url(bg_b.png) bottom right no-repeat!important;
	background: url(bg_b.gif) bottom right no-repeat;
}