a:link { color: #529A00; text-decoration: none; font-size:10px; }
a:visited { color: #529A00; text-decoration: none; font-size:10px; }
a:active { color: #529A00; text-decoration: underline; font-size:10px; }
a:hover { color: #529A00; text-decoration: underline; font-size:10px; }
body {
	font-size: 12px;
	font-family: "MS Sans Serif";
}
.textdetail {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 11px;
}
.textdetail02 {
	font-size: 10px;
}
.textdetail002 {
	font-size: 10px;
	color: #529A00;
}
.textdetail03 {
	font-size: 12px;
	color: #529A00;	
}
.style2{
	color: #FFFFFF; 
	font-size:12px;
	font-family:"Arial",Helvetica, sans-serif;
	font-weight:bold;
}
.white {
	color: #FFFFFF;
	font-size:10px;
}
.read{
/*margin:0 0 20px;*/
font-size:9px;
font-weight:normal;
color:#1b54b5;
}
.timeClass {
  font-family:arial,verdana,helvetica,sans-serif;
  font-weight:normal;
  font-size:10pt;
}
.textuser {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 10px;
	color:#0CF;
	font-weight:bold;
}
h1{
	font-size:12px;
	color:#529A00;
	text-decoration:none;
}

#logout{
	position: absolute;
	background:url(images/logout_bg.gif) no-repeat;
	width:303px;
	height:29px;
	padding: 0;
	top:51px;
}
#logout_bt
{
    background:url(images/nav/logout_button.gif) no-repeat;
    height: 14px;
    width: 50px;
    border: none;
	line-height:normal;
	cursor:pointer;
}

#logout_bt:hover {     background: url(images/nav/logout_button.gif) 0 -14px no-repeat; }
#logout_bt span
{
  /*display: none;*/

}
#login{
	position: absolute;
	background:url(images/login_bg.gif) no-repeat;
	width:303px;
	height:29px;
	padding: 0;
	top:55px;
}


#login input{
	
	color:#06F;
	border: 0.5pt solid #09F;
	border-collapse: collapse;
	/*border-spacing: 0;
	margin: 0;
	space: 0;*/
	font-size: 10px;
	height: 12.5pt;
	line-height: 10pt;
	/*margin-bottom:-3.5pt;*/
	margin-top:6px;
	z-index: 1;

}
#submit
{
    background:url(images/nav/login_button.gif) no-repeat;
    height: 14px;
    width: 37px;
    border: none;
	line-height:normal;
	cursor:pointer;
}

#submit:hover {     
	background: url(images/nav/login_button.gif) 0 -14px no-repeat; 
    height: 14px;
	 width:37px; 
	 border: none;
	 line-height:normal; 
	 cursor:pointer;
}
#submit span
{
 /* display: none;*/
 
}

#regist
{
    background:url(images/nav/register_button.gif) no-repeat;
    height: 14px;
    width: 43px;
    border: none;
	line-height:normal;
	cursor:pointer;
}

#regist:hover {     
	background: url(images/nav/register_button.gif) 0 -14px no-repeat;
	height: 14px;
	width: 43px;
    border: none;
	line-height:normal;
	cursor:pointer;
}
#regist span
{
  /*display: none;*/
}

#getpass
{
    background:url(images/nav/bt_getpass.gif) no-repeat;
    height: 14px;
    width: 48px;
    border: none;
	line-height:normal;
	cursor:pointer;
}

#getpass:hover {     
	background: url(images/nav/bt_getpass.gif) 0 -14px no-repeat; 
    height: 14px;
    width: 48px;
    border: none;
	line-height:normal;
	cursor:pointer;}
