/* Main body styles */
body {
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	color: #553820;
	margin: 0;
	position: absolute;
	background-color: #553820;
	background-image: url(../imgs/leather.jpg);
	background-repeat: repeat;
	padding-left: 50%;
}

p {
	margin-top: 0;
}

/* Headers */
h1, h2, h3 {
	font-size: 1.1em;
	font-weight: bold;
	line-height: normal;
	margin-top: 0;
}

h1 {
	color: #714a1d;
}
h2 {
	color: #90602F;
}

h3 {
	color: #894D27;
}

/* Bold Italic style for Book Titles */
.ital {
	font-style: italic;
	font-weight: bold;
}

/* Nav Hyperlinks */
a {
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #B40000;
}

/* Nav Hover state */
a:hover {
	color: #E30000;
}

/* Unordered lists */
.bullet_list {
	margin-left: 10px;
	padding-left: 0;
	list-style: none;
} 

.bullet_list li { margin-bottom: 5px; margin-left: 20px; list-style-type: disc; }
.bullet_list span {  }
/* This is the page container built and centered using -ve margins */
#container {
	width: 830px;
	margin-left: -415px;
	background-image: url(../imgs/bg.jpg);
	background-repeat: repeat-y;
	background-position: left 188px;
	background-color: #F0CD88;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #2A0E03;
	border-bottom-color: #2A0E03;
	border-left-color: #2A0E03;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

/* Header bar containing logo */
#header-container {
	width:auto;
	height: 113px;
	margin: 0px;
	padding: 0px;
	background-color: #F0CD88;
	background-image: url(../imgs/bg-logo.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#logo {
	width:auto;
	height: 113px;
	margin: 0px;
	padding: 0px;
	background-image: url(../imgs/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Text at right of logo - for special announcements */
#header-text { color: #553820; font-size: 1.4em; font-weight: bold; line-height: 1.3em; text-align: left; width:350px; float: right; margin: 35px 20px 0 0; }

/* To hold image at right of logo on inside pages */
#header-pic {
	color: #553820;
	width:427px;
	height: 113px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

/* Navigation bar */
#nav { width:auto; height: 75px; margin: 0; padding: 0; background-color: #644225; background-image: url(/imgs/leather_nav.jpg); background-repeat: repeat-x; background-position: left top; }
#nav ul{ margin: 0;
	;padding: 40px 0 0 25px; }
#nav ul li {
	float: left;
	list-style: none;
	font-weight: bold;
	text-shadow: #2b0505 3px 3px 3px;
	background-image: url(/imgs/divider.gif);
	background-repeat: no-repeat;
	background-position: right center;		
}
#nav ul li.last { font-weight: bold; background-image: url(/imgs/divider.gif); background-repeat: no-repeat; background-position: -50px center; list-style: none; float: left; text-shadow: #2b0505 3px 3px 3px; }
/* Nav Hyperlinks */
#nav ul li a { display: block; text-decoration: none; background: inherit; color: #fcd98f; padding: 0 20px; }
/* Nav Hover state */
#nav ul li a:hover {
	color: #FF352F;  
}

/* Container for the top article box - contains page curl */
.articleboxouter {
	width: auto;
	clear: both;
	padding-top: 25px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../imgs/bg-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 

/* Container for the top article box- no page curls */
.articleboxouter-inside {
	width: auto;
	clear: both;
	padding-top: 25px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../imgs/bg-top-inside.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 

/* Container for panorama images on wide pages */
.articleboxouter-pan {
	width: auto;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(/imgs/bg-top-inside.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 

/* Container for the bottom article box */
.articleboxouter2 { width: auto; clear: both; padding: 5px 6px 0 5px; } 

/* Content holder for the index article */
.articleboxinner {
	width: auto;
	text-align: left;
	padding-top: 0px;
	padding-right: 65px;
	padding-bottom: 0px;
	padding-left: 25px;
}

/* Content holder for wide inside page column */
.articleboxinner-wide {
	width: auto;
	text-align: left;
	padding-right: 55px;
	padding-bottom: 0;
	padding-left: 45px;
}

/* Content holder for wide pages with pan images */
.articleboxinner-pan {
	width: auto;
	text-align: left;
	padding-top: 8px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 45px;
}

/* This adds some breathing space above the index top article */
#spacer {
	padding-bottom: 20px;
}

/* This keeps shepherd from overlapping ul bullets */
#righttext {
	margin-left: 280px;
}

/* This controls the main pic in the top article box */
.mainpiccontrol {
	float: left;
	margin-right: 20px;
}

/* For inline images on inside pages when you want a border */
.pic {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid #a77947;
	margin-top: 0px;
}

/* Use this for borderless watercolor images on inside pages */
.pic-borderless {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: none;
	margin-top: 10px;
}

/* This contains the wax seal */
#seal {
	height: 49px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(/imgs/seal.gif);
	margin-top: 20px;
}

/* This contains the wax seal for wide one-column */
#seal-wide-col {
	height: 49px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(/imgs/seal.gif);
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}

/* --------------------------------------- */
/* Styles for 3-column layout */

/* This gives the 3-column text some breathing space */
.spacer
{
	padding-right: 25px;
	padding-left: 43px;
	padding-top: 10px;
}

/* First column of the three columns (images have borders) */
.c1 {
	width: 272px;
	border-top: none;
	float: left;
	padding-bottom: 25px;
}

/* First column of the three columns (no image borders) */
.c1-borderless {
	width: 272px;
	border-top: none;
	float: left;
	padding-bottom: 25px;
}

