.pirobox_in
{
	float: left;
}
.pirobox_in h3
{
	font-family:arial, sans-serif;
	font-size: 15px;
	color: #6692A3;
	margin: 20px 0px 0px 12px;
}

.advertise{
margin:0;
padding:5px;
margin-top:10px;
margin-left:30px;
color:red;
font-weight:700;
font-size:11px;
border:1px solid #ccc;	
}
.title{ font-size:10px;}
.expl{
margin:0;
padding:5px;
margin-top:10px;
margin-left:30px;
color:black;
font-weight:300;
font-size:11px;
border:1px solid #ccc;
}
/*:::: DEMO PAGE, LIST IMAGES rules (REMOVE OR CHANGE) ::::

.gallery, .gallery_in{
float:left;
padding:0;
margin:0;
width:100%;
}*/

.thumbs_all {
float:left;
}

.thumbs_all img {
padding:1px;
}

.thumbs_all li {
float:left; 
margin-bottom:10px;
padding:0px;
display:inline;
}

/*span.thumbs_all {
float:left; 
margin-left:40px!important; 
margin-left:40px;
}*/

.thumbs_all a {
float:left; 
}

.thumbs_all a:hover { 
float:left;
}

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

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

.bg_thumbs{
background:#000;/*::::: you can change overlay background-color here ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:99999999;
display:none;
}


.unloader, .img_box,.middle_l, .middle_r{
background:#000;/*::::: you can change img_box background-color here ::::::::*/
}

/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/

/*:::: PREV/NEXT inside rules ::::*/
.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;}

/*:::: 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{
position:absolute;
display:none;
height:0px;width:0px;
}



/*::::, 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:9999999999;}
.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;}