@charset "utf-8";
/* CSS Document */
/*body {	background-color:#ffc90c; margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px; }*/
body {	background-color:#ffc90c; margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px; }

.container{ width:1000px; position:relative; height:auto; margin:0 auto; }
.container .newsTicker { background:#000000; width:100%; height:35px; border-bottom:#FFFFFF thin solid; float:left; clear:both; }
	.container .newsTicker .newsTop { position:absolute; top:7px; left:0px; width:1000px; height:15px; }
	.container .newsTicker .newsBottom { position:absolute; top:20px; left:0px; width:1000px; height:12px; }
	
.container .header { position:relative; float:left; background:#000000; width:100%; height:170px; clear:both; }
    .container .header .wesmLogoBG { position:absolute; top:0px; left:0px; z-index:3; width:211px; height:170px; }
    .container .header .wesmLogo { position:absolute; top:35px; left:20px; z-index:3; width:106px; height:106px; background:url(../images/wesmLogo.png) left no-repeat; }
    .container .header .wesmTextLogo { position:absolute; top:45px; left:130px; z-index:3; width:318px; height:85px; background:url(../images/wholeSaleTextLogo.png) left no-repeat; }
    .container .header .wesmFamily { position:absolute; right: 20px; top:30px; z-index:3; width:200px;}
    .container .header .rotatingImage { position:absolute; top:0px; left:0px; z-index:0 }

.login-header { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:normal; color:#000; text-decoration:bold; background:url(../images/yellow_header.png) no-repeat; height:16px; }
	
.container .navigator { position:relative; float:none; clear:both; background: #FFFFFF url(../images/navBG.gif) repeat-x; width:985px; height:25px; padding-top:7px; z-index:2; border-top:#FFFFFF thin solid; border-bottom:#FFFFFF thin solid; padding-left:15px; }
	.container .navigator div { float:left; padding:0px 6px; }
	.container .navigator .search { position:absolute; top:6px; right:0px; height:23px; vertical-align:bottom; }
		.container .navigator .search div{ float:left; padding:0px 2px; }
		
.container .navigatorInner {     position:relative; float:none; clear:both; background: url(../images/navBG.gif) repeat-x; width:985px; height:25px; padding-top:7px; z-index:2; border-top:#FFFFFF thin solid; padding-left:15px; }

	.container .navigatorInner div { float:left; padding:0px 6px; }
	.container .navigatorInner .search { position:absolute; top:6px; right:0px; height:23px; vertical-align:bottom; }
		.container .navigatorInner .search div{ float:left; padding:0px 2px; }

.container .subNavigator {  position:relative; float:none; clear:both; background: #FFFFFF url(../images/subNavBG.gif) repeat-x; width:990px; height:23px; padding-top:5px; z-index:6; border-bottom:#FFFFFF thin solid; padding-left:10px; }
	.container .subNavigator div { float:left; padding:0px 7px; display:block; }
	
.container .body { position:relative; float:left; clear:both; width:1000px; z-index:3; }
	.container .body .content { position:relative; float:left; width:100%; background-color:#ffffff; clear:both; padding-top:15px; }
		.container .body .content .breadcrumbs { width:96%; padding:0 2%; height:20px; margin-top:-10px; float:none; clear:both; }
	
		.container .body .content .contentLeft { float:left; width:250px; margin-right:10px; }
			.container .body .content .contentLeft .yellow { float:none; width:240px; height:20px; clear:both; background:url(../images/yellow.gif) bottom no-repeat; padding:7px 0 1px 10px; }
			.container .body .content .contentLeft .blue1 { float:none; width:240px; height:26px; clear:both; background:url(../images/blue1.gif) bottom no-repeat; padding:1px 0 1px 10px; vertical-align:middle; margin:auto 0;}        
			.container .body .content .contentLeft .red { float:none; width:240px; height:26px; clear:both; background:url(../images/red.gif) bottom no-repeat; padding:1px 0 1px 10px; vertical-align:middle; margin:auto 0;}        
			.container .body .content .contentLeft .box { float:none; clear:both; width:250px; padding:0px; }
				.container .body .content .contentLeft .box .top { width:100%; height:18px; background:url(../images/lineTop.gif) bottom no-repeat; margin-top:-5px;  }
				.container .body .content .contentLeft .box .middle { width:240px; background:url(../images/lineMiddle.gif) repeat-y; padding-left:10px; position:relative; height:inherit }
				.container .body .content .contentLeft .box .bottom { width:100%; height:18px; background:url(../images/lineBottom.gif) top no-repeat; }
			.container .body .content .contentLeft .consumerInfo { width:240px; height:40px; padding:5px; float:none; }

				.container .body .content .contentLeft .middle .marketGlance { width:230px; height:130px; background:url(../images/marketGlanceBG.gif) center no-repeat; position:relative; padding:25px 0 0 0 }
				.container .body .content .contentLeft .middle .marketGlance .marketHolder { width:230px; height:42px; position:relative; float:left; clear:both; }
					.container .body .content .contentLeft .middle .marketGlance .marketHolder .marketTitle { width:120px; height:38px; padding-top:5px; text-align:right;  }
					.container .body .content .contentLeft .middle .marketGlance .marketHolder .luzonMarketTime { position:absolute; left:126px; top:1px; width:50px; height:17px; text-align:center  }
					.container .body .content .contentLeft .middle .marketGlance .marketHolder .luzonMarketDemand { position:absolute; left:126px; top:22px; width:50px; height:20px; text-align:center }
					.container .body .content .contentLeft .middle .marketGlance .marketHolder .visayasMarketTime {  position:absolute; left:176px; top:1px; width:50px; height:17px; text-align:center  }
					.container .body .content .contentLeft .middle .marketGlance .marketHolder .visayasMarketDemand {  position:absolute; left:176px; top:22px; width:50px; height:20px; text-align:center  }
					

		.container .body .content .contentRight { float:right; width:700px; padding-right:20px; }	
			.container .body .content .contentRight .tabsMain { width:670px; padding:0 10px; height:190px; position:relative; }
				.container .body .content .contentRight .tabsMain .systemGraph { float:left; width:270px; height:170px; position:relative; }
				.graphDescLeft { position:absolute; bottom:0px; left:20px; z-index:99; font-size:9px; font-family: Arial, Courier, Helvetica,; }
				.graphDescRight { position:absolute; bottom:0px; right:15px; z-index:99; font-size:12px; font-family: Arial, Courier, Helvetica; }
				.graphDescTop { font-size:12px; font-family: Arial, Courier, Helvetica; margin-bottom:5px; }
		.container .body .content .section { float:left; clear:both; margin-top:15px; width:95%; background:url(../images/sectionBorder.gif) right top no-repeat; }
			.container .body .content .section .sectionTitle { padding:5px 6% 0 4%; width:90%; float:left; clear:both; background:url(../images/arrowTitleLeft.gif) left no-repeat; height:25px; }
			.container .body .content .section .sectionContent { width:95%; padding:10px; float:left; clear:both;  }
				.container .body .content .section .sectionContent .headlineImage { width:280px; height:180px; float:left }
				.container .body .content .section .sectionContent .newsHolder {  width:52%; float:left  } 
				  
		.container .body .content .report { list-style:none; margin:0px; padding-left:0px; }
			.container .body .content .report li { background:url(../images/arrowMainLeft.gif) left top no-repeat; padding-left:15px; }
			.container .body .content .subReport { list-style:none; margin:0px; padding-left:5px; }
			.container .body .content .subReport li { background:url(../images/arrowSubLeft.png) left top no-repeat; padding-left:18px; }

		.container .body .content .newsTitles { list-style:none; margin:0px; padding-left:0px;}
			.container .body .content .newsTitles li { background:url(../images/arrowNewsLeft.png) left top no-repeat; padding-left:20px; float:left; clear:both; width:92%; margin-top:1px; }
		.container .body .content .contentLeft .box .middle .navLeft { background:url(../images/arrowCategoryLeft.gif) left top no-repeat; padding:3px 5px 3px 20px; width:205px; float:none; margin:8px 0 -2px 0; }
				
	.container .body .footer { position:relative; float:left; width:1000px; height:90px; clear:both; background-color:#ffc90c; z-index:-1}
	.container .body .footer .extention { position:relative; left:0px; height:20px; }
		.container .body .footer .extention .left { padding:0px; width:985px; height:20px; background-color:#FFFFFF; float:left; }
		.container .body .footer .extention .right { padding:0px; background:url(../images/bottomEdge.gif) top; width:15px; height:20px; float:left;  }
	.container .body .footer .footerContent { padding:15px 0 0 0; margin-top:5px; background:#FFFFFF; width:100%; height:50px; text-align:center;  }
	
.clear { clear:both; }
.login { font:Verdana, Arial, Helvetica, sans-serif normal smaller; border: #000000 1px solid; margin-top:5px; width:140px; }
.loginBtn { background:url(../images/yellowBtn.gif) no-repeat; width:88px; height:19px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold }
.login_btn { text-align:right; width:200px; padding:5px 15px; text-align:right  }



/*Font and Links*/
.ticker1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-weight:normal; color:#fff6d5 }
.ticker2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-style:normal; font-weight:lighter; color:#cecece }
.searchText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:normal; }
.crumbs { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-style:normal; font-weight:lighter; color:#666666 }
	.crumbs a:link { color:#666666; text-decoration:none; }
	.crumbs a:hover { color:#666666; text-decoration:underline; }
	.crumbs a:active { color:#666666; text-decoration:none; }
	.crumbs a:visited { color:#666666; text-decoration:none; }

.footerText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-weight:normal; color:#333333; text-decoration:none; }
	.footerText a:link { text-decoration:none; color:#333333; }
	.footerText a:hover { border-bottom: 1px dotted #333333; }
	.footerText a:active { text-decoration:none; color:#333333; }
	.footerText a:visited { text-decoration:none; color:#333333; }	
	
.sectionTitle1 { font-family:Arial, Helvetica; font-size:12px; font-style:normal; font-weight:normal; color:#000000; text-decoration:none; }		
.sectionTitle2 { font-family:Arial, Helvetica; font-size:12px; font-style:normal; font-weight:normal; color:#FFFFFF; text-decoration:none; }
.contentTitle1 { font-family:Arial, Helvetica; font-size:16px; font-style:normal; font-weight:bold; color:#000000; text-decoration:none; }

.subNavText { font-family:Arial, Helvetica; font-size:11px; font-style:normal; font-weight:bold; color:#000000; }		
	.subNavText a:link { color:#000000; text-decoration:none; }
	.subNavText a:active { color:#000000; text-decoration:none; }
	.subNavText a:visited { color:#000000; text-decoration:none; }
	.subNavText a:hover { color:#004667; text-decoration:none; }

.NavTextCurr { font-family:Verdana, Arial, Helvetica; font-size:12px; font-style:normal; font-weight:bold; color:#ffcc00; }		
	.NavTextCurr a { color:#ffcc00; text-decoration:none; }
	.NavTextCurr a:hover { font-family:Verdana, Arial, Helvetica; font-size:12px; font-style:normal; font-weight:bold; color:#ffcc00; text-decoration:none; }


.style1 {  font-family: Arial, Verdana,Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:normal; color:#000000 }
	.style1 a:link { text-decoration:none; font-weight:normal; color:#006699; }
	.style1 a:hover { color:#006699 }
	.style1 a:active { text-decoration:none; font-weight:normal; color:#006699; }
	.style1 a:visited { text-decoration:none; font-weight:normal; color:#006699; }	

.style2 { color:#006699; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:bold; }
	.style2 a:link { text-decoration:none; font-weight:bold; color:#006699; }
	.style2 a:hover { border-bottom:#006699 thin dotted; color:#006699 }
	.style2 a:active { text-decoration:none; font-weight:bold; color:#006699; }
	.style2 a:visited { text-decoration:none; font-weight:bold; color:#006699; }	
	
.style3 { color:#006699; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px; font-style:normal; font-weight:normal; }
	.style3 a:link { text-decoration:none; font-weight:normal; color:#006699; }
	.style3 a:hover { text-decoration:underline; font-weight:normal; color:#006699; }
	.style3 a:active { text-decoration:none; font-weight:normal; color:#006699; }
	.style3 a:visited { text-decoration:none; font-weight:normal; color:#006699; }	
	
.style4 {  font-family:Arial, Verdana,  Helvetica, sans-serif; font-size:10px; font-style:normal; font-weight:normal; }	
.style5 {  font-family:Arial, Verdana,  Helvetica, sans-serif; color:#006595; font-size:20px; font-style:normal; font-weight:bold; }	
	.style5 a:link { color:#006595; text-decoration:none }
	.style5 a:hover { color:#006595; text-decoration:none }
	.style5 a:active { color:#006595; text-decoration:none }
	.style5 a:visited { color:#006595; text-decoration:none }
	
.style6 {  font-family: Arial, Verdana,Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#000000 }
.style7 {  font-family: Arial, Verdana,Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:bold; color:#006595 }
.style8 {  font-family: Arial, Verdana,Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:normal; color:#006595 }	

.archiveSearch, .archiveSearch a, .archiveSearch a:hover { width:120px; height:18px; background:#fff4ce; border:#999999 thin dotted; text-decoration:none; color:#363636 }
.style9 {  font-family: Arial, Verdana,Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:bold; color:#FFFFFF }	
.style10 { color:#006699; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:normal; }
	.style10 a:link { text-decoration:none; font-weight:normal; color:#006699; }
	.style10 a:hover { border-bottom:#006699 thin dotted; color:#006699 }
	.style10 a:active { text-decoration:none; font-weight:normal; color:#006699; }
	.style10 a:visited { text-decoration:none; font-weight:normal; color:#006699; }	
.blueContentHeader { clear:both; float:none; }
.blueContentHeader .left { background:url(../images/blueLeft.gif) right no-repeat; width:10px; height:28px; float:left; padding:0px; }
.blueContentHeader .center { background:url(../images/blueMiddle.gif) repeat-x; width:600px; height:28px; float:left; padding:0px; }
.blueContentHeader .right { background:url(../images/blueRight.gif) right no-repeat; width:10px; height:28px; float:left; padding:0px; }
.blackLineTop { clear:both; float:none; background:url(../images/blackborderTop.gif) bottom no-repeat; width:618px; height:20px; padding:0px; margin:0px; }
.blackLineMiddle { clear:both; float:none; background:url(../images/blackBorderMiddle.gif) repeat-y; width:618px; padding:0px; margin:0px; } 
.blackLineBottom { clear:both; float:none; background:url(../images/blackBorderBottom.gif) top no-repeat; width:618px; height:12px; padding:0px; margin:0px; }
	
	
.blueContentHeader1 { clear:both; float:none; }
.blueContentHeader1 .left { background:url(../images/blueLeft.gif) right no-repeat; width:10px; height:28px; float:left; padding:0px; }
.blueContentHeader1 .center { background:url(../images/blueMiddle.gif) repeat-x; width:600px; height:28px; float:left; padding:0px; }
.blueContentHeader1 .right { background:url(../images/blueRight.gif) right no-repeat; width:10px; height:28px; float:left; padding:0px; }
.container .body .content .textContent3 { padding:10px 2% 0 170px; text-align:justify; float:none; clear:both; }
.content_title {  font-family:Arial, Verdana,  Helvetica, sans-serif; color:#006595; font-size:20px; font-style:normal; font-weight:bold; }	
	.content_title a:link { color:#006595; text-decoration:none }
	.content_title a:hover { color:#006595; text-decoration:none }
	.content_title a:active { color:#006595; text-decoration:none }
	.content_title a:visited { color:#006595; text-decoration:none }

.f14{padding:5px 6% 0 4%; width:90%; float:left; clear:both; background:url(../images/arrowTitleLeft.gif) left no-repeat; height:25px;}
.graphtbl{
	border:none;
	padding:0px;
	margin:0px;
	font-size:11px;
	border:none;
	background-color:#BEDDF7;
	text-align:left
}

.graphtbl_title{
	background-color:#016392;
	color:#fdca07;
	font-size:13px;
}

.graphtbl_hr{
	font-weight:bold;
	color:#907d33;
}

.graphtbl td{
	border:1px solid #016392;
	padding: 5px;
	margin: 0px;
}
.graphtbl td{ text-align:justify; text-align:center;}

.blue{color:#016392;}
.gold{color:#fdca07;}
.goldbrown{color:#907d33;}
.bold{font-weight:bold;}

.style1a {  font-family: Arial, Verdana,Helvetica, sans-serif; font-size:13px; font-style:normal; font-weight:bold; color:#006699 }

.graphDescLeft { position:absolute; bottom:0px; left:20px; z-index:99; font-size:9px; font-family: Arial, Courier, Helvetica,; }
.graphDescRight { position:absolute; bottom:0px; right:15px; z-index:99; font-size:9px; font-family: Arial, Courier, Helvetica;  font-weight:bold;}

.bgnadinaya { background:url(../images/bgnadaya.gif) left repeat-y; width:700px; float:left; clear:both; position:relative; margin-top:10px; padding-bottom:5px; }
.container .body .content .subContent { width:320px; padding:35px 10px 5px 10px; float:left; position:relative; }
.container .body .content .subContent .subContentHeader { background:url(../images/headerBlue.gif) top no-repeat; width:329px; height:24px; position:absolute; top:0px; left:5px; text-align:center; padding-top:7px; }
.container .body .content .textContent { width:300px; padding:0 10px; text-align:justify; }
.container .body .content .textContent4 { width:310px; padding:10px 5px 0 5px; text-align:justify; }
.container .body .content .textContent2 { width:96%; padding:10px 2% 0 2%; text-align:justify; float:none; clear:both; }

.NavText { font-family:Verdana, Arial, Helvetica; font-size:12px; font-style:normal; font-weight:bold; color:#ffffff; }                     
            .NavText a:link { color:#ffffff; text-decoration:none; }
            .NavText a:active { color:#ffffff; text-decoration:none; }
            .NavText a:visited { color:#ffffff; text-decoration:none; }
            .NavText a:hover { color:#ffcc00; text-decoration:none; background:url(../images/arrowUp.gif); }

.NavTextCurr { font-family:Verdana, Arial, Helvetica; font-size:12px; font-style:normal; font-weight:bold; color:#ffcc00; }		
	.NavTextCurr a { color:#ffcc00; text-decoration:none; }
	.NavTextCurr a:hover { font-family:Verdana, Arial, Helvetica; font-size:12px; font-style:normal; font-weight:bold; color:#ffcc00; text-decoration:none; }


			

.ddsubmenustyle, .ddsubmenustyle ul{ 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#006699;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #fff4ce;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
border: 0;
}

.ddsubmenustyle li a{
display: block;
width: 160px; 
color: #006699;
background-color: lightyellow;
text-decoration: none;
padding: 4px 5px;
border: 0;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; 
}

.ddsubmenustyle li a:hover{
background-color: black;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 218px; 
clear: left;
position: relative;
}

.markermenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.markermenu ul li a{
background: #ffffff url(../images/arrowCategoryLeft.gif) no-repeat 2px center; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#006699;
display: block;
width: auto;
padding: 5px 0;
padding-left: 20px;
text-decoration: none;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #006699;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: 006699;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: #fff4ce;
}

.blackwhite li a:hover{
background: #f4dc87;
color: #026177;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border:0;
background: #414141;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px;
color: white;
background: #414141;
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background: black;
}

.mattblackmenu a.selected{
background: black;
}