body {color:#656565; font-size:14px; font-family:Catamaran, Arial, Sans-Serif;  font-weight:400; margin:0; padding:0;}
html, body, form{height: 100%;}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*a:link, a:visited{text-decoration:none; outline:none;}
a:hover, a:active {text-decoration:none; outline:none;}*/

input, textarea {font-size:100%; color:#222; -moz-box-sizing: border-box; box-sizing: border-box; -moz-appearance: none;  -webkit-appearance : none; -webkit-border-radius:0px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#868686; }
input:-moz-placeholder, textarea:-moz-placeholder{ color:#868686; } 
input::-moz-placeholder, textarea::-moz-placeholder { color:#868686; } 
input:-ms-input-placeholder,textarea:-ms-input-placeholder  { color:#868686; }

select {color:#222; font-size:100%; -moz-box-sizing: border-box; box-sizing: border-box;}
select.not_chosen {color: #868686;font-family: Catamaran, Arial, sans-serif;}

h1 {font-size:250%; margin:0px; color:#1f2c76; font-family:'Caveat Brush', cursive; font-weight:400; margin-bottom:6px;}
h2 {font-size:210%; margin:0px; color:#1f2c76; font-family:'Caveat Brush', cursive; font-weight:400; margin-bottom:6px;}
h3 {font-size:180%; margin:0px; color:#1f2c76; font-family:'Caveat Brush', cursive; font-weight:400; margin-bottom:6px;}
p {margin:0px; margin-bottom:15px; text-align:justify;}
img {border:0px;}
.highlight {color:#191919;}

/* CMS CSS */
.chineseHeader{font-family:simsum;}
.chineseHeaderSub{font-family:simsum;}
.chinese{font-family:simsum; letter-spacing:1px;}
/* End of CMS CSS */

/*General*/
.divMainContainer {height:auto; overflow:auto; width:100%;}
.divMainContainerTop {height: auto; overflow: hidden; padding-bottom:70px;}
.divTopContainerTop { height:70px; overflow:hidden; width:100%; position:fixed; z-index:99; left:0px; background:#ffffff; display:table;}
.divTopLogoContainer {height:auto; overflow:hidden; padding:10px 0px 10px 15px; display:table-cell; vertical-align:middle;}
.divTopLogoContainer img {height:45px !important; width:auto !important;}
.divTopMenuLinkContainer {height:auto; overflow:hidden; display:table-cell; vertical-align:middle; width:50px;}
.divMiddleContainer {height:auto; overflow:hidden; padding:25px 20px;}
.divContentContainer {height:auto; overflow:hidden;}
.divMainContainerBottom {height:auto; overflow:hidden; background:url("../../img/usr/mobile/bg-btm-panel.jpg") repeat-x center top;}
.divCopyright{height:auto; overflow:hidden; padding:15px 0px; text-align:center;}
.divSubMastheadContainer .divMastHead img {width: 100% !important; height: auto !important;}
.divMastHead .divMastheadTagline {height:100%}
.divWebteqContainer {text-align:center; padding:5px 0px 15px; background: #05a1da;}
/*End General*/

/*Back to Top Button*/
.divBackToTopContainer {position:fixed; width:30px; right:10px; bottom:10px; z-index:3;}
.hypBackToTop {text-decoration:none; width:30px; height:30px; display:block; background-image:url(../../img/usr/btn-backtop.png); background-size:cover; cursor:pointer;}
/*End Back to Top Button*/

/*Side Menu*/
.divSideMenuContainer {height:100%; width:100%; position:fixed; z-index:100; right:9999px; }
.divSideMenuOverlay {height:100%; width:100%; position:fixed; top:0px; left:0px; z-index:1; background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; display:none;}
/*End Side Menu*/

/*CMS General*/
ul {padding:0px 0px 10px 14px; /*margin:0px;*/}
.ulContent li {background: url(../../img/usr/mobile/icon-bullet.png) no-repeat 0px 6px; padding-left:16px; list-style-type: none; margin-bottom:6px;}
ol{padding:0px 0px 10px 26px; margin:0px; }
.olContent li{/*padding-left:5px;*/ padding-bottom:6px; text-align:justify;}

.tblContent {width:100%; text-align:left; border-collapse:collapse; border-bottom:1px solid #ccc; /*border-left:1px solid #dedede;*/ border-right:1px solid #ccc;}
.tblContent th {padding:6px 11px 6px 11px; font-size:18px; color:#fff; text-align:left; background:#121212; font-weight:600; color:#fff;}
.tblContent td {padding:6px 11px 6px 11px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; border-left:solid 1px #ccc;}
.tblContent tr.alt td {background:#f2f2f2;}
.tdHeader {padding:5px 10px 5px 10px; font-size:14px; font-weight:600; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; border-left:solid 1px #ccc;}

.tblMastheadLeft {width:auto; float:left; padding-top:100px; text-align:left;}
.tblMastheadRight {width:auto; float:right; padding-top:150px; text-align:right;}

.mstTagline {font-size:450%; font-family: 'Catamaran', sans-serif; font-weight:700; color:#fff61b; line-height:100%;}
.mstTagline2 {font-size:700%; font-family: 'Caveat Brush', cursive; font-weight:400; color:#ffffff; line-height:100%;}
.mstTagline3 {font-size:350%; font-family: 'Catamaran', sans-serif; font-weight:600; color:#ffffff; line-height: 100%;}

.mstTaglineSub {font-size:20px; line-height:32px; font-family: 'Catamaran', sans-serif; font-weight:700; color:#fff61b;}
.mstTaglineSub2 {font-size:44px; line-height:36px; font-family: 'Caveat Brush', cursive; font-weight:400; color:#ffffff;}
.mstTaglineSub3 {font-size:14px; font-family: 'Catamaran', sans-serif; font-weight:600; color:#ffffff; font-style:italic;}
/*End CMS General*/

.divCMSContent {height:auto; overflow:hidden;}
.divForm {padding-top:15px; padding-left:30px;}
.divForm2 {padding-top:15px;}
.divForm3 {padding-top:15px; border-bottom:1px solid #a4750b; padding-bottom:20px;}
.divRegisterForm {padding-top:20px; padding-left:30px; background:#eeca74; padding-left:130px; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #a4750b;}
.divProduct {height:auto; overflow:hidden; position:relative;}

.hypEmail {text-decoration:none;}
a.hypEmail:link, a.hypEmail:visited {text-decoration:none;}
a.hypEmail:hover, a.hypEmail:active {text-decoration:underline;}

.lblInfo {color:#ffffff; padding-left:5px;}
.InfoImg {padding-top:5px;}
.ImgWebteqLogo {padding-top:25px; padding-right:370px;}
.divSpace {height:50px; background-color:#ffffff;}

.fontCol{color:#ff9200;}
.PriceCol_big {color:#151515; font-size:24px;}
.PriceColProduct {color:#8d7649;}
.PriceCol2 {font-size:36px;}
.divPriceLeft {color:#7d5702;}
.divPromPrice {color:#8d7649;}
.divPromPrice2 {color:#151515; font-size:24px; margin-left:10px;}
.divPrice_big {color:#151515; font-size:24px;}
.divProductPrice {color:#8d7649;}
.divPriceStrike {color:#8d5700; text-decoration:line-through;}
.divPriceStrikeNor {text-decoration:line-through; color:#8d7649; font-size:22px; float:left; margin-left:-110px;}
/* End of General */

/* Links & Buttons */
.hypMenu {display:inline-block; width:30px; height:24px; background:transparent url("../../img/usr/mobile/menu-navigation.gif") no-repeat; background-position:20px 20px; display:block; padding:20px;}
a.hypMenu:link, a.hypMenu:visited {text-decoration:none;}
a.hypMenu:hover, a.hypMenu:active {text-decoration:none;}
.hypMenu.opened {background-position:20px -52px;}

.lnkbtn{color:#191919; text-align:center; height:29px; background:#cccccc; padding-top:11px; display:block; font-weight:600;}
a.lnkbtn:link, a.lnkbtn:visited{background:#cccccc; color:#191919; text-decoration:none;}
a.lnkbtn:hover, a.lnkbtn:active{background:#cccccc; color:#191919; text-decoration:none;}

.divBtn {padding-top:20px; text-align:right;}
.divBtnLeft {padding-top:20px;}
.divBtnCenter {text-align:center;}

.imgbtnNext {background:url(../img/usr/btn-next.gif) no-repeat; width:121px; height:45px;}
.imgbtnNext:hover {background:url(../img/usr/btn-next.gif) no-repeat 0px -45px;}
/* End of Links & Buttons */

/* Message */
.attention_compulsory {color:red;}
.errmsg {color:red;}
.errmsg2 {color:red; padding-top:20px;}
.errmsgEnquiry {color:red; font-style:italic; font-size:11px;}

.noticemsg {color:#575757;}
.noticemsg2 {}

.boldmsg {color:#2b2b2b; font-weight:bold; font-size:100%;}

.sectHdr {color:#010101; font-weight:bold; font-size:100%;}


.divAck {padding-bottom:10px;}
.divAckBtn {padding-top:10px; padding-bottom:20px;}
.divEnquiryAck {padding-bottom:10px;}

/* End of Message */

/* Splitter */
.divSplit {float:left; color:#ffffff;}
/* End of Splitter */

/* Form */
.text {border:1px solid #dddddd; background:#ffffff; width:100px; padding:5px 5px 5px 5px; outline:none; color:#292929;}
.text_search {border:1px solid #dddddd; background:#ffffff; width:170px; padding:0px 5px 0px 5px; color:#292929; outline:none;}
.text_medium {border:1px solid #dddddd; background:#ffffff; width:195px; padding:5px 5px 5px 5px; color:#292929; outline:none;}
.text_big {border:none; background:#ffffff; width:100%; color:#292929; padding:0px 0px 0px 3px; outline:none; font-family:Catamaran, Arial, sans-serif;}
.text_small {border:1px solid #dddddd; background:#ffffff; width:40px; padding:5px 5px 5px 5px; color:#292929; outline:none;}

.ddl {border:1px solid #dddddd; background:#ffffff; width:206px; padding:5px 5px 5px 5px; color:#292929; font-size:100%; font-family:Calibri;}
.ddl_big {border:1px solid #dddddd; background:#ffffff; width:406px; padding:5px 5px 5px 5px; color:#292929;}
.ddl_small {border:1px solid #dddddd; background:#ffffff; width:46px; padding:5px 5px 5px 5px; color:#292929;}
.ddl_medium{border:1px solid #dddddd; background:#ffffff; width:140px; padding:5px 5px 5px 5px; color:#292929;}
.ddl_enquiry {border:none; background:#ffffff; width:100%; color:#292929; outline:none;font-family: Catamaran, Arial, Sans-Serif;}

.divTxtboxHide {display:none;}
/* End of Form */

/* Table */
.formTbl {width:100%; padding-left:30px;}
.formTbl2 {width:100%; padding-left:25px;}
.frmTbl {width:100%;}
.frmTbl td {padding:2px;}
.formTbl td {padding:2px;}
.formTbl2 td {padding:2px;}
.formTbl3 {width:100%;}
.formTbl3 td {}
.formTblEnquiry {width:100%; border:solid 1px #cccccc; }
.formTblEnquiry td {border-bottom:solid 1px #cccccc; padding:10px; vertical-align:top;}

.datatbl {width:100%; margin-bottom:20px;}
.datatbl td {padding:2px; vertical-align:top;}

.tdNo {width:50px; text-align:center;}
.tdLabelPickup {padding-top:4px; vertical-align:top; width:115px;}
.tdLabelAskShare {padding-top:4px; padding-right:20px; vertical-align:top; color:#434343;}
td.tdLabel {padding-top:4px; padding-right:20px; vertical-align:top;}
.tdLabelNor {padding-right:20px; vertical-align:middle; width:130px; padding-bottom:2px;padding-top:0px;}
.tdLabelNor2 {padding-right:10px; vertical-align:top; width:100px; padding-top:10px;}
.tdLabelNorEnq {padding-right:20px; vertical-align:middle; padding-bottom:2px; color:#191919;}
.tdSpace {width:5px; text-align:right; vertical-align:top; padding-right:5px; padding-top:4px;}
.tdSpacer {height:20px;}
.tdSplitter {height:10px;} 
.tdSplitter2 {height:5px;}
.tdSpacer2{padding-top:10px; padding-bottom:10px;}
.tdSpacer3{height:10px; }
td.tdMax {width:100%;}

.nobr {white-space:nowrap;}
/* End of Table */

/* Pop Up */
.divPopUpOuter {height:auto; overflow:hidden;}
.divPopUpBar {height:50px; overflow:hidden; background:#a4750b;}
.divPopUpInner {height:35px; overflow:hidden; width:790px; padding:15px 0px 0px 50px; margin:auto;}
.divPopUpContent {width:740px; height:auto; overflow:hidden; min-height:500px; overflow:hidden; margin:auto; padding-left:50px; padding-right:50px;}
.divPopUpFooter {height:50px; overflow:hidden; background:#a4750b;}
.divPopUpFooterInner {width:740px; margin:auto; height:35px; overflow:hidden; padding:15px 50px 0px 50px; text-align:right;}
.divAckPopUp {padding-bottom:10px; padding-left:40px; padding-right:40px;}
.divPopUpCMS {height:auto; overflow:hidden; padding-bottom:20px;}
.divPopUpSectionHdr {height:auto; overflow:hidden; padding-bottom:10px;}
.divPopUpListing {height:auto; overflow:hidden;}
.hdrTitle {font-size:18px; color:#f3d37e; text-transform:uppercase;}
/* End of Pop Up */

/* Add CMS */
.divAddCMSTitle {font-weight:bold; font-size:16px; padding-bottom:10px; padding-top:10px; padding-bottom:5px; height:auto; overflow:hidden; clear:both; color:#b1adad;}
.divAddCMSContainer {height:auto; overflow:hidden; min-height:500px; background:#fff;}
.divAddCMSContainerInner {width:740px; height:auto; overflow:hidden; min-height:500px; margin:auto; padding-top:20px; padding-left:30px; padding-right:30px;}
.divAddCMSContainerInnerIn {height:auto; overflow:hidden;}
.divCMSList {height:auto; overflow:hidden; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; border:1px solid #888888; max-height:500px; color:#b1adad;}
.divAddCMSBtn {text-align:right; padding-top:10px; padding-bottom:10px; height:auto; overflow:hidden; background:#d3d3d3; border-top:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; margin-bottom:20px; margin-top:20px;}
.btnAddCMS {padding-left:25px; padding-right:25px; padding-top:2px; padding-bottom:2px; background:#a6a6a6; border:1px solid #fff; margin-right:5px;}
a.btnAddCMS:link {color:#fff; text-decoration:none; }
a.btnAddCMS:visited {color:#fff; text-decoration:none; }
a.btnAddCMS:active {color:#333; text-decoration:none; border:1px solid #fff; }
a.btnAddCMS:hover {color:#333; text-decoration:none; border:1px solid #fff; }
.btnAddCMSDisabled {padding-left:25px; padding-right:25px; padding-top:2px; padding-bottom:2px; border:1px solid #aaa; background:#a6a6a6; margin-right:5px;}
a.btnAddCMSDisabled {color:#aaa; text-decoration:none; cursor:default;}
/* End of CMS */

.divEnquiryForm {margin-top:0px;}
.divProd {height:auto; overflow:visible;}
.divProdAsk, .divProdAskAck, .divProdShare, .divProdShareAck {padding:20px; color:#434343;}

/* Ad */
.divBannerBigContainer {clear:both; height:auto; overflow:hidden; padding-bottom:50px;}

.divBannerHdr {background:url(../img/usr/hdr-bnn-e-voucher-home.gif) no-repeat top; height:50px; text-align:center; margin-bottom:10px;}
.divBannerHdr .imgBannerHdr {margin-top:1px;}

.divBannerContent {clear:both; padding-left:10px; padding-right:10px; padding-top:20px;}
.divIndAdBanner {float:left; display:table; height:119px; overflow:hidden; width:158px; border:5px solid #fff; background:#bbb; box-shadow: 0px 3px 7px #006498; margin-right:25px;}
.divIndAdBannerLast {float:left; display:table; height:119px; overflow:hidden; width:158px; border:5px solid #fff; background:#bbb; box-shadow: 0px 3px 7px #006498; margin-right:0px;}
.divIndAdBannerInner {vertical-align:middle; text-align:center; position:relative;}
.divIndAdBannerInner img {position:absolute;}
.imgAdBanner {}
/* End of Ad */

/* Pagination */
.divListPaginationContainer {height:auto; overflow:hidden; border-top:1px dotted #fff; border-bottom:1px dotted #fff; padding-top:5px; padding-bottom:5px;}

.divListPaginationInner {padding-top:3px;}

.btnPagination {color:#656565;}
a.btnPagination:link {color:#656565; text-decoration:none;}
a.btnPagination:visited {color:#656565; text-decoration:none;}
a.btnPagination:hover {color:#292929; text-decoration:none;}
a.btnPagination:active {color:#292929; text-decoration:none;}

.btnPaginationSel {color:#292929; font-weight:bold; cursor:default;}
a.btnPaginationSel:link {color:#292929; text-decoration:none;}
a.btnPaginationSel:visited {color:#292929; text-decoration:none;}
a.btnPaginationSel:hover {color:#292929; text-decoration:none;}
a.btnPaginationSel:active {color:#292929; text-decoration:none;}

a.hypPagination {width:20px; height:17px; padding-top:3px; border:1px solid #fff; display:block; color:#fff; text-decoration:none; text-align:center; border-radius:2px; -moz-border-radius:2px;}
a.hypPagination:link {border:1px solid #fff; color:#fff; text-decoration:none;}
a.hypPagination:visited {border:1px solid #fff; color:#fff; text-decoration:none;}
a.hypPagination:hover {border:1px solid #005384; color:#005384; text-decoration:none; box-shadow: 0px 2px 7px #007fc1;}
a.hypPagination:active {border:1px solid #005384; color:#005384; text-decoration:none; box-shadow: 0px 2px 7px #007fc1;}

.spanPagination {padding-left:15px; padding-right:15px;}
/* End of Pagination */

/* Merchant */
.divMemListContainer {height:auto; overflow:hidden;}

.divListContainerBottom {height:auto; overflow:hidden; width:680px; border-top:1px solid #323232; padding-top:5px; padding-bottom:5px;}
.divListPagination {display:table; height:28px; width:400px; float:left;}
.divListTopInner {display:table-cell; vertical-align:middle;}
.spanTotal {color:#83a5dc; font-size:100%;}

.divMemberSort {float:right; height:auto; overflow:hidden;}

.divMemberListOuter {height:auto; overflow:hidden; padding-top:20px; padding-bottom:20px;}
.divMemberSeperator {margin-top:10px; margin-bottom:10px; height:1px; background:url("../img/usr/dotted.gif") repeat-x;}

.divMemberItem {height:auto; overflow:hidden; clear:both; padding-bottom:20px; position:relative;}
.divMemberItemImg {float:left; height:165px; width:220px; overflow:hidden; background:#bbb; border:7px solid #fff; box-shadow: 0px 3px 7px #006498;}
.divMemberItemImgInner {vertical-align:middle; text-align:center; position:relative;}
.divMemberItemImgInner img {position:absolute;}

.divMemberItemDetail {float:left; height:auto; overflow:hidden; padding-left:20px; padding-top:5px; width:430px; padding-bottom:50px;}
.divMemberItemTitle {}
a.hypMerchantName {color:#fff; text-decoration:none;}
a.hypMerchantName:link {color:#fff; text-decoration:none;}
a.hypMerchantName:visited {color:#fff; text-decoration:none;}
a.hypMerchantName:hover {color:#005384; text-decoration:none;}
a.hypMerchantName:active {color:#005384; text-decoration:none;}
span.spanMerchantContactInfo {padding-right:20px;}

.divMemInfo {padding-bottom:5px; text-align:justify; height:auto; overflow:hidden;}
.divMemSnapshot {padding-top:10px; text-align:justify; height:auto; overflow:hidden; padding-bottom:5px;}
.divMemberRead {}

.divMemNoFoundContainer {height:auto; overflow:hidden; padding-top:20px; padding-bottom:20px;}
.divMemNoFound {height:auto; overflow:hidden; padding-top:80px; text-align:center; width:400px; height:100px; margin:auto; border:1px solid; font-style:italic;}
.divMemBtnCenter {text-align:center; padding-top:20px;}

.divDirGroup {background:url(../img/usr/bg-darkblue-lightbllue-rpt.gif) bottom repeat-x #00a1e5; padding-bottom:10px;}
.divDirGroupHdr {background:url(../img/usr/bg-grouphdrpt.gif) repeat-x; height:40px; width:220px; text-align:center; vertical-align:middle; color:#fff; font-weight:bold; font-size:100%; display:table-cell; text-spacing:1px;}
.divDirGroupList {padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:5px;}
.divGroupBullet {padding-bottom:5px;}
.divGroupBullet a:link {text-decoration:none;}
.divGroupBullet a:visited {text-decoration:none;}
.divGroupBullet a:hover {text-decoration:none;}
.divGroupBullet a:active {text-decoration:none;}
.hypGroupDName {}
a.hypGroupDNameSel:link {color:#fff;}
a.hypGroupDNameSel:visited {color:#fff;}
a.hypGroupDNameSel:hover {color:#fff;}
a.hypGroupDNameSel:active {color:#fff;}

.btnMember{color:#b4d6e9; font-size:100%; font-weight:bold;}
a.btnMember:link {color:#b4d6e9; text-decoration:none;}
a.btnMember:visited {color:#b4d6e9; text-decoration:none;}
a.btnMember:hover {color:#b4d6e9; text-decoration:none;}
a.btnMember:active {color:#b4d6e9; text-decoration:none;}

.linkRead {}
a.linkRead:link {}
a.linkRead:visited {}
a.linkRead:hover {}
a.linkRead:active {}

.imgbtnViewAll {background:url("../img/usr/btn_backtomerchant.gif") no-repeat;}
.imgbtnViewAll:hover {background:url("../img/usr/btn_backtomerchant.gif") no-repeat 0px -28px;}
/* End of Merchant */

/*Image resize*/
.imgBigContainer {height:auto;width:100%}
.imgSpacer {display: block; position:relative; float:left; margin: 0 auto; margin-bottom:10px; margin-right:19px;  width:158px; height:120px; overflow:hidden;}
.imgSpacerLast {width:158px; height:120px; display: block; float:left; margin-bottom:10px; position:relative; overflow:hidden; }
/*End of Image resize*/