/**Nav Buttons**/
.gallery_navbutton_1 {
background-color: #666666;
font-size: 22px;
padding: 0px 20px 0px 20px;
text-decoration: none;
}
.gallery_navbutton_1:hover{
background-color: #6996cd;
}
.gallery_navbutton_2 {
color: #dddddd;
font-size: 18px;
background-color: #888888;
padding: 0px 20px 0px 20px;
}
.gallery_navbutton_2:hover{
background-color: #6996cd;
}
/**products**/
#gallery_topbar{
padding-top: 5px;
margin-bottom: 3px;
width: 674px;
background-color: #caccce;
float: left;
}

#gallery_browser {
margin-left: 10px;
width: 276px;
float: left;
}
#gallery_wide {
float: left;
margin-left: 290px;
/*fix this..I dont like IE hacks**/
padding-bottom: 10px;
}
/** gallery viewer **/
#gallery_viewer {
margin-left: 256px;
padding-bottom: 10px;
}
#gallery_desc {
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 8px;
width: 300px;
background-color: #555555;
}

.gallery_fav {
width: 25px;
height: 15px;
float: right;
}
.description table {
}
.description input {
font-size: 32px;
text-align: right;
}


/* scrolling gallery styles */
	/* default styles for page display */
		
	/* scrolling gallery styles */
	.scrollable {
		/* required settings */
		position:relative;
		overflow:hidden;
		width: 270px;
		height:460px;
		
		/*border: 1px dashed #CAB;*/
	}
	.scrollable .items {
		/* this cannot be too large */
		width:20000em;
		position:absolute;
		clear:both;
	}
	.items div {
		float:left;
		width:270px;
	}
	/* single scrollable item */
	
	.products {
		float:left;
		margin:3px;
		padding:0px;
		width:80px;
		height:80px;
		border:2px solid #7aa4d8;
		cursor: pointer;
		cursor: pointer;
		opacity:1.0;
		filter:alpha(opacity=100);
	}
		.products:hover {
	
		cursor: pointer;
		opacity:0.4;
		filter:alpha(opacity=40);
	}
	.active {
	
		cursor: pointer;
		opacity:0.4;
		filter:alpha(opacity=40);
	}
	
	.latest{
	border:2px solid #ffffff;
	}
	/* active item */
	.products .active {
		border:2px solid #CCC;
		position:relative;
		cursor: pointer;
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
 
	/* gallery navigational buttons */
	.browse {
		text-align: center;
	}
	.browse a {
		font-weight: bold;
		cursor: pointer;
	}
	/* disabled navigational button */
	.browse a.disabled {
		visibility:hidden !important;		
	}