/**
 * cfd27.com
 * 	- Designs Slave Stylesheet
 * 
 * @version 1.0
 * @author Grace Pok (www.gracepok.com)
 * 
 * Basic structure:
 */
#content {
	padding-top: 20px;
	/* background: url('../assets/watermark_designV.jpg') no-repeat 815px 255px; */
}
#thumbbox {  /* .scrollcontent */
	width: 148px;  /* need to match child <A> width + padding + border */
	margin-left: 26px;
	margin-right: 5px;
}


#thumbbox .wrapper {
	display: block;
	width: 142px;
	height: 92px;
	overflow: hidden;
	cursor: pointer;
	padding-left: 2px;
	margin-bottom: 2px;
	border-left: 4px solid transparent;
	
}
#thumbbox .wrapper:hover {
	border-left-color: black;
}

#thumbbox .wrapper a {  
	width: 140px;
	height: 90px;
	display: block;
	border: 1px solid #ccc;
	text-align: center;
}
#thumbbox img { 
	border: 0px; 
	
}
/* depending on the image orientation, fit either the height or the width */
#thumbbox .v_align img { height: 90px;}
#thumbbox .h_align img { width: 140px; }


/* Holds the big image */
#mainpane {
	width: 600px;
	height: 410px;
	margin-left: 15px;
	float: left;
	overflow: hidden;
	border: 20px solid #e6e6e6; /* need border instead of padding */
	border-top-width: 8px;
	background-color: #e6e6e6;
}
#bigpixpane { padding-top: 24px; text-align: center }
#bigpix { }



#descriptionpane {
	position: absolute;
	width: 600px;
	text-align: left;
	font-size: 80%;
}
#shortdescbox, #longdescbox {
	float: left;
	position: absolute;
	width: 360px;
	font-size: 13px;
}
#shortdescbox{
	height: 20px;
	overflow: hidden;
}
.clickable {	/* added by js */
	color: #2b5024;
	padding-left: 12px;
	background: url('../assets/arrow.gif') no-repeat scroll left 6px;
	cursor: pointer;
}
#longdescbox { 
	padding: 0 10px 10px 0;
	padding-left: 12px;
	cursor: pointer;
	height: auto;
	color: #51873b;
	background: #e6e6e6 url('../assets/arrow_down.gif') no-repeat scroll left 6px;
	z-index: 200;
}
#linkbox {
	width: 150px;
	float: right;
	text-align: right;
}
#linkbox a {
	padding-right: 12px;
	text-decoration: none;
	background: url('../assets/arrow.gif') no-repeat scroll right 4px;
}


/* Scrollbar and the content it acts on
 * ----------------------------------------------- */
.scrollcontent, .scrollwrap { 
	float: left; 
	overflow: hidden; 
}
.scrollcontent {
	position: relative;  /* needed for IE - otherwise content will not be hidden */	
	height: 440px; 
}
.scrollwrap, .scrolltrack { height: 436px; }  /* = content(height) - padding(wrap)*/
.scrollwrap {
	width: 14px;
	padding: 2px;
	margin-top: 1px;  /* for border of the thumbbox */
	background-color: #ddd;
  /* background: transparent url('../assets/scrolltrack.gif') no-repeat scroll top left; */
}
.scrolltrack {
	width: 14px;
	font-size: 0;
}
.scrollhandle {
	width: 14px;
	height: 80px;
	background-color: #666;
	font-size: 0;  /* prevents handle from shifting down when text size is increased */
}