@charset "utf-8"; /* ------------------- Main ID & Class for Home page (Thai) --------------------- */ /* Author: Rattha Pringsulaka */ /* Company: NetCreatic Dot Com CO.,LTD. */ /* --------------- =Secondary left ------------------- */ #home { /*base 16px from .secondary_left*/ font-size: 13px; padding-top: 26px; margin-bottom: 30px; } #home #greeting { margin: 0 10px 20px; } #home h1 { margin-left: 10px; margin-right: 10px; } #home h2 { font-family: "tahoma" ,"MS Sans Serif", "Microsoft Sans Serif"; font-size: 18px; color: #6A1A4A; margin: 0 10px 10px; padding-bottom: 0.17em; /*3px*/ padding-top: 1.11em; /*20px*/ border-bottom: 1px solid #CCC; } #home p { line-height: 17px; margin: 0 10px 10px; } /*-------------- จอห์นเพิ่ม ไม่เอาเส้นด้านล่าง ---------- */ #home h2.no-border { border-bottom:0; } /* --------------- =Browse by ----------------- */ dl.browseby { /*12px*/ width: 30%; float: left; margin-left: 12px; display: inline; /*Fix Double Margin Bug in IE6*/ } dl.browseby dt { color: #AD5599; font-weight: bold; padding: 10px 0 10px 12px; background: #FFF url(../images/pic_arrow_4.gif) no-repeat left center; } dl.browseby dd { line-height: 18px; padding-left: 12px; } /* --------------- =Zodiac Flowers ----------------- */ #zodiac { width: 33%; float: left; } #zodiac h3 { /* base 16px , converted from .font12-16 */ font-size: 18px; text-align: center; padding-top: 10px; margin: 0 0 10px; padding-bottom: 3px; border-bottom: 1px solid #CCC; } #zodiac #item-tmb dl { width: 99.9%; } /* --------------- =Promotion Box Redeem ------------------- */ #promobox { /*12px*/ clear: both; padding-top: 30px; padding-bottom: 10px; margin: 0 10px; text-align: center; } #promobox fieldset { border: 3px dashed #CCC; padding: 12px; } #promobox label { font-family: "tahoma" ,"MS Sans Serif", "Microsoft Sans Serif"; font-size: 18px; padding-right: 5px; font-style: italic; color: #990000; } #promobox label, #promobox input { vertical-align: middle; } #promobox input { color: #000; margin-left: 5px; } #promobox input:focus { background: #FEE9F9; } #promobox p { /* margin: 0;*/ padding-top: 8px; } /* ------------- override .box-err----------- */ #promobox .box-err { padding: 4px; margin: 0 auto 10px; } /* --------------- =Browse Products by Region ------------------- */ .byregion { /*12px*/ margin: 0 10px 10px; padding-top: 10px; } .byregion h3 { font-weight: bold; color: #AD5599; margin-bottom: 10px; padding-left: 12px; background: #FFF url(../images/pic_arrow_4.gif) no-repeat left center; } .byregion ul { padding-left: 12px; /*12px*/ } .byregion li { display: inline; border-right: 1px solid #646451; padding-right: 7px; margin-right: 4px; line-height: 18px; } .byregion .last { border-right: 0; } /*IE6 & below*/ * html .byregion li { padding-right: 4px; margin-right: 6px; } /* --------------- =Secondary right ------------------- */ /* ------------- (apply .temp4 in ) ------------- */ .temp4 .secondary_right { /*base 13px*/ margin-top: 26px; border-left: 0; } .temp4 .secondary_right img.banner { margin-bottom: 10px; } .temp4 .secondary_right p.worktime { font-size: 12px; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; margin: 10px 0 10px; /*0 10px 0*/ padding: 0; /*clear padding data from main_th.css*/ padding: 6px 0; text-align: center; } /*--------------- product-list ---------------*/ #tab-list{ float: left; display: inline; font-size: 12px; font-weight: bold; margin-left: 10px; } #tab-list li{ float: left; margin-right: 1px; background-color: #ebebeb; } #tab-list a{ float: left; display: block; padding: 0 7px; line-height: 25px; border-bottom: 1px solid #FFF; text-decoration: none; color: #003399; } #tab-list a:hover { color: #FFF; } #tab-list .promote a{ background-color:#FF0033; color: #FFF; } #tab-list .current a { background:#FFF url(../Images/bg_producttab_on.gif) repeat-x; border-bottom: 1px solid #FF9A00; color: #6A1A4A; line-height: 25px; } #tab-list .current:hover a { color: #FFF; } /* ------------- =New Arrival Flowers ------------- */ .item-new { /*base 13px */ clear: both; text-align: center; margin-bottom: 20px; } .item-new h3 { text-align: center; color: #7884CF; font-weight: bold; margin: 0 0 10px; padding: 3px 0; border: 1px solid #E1B8D8; background: #FFF url(../images/bg_1_top.gif) repeat-x 0 -18px; } .item-new .mostpop { border-color: #FF9A00; color: #516A8E; } .item-new dl { width: 99.9%; /* Fix IE box model bug by decreasing width 0.1% */ float: left; position: relative; /* warning: don't erase this line */ display: inline; padding-bottom: 8px; margin-bottom: 6px; } .item-new dt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 62px 2px 0; /* = 4.67em(image's height = 56px) + 0.3em(clearance) + 0.17em (2 x image border), 0 2px */ } .item-new dd { padding-top: 4px; } .item-new dd.img { padding: 0; /* clear padding-top property of typical

*/ position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; } /*.item-new dd.img img { border: 1px solid #CCC; }*/ /* IE6 & below */ * html .item-new dd.img { left: 50%; margin: 0 0 0 -25px; /* set margin-left equal half of image width */ } /* IE7 only */ *:first-child+html .item-new dd.img { /*left: 50%;*/ /*margin: 0 0 0 2.08em;*/ /* set margin-left equal half of image width */ } /* for top tab list in home page */ .tab-product { padding-top: 10px; /* 10px */ background: #FFF url(../Images/bg_producttab_bottom.gif) repeat-x; } /* ------------- override .hint ----------- */ #home .hint { margin: 0 10px 10px; } #home .hint p { margin: 0 10px; } #home .hint .font_sm { margin-left: 11px; }