#getpass span
{
  /*display: none;*/
}
#login a:link, #search a:visited {
	font-size: 90%;
	font-weight: bold;
	
}
#navigation{
	position: absolute;
	width:208px;
	height:29px;
	padding: 0;
	top:55px;
	font-size:10px;
	
}
#navigation ul {
			float: left;
			position:relative;
			list-style: none;
}
#navigation li {
			float: left;
			position: relative;
			list-style: none;
		}
		#navigation li a {
			display: block;
			text-decoration: none;
			height: 29px;
			background-position: 0 0;
			background-repeat: no-repeat;
			font-style:normal; 
			font-size:9px;
			text-align:right;
		}
		#navigation li#index a{background-image: url(images/nav/nav_home.gif); width: 43px;}
		#navigation li#indexactive a {background-image: url(images/nav/nav_home.gif); width: 43px; background-position: 0 -29px;}
		
		
		#navigation li#news a {background-image: url(images/nav/nav_news.gif); width: 44px;}
		#navigation li#newsactive a {background-image: url(images/nav/nav_news.gif); width: 44px; background-position: 0 -29px;}
		
		#navigation li#contact a {background-image: url(images/nav/nav_contact.gif); width: 54px;}
		#navigation li#contactactive a {background-image: url(images/nav/nav_contact.gif); width: 54px; background-position: 0 -29px;}	
		
		#navigation li#favorites a {background-image: url(images/nav/nav_favorites.gif); width: 65px;}
		#navigation li#favoritesactive a {background-image: url(images/nav/nav_favorites.gif); width: 65px; background-position: 0 -29px;}

		#navigation li#manage a {background-image: url(images/nav/nav_manage.gif); width: 54px;}
		#navigation li#manageactive a {background-image: url(images/nav/nav_manage.gif); width: 54px; background-position: 0 -29px;}	

		#navigation li#space{background-image:url(images/blank.gif); width: 12px;}
		#navigation li a:hover {background-position: 0 -29px;}
		#navigation li a span {display:block;}
		#navigation li a.active {background-position: 0 -29px;
	}
#second{
	position: absolute;
	width:518px;
	height:24px;
	padding: 0;
	top:85px;
	font-size:10px;
	
}
#second li {
	float:left;
	position: relative;
	list-style: none;
	text-align:center;
}
		#second li a {
			display: block;
			text-decoration: none;
			height: 30px;
			background-position: 0 0;
			background-repeat: no-repeat;
			padding-top:10px;
		}
		
		#second li#coconut a {background-image:url(images/nav/sec_nav_coconut.gif); width: 54px;}
		#second li#coconutactive a {background-image: url(images/nav/sec_nav_coconut.gif); width: 54px; background-position: 0 -50px;}
		
		#second li#cocomilk a {background-image:url(images/nav/sec_nav_coconutmilk.gif); width: 74px;}
		#second li#cocomilkactive a {background-image: url(images/nav/sec_nav_coconutmilk.gif); width: 74px; background-position: 0 -50px;}
		
		#second li#cocojuice a {background-image:url(images/nav/sec_nav_coconutjuice.gif); width: 79px;}
		#second li#cocojuiceactive a {background-image: url(images/nav/sec_nav_coconutjuice.gif); width: 79px; background-position: 0 -50px;}
		
		#second li#product a {background-image:url(images/nav/sec_nav_product.gif); width: 74px;}
		#second li#productactive a {background-image: url(images/nav/sec_nav_product.gif); width: 74px; background-position: 0 -50px;}
		
		#second li#magazine a {background-image:url(images/nav/sec_nav_brand.gif); width: 56px;}
		#second li#magazineactive a {background-image:url(images/nav/sec_nav_brand.gif); width: 56px; background-position: 0 -50px;}
		#second li#magazine a span{
			position: absolute;
			/*width: 19px;
			height: 13px;*/
			clear:both;
			/*display: block;	*/
			top: -2px;
			left: 8px;	
			background: url(images/icon_newss.png) no-repeat;
			}
		#second li#brand a {background-image:url(images/nav/sec_nav_brand.gif); width: 64px;}
		#second li#brandactive a {background-image:url(images/nav/sec_nav_brand.gif); width: 64px; background-position: 0 -50px;}
		
		#second li#ref a {background-image:url(images/nav/sec_nav_reference.gif); width: 62px;}
		#second li#refactive a {background-image: url(images/nav/sec_nav_reference.gif); width: 62px; background-position: 0 -50px;}
		
		#second li#career a {background-image:url(images/nav/sec_nav_career.gif); width: 48px;}
		#second li#careeractive a {background-image: url(images/nav/sec_nav_career.gif); width: 48px; background-position: 0 -50px;}
		#second li#blank {background-image:url(images/blank.gif); width: 1px;}
		#second li a:hover {background-position: 0 -50px;}
		#second li a span {
			font-style:normal; 
			font-size:9px; }
		#second li a span .newss{
			/*clear:both;*/
			/*display: block;	*/
			/*top: -2px;
			left: 13px;	*/
			background: url(images/icon_new.png) no-repeat;
			}
		#second li a.active {background-position: 0 -50px;	}
	