/* Second column of the three columns (images have borders) */
.c2 {
	width: 275px;
	float: left;
	padding-bottom: 25px;
}

/* Second column of the three columns (no image borders) */
.c2-borderless {
	width: 275px;
	border-top: none;
	float: left;
	padding-bottom: 25px;
}

/* Third column of the three columns (images have borders) */
.c3 {
	width: 272px;
	border-top: none;
	float: right;
	padding-bottom: 25px;
}

/* Third column of the three columns (no image borders) */
.c3-borderless {
	width: 272px;
	border-top: none;
	float: right;
	padding-bottom: 25px;
}

/* Style borders for images w/o drop shadows */
.c1 img, .c2 img, .c3 img {
	border: 1px solid #a77947;
	margin-right: 20px;
	margin-bottom: 15px;
}

/* No borders for images with drop shadows */
.c1-borderless img, .c2-borderless img, .c3-borderless img {
	border: none;
	margin-right: 20px;
	margin-bottom: 15px;
}

/* --------------------------------------- */
/* Styles for 2 columns layout - store focus product pages */

/* First column of the two column (images have borders) */
.col1 {
	width: 200px;
	border-top: none;
	float: left;
	padding-left: 50px;
	padding-bottom: 25px;
	padding-top: 24px;
}

/* First column of the two column (images have borders) */
.col1store {
	width: 220px;
	border-top: medium none;
	float: left;
	padding-left: 15px;
	padding-bottom: 25px;
	padding-top: 24px;
}


/* First column of the two columns (no image borders) */
.col1-borderless {
	width: 200px;
	border-top: none;
	float: left;
	padding-left: 50px;
	padding-bottom: 25px;
	padding-top: 24px;
}

/* Second column of the two columns (images have borders) */
.col2 {
	width: 450px;
	border-top: none;
	float: right;
	padding-right: 50px;
	padding-left: 25px;
	padding-bottom: 25px;
	padding-top: 24px;
}

/* Second column of the two columns (no image borders) */
.col2-borderless {
	width: 450px;
	border-top: none;
	float: right;
	padding-right: 50px;
	padding-left: 25px;
	padding-bottom: 25px;
	padding-top: 24px;
}

.col2-borderlessstore {
	width: 500px;
	border-top: none;
	float: right;
	padding-right: 50px;
	padding-left: 20px;
	padding-bottom: 25px;
	padding-top: 24px;
}


.product_img {
	border: none;
	float: left;
	width: 152px;
	padding-right: 20px;
}

.product_description {
	border: none;
	float: right;
	width: 275px;
}

/* Contains little shopping cart icon */
.cart {
	background-image: url(/imgs/cart.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	height: 20px;
	padding-left: 22px;
}

/* Style borders for images w/o drop shadows */
.col1 img {
	border: 1px solid #a77947;
	margin-right: 20px;
	margin-bottom: 15px;
}

/* No borders for images with drop shadows */
.col1-borderless img {
	border: none;
	margin-right: 20px;
	margin-bottom: 15px;
}

/* Images in right column with no border - use for images with drop shadow*/
.col2 img {
	border: 1px solid #a77947;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

.col2-borderless img {
	border: none;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

/* --------------------------------------- */
/* Styles for 2 columns layout - pages w/o top pan image */

/* First column of the two column */
.col1-plain {
	width: 165px;
	border-top: none;
	float: left;
	padding-left: 50px;
	padding-bottom: 25px;
	padding-top: 38px;
}

/* Second column of the two columns */
.col2-plain {
	width: 500px;
	border-top: none;
	float: right;
	padding-right: 50px;
	padding-left: 25px;
	padding-bottom: 25px;
	padding-top: 38px;
}

/* Image styles for left column */
.col1-plain img {
	border: 1px solid #a77947;
}

/* Image styles for right column */
.col2-plain img {
	border: 1px solid #a77947;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

/* Footer */
#footer {
	background-color: #644225;
	height: 75px;
	clear: both;
	background-image: url(/imgs/leather_nav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

#footer p {
	color: #fcd98f;
	font-size: 12px;
	font-weight: bold;
	text-shadow: #2b0505 3px 3px 3px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer p a { color: #fcd98f; }
#footer p a:hover { color: #e30000; }
/*Stuff Perry has added
*/
#trailimageid
 { font-size: 0.75em; visibility: hidden; position: absolute; z-index: 200; top: 0; left: 0; width: auto; height: auto ; }
#tableborder td { border: solid 1px #714a1d; }
#page-title { text-align: center; color: #553820; font-size: 22px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; }
#page-title span { color: #894d27; font-weight: normal; font-style: italic; }
#page-title-left { color: #553820; font-size: 1.7em; font-weight: bold; text-align: left; margin-top: 20px; margin-bottom: 20px; }
input[type=Submit] { color: #f0cd88; background-color: #714a1d; border: solid 1px #714a1d; }
.brownbutton { color: #f0cd88; background-color: #714a1d; border: solid 1px #714a1d; }
.boldbrown { color: #714a1d; font-size: 1.1em; font-weight: bold; }
.storehr { color: #714a1d; background-color: #714a1d; }

/*For the discussion board
*/
input.mainoption { color: #f0cd88; background-color : #553820; font-weight : bold; }
input.liteoption { color: #f0cd88; background-color : #553820; font-weight : bold; }
.catdesc { font-size: 14px; font-weight: bold; background-color: #fce88a; width: auto; padding: 5px; border: solid 1px #ab1e34; }
.separator { padding-bottom: 5px; border-bottom: 1px dotted #553820; }