/* ------------------------------------------------------------------------------------------------------
   CSS STYLES & DIV DEFINITIONS FOR ORIGINALS PAGE 
   ------------------------------------------------------------------------------------------------------*/


td#pageContent { background-image: url(../images/original-paintings/bg_threeLines_originals.gif); }
#leftColumn_subnav { background-position: 219px 0; }
#mainColumn_gallery { margin: 0 0 0 244px; }
#detailColumn { text-align: left; }


/* OVERVIEW PAGE ------------------*/

#categoryColumn div.categoryLink {  
	padding: 0 0 6px 15px;
	margin: 0 0 18px 0;
	background: url(../images/original-paintings/divider.gif) no-repeat bottom right;
}



/* DETAIL PAGE --------------------*/

a.ViewLargerBtn {
	display: block;
	width: 85px;
	height: 17px;
	text-indent: -5000px;
	background: url(../images/original-paintings/btn_viewLarger.gif) no-repeat;
}
a.ViewLargerBtn:hover{ background-position: -85px 0; }

a.FrameGalleryBtn {
	display: block;
	width: 100px;
	height: 17px;
	text-indent: -5000px;
	background: url(../images/original-paintings/btn_frameGallery.gif) no-repeat;
}
a.FrameGalleryBtn:hover{ background-position: -100px 0; }


ul#bottomNav {
	width: 450px;
	height: 25px;
	margin: 35px 0 -10 0;
	padding: 0 0 0 0;
	list-style: none;
}

ul#bottomNav li { float: left; }

ul#bottomNav li a { 
	display: block;
	font-size: 10px;
	padding: 0 10px 0 15px;
	background: url(../images/shared/bottomNav_divider.gif) no-repeat top left;
}

ul#bottomNav li a.first { 
	padding: 0 10px 0 0;
	background: none;
}
ul#bottomNav li a:link		{ color: #C67C57; text-decoration: none; }
ul#bottomNav li a:visited	{ color: #C67C57; text-decoration: none; }
ul#bottomNav li a:hover		{ color: #7A220F; text-decoration: none; }
ul#bottomNav li a:active	{ color: #7A220F; text-decoration: none; }




/* THUMBNAILS --------------------*/


div.thumbnailContainer {
	width: 50px;
	height: 50px;
	padding: 2px 4px 4px 2px;
	background: url(../images/original-paintings/thumbShadow.gif) no-repeat;
}

a.thumbnail {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -5000px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


a.thumbnail:hover, a.thumbnail:active { 
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}




/* DETAIL IMAGES -----------------*/

/* Flexible drop shadows for artwork images */

div.imgShadow {
	background: url(../images/original-paintings/artwork_shadow.png) no-repeat bottom right;
	float: left; /* set the div to "shrinkwrap" the artwork image  */
	margin: -4px 17px 0 -10px;
	padding: 0;
}

div.shadowMask {
	background: url(../images/original-paintings/shadow_mask.png) no-repeat top left;
	padding: 6px 17px 15px 6px;
	float: left;
}

div.paintingBackground {
	background: #e9e7d3;
}



.paintingContainer {
	padding: 0 0 6px 0;
	margin: 0 0 15px 0;
	background: url(../images/original-paintings/divider.gif) no-repeat bottom right;
}

.detailInfo {  width: 360px; clear: left;}

h3.title {
	font-size: 11px;
	color: #b34315;
	margin: 0 0 12px 0;
}

.detailInfo .galleryLinks {
	float: right;
	width: 125px;
	margin: 0 0 0 0;
}

#detailColumn .col1 div.additionalInfo { margin: 22px 0 0 0; }
#detailColumn .col1 div.availabilityInfo { margin: 10px 0 0 0; }



.purchaseButton {
	position:relative;
	width:88px;
	height:24px;
	margin-top: 15px;
	margin-left: -6px;
}