/* Theme Name: DR.ME Description: WordPress template for DR.ME Version: 1.0 Author: SNB Tags: blue, custom header, fixed width, two columns, widgets */ @charset "utf-8"; /* CSS Document */ @font-face { font-family: 'CabinRegular'; src: url('fonts/Cabin-Regular-webfont.eot'); src: url('fonts/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-Regular-webfont.woff') format('woff'), url('fonts/Cabin-Regular-webfont.ttf') format('truetype'), url('fonts/Cabin-Regular-webfont.svg#CabinRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ComfortaaRegular'; src: url('fonts/comfortaa_regular-webfont.eot'); src: url('fonts/comfortaa_regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/comfortaa_regular-webfont.woff') format('woff'), url('fonts/comfortaa_regular-webfont.ttf') format('truetype'), url('fonts/comfortaa_regular-webfont.svg#ComfortaaRegular') format('svg'); font-weight: normal; font-style: normal; } /* reset.css */ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;} body{line-height:1;color:#333;background:white;} table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left;font-weight:normal;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} /* End of reset.css */ /*Default Typo*/ body{font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;line-height:1.5; color:#333;} body{font-size:75%;} html > body{font-size:12px;} h1,h2,h3,h4,h5,h6{font-family:Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;color:#111;clear:both;} h1{font-size:3em;} h2{font-size:2em;} h3{font-size:1.5em;line-height:2;} h4{font-size:1.2em;line-height:1.25;font-weight:bold;} h5{font-size:1em;font-weight:bold;} h6{font-size:1em;} p{margin:0 0 1.5em 0;text-align:justify;line-height:18px;} p.last{margin-bottom:0;} p img{margin:1.5em 1.5em 1.5em 0;padding:0;} p img.top{margin-top:0;} /* End of Default Typo*/ /* Beginning of Style */ body{ background-color:#ffffff; } a{color:#ff6f0f; text-decoration:none;} a:hover{color:#FCDBB6; text-decoration:none;} .border_top{ margin:0px; padding:0px; background-image:url(images/bg_top.gif); background-repeat:no-repeat; width:768px; height:14px;} .border_main{ margin:0px; padding:0px; background-image:url(images/bg_main.gif); background-repeat:repeat-y; width:768px;} .border_bot{ margin:0px; padding:0px; background-image:url(images/bg_bot.gif); background-repeat:no-repeat; width:768px; height:14px;} .logo{ position:relative; left:295px; top:30px;} #wrapper{ width:775px; margin:0px auto;} #content{margin-top:-20px;} #content_main{margin-top:13px!important;} #content_main .border_main{ margin-top:-10px!important;} .main_content{ height:510px!important; padding-bottom:15px;} .faq .main_content { height: 610px; } .footer_content{height:50px;} .flash_home{} #footer #menu { width:750px; margin:0px 20px;} #footer #menu .menu_list{ list-style:none; margin:0px 5px;} #footer #menu .menu_list li{ display:inline; padding:0px 15px; font-size:13px;} #footer #menu a {font-family: 'Antique Olive', ComfortaaRegular, CabinRegular, Tahoma, Verdana, Arial; font-size: 15px;} .dd_menu{ float:right; margin:5px 55px 0px 0px; position:relative; z-index:9999;} .dd_menu_item{ position:absolute; z-index:9999; width:200px;} .dd_menu_item ul{ margin:0px; padding:0px;} .dd_menu_item ul li{ list-style:none; margin-left:0px!important; width:140px; display:block; font-size:10px; /*background-image:url(images/dd_menu_bg2.png); background-repeat:repeat;*/} .dd_menu_item ul li:hover {cursor: pointer; background:#F9924D;} .cu_post{position:relative; } .skin .cu_post{width: 475px; } .menu_main{ background-image:url(images/dd_menu_bg.gif); background-repeat:no-repeat;width:164px; height:31px; margin-top:20px; text-align:center; } .menu_main span{ position:relative; top:5px; color:#fff; } .content_details{ position:relative; top:25px; margin:10px; } .about_item ul li a{ margin-left:15px; display:block;} .about_content{ background-image:url(images/about_bg.png); background-position:bottom right; background-repeat:no-repeat; height:400px;} .about_content .entry{width:700px; margin:5px 0px 0px 40px;} .about_content .entry p.big{margin:15px 0px; font-size:15px!important; font-weight:bold; width: inherit;} .about_content .entry p{margin:15px 0px; width:500px; text-align:left;} .pagetop{position:relative; top:25px; left:362px;} .drme{color:#A47228; font-weight:bold; font-size:14px;} .skinchoice{color:#FF0000; font-weight:bold; font-size:14px;} .skin_bg{ margin-left:10px;background:url(images/know-your-skin-bg.png); width:750px; height:510px; background-repeat:no-repeat;} .skin_bg h1{ color:#FF6600; font-size:18px; margin:30px 0px;} .skin_bg .entry{ margin:0px 30px;width:500px;} .skin_col{ background-image:url(images/skin_col_bg.png); background-repeat:no-repeat; height:300px; width:157px; margin-left:3px;} .skin_col ul{ margin-left:15px; margin-top:15px;} .skin_col ul li a{color:#fff!important; font-size:12px; margin:10px 0px;} .skin_col ul li{width:120px; margin:2px; background-image:none!important;} .skin_bg .content_details{width:200px!important;} .testimonials .entry{ margin:0px 30px;} .testi-entry{ margin:20px 80px;} .testimonial_item ul li a{ font-size:12px!important; margin-left:45px; } .testimonial_item ul li{ margin-left:10px; padding:2px 0px} .testimonials .quote1{color:#707072; font-size:17px; font-weight:bold; margin-left:15px; } .testimonials .quote2{color:#f9a56d; font-size:18px; font-style:italic; font-family:serif; font-weight:bold; line-height:25px;} .testimonials .signed{color:red; font-size:12px; display:block; padding-top:5px; } .testimonials .testi-middle{ margin:10px 0px; font-family:"Antique Olive";} .testi{color:#4b0042;} .highlight{ color:#CC9933; font-weight:bold;} .product_item ul{margin-left:15px; position:relative; width:200px; } .product_item ul li{padding:2px 0px; width:200px; } .product .entry{} /*.product_list ul { background:none!important;}*/ .product_list ul li{ padding-left:20px; padding-top:5px; width:200px;} .product_item h1{ font-size:14px; font-weight:bold; margin-bottom:20px; color:#9F6B0D;} .product_item h2{ font-size:14px; font-weight:bold; margin-bottom:20px; color:#ff6600; text-align:left;} .product_item .product-volume{ font-size:12px; font-weight:bold; color:#ff6600;} .product_item .product-number{ font-weight:bold; color:#ff6600;} .product_item .entry{margin:50px 0 0 30px;} .product_item .entry ul{} .product_item .entry ul li{margin-left:15px;; margin-top:5px;} .product_item .product_details{ float:left; width:280px; margin-right:30px; height:345px; overflow: auto; padding-right:10px;} .product_item .product_details strong{color:#ff6600;} .product_item .product_image{float:left; margin-right:20px;} .product_item .product_image img{ max-height:365px; } .product_item .product_application{float:left; width:240px; margin-left:10px; text-align:justify; height:345px; overflow: auto; padding-right:10px;} .product_item .product_application strong{color:#ff6600;} /*.product_item .jspVerticalBar{width:6px!important;}*/ .product_item .jspDrag{background-color:#eee!important;} .product_item .jspTrack{background-color:#fefefe!important;} .flash_behind{ z-index:-1;} .faq{margin:30px 80px;} .faq .head1{color:#FF3300; font-weight:bold;} /* FAQ Drop down style */ .faq_item ul { width:160px; margin:0px 3px;} .faq_item ul li{ float:left; margin:2px; background-color:#ff6600; width:18px; height:18px; text-align:center; vertical-align:middle;} .faq_item ul li a{color:#fff; margin:3px;} /* End FAQ Drop down style */ .event .event_entry{ margin:0px 50px;} .event .event_info{width:50%; text-align:justify; padding-right:30px; color:#777c80;} .event .event_image{width:50%; vertical-align:middle;} .event .event_image img{margin-top: 0px;} .event .event-title{ font-size:12px; font-weight:bold; color:#ff6600; display:block;} .event .event-address{ font-size:11px; font-weight:bold; color:#bfb641; font-family: Arial, Helvetica, sans-serif; line-height:12px;} .event .event-address p{ margin:0px; padding:0px;} .event .event-content{ font-size:12px; font-weight: 200; font-weight:bold; display:block;} .events_page .events_wrapper{ background:url(images/events-bg.png) center 55px no-repeat;} .promotion_link {position: absolute; right: 10px; bottom: 10px} .promotion_link li {list-style:none; font-size:14px; font-weight: bold;} .faq-question{margin:30px 80px;} .faq-question h1{color:#ff6600; font-size:20px; font-weight:normal; margin:15px 0px;} .faq-question h2{color:#ff6600; font-size:16px; font-weight:bold; margin:3px 0px;} .faq-question .qn{color:#CC9900; font-size:16px; font-weight:bold; display:block; border-bottom:dotted 2px #ff6600; padding-bottom:5px;} .faq-question .ans{color: #666666; font-size:14px; line-height:12px; height: 212px;} .faq-question .ans p br{margin-bottom: 10px;} .big_drme{font-size:16px;color:#A47228; font-weight:bold;} .divider{width:100%; height:1px; margin:15px 0px;} .redlist{margin-left:15px; list-style-image:url(images/red-bullet.jpg); } .contact{} .linklove{ display:none;} .overview{margin:20px 50px;} .overview .highlight-red{color:red; font-size:18px;} .skin_logo{margin-left:-0px;} .case .hl-yellow{color:#d49f1b; font-weight:bold; font-size:14px;} .case .hl-orange{color:#ff6600; font-weight:bold; font-size:14px;} .case .case-entry{margin:20px 50px 0px 80px;} .case .case-header{ text-align:center;} .case .case-title{color:#ff6600; font-size:22px;} .case .case-description p{ text-align:center; font-weight:bold;} .case .case-image{ text-align:center;} .case .case-subject-details{} .case .case-subject-details table{ margin-left:30px;} .case .case-subject-details table tr td{ padding:2px; font-weight:bold;} .case .case-testi-font{ color:#d49f1b; font-weight:bold; font-size:16px; padding-left:5px;} .case .name{color:#d49f1b;margin-left:5px;} .case .age{color:#d49f1b;margin-left:5px;} .case .skin-prob{margin-left:5px; width:250px; display:block;} .cform label {width:110px!important;} .cform input, .cform .area {width:220px!important;} .contact_table{ margin:25px auto 0px auto; width:100%;} .contact_table td{} .cform { margin:9px auto!important; width:370px!important; } .contact .entry h2 { font-size:18px; font-weight:normal; margin-bottom:15px; margin-left:0px; position:relative; } .contact .address{ font-size:13px; font-weight:bold;} .contact .tel{ font-size:19px; font-weight:normal;} .contact .fax{ font-size:19px; font-weight:normal;} .contact .highlight2{font-size:19px; color:#ff6600;} .contact .dealers{margin-left:30px; display: block; position:absolute; top:0px; right:10px; background-color:#F37021; color:#fff; font-size:12px; padding:0px 5px;} .contact .dealers:hover{ background-color:#F7A379;} .contact-new{ line-height:1.1;} .contact-new .content_details {margin:-15px 0px 0px 0px!important;} .contact-new .logo{left:25px; position:relative; top:0px;} .contact-new .contact_table{margin-top:0px;} .contact-new .sg_region, .contact-new .my_region{ margin-left:25px;} .contact-new .sg_region h1{background:url('images/title-sg.png') no-repeat left center; width:216px; height:19px; margin-bottom:5px;} .contact-new .my_region h1{background:url('images/title-my.png') no-repeat left center; width:216px; height:19px; margin-bottom:5px;} .contact-new .sg_region h1 span{display:none;} .contact-new .my_region h1 span{display:none;} .contact-new a{color:#000000; text-decoration:none;} .contact-new .highlight-orange{font-weight:bold; color:#F47920!important;} .contact-new .contact_item{width:auto; width:170px; height:140px; float:left; margin:0px 2px 0px 3px; float:left;} .contact-new .contact_item_rborder{border-right:solid 1px #B38708; margin: 13px 8px 0px 3px; float:left; width:1px; height:60px; display:block;} .contact-new .contact_item p{margin:0px;} .contact-new .contact_item p.contact{color:#000; font-size:11px;} .contact-new .contact_item p.address{color:#B28409; font-size:10px;} .contact-new .contact_item p.link{color:#000; font-size:10px;} /* title sg */ .contact-new .sg_region h2{margin-bottom:5px;} .contact-new .sg_region h2.title-orchard{background:url('images/title-orchard.png') no-repeat left center; width:121px; height:24px;} .contact-new .sg_region h2.title-orchard span{display:none;} .contact-new .sg_region h2.title-jurong{background:url('images/title-jurong.png') no-repeat left center; width:121px; height:24px;} .contact-new .sg_region h2.title-jurong span{display:none;} .contact-new .sg_region h2.title-jurongwest{background:url('images/title-jurongwest.png') no-repeat left center; width:121px; height:24px;} .contact-new .sg_region h2.title-jurongwest span{display:none;} .contact-new .sg_region h2.title-yisun{background:url('images/title-yisun.png') no-repeat left center; width:121px; height:24px;} .contact-new .sg_region h2.title-yisun span{display:none;} .contact-new .sg_region h2.title-chaichee{background:url('images/title-chaichee.png') no-repeat left center; width:121px; height:24px;} .contact-new .sg_region h2.title-chaichee span{display:none;} .contact-new .sg_region h2.title-tampines{background:url('images/title-tampines.png') no-repeat left center; width:121px; height:24px;} .contact-new .sg_region h2.title-tampines span{display:none;} .contact-new .sg_region h2.title-upperchangi{background:url('images/title-upperchangi.png') no-repeat left center; width:121px; height:24px;} .contact-new .sg_region h2.title-upperchangi span{display:none;} .contact-new .sg_region h2.title-katong{background:url('images/title-katong.png') no-repeat left center; width:121px; height:24px;} .contact-new .sg_region h2.title-katong span{display:none;} .contact-new .sg_region h2.title-holland{background:url('images/title-holland.png') no-repeat left center; width:121px; height:24px;} .contact-new .sg_region h2.title-holland span{display:none;} /* title MY */ /*.contact-new .my_region .contact_item{height:80px;}*/ .contact-new .my_region h2{margin-bottom:5px;} .contact-new .my_region h2.title-kelantan{background:url('images/title-kelantan.png') no-repeat left center; width:121px; height:24px;} .contact-new .my_region h2.title-kelantan span{display:none;} .contact-new .my_region h2.title-perak{background:url('images/title-perak.png') no-repeat left center; width:121px; height:24px;} .contact-new .my_region h2.title-perak span{display:none;} .contact-new .my_region h2.title-selangor{background:url('images/title-selangor.png') no-repeat left center; width:121px; height:24px;} .contact-new .my_region h2.title-selangor span{display:none;} .contact-new .my_region h2.title-johor{background:url('images/title-johor.png') no-repeat left center; width:121px; height:24px;} .contact-new .my_region h2.title-johor span{display:none;} .contact-new .my_region h2.title-kuala-lumpur{background:url('images/title-kuala-lumpur.png') no-repeat left center; width:121px; height:24px;} .contact-new .my_region h2.title-kuala-lumpur span{display:none;} .contact-new .my_region h2.title-cameron{background:url('images/title-cameron.png') no-repeat left center; width:121px; height:24px;} .contact-new .my_region h2.title-cameron span{display:none;} .contact-new .my_region h2.title-pahang{background:url('images/title-pahang.png') no-repeat left center; width:121px; height:24px;} .contact-new .my_region h2.title-pahang span{display:none;} #authorized-dealers-page{ height:405px; overflow: hidden; width: 98%; } .cform input.sendbutton {width:72px!important;} #ShowNearbyMapContainer{ ; margin-left:10px;} #ShowNearbyMapContainer input{ margin:2px;} div.cf_info{width:340px!important;} div.success{ text-align:center!important;}