
/**********************
 OVERALL LAYOUT
***********************/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ddb;
}

#skiptomain {
	display: none;
}

#wrapper {
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	text-align: center;
	background: #FFEFBC;
}

#pagecontainer {
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 770px;
	background: url(/images/headstrip.gif) no-repeat top left;
}


	#topofpage {
		width: 770px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px px 0px;


	}

		#topofpageleft {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
			text-align: left;
			width: 150px;
		}

		#topofpageright {
			margin: 0px 0px 0px 0px;
			padding: 110px 0px 0px 20px;
			float: right;
			text-align: left;
			width: 600px;
			background: url(/images/horseshead.jpg) no-repeat top right;
		}


#mainpage {
	width: 770px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/images/leftback.gif) repeat-y top left;
}

	#mainpageleft {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		float: left;
		text-align: left;
		background: transparent;
		width: 150px;
	}

	#mainpageright {
		margin: 0px 0px 0px 0px;
		padding: 20px 10px 10px 20px;
		float: right;
		text-align: left;
		width: 590px;
	}

		* html #mainpageright { padding-right: 0; }

		.pageleft {
			margin: 0px 0px 0px 0px;
			padding: 0px 20px 0px 0px;
			float: left;
			text-align: left;
			background: transparent;
			width: 380px;
		}

		.pageright {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: right;
			text-align: left;
			background: transparent;
			width: 190px;
		}

		#pp-img-lft {
			width: 320px;
			float: left;
			margin: 0;
			padding: 0;
		}

		#pp-txt-rgt {
			width: 260px;
			float: right;
			margin: 0 10px 0 0;
			padding: 0;
		}

			* html #pp-txt-rgt { width: 240px; }

			#proddescright {;
				width: 250px;
				border:  1px solid #cca;
				background-color: #eed;
				padding: 5px 5px;
				font-size: 0.9em;
				margin: 10px 0px 10px 0px;
			}

				* html #proddescright { width: 238px; }

				div.prodbuyselect {
					clear: left;
					margin: 10px 0px 0px 0px;
				}

				div.prodbuyselect label {
					float: left;
					width: 30px;
					padding: 5px;
					font-weight: normal;
				}

				div.prodbuyselect select {
					float: left;
				}


#footer {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 770px;
	border-top: solid 3px #811;
	background: transparent;
}

	#footerleft {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 5px 10px;
		width: 150px;
		float: left;
		text-align: left;
		background: transparent;
	}

	#footerright {
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 5px 0px;
		width: 590px;
		float: right;
		text-align: right;
		background: transparent;
	}




/*****************
 BODY FONT
*****************/

body, table {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: 13px;
}


/**********************
 BODY FONT HACK FOR IE
**********************/

* html body, * html table  {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: small;
}


/*****************
 FONTS
*****************/

#topofpageright { font-size: 0.8em; color: #fff; }
#mainpageright { font-size: 0.9em; color: #000; }
#footer { font-size: 0.8em; color: #000; }

.bodytextbig { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.2em}
.bodytext { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em}
.bodytextmed { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em}

/*****************
 TOP OF PAGE NAV LIST
*****************/

ul.topnavlist {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-weight: normal;
	text-transform: uppercase;
	width: 590px;
	height: 20px;
}

ul.topnavlist li {
	font-size: 1.1em;
	letter-spacing : 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 0px 0px;
	line-height: 20px;
	display: inline;
	float: left;
}

ul.topnavlist li a:link, ul.topnavlist li a:visited {
	color: #fff;
	text-decoration: none;
}

ul.topnavlist li a:hover {
	color: #811;
	text-decoration: none;

}


/*****************
 LHSNAV LIST
 *****************/

#mainpageleft ul {
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-size: 0.9em;
	letter-spacing : 0px;
	width: 130px;
}

#mainpageleft li {
	margin: 0px 0px 0px 0px;
	line-height:1.2em;
	padding: 2px 0px 2px 0px;

}

#mainpageleft a:link, #mainpageleft a:visited {
	padding-left:15px;
	text-decoration:none;
	color: #fff;
	background: url(/images/icon.gif) no-repeat 0px 0px;
}

