@charset "utf-8";
/* CSS Document */

body { background: url(images/bg_body.jpg); font: normal 13px/16px  Arial bold, Helvetica, sans-serif; color: #44230e; margin: 0; padding: 0; position: relative; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 12px 0; }
address { font-style: normal; }
form { margin: 0; padding: 0; }
input,
textarea { width: 220px; border: 1px solid #b1ab8e; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font: normal 11px/14px Arial, Helvetica, sans-serif; padding: 3px; }
img { border: none; }

.more { width: 546px; height: 29px; background: url(images/bg_readMore.png); } * html .more { background-image: url(images/bg_readMore.gif); }
.margin0 { margin: 0; }
form .submit { width: 99px; height: 16px; line-height: 16px; padding: 0 0 8px; margin-top: -2px; background: url(images/button1.png); text-align: center; color: #fff; font-weight: bold; cursor: pointer; }

.contactForm ul { margin: 0; padding: 0; list-style: none; }
.contactForm li { margin-bottom: 10px; position: relative; }
.contactForm label { display: block; margin: 0 0 3px 10px; }
.contactForm .message textarea { height: 115px; }
.contactForm .error { position: absolute; top: 0; right: 0; font-style: italic; color: #900; font-size: 11px; }
.contactForm h3 { margin: 10px 0 0; }

#container { width: 960px; margin: 0 auto; display: none; position: relative; }

/**** #header ****/
#header { background: url(images/bg_header.png) no-repeat center top; height: 114px; position: relative; } * html #header { background-image: url(images/bg_header.gif); }
#siteTitle { margin: 0; position: absolute; top: 17px; left: 70px; }
#siteTitle a { display: block; width: 230px; height: 50px; text-indent: -1000em; outline: none; }

#mainNav { margin: 0; padding: 45px 0 0 425px; list-style: none; }
#mainNav li { float: left; padding: 0 15px 25px; background: no-repeat center bottom; }
#mainNav a { font: normal 14px/18px "Century Gothic", Futura, sans-serif; color: #fff; text-shadow: #000 1px 1px 2px; outline: none; }
#mainNav li.activeSlide a { text-shadow: #fff 0 0 20px; }
#mainNav li.catalogue.activeSlide { background-image: url(images/bg_selectedNav_catalogue.png); }
#mainNav li.stores.activeSlide { background-image: url(images/bg_selectedNav_store.png); }
#mainNav li.business.activeSlide { background-image: url(images/bg_selectedNav_business.png); }
#mainNav li.news.activeSlide { background-image: url(images/bg_selectedNav_news.png); }
#mainNav li.mail.activeSlide { background-image: url(images/bg_selectedNav_mail.png); }
* html #mainNav li { background: none !important; }

#mainNav li.home,
#mainNav li.contact { padding: 0 0 0 30px; }
#mainNav li.home a,
#mainNav li.contact a { font: normal 10px/14px Arial, Helvetica, sans-serif; color: #254d0b; text-shadow: #939f4f 1px 1px 1px; }
#mainNav li.home.activeSlide a,
#mainNav li.contact.activeSlide a { text-decoration: underline; }
#mainNav li.home { position: absolute; top: 4px; right: 147px; margin: 0; }
#mainNav li.contact { position: absolute; top: 4px; right: 70px; margin: 0; }

/**** #footer ****/
#footer { height: 110px; background: url(images/bg_footer.png) no-repeat center bottom; clear: both; color: #fff; position: relative; } * html #footer { background-image: url(images/bg_footer.gif); }
#footer div { position: absolute; top: 50px; }
#footer a { color: #ccc; }
#copyright { left: 90px; }
#designedBy { right: 80px; }

#followUs { margin: 0; padding: 0 5px 0 0; list-style: none; position: absolute; top: 1px; left: 580px; } * html #followUs { background: none; }
#followUs li { float: left; margin-right: 15px; }
#followUs li a { display: block; width: 33px; height: 33px; text-indent: -1000em; outline: none; }
#followUs li.twitter a { background: url(images/icon_twitter.png); }
#followUs li.facebook a { background: url(images/icon_facebook.png); }
#followUs li.blackberry a { background: url(images/icon_bb.png); }

/**** #loader ****/
#loader { width: 220px; height: 19px; position: absolute; top: 0; left: 50%; margin-left: -110px; margin-top: 200px; }

/**** #body ****/
#body { height: 559px; background: url(images/bg_body.png) no-repeat center center; float: left; width: 100%; } * html #body { background-image: url(images/bg_body.gif); }
#bodyContainer { width: 930px; height: 545px; position: relative; margin: 0 0 0 16px; }

.page { padding: 5px 335px 0 45px; width: 550px; height: 540px; background-repeat: no-repeat; position: absolute; top: 0; left: 0; }
.pageTitle { text-indent: -1000em; margin: 0; width: 262px; height: 96px; position: absolute; top: 0; left: 0; z-index: 1; }


/**** #page_home ****/
#page_home { background-image: url(images/bg_home.jpg); background-position: 549px 5px; }
#page_home .pageTitle { width: 258px; height: 32px; background: url(images/header_home.png); margin-top: 20px; position: static; } * html #page_home .pageTitle { background-image: url(images/header_home.gif); }

#highlightProducts { width: 535px; height: 143px; background: url(images/bg_highlightProduct.png); margin-top: 5px; position: relative; }
#highlightProducts h3 { display: none; }
#highlightProducts ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 41px; left: 55px; }
#highlightProducts li { float: left; margin-right: 65px; }

#GSS { width: 549px; height: 163px; background: url(images/bg_GSS1.jpg); text-indent: -1000em; margin: 25px 0 0 -15px; }
#GSS p { margin: 0; }

#latestPromo { width: 549px; height: 163px; background: url(images/bg_latestPromo.jpg); margin: 25px 0 0 -15px; padding: 0; list-style: none; font-size: 16px; line-height: 22px; }
#latestPromo h4 { font-size: 20px; margin: 0; text-shadow: 0 0 4px #fff; }
#latestPromo li { display: none; padding: 50px 70px 0 200px; width: 279px;  }
#latestPromo li.first { display: block; }
#latestPromo .first { background: url(images/bg_1.jpg); height: 113px; text-indent: -1000em; }
#latestPromo .second { background: url(images/bg_2.jpg); height: 113px; text-indent: -1000em; }
#latestPromo .three { background: url(images/bg_GSS1.jpg); height: 113px; text-indent: -1000em; }

#twitter { width: 532px; height: 113px; background: url(images/bg_twitter.jpg); margin-top: 20px; }
#twitter h3 { display: none; }
#twitter div { padding: 55px 10px 0 65px; color: #28201b; font-size:14px }

#page_home .categorySelector h3 { width: 155px; height: 31px; background: url(images/header_selectCategories.png); text-indent: -1000em; margin-top: 30px; }
#page_home .categorySelector ul { margin: 0; padding: 0; list-style: none; }
#page_home .categorySelector li { float: left; width: 85px; height: 20px; line-height: 20px; padding: 7px 0 11px 47px; margin-right: 20px; cursor: pointer; text-indent: -1000em; }
#page_home .categorySelector .one { background: url(images/homeCategories1.png); }
#page_home .categorySelector .two { background: url(images/homeCategories2.png); }
#page_home .categorySelector .three { background: url(images/homeCategories3.png); }

/**** #page_catalogue ****/
#page_catalogue { background-image: url(images/bg_catalogue.jpg); background-position: 26px 5px; }
#page_catalogue .pageTitle { background: url(images/header_catalogue.png); } * html #page_catalogue .pageTitle { background: url(images/header_catalogue.gif); }

#page_catalogue .categorySelector { margin: 0; padding: 0; list-style: none; position: absolute; top: 70px; right: 0; }
#page_catalogue .categorySelector li { width: 171px; height: 48px; text-indent: -1000em; background-image: url(images/bg_catagories.png); cursor: pointer; }

#page_catalogue .categorySelector .one { background-position: left top; }
#page_catalogue .categorySelector > .one:hover, 
#page_catalogue .categorySelector > .one.selected { background-position: 171px top; }

#page_catalogue .categorySelector .two { background-position: left -48px; }
#page_catalogue .categorySelector > .two:hover,
#page_catalogue .categorySelector > .two.selected { background-position: 171px -48px; }

#page_catalogue .categorySelector .three { background-position: left -96px; }
#page_catalogue .categorySelector > .three:hover,
#page_catalogue .categorySelector > .three.selected { background-position: 171px -96px; }

#productProgressBar { position: absolute; top: 200px; left: 280px; }

#productAjax { width: 550px; height: 400px; }
#productAjax .list { display: none; }

.productList { position: absolute; top: 70px; left: 125px; width: 500px; height: 310px; overflow: hidden; }
.productList ul { margin: 0; padding: 0; list-style: none; width: 40000px; height: 310px; }
.productList li { float: left; width: 500px; height: 310px; text-align: center; position: relative; }
.productList li div { position: absolute; bottom: 0; left: 0; width: 500px; }

.thumbList { position: absolute; top: 430px; left: 70px; width: 625px; height: 75px; overflow: hidden; }
.thumbList ul { margin: 0; padding: 0; list-style: none; background: transparent; }
.thumbList li { width: 89px; height: 75px; background: transparent url(images/bg_productThumb.png); float: left; margin-right: 15px; cursor: pointer; }
.thumbList li img { margin: 3px 0 0 3px; }

.thumbListSelector { margin: 0; padding: 0; list-style: none; position: absolute; top: 460px; left: 20px; }
.thumbListSelector li { cursor: pointer; width: 40px; height: 31px; text-indent: -1000em; }
.thumbListSelector .previous { background: url(images/arrow_small_rtl.png); }
.thumbListSelector .next { position: absolute; left: 665px; top: 0;  background: url(images/arrow_small_ltr.png); }

.productPreNex { margin: 0; padding: 0; list-style: none; position: absolute; top: 90px; left: 50px; position: absolute; z-index: 500; }
.productPreNex li { position: absolute; width: 200px; height: 300px; cursor: pointer; text-indent: -1000em; }
.productPreNex .previous:hover { background: url(images/arrow_large_rtl.png) no-repeat left center; }
.productPreNex .next { position: absolute; left: 450px; }
.productPreNex .next:hover { background: url(images/arrow_large_ltr.png) no-repeat right center; }

/**** #page_store ****/
#page_store { background-image: url(images/bg_store.jpg); background-position: 468px 5px; display: none; }
#page_store .pageTitle { background: url(images/header_stores.png); } * html #page_store .pageTitle { background-image: url(images/header_stores.gif); }

#storeMap { margin: 0; padding: 0; list-style: none; width: 610px; height: 342px; background: url(images/map_singapore.png); position: absolute; top: 120px; left: 45px; } * html #storeMap { background: url(images/map_singapore.gif); }
#storeMap li { width: 30px; height: 48px; background: url(images/icon_pin.png); position: absolute; cursor: pointer; } * html #storeMap li { background-image: url(images/icon_pin_ie6.png); }
#storeMap .popup { width: 151px; color: #fff; background: url(images/bg_popup_store.png) no-repeat left center; position: absolute; left: 25px; padding: 5px 0 5px 30px; display: none; z-index: 1; }
#storeMap h4 { margin: 0 0 5px; }

#storeMap .fareast { top: 192px; left: 302px; }
#storeMap .ps { top: 203px; left: 317px; }
#storeMap .parkway { top: 207px; left: 400px; }
#storeMap .causeway { top: 10px; left: 233px; }

#visitStores { margin: 0; width: 231px; height: 24px; background: url(images/header_visitStores.png); text-indent: -1000em; position: absolute; top: 400px; left: 480px; } * html #visitStores { background-image: url(images/header_visitStores_ie6.png); }
#storeLocationList { margin: 0; padding: 0; list-style: none; position: absolute; top: 440px; left: 480px; width: 450px; }
#storeLocationList li { padding-left: 25px; margin-bottom: 10px; width: 150px; line-height: 13px; background: url(images/bullet1.png) no-repeat left top; float: left; cursor: pointer; }

/**** #page_news ****/
#page_news { background: url(images/bg_news.jpg) no-repeat 496px 39px; }
#page_news .pageTitle { background-image: url(images/header_news.png); } * html #page_news .pageTitle { background-image: url(images/header_news_ie6.png); }

#newsList { position: absolute; top: 120px; left: 50px; width: 470px; margin: 0; padding: 0; }
#newsList dt { float: left; font-weight: bold; }
#newsList dd { margin: 0 0 15px 90px; }

/**** #page_mail ****/
#page_mail { background: url(images/bg_mailingList.jpg) no-repeat 496px 5px; }
#page_mail .pageTitle { background-image: url(images/header_mailingList.png); } * html #page_mail .pageTitle { background-image: url(images/header_mailingList_ie6.png); }

#page_mail p.text { margin: 0; padding-left: 20px; position: absolute; top: 120px; left: 50px; background: url(images/bullet1.png) no-repeat left top; line-height: 13px; font-weight: bold; }

#mailingListForm { position: absolute; top: 170px; left: 50px; width: 450px; }
#mailingListForm p { margin: 0 0 10px; }
#mailingListForm input { width: 300px; float: left; margin-right: 10px; }
#mailingListForm .error { color: #900; font-style: italic; position: absolute; top: 0; right: 40px; }
#mailingListForm .submit { float: left; }

/**** #page_contact ****/
#page_contact { background: url(images/bg_contact.jpg) no-repeat 543px 5px; }
#page_contact .pageTitle { background-image: url(images/header_contact.png); } * html #page_contact .pageTitle { background-image: url(images/header_contact.gif); }

#bodyContainer.contact { background: url(images/bg_contact_bottom.jpg) no-repeat 14px bottom; }

#page_contact p { margin: 0; position: absolute; left: 50px; width: 300px; width: 450px; }
#page_contact .text1 { top: 110px; }
#page_contact .text2 { top: 160px; }
#page_contact .contactForm { position: absolute; left: 50px; top: 190px; }
#page_contact form .message { position: absolute; top: 0; left: 250px; }
#page_contact form .submit { position: absolute; left: 370px; }

/**** #page_business ****/
#page_business { background: url(images/bg_business.jpg) no-repeat 455px 7px; width: 420px; padding-right: 465px; }
#page_business .pageTitle { background-image: url(images/header_business.png); } * html #page_business .pageTitle { background-image: url(images/header_business.gif); }

#page_business .text1 { margin-top: 100px; }

#page_business .contactForm { width: 228px; }
#page_business .contactForm li { margin-bottom: 5px; }
#page_business .contactForm .submitContainer { width: 280px; }