@charset "utf-8"; /* ------------------- Main ID & Class for Home page --------------------- */ /* Author: Rattha Pringsulaka */ /* Company: NetCreatic Dot Com CO.,LTD. */ /* --------------- =Secondary left ------------------- */ #home { /*base 16px from .secondary_left*/ font-size: 0.81em; /*13px*/ padding-top: 2em; /*26px*/ } #home #greeting { margin: 0 0.77em 1.54em; /*0 10px 20px*/ } #home h1 { margin-left: 0.77em; /*10px*/ margin-right: 0.77em; } #home h2, #home h3 { font-size: 1.15em; /*15px*/ color: #613318; font-weight: bold; margin: 0 0.67em 0.67em; /*0 10px 10px*/ padding-bottom: 0.2em; /*3px*/ padding-top: 1.33em; /*20px*/ border-bottom: 1px solid #CCC; } #home h2.extra1 { /*Extra class for Search by Conditions*/ border-bottom: 0; margin-bottom: 0; } #home p { line-height: 1.4em; margin: 0 0.77em 0.77em; /*0 10px 10px*/ } /* --------------- =Browse Wreath by Condition ------------------- */ #home #bycondition { margin: 0 0.77em 0.77em; /*0 10px 10px*/ } #home #bycondition fieldset { border: 1px solid #CCC; padding-top: 0.46em; /*6px*/ } #home #bycondition legend { display: none; } #home #bycondition .left { float: left; width: 49.9%; } #home #bycondition .right { float: right; width: 49.8%; border-left: 1px solid #CCC; } #home #bycondition ol.temple { clear: both; border-top: 1px solid #CCC; padding-top: 0.46em; /*6px*/ } #home #bycondition .center { clear: both; padding: 0.46em 2.31em; /*6px 30px*/ background: #FFF url(../images/bg_1_top.gif) repeat-x 0 -1.5em; border-top: 1px solid #CCC; } #home #bycondition ol { padding-left: 2.31em; /*30px*/ padding-right: 0.23em; /*3px*/ } #home #bycondition ol li { list-style: decimal; margin-bottom: 0.77em; /*10px*/ } #home #bycondition h4 { font-weight: bold; margin-bottom: 0.23em; /*3px*/ } #home #bycondition label { padding: 0 0.31em; /*0 4px*/ } /* IE6 & below */ * html #home #bycondition .left { height: 13.69em; /*178px;*/ } * html #home #bycondition label { margin-bottom: 0.31em; /*4px*/ } /* --------------- =Today Recommend Wreaths ------------------- */ #home .font13-16 { font-size: 1.23em; /*convert font size from 13px to 16px*/ } /* --------------- =Browse Wreath by Province ------------------- */ #home .byregion { margin: 0 0.77em 1.54em; /*0 10px 20px*/ } #home .byregion h4 { font-weight: bold; color: #D27005; margin-bottom: 0.77em; /*10px*/ padding-left: 1.31em; /*17px*/ background: #FFF url(../images/arrow_1.gif) no-repeat left center; } #home .byregion ul { padding-left: 1.31em; /*17px*/ } #home .byregion li { display: inline; padding-right: 0.38em; /*5px*/ } /* --------------- =Secondary right ------------------- */ /* ------------- (Embed .temp4 in ) ------------- */ .temp4 .secondary_right { /*base 12px*/ margin-top: 2.17em; /*26px*/ border-left: 0; } .temp4 .secondary_right img.banner { margin-bottom: 0.83em; /*10px*/ } .temp4 .secondary_right p.worktime { border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; margin-bottom: 0.83em; /*10px*/ padding: 0; /*clear padding data from main_th.css*/ padding: 0.5em 0; /*6px 0*/ text-align: center; } /* ------------- =New Arrival Wreath ------------- */ #item-new { /*base 12px */ clear: both; text-align: center; border-bottom: 1px solid #CCC; } #item-new h4 { text-align: center; color: #613318; font-weight: bold; margin: 0 0 0.83em; /*0 0 10px*/ padding-top: 0.25em; /*3px*/ padding-bottom: 0.25em; /*3px*/ border: 1px solid #E0D9B8; background: #FFF url(../images/bg_1_top.gif) repeat-x 0 -1.5em; } #item-new dl { width: 100%; /* Fix IE box model bug by decreasing width 0.1% */ float: left; position: relative; /* warning: don't erase this line */ display: inline; padding-bottom: 0.67em; /*8px*/ margin-bottom: 0.5em; /*6px*/ } #item-new dt { padding-top: 5.14em; /* = 4.67em(image's height = 56px) + 0.3em(clearance) + 0.17em (2 x image border) */ padding-left: 0.17em; /*2px*/ padding-right: 0.17em; /*2px*/ } #item-new dt a { color: #3D4D6B; } #item-new dt a:hover { color: #FFF; } #item-new dd { padding-top: 0.17em; /*2px*/ } #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 #D0D0B1; } /* IE only */ * html #item-new dd.img { left: 50%; margin: 0 0 0 -25px; /* set margin-left equal half of image width */ }