#mainpageleft a:hover {
	color: #fc0;
}


/* APPLY TOP HEADER OVERRIDES */
#mainpageleft  li.sidenavtopheader {
 	font-weight: bold;
 	padding: 3px 0px 3px 0px;
 	text-transform: uppercase;
 	color: #fff;
 	border-bottom: 0px solid #dde;
 	letter-spacing: 0px;

}

#mainpageleft li.sidenavtopheader a:link, #mainpageleft li.sidenavtopheader a:visited {
	padding-left:0px;
	text-decoration:none;
	color: #fff;
	background: transparent;
}

#mainpageleft li.sidenavtopheader a:hover {
	color: #fff;
	text-decoration:underline;
}


/* APPLY HEADER OVERRIDES */
#mainpageleft li.sidenavheader {
 	font-weight: bold;
 	padding: 3px 0px 3px 0px;
 	text-transform: uppercase;
 	color: #feb;
}

	#mainpageleft li.sidenavheader a:link, #mainpageleft li.sidenavheader a:visited {
		color: #feb;
		background: none;
		padding-left: 0;
	}

	#mainpageleft li.sidenavheader a:hover {
		color: #feb;
		text-decoration: underline;
	}

/*****************
 HEADINGS
*****************/

h1 {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 1.8em;
	display:block;
	color: #811;
	font-weight: normal;
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

h2 {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	color: #811;
	font-weight: normal;
 	font-size: 1.0em;
 	letter-spacing : 0px;
 	display: block;
}

h3 {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	color: #811;
	font-weight: normal;
 	font-size: 1.2em;
 	letter-spacing : 0px;
 	display: block;
}

h4 {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	color: #811;
	font-weight: normal;
 	font-size: 1.2em;
 	letter-spacing : 0px;
 	display: block;
}




/*****************
 FORMS
*****************/

form.inline {
	display:inline;
	margin: 0;
}


select.variantselect {
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	width: 200px;
	color: #000;
}


/*****************
 LINKS
*****************/


#topofpage p.cart a:link{ color: #fff; text-decoration: none }
#topofpage p.cart a:visited{ color: #fff; text-decoration: none }
#topofpage p.cart a:hover{ color: #fff; text-decoration: underline }


#mainpageright a:link{ color: #811; text-decoration: none }
#mainpageright a:visited{ color: #811; text-decoration: none }
#mainpageright a:hover{ color: #f71; text-decoration: underline }

#footer a:link{ color: #333; text-decoration: none }
#footer a:visited{ color: #333; text-decoration: none }
#footer a:hover{ color: #f71; text-decoration: underline }

/*****************
 TABLES
*****************/

.broktable {
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.prodtable {
	text-align: left;
}


/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/*****************
 PARAGRAPHS
*****************/

p { margin-top: 10px; }


#topofpageright p.cart {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}

#mainpageright p.brownpara {
	background: #7A1010;
	margin: 0px;
	padding: 10px;
	color: #fff;
	}

#mainpageright p.brownpara a:link, #mainpageright p.brownpara a:visited { color: #fff; text-decoration: none;}
#mainpageright p.brownpara a:hover { color: #fff; text-decoration: underline;}

#mainpageright p.caption {
	color: #7A1010;
	font-style: italic;
	font-size: 1.1em;
	}

/*****************
 IMAGE FLOATS
*****************/

img.floatleft {
	float: left;
	margin: 0px 10px 5px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 5px 10px;
}


/*****************
 LINKS PAGE
*****************/

p.linkspage {
	line-height: 1.3em;
}

ul.linkspage {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-size: 1.0em;
	letter-spacing : 0px;
}

ul.linkspage li {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;

}

ul.linkspage a:link, ul.linkspage a:visited {
	padding-left: 15px;
	text-decoration: none;
	background: url(/images/iconlinks.gif) no-repeat 0px 0px;
}

ul.linkspage a:hover {
	color: #fc0;
}

#stop-press {
	background-color: #fff;
	border: 1px solid #c00;
	color: #c00;
	margin: 10px 0;
	padding: 5px;
}