body{margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#333; background:#fff url(/images/front/bg.jpg) repeat-x;}
a, input{outline:none;}
a{text-decoration:none;}
img{border:0;}
form, p, h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
.clear{clear:both;}
#wrap{margin:0 auto; width:1000px;}

/* header */
#header{position:relative; margin:0 auto; width:1000px; height:219px;}
h1 a{position:absolute; display:block; top:5px; left:15px; width:323px; height:103px; background:url(/images/front/webjaidee-logo.png); text-indent:-5000px;}
#toplink{
position:absolute;
display:block;
text-align:right;
top:10px;
right:5px;
color:#909fb0;
}
#toplink a{color:#485c7e;}
#toplink a:hover{color:#6e92ce;}
#toplink strong{color:#f28012;}

/* menu */
ul#menu{
position:absolute;
top:103px;
margin:0;
padding:0;
width:1000px;
height:44px;
white-space:nowrap;
}
#menu li{display: inline;list-style-type: none;}
#menu li.menu-left{padding:0 3px 0 0; float:left;}
#menu li.menu-right{float:right;}
#menu li a.menu-normal{display:block; float:left; height:44px; line-height:54px; padding:0 0 0 20px; color:#24272e; font-size:16px; background:url(/images/front/menu-bg.jpg) 0 10px no-repeat;}
#menu li a.menu-normal:hover{color:#328dfe;}
#menu li a.free-signup{display:block; float:left; height:44px; line-height:54px; width:114px; padding:0 0 0 95px; color:#fff; font-size:16px; background:url(/images/front/free.jpg) no-repeat;}
#menu li span{display:block; float:left; height:44px; width:20px; background:url(/images/front/menu-bg.jpg) right 10px no-repeat;}

