
/* COMMON -------------------------------------------------------------------------------------------------------- */

* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#4B4B4B;

}

body, form, h1, h2, p { margin: 0px; padding: 0px; background: #FFFFFF; }

.hlist {
  display:table;         /* ignored by IE */
  margin: 0px;
  padding: 0px; 
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  margin:0 auto 0 0; /* left justified */
}
* html .hlist {
  display: inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
}  
.hlist li {
  margin: 0px;
  padding: 0px; 
  display:table-cell;    /* ignored by IE */
  }
* html .hlist li {
  display:inline;        /* for IE only */
  }
.hlist a {
  display:block;         /* for all browsers except IE */
  }
* html .hlist a {
  display:inline-block;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  }

table, td {
font-size:10px;
}

.cap_me
{
text-transform:uppercase;
}

.maya_logo
{
background: url('/images/malaysia-logo.gif') top left no-repeat;
}

.natural
{
background: url('/images/text_bk_mattress.gif') top left repeat-y;
}

.lower_foundation
{
background: url('/images/foundation-sidebot.jpg') top left repeat-y;
}

.lower_foundation_fr
{
background: url('/images/foundation-sidebot_fr.jpg') top left repeat-y;
}

.matt-pad-text-bk
{
background: url('/images/bluespacer.gif') top left repeat-y;
}

h1 {
  font-size: 14px;
  margin-bottom: 5px;
  color: #705F33;
  text-transform:uppercase;
  margin-left: 80px;
  margin-right: 60px;
  margin-top: 20px;
}
h2 {
  font-size: 13px;
  color: #9B8144;
  margin-bottom: 2px;
}
h3 {
  font-size: 12px;
  color: #C7A458;
  margin-bottom: 2px;
}

.table_div
{
background-image:url('/images/greyspacer.gif');
width:1px;
vertical-align:middle;
background-repeat:repeat-y;
}

.table_div_hor
{
background-image:url('/images/greyspacer.gif');
width:100%;
background-repeat:repeat-x;
padding-bottom: 5px;
}


hr
{
  color: #CDCDCD;
  /*noshade;*/
  height:1px;
  width:100%;
}

/*
.signature
{
background:url('/images/signature.gif') top left no-repeat;
}
*/

#flash{
	border: 0px solid white;
	margin-left:15px;
    margin-top:0px;
}
* html #flash {	margin-left:15px; }

#topleft_link
{
text-align:center;
font-size:11px;
padding-right:60px;
color: #9b8144;
}

* html #topleft_link
{
padding-right:0px;
}

#topleft_link a
{
text-decoration:none;
color: #9b8144;
}
#topleft_link a:hover
{
text-decoration:none; color:#D1C8AB;
}


/* BODY ---------------------------------------------------------------------------------------------------------- */

.body {
  text-align: center;
  margin-top: 10px;
  font-size: 10px;
}

/* PAGE ---------------------------------------------------------------------------------------------------------- */

#page {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}


/* HEADER -------------------------------------------------------------------------------------------------------- */

#header {
  text-align: left;
  margin-left: 10px;
}
* html #header {
  margin-left:2px;
}


#header ul {
  margin:0 auto; /* center */
 text-align: center;
}

#header li { border-left: 0px;  
  background: url('/images/headerblk.gif') center left no-repeat;
  padding-left: 15px;
  padding-right: 10px;
  font-size: 12px;
}

* html #header li { padding-right: 0px; }

#header .first {  border-width: 0px;  background: none;}
#header a { text-decoration: none; font-size: 12px; }

/* MENU ---------------------------------------------------------------------------------------------------------- */

#menu {
  background: url('/images/menubk.jpg') top center no-repeat;
  width: 800px;
  height: 35px;
  text-align: center;
  padding: 0px;
  margin: 0px;
  padding-left:45px;
  padding-top: 1px;
}

* html #menu {
background: url('/images/menubk_ie.jpg') top center no-repeat;
margin-left: 2px;
padding-left: 0px;

}


#menu ul {
  margin: 60px;
  margin-top: 9px;
  margin-left: 45px;
  font-size: 14px;
}

* html #menu ul {
  margin-bottom: 0px;
  margin-left: 80px;
}

#menu li {
  text-align: center;
  background: url('/images/divimg.gif') top left no-repeat;
  padding-left: 15px;
  padding-right: 15px;
}
* html #menu li {
  padding-right: 0px;
	margin-right: 10px;
}

#menu .first { background: none; }

#menu a {
  color: #FFFDF7;
  font-weight: bold;
  text-decoration: none;
}
#menu a:hover { text-decoration: none; color: #62553B;}

/*  To accomidate for different drop down lengths */

/*  SUB MENU 
    There's a Pixel difference that had to be fixed.  Duplicate styling for all except sub_menu2 ul - top px;
	SEE BELOW this section
	Any changes done to one MUST be done to the other version */

#submenu { visibility: hidden; height: 0px;  }

#submenu .menu { visibility: hidden; margin: 0px; padding: 0px; }

#submenu .menu .menu {
  position:absolute;
  visibility: hidden;
  z-index: 100;
  background: #E6DDC8 url('/images/bgsubmenu.gif') left top repeat-y;
  border: 1px solid #FFFFFF;
  border-bottom-width: 0px;
  margin-top: 10px;
  margin-left: -15px;
  list-style-type: none;
}

#submenu .menu li {
  text-align: left;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #FFFFFF;
  background:url('/images/arrow.gif') center left no-repeat ;
  padding:3px;
  padding-left:22px;
  font-size: 11px;
}

#submenu .menu a{
display: block;
width: 100%;
  text-decoration: none;
  color: #5E4D22;
}
#submenu .menu a:hover{ color: white; text-decoration:none; }

/* SUB MENU LINK LENGTHS - ENGLISH*/
#menuid_257 { width: 135px; }
#menuid_261 { width: 128px; }
#menuid_259 { width: 205px; }
#menuid_256 { width: 150px; }


/* SUB MENU LINK LENGTHS - FRENCH */
#menuid_279 { width: 130px; }
#menuid_280 { width: 140px; }
#menuid_281 { width: 125px; }
#menuid_282 { width: 180px; }

/* SUB MENU LINK LENGTHS - FRENCH IE */
* html #menuid_279 { width: 127px; }
* html #menuid_280 { width: 140px; }
* html #menuid_281 { width: 120px; }
* html #menuid_282 { width: 180px; }


/* MAIN ------------------------------------------------------------------------------------------------------ */
/* ARMS Background */
#main
{
  width: 800px;
/*   height: 255px;  */
  background: url('/images/02maincontentbk.jpg') top center no-repeat;
  text-align:left;

}
* html #main { height: 255px; margin-right:10px;
background: url('/images/02maincontentbk_ie.jpg') top center no-repeat;
}

/* MAIN PAGE POSTION ------------------------------------------------------------------------------------------------------ */
#pos_maincontent
{
  /*background-color: #FFFFFF;*/
  margin-left: 95px;
  margin-right: 340px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 0px;
  padding-top: 15px;
  padding-right: 0px;
  width:375px;
  font-size:11px;
}

/*  TOP POSITION FOR CUSTOM CUSTOMER IMAGES */
#pos_content2
{
  margin-left: 16px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  width:760px;
  font-size: 11px;
  color:#000000;
}

/*  SUB-MAIN CONTENT POSITIONING */

#pos_content
{
  width: 650px;
  margin-left: 80px;
  margin-right: 0px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0px;
  font-size: 11px;
  color:#000000;
}


/* #pos_subcontent
{
  background-color: #FFFFFF;
  font-size: 10px;
  color:#000000;
}

/* FOOTER ------------------------------------------------------------------------------------------------------ */


#footer {
  clear: both;
  margin-top: 2px;
  padding-top: 2px;
  margin-left: 80px;
  margin-right: 40px;
  text-decoration: none;
}

#footer ul  {
  padding:0;
  margin:0; 
  white-space:nowrap;
  list-style: none;
}
#footer li {
  border-left: 1px solid #979797;
  float:left;
  padding-left: 5px;
  margin-left: 5px;
}
#footer li.footer_first { border-left: 0px; padding-left: 0px; margin-left: 0px;}
#footer a {
  font-size: 11;
  color: #979797;
}
#footer a:hover {
text-decoration:none;
}

#footer_location {
  color: #979797;
  font-size: 11;
}
#footer_location a { text-decoration: underline; }

#footer_nav {
  float: right;
  text-align: right;
}
#footer_nav a { text-decoration: none; }


#nav {
width: 150px;
float: left;
margin-right: 11;
}

#nav ul { list-style: none; margin: 0px; padding:0px; }

#nav li {

  border-bottom: 0px solid #979797;
  margin: 0px; padding:0px;
  padding-left: 6px;
  padding-top:3px;
  padding-bottom:3px;
  padding-right: 3px;
}

#nav a { text-decoration: none; }

#nav a:hover { text-decoration: none; }

#nav .navactive { background: #000000; }

#nav .navactive a { color: #FFFFFF; }

/* COPY ------------------------------------------------------------------------------------------------------ */


#copy {
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  white-space: nowrap;
  list-style: none;
  text-align: left;
  float: left;
  font-size: 11px;
  color: #CCCCCC;
}

/* CONTENT ------------------------------------------------------------------------------------------------------ */

#content {
  margin-left: 80px;
  margin-right: 60px;
  margin-bottom: 20px;
  margin-top: 20px;
/*  background-color: #FFFFFF;  */
}
#content a {
  font-size: 11px;
}

#content a:hover {
text-decoration:none;
}


#subcontent {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
/*  background-color: #FFFFFF;  */
}
#subcontent a {
  font-size: 11px;
}

#subcontent a:hover {
text-decoration:none;
}

/* ------------------------------------------------------------------ */