/*////////////////////////////////////////////////////////////////////////*/		
/*Greentech 09*/
/*Allan Paterson 2009*/
/*////////////////////////////////////////////////////////////////////////*/
* {margin:0; padding:0;}
body,html {margin: 0;padding: 0;background:#EFF0EC url(../graphics/background.jpg) repeat-x ;font-size: 12px;color: #333;min-width:1000px;height: 100%;font-family: Arial, Verdana, sans-serif;z-index:-1;}
#admin_body {margin: 0;padding: 0;background:#EFF0EC ;font-size: 12px;color: #333;min-width:1000px;height: 100%;font-family: Arial, Verdana, sans-serif;z-index:-1;}
#wrap {margin:0px auto 0px auto;	width:1000px; background:url(../graphics/wrap.png) ; height:auto; padding:0px 0px 0px 9px; }		
/*////////////////////////////////////////////////////////////////////////*/		
/*Head Section*/
/*////////////////////////////////////////////////////////////////////////*/
#header {width: 940px; height:128px; background:url(../graphics/header.png) no-repeat; padding:0x 0px 0px 0px;margin:0px 0px 0px 0px; z-index:2;}
/*////////////////////////////////////////////////////////////////////////*/		
/*center*/
/*////////////////////////////////////////////////////////////////////////*/	
#left {padding:25px 10px 0px 30px;width:300px;float:left;}
#middle {padding:25px 0px 0px 10px;width:280px;float:left; text-align:justify;}
#right {padding:25px 30px 0px 0px;width:300px;float:right;}	
#two_column_head {padding:25px 10px 0px 30px;width:920px;float:left;}
#two_column_left {padding:25px 0px 0px 30px;width:450px;float:left; }
#two_column_right {padding:25px 40px 0px 0px;width:450px;float:right;}	

#news_left {padding:25px 10px 0px 30px;width:650px;float:left;}
#news_right {padding:25px 40px 0px 0px;width:250px;float:right;}	
#admin{padding:45px 30px 60px 30px;width:100%;}	
/*////////////////////////////////////////////////////////////////////////*/		
/*Footer*/
/*////////////////////////////////////////////////////////////////////////*/	
#footer{width:1000px; height:180px; color:#777;  background:#EFF0EC url(../graphics/foot.png) no-repeat; margin:0px 0px 0px -9px; position:relative; font-size:11px; }
#footer a, #footer a:visited{text-decoration:none; color:#888; font-weight:800;}
#footer a:active, #footer a:hover  {text-decoration:none; color:#111;  font-weight:800;}	
.footer_left{float:left;padding:65px 0px 0px 34px;}
/*////////////////////////////////////////////////////////////////////////*/		
/*html*/
/*////////////////////////////////////////////////////////////////////////*/					

img{border:0px;}
h1{color:#fff; font-size:20px; background: url(../graphics/h1_back.jpg) no-repeat top left;height:45px;width:468px;padding:5px 0px 4px 14px;}
h2{color:#5F9012; font-size:24px; padding:0px 0px 14px 0px;}
h3{color:#5F9012; font-size:18px; margin:5px 0px 20px 0px; padding:4px; border-bottom:2px dashed #5F9012 ; text-transform:capitalize;}
h4{color:#5F9012; font-size:17px; padding:0px 0px 14px 0px;}
label{color:#333; margin:6px 0px 2px 0px; float:left; display: block;}
option{font-family: Arial, Verdana, sans-serif; font-size:11px;}
form br {clear:left;}
.content_p{padding:5px 0px 10px 0px; width:280px;}
.large_p{padding:5px 0px 10px 0px;}
/*////////////////////////////////////////////////////////////////////////*/		
/*others*/
/*////////////////////////////////////////////////////////////////////////*/
.input {font-family: Arial, Verdana, sans-serif;width:280px;border:1px solid #5F9012;	background:#fff; padding:2px;margin:0px 0px 0px 0px;font-size:11px;}
.input_long {font-family: Arial, Verdana, sans-serif;width:500px; border:1px solid #bbb;background:#fff; padding:4px; margin:0px 0px 0px 0px;font-size:11px;}
.submit{border:0px; background:#5F9012;color:#fff; font-size:12px; font-weight:600; padding:2px 4px 2px 4px; margin:6px 0px 0px 0px;}
.red{color:#FF0000;	}
.green{color:#00FF00;}			
#nutridg{height:500px;width:600px; margin:0px 0px 0px 160px;}
#content{ z-index:01;}

#submit{ margin:0px 20px 0px -4px;display: block; width: 240px; height: 34px; background: url("../graphics/submit.jpg") no-repeat 0 0; border:0px; cursor:pointer;}
#submit:hover{   background-position: 0 -34px;}
#submit span{  display: none;}
#map{width:440px; height:300px; border:4px solid #EFF0EC;}
#fade{width: 920px;	height:300px;padding:0px 0px 0px 30px;position:relative;margin:0px;float:left;}
.title{margin:0px 0px 20px 0px;}
.image{margin:0px 0px 8px 0px;}
.td_1{padding:4px; background:#ebebeb;}
.td_2{padding:4px; background:#fff;}
.td_head{color:#fff; padding:6px; background: url("../graphics/td_head.jpg") 0 0; font-weight:700;}
.table{border:1px solid #bbb; padding:2px; width:920px;}
.products{margin:5px 0px 5px 0px; padding:4px;background-color:#E6FADE; width:452px; float:left;}
.product_table{border: 2px solid #E6FADE; margin:10px 0px 10px 0px; padding:3px; width:100%;}
#testimonials_one img, #testimonials_two img{ height:260px; width:200px; border: 1px solid #5F9012; padding:2px; margin-right:5px;}
#testimonials_one a, #testimonials_two a{  margin-right:15px;}
.small_image{height:40px; float:left; margin:0px 5px 0px 5px ; border:2px solid #fff;}
.desc_span{ float:left; margin:0px 0px 0px 5px ;}
.list ul {width: 40em; }
.list ul li{float: left;width: 20em; padding:0px 0px 3px 0px;list-style:none;}
.list br{ clear: left; padding:10px 0px 10px 0px;}
.list ul li a{text-decoration: none; color:#222; font-weight:700;}
.list ul li a:hover{color: #888; }
.list h4{color:#5F9012; font-size:14px; margin:0px ; padding:10px 0px 10px 0px;}	
.news_image{width:220px;		margin:0px 30px 15px 0px;		float:left;}
.news_content{margin:0px 0px 0px 0px;}
.social_links{text-align:center;}			
.news_header {color:#333;height:40px;	padding:10px 0px 8px 55px;	margin:0px 0px 15px 0px ;	list-style-type:none;}	
#portfolio{background: url("../graphics/clients_back.jpg") no-repeat; position:relative; padding:0px; float:left;  width: 920px;	height:300px; margin:0px 0px 0px 30px;}
.crests{padding:115px 0px 0px 64px ; width:150px; height:150px; position:relative; float:left;}
.news_table{width:640px;border:1px solid #bbb; padding:2px; }
/*////////////////////////////////////////////////////////////////////////*/		
/*clearer*/
/*////////////////////////////////////////////////////////////////////////*/
.clearer{clear: both; height: 0px; overflow: hidden;}	
/*////////////////////////////////////////////////////////////////////////*/		
/*links*/
/*////////////////////////////////////////////////////////////////////////*/
a:link	{color: #222;	text-decoration:none; font-weight:500;}
a:visited{	color: #222; text-decoration:none; font-weight:500;}
a:hover{color: #888;text-decoration:none;}
a:active	{color: #888;text-decoration:none;}	
/*////////////////////////////////////////////////////////////////////////*/		
/*Menu*/
/*////////////////////////////////////////////////////////////////////////*/
.menu {	position:relative; float:left; display:block;padding:50px 0px 0px 423px;  margin:0px; font-size:12px; font-weight:500; z-index:99;}		

/*div.menu{ margin-bottom: 1em;}*/

/*////////////////////////////////////////////////////////////////////////*/		
/*validation*/
/*////////////////////////////////////////////////////////////////////////*/
#msg {display:none; position:absolute; z-index:200; background:url(../graphics/msg_arrow.jpg) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#fff; border:2px solid #FF0000; color:#FF0000;border-left:none; padding:5px;}
/*////////////////////////////////////////////////////////////////////////*/		
/*curvy corners*/
/*////////////////////////////////////////////////////////////////////////*/
dl.curved {background:#5F9012 url("../graphics/t_l.jpg") top left no-repeat;  margin:0px 0px 20px 0px; padding:0; width:280px;}
dl.curved dt {background:transparent url("../graphics/t_r.jpg") top right no-repeat; padding:3px; margin:0px;}
dl.curved dd {background:#5F9012 url("../graphics/b_l.jpg") bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0px 0px 0px 0px; padding:3px 6px 0px 5px; color:#fff;}
dl.curved dd p.last {background:transparent url("../graphics/b_r.jpg") bottom right no-repeat;padding:3px 6px 16px 5px;  margin:0px 0px 0px 0px;color:#fff;}
dl.curved img{border:4px solid #EFF0EC; float:left; position:relative; width:92px; height:65px; margin:0px 6px 24px 3px;}
#middle dl.curved dd p.last {min-height:70px; }
#left dl.curved dd p.last {min-height:70px; }
dl.curved dd p strong{color:#fff; font-size:14px; margin:0px 0px 0px 0px ;}	
dl.curved a:link	{color: #fff;	text-decoration:none;}
dl.curved a:visited{color: #fff; text-decoration:none;}
dl.curved li	{color: #fff;	list-style:none;}
#two_column_left dl.curved,#two_column_right dl.curved {width:440px;}
#two_column_left dl.curved dd p.last ,#two_column_right dl.curved dd p.last{min-height:70px; }
/*////////////////////////////////////////////////////////////////////////*/		
/*image overlay*/
/*////////////////////////////////////////////////////////////////////////*/
.image-overlay {list-style: none; text-align: left; }
.image-overlay li {display: inline; }
.image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
.image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }

.image-overlay a{margin:10px 0px 0px 0px; float:left; color:#fff; overflow: hidden; position: relative;}
.image-overlay img{position:absolute; top:0; left:0;border: 0;}
.image-overlay .caption
{color:#fff; float: left; position: absolute;  background:transparent url("../graphics/green_trans.png"); width: 100%; cursor: pointer; 
opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
color:#fff;
}
.image-overlay .caption h1, .image-overlay .caption h2, .image-overlay .caption h3,
.image-overlay .caption h4, .image-overlay .caption h5, .image-overlay .caption h6
{margin: 10px 0 10px 2px;font-size: 20px;font-weight: bold;padding: 0 0 0 5px;}
.image-overlay p{text-indent: 0;margin: 10px;font-size: 1em;font-weight:500;color:#fff;}
/*////////////////////////////////////////////////////////////////////////*/		
/*accordion*/
/*////////////////////////////////////////////////////////////////////////*/
#options {margin:5px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none;}
#options a:hover {color:#033}
#acc {list-style:none;  margin:0 auto ; }
#acc h3 {display: block;padding: 7px 0px 7px 6px;text-decoration: none;background: #F0F0F0;color: #333;width:240px;margin:0px 0px 2px 0px;	font-size:15px;	cursor:pointer; border:0px;}
#acc .acc-section {overflow:hidden;}
#acc .acc-content {padding:0px 0px 10px 20px; }
/*////////////////////////////////////////////////////////////////////////*/		
/*pikachoose*/
/*////////////////////////////////////////////////////////////////////////*/
.pikachoose{width:900px; height:450px; margin:0px 0px 0px 0px;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:310px;margin:10px 0px 0px 0px; margin-top:-435px; margin-left:600px;}
.pikachoose ul li{float:left; border:1px solid #5F9012;padding:2px;margin:0 6px 4px 0;position:relative;  }
.pikachoose ul li div img{position:relative;cursor:pointer;}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:584px;height:435px;display:block;position:relative; margin:0px 0px 0px 0px;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #5F9012;background:#fff;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{color:#fff; width:572px;height:16px;padding:6px 0px 6px 6px;text-align:left;position:absolute;bottom:-3px;left:3px;background:url('../graphics/green_trans.png') top left;}
.pika_caption a{color:#fff;}
.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}
.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}
/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('fastf.png') top right no-repeat;}
/*////////////////////////////////////////////////////////////////////////*/		
/*drop down*/
/*////////////////////////////////////////////////////////////////////////*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:	0;list-style:none; z-index:1000;}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12.5em; /* left offset of submenus need to match (see below) */
	
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12.5em; /* match ul width */
	top:			0;
	z-index:200;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	z-index:200;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12.5em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	0px ;
	border-top:		0px ;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#333;
}
.sf-menu li {
	background:	transparent	url("../graphics/trans.png");
	
}
.sf-menu li li {
	background:		transparent	url("../graphics/trans.png");
	border-bottom:1px solid #fff;
	width:150px;
	
}
.sf-menu li li li {
	background:		transparent	url("../graphics/trans.png");
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:			transparent	url("../graphics/trans_green.png");
	outline:		0;
	color:			#fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../graphics/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*////////////////////////////////////////////////////////////////*
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/ 

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url('../includes/login/login_panel/images/tab_b.png') repeat-x 0 0;
	height: 32px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 25px;
  	color: white;
  	font-size: 12px;
	text-align: center;
}

.tab ul.login li.left {
  	background: url('../includes/login/login_panel/images/tab_l.png') no-repeat top right ;
  	height: 42px;
	width: 28px;
	padding: 0px;
	margin: 0px;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url('../includes/login/login_panel/images/tab_r.png') no-repeat top left ;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li, .sep, #toggle  {
 	text-align: left;
  	padding: 0px 6px 0px 20px;
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
  	background: url('../includes/login/login_panel/images/tab_m.png')  repeat-x ;
}

.tab ul.login li a {
	color: #fff;
}

.tab ul.login li a:hover {
	color: #ccc;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url('../includes/login/login_panel/images/bt_open.png') no-repeat left 0;}
.tab a.close {background: url('../includes/login/login_panel/images/bt_close.png') no-repeat left 0;}
.tab a:hover.open {background: url('../includes/login/login_panel/images/bt_open.png') no-repeat left -19px;}
.tab a:hover.close {background: url('../includes/login/login_panel/images/bt_close.png') no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
	float:left;
    top: 0;
    width: 920px;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	padding:0px 0px 0px 30px;

}

#panel {
	width: 920px;
	height: 250px;
	color: #fff;
	background: #5F9012;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 5px;
	margin: 0;
	color: white;
	width:280px;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #fff;
}

#panel a:hover {
	color: #ccc;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 920px;
	margin: 0px auto 0px auto;
	padding-top: 5px;
	text-align: left;
	font-size: 1em;
	height:250px;
	position:relative;
	float:left;
	
}

#panel .content .left {
	width: 280px;
	float: left;
	position:relative;
	margin:0px;
	padding: 0px 15px 0px 10px;
	
	
}

#panel .content .right {
	position:relative;
	float: left;
	width: 280px;
	margin:0px;
	
}

#panel .content form {
	margin: 0 0 10px 0;
	
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
	color:#fff;
}

#panel .content input.field {
	border: 1px #fff solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: #fff;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 178px;
	height:22px; 
	background: transparent url('../includes/login/login_panel/images/button.png') no-repeat 0 0;
}
.bt_logoff a:link{
	width: 178px;
	height:22px; 
	color: #000;
	background: transparent url('../includes/login/login_panel/images/button.png') no-repeat 0 0;
}
#panel .content input.bt_register {
	width: 178px;
	height:22px; 
	background: transparent url('../includes/login/login_panel/images/button.png') no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}