/* search */
#search{position:absolute; top:156px; width:940px; height:43px; padding:20px 0 0 60px; background:url(/images/front/search-bg.jpg) no-repeat; position:relative;}
.search-input{border:0; width:530px; height:22px; padding:0; color:#6d8197; font-size:14px;}
#search select{border:0; width:255px; height:22px; padding:0; margin:0 0 0 15px; color:#6d8197; font-size:14px;}
.search-button{width:108px; height:52px; padding:0 0 7px 0; border:0; background:url(/images/front/search-button.png) no-repeat; position:absolute; top:6px; right:5px; font-size:25px; color:#fff;}
.search-button:hover{background-position:0 -52px;}

/* cat, event, memberbar */
#event{width:1000px; padding:10px 0;}
#catlist{width:200px; float:left; margin:0 10px 0 0;}
.cat-title{display:block; width:190px; height:30px; line-height:30px; padding:0 0 0 10px; font-weight:bold; color:#fff; background:url(/images/front/cat-title-bg.jpg);}
.cat-title:hover{background-position:0 -30px;}
ul#list-category{margin:0; padding:0; list-style:none; background:#008aff; border-left:1px solid #536d97; border-right:1px solid #536d97;}
ul#list-category li.menu_main_cat{padding:0 0 0 8px; *height:25px;}
ul#list-category li.menu_main_cat:hover{background:#31a0ff;}
ul#list-category li.menu_main_cat a.maincat{display:block; padding:5px 0 5px 15px; color:#fff; border-bottom:1px solid #016ecb; background:url(/images/front/cat-bullet.jpg) 0 7px no-repeat;}
ul#list-category li.menu_main_cat a.maincat:hover{background:url(/images/front/cat-bullet-over.jpg) 0 7px no-repeat;}
#catlist span{ display:block; width:200px; height:8px; background:url(/images/front/cat-footer-bg.jpg);}

#subcat-wrap{padding:0 10px; position:absolute; z-index:99999}
.subcat{border:1px solid #9fc3e3; background:#fff; border-top:3px solid #5188b6;}
.subcat li a{display:block; padding:4px 0 4px 20px; color:#377ab4; background:url(/images/front/subcat-bullet.jpg) 10px 2px no-repeat;}
.subcat li a:hover{color:#f17f1c; background:url(/images/front/subcat-bullet-over.jpg) 10px 2px no-repeat;}
#subcat-title{height:19px; width:18px; background:url(/images/front/subcat-title-bg.png) no-repeat; position:absolute; left:0; top:5px;}

#event-show{ display:block; display:inline-block; width:580px;  margin:0 10px 0 0;}

#memberbar{width:200px; float:right}
#memberbox{width:200px;}
#form_login strong{display:block; height:30px; line-height:30px; padding:0 0 0 10px; color:#0e2d47; background:url(/images/front/memberbar-bg-top.jpg) no-repeat;}
#form_login p{padding:0 10px; background:#ceddfa;}
#form_login label{display:block; padding:3px 0; color:#365269;}
#form_login span{display:block; height:10px; background:url(/images/front/memberbar-bg-footer.jpg) no-repeat;}
.member-input{height:22px; width:162px; padding:2px 8px; color:#6f7b8c; font-size:14px; border:1px solid #a2b7da;}
.member-login{width:133px; height:31px; margin:2px 0 0 23px; color:#fff; font-size:16px; border:0; background:url(/images/front/login-button.jpg) no-repeat;}
.member-login:hover{background-position:0 -31px;}

ul#member-manage{margin:0; padding:0; list-style:none; background:#ceddfa;}
.member-manage-title{height:30px; line-height:30px; font-weight:bold; color:#0e2d47; padding:0 0 0 10px; background:url(/images/front/memberbar-bg-top.jpg) no-repeat;}
.member-manage-name{height:30px; line-height:30px; color:#8195b5; margin:0 1px; background:#f2f6fd; padding:0 0 0 9px;}
.member-manage-name strong{color:#ee5f07;}
.member-manage-inbox{height:40px; padding:10px 0 0 35px; background:url(/images/front/member-menu-bg.jpg) 10px 12px no-repeat;}
.member-manage-inbox span{color:#8195b5;}
.member-manage-inbox strong{color:#f17f15;}
.member-manage-inbox, .member-manage-shop, .member-manage-profile, .member-manage-logout, .member-manage-order{display:block; border-bottom:1px solid #becfec; color:#465a79;}
.member-manage-shop{height:28px; padding:0 0 0 35px; line-height:28px; background:url(/images/front/member-menu-bg.jpg) 10px -63px no-repeat;}
.member-manage-profile{height:28px; padding:0 0 0 35px; line-height:28px; background:url(/images/front/member-menu-bg.jpg) 10px -35px no-repeat;}
.member-manage-logout{height:28px; padding:0 0 0 35px; line-height:28px; background:url(/images/front/member-menu-bg.jpg) 10px -87px no-repeat;}
.member-manage-order{height:28px; padding:0 0 0 35px; line-height:28px; background:url(/images/front/member-menu-bg.jpg) 10px -110px no-repeat;}
.member-manage-inbox:hover, .member-manage-shop:hover, .member-manage-profile:hover, .member-manage-logout:hover, .member-manage-order:hover{color:#3fa9db;}
.memberbar-footer{height:10px; background:url(/images/front/memberbar-bg-footer.jpg) no-repeat;}

#whoonline{width:200px; padding:10px 0 0 0;}
#whoonline strong{display:block; height:31px; line-height:31px; padding:0 0 0 10px; font-size:14px; font-weight:bold; color:#433e3a; background:url(/images/front/whoonline-title-bg.jpg) no-repeat;}
#online-list{height:220px; padding:8px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5;}
#whoonline span{display:block; height:7px; background:url(/images/front/whoonline-footer-bg.jpg) no-repeat;}

/*pm */
#pm-page-nav{padding:6px 0 6px 15px; border:1px solid #c8c9c9; border-top:0; border-bottom:0; background:#dbe4f2 url(/images/front/detail-page-nav.jpg) repeat-x;}
.pm-inbox, .pm-sendbox, .pm-compose{display:block; float:left; height:28px; line-height:28px; padding:0 10px 0 32px; color:#fff;}
.pm-inbox{width:92px; background:url(/images/front/pm-inbox.png) no-repeat;}
.pm-sendbox{width:84px; background:url(/images/front/pm-sendbox.png) no-repeat;}
.pm-compose{width:113px; background:url(/images/front/pm-compose.png) no-repeat;}
.pm-inbox:hover, .pm-sendbox:hover, .pm-compose:hover{background-position:0 -28px;}

#pm-list-wrap{padding:5px; background:#d9e7fc;}
#pm-list-box-title{color:#305675;}
#pm-list-box{background:#fff; border:1px solid #c7c7c7;}
#pm-list-box td{padding:5px 0 5px 10px;}
#pm-list-box td a, a#find_member{color:#0a6faf;}
#pm-list-box td a:hover, a#find_member:hover{color:#29a2ff;}

.pmquote{background: url(/images/main_icon/quote.png) no-repeat scroll 0 2px transparent; color: #006899; cursor: pointer; display: block; font-weight: bold; padding: 0 0 0 22px;}
#pmwrap{height: 230px; padding: 0 0 0 200px; width: 300px;}

#pmsearch{background:#fff;}
.pmsearch-title{color:#2c4a7c; background:#88b1f5; font-weight:bold;}
.pmsearch-title2{color:#637caa; background:#b6cdf6; font-weight:bold; padding:0 0 0 8px;}
.pmsearch-input{border:1px solid #C0C8D4;}
.pm-memberlist{border-bottom:1px solid #b6c2d8; padding:5px 8px;}
.pm-memberlist img{vertical-align:middle; padding:2px; border:1px solid #b6c2d8;}
.pm-memberlist a{color:#006899; font-weight:bold; font-size:12px;}
.pm-memberlist a:hover{color:#00aeff;}

.submit-button-small{
margin:5px 0 0 3px;
width:80px;
height:25px;
border:0;
cursor:pointer;
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
background:url(/images/backend/submit-small.jpg);
}
.submit-button-small:hover{background-position:0 -25px;}

/* new product */
#new-product{margin:0 0 5px 0; font-size:13px; color:#716f6f;}
#new-product-title{height:54px; background:url(/images/front/new-product-title-bg.jpg) no-repeat;}
#new-product-title strong{display:block; width:220px; height:54px; line-height:54px; font-size:16px; text-align:right; font-weight:bold; color:#020307;}
#new-shop-title{height:54px; background:url(/images/front/new-shop-title-bg.jpg) no-repeat;}
#new-shop-title strong{display:block; width:227px; height:54px; line-height:54px; font-size:16px; text-align:right; font-weight:bold; color:#020307;}
#new-product-list{border-left:1px solid #c8c9c9; border-right:1px solid #c8c9c9; padding:10px;}
.new-product-footer{display:block; height:7px; background:url(/images/front/new-footer-title-bg.jpg) no-repeat;}
.show-price{font-size:20px; color:#f31a0c;} 
#show-product, #show-shop{padding:10px;}
.show-product-img, .show-shop-img , .show-product-category-img{text-align:center; padding:2px; border:1px solid #c7c7c7;}
#show-product a{display:block; color:#1d4c93; padding:5px 0 10px 0;}
#show-product a:hover{color:#328dfe;}
#show-shop a{display:block; color:#ff5400; font-weight:bold; padding:5px 0 0 0;}
#show-shop a:hover{color:#de9c1d;}

/* category */
#category{height:250px; margin:0 0 15px 0;}
#category-product-list{ display:block; display:inline-block; width:380px; height:230px; padding:10px; border:1px solid #d1d1d1; overflow:auto; background:#fff; font-size:12px; color:#7b7b7b;}

#category-product-list-show{width:360px; height:76px; padding:0 0 5px 0;}
#category-product-list-image{float:left; text-align:center; border:1px solid #d1d1d1; padding:2px; width:70px; height:70px;}
#category-product-list-show p{display:block; float:left; width:270px; padding:0 0 0 10px;}
#category-product-list-show a{color:#1d4c93;}
#category-product-list-show p span{font-size:16px; color:#d2261b;}
#category-product-list-show a:hover{color:#2b8cc9;}

#category-page-top{height:29px; margin:12px 0 0 0; background:url(/images/front/detail-page-top.jpg) right 13px no-repeat;}
#category-page-top strong{display:block; float:left; height:29px; line-height:29px; padding:0 10px 0 20px; font-size:16px; font-weight:bold; color:#325274; background:url(/images/front/detail-page-top-a.jpg) no-repeat;}
#category-page-top span{display:block; float:left; width:29px; height:29px; background:url(/images/front/detail-page-top-span.png) right no-repeat;}

#category-page-nav{padding:0 0 0 20px; border:1px solid #c8c9c9; border-top:0; border-bottom:0; background:#dbe4f2 url(/images/front/detail-page-nav.jpg) repeat-x;}
#category-page-nav span{display:block; float:left; padding:7px 5px 7px 0; color:#325274;}
#category-page-nav a{display:block; float:left; padding:0 0 0 12px; color:#121317; background:url(/images/front/nav-arrow.png) left 5px no-repeat;}

#category-page-show-sub{padding:8px 15px; border:1px solid #c8c9c9; border-top:0; border-bottom:0;}
#category-page-show-sub p{display:block; float:left; width:242px; padding:3px 0;}
#category-page-show-sub a{padding:0 0 0 15px; color:#024f8a; background:url(/images/front/plus.jpg) left no-repeat;}
#category-page-show-sub a:hover{color:#187ac5;}

#choose-view{padding:8px 10px; border:1px solid #c8c9c9; border-top:0; border-bottom:0;}
#choose-view-bar{background:#f3f4f6; border:1px solid #c1c9d8; padding:5px 8px;}
#choose-view-bar strong{font-size:16px; font-weight:bold; color:#ee5f07;}
#choose-view-bar p{float:right; color:#425265;}
#choose-view-bar p span{display:block; float:left; padding:0 20px 0 0;}
#choose-view-bar p span select{border:1px solid #abadb3; color:#59626a;}
#choose-view-bar #view-menu{ padding-left:380px; display:block; display:inline-block; color:#425265; width:450px;}


.view-list{padding:0 20px 0 18px; cursor:pointer; background:url(/images/front/view.jpg) 0 4px no-repeat;}
.view-pic{padding:0 0 0 18px; cursor:pointer; background:url(/images/front/view.jpg) 0 -16px no-repeat;}
.view-list:hover, .view-pic:hover{color:#708292;}

#view-list-show{height:131px; border:1px solid #d1d1d1; padding:5px; margin:0 0 10px 0; color:#7b7b7b;}
#view-list-show-image{float:left; text-align:center; border:1px solid #d1d1d1; padding:2px; width:125px; height:125px;}
#view-list-show p{display:block; float:left; width:800px; padding:0 0 0 20px;}
#view-list-show a{color:#1d4c93;}
#view-list-show a:hover{color:#2b8cc9;}
#view-list-show p span{font-size:16px; color:#d2261b;}

#allcat{height:29px; margin:12px 0 5px 0; background:url(/images/front/allcat-bg.jpg) right  bottom no-repeat;}
.allcat-title{display:block; width:128px; height:29px; line-height:25px; color:#fff; padding:0 0 0 17px; background:url(/images/front/allcat.jpg) no-repeat;}

/* all cat */
#allcat-page-bg{height:30px; border:1px solid #c8c9c9; border-bottom:0; background:url(/images/front/allcat-page-bg.jpg) 0 1px repeat-x;}
#allcategory{margin:0; padding:0 0 0 10px; list-style:none; width:100%;}
#allcategory li{width:25%; float:left; height:auto;}
#allcategory li strong a{color:#005da7;}
#allcategory li strong a:hover{color:#208be0;}
#allcategory li div a{color:#475c74;}
#allcategory li div a:hover{color:#f17f1c;}

/* detail page*/
#detail-page-top{height:29px; margin:12px 0 0 0; background:url(/images/front/detail-page-top.jpg) right 13px no-repeat;}
#detail-page-top a{display:block; float:left; height:29px; line-height:29px; padding:0 0 0 20px; font-size:16px; font-weight:bold; color:#325274; background:url(/images/front/detail-page-top-a.jpg) no-repeat;}
#detail-page-top a:hover{color:#5181b3}
#detail-page-top span{display:block; float:left; width:29px; height:29px; background:url(/images/front/detail-page-top-span.png) right no-repeat;}

#detail-page-nav{padding:0 0 0 20px; border:1px solid #c8c9c9; border-top:0; border-bottom:0; background:#dbe4f2 url(/images/front/detail-page-nav.jpg) repeat-x;}
.detail-page-nav-a{display:block; padding:7px 15px 7px 0; color:#121317; background:url(/images/front/nav-arrow.png) right 12px no-repeat;}
.detail-page-nav-a:hover{color:#2072ca;}
.detail-page-nav-li{display:block; padding:7px 0; color:#325274;}

#detail-page-body{padding:10px; border:1px solid #c8c9c9; border-top:0; border-bottom:0; background:#fff;}
#detail-page-title{padding:5px 10px; margin:0 0 14px 0; border:1px solid #c8c9c9;}
#detail-page-title h1{font-size:24px; color:#0f78cb;}
#detail-page-title span{font-size:12px; color:#9b9b9b;}

#detail-page-image{width:342px; float:left;}
.detail-page-image-show{border:1px solid #c8c9c9; text-align:center; padding:10px; margin:0 8px 0 0;}
#detail-page-productname{padding:10px; background:#dee6f3; margin:10px 8px 10px 0; color:#366288;}
ul#detail-page-image-small{list-style:none; margin:0; padding:0;}
ul#detail-page-image-small li{width:100px; height:100px; padding:2px; float:left; border:1px solid #c8c9c9; margin:0 8px 8px 0;}

#detail-page-product-detail{float:left; width:406px; color:#4c4c4c; padding:0 15px;}
#detail-page-product-detail p{display:block; padding:0 0 3px 0;}
#detail-page-product-detail p span{font-weight:bold; color:#111;}
#detail-page-product-detail p b{color:#c50404; font-size:18px;}
#option{margin:0; padding:0; list-style:none;}
#option-list{padding:0 0 0 25px; background:url(/images/front/option-bullet.jpg) 5px 2px no-repeat;}
.option_detail{padding:0 0 0 15px;}
.vat{color:#d37111;}

#detail-page-addtocart{float:left; width:200px;}
#detail-page-shopname{padding:5px; color:#1a3e5b; background:#b4caf1 url(/images/front/detail-page-shopname.jpg) no-repeat;}
#detail-page-addtocart-body{background:#cdddf9; padding:5px; color:#284e6d;}

.addtocartform p{padding:3px 0;}
.addtocartform label{}
.blue-box{display:block; background:#c3d5f3; border:1px solid #b4caf1; padding:3px; margin:0 0 3px 0;}
.price-input{border:1px solid #b4caf1; margin:0 0 0 15px; color:#516280; padding:2px 3px;}
.addtocart{width:171px; height:41px; border:0; color:#fff; cursor:pointer; font-size:18px; background:#b4caf1 url(/images/front/addtocart.jpg) no-repeat;}
.addtocart:hover{background-position:0 -41px;}

.title-title{display:block; margin:10px 0; padding:5px; background:#f3f4f6; border:1px solid #c1c9d8;}

/* cart */
#none-product{margin:12px 0 400px 0; padding:10px; text-align:center; color:#024f8a; font-weight:bold; background:#bdd3f7; border:1px solid #a4b9db;}
#cart-header{height:28px; margin:12px 0 0 0; padding:5px 0 5px 718px; background:#b4caf1 url(/images/front/cart-header.jpg) no-repeat;}
.add-product, .checkout, .cart-edit, .checkout-button{display:block; float:left; height:28px; line-height:28px; text-align:center; color:#fff;}
.add-product{width:146px; background:url(/images/front/add-button.png) no-repeat;}
.add-product:hover, .cart-edit:hover{background-position:0 -56px;}
.checkout{width:116px; margin:0 0 0 10px; background:url(/images/front/add-button.png) 0 -28px no-repeat;}
.checkout:hover, .checkout-button:hover{background-position:0 -84px;}
.cart-edit{width:146px; float:right; margin:0 10px 0 0; background:url(/images/front/add-button.png) no-repeat;}
.checkout-button{width:116px; border:0; font-size:14px; float:right; cursor:pointer; margin:0 0 0 10px; background:url(/images/front/add-button.png) 0 -28px no-repeat;}

#cart-body{padding:10px; border:1px solid #c8c9c9; border-top:0; border-bottom:0; background:#fff;}
.shop-name-title{display:block; margin:0 0 1px 0; padding:5px; color:#024f8a; font-weight:bold; background:#bdd3f7; border:1px solid #a4b9db;}
.white{display:block; height:1px; background:#fff;}
.cart-list{margin:0 0 30px 0; color:#436c8d;}
.cart-list td{background:#d9e7fc;}
.list-bg, .list-bg2, .list-bg3, .list-bg td{background:#fff;}
.list-bg{margin:5px 0 0 5px; padding:5px; border:1px solid #c7c7c7; border-right:0;}
.list-bg2{margin:5px 0 0 0; padding:40px 0 0 0; border:1px solid #c7c7c7; border-right:0; border-left:0; height:66px;}
.list-bg3{margin:5px 5px 0 0; padding:40px 8px 0 0; border:1px solid #c7c7c7; border-left:0; height:66px;}

.pic-list{border:1px solid #c7c7c7; padding:2px; width:90px; height:90px; margin:0 10px 0 0;}
.num-list{width:40px; text-align:center; border:1px solid #c7c7c7; color:#436c8d;}
.delete{display:block; width:29px; height:22px; padding:0 0 0 20px; background:url(/images/front/delete.jpg) no-repeat; color:#66737f;}
.delete:hover{background-position:0 -22px;}
#total{border:1px solid #c3cddd; margin:5px 5px 5px 500px;}
.total-price{color:#cf1d1f;}
.total-price2{display:block; float:left; width:696px; color:#cf1d1f; padding:0 10px 0 0; height:28px; line-height:28px; font-size:22px; font-weight:bold;}
.change{display:block; float:right; cursor:pointer; margin:5px 70px 5px 0; width:146px; height:28px; line-height:28px; text-align:center; color:#495865; background:#b4caf1 url(/images/front/change.jpg) no-repeat;}
.change:hover{color:#2484dd;}

.form p{clear:left; margin:4px 0; padding:5px 0 0 50px;}
.form label{display:block; float:left; margin:0; height:20px; width:240px;}

.box{display:block; font-size:18px; margin:0 0 0 50px; padding:10px 0 10px 50px; background:url(/images/front/box.jpg) no-repeat;}
ul#address{margin:0; padding:0; list-style:none;}
ul#address li{clear:left; padding:3px 0 3px 150px;}
ul#address li span{display:block; float:left; width:150px; color:#024f8a; margin-left:-150px;}
.moredetail{padding:0 0 30px 0;}
.moredetail span{display:block; padding:0 0 10px 0; color:#024f8a;}

#summary{background:#BDD3F7; border: 1px solid #A4B9DB; color: #024F8A; font-weight: bold; padding:5px; margin:0 0 20px 0;}
.bill-shopname{display:block; margin:0 0 1px 0; padding:5px; background:#bdd3f7; border:1px solid #a4b9db;}
.shopname-bill-order{width:450px; float:left;}
.shopname-bill-order strong{display:block; color:#024f8a; font-weight:bold;}
.shopname-bill-order span{color:#465875;}
.bill-button{width:450px; float:right;}
.bill-button a{display:block; float:right; height:28px; line-height:28px; padding:0 0 0 15px; margin:0 0 0 10px; color:#fff; background:url(/images/front/bill-button.jpg) no-repeat;}
.bill-button span{display:block; float:right; height:28px; width:15px; background:url(/images/front/bill-button.jpg) right 0 no-repeat;}
.bill-button a:hover, .bill-button span:hover{}
.bill-button strong{font-weight:bold; color:#f27f13;}

/* order history */
#history-wrap{width:790px; margin:0 10px 0 0; float:left;}
#history-top{width:790px; height:9px; background:url(/images/front/history-top.png) no-repeat;}
#history-body{width:768px; border:1px solid #c8c9c9; border-top:0; border-bottom:0; padding:10px; background:#fff;}
strong.history-head{display:block; height:32px; line-height:30px; font-size:18px; margin:0 0 10px 0; padding:0 0 0 37px; background:url(/images/front/history.jpg) no-repeat;}
#history-bottom{width:790px; height:10px; background:url(/images/front/history-bottom.png) no-repeat;}

/* regis */
#regis-free{padding:5px; margin:10px 0; text-align:center; font-size:30px; color:#c20000; background:#f1d9d6;}
#template-choose{display:inline-block; margin:0; padding:5px; width:560px; height:135px; overflow:auto; border:1px solid #aacad5;}
#template-choose #template-list{width:100px;  display:inline-block; text-align:center; padding:2px;}
#template-choose img{padding:2px; border:1px solid #ccc;}

/* content */
#page-top{margin:12px 0 0 0; height:10px; background:url(/images/front/page-top.jpg) no-repeat;}
#page-body{padding:0 17px; border:1px solid #c8c9c9; border-bottom:0; border-top:0; background:#fff; position:relative;}
#page-bottom{height:8px; background:url(/images/front/page-bottom.jpg) no-repeat;}
#contact-detail{position:absolute; top:50px; right:30px; padding:20px 0 0 25px; width:325px; height:210px; background:url(/images/front/contact-bg.jpg) no-repeat;}
#contact-detail strong{color:#035da2;}
#contact-detail span{color:#84a300;}

/* footer */
#footer{
margin:10px auto;
padding:15px 0 0 0;
width:1000px;
height:84px;
color:#628a96;
background:url(/images/front/footer-bg.jpg) no-repeat;
}
.logo-footer{
display:block;
float:left;
margin:-6px 0 0 15px;
width:200px;
height:56px;
background:url(/images/front/webjaidee-logo-footer.png) no-repeat;
text-indent:-5000px;
}
#footer p{padding:0 0 2px 205px;}
#footer a{color:#254d58;}
.fb, .tw{
float:left;
display:block;
width:20px;
height:0px;
margin:4px 5px 0 0;
padding:20px 0 0 0;
overflow:hidden;
}
.fb{background:url(/images/front/fb.jpg);}
.tw{background:url(/images/front/tw.jpg);}
.fb:hover, .tw:hover{background-position:0 -20px;}

/* other page */
.form1 p{
clear:left;
margin:4px 0 0 0;
padding:5px 0;
}
.form1 label{
float:left;
margin:0;
width:240px;
height:20px;
}
.form1 a{color:#006899;}
.form1 a:hover{color:#38b0e9;}
.form2 p{
clear:left;
margin:4px 0;
padding:5px 0;
}
.form2 label{
float:left;
margin:0;
width:200px;
height:20px;
}
.form3 p{
clear:left;
margin:2px 0;
padding:2px 0;
}
.form3 label{
float:left;
margin:0;
width:100px;
height:20px;
}
input, textarea, select{font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
.text-input, .digit-input, .textarea1, .textarea2, .form1 select, .form select{border:1px solid #aacad5; color:#333; padding:0 0 0 4px; margin:0 7px 0 0; float:left;}
.text-input{width:200px; height:20px;}
.digit-input{width:100px; height:20px;}
.textarea1{width:300px; height:120px;}
.textarea2{width:510px; height:200px;}
.submit-button{
margin:15px 0;
padding:39px 0 0 0;
width:122px;
height:39px;
border:0;
cursor:pointer;
font-size:0;
background:url(/images/front/submit.jpg);
}
.submit-button:hover{background-position:0 -39px;}
.submit-button-small{
margin:15px 0;
padding:0 0 4px 0;
width:100px;
height:32px;
border:0;
cursor:pointer;
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
font-size:14px;
background:url(/images/front/submit-small.jpg);
}
.submit-button-small:hover{background-position:0 -32px;}
.error{background:#fcd589; border:1px solid #e88c54;  }
.form1 p b.error ,.form1 p blink.error, .form1 p b.succes{ 
float:left;
display:block;
font-size:12px;
border:0px;
font-weight:bold;
}
.form1 p b.error, .form1 p blink.error{
height:18px;
padding:2px 0 0 20px;
color:#cb7575;
background:url(/images/front/warn.jpg) no-repeat;
font-weight:bold;
}
.form1 p b.succes{ 
height:24px;
padding:3px 0 0 26px;
color:#529806;
background:url(/images/front/succes.gif) no-repeat;
}
#signup, #policy, #forwho, #webdesign, #contact, #step, #tutorial, #faq, #start, #forget, #link, #news, #login, #lastupdate{
height:44px;
}
#signup h2, #policy h2, #forwho h2, #webdesign h2, #contact h2, #step h2, #tutorial h2, #faq h2, #start h2, #forget h2, #link h2, #news h2, #login h2, #lastupdate h2{
padding:0 0 0 60px;
height:44px;
line-height:30px;
font-size:18px;
}
#signup h2{background:url(/images/front/regis-free.jpg) no-repeat; padding:0 0 0 50px; line-height:40px;}
#policy h2{background:url(/images/front/policy-head.jpg) no-repeat;}
#forwho h2{background:url(/images/front/who-head.jpg) no-repeat;}
#webdesign h2{background:url(/images/front/webdesign-head.jpg) no-repeat;}
#contact h2{background:url(/images/front/contact-icon.jpg) -3px 0 no-repeat;}
#step h2{background:url(/images/front/step-head.jpg) no-repeat;}
#tutorial h2{background:url(/images/front/tutorial-head.jpg) no-repeat;}
#faq h2{background:url(/images/front/faq-head.jpg) no-repeat;}
#start h2{background:url(/images/front/start-head.jpg) no-repeat;}
#forget h2{background:url(/images/front/forget-head.jpg) no-repeat;}
#link h2{background:url(/images/front/link-head.jpg) no-repeat;}
#news h2{background:url(/images/front/news-head.jpg) no-repeat;}
#login h2{background:url(/images/front/login-head.jpg) no-repeat; padding:0 0 0 40px; line-height:44px;}
#lastupdate h2{background:url(/images/front/lastupdate-head.jpg) no-repeat;}

.mark{color:#da6024;}
.block{float:left; margin:0 5px 0 0;}
#alert{margin:0; padding:3px 0 3px 15px; background:url(/images/front/alert-bg.jpg) repeat-x;}
#alert img{vertical-align:middle;}
#under{margin:0 auto; width:362px; height:66px; background:url(/images/front/under.jpg);}

#faq-box{margin:0; padding:0; list-style:none;}
#faq-box li{width:385px; height:190px; float:left;}
#faq-box strong{display:block; color:#0478a1; padding:15px 0 20px 53px;}
.faq-what{background:url(/images/front/faq-what.jpg) left no-repeat;}
.faq-who{background:url(/images/front/faq-who.jpg) left no-repeat;}
.faq-free{background:url(/images/front/faq-free.jpg) left no-repeat;}
.faq-know{background:url(/images/front/faq-know.jpg) left no-repeat;}
.faq-domain{background:url(/images/front/faq-domain.jpg) left no-repeat;}
.faq-option{background:url(/images/front/faq-option.jpg) left no-repeat;}
#faq-box p{padding:5px 18px 20px 10px; color:#57676c;}

#tutorial-page{list-style:none; margin:0; padding:0;}
#tutorial-page strong{
font-weight:bold;
color: #06C;
}
#tutorial-page a{color: #06C;}
#tutorial-page img{
padding:5px;
margin:5px 0;
border:1px solid #ccc;
}

#link-baner{width:770px; padding:0 0 30px 0;}
#link-code{width:770px; padding:30px 0 0 0; height:125px; border-top:1px solid #aacad5;}
#link-code p{display:block; width:450px; height:50px; float:left;}
#link-code p img{float:left;}
#link-code p span{float:left; display:block; width:357px; padding:0 0 0 5px; color:#0478a1;}

/* หน้า package */
#packagecard{width:1000px; height:200px; background:url(/images/front/packagecard.jpg) 205px 0 no-repeat;}
.detailhead{width:81px; height:21px; text-align:center; line-height:21px; color:#fff; font-size:14px; font-weight:bold; background:url(/images/front/detailhead.jpg);}
.detail{width:75px; height:66px; padding:2px; color:#2e5266; background:#f5f5f5; text-align:center; vertical-align:top; border:1px solid #d0dfe3;}
.spechead{height:23px; padding:0 0 0 3px;}
.spechead{color:#224058; background:#98c3e4; font-weight:bold;}
.spec01, .spec02{padding:5px 0 5px 3px;}
.spec01, .price2{color:#3d5569; background:#e5eff7;}
.spec02{color:#044d62;}
.free, .price, .thirdyearprice01, .thirdyearprice02, .thirdyearprice03, .thirdyearprice04, .thirdyearprice05, .thirdyearprice06, .thirdyearprice07{font-size:18px; font-weight:bold; text-align:center;}
.free{color:#d41d05;}
.price{color:#1581dc;}
.price2{text-align:center; font-size:14px; font-weight:bold;}
.thirdyear{height:75px; vertical-align:top;}
.thirdyear strong{display:block; color:#d41d05; background:#e5eff7; height:23px; padding:0 0 0 3px; line-height:23px;}
.thirdyearprice01, .thirdyearprice02, .thirdyearprice03, .thirdyearprice04, .thirdyearprice05, .thirdyearprice06, .thirdyearprice07{vertical-align:top; color:#d41d05;}
.thirdyearprice01{background:#e8f3f6}
.thirdyearprice02{background:#f0f5e0}
.thirdyearprice03{background:#dbf2eb}
.thirdyearprice04{background:#f4e6f4}
.thirdyearprice05{background:#e5ebf0}
.thirdyearprice06{background:#f5ecec}
.thirdyearprice07{background:#ebebeb}
.thirdyearprice01 span, .thirdyearprice02 span, .thirdyearprice03 span, .thirdyearprice04 span, .thirdyearprice05 span, .thirdyearprice06 span, .thirdyearprice07 span{display:block; height:23px; margin:0 0 15px 0;}
.signup01, .signup02, .signup03, .signup04, .signup05, .signup06, .signup07{display:block; margin:0 auto; width:67px; height:24px; line-height:24px; background:url(/images/front/signup02.jpg); font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#fff;}
.signup01:hover, .signup02:hover, .signup03:hover, .signup04:hover, .signup05:hover, .signup06:hover, .signup07:hover{background-position:0 -24px;}
.ph1, .ph2, .ph3, .ph4, .ph5, .ph6, .ph7{ font-size:14px; color:#fff; font-weight:bold; text-align:center;}
.ph1{background:url(/images/front/ph.jpg);}
.ph2{background:url(/images/front/ph.jpg) 0 -25px;}
.ph3{background:url(/images/front/ph.jpg) 0 -50px;}
.ph4{background:url(/images/front/ph.jpg) 0 -75px;}
.ph5{background:url(/images/front/ph.jpg) 0 -100px;}
.ph6{background:url(/images/front/ph.jpg) 0 -125px;}
.ph7{background:url(/images/front/ph.jpg) 0 -150px;}
.bg1-1, .bg1-2, .bg2-1, .bg2-2, .bg3-1, .bg3-2, .bg4-1, .bg4-2, .bg5-1, .bg5-2, .bg6-1, .bg6-2, .bg7-1, .bg7-2, .bg8-1, .bg8-2, .bg9-1, .bg9-2{text-align:center; color:#3d5569;}
.bg1-1{background:#e5eff7;}
.bg1-2, .thirdyearprice01 span{background:#daeaf4;}
.bg2-1{background:#f0f5e0;}
.bg2-2, .thirdyearprice02 span{background:#e5ebce;}
.bg3-1{background:#dbf2eb;}
.bg3-2, .thirdyearprice03 span{background:#cce6de;}
.bg4-1{background:#f4e6f4;}
.bg4-2, .thirdyearprice04 span{background:#e9dde7;}
.bg5-1{background:#e5ebf0;}
.bg5-2, .thirdyearprice05 span{background:#d5dde3;}
.bg6-1{background:#f5ecec;}
.bg6-2, .thirdyearprice06 span{background:#ebdfde;}
.bg7-1{background:#ebebeb;}
.bg7-2, .thirdyearprice07 span{background:#dbdbdb;}
.bg8-1{background:#eeeccd;}
.bg8-2{background:#e7e3aa;}
.bg9-1{background:#d4d4ab;}
.bg9-2{background:#feffb8;}
.yes{display:block; width:16px; height:14px; margin:0 auto; text-indent:-5000px; background:url(/images/front/yes.png);}

/* หน้าสมัครแพคเกจ */
.step, .realstep{margin:0; padding:0; list-style:none; height:34px;}
.step{position:absolute; z-index:10;}
.step li, .realstep li{float:left;}
#step1, #step2, #step3, #step4{width:192px; height:34px;}
#step5{width:161px; height:34px;}

.realstep1, .realstep1-over, .realstep1-3, .realstep2, .realstep2-over, .realstep2-3, .realstep2-4, .realstep3, .realstep3-over, .realstep3-4, .realstep4, .realstep4-5, .realstep4-over,  .realstep5, .realstep5-over{padding:0 0 0 35px; width:157px; height:34px; line-height:34px; color:#68687f; font-weight:bold;}

.realstep1{background:url(/images/front/step1.jpg);}
.realstep1-over{background:url(/images/front/step1-over.jpg); color:#fff;}
.realstep1-3{background:url(/images/front/step1-3.jpg);}
.realstep2{background:url(/images/front/step2.jpg);}
.realstep2-over{background:url(/images/front/step2-over.jpg); color:#fff;}
.realstep2-3{background:url(/images/front/step2-3.jpg);}
.realstep2-4{background:url(/images/front/step2-4.jpg);}
.realstep3{background:url(/images/front/step3.jpg);}
.realstep3-over{background:url(/images/front/step3-over.jpg); color:#fff;}
.realstep3-4{background:url(/images/front/step3-4.jpg);}
.realstep4{background:url(/images/front/step4.jpg);}
.realstep4-5{background:url(/images/front/step4-5.jpg);}
.realstep4-over{background:url(/images/front/step4-over.jpg); color:#fff;}
.realstep5{width:161px; background:url(/images/front/step5.jpg);}
.realstep5-over{width:161px; background:url(/images/front/step5-over.jpg); color:#fff;}

#content_step2 strong, #content_step3 strong, #content_step4 strong, #signupFormstep2 p{color:#0478A1;}
.green{color:#6f8f0e;}
.blue{color:#0478A1;}
#content_step3 strong, #content_step4 strong{display:block; padding:0 0 15px 0;}
#signupFormstep2 p{display:block; padding:5px 0;}
#new_domain, #old_domain{padding:5px 0 25px 25px;}
#new_domain span, #old_domain span{display:block; float:left; color:#666; font-size:12px; padding:3px 5px 0 0;}
.regis-border-head{width:964px; height:18px; margin:20px 0 0 0; background:url(/images/front/regis-border-head.jpg);}
.regis-border-body{width:902px; padding:0 30px 0 30px; border:1px solid #c9d3d4; border-top:0; border-bottom:0;}
.regis-border-footer{width:964px; height:18px; background:url(/images/front/regis-border-footer.jpg);}

.package-spec{margin:0; padding:15px 0; width:700px; list-style:none; border-top:1px solid #eee;}
.package-spec li{color:#666;}

.addspec-wrap{margin:15px 0; padding:1px; width:700px; border:1px solid #CAE2E9; clear:both;}
.addspec{margin:0; padding:0; list-style:none; width:400px; float:left;}
.addspec li{line-height:23px;}
.addspec-head{background:#50ABC5; color:#fff; padding:0 0 0 3px; font-weight:bold;}
.addspec-list{background:#CAE2E9; color:#044D62; padding:0 0 0 3px;}
.addspec-list-show{color:#666; padding:2px 0 2px 3px; border-bottom:1px solid #eee;}
.list01{display:block; float:left; width:250px;}

.addspec-design{color:#3e4a00; width:299px; float:left; margin:0 0 0 1px;}
.addspec-design1{display:block; background:#C3D28A; padding:0 0 0 3px; float:left; height:23px; width:296px; line-height:23px; font-weight:bold;}
.addspec-design2{display:block; background:#DFE7C0; padding:0 0 0 3px; float:left; height:23px; width:296px; line-height:23px;}

/* หน้า payment */
.payment-bank-detail{margin:30px 0 0 0;}

#content_page a{
background:#c6d7e5;
color:#4c6579;
display:block;
float:left;
font-size:11px;
height:20px;
line-height:20px;
margin:3px 3px 3px 0;
text-align:center;
width:20px;
}

#content_page a b{
background:#9db9d1;
border:1px solid #819eb6;
color:#fff;
display:block;
height:18px;
line-height:18px;
width:18px;
}