/**
 * MAIN CSS style sheet
 *
 * @author 	Peter Funke
 * @since 	December 1, 2008
 */

html, body { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333; background: #000A05;
	text-align: center; font-size: 12px;
	padding: 0px 0 0 0; margin: 0px 0 0 0;}


/* ********************************************************************* */
/* front end panels */
#main_panel_wrap { width: 800px; padding: 20px 0px 20px 0px; margin: 0px auto 0px auto;}

#main_panel { width:800px; text-align:left; 
	position:relative; overflow:hidden; }

#header_panel {  width: 800px; height: 150px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
		background: #6A9850; background-image: url("../images/banners/banner2.jpg");
		background-position: 0 top; background-repeat: no-repeat;}

#content_panel { width: 798px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 		
		float:left; background:#FFFFFF; 
		border-right: 1px solid #1C4F07; border-left: 1px solid #1C4F07;}

	#left_panel  { width:199px; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;  
		display:inline; float:left; padding-bottom:1000px; margin-bottom:-1000px; 
		background:#EEE9E3; border-left: 1px solid #1C4F07;}
	
	#right_panel { width:599px; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; 		
		float:left; padding-bottom:1000px; margin-bottom:-1000px; 
		background:#FFFFFF; border-right: 1px solid #1C4F07;}

#footer_panel {  width: 798px; float: left; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; 
	background: #307D35; 
	border-left: 1px solid #1C4F07; border-bottom: 1px solid #1C4F07; border-right: 1px solid #1C4F07;
	font-size: 14px; color: #193907; text-align: center;}
#footer_panel a { text-decoration: none; color: #193907;}
#footer_panel a:hover { text-decoration: underline; color: #FFFFFF;}


/* ********************************************************************* */
/* top navigation bar -- on the left for this site */
#top_navigation {
	width: 180px; margin: 10px; }
#top_navigation ul {
	list-style: none; margin: 0px; padding: 0px; border-top: 1px solid #CEC5A7;}
#top_navigation li a {
	height: 50px; font-size: 16px; text-decoration: none; text-align: left; border-bottom: 1px solid #CEC5A7;}	
#top_navigation li a:link, #top_navigation li a:visited {
	color: #333; background: #EEE9E3;
	display: block; padding: 8px 0 0 10px; }
#top_navigation li a:hover {
	color: #333; background: #FFFFFF; padding: 8px 0 0 10px; }
#top_navigation li a.current {
	color: #333; background: #FFFFFF; padding: 8px 0 0 10px; }


