/*makeshift CSS RESET */
*{
	margin				:	0;
	padding				:	0;
}

/*Render HTML5 elements as block*/
header, footer, aside, nav, article, div{	
	display				:	block;
}

body {
	font-family			:	Calibri;
	font-size			:	14px;
	color				:	#524942;
	line-height			:	14px;
	/*margin				:	5px auto;*/
	background-color	:	#211b1d;
		min-width	:	980px;}

/*history*/
.history { background:url(http://www.geecenzymes.com/stylesheets/images/line04.gif) repeat-y 187px 0;overflow:hidden;  position:relative;height: 681px;
}
.history-date { overflow:hidden;}
.history-date h2 { background:url(http://www.geecenzymes.com/stylesheets/images/icon06.gif) #fff no-repeat 158px 0; height:49px; font-size:24px; font-family:Calibri; font-weight:normal; padding-left:45px; margin-bottom:4px;  }
.history-date h2.first { position:absolute; left:0; top:0; width:935px; z-index:99;}
.history-date h2 a { color:#00bbff; display:inline-block; *display:inline; zoom:1; background:url(http://www.geecenzymes.com/stylesheets/images/icon08.gif) no-repeat right 50%; padding-right:17px; margin:11px 97px 0 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
.history-date ul {}
.history-date ul li { background:url(http://www.geecenzymes.com/stylesheets/images/icon07.gif) no-repeat 180px 0; padding-bottom:20px; zoom:1; }
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 { float:left; width:168px; text-align:right; padding-right:19px;color:#c3c3c3; font:normal 18px/16px Arial;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px;}
.history-date ul li dl { float:left; padding-left:41px; margin-top:-5px; font-family:Calibri;}
.history-date ul li dl dt { font:20px/22px Calibri; color:#737373; }
.history-date ul li dl dt span { display:block; color:#787878; font-size:12px;}
.history-date ul li.green h3 { color:#1db702;}
.history-date ul li.green h3 span { color:#a8dda3; }
.history-date ul li.green dl { margin-top:-8px;}
.history-date ul li.green dl dt { font-size:24px; line-height:28px;}
.history-date ul li.green dl dt a { /*background:url(images/icon09.gif) no-repeat 0 0; width:19px; height:16px;*/ display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;}
.history-date ul li.green dl dd { padding-top:20px; display:none;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}

.history-date h2.first .more-history {font-size: 12px; background: transparent; margin-left: 30px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}
*body .history-date ul li dl dt {_font-size:10px !important; _font-weight:bold;}
*body .history-date ul li dl dt span {_font-weight:normal !important;}
*body .history-date ul li.green dl dt a {_background:transparent !important; *background:transparent !important;*font-size:12px !important; _font-weight:normal !important;}

img {
	border				: 	0;
	/*display 			:	block;*/
}

p {
	padding-bottom		:	15px;
	font-family			:	Calibri;
}

/*table .tbl td {padding:5px;}*/

h1,h2,h3,h4,h5,h6 {
	font-family			:	Calibri;
	font-weight			:	normal;
}

h1 						{font-size:24px; line-height:30px;}
h2 						{font-size:22px; line-height:28px;}
h3 						{font-size:20px; line-height:26px;}
h4						{font-size:18px; line-height:24px;}
h5 						{font-size:16px; line-height:22px;}
h6 						{font-size:14px; line-height:20px;}

input, textarea {
	font-size			:	13px;
	font-family			:	Calibri;
	padding 			:	3px;
}


.formSelect select, option{
	font-size: 12px;
	font-familiy : Calibri;
}
.formTable td {
	padding:5px;
}

.text-green 			{color: #719207;}
.text-darkbrownblack 	{color: #221C1D;}
.text-orange			{color: #D64708;}
.text-red				{color: #CA161D;}


.unorderlist            {margin-left:30px; margin-bottom:15px;}
.unorderlist ul         {list-style-type:none;}
.unorderlist ul li      {padding-left:15px ;margin-bottom:10px; text-align:justify;background-image:url(http://www.geecenzymes.com/graphics/icon-arrow-black.jpg); background-position:left 0.2em; background-repeat:no-repeat;}

.orderlist              {margin-left:30px; margin-bottom:15px;}
.orderlist ol li        {margin-bottom:10px; text-align:justify;}
.orderlist ol li ol     {margin-left:0;margin-top:5px;}

a {
	color				:	#525252;
	text-decoration		:	underline;
}

a:hover {
	text-decoration		:	none;
	color				:	#CC7300;
}

a.barblue {
	font-size 			:	11px;
	word-spacing		:	0;
	line-height 		:	12px;
	background-image	:	url(http://www.geecenzymes.com/graphics/icon-bar-blue.jpg);
	background-repeat	:	no-repeat;
	background-position	:	left 0.4em;
	padding-left 		:	30px;
}



/*******************************************************
	OUTER-WRAPPERS
*******************************************************/

#header,
#navigation,
#banner,
#contentarea,
#footer 					{width:100%;}

#header {
	padding-bottom			:	0.3em;
	background-image		:	url(../graphics/background-header.jpg);
	background-repeat		:	repeat-x;
}

#navigation {
	background-color		:	#E2DFD8;
	background-image		:	url(../graphics/background-menu.jpg);
	background-repeat		:	repeat-x;
}

#banner {
	padding-bottom			:	0.3em;
	background-color		:	#E2DFD8;
}

#contentarea {
	background-color 		:	#F4F1EA;
	padding-top				:	1.5em;
	padding-bottom			:	1.5em;
}

#footer {
	padding-top				:	1.5em;
	padding-bottom			:	1.5em;
	background-image		:	url(../graphics/background-footer.jpg);
	background-repeat		:	repeat-x;
	font-size 				:	11px;
	font-weight 			:	bold;
	text-transform			:	uppercase;
	color					:	#a1a1a1;

}



/*******************************************************
	MAIN-CONTAINERS
*******************************************************/

#header .block,
#navigation .block,
#banner .block,
#contentarea .block,
#footer .block {
	width				:	980px;
	margin				:	0 auto;
}

#navigation .block {
	clear 				:	both;
	display 			: 	block;
	height				: 	34px;
}

#banner .block {
/*	background-color:#e2dfd8;*/
	padding: 15px 0 8px 0;

}
#contentarea .block	{
	height				:	auto;
	min-height			:	500px !important;
	height				:	auto;
	overflow			:	hidden;
}

#footer .block	{}

/*******************************************************
	HEADER : MEMBER PANEL LINKS 
*******************************************************/
.memberPanel-list{
margin-top:45px;
/*margin-left:405px;*/
float:right;
}
.memberPanel-list ul{
	list-style-type:none;
	float:left;
}

.memberPanel-list ul li {
	padding-left:10px;
	float:left;
	background-image:url(../graphics/icon-circle-green.jpg);
	background-repeat:no-repeat;
	background-position: 0 0.3em;
}
.memberPanel-list ul li a{
	padding-right:18px;
	font-family:tahoma;
	font-size:11px;
	color:#A1A1A1;
	text-decoration:none;
}
	
.memberPanel-list ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

		
/*******************************************************
	#CONTENT STYLE - PANEL AREA / PAGE CONTENT AREA 
*******************************************************/

#panel-box .panel-box-wrapper {overflow:hidden;}

#panel-heading .panel-heading-wrapper {
	overflow:hidden;
	line-height:24px;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	font-family:Trebuchet MS;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #B7B2AC;
}


#panel-content .panel-content-wrapper {}

/*******************************************************
	#CUSTOMISE:
	#CONTENT STYLE - PANEL AREA / PAGE CONTENT AREA 
*******************************************************/

/*contentarea*/
#contentarea-box .contentarea-box-wrapper {overflow:hidden;}
#contentarea-content .contentarea-content-wrapper {padding:0.8em;overflow:hidden;}

.mainDividerVertical  {
 	background-image 		:	url(../graphics/vertical-line.jpg);
 	background-repeat		:	repeat-y;
	background-position		:	center;
	padding					: 	0 1.2em;
}
.mainDividerVertical2  {
 	background-image 		:	url(../graphics/vertical-line.jpg);
 	background-repeat		:	repeat-y;
	background-position		:	center;
	padding					: 	0 1.8em;
}


/* Featured Products */
.panel-content-wrapper .products-box { margin-bottom:0.3em;padding:0.5em;width:300px;background-color:#E9E4D9;overflow:hidden;}
.panel-content-wrapper .products-box .products-image {padding-top:0.2em;float:left;background-color:#ffffff;width:125px;}
.panel-content-wrapper .products-box .products-desc{float:left;padding-left:10px;}
.products-desc .name{padding-bottom:0.5em;}
.products-desc .desc {padding-bottom:0.5em;height:auto;min-height:48px !important;height:auto;}

/* Latest Events */
.panel-content-wrapper .events-box {margin-top:0.8em;padding:0.5em;width:405px;background-color:#FFFFFF;overflow:hidden;}
.panel-content-wrapper .events-box .events-image {padding-top : 0.2em;text-align:center;}
.panel-content-wrapper .events-box .events-desc {margin:0.8em 0.2em 0.5em 0.2em;}
.events-desc .name {padding-bottom:0.5em;color:#D64708;}
.events-desc .desc {}

/*--- for homepage :latest news --*/
.panel-content-wrapper .news-box .news-desc {margin-top:0em;display:block;}
.news-desc ul {list-style-type:none;}
.news-desc ul li{list-style-type:none;background-image:url(../graphics/icon-square-green.jpg);background-repeat:no-repeat;background-position : left 0.4em;margin-bottom : 1.5em;padding-left:10px;}
.news-desc ul li a{color:#8B8580;text-decoration: none;}
.news-desc ul li a:hover{color : #D64708;text-decoration: none;}
/*--- end --*/

.news-date {color : #2E251F;font-size : 12px;font-weight : bold; }
.news-headline {margin-bottom:none;}
/* Small Banners */
.panel-content-wrapper .sbanners-box {margin-top:0.8em;width:220px;overflow:hidden;}
.panel-content-wrapper .sbanners-box .sbanners-desc {}
.sbanners-desc aside {padding-bottom:0.5em;}

/* Contact Us */
.panel-content-wrapper .contact-box {margin-top:0.8em;width:220px;overflow:hidden;}
.panel-content-wrapper .contact-box .contact-desc{}

/* Enquiry */
.panel-content-wrapper .enquiry-box {margin-top:0.8em;width:400px;overflow:hidden;}
.panel-content-wrapper .enquiry-box .contact-desc{}

/* Latest News */
.panel-content-wrapper .news-box {margin-top:0.8em;padding:0.5em; overflow:hidden; padding-left:0;}

/*--- for homepage :latest news --*/
.panel-content-wrapper .news-box #mysagscroller {margin-top:0em;display:block; background-color:#FFFFFF; padding: 0 0.5em;}
#mysagscroller ul {list-style-type:none;}
#mysagscroller ul li{list-style-type:none;background-image:url(../graphics/icon-square-green.jpg);background-repeat:no-repeat;background-position : left 0.4em; margin-top:15px;padding:0 15px 0 10px; border-bottom:1px solid #D1CCC2;}
#mysagscroller ul li a{color : #D64708;text-decoration: none;}
#mysagscroller ul li a:hover{color:#8B8580;text-decoration: none;}
#mysagscroller .news-date {color : #2E251F;font-size : 12px;font-weight : bold; margin-bottom:10px;}
#mysagscroller .news-headline {margin-bottom:15px;}
.news-box .more{text-align:right; margin-top : 0.8em;}
/*--- end --*/


/* Huamn Diagram */
.panel-content-wrapper .diagram-box {margin-top:0.8em;width:708px;overflow:hidden;background-color:White;padding:40px 0 50px 0;}
.panel-content-wrapper .diagram-box .diagram-desc {}
.sbanners-desc aside {padding-bottom:0.5em;}


/*******************************************************
	SUBPAGEs : #CONTENT STYLE - OUTER LAYERS
*******************************************************/

#contentarea .block #left-column {
	width					:	200px;
	float	 				:	left;
	overflow				:	hidden;
}

#contentarea .block #right-column {
	width					:	768px;
	padding-left			:	12px;
	overflow				:	hidden;
	height 					:	auto;
	min-height 				: 	500px!important;
	height 		 			: 	auto;
 	background-image 		:	url(../graphics/vertical-line.jpg);
 	background-repeat		:	repeat-y;
	background-position		:	left;
}


/*******************************************************
	#CONTENT STYLE - LEFT COLUMN SECTION 
*******************************************************/
/* Sub Menu */
#menu-content .menu-content-wrapper {
	margin-top				:	5.0em;
	/*border-top				:	1px solid #D8D8D8;*/
}


/*******************************************************
	#CONTENT STYLE - RIGHT COLUMN SECTION 
*******************************************************/

#subpagePanel-box .subpagePanel-box-wrapper {overflow:hidden; margin: 1.5em 0;background-color:#FCFAF3;	height:	auto;min-height:500px!important;height:auto;}
#subpagePanel-content .subpagePanel-content-wrapper {}
/* Latest Events */
.subpagePanel-content-wrapper .subcontent-box {margin-top:2.5em;overflow:hidden;}
.subpagePanel-content-wrapper .subcontent-box .subcontent-desc {margin:0 1.8em;}
.subcontent-desc h1 { font-family : Trebuchet MS; font-size: 24px; text-transform:uppercase; color:#719207; line-height:20px;}
.subcontent-desc h3 { font-family : Trebuchet MS; font-size: 18px; text-transform:uppercase; color:#221C1D;}
.subcontent-desc p {line-height:20px;}
