/*
	Health Express Philippines, Inc.
	General Website Stylesheet
	v1.0.000.000

REVISION HISTORY
	v1.0.000.000 :: September 1, 2007
		1. Initial published version of CSS
*/



/* DEFAULT WEBSITE STYLES */
a { color: #159E31; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
body {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-image: url(../images/bgBeach.jpg); background-position: top; background-repeat: no-repeat;
	font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-align: left; line-height: 10pt;
}
div { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
img { border-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
input[type="text"] {
	border: 1px solid #999999; margin: 0px 0px 0px 0px; padding: 1px 4px 0px 4px;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt;
}
p { margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; }
select {
	border: 1px solid #999999; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt;
}
table { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
textarea {
	border: 1px solid #999999; margin: 0px 0px 0px 0px; padding: 1px 4px 1px 4px;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; overflow: auto;
}
td, th {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 8pt; text-align: left; line-height: 10pt; vertical-align: top;
}
ul, li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }



/* SKELETAL WEBSITE STYLES */
#bottomPanel {
	height: 180px; width: 680px; position: absolute; top: 350px; left: 0px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-image: url(../images/bgBottomPanel.jpg); background-position: top left; background-repeat: no-repeat;
}
#footer {
	height: 25px; position: relative;
	border-top: 1px solid #CCCCCC; margin: 1px 0px 0px 0px; padding: 9px 0px 0px 0px;
	background-image: url(../images/bgFooter.gif); background-position: top; background-repeat: repeat-x;
	font-size: 8pt; color: #666666; text-align: center; line-height: 10pt;
}
#pageArea {
	height: 530px; width: 1000px; position: relative;
	text-align: left;
}
#rightPanel {
	height: 530px; width: 320px; position: absolute; top: 0px; left: 680px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-position: top left; background-repeat: no-repeat;
}
#siteMenu {
	height: 50px; width: 675px; position: absolute; top: 300px; left: 0px;
	margin: 0px 0px 0px 5px; padding: 1px 0px 0px 0px;
}
#topPanel {
	height: 270px; width: 665px; position: absolute; top: 0px; left: 0px;
	margin: 20px 0px 0px 0px; padding: 10px 0px 0px 15px;
	background-position: top left; background-repeat: no-repeat;
}




/* UNIQUE STYLES */
#_moProduct
{
	height: 150px; width: 200px; position: absolute; top: 20px; right: 30px;
	background: url(../images/moJuly2010.png) 0 0 no-repeat;
}
#backButton { height: 18px; width: 110px; position: relative; top: 235px; left: 525px; }
#backButton2 { height: 18px; width: 110px; position: absolute; top: 245px; left: 539px; }
#featuredProduct { height: 230px; width: 184px; position: absolute; top: 33px; left: 13px; }
#feedbackForm { position: relative; top: 5px; left: 315px; }
#healthCall {
	height: 71px; width: 227px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-image: url(../images/imgHealthCall.gif); background-position: top left; background-repeat: no-repeat;
}
#healthCall_Stores {
	height: 50px; width: 86px; position: absolute; top: 210px; left: 560px;
	background-image: url(../images/imgHealthCall2.gif); background-position: top left; background-repeat: no-repeat;
}
#hitCounter { color: #66CC00; font-weight: normal; }
#icubusID {
	height: 20px; width: 20px;
	margin: 2px 10px 0px 0px; padding: 0px 0px 0px 0px;
}
#newsIndex { height: 250px; width: 270px; position: absolute; top: 15px; left: 360px; overflow: hidden; clip: rect(0px 270px 250px 0px); }
#newsIndex_Content {
	top: 0px; left: 0px; position: absolute; z-index: 1; visibility: hidden;
	font-size: 8pt; line-height: 120%;
}
#newsIndex_Scroll { height: 250px; width: 20px; position: absolute; top: 15px; left: 630px; }
#orderForm { position: relative; top: 5px; left: 315px; }
#pageTitle {
	margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000; font-weight: bold; line-height: 100%;
}
#platinumCard {
	height: 71px; width: 227px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-image: url(../images/imgPlatinumCard.gif); background-position: top left; background-repeat: no-repeat;
}
#platinumCard2 {
	height: 79px; width: 222px; position:absolute; 
	background-image: url(../images/imgPlatinumCard2.gif); top:190px; left:225px; background-repeat: no-repeat; 	
}
#storePicture { height: 270px; width: 404px; position: absolute; top: 4px; left: 4px; }
#storesList { position: relative; top: 5px; left: 400px; }
#textWindow {
	height: 160px; width: 400px; position: relative; top: 0px; left: 0px; overflow: hidden; clip: rect(0px 400px 160px 0px);
	margin: 10px 0px 0px 15px; padding: 0px 0px 0px 0px;
}
#textWindow_Content {
	top: 0px; left: 0px; position: absolute; z-index: 1; visibility: hidden;
	font-size: 8pt; line-height: 120%;
}
#textWindow_Scroll {
	width: 20px;
	margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px;
}
#textWindow_Title { line-height: 16px; }
#topPanel_Picture { height: 280px; width: 670px; position: absolute; top: 0px; left: 0px; }
#valueAdded {
	height: 180px; width: 230px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	vertical-align: middle;
}
#whatsNew {
	height: 222px; width: 421px; position: absolute; top: 33px; left: 224px;
	margin: 0px 0px 0px 0px; padding: 8px 5px 0px 5px;
}



