
/*::::: generic rules ::::::::*/
ul,li{
list-style-type:none;
margin:0;
padding:0;
}
img{
border:none;
margin:0;
padding:0;
}
p{
margin:0;
padding:0;
}
h1{
margin:0;
padding:0;
}
h2{
margin:10px;
padding:10px;
color:#111;
font-size:18px;
width:60%;
font-weight:normal;
}
h3{
/*
margin:10px;
padding:10px;
color:#333;
font-size:16px;
font-weight:normal;
*/
}
a{
color:#ff0000;
outline:none;
text-decoration:none;
margin:0;
padding:0;
}
a:hover{
color:#777;
outline:none;
text-decoration:none;
margin:0;
padding:0;
}

/*:::: DEMO PAGE, LIST IMAGES rules (REMOVE OR CHANGE) ::::*/

.gallery, .gallery_in {
	float:left;
	padding:0;
	margin:0;
}
.thumbs_all{
	float:left;
}
.thumbs_all img{
	padding:1px;
}
.thumbs_all li{
	float:left;
	margin-right:1px;
}
span.thumbs_all {
	float:left; 
	margin-left:40px!important; 
	margin-left:40px;
}
.thumbs_all  a {
	float:left; 
	border:1px solid #fff;
}
.thumbs_all  a:hover{ float:left;}
.highlite{color:#000; font-weight:700;}

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

.bg_thumbs{
background:#fff;/*::::: 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:1001;
display:none;
}


.unloader, .img_box,.middle_l, .middle_r{
background:#fff;/*::::: 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;height:90%;width:74px;right:2px!important;right:2px;overflow:hidden;z-index:1010;background:none;display:block;
	
}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(next_in_w.png) top right no-repeat!important;background:url(next_in_w.gif) top right no-repeat;
}
.box_previous_in{position:absolute;top:2px;z-index:100012;height:90%;left:2px!important;left:2px;width:74px;overflow:hidden;background:none;display:block;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(prev_in_w.png) top left no-repeat!important;background:url(prev_in_w.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;
	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;
	width:81px;
	left:-81px;
	text-indent:-999em;
	display:block;
	height:100%;
	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(cursor/x.gif), 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_w.gif) center right no-repeat;visibility:hidden;}


#in_pdf_message {
	position:absolute;
	bottom:54px;
	left:12px;
	width:300px;
	z-index:1111111;
	padding:5px;
	background:#fff;
	font-size:0.75em;
	display:none;
	text-align:left;
}

#thumbs_pdf_icon {
	background:url(../images/pdf.jpg) #fff center left no-repeat;
	padding:4px 4px 4px 20px;
	font-size:0.75em;
	cursor:pointer;
}

.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_w.png) center no-repeat!important; background:url(bg_loader_w.gif) center no-repeat;}
.loader span{position:absolute;width:80px;height:80px;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption {
	text-align:left;  
	position:absolute;
	bottom:0;
	left:0;
	margin:0 0 8px 5px!important;
	margin:0 0 8px 5px; 
	color:#000;
	visibility:hidden;
	display:block; 
	padding:3px; 
	z-index:100013; 
	cursor:text;
}
.caption p{ display:block; margin:0;padding:0; margin-right:0; width:400px; font-size:0.65em}

.caption a {
/*	background:url(../images/pdf.jpg) #fff center left no-repeat;
	padding:4px 4px 4px 20px;
*/
	font-size:1em;
}

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

/*:::: DEMO PAGE, ROUDED 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:91%;padding:0!important;padding:10px; top:0; left:0; background: url(bg_w.png) top left no-repeat!important;background: url(bg_w.gif) top left no-repeat;}
.t_r{position:absolute; height:30%; width:10%; top:0; right:0; background: url(bg_w.png) top right no-repeat!important;background: url(bg_w.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_w.png) bottom left no-repeat!important;background: url(bg_w.gif) bottom left no-repeat;}
.t_r_b{position:absolute; height:80%; width:10%; bottom:0; right:0; background: url(bg_w.png) bottom right no-repeat!important;background: url(bg_w.gif) bottom right no-repeat;}


