/* Layout
------------------------------*/
html, body, object, iframe, h3, h4, h5, h6, p, ol, ul, li, form, img
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	font-size: 11px;
	font-family: Tahoma;
	color: #4a4a4a;
}

h2 { font-size: 19px; margin: 0; padding: 0; border: 0; }

.fl { float: left; }

textarea { overflow-x: hidden; overflow-y: auto; resize: none; }

a { color: #4a4a4a; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

#menu ul { list-style: none; overflow: hidden; float: right; margin-top: 35px; }

body { background: #fff url("../images/bg.jpg") center top; width: 100%; display: table; }

#warp { width: 960px; height: auto; overflow: hidden; margin: 0 auto; }

#header { overflow: hidden; background-image: url("../images/top.jpg"); height: 534px; background-repeat: no-repeat; background-position: top center; background-color: #fff; position: relative; }
#header .logo { background-image: url("../images/logo.png"); background-repeat: no-repeat; text-indent: -9999px; height: 119px; margin-left: 8px; }

#menu { overflow: hidden; }
#menu ul li { float: left; }
#menu ul li a { display: block; height: 39px; background-repeat: no-repeat; cursor: pointer; }
#menu ul li#m1 { background-image: url("../images/menu/mnu_home-trans.png"); width: 60px; }
#menu ul li#m2 { background-image: url("../images/menu/mnu_about-trans.png"); width: 105px; }
#menu ul li#m3 { background-image: url("../images/menu/mnu_distributor-trans.png"); width: 97px; }
#menu ul li#m4 { background-image: url("../images/menu/mnu_order-trans.png"); width: 108px; }
#menu ul li#m5 { background-image: url("../images/menu/mnu_webboard-trans.png"); width: 63px; }
#menu ul li#m6 { background-image: url("../images/menu/mnu_contact-trans.png"); width: 58px; }

#menu ul li#m1.selected { background-image: url("../images/menu/mnu_home-hover-trans.png"); width: 60px; }
#menu ul li#m2.selected { background-image: url("../images/menu/mnu_about-hover-trans.png"); width: 105px; }
#menu ul li#m3.selected { background-image: url("../images/menu/mnu_distributor-hover-trans.png"); width: 97px; }
#menu ul li#m4.selected { background-image: url("../images/menu/mnu_order-hover-trans.png"); width: 108px; }
#menu ul li#m5.selected { background-image: url("../images/menu/mnu_webboard-hover-trans.png"); width: 63px; }
#menu ul li#m6.selected { background-image: url("../images/menu/mnu_contact-hover-trans.png"); width: 58px; }

#to-order a { position: absolute; display: block; background-image: url("../images/btn_buy-orange.jpg"); background-repeat: no-repeat; width: 83px; height: 34px; top: 480px; left: 868px; }

#flash { overflow: hidden; background-color: #fff; padding: 2px; }
#content { overflow: hidden; background-image: url("../images/main.jpg"); height: 216px; background-repeat: no-repeat; background-color: #fff; background-position: left center; }

#footer { overflow: hidden; background-image: url("../images/bot.jpg"); height: 96px; background-repeat: no-repeat; background-color: #fff; background-position: left center; }

#copyright { overflow: hidden; background-image: url("../images/copyright-trans.png"); height: 91px; background-repeat: no-repeat; background-position: left center; }

#abouts { background-image: url("../images/abouts_bg.jpg"); background-repeat: no-repeat; height: 1370px; }
#distributor { background-image: url("../images/distributor_bg.jpg"); background-repeat: no-repeat; height: 1139px; position: relative; }
#order-payment { background-image: url("../images/order-payment_bg.jpg"); background-repeat: no-repeat; height: 1319px; position: relative; }
#contacts { background-image: url("../images/contacts_bg.jpg"); background-repeat: no-repeat; height: 936px; }

#a-map { width: 450px; height: 405px; position: absolute; top: 250px; left: 0; text-align: center; }

#region-map-north { position: absolute; width: 150px; height: 152px; top: 0; left: 85px; background-image: url("../images/map-north.png"); background-repeat: no-repeat; }
#region-map-south { position: absolute; width: 105px; height: 147px; top: 256px; left: 139px; background-image: url("../images/map-south.png"); background-repeat: no-repeat; }
#region-map-central { position: absolute; width: 150px; height: 24px; top: 169px; left: 182px; background-image: url("../images/map-central.png"); background-repeat: no-repeat; }
#region-map-east { position: absolute; width: 126px; height: 79px; top: 164px; left: 208px; background-image: url("../images/map-east.png"); background-repeat: no-repeat; }
#region-map-west { position: absolute; width: 117px; height: 127px; top: 132px; left: 110px; background-image: url("../images/map-west.png"); background-repeat: no-repeat; }
#region-map-issan { position: absolute; width: 240px; height: 142px; top: 56px; left: 208px; background-image: url("../images/map-issan.png"); background-repeat: no-repeat; }

#province { position: absolute; top: 259px; left: 482px; width: 425px; overflow: hidden; height: 40px; }
#province ul { clear: both; overflow: hidden; position: relative; text-align: center; }
#province ul li { display: inline; padding: 0 2px; }
#province ul li:last-child { border-right: none !important; }

#distributor-list { position: absolute; top: 300px; left: 482px; width: 435px; overflow-x: hidden; overflow-y: auto; height: 340px; }
#distributor-list .box { clear: both; overflow: hidden; line-height: 1.6em; margin: 8px 0; }
#distributor-list .box .name { font-size: 12px; color: #ed8101; font-weight: bold; }
#distributor-list .box .location { font-size: 12px; color: #4a4a4a; }
#distributor-list .box .tel { font-size: 12px; color: #3d4500; }

#distributor #require { position: absolute; top: 730px; left: 50px; font-size: 13px; line-height: 1.6em; width: 860px; }
#distributor #lifetime { position: absolute; top: 946px; left: 50px; font-size: 13px; line-height: 1.6em; width: 860px; }

#bank { clear: both; overflow: hidden; position: absolute; top: 448px; left: 95px; width: 500px; height: 200px; }
.type { background-repeat: no-repeat; background-position: left center; height: 20px; overflow: hidden; clear: both; float: left; width: 450px; padding: 10px 0 10px 50px; }
.scb { background-image: url("../images/bank/icon_scb.png"); }
.bbl { background-image: url("../images/bank/icon_bbl.png"); }
.ktb { background-image: url("../images/bank/icon_ktb.png"); }
.kbank { background-image: url("../images/bank/icon_kbank.png"); }
.bay { background-image: url("../images/bank/icon_bay.png"); }
.bankname { font-size: 13px; font-weight: bold; float: left; width: 98px; }
.banktype { font-size: 13px; float: left; width: 76px; }
.acc-no { font-size: 13px; font-weight: bold; float: left; width: 120px; }
.bank-location { font-size: 13px; float: left; width: 156px; }

#require-sendA { overflow: hidden; position: absolute; top: 730px; left: 50px; margin-left: 20px; width: 800px; }
#require-sendB { overflow: hidden; position: absolute; top: 730px; left: 480px; margin-left: 20px; width: 800px; }

.form { clear: both; overflow: hidden; position: absolute; top: 910px; left: 260px; }
.form .row { clear: both; overflow: hidden; padding: 2px; }
.form .leftcol { float: left; font-size: 12px; color: #3d4500; font-weight: bold; text-align: right; line-height: 1.7em; width: 126px; }
.form .rightcol { float: left; padding-left: 8px; font-size: 12px; color: #4a4a4a; font-weight: bold }
.form .notice { float: left; padding-left: 8px; font-size: 12px; color: #4a4a4a; line-height: 1.6em; }
.form .text { float: left; font-size: 12px; color: #4a4a4a; line-height: 1.6em; margin-right: 4px; }
.form .price { float: left; font-size: 13px; font-weight: bold; line-height: 1.6em; color: #d70000; }
.form .require { color: #d70000; }
.form .notice-small { float: left; padding-left: 8px; font-size: 11px; color: #4a4a4a; line-height: 1.6em; }

.form select { margin-right: 4px; float: left; }
.form input[type="text"], .form textarea, .form select { padding: 2px; border: 1px solid #d8ebbc; font-family: Tahoma; font-size: 13px; }
.form input[type="text"], .form textarea { width: 228px; float: left; }

.form label.error { color: #d70000; padding-left: 8px; float: left; line-height: 1.6em; font-weight: normal !important; }

#blanket { background-color: #111; display: block; height: 100%; width: 100%; left: 0; top: 0; opacity: 0.65; position: fixed; z-index: 50; }
#notice-box { position: fixed; width: 300px; height: 70px; background-color: #eef6e0; z-index: 100; padding: 30px 20px; border: 4px solid #d8ebbc; -moz-border-radius: 4px; border-radius: 4px; }
#notice-box .text { clear: both; overflow: hidden; font-weight: bold; text-align: center; font-size: 14px; color: #cc0000; }
#notice-box .button-panel { clear: both; overflow: hidden; padding-top: 20px; text-align: center; }

#siimage { float: left; border: 0; }
#form object, #form a { float: left; }

#toolbar { position: fixed !important; left: 0; bottom: 0; z-index: 20; display: block; height: 30px; width: 100%; background-color: #95C830 !important; background-image: url("../images/footer.png"); background-repeat: repeat-x; }
#toolbar #facebook { float: left; }
#toolbar #promotion { float: right; }

#facebook { background-image: url("../images/facebook.png"); background-repeat: no-repeat; width: 28px; height: 28px; margin: 2px 0 0 10px; cursor: pointer; float: left; }
#facebook-block { position: fixed !important; left: 10px; bottom: 30px; z-index: 30; overflow: hidden; }

#promotion { background-image: url("../images/btn_promotion.png"); background-repeat: no-repeat; width: 74px; height: 28px; margin: 3px 10px 0 10px; cursor: pointer; float: right; }
#promotion-block { position: fixed !important; right: 10px; bottom: 30px; height: 250px; width: 400px; background-color: #efefef; z-index: 30; overflow: hidden; border: 1px solid #999; }

#shop { overflow: hidden; }
#shop-header { clear: both; overflow: hidden; height: 76px; }
#shop-header .title { background-image: url("../images/title_order-form.png"); background-repeat: no-repeat; width: 185px; text-indent: -9999px; height: 21px; margin-top: 27px; float: left; }
#shop-header #logo { background-image: url("../images/logo.png"); background-repeat: no-repeat; width: 67px; height: 53px; float: right; text-indent: -9999px; margin-top: 13px; }
#shop-order { width: 940px; background-color: #eef6e1; overflow: hidden; padding: 10px; border-top: 1px solid; border-bottom: 1px solid;  border-color: #c8c8c8; }
#shop-order .name { float: left; font-size: 13px; }
#shop-order .little { float: left; font-size: 11px; }
#shop-order .order-id { float: right; font-size: 13px; }
#shop #howto { clear: both; overflow: hidden; width: 275px; height: 40px; background-image: url("../images/howto-pay.png"); background-repeat: no-repeat; margin: 0 auto; }

table { border-collapse: collapse; border-spacing: 0; width: 860px; margin: 30px auto; font-size: 13px; }
th, td { border: 1px solid #b1b1b1; padding: 4px; }
thead th { background-color: #efefef; text-align: center; }

#bank-shop { clear: both; overflow: hidden; width: 493px; padding-left: 25px; padding-top: 65px; height: 206px; margin: 0 auto; background-image: url("../images/bank-id_BG.png"); background-repeat: no-repeat; }
.order-notice { clear: both; overflow: hidden; border: 1px solid #b1b1b1; background-color: #fffeef; padding: 10px; font-size: 13px; line-height: 20px; margin: 30px auto; width: 860px; }
.order-des { font-size: 13px; margin: 0 auto; line-height: 20px; font-weight: bold; width: 410px; }
.order-des .holder { clear: both; overflow: hidden; }
.order-des .leftcol { float: left; width: 110px; }
.order-des .rightcol { float: left; }

.buttonpanel { clear: both; overflow: hidden; margin: 40px 0; text-align: center; }

.c-red { color: #cc0000; }
.c-blue { color: #000099; }
.c-green { color: #3d4500; }
.c-orange { color: #ed8101; }

.ui-datepicker-trigger { margin-left: 8px; margin-top: 4px; cursor: pointer; }
#ui-datepicker-div { display: none; }