#menu{
	position:relative;
	width:244px;
	padding: 0;	
	font-size:10px;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	font-family:"Arial", Gadget, sans-serif;
	
}
/*#menu li {
	float:left;
	width:244px;
	position:relative;
	list-style: none;
	text-align:right;
	vertical-align:top;	
	color:#FFF;
}
		#menu li a {
			display: block;
			text-decoration: none;
			height:38px;
			background:url(images/menu_other01.gif);
			position:relative;
			text-align:right;
			font-size:10px;
			color:#FFF;
			padding-top:8px;
			padding-right:6px;
		}		
		.clearfloat { 
			clear:both;
		}
		#menu li#01 a {background-image::url(images/menu_other01.gif); width: 244px; height:38px; background-position: 0 0px;}
		#menu li#01active a {background-image: url(images/menu_other01.gif); width: 244px; background-position: 0 -51px;}
		#menu li#01 a:hover  {background-image: url(images/menu_other01.gif); width: 244px; background-position: 0 -51px;}
		
		#menu li#02 a {background-image:url(images/menu_other01.gif); width: 244px; height:38px; background-position: 0 0px;}
		#second li#02active a {background-image: url(images/menu_other01.gif); width: 244px; background-position: 0 -51px;}
		#menu li#02 a:hover  {background-image: url(images/menu_other01.gif); width: 244px; background-position: 0 -51px;}
		
		#menu li#03 a {background-image:url(images/menu_other01.gif); width: 244px; height:38px; background-position: 0 0px;}
		#menu li#03active a {background-image: url(images/menu_other01.gif); width: 244px; background-position: 0 -51px;}
		#menu li#03 a:hover  {background-image: url(images/menu_other01.gif); width: 244px; background-position: 0 -51px;}
		
		#menu li#04 a {background-image:url(images/menu_other01.gif); width: 244px; height:38px; background-position: 0 0px;}
		#menu li#04active a {background-image: url(images/menu_other01.gif); width: 244px; background-position: 0 -51px;}
		#menu li#04 a:hover  {background-image: url(images/menu_other01.gif); width: 244px; background-position: 0 -51px;}
		
		#menu li#05 a {background-image:url(images/menu_other01.gif); width: 244px; height:38px; background-position: 0 0px;}
		#menu li#05active a {background-image:url(images/menu_other01.gif); width: 244px; background-position: 0 -51px;}	
		#menu li#05 a:hover  {background-image: url(images/menu_other01.gif); width: 244px; background-position: 0 -51px;}
		
		#menu li#blank {background-image:url(images/blank.gif); width: 1px; clear:both;}
		#menu li a:hover {color:#060; font-weight:bold; font-size:10px; background-position: 0 -51px;}
		#menu li a span {display:block;color:#FFF;}
		#menu li a:hover span {color:#060; font-weight:bold; font-size:10px; background-position: 0 -51px;}
		#menu li a.active {background-position: 0 -51px;	}
		*/
