/* ------------------------------------------------------------------------------------------------------
   CSS STYLES & DIV DEFINITIONS FOR PAGES APPEARING IN THE MAIN SITE WINDOW 
   ------------------------------------------------------------------------------------------------------*/



/* -----------------------------------------------------------------------*/
/* "WRAPPER" ID SELECTORS FOR DIVS AND TABLES-----------------------------*/


/* Container for overall layout that also displays the background "natural" texture */

#background {
	background-color: #D8D4BA;
	background-image: url(../images/shared/bg_texture.gif);
	background-repeat: repeat;
}


/* Container for Left Column and Main Column content (Basically everything but Top Navigation and Footer) */

#pageContent {
	width: 780px;
	background-color: #E9E7D3;
	background-image: url(../images/shared/bg_threeLines.gif);
	background-repeat: repeat;
}




/* -----------------------------------------------------------------------------------------------------*/
/* TOP PAGE HEADER (LOGO & NAVIGATION)  ----------------------------------------------------------------*/


/* Container for top page header that contains Logo & Navigation */

#pageHeader{
	text-align: left;
	vertical-align: top;
	background-color: #E9E7D3;
	background-image:url(../images/shared/bg_twoLines.gif);
	background-repeat: repeat;
}

#topNav {
	margin: 0 0 0 34px;
}




/* -----------------------------------------------------------------------------------------------------*/
/* LEFT COLUMN (IMAGE)  --------------------------------------------------------------------------------*/


/* Container for Left Column that displays an image */

#leftColumn_image{
	width:240px;
	float:left;
  	margin:0;
	padding-left:7px;
	background-image:url(../images/shared/vertRule_topFade.gif);
	background-repeat:no-repeat;
	background-position: 238px -20px;
}



/* -----------------------------------------------------------------------------------------------------*/
/* LEFT COLUMN (SUB-NAVIGATION)  -----------------------------------------------------------------------*/


/* Container for Left Column that serves as Subnavigation */

#leftColumn_subnav{
	width: 196px; 
	float:left;
  	margin:0;
	padding-top: 20px;
	padding-left:44px;
	background-image:url(../images/shared/vertRule_topFade.gif);
	background-repeat:no-repeat;
	background-position: 238px 0;
}


/* Although page headlines are graphics 
   for custom font, they are still enclosed 
   in <H1> tags for accessibility purposes */

#leftColumn_subnav h1 {
	margin-bottom: 8px;
}

/* Text Subheads */

/*#leftColumn_subnav h2 {
	font-size: 10px;
	line-height: 11px;
	letter-spacing: .09em;
	color: #3074C0;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 6px;
	text-transform: uppercase;
}*/


#leftColumn_subnav p {
	font-size: 10px;
	line-height: 17px;
	color: #674B2B;
	margin: 0px 0px 10px;

}

#leftColumn_subnav .horizRule {
	position:relative;
	width:232px;
	z-index:1;
	visibility: visible;
	margin-left:-37px;
	margin-top:43px;
	margin-bottom:10px;
}

#leftColumn_subnav ul{
 	list-style-type: none;
	padding: 0;
	margin: 0;
}

#leftColumn_subnav li{
	color: #C67C57;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px;
	margin-top: 8px;
	background-image:url(../images/shared/subnav_listBullet_off.gif);
	background-repeat: no-repeat;
	background-position: .4em .4em;
	padding-left: 13px;
}

#leftColumn_subnav a:link {
	color: #C67C57;
	text-decoration: none;
}
#leftColumn_subnav a:visited {
	color: #C67C57;
	text-decoration: none;
}
#leftColumn_subnav a:hover {
	color: #7A220F;
	text-decoration: none;
}
#leftColumn_subnav a:active {
	color: #7A220F;
	text-decoration: none;
}

#leftColumn_subnav .currentSection {
	color: #7A220F;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px;
	margin-top: 8px;
	background-image:url(../images/shared/subnav_listBullet_on.gif);
	background-repeat: no-repeat;
	background-position: .4em .4em;
	padding-left: 13px;
}

#pageContent #leftColumn_subnav .currentSection a { color: #7A220F; }



/* -----------------------------------------------------------------------------------------------------*/
/*  MAIN COLUMN  ---------------------------------------------------------------------------------------*/


#mainColumn{
	width: 415px;
	margin-left: 265px;
	padding-top: 20px;
}

#mainColumn_gallery{
	width: 472px;
	padding:0;
	margin: 0 0 0 265px ;
	padding: 27px 0 0 0;
}


/* Although page headlines are graphics for custom font, they are still enclosed in <H1> tags for accessibility purposes */

#mainColumn h1 {
	margin-bottom: 8px;
}

/* Text Subheads */

#mainColumn h2 {
	font-size: 10px;
	font-weight:bold;
	line-height: 17px;
	color: #B34315;
	margin: 14px 0px 16px;
	text-transform: uppercase;
}

#mainColumn p {
	font-size: 10px;
	line-height: 17px;
	color: #674B2B;
	margin: 0px 0px 10px;
}


#mainColumn a:link {
	color: #7A220F;
	text-decoration: none;
}
#mainColumn a:visited {
	color: #7A220F;
	text-decoration: none;
}
#mainColumn a:hover {
	color: #B34315;
	text-decoration: underline;
}
#mainColumn a:active {
	color: #B34315;
	text-decoration: underline;
}

/*
.paragraphSpacer {
	font-size: 8px;
	line-height: 10px;
	margin: 0;
}
*/



/* -----------------------------------------------------------------------------------------------------*/
/*  MAIN COLUMN (PRINT GALLERY) ------------------------------------------------------------------------*/


#mainColumn_gallery{
	width: 484px;
	padding:0;
	margin: 0 0 0 265px ;
	padding: 27px 0 0 0;
}


/* Container for main detail image, related specs and purchase buttons */

#detailColumn{
	text-align: right;
}


#detailColumn p{
	font-size: 10px;
	line-height: 13px;
	color: #674B2B;
	margin: 0px 0px 10px;
}

#detailColumn h1{
	font-size: 11px;
	line-height: 13px;
	padding-top: 2px;
	margin-bottom: 7px;
	color: #B34315;
	font-weight: bold;
	text-transform: capitalize;
}

#detailColumn h2{
	font-size: 9px;
	line-height: 13px;
	color: #C67C57;
	/*text-transform: uppercase;*/
}

.orderButton {
	position:relative;
	width:286px;
	height:24px;
	margin-top: 15px;
	margin-right:-14px;
	margin-bottom: 10px;
	text-align:right;
}