/* ********************************************************************* */
/* content page view div */
.content_view { text-align: left; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px;}
.content_title { margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; border-bottom: 1px solid #CEC5A7; }
.content_title h2 { font-size: 18px; font-weight: bold; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.content_content { padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; }
.content_content h3 { font-size: 16px; padding: 3px 0px 2px 0px; margin: 0px 0px 2px 0px;}
.content_content h4 { font-size: 12px; font-weight: normal; color: #666666; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.content_view a { text-decoration: underline; color: #193907;}
.content_view a:hover { text-decoration: underline; color: #000000;}


/* ********************************************************************* */
/* login page */
.login_view { text-align: left; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0px;}
.login_view a { text-decoration: underline; color: #193907;}
.login_view a:hover { text-decoration: underline; color: #000000;}
.login_title { width: 100%; margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; border-bottom: 1px solid #CEC5A7; }
.login_title h2 { font-size: 18px; font-weight: bold; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.login_error { color: red; background: #FFF1A8; text-align: center; padding: 2px 5px 2px 5px; margin: 0px 0px 5px 0px;}
.login_content { padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; }
.login_table { margin: 0px 0px 5px 0px;}
.login_table table { width: 60%; border-collapse: collapse; font-size: 12px;}
.login_table tr { vertical-align: middle;}
.login_table td { padding: 3px 6px 3px 6px; }
.login_footer { 
	width: 100%; overflow: hidden; text-align: center;
	margin: 10 0 0 0px; padding: 5px 0 0 0; vertical-align: middle;
	border-top: 1px solid #CEC5A7;}


/* ********************************************************************* */
/* rounded filled box - beige with green background */
.fbox { background-color: #f9f0d9; font-size: 12; }
.fbox_bl { background-image: url(../images/interface/fbox_beige-blue/fbox_bl.gif);
		background-position: 0 bottom; background-repeat: no-repeat;}
.fbox_br { background-image: url(../images/interface/fbox_beige-blue/fbox_br.gif); 
		background-position: right bottom; background-repeat: no-repeat;}
.fbox_tl { background-image: url(../images/interface/fbox_beige-blue/fbox_tl.gif); 
		background-position: 0 0; background-repeat: no-repeat; padding:7px}
.fbox_tr { background-image: url(../images/interface/fbox_beige-blue/fbox_tr.gif); 
		background-position: right 0; background-repeat: no-repeat;}


/* ********************************************************************* */
/* rounded filled box - popup box beige with green background */
.popupbox { background-color: #f9f0d9; font-size: 12; /*visibility: hidden;*/ }
.popupbox_bl { background-image: url(../images/interface/fbox_beige-blue/fbox_bl.gif);
		background-position: 0 bottom; background-repeat: no-repeat;}
.popupbox_br { background-image: url(../images/interface/fbox_beige-blue/fbox_br.gif); 
		background-position: right bottom; background-repeat: no-repeat;}
.popupbox_tl { background-image: url(../images/interface/fbox_beige-blue/fbox_tl.gif); 
		background-position: 0 0; background-repeat: no-repeat; padding:7px}
.popupbox_tr { background-image: url(../images/interface/fbox_beige-blue/fbox_tr.gif); 
		background-position: right 0; background-repeat: no-repeat;}
	

/* ********************************************************************* */
/* buttons */
.action_button { 
	margin: 0px 0px 0px 2px; padding: 2px 0px 3px 0px;
	background: #D2C9AB; color: #333333;
	vertical-align: middle; 
	border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;	border-right: 1px solid #AAAAAA;}
.action_button a {
	margin: 0px 0px 0px 0px; padding: 2px 6px 3px 6px; 
	text-decoration: none; color: #333333;}
.action_button a:hover { text-decoration: none; background: #FFFFFF; color: #000000;}

.action_button_right { 
	margin: 0px 0px 0px 2px; padding: 2px 0px 3px 0px;
	background: #D2C9AB; color: #333333;
	vertical-align: middle; float: right;
	border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;	border-right: 1px solid #AAAAAA;}
.action_button_right a {
	margin: 0px 0px 0px 0px; padding: 2px 6px 3px 6px; 
	text-decoration: none; color: #333333;}
.action_button_right a:hover { text-decoration: none; background: #FFFFFF; color: #000000;}

.action_button_left { 
	margin: 0px 0px 0px 2px; padding: 2px 0px 3px 0px;
	background: #D2C9AB; color: #333333;
	vertical-align: middle; float: left;
	border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;	border-right: 1px solid #AAAAAA;}
.action_button_left a {
	margin: 0px 0px 0px 0px; padding: 2px 6px 3px 6px; 
	text-decoration: none; color: #333333;}
.action_button_left a:hover { text-decoration: none; background: #FFFFFF; color: #000000;}


/* ********************************************************************* */
/* front end product list */
.products_view { text-align: left; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px;}
.products_title { margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; border-bottom: 1px solid #CEC5A7; }
.products_title h2 { font-size: 18px; font-weight: bold; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.products_content { padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.products_item { 
	width: 180px; float: left;
	text-align: center; font-size: 12px;
	margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px;}
	

/* ********************************************************************* */
/* front end product detail view */
.product_view { text-align: center; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px;}
.product_title { margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; border-bottom: 1px solid #CEC5A7; }
.product_title h2 { font-size: 18px; font-weight: bold; padding: 3px 0 0 0; margin: 0px 0px 0px 0px; }
.product_content { padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }

/* edit footer bar */
.product_footer { 
	width: 100%; overflow: hidden; 
	margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; vertical-align: middle;
	font-family: arial; border-top: 1px solid #CEC5A7;}
.product_footer_right { float: right;}
.product_footer_left { float: left; color: #555555; font-style: italic;}


/* ********************************************************************* */
/* Edit pages */
.edit_title { width: 100%; overflow: hidden; margin: 0 0 5px 0; padding: 0px 0px 3px 0px;
	font-family: arial; border-bottom: 1px solid #CEC5A7;}
.edit_title h2 { font-size: 18px; float: left; padding: 0px 10px 0px 0px; margin: 0!important;}

.edit_error { font-weight: bold; background: yellow; text-align: left; padding: 0px 5px 0px 5px;}

.edit_table { border-right: 0px solid #D2C9AB; border-bottom: 0px solid #D2C9AB; margin: 10px 0px 5px 0px;}
.edit_table table { width: 100%; border-collapse: collapse; font-family: arial; font-size: 12;}
.edit_table tr { vertical-align: middle;}
.edit_table th { font-weight: bold; background: #D2C9AB; text-align: left;}
.edit_table th { padding: 5px 6px 5px 6px; border-bottom: 1px solid #CEC5A7;}
.edit_table td { padding: 2px 6px 2px 6px; }
.edit_table tr.alt td { background: #EAE5D5;}

.edit_footer { 
		width: 100%; overflow: hidden; 
		margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; vertical-align: middle;
		font-family: arial; border-top: 1px solid #CEC5A7;}
	.edit_footer_right { float: right;}
	.edit_footer_left { float: left; color: #555555; font-style: italic;}


/* ********************************************************************* */
/* shopping basket */
.basket_view { text-align: left; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px;}
.basket_title { margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; border-bottom: 1px solid #CEC5A7; }
.basket_title h2 { font-size: 18px; font-weight: bold; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.basket_table { margin: 0px 0px 15px 0px; }
.basket_table table { width: 100%; border-collapse: collapse; font-family: arial; font-size: 12px;}
.basket_table tr { vertical-align: middle;}
.basket_table th { font-weight: bold; background: #D2C9AB; text-align: left;
	padding: 5px 6px; border-bottom: 1px solid #CEC5A7; }
.basket_table td { padding: 3px 6px; border-bottom: 1px solid #CEC5A7; }
.basket_table tr.alt td { background: #EAE5D5;}
.basket_table a {text-decoration: none; color: #333;}
.basket_table a:hover {text-decoration: none; color: #000000;}

.basket_footer { 
	width: 100%; overflow: hidden; 
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle;
	font-family: arial;}
.basket_footer_right { float: right;}
.basket_footer_left { float: left; color: #555555; font-style: italic;}


/* ********************************************************************* */
/* forums */
.forum_view { text-align: left; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px;}
.forum_title { margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; border-bottom: 1px solid #CEC5A7; }
.forum_title h2 { font-size: 18px; font-weight: bold; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.forum_description { margin: 0px 0px 0px 0px; padding: 5px 0px 3px 0px;}

.forum_table { margin: 0px 0px 15px 0px; }
.forum_table table { width: 100%; border-collapse: collapse; font-family: arial; font-size: 12px;}
.forum_table tr { vertical-align: middle;}
.forum_table th { font-weight: bold; background: #D2C9AB; text-align: left;
	padding: 5px 6px; border-bottom: 1px solid #CEC5A7; }
.forum_table td { padding: 3px 6px; border-bottom: 1px solid #CEC5A7; }
.forum_table tr.alt td { background: #EAE5D5;}
.forum_table a {color: #124B6F;}
.forum_table a:hover {text-decoration: none; color: #33AA33;}

.forum_footer { 
	width: 100%; overflow: hidden; 
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle;
	font-family: arial;}
.forum_footer_right { float: right;}
.forum_footer_left { float: left; color: #555555; font-style: italic;}


/* ********************************************************************* */
/* threads */
.thread_view { text-align: left; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px;}
.thread_title { margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; border-bottom: 1px solid #CEC5A7; }
.thread_title h2 { font-size: 18px; font-weight: bold; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.thread_first { margin: 0px 0px 15px 0px; }
.thread_first table { width: 100%; border-collapse: collapse; font-family: arial; font-size: 12px;}
.thread_first tr { vertical-align: middle;}
.thread_first th { font-weight: normal; background: #124B6F; text-align: left;
	padding: 5px 6px; border-bottom: 1px solid #C0E2D4; color: #D2F5F1; }
.thread_first td { padding: 3px 6px; background: #A8C6D4; text-align: left; vertical-align: top;}
.thread_first tr.alt td { background: #EAE5D5;}
.thread_first a {color: #124B6F;}
.thread_first a:hover {text-decoration: none; color: #33AA33;}

.thread_table { margin: 0px 0px 15px 0px; }
.thread_table table { width: 100%; border-collapse: collapse; font-family: arial; font-size: 12px;}
.thread_table tr { vertical-align: middle;}
.thread_table th { font-weight: normal; background: #D2C9AB; text-align: left;
	padding: 5px 6px; border-bottom: 1px solid #CEC5A7; }
.thread_table td { padding: 3px 6px; background: #EFE3C2; text-align: left; vertical-align: top; }
.thread_table tr.alt td { background: #EAE5D5;}
.thread_table a {color: #124B6F;}
.thread_table a:hover {text-decoration: none; color: #33AA33;}

.thread_footer { 
	width: 100%; overflow: hidden; border-top: 1px solid #CEC5A7;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle;
	font-family: arial;}
.thread_footer_right { float: right;}
.thread_footer_left { float: left; color: #555555; font-style: italic;}