@charset "UTF-8";

/*Disable footnotes to make sure layout works out*/
/*#footnotes_debug {
  display: none;
}*/

html, body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height:100%; /* needed for container min-height */
	min-height: 100%;
	background: #e0eef0 url("../images/bg_home.png") repeat-x top left;
}

label grey {
	color: #e8e9e9;
	background-color: #b9bebe;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}

form {
    margin:0;
    padding:0;
}

.field_row_grey {
	font-weight: 600;
	font-size: 0.8em;
	text-align:center;
	color: #f0f1f1;
	background-color: #b9bebe;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 6px;
}

.field_row label {
	font-weight: 600;
	font-size: 0.9em;
	text-align:center;
	vertical-align:middle;
	color: #404241;
	margin-right: 6px;
}

.text_field {
	font-weight: normal;
	color: #565656;
	border: 1px solid #a9aaaa;
	height: 16px;
	padding: 2px;
	text-align: left;
}

.text_field_grey {
	font-weight: 600;
	font-size: 0.8em;
	text-align:center;
	color: #f0f1f1;
	background-color: #b9bebe;
	border: 0;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 4px;
	text-align: left;
}

.text_field_login {
	font-weight: normal;
	color: #565656;
	background-color: #f6f7f7;
	border: 1px solid #dadbdb;
	padding: 2px;
	margin-bottom: 5px;
	text-align: left;
}

.text_field_contact {
	font-weight: normal;
	color: #565656;
	border: 1px solid #e3dfbb;
	padding: 2px;
	margin-bottom: 5px;
	text-align: left;
}

.grid {
    zoom:1;
}

.grid:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.rc {
    height:5px;
    position:relative;
    font-size:1px;
}

.rc em {
    display:block;
    height:5px;
    margin:0 5px;
    font-size:1px;
}

.rc b {
    display:block;
    position:absolute;
    width:5px;
    height:5px;
    font-size:1px;
}

.rc b.tl {
    top:0;
    left:0;
}

.rc b.tr {
    top:0;
    right:0;
}

.rc b.bl {
    bottom:0;
    left:0;
}

.rc b.br {
    bottom:0;
    right:0;
}

/* MAIN WRAPPER */

.container {
	margin:0 auto;
    width: 970px;
}

#wrapperContent {
    padding:0;
}

/* HEADER NAV */
.header { 
	position: relative;
    margin:0;
} 

.nav { 
	background: #051c00;
	padding:0;
    text-align:center;
} 

#masthead {
    background:transparent url("../images/bg_pig_hill.png") no-repeat bottom left;
}

#navLogo {
    margin:0 0 0 92px;
    background:transparent;
	cursor:pointer;  
    cursor:hand;
    border-bottom:4px solid #155904;
}

#navLogo img {
    margin-bottom:5px;
}

/* LOGIN */

.login {
	font: 100% Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align:center;
	vertical-align:middle;
}

.loginGreeting {
	text-align: right;	
 	font: 100% Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
    position:absolute;
    width: 300px;
    top: 6px;
    right: 22px;
}


#loginSlider {

	position: absolute;
	margin: 0;
	padding: 4px;
	background: #fff;
	height: 190px;
	width: 186px;
	top: 20px;
	left: 844px;
	border-top: 2px groove #d1d1d1;
	border-right: 2px groove #d1d1d1;
	border-left: 2px groove #d1d1d1;
	border-bottom: 2px groove #d1d1d1;
	z-index: 300;
}

# loginTop {
	position: absolute;
	margin: 0;
	padding: 0;	
	top: 10px;
	left: 678px;	
	z-index: 300;
	font: 100% Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.98emn;
}
#loginSubmit {
	position: absolute;
	top: 120px;
	left: 4px;
	width: 86px;
	height: 31px;
}
#loginForgot {
	position: absolute;
	top: 96px;
	left: 4px;
}

/* END LOGIN */

#tabMenu {
    margin:0;
	padding:4px 0;
	list-style:none;
}  
   
#tabMenu li {  
    display:inline;
    padding: 0 20px;
} 
 
 a.tab_home {
	 text-decoration: none;
	 color: #313231;
	 padding: 2px;
	 font-size:13px;
 }
 
 a.tab_homeSelected {
	 text-decoration: none;
	 color: #c2cac9;
	 background-color: #1d6d0b;
	 padding: 6px 3px 2px 3px;
	 font-size:13px;
 }
 
 a.tab_li {
	 text-decoration: none;
	 color: #FFF;
	 padding: 6px 3px 2px 3px;
	 font-size:15px;
     font-weight:bold;
 }
 
 a.tab_li:hover {
	 text-decoration: none;
	 color: #192117;
	 background-color: #96b792;
 }

 a.tab_liSelected {
	 text-decoration: none;
	 color: #192117;
	 background-color: #96b792;
	 padding: 6px 3px 2px 3px;
	 font-size:15px;
     font-weight:bold;
 }

/* END HEADER NAV */

/* CONTENT TABS */
/* HOME */
.mainContentWrapperHome {
    margin: 10px 0 0 0;
    padding: 0;
}

.contentHome {
    width: 74%;
    float:left;
}

.contentHome .content {
    background:#eaeceb;
    margin:5px 0 10px;
    padding:0;
}

.contentHome h1 {
    color:#104004;
    font:normal 21px arial;
    margin:0;
    padding:20px 30px 8px;
}

.contentHome #blurb {
    font-weight: semibold;
    font-size: 14px;
    line-height: 1.2em;
    color: #313231;
    padding:0 30px;
}

.contentHome #products {
    margin:10px 0;
    padding:0 30px;
    font:13px arial;
}

.contentHome #products .cell {
    float:right;
    width:48.5%;
}

.contentHome #products .first {
    float:left;
}

.contentHome #products ul {
    padding:0;
    margin:10px 15px;
    color:#333;
    list-style:none;
    height:99px;
    overflow:hidden;
}

.contentHome #products li {
    margin:3px 0;
}

.contentHome #products h2 {
    background:#c1c3c2;
    color:#081c03;
    font-size:23px;
    font-weight:normal;
    margin:0;
    padding:10px 0;
    text-align:center;
}

.contentHome #btnSignup {
    position:  relative;
    top: 2px;
    left: -2px;
}

.contentHome #businessContent {
    background:#f6f8f7; /*#bdd1f5;*/
}

.contentHome #singaporeContent {
    color:#3f8292;
}

.contentHome #singaporeContent h2 {
    font-size:22px;
    margin:5px 0;
    padding:0;
}

.contentHome #singaporeContent p {
    margin:0 0 20px;
    padding:0;
}

.contentHome #singaporeContent #businessContent {
    background-color:transparent;
}

.contentHome #singaporeContent #businessContent h3 {
    color:#49c563;
    text-align:center;
    font-size:23px;
    margin:25px 0 10px;
}

.contentHome #consumerContent {
    background:#f6f8f7; /*#edf5bd;*/
}

.contentHome #consumerContent .hd {
    padding:20px 15px 8px 30px;
}

.contentHome #consumerContent h2 {
    display:inline;
    color:#6cb149;
    font:normal 20px arial;
    padding-right:15px;
}

.contentHome #consumerContent .greenHead {
    color:#666;
    font:normal 12px verdana;
}

.contentHome #newsContent .bd {
    font:normal 13px arial;
    padding:5px 10px 5px 30px;
    background:#f6f8f7;
}

.contentHome #newsContent .head {
    font:normal 16px arial;
    color:#bb8115;
    padding-right:10px;
}

.contentHome #newsContent .more {
    padding-left:15px;
}

.contentHome #appButtons {
    padding:10px 30px 20px;
    margin:0;
}

.content .rc {
    background:#d3edf2;
}

.content .rc em {
    background:#f6f8f7;
}

.content .rc b.tl {
    background:transparent url("../images/rc_content.gif") no-repeat top left;
}

.content .rc b.tr {
    background:transparent url("../images/rc_content.gif") no-repeat top right;
}

.content .rc b.bl {
    background:transparent url("../images/rc_content.gif") no-repeat bottom left;
}

.content .rc b.br {
    background:transparent url("../images/rc_content.gif") no-repeat bottom right;
}

.sideHome {
    width: 24%;
    float:right;
}

.leftHome {
    width: 255px;
    float:left;
}

.sideBlock .rc {
    background:#d3edf2;
}

.sideBlock .rc em {
    background:#f6f8f7;
}

.sideBlock .rc em.top {
    background:#e4e6e5;
}

.sideBlock .rc b.tl {
    background:transparent url("../images/rc_block.gif") no-repeat top left;
}

.sideBlock .rc b.tr {
    background:transparent url("../images/rc_block.gif") no-repeat top right;
}

.sideBlock .rc b.bl {
    background:transparent url("../images/rc_content.gif") no-repeat bottom left;
}

.sideBlock .rc b.br {
    background:transparent url("../images/rc_content.gif") no-repeat bottom right;
}

.sideBlock ul {
    list-style:none;
    font:13px arial;
    color:#666;
    margin:0;
    padding:0 12px;
}

.sideBlock ul li {
    padding:3px 0;
    border-bottom:1px solid #ddd;
}

.sideBlock h3 {
    background:#e4e6e5;
    color:#bb8115;
    margin:0;
    padding:3px 12px;
    font-size:16px;
}

.sideBlock {
    background:#f6f8f7;
    margin:5px 0 10px;
}

.greenHead {
    color: #2f9948;   
     font-size: 1.1em;
}

.greenBullet {
    color: #6cb149;
    line-height: 1.2em;
    margin:8px 0 0 0;
    padding:0 0 0 15px;
}

/* END HOME */
/* ABOUT */

.mainContentWrapperAbout {
	position: relative;
	clear:both;
	margin: 0;
	padding: 0;
	background: #e0eeef;
	margin-left: auto ;
 	margin-right: auto ;
	height: 486px;
	background: repeat-x url("../images/bg_about.png");
}

.contentAbout { 
	position: relative;
	margin: 0;
	padding: 40px;
} 

.contentAbout #about1 {
	font-weight: semibold;
	font-size: 1.0em;
	line-height: 1.3em;
    float:left;
    width:400px;
}

.contentAbout #about2 {
	font-weight: semibold;
	font-size: 1.0em;
	line-height: 1.3em;
    margin-left:440px;
}

.contentAbout #aboutWho {
	width: 150px;
	height: 22px; 
    margin:0 0 30px;
} 

.contentAboutSg {
    color:#3f8292;
    padding:0 15px 0 0;
}

.contentAboutSg h1 {
    font-size:24px;
}
/* END ABOUT */ 

/* RETAILERS */

.mainContentWrapperRetailers {
	margin: 0;
	padding: 0;
	background: #c2a667 url("../images/bg_retail.png") repeat-x;
}

.contentRetailers {
    padding: 20px 30px;
}

.contentRetailers h2 {
    font-size:22px;
}

.contentRetailers #retailers1 {
    float:left;
	width: 50%;
	font-weight: semibold;
	line-height: 1.3em;
}

.contentRetailers #retailers2 {
    float:right;
	width: 40%;
	font-weight: semibold;
	line-height: 1.3em;
}

.contentRetailers #retailWhy {
	width: 150px;
	height: 22px;
    margin-bottom:12px;
}

.contentRetailers #retailCompTable {
    margin:15px 0;
    border-top:1px solid #666;
    border-left:1px solid #666;
}

.contentRetailers #retailCompTable td, .contentRetailers #retailCompTable th {
    vertical-align:top;
    text-align:left;
    border-bottom:1px solid #666;
    border-right:1px solid #666;
    padding:5px;
}

/* END RETAILERS */

/* CONTACT  US*/

.mainContentWrapperContact {
	position: relative;
	clear:both;
	margin: 0;
	padding: 0;
	background: #e0eeef;
	margin-left: auto ;
 	margin-right: auto ;
	height: 486px;
	background: repeat-x url("../images/bg_contact.png");
}

.contentContact { 
	position: relative;
	margin: 0;
	padding: 0;
	width: 970px;
	height: 486px;
	margin-left: auto ;
 	margin-right: auto ;
} 

.contentContact #contactContactus {
	position:  absolute;
	top: 71px;
	left: 275px;
	width: 150px;
	height: 22px;
}

.contentContact #contactLeft {
	position:  absolute;
	top: 0px;
	left: 6px;
}
.contentContact #contactRight {
	position:  absolute;
	top: 00px;
	left: 269px;
}
.contentContact #contactMessage {
	position:  absolute;
	top: 94px;
	left:6px;
}

.contentContact #contact1 {
	position:  absolute;
	top: 110px;
	left: 275px;
	width: 330px;
	height: 350px;
	font-weight: semibold;
	font-size: 1.0em;
	line-height: 1.4em;
}

.contentContact #pigContact {
	position: absolute;
	top: 433px;
	left: 820px;
	width: 56px;
	height: 52px;
	z-index: 200;
}

.contentContact #contactSend {
	position: absolute;
	top: 380px;
	left: 282px;
	width: 97px;
	height: 28px;
}

#divContactSg {
    color:#3f8292;
}

#divContactSg h3 {
    padding:0;
    margin:0;
}

/* END CONTACT US */

/* HOW IT WORKS */

.mainContentWrapperHowItWorks {
	margin: 0;
	padding: 0;
}

.contentHowItWorks { 
	padding: 15px;
    background:#fff;
} 

.contentHowItWorks h1 { 
    font:bold 22px Arial;
}

.contentHowItWorks h2 { 
    font:normal 20px Arial;
}

.contentHowItWorks h4 { 
    font-size:15px;
}

.contentHowItWorks ul { 
    clear:both;
}

.contentHowItWorks .screenshot { 
    margin:10px 0 10px 35px;
}

.contentHowItWorks .signupBtn { 
    margin:0 0 10px 35px;
}

.contentHowItWorks #signupLink { 
    margin:25px 0 30px 0;
    font-weight:bold;
}

.contentHowItWorks .bignum { 
    float:left;
    width:50px;
    text-align:center;
    font:bold 40px Garamont;
    color:#892;
}

/* END HOW IT WORKS */

/* SIGN UP */

.mainContentWrapperSignup {
	background: #fff;
    padding:40px 0 40px 64px;
}

.contentSignup #signupRetailer {
    margin-bottom:20px;
}

.contentSignup #signup1 {
	font-weight: semibold;
	font-size: 1.0em;
	line-height: 1.3em;
    margin-left: 60px;
}

.contentSignup #signup1 td {
    vertical-align: top;
}

.contentSignup #signup1 #links {
    margin-bottom:15px;
    font:normal 12px verdana;
}

.contentSignup .field_row_grey {
    background:transparent;
    color:#000;
    font-weight:normal;
}

/* END SIGN UP */
/* END CONTENT TABS */

/* FOOTER */

.footer { 
	clear: both;
    margin-bottom:20px;
}

.footer #footerNav { 
	font: Arial;
	font-size:13px;
    padding:15px 12px 0 30px;
} 

.footer #footerHill { 
	position:relative;
	padding: 0;
	margin: 0;
	clear: both;
	height: 15px;
	width: 100%;
	background: repeat-x url("../images/bg_hill.png");
	top: -15px;
}

.footer #footerHillLI { 
	position:relative;
	padding: 0;
	margin: 0;
	clear: both;
	height: 16px;
	width: 100%;
	background: repeat-x url("../images/bg_hill_li.png");
	top: -16px;
    display:none;  /* disabled for now */
}

.footer a {
    color:#535554;
}

span.faq {
    display:block;
    width:60%;
    float:left;
}

span.copy {
    display:block;
    width:39%;
    float:right;
	color:#555354;
	text-align:right;
}

/* END FOOTER */