#new
{
	position:absolute;
	left:116px;
	top:12px;
	background:url(images/icon_new.png);
	background-repeat:no-repeat;
	width:26px;
	height:20px;
	z-index:1;
}	
#new2
{
	position:absolute;
	left:183px;
	top:12px;
	background:url(images/icon_new.png) ;
	background-repeat:no-repeat;
	width:26px;
	height:20px;
	z-index:1;
}
		
#navigationmem{
	/*width:219px;*/
	height:73px;
	/*top:51px;*/
	font-size:10px;
	position:relative;
	margin:0;	
	padding: 0;
}
#navigationmem ul {
			float: left;
			position:absolute;
			list-style: none;
			margin:0;	
			padding: 0;	
}
#navigationmem li {
			float: left;
			position: relative;
			list-style: none;
			width:67px;
			margin:0;	
			padding: 0;
		}
		#navigationmem li a {
			display: block;
			text-decoration: none;
			height: 73px;
			background-position: 0 0;
			background-repeat: no-repeat;
			font-style:normal; 
			font-size:9px;
			text-align:center;
			margin:0;	
			padding: 0;
			/*padding-top:25px ;*/
		}
		#navigationmem li#eordering a{background-image: url(images/membericons/icon_eordering1.png); width: 67px;}
		#navigationmem li#eorderingactive a {background-image: url(images/membericons/icon_eordering1.png); width: 67px; }
		#navigationmem li#eordering a:hover {background-image: url(images/membericons/icon_eordering2.png); width: 67px; }
		
		#navigationmem li#letter a {background-image: url(images/membericons/icon_letterhead1.png); width: 67px;}
		#navigationmem li#letteractive a {background-image: url(images/membericons/icon_letterhead2.png); width: 67px;}
		#navigationmem li#letter a:hover {background-image: url(images/membericons/icon_letterhead2.png); width: 67px; }
		
		#navigationmem li#ccprice a {background-image: url(images/membericons/icon_ccprice1.png); width: 67px;}
		#navigationmem li#ccpriceactive a {background-image: url(images/membericons/icon_ccprice2.png); width: 67px; }	
		#navigationmem li#ccprice a:hover {background-image: url(images/membericons/icon_ccprice2.png); width: 67px; }	
		
		#navigationmem li#email a {background-image: url(images/membericons/icon_email1.png); width: 67px;}
		#navigationmem li#emailactive a {background-image: url(images/membericons/icon_email2.png); width: 67px; }	
		#navigationmem li#email a:hover {background-image: url(images/membericons/icon_email2.png); width: 67px; }	
		
		#navigationmem li#upload a {background-image: url(images/membericons/icon_upload1.png); width: 67px;}
		#navigationmem li#uploadactive a {background-image: url(images/membericons/icon_upload2.png); width: 67px;}
		#navigationmem li#upload a:hover {background-image: url(images/membericons/icon_upload2.png); width: 67px;}

		#navigationmem li#download a {background-image: url(images/membericons/icon_download1.png); width: 67px;}
		#navigationmem li#downloadactive a {background-image: url(images/membericons/icon_download2.png); width: 67px; }	
		#navigationmem li#download a:hover {background-image: url(images/membericons/icon_download2.png); width: 67px; }	
		
		#navigationmem li#track a {background-image: url(images/membericons/icon_track1.png); width: 67px;}
		#navigationmem li#trackactive a {background-image: url(images/membericons/icon_track2.png); width: 67px; }	
		#navigationmem li#track a:hover {background-image: url(images/membericons/icon_track2.png); width: 67px; }
		
		#navigationmem li#news a {background-image: url(images/membericons/icon_news1.png); width: 67px;}
		#navigationmem li#newsactive a {background-image: url(images/membericons/icon_news2.png); width: 67px; }	
		#navigationmem li#news a:hover {background-image: url(images/membericons/icon_news2.png); width: 67px; }
		
		#navigationmem li#meeting a {background-image: url(images/membericons/icon_meeting1.png); width: 67px;}
		#navigationmem li#meetingactive a {background-image: url(images/membericons/icon_meeting2.png); width: 67px; }	
		#navigationmem li#meeting a:hover {background-image: url(images/membericons/icon_meeting2.png); width: 67px; }
		
		#navigationmem li#webboard a {background-image: url(images/membericons/icon_webboard1.png); width: 67px;}
		#navigationmem li#webboardactive a {background-image: url(images/membericons/icon_webboard2.png); width: 67px; }	
		#navigationmem li#webboard a:hover {background-image: url(images/membericons/icon_webboard2.png); width: 67px; }
		
		#navigationmem li#regulations a {background-image: url(images/membericons/icon_regulations1.png); width: 67px;}
		#navigationmem li#regulationsactive a {background-image: url(images/membericons/icon_regulations2.png); width: 67px; }	
		#navigationmem li#regulations a:hover {background-image: url(images/membericons/icon_regulations2.png); width: 67px; }
		
		#navigationmem li#nutritions a {background-image: url(images/membericons/icon_nutritions1.png); width: 67px;}
		#navigationmem li#nutritionsactive a {background-image: url(images/membericons/icon_nutritions2.png); width: 67px; }	
		#navigationmem li#nutritions a:hover {background-image: url(images/membericons/icon_nutritions2.png); width: 67px; }
		
		#navigationmem li#specification a {background-image: url(images/membericons/icon_specification1.png); width: 67px;}
		#navigationmem li#specificationactive a {background-image: url(images/membericons/icon_specification2.png); width: 67px; }	
		#navigationmem li#specification a:hover {background-image: url(images/membericons/icon_specification2.png); width: 67px; }
		
		#navigationmem li#request a {background-image: url(images/membericons/icon_request1.png); width: 67px;}
		#navigationmem li#requestactive a {background-image: url(images/membericons/icon_request2.png); width: 67px; }	
		#navigationmem li#request a:hover {background-image: url(images/membericons/icon_request2.png); width: 67px; }

		#navigationmem li#space{background-image:url(images/blank.gif); width: 2px;}
		/*#navigation li a:hover {background-position: 0 -29px;}*/
		#navigationmem li span {visibility: hidden;}


.photo {
	position:relative;
	width: 44px;
	height: 65px;
	float: left;
}
.photo img {
	border:0;
	z-index:3;
}
.photo span {
	position: absolute;
	width: 19px;
	height: 13px;
	/*display: block;	*/
	top: -4px;
	left: 23px;	
	background: url(images/icon_new.png) no-repeat;
}
.photo a {
	text-decoration: none;	
}
 .photo a:hover{
	z-index:0;	
	position:relative;
	background-image: url(images/membericons/iconhilight.png); width: 44px; 
}

 
#slideshow {
	margin:0 auto;
	width:244px;
	height:230px;
	
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  left:12px;
  width:220px;
  height:230px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:220px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:230px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  margin-left:3px;
  width:18px;
  height:133px;
  text-indent:-10000px;
  z-index:1;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent  url(images/f_left.gif) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/f_right.gif) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */
/** {
  margin:0;
  padding:0;
  font:normal 11px Verdana, Geneva, sans-serif;
  color:#ccc;
}*/
/*a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
body {
  background:#393737 url(images/bg_body.jpg) repeat-x top left;
}*/
#pageContainer {
  margin:0 auto;
  width:244px;
/*  background:url(images/bg_feature.gif) no-repeat top left;*/
}
#pageContainer h1 {
  display:block;
  width:244px;
  height:104px;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:5px;
  
}
.slide h2 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
  color:#F39;
  letter-spacing:-1px;
}
.slide img {
 /* float:right;*/
  clear:both;  
  margin-top: 15px;
 /* margin:0 5px;*/
}
#mover {
width: auto;
position:absolute;
overflow:hidden;
}