/*=STRUCTURE
=== === === === === === === === === === */
body {
	font: normal 12px/1.5em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #0097AC url('../images/pagebg.jpg') repeat-x;
	color: #6E671C;
}
#container{
	width: 840px;
	margin: 0 auto;
	text-align: left;
	background: #C7C397;
}
.col_full{
	/* when content takes up full site width */
	/* can aslo be used to wrap inner colums if container hook isn't enough */
	width: 100%;
	clear: both;
}
.col_large, .store_main {
	/* when content is with one sidebar */
	float: left;
	width: 530px;
	background: #D9D7B9;
	border: 1px solid #B6AD45;
	margin: 0px 0 5px 5px;
}
.col_medium {
	/* when content is with two sidebars */
	float: left;
	width: 280px;
}
.col_small, .store_sidebar {
	/* sidebar next to content */
	float: left;
	width: 280px;
}
.col_small {
	background: #D9D7B9;
	border: 1px solid #B6AD45;
}
.spacing, .store_main_inner, .store_sidebar_inner {
	/* set basic spacing for all content elements */
	padding: 0 10px 20px 10px;
}

/*=COMMON
=== === === === === === === === === === */
p{
	line-height: 150%;
	margin-top: 0;
}
ul{
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6{
	line-height: 120%;
	margin: 5px 0 0 0;
}
img {
	border: 0;
}
a:link, a:visited {
	color: #0097AC;
	text-decoration: none;
}
a:hover, a:active {
	color: #008595;
	text-decoration: underline;
}
blockquote{
	font-style: italic;
	border: 1px solid #c7c397;
	padding: 10px;
	margin: 0 10px 10px 10px;
}
form{
	clear: both;
	padding: 0;
	margin: 0;
}
form fieldset{
	border: none;
	padding: 0;
	margin: 0;
}
form fieldset input.textfield,
form fieldset textarea{
	width: 65%;
}
form fieldset input.submitbutton{
	margin: 0 0 0 5px;
}
input, textarea, select {
	padding: 3px;
}

/*=HEADER
=== === === === === === === === === === */
#header {
	color: #FFFFFF;
	background: #0097AC url('../images/pagebg.jpg') repeat-x;
}
#header h1{
	margin: 0px;
	font-size: 2.4em;
}
#title {
	float: left;
	padding: 10px 0px 6px 0px;

}
#title p {
	margin: -.3em 0 0 0;
}

/*=SEARCH BOX
=== === === === === === === === === === */
#search_site {
	float: right;
	width: 235px;
	background: url('../images/searchbox.jpg') no-repeat bottom;
}
#search_site #search {
	margin-bottom: 0;
}
#search_site fieldset{
	padding: 6px 10px 10px 10px;
}
#search_site .textfield {
	width: 126px;
	display: inline;
	background: #63B7C3;
	border: 2px solid #0093A7;
}
#search_site .submitbutton {
	font-size: 11px;
	color: #B0DEE5;
	background: #1DA2B5;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: inline;
}

/*=PROMO
unique areas such as home page banner
=== === === === === === === === === === */
#promo {
	text-align: center;
}
#promo img{
  width:825px;
	border: 1px solid #B6AD45;
	padding: 0px;
	margin: 0px;
}

/*=NAVIGATION
=== === === === === === === === === === */
#navigation {overflow: hidden;}

#navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation .menu_primary ul{
	display: block;
}
#navigation .menu_primary ul li{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	display: block;
	background: url('../images/nav-right.jpg') right top no-repeat;
	margin: 0px 1px;
}
#navigation .menu_primary ul li.active{
	background: url('../images/nav-right-active.jpg') right top no-repeat;
}
#navigation .menu_primary ul li a {
	display: block;
	background: url('../images/nav-left.jpg') left top no-repeat;
	padding: 5px 8px;
}
#navigation .menu_primary ul li.active a{
	background: url('../images/nav-left-active.jpg') left top no-repeat;
}
#navigation .menu_primary ul li a:link,
#navigation .menu_primary ul li a:visited {
	color: #056D7D;
}
#navigation .menu_primary ul li.active a:link,
#navigation .menu_primary ul li.active a:visited {
	color: #B2E6EE;
}
#navigation .menu_primary ul li.active a:hover, 
#navigation .menu_primary ul li.active a:active {
	color: #B2E6EE;
}
#navigation .menu_secondary ul{
	clear: left;
	display: block;
	border-top: 4px solid #017484;
	border-bottom: 4px solid #017484;
	background: #017484;
	padding: 0px 3px;
}
#navigation .menu_secondary ul li{
	display: inline;
	font-size: 1.1em;
	padding: 3px 3px;
}
#navigation .menu_secondary ul li a:link,
#navigation .menu_secondary ul li a:visited {
	color: #FFFFFF;	
}

/*=BODYAREA
=== === === === === === === === === === */
#bodyarea {
	clear: both;
	padding: 5px 0;
}
#bodyarea h2{
	font-size: 2.5em;
	clear: both;
}
#bodyarea h3{
	clear: left;
	font-size: 1.8em;
}
#bodyarea h4{
	clear: left;
	font-size: 1.2em;
}
#bodyarea p.meta{
	font-size: 85%;
	color: #666666;
	margin-top: -5px;
}
#bodyarea p.subscribe{
	font-size: 85%;
	color: #666666;
	clear: both;
}
#bodyarea a.edit:link,
#bodyarea a.edit:visited{
	color: #cc0000;
}
#bodyarea a.edit:hover,
#bodyarea a.edit:active{
	color: #ff0000;
}
#bodyarea .functions p{
	font-size: 85%;
	margin-top: 5px;
}
#bodyarea #searchcontent form fieldset input{
	font-size: 85%;
	color: #666666;
}
#bodyarea #searchcontent form fieldset input.submitbutton{
	margin: 0 0 0 5px;
}
#bodyarea #paginate{
	clear: both;
	font-size: 85%;
	font-weight: bold;
}
#bodyarea #paginate .next{
	float: right;
	margin-bottom: 5px;
}
#bodyarea #paginate .previous{
	float: left;
	margin-bottom: 5px;
}
#bodyarea .newsitemsmall{
	float: left;
	margin: 0 10px 10px 0;
	display: block;
}
#bodyarea .imagecaption{
	float: right;
	width: 270px;
}
#bodyarea .imagecaption img{
	display: block;
	margin: 5px 0 0 10px;
}
#bodyarea .imagecaption p{
	font-size: 85%;
	padding: 5px 20px 10px 10px;
	color: #666666;
}
#bodyarea .sort ul{
	background-color: #c7c397;
	margin: 0 0 10px 0;
	padding: 5px;
}
#bodyarea .sort ul li{
	display: inline;
	margin: 0 0 0 5px;
}
#bodyarea .sort ul li form{
	display: inline;
}
#bodyarea .thumb{
	float: left;
	margin: 10px;
}
#bodyarea .thumb img{
	display: block;
}

/*=FOOTER
=== === === === === === === === === === */
#footer {
	clear: both;
	height: 130px;
	background: #0097AC url('../images/footerlogo.gif') center no-repeat;	
	padding: 5px;
}
#footer .col_full {
	text-align: center;
}
#footer p{
	font-size: 90%;
	color: #67BECA;
	text-align: center;
}
#footer a:link, 
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #67BECA;
}

/*=CALENDAR
=== === === === === === === === === === */
#event_calendar {
	clear: both;
}
#event_calendar table{
	border-collapse: collapse;
	margin: 0;
}
#event_calendar table th {
	border-bottom: 2px solid #666666;
	vertical-align: top;
	font-size: 85%;
	color: #666666;
	width: 75px;
}
#event_calendar table td {
	border-bottom: 1px solid #666666;
	vertical-align: top;
}
#event_calendar table td p {
	padding: 0;
	margin: 0;
	font-size: 85%;
}
#bodyarea #event_calendar table td ul {
	font-size: 85%;
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
}
#bodyarea #event_calendar table td ul li {
	padding: 0 0 10px 0;
	line-height: 100%;
}

/*=STORE
=== === === === === === === === === === */
#bodyarea #buysteps {
	margin: 0 0 10px 0;
}
#bodyarea #buysteps ul{
	padding: 12px;
	margin: 24px 0 24px 0;
	list-style: none;
	text-align: center;
	background-color: #ede8d1;
}
#bodyarea #buysteps ul li {
	padding: 0 10px 0 0;
	display: inline;
	color: #999;	
	background-image: none;
	font-size: 110%;
}
#bodyarea #buysteps ul li.current {
	font-weight: bold;
	color: #666;
}
#bodyarea ul.products_list {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}
#bodyarea ul.products_list li {
  background-image: none;
	padding: 12px 0 12px 0;
	margin: 0 0 0 0;
	float: left;
	border-bottom: 1px solid #ccc;
}
#bodyarea ul.products_list li .product_img {
	width: 120px;
	overflow: hidden;	
	float: right;
  text-align: center;	
	display: inline-table;
	/* Hides from IE-mac \*/
		height: 1%;
		display: block;
	/* End hide from IE-mac */	
}
html>body #bodyarea ul.products_list li .product_img {
	height: auto;
}
#bodyarea ul.products_list li .product_img:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#bodyarea ul.products_list li .product_img img{
	margin: 0 0 0 0;
}
#bodyarea ul.products_list li .product_desc{
	float: left;
	width: 400px;
}
#bodyarea ul.products_list li p{
	padding: 0 0 10px 0;
	margin: 0;
}
#bodyarea ul.products_list li strong a {
	font-size: 125%;
}
#bodyarea #cart p{
	text-align: right;
	margin: 0;
	padding: 10px 20px 0 20px;
}
#bodyarea table.products_list {
	margin: 6px 0px 40px 0px;
	border-collapse: collapse;
}
#bodyarea .summary table {
	margin: 0px 0px 40px 0px;
  border-collapse: collapse;
}
#bodyarea table.products_list tr th,
#bodyarea .summary table th{
	padding: 6px;
	color: #999;
	font-weight: normal;
	font-size: 85%;
}
#bodyarea table.products_list td,
#bodyarea .summary table td{
	padding: 6px;
	border-top: 1px solid #ccc;
}
#bodyarea div#searchcontent fieldset {
	border: none;
}
div#paginate {
	clear: both;
	display: block;
	height: 20px;
	padding: 12px 24px 12px 12px;
}
div#paginate div.next {
	display: inline; 
	float: right;
}
div#paginate div.previous {
	display: inline;
	float: left;
}
p {
	margin-top: 0
}
#bodyarea form label {
	padding: 0;
	line-height: 100%;
}
p.top_cart_links {
	padding: 0 0 12px 0 ;
}
p.more {
	font-weight: bold;
	text-align: right;
}