/* Universals */
html, body {
	margin: 0;
	padding: 0;
} 
 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #c7e3ef url(/images/siteTile.png) repeat-x left top;
}

a img {
	border: none;
}

p {
	font-size: 0.8em;
	line-height: 1.4em;
	color: #588b8e;
	letter-spacing: 0.03em;
}
	p img	{float: left; border: 2px solid #fff; margin: 0 10px 0 0;}
	
h1 {
	float: left;
	font-size: 1.4em;
}

h2 {
	width: 600px; 
	margin: 0 auto 10px auto; 
	padding: 0 0 5px 0;
	text-align: center; 
	color: #555; 
	border-bottom: dashed 1px #555;
}

h3{
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}

h4 {
	width: 400px;
	margin: 15px auto -5px auto;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #2EA0C5; 
	text-align: center;
	color: #fff;
}

#container {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	background: url(/images/mainTile.png) repeat-y left top;
}

#header {
	width: 1024px;
	height: 500px;
	background: url(/images/headbg.png) no-repeat left top;
}
	#header.sub	{background: url(/images/headbgsub.png) no-repeat left top;}
	
#flash {
	display: none;
	position: absolute;
	top: 0;
	width: 1024px;
	height: 292px;
	margin: 0 0 0 -1px;
	z-index: 10;
}

#title {
	width: 454px;
	height: 120px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/title.png) no-repeat left top;
	cursor: pointer;
}
	#title span	{display: none;}
	#title.sub	{background: url(/images/titlesub.png) no-repeat left top;}
	
#siteMenu {
	width: 440px;
	height: 52px;
	float: right;
	margin: 55px 0 0 0;
}
	#siteMenu ul				{list-style: none; margin: 0; padding: 0;}
	#siteMenu ul li				{float: left; width: 48px; height: 52px; margin: 0 21px 0 0; padding: 0;}
	#siteMenu ul li span			{display: none;}
	#siteMenu ul li a			{display: block; width: 48px; height: 52px;}
	#siteMenu ul li#home		{background: url(/images/homeButton.png) no-repeat left top;}
	#siteMenu ul li#about		{background: url(/images/aboutButton.png) no-repeat left top;}
	#siteMenu ul li#contact		{background: url(/images/contactButton.png) no-repeat left top;}
	#siteMenu ul li#customer	{background: url(/images/customerButton.png) no-repeat left top;}
	#siteMenu ul li#cart		{background: url(/images/cartButton.png) no-repeat left top;}
	#siteMenu ul li#checkout	{background: url(/images/checkoutButton.png) no-repeat left top;}
	
	#siteMenu.sub ul li#home		{background: url(/images/homeButtonSub.png) no-repeat left top;}
	#siteMenu.sub ul li#about		{background: url(/images/aboutButtonSub.png) no-repeat left top;}
	#siteMenu.sub ul li#contact		{background: url(/images/contactButtonSub.png) no-repeat left top;}
	#siteMenu.sub ul li#customer	{background: url(/images/customerButtonSub.png) no-repeat left top;}
	#siteMenu.sub ul li#cart		{background: url(/images/cartButtonSub.png) no-repeat left top;}
	#siteMenu.sub ul li#checkout	{background: url(/images/checkoutButtonSub.png) no-repeat left top;}
	
#storeMenu {
	width: 1000px;
	height: 160px;
	float : left;
	margin: 10px 0 0 10px;
}
	#storeMenu ul			{list-style: none; margin: 0; padding: 0;}
	#storeMenu ul li		{width: 160px; height: 137px; float: left; margin: 0 8px 0 0; padding: 0;}
	#storeMenu ul li#last	{margin: 0;}

#storeViewNav {
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 15px;
	background: url(/images/storeNavTile.gif) repeat-y left top;
}
	#storeViewNav ul			{list-style: none; margin: 10px 0 0 0; padding: 0 0 0 35px;}
	#storeViewNav li			{min-height: 32px;}
	#storeViewNav img		{float: left;}
	#storeViewNav span		{display: block; padding: 6px 0 0 38px;}
	#storeViewNav a			{text-decoration: none; text-transform: uppercase; font-size: 0.9em; color: #588b8e;}
	#storeViewNav a:hover	{background: none; color: #588b8e !important;}
	
#storeNavTop {
	width: 450px;
	height: 15px;
	margin: 25px 0 -3px 0;
	padding: 0;
	background: url(/images/storeNavTop.gif) no-repeat left top;
}

#storeNavBottom {
	width: 450px;
	height: 15px;
	margin: -5px 0 15px 0;
	padding: 0;
	background: url(/images/storeNavBottom.gif) no-repeat left bottom;
}

#crumbs {
	float: right;
	margin: 10px 20px 30px 0;
	list-style: none;
	font-size: 0.8em;
	color: #777;
}
	#crumbs li		{display: inline;}
	#crumbs li a		{color: #70B7CC; padding: 2px; text-decoration: none;}
	#crumbs li a:hover	{color: #fff; background: #86D062;}
	
#content {
	width: 944px;
	min-height: 400px;
	margin: -210px 0 0 0;
	padding: 0 0 0 40px;
}
	#content.sub		{width: 794px; margin: -370px 0 0 0; padding: 0 50px 0 100px;}
	#content.divided	{width: 944px; padding: 0 0 0 40px; background: url(/images/dashedEdge.gif) repeat-y 510px top;}
	#content a 			{text-decoration: underline; color: #588b8e;}
	#content a:hover 		{background: #86D062; color: #fff;}
	
#currentEvents {
	width: 451px;
	float: left;
	padding: 0 10px 0 0;
}
	h2#current		{width: 291px; height: 28px; float: right; margin: 6px -10px 16px 0; padding: 0; background: url(/images/currentEvents.png) no-repeat right top; border: none;}
	h2#current span	{display: none;}

#featuredProducts {
	width: 450px;
	float: right;
	padding: 0 0 0 10px;
}
	h2#featured		{width: 362px; height: 28px; float: right; margin: 6px 0 16px 0; padding: 0; background: url(/images/featured.png) no-repeat right top; border: none;}
	h2#featured span	{display: none;}

#productsRight {
	width: 450px;
	float: right;
	padding: 0 0 0 10px;
}

#productsLeft {
	width: 450px;
	float: left;
	padding: 0 0 0 10px;
}

#receiptDetails {
	margin: 15px auto 0 auto;
	width: 450px;
	font-size: 0.9em;
}
	#receiptDetails .detail { text-align: right; font-weight: bold; padding-right: 7px;}

form.standard {
	margin: 0;
	width: 800px;
}
	.standard label			{display: block; width: 300px; font-size: 0.9em; color: #2298C0; text-align: right;}
	.standard input.text		{display: block; width: 306px; height: 21px; border: none; margin: -17px 0 0 310px; padding: 2px 5px 0 5px; background: url(/images/textbox.gif) no-repeat left top; letter-spacing: 0.03em;}
	.standard input.shortText	{width: 44px; height: 21px; border: none; padding: 2px 5px 0 5px; background: url(/images/shortTextbox.gif) no-repeat left top; letter-spacing: 0.03em; text-align: right;}	
	.standard span.shortText	{display: block; margin: -17px 0 0 310px;} 
	.standard span.label		{display: block; width: 400px; margin: -20px 0 0 30px; font-size: 0.9em; color: #2298C0;}
	.standard .checks		{width: 500px; margin: 0 0 0 280px;}
	.standard textarea			{display: block; width: 440px; height: 200px; margin: 10px auto 0 auto; padding: 5px; background: #C7E9F3; border: 1px solid #5c97ac; font-size: 0.8em; letter-spacing: 0.03em; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.standard select			{display: block; width: 170px; height: 21px; margin: -17px 0 0 310px; background: #C7E9F3; border: 1px solid #5c97ac;}
	
	fieldset.hide 			{border: none; margin: 0 0 20px 0;}
	fieldset.buttons		{margin: -20px 0 0 0; padding: 0; text-align: center;}
	fieldset.buttons input	{margin: 0 8px 0 0;}
	
	input#saveinfoButton		{width: 51px; height: 52px; border: none; background: url(/images/saveinfoButton.gif) no-repeat left top;}
	input#sendemailButton		{width: 51px; height: 52px; border: none; background: url(/images/sendemailButton.gif) no-repeat left top;}
	input#submitOrderButton	{width: 62px; height: 52px; border: none; background: url(/images/submitOrderButton.gif) no-repeat left top;}
	input#goBackButton		{width: 51px; height: 54px; border: none; background: url(/images/goBackButton.gif) no-repeat left top;}
	input#updateButton		{width: 55px; height: 54px; border: none; background: url(/images/updateButton.gif) no-repeat left top;}
	input#checkOutButton		{width: 51px; height: 54px; border: none; background: url(/images/checkoutButton.gif) no-repeat left top;}
	input#storeHomeButton		{width: 52px; height: 54px; border: none; background: url(/images/storeHomeButton.gif) no-repeat left top;}
	input#resetButton			{width: 51px; height: 52px; border: none; background: url(/images/resetButton.gif) no-repeat left top; margin: 0;}
	input#enterInfoButton		{width: 51px; height: 52px; border: none; background: url(/images/enterInfo.gif) no-repeat left top; margin: 0;}

form.shop {
	margin: 31px 0 0 0;
	padding: 0;
}
	.shop fieldset.hide	{margin:  0 0 20px 0; padding: 0;}
	.shop label		{display: block; margin: -25px 0 12px 0; font-size: 0.9em; color: #588b8e; position: relative;}
	.shop select		{font-size: 1em; background: #C7E9F3; border: 1px solid #5c97ac; color: #588b8e;}

ul.error {
	list-style: none;
	text-align: center;
	font-size: 0.8em;
	color: #C06583;
	font-style: italic;
}
		
.note {
	display: block;
	width: 500px;
	margin: 0 auto;
	font-size: 0.8em; 
	text-align: center;
	color: #888;
}
	
.product {
	float: right;
	margin: 0 0 5px 10px;
}

.price {
	display: block;
	margin: 15px 0;
	font-size: 1.1em;
}

.enlarge {
	display: block;
	width: 103px;
	height: 18px;
	margin: 0 0 3px 0;
	background: url(/images/enlarge.gif) no-repeat left top;
}
	.enlarge a		{display: block; width: 103px; height: 18px;}
	.enlarge a:hover	{background: none !important;}
	.enlarge span	{display: none;}
	
.adInfo {
	display: block;
	width: 151px;
	height: 18px;
	margin: 0 0 3px 0;
	background: url(/images/additionalInfo.gif) no-repeat left top;
}
	.adInfo a		{display: block; width: 151px; height: 18px;}
	.adInfo a:hover	{background: none !important;}
	.adInfo span		{display: none;}
	
.addItem {
	display: block;
	width: 88px;
	height: 18px;
	margin: 0 0 3px 0;
	background: url(/images/addToCart.gif) no-repeat left top;
}
	.addItem a		{display: block; width: 88px; height: 18px;}
	.addItem a:hover	{background: none !important;}
	.addItem span	{display: none;}

#cartHead {
	width: 800px; 
	height: 15px; 
	margin: 0;
	background: url(/images/cartTop.gif) no-repeat left top;
}
	
#viewCart {
	width: 800px;
	margin: 0 auto;
	padding: 0 4px;
	font-size: 0.9em;
	color: #588b8e;
	background: url(/images/cartTile.gif) repeat-y left top;
}
	#viewCart tr.alt			{background: #dcf8d1;}
	#viewCart th				{padding: 0 0 10px 0; margin: 0;}
	#viewCart th.hidden		{border: none;}
	#viewCart td				{padding: 8px 0 4px 0; text-align: center;}
	#viewCart td.remove		{width: 17px; padding: 10px 4px 4px 10px;}
	#viewCart td.remove a		{display: block; width: 17px; height: 15px; background: url(/images/removeItem.gif) no-repeat left top;}
	#viewCart td.remove span	{display: none;}
	#viewCart td.productName	{text-align: left;}
	#viewCart td.totals		{border-top: 1px solid #8ABF95;}
	
#cartBottom {
	width: 800px; 
	height: 15px; 
	margin: 0 0 10px 0;
	background: url(/images/cartBottom.gif) no-repeat left top;
}

#siteMap {
	width: 600px;
	margin: 0 auto;
	text-align: center; 
}
	#siteMap dt	{margin: 0; padding: 5px 0 0 0; font-weight: bold; background: url(/images/siteMapTop.gif) no-repeat left top;}
	#siteMap dd	{margin: 0; padding: 10px 10px 1px 10px; background: #c7e3ef} 
	#siteMap ul	{list-style: none; margin: 0 0 0 -30px; padding: 0; font-size: 0.8em;}
	#siteMap ul li	{margin: 0 0 5px 0; padding: 0;}
	
.siteMapFoot {
	display: block;
	width: 600px;
	height: 20px;
	margin: -12px 0 10px 0;
	background: url(/images/siteMapFoot.gif) no-repeat left bottom;
}

#contentFoot {
	width: 1024px;
	height: 31px;
	background: url(/images/footbg.png) no-repeat left bottom;
}

#footer {
	width: 600px;
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 0.7em;
	line-height: 1.6em;
	color: #888;
}
	#footer ul			{list-style: none; margin: 0; padding: 0;}
	#footer ul li			{display: inline; margin: 0; padding: 0;}
	#footer ul li a			{color: #70B7CC; padding: 2px; text-decoration: none;}
	#footer ul li a:hover	{background: #86D062; color: #fff;}
	#footer img			{padding: 10px 0 0 0;}
	
p.checkoutInfo {
	font-size: 1em;
	text-align: center;
}

.centertext {
	text-align: center !important;
}

.required {
	color: #C85688;
}

.fright {
	float: right;
}

.clear {
	clear: both;
}


/* styles for bbc on current events */
#currentEvents span.bold		{font-weight: bold;}
#currentEvents span.italics	{font-style: italic;}
#currentEvents span.red 		{color: #CB0506;}
#currentEvents span.green 	{color: #4da66b;}
#currentEvents span.blue 		{color: #1384AE;}
#currentEvents span.yellow	{color: #D4A501;}