@font-face {font-family: 'thaisans';src: url('fonts/thaisanslite.eot');src: url('fonts/thaisanslite.eot?#iefix') format('embedded-opentype'), url('fonts/thaisanslite.woff') format('woff'), url('fonts/thaisanslite.ttf') format('truetype'); font-weight: normal; font-style: normal;}

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,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family:Tahoma,Helvetica,Arial,"Lucida Grande","Lucida Sans",FreeSans,sans-serif;font-size:13px;color:#373737;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}

.red {color:#f92e03;}
.yellow-green {color:#9ab212;}
.black-green {color:#0d4401;}
.align-center {text-align:center;}
.align-right {text-align:right;}
img.align-left {float:left;}
a.click-here {width:95px;height:30px;display:inline-block;text-indent:-9999em;background:url(images/click-here.png) no-repeat;}
  a.click-here:hover {background-position:0 -31px;}

body {background:#eff2dd;}

nav {width:1108px;height:82px;background:url(images/nav.png) no-repeat center;position:fixed;top:0;left:50%;margin-left:-554px;z-index:99999;}
  nav ul {width:922px;height:27px;padding-top:9px;margin:0 auto;list-style:none;}
    nav ul li {padding:0 8px;float:left;background:url(images/nav-sep.png) no-repeat top right;}
    nav ul li:last-child {background:none;}
      nav ul li a {color:#fff;font:bold 22px/22px 'thaisans';padding:0 6px;text-shadow:0px 2px rgba(0,0,0,0.1);border-radius:3px;}
        nav ul li a:hover {color:#a7c027;background:#fff;}

header {text-align:center;margin-top:70px;}
  header h1 {font:bold 40px/40px 'thaisans';}
  header h2 {font:30px/30px 'thaisans';}

#customer {width:100%;min-height:591px;margin-top:80px;background:url(images/bg-customer.jpg) no-repeat center, url(images/bg-customer-x.jpg) repeat-x;}
  #customer .wrapper {width:960px;margin:0 auto;position:relative;}
  #customer .wrapper #herb {width:122px;height:74px;background:url(images/customer-flower.png) no-repeat top center;position:absolute;top:-40px;left:419px;}
  #customer-detail {padding-top:48px;text-align:center;}
    #customer-detail p {color:#fff;}

#steps {width:895px;padding:60px 33px 90px;margin:0 auto;background:#fff;box-shadow:0px 0px 7px -2px #ccc;}
  #steps p {line-height:25px;margin-bottom:10px;}
  #steps .hl {color:#f92e03;font:bold 22px/22px 'thaisans';}
  #steps .fl {font:bold 88px/88px 'thaisans';float:left;margin:8px 5px 0 0;}
  #steps .he {font:bold 35px/35px 'thaisans';line-height:9px;margin-top:50px;}
  #steps .hu {font:25px/25px 'thaisans';margin-bottom:25px;}
  #steps #bullet {width:50%;float:left;}
    #steps #bullet p {font:bold 22px/22px 'thaisans';}
    #steps #bullet img {margin-right:10px;vertical-align:middle;}
  #steps #paragraph {}
    #steps #paragraph img {margin-top:20px;}
    #steps #paragraph p {}

#steps-each {width:895px;padding:60px 33px 90px;margin:2px auto 0;background:#f6f9f2;box-shadow:0px 0px 7px -2px #ccc;}
  #steps-each h1 {font:35px/35px 'thaisans';color:#0f4301;margin-bottom:15px;}
  #steps-each .hl {font:54px/54px 'thaisans';}
  #steps-each #step-slide {width:895px;height:346px;margin:0 auto;}
  #steps-each #step-slide .slide-prev {width:34px;height:36px;display:block;position:absolute;top:150px;left:-20px;text-decoration:none;background:url(images/button_prev.png) no-repeat;}
  #steps-each #step-slide .slide-next {width:34px;height:36px;display:block;position:absolute;top:150px;left:881px;text-decoration:none;background:url(images/button_next.png) no-repeat;}
  #steps-each #slide-nav {margin-top:10px;height:16px;text-align:center;}
  #steps-each #slide-nav a:link, #steps-each #slide-nav a:active, #steps-each #slide-nav a:visited, #steps-each #slide-nav a:hover {margin:0 3px;background:url(images/bullet.png) no-repeat center center;font-size:0;padding:8px;text-decoration:none;}
  #steps-each #slide-nav a.active:link, #steps-each #slide-nav a.active:active, #steps-each #slide-nav a.active:visited, #steps-each #slide-nav a.active:hover {background:url(images/bullet-active.png) no-repeat center center;}

#result {width:895px;padding:60px 33px 60px;margin:2px auto 0;background:#fff;box-shadow:0px 0px 7px -2px #ccc;}
  #result h1 {font:bold 34px/34px 'thaisans';color:#0c4300;}
  #result p {}
  #result p.dotted {margin:20px 0;border:1px dotted #e1e1e1;}
  #result .perin {margin-right:10px;}
  #result .perin-table {margin:3px 0 20px 10px;}
  #result .p-left {width:50%;float:left;text-align:center;}
  #result .p-right {width:50%;float:right;text-align:center;}
  #result .small {font-size:13px;}
  #result .customer-1 {margin-bottom:24px;}
  #result .facebook {margin-top:20px;}

#new-product {width:895px;padding:60px 33px;margin:2px auto 0;background:#f6f9f2;box-shadow:0px 0px 7px -2px #ccc;position:relative;background:url(images/hr.jpg) no-repeat bottom center #f6f9f2;}
  #new-product #ribbon {width:135px;height:145px;background:url(images/ribbon.png) no-repeat;position:absolute;top:-8px;left:-8px;}

.slider ul, .slider li, .slider2 ul, .slider2 li {margin:0;padding:0;list-style:none;}
/*.slider2 {margin-top:1em;}*/
.slider li, .slider2 li{width:895px;height:406px;overflow:hidden;}
#prevBtn, #nextBtn, #slider1next, #slider1prev {display:block;width:30px;height:77px;position:absolute;left:11px;top:234px;z-index:1000;text-indent:-9999em;}
#nextBtn, #slider1next{left:912px;}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {display:block;position:relative;width:34px;height:36px;background:url(images/button_prev.png) no-repeat 0 0;}
#nextBtn a, #slider1next a {background:url(images/button_next.png) no-repeat 0 0;}
  

#other-product {width:895px;padding:60px 33px 72px;margin:2px auto 0;background:#f6f9f2;box-shadow:0px 0px 7px -2px #ccc;}
  #other-product h1 {font:bold 34px/34px 'thaisans';color:#0c4300;}
  #other-product .a-product {width:203px;margin:47px 27px 0 0;float:left;}
  #other-product .b-product {width:203px;margin:47px 0 0;float:left;}
  #other-product .products {height:305px;border-bottom:12px solid #e7eae1;}
  #other-product img {margin-bottom:20px;box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
  #other-product p {}
    #other-product p a {color:#000;}

#buying {width:895px;padding:30px 33px 60px;margin:2px auto 0;background:#fff;box-shadow:0px 0px 7px -2px #ccc;}
  #buying h1 {font:bold 34px/34px 'thaisans';margin-top:30px;}
  #buying h1.second-header {margin-top:30px;}
  #buying h2 {font:bold 22px/22px 'thaisans';margin-top:25px;}
  #buying p {line-height:19px;}
  #buying .accounts {margin:15px 10px 0 0;float:left;}
  #buying .r-accounts {margin-top:16px;}
  #buying .half-div {width:45%;margin:0 10px 5px 0;float:left;}
  #buying .half-left {margin-top:4px;}
  #buying form {margin-top:20px;}
  #buying .hl1 {padding:20px 0;margin-top:30px;background:#eaf2dd;border-radius:4px;}
  #buying .hl2 {padding:20px;margin-top:30px;}
  #buying .hl3 {padding:20px;margin-top:30px;background:#eaf2dd;border-radius:4px;}
  #buying form input[type='text'], #buying form textarea {width:300px;padding:3px 5px;background:#fff;border:none;border-radius:4px;outline:none;resize: none;}
  #buying form input[type='text'].mini {width:60px;padding:3px 5px;}
  #buying form input[type='text'].medium {width:127px;padding:3px 5px;}
  #buying form input[type='button'] {width:80px;font-weight:bold;padding:4px 5px;background:#fff;border:none;border-radius:4px;}
  #buying form input[type='submit'] {font-weight:bold;padding:4px 5px;background:#fff;border:1px solid #c3d3a6;border-radius:4px;}
  #buying .hl4 {padding:20px;margin-top:15px;background:#eaf2dd;border-radius:4px;}
  #buying form select {outline:none;padding:3px 5px;background:#fff;border:none;border-radius:4px;}
  #buying table {margin-top:15px;}
    #buying table thead {text-align:center;font-weight:bold;background:#c3d3a6;}
      #buying table thead tr {}
        #buying table thead tr th {padding:5px 0;}
    #buying table tbody {background:#fff;}
      #buying table tbody tr {}
        #buying table tbody tr td {padding:5px;margin:0;}
        #buying table tbody tr td input[type='button'] {width:45px;padding:1px 5px;background:#dbdbdb;}
  #buying #summary {margin-top:15px;}
    #buying #summary .column {width:285px;float:left;}
      #buying #summary p {margin-bottom:10px;}
      #buying #summary .column textarea {width:90% !important;padding:5px;}
      #buying #summary .column select {padding:3px 5px;background:#fff;border:none;border-radius:4px;outline:none;}
      #buying #summary .column input[type='text'] {width:110px;text-align:right;}
  #buying .hl5 {padding:20px;margin-top:15px;background:#eaf2dd;border-radius:4px;}

#banner {width:960px;margin:65px auto 0;text-align:center;}

#product {width:892px;padding:50px 33px;margin:30px auto 0;background:#fff;border:1px solid #e3e6d1;border-radius:11px;}
  #product h1 {font:bold 26px/26px 'thaisans';}
  #product p.product-desc {margin-top:10px;}
  #product article {width:426px;padding:0 10px;margin:30px 0;float:left;}
    #product article img {margin-right:10px;float:left;}
    #product article h2 {font:bold 21px/23px 'thaisans';}
    #product article h3 {font:bold 20px/20px 'thaisans';color:#656565;}
    #product article p {margin-top:7px;}
    #product article .desc {width:286px;float:right;}
    #product p.manual {line-height:22px;padding-top:8px;border-top:1px solid #e3e6d1;}
  #product .acne {color:#79a933;}
  #product .anti {color:#ab3a12;}
  #product .totl {color:#f75481;}
  #product .whit {color:#efb56b;}
  #product .mela {color:#4f78a7;}
  #product .suns {color:#f6bc58;}
  #product .glut {color:#fca152;}
  #product .body {color:#a76781;}
  #product .clen {color:#597856;}

footer {width:100%;height:82px;margin:30px auto 0;background:url(images/bg-footer.jpg) repeat-x top center;}
  footer .wrapper {width:960px;margin:0 auto;position:relative;}
  footer .bottom-logo {position:absolute;top:-7px;}
  footer p {color:#fff;padding:7px 0 0 107px;}
  footer .follow {position:absolute;top:20px;right:0;font-weight:bold;}
    footer .follow #fb {width:30px;height:30px;text-indent:-9999em;display:inline-block;background:url(images/social.png);}
      footer .follow #fb:hover {background-position:0px -31px;}
    footer .follow #tw {width:30px;height:30px;text-indent:-9999em;display:inline-block;background:url(images/social.png) 64px 0px;}
      footer .follow #tw:hover {background-position:64px -31px;}
    footer .follow #em {width:30px;height:30px;text-indent:-9999em;display:inline-block;background:url(images/social.png) 30px 0px;}
      footer .follow #em:hover {background-position:30px -31px;}
  footer a {font-size:17px;color:#0e4504;}

#under-footer {width:100%;padding:3px 0;border-top:1px solid #adc53d;background:#99b427;}
  #under-footer .wrapper {width:960px;margin:0 auto;}
    #under-footer .wrapper p {font-size:12px;color:#fff;}
    #under-footer .wrapper a {font-size:12px;color:#fff;}
    #under-footer .wrapper .left {width:50%;float:left;}
    #under-footer .wrapper .right {width:50%;float:left;text-align:right;}


.ui-datepicker {width:248px !important;font-family:tahoma !important;font-size:11px !important;text-align:center;padding-top:2px}
  .ui-datepicker th {font-size: 6px;}
.ui-datepicker-header {padding:2px 0 !important;}
.ui-datepicker-month, .ui-datepicker-year {font-size:13px !important;}