﻿
h2.subheader
{
	font-weight: bold;	
	font-size: 14px;	
	padding-bottom: 4px;
	color: #990000;
	margin: 0;
}

h3.subheader
{
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 4px;
	color: #990000;
	margin: 0;
}

div.projectdata
{
	padding-bottom: 10px;
}

div.projectdescription
{
	padding-bottom: 10px;
}








/* project images */
div.imagearea
{
	padding-bottom: 10px;
}

div.imagearea div.enlargedimagearea
{
	text-align: center;
	padding-bottom: 3px;	
}

div.imagearea div.enlargedimagearea img
{
	border: 1px solid #999999;
}

div.imagearea div.thumbnailarea
{
	float: left;	
	
	/* scrollable: required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 582px;     
    height:84px; 
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage 
{
	display:block;
	width:18px;
	height:18px;
	background:url(left.png) no-repeat;
	float:left;
	margin:27px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover 
{
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled 
{
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage 
{
	background-image:url(right.png);
	clear:right;	
}


div.imagearea div.thumbnailarea div.projectthumbnaillist
{
	/*text-align: left;*/
	
	/* scrollable: this cannot be too large */ 
    width:20000em;     
    position:absolute;  
}

div.imagearea div.thumbnailarea div.projectthumbnaillist, 
div.imagearea div.thumbnailarea div.projectthumbnaillist div.thumbnail
{
	margin: 0;
	padding: 0;
}

div.imagearea div.thumbnailarea div.projectthumbnaillist div.thumbnail
{
	/* scrollable */ 
	float: left;	
	width: 106px;
	text-align: center;
	border: 1px solid #999999;
	margin-left: 2px; 
	margin-right: 2px;
}

div.imagearea div.thumbnailarea div.projectthumbnaillist div.thumbnail img.projectthumbnail
{
	border: 1px solid #999999;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 75px;
}

div.imagearea div.thumbnailarea div.projectthumbnaillist div.thumbnail a
{
	
}

div.imagearea div.thumbnailarea div.projectthumbnaillist div.thumbnail a:hover
{
	
}

div.imagearea div.thumbnailarea div.projectthumbnaillist div.thumbnail a:hover img.projectthumbnail
{
	border: 1px solid #000000;
}

div#imgCaption
{
	margin-bottom: 5px;
	margin-top: 3px;
	/*background-color: #C0C0C0;*/
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}









/* products */
div.productlist
{
	/*width: 688px;*/
}

div.productlist div.productitem
{
	background-color: #CCCCCC;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 14px;	
	vertical-align: top;
}

div.productlist div.separatoritem
{
	height: 7px;	
	line-height: 7px;	
}

div.productlist div.productitem div.producttitle
{
	font-weight: bold;
	font-size: 14px;	
	padding-bottom: 4px;
}

div.productlist a
{
	display: block;
	width: 642px;
}

div.productlist a div.productitem div.producttitle
{
	color: #000000;
	text-decoration: none;
}

div.productlist a:hover div.productitem div.producttitle
{
	color: #FFFFFF;
	text-decoration: none;
}

div.productlist a:hover div.productitem
{
	background-color: #999999;
}

div.productlist td
{
	vertical-align: top;
}

div.productimage
{
	vertical-align: top;
	width: 77px;	
	margin-right: 7px;
}

div.productimage img
{
	border: 1px solid #666666;
}