/* REUSABLE STYLES */
.align_Center { text-align: center; }
.align_Left { text-align: left; }
.align_Right { text-align: right; }
.color_DkGrey { color: #414141; }
.color_LtGrey { color: #AEAEAE; }
.color_Green { color: #159E31; }
.color_Red { color: #990000; }
.fontSize_Small { font-size: 8pt; }
.fontSize_Large { font-size: 10pt; }
.fontSize_Larger { font-size: 12pt; }
a.footer { font-size: 8pt; color: #000000; font-weight: bold; }
a.footer:visited { color: #000000; }
a.footer:hover { color: #159E31; text-decoration: underline; }
a.newsIndex { color: #000000; }
a.newsIndex:visited { color: #666666; }
a.newsIndex:hover { color: #159E31; text-decoration: underline; }
a.siteMap { color: #000000; }
a.siteMap:visited { color: #666666; }
a.siteMap:hover { color: #414141; text-decoration: underline; }
div.rightPanel { background-image: url(../images/bgRightPanel.jpg); }
div.rightPanel_A { background-image: url(../images/bgRightPanelA.jpg); }
div.rightPanel_B { background-image: url(../images/bgRightPanelB.jpg); }
div.rightPanel_C { background-image: url(../images/bgRightPanelC.jpg); }
div.rightPanel_D { background-image: url(../images/bgRightPanelD.jpg); }
div.rightPanel_E { background-image: url(../images/bgRightPanelE.jpg); }
div.rightPanel_F { background-image: url(../images/bgRightPanelF.jpg); }
div.topPanel { background-image: url(../images/bgTopPanel.jpg); }
div.topPanel_About { background-image: url(../images/bgTopPanel_About.jpg); }
div.topPanel_Contact { background-image: url(../images/bgTopPanel_Contact.jpg); }
div.topPanel_HealthCall { background-image: url(../images/bgTopPanel_HealthCall.jpg); }
div.topPanel_Home { background-image: url(../images/bgTopPanel_Home.jpg); }
div.topPanel_News { background-image: url(../images/bgTopPanel_News.jpg); }
div.topPanel_Platinum { background-image: url(../images/bgTopPanel_Platinum.jpg); }
div.topPanel_SiteMap { background-image: url(../images/bgTopPanel_SiteMap.jpg); }
img.brandLogo {
	height: 37px; width: 200px; 
	margin: 0px 0px 0px 0px; padding: 4px 0px 2px 0px;
}
input[type="text"].longText { width: 200px; }
li.bullet_Blue { background-image: url(../images/imgBullet_Blue.gif); }
li.bullet_Green { background-image: url(../images/imgBullet_Green.gif); }
li.newsIndex {
	list-style: decimal outside;
	margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px;
	color: #414141; font-weight: bold;
}
li.siteMap {
	height: 16px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 16px;
	background-position: left; background-repeat: no-repeat;
	list-style: none;
	line-height: 18px;
}
textarea.longText { width: 200px; }
td.formLabel {
	width: 103px;
	margin: 0px 0px 0px 0px; padding: 3px 7px 0px 0px;
	font-weight: bold; text-align: right;
}
td.formCell { margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; }
ul.siteMap { position: relative; top: 0px; left: 0px; }

/* IE Compatibility */
input.textBox {
	border: 1px solid #999999; margin: 0px 0px 0px 0px; padding: 1px 4px 0px 4px;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt;
}
input.longText { width: 200px; }
#leftTopPanel{ width: 185px; height:240px; margin-right: 10px; bottom:40px; position:absolute;}
#rightTopPanel{ width:435px; height:240px; padding-top: 13px; margin-left: 200px;  position:relative; }
#rightTopPanel img{ position:absolute; bottom: 210px; left: 280px}
#productMonth{ padding-top:5px;}
#productMonth img{ width:100px; height:100px;}