/*
overwrite pirobox demo css as desired here
*/

body{
background:#fff;
} /* eliminated background image */

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 height: 100%;
} /* from 21561.css */

.pirobox_in .thumbs_all li{height:180px;} /* set height of list item so no overlap if wraps to new line. REQUIRED that .pirobox_in be listed as parent in rule or lightboz script breaks */

.thumbs_all  a{height:152px;width:102px;} /* reset height for link so border is correct for 150px tall thumb */


/* 
below from 21561a.css
*/

p {
 padding: 10px;
}

#wrapper { 
 margin: 0 auto;
 width: 100%;
}

#content { 
 float: left;
 color: #333;
 background: #666;
 height: 650px;
 width: 100%;
 display: inline;
 text-align:center;
 padding-top:20px;
}

#header {
 color: #333;
 width: 100%;
 float: left;
 height: 50px;
 background: #FFF;
}

#footer { 
 width: 100%;
 height: 35px;
 clear: both;
 color: #333;
 background: #FFF;
 text-align:right;
 bottom:0;
}

#navigation {
 float: left;
 width: 100%;
 height: 35px;
 color: #0000;
 background: #FFFFFF;
}

#tabs {
	float:right;
	font-size:93%;
	line-height:normal;
}

#tabs ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	position:relative;
}

#tabs a {
	float:right;
/*	background:url("tableft.gif") no-repeat left top; */
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

#tabs a span {
	float:left;
	display:block;
/*	background:url("tabright.gif") no-repeat right top; */
	padding:5px 15px 4px 6px;
	color:#000;
	text-transform:uppercase;
}

/* dropdown */

#tabs ul li ul {
	display: none;
	position:absolute;
	top:34px;
	left:30px;
	padding:0;
}

#tabs ul li ul li a {
	background: transparent;
	color: #000000;
	padding:5px 10px 2px;
}

#tabs ul li:hover ul {
	display:block;
	background: #ffffff;
}

#tabs ul li:hover ul li a:hover {
	color: #CC0033;
}

/* Safari/Chrome fix for dropdown */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tabs ul li ul {top:24px;}
}

