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

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


/* ********************************************************************* */
/* front end panels */

#header_panel {  width: 800px; height: 100px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; 
		background-image: url(../images/banners/banner2.jpg);}
	#header_title {
		padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align: center; 
		font-size: 24px; font-weight: bold;
		color: #000000; float: left;}
	#header_right {
		padding: 10px 10px 0px 0px; margin: 0px 0px 0px 0px;
		float: right; vertical-align: center; 
		font-size: 12px;
		}
	#header_right a { text-decoration: none; color: #553333;}
	#header_right a:hover { text-decoration: none; color: #124B6F;}

#top_menu_panel {  width: 800px; padding: 0px 0px 7px 0px; margin: 0px auto 0px auto; background: #124B6F;}

#content_panel { width: 800px; padding: 0px 0px 10px 0px; margin: 0px auto 0px auto; background: #124B6F;}

	#content_left { width: 180px; float: left; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; background: #124B6F;}

	#content_right { width: 620px; float: left; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; background: #124B6F;}

#footer_panel {  width: 800px; padding: 10px 0px 10px 0px; margin: 0px auto 10px auto; background: #124B6F;
	font-size: 14px; color: #B8DBCD; text-align: center;}
#footer_panel a { text-decoration: none; color: #FFFFFF;}
#footer_panel a:hover { text-decoration: none; color: #B8DBCD;}


/* ********************************************************************* */
/* top navigation bar */
/* based on http://www.13styles.com/css-menus/saturday/ */ 
ul#top_navigation {margin:0px; padding:0px; list-style-type:none; width:auto; position:relative; display:block;
	height:36px; text-transform:uppercase; font-size:12px; font-weight:bold;
	background:transparent url("../images/menus/menu_blue/bgOFF.gif") repeat-x top left;
	border-bottom:4px solid #124B6F; border-top:1px solid #C0E2D4;}
ul#top_navigation li {display:block; float:left; margin:0px; padding:0px;}
ul#top_navigation li a {display:block; float:left; color:#333; text-decoration:none; padding:12px 15px 0px 15px;
	height:24px; background:transparent url("../images/menus/menu_blue/bgDIVIDER.gif") no-repeat top right;}
ul#top_navigation li a:hover {background: #FFFFFF;}
ul#top_navigation li a.current, ul#top_navigation li a.current:hover {color:#FFFFFF;
	background:transparent url("../images/menus/menu_blue/bgON.gif") no-repeat top right;}


/* ********************************************************************* */
/* left navigation menu */
/* based on http://www.13styles.com/css-menus/vert-one/ */
#left_navigation ul.vert-one {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none; display:block; 
	font-size: 14px; line-height:165%; text-align: left;}
#left_navigation ul.vert-one li {margin:0px; padding:0px; border-top:1px solid #C0E2D4;  height: 27px;}
#left_navigation ul.vert-one li a {display:block; text-decoration:none; color:#333; background:#B5D9CA; height: 27px;	
	background:transparent url("../images/menus/menu_green/bgOFF.gif") repeat-x top left; padding:0px 5px 0px 10px; }
#left_navigation ul.vert-one li a:hover {background:#FFFFFF;}
#left_navigation ul.vert-one li a.current, ul.vert-one li a.current:hover {background:#B5D9CA; }
.left_navigation_title { margin: 0px 0px 2px 5px; padding: 0px 0px 3px 0px; 
	font-size: 16px; font-weight: bold; color: #D2F5F1;}


/* ********************************************************************* */
/* 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 a { text-decoration: underline; color: #124B6F;}
.content_content a:hover { text-decoration: underline; color: #000044;}


/* ********************************************************************* */
/* login page */
.login_view {
	text-align: left;
	padding: 0px 0 0px 0px; margin: 0px 0px 0px 0px;}
	
.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 { 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 { 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 { 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;}