@charset "utf-8";
body {margin:0 0 0 0; padding:0 0 0 0; background:#B0DE27; color:#333; text-align:center; font:13px tahoma, verdana, arial, sans-serif;}

html {
scrollbar-face-color:#FE55AC;
scrollbar-highlight-color:#FFFF99; 
scrollbar-3dlight-color: #ff44b5;
scrollbar-darkshadow-color:#BED248;
scrollbar-shadow-color:#ff44b5;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#CCCCCC;
}

.center {text-align:center;}
.bold {font-weight:bold;}
.clear {clear:both;}
.link {font-weight:bold; white-space:nowrap; color:#739912;}
.none {display:none;}

ul {margin:0; padding:0; list-style-type:none;}
a {color:#164c97; text-decoration:none;}
a:hover {color:#f90; text-decoration:none;}
p {padding:0px;margin-top:0px; margin-bottom:8px;}

/* HEADER */
#content {width:990px; margin-left:auto; margin-right:auto; padding-top:0px;}
#content-top {width:100%; height:12px; background:url(/images/bg_top.gif) bottom no-repeat; font-size:0px;}
#content-inner { float:left;overflow:hidden;width:100%;  background:url(/images/bg.gif) repeat-y;}
#content-bottom {width:100%; height:12px; background:url(/images/bg_bottom.gif) top no-repeat; font-size:0px;}

#home {width:621px; margin-left:auto; margin-right:auto; margin-top:30px;}
#home span {display:none;}
#url {width:620px; height:30px; background:url(images/url.gif) right no-repeat; }
#url a {display:block; width:220px; height:30px; float:right;}
/*#url a:hover{background:url(images/url2.gif) right no-repeat;}*/
#intro {width:600px; background:#FFF; height:350px; padding:10px;}
#language { margin-top:20px; margin-left:20px;}
#language div a {display:block; height:80px; width:300px; outline:none;}
#logo_en a:hover {display:block; height:80px; width:300px; outline:none; background:url(images/logo_en2.gif)}
#logo_th a:hover {display:block; height:80px; width:300px; outline:none; background:url(images/logo_th2.gif)}

/* HEADER */
#header {margin-left:12px; margin-right:12px;}
#logo_en { float:left; background:url(/images/logo_en.gif) no-repeat; width:300px; height:80px;}
#logo_th { float:left; background:url(/images/logo_th.gif) no-repeat; width:300px; height:80px;}
#header_right {float:left; width:480px; height:80px; vertical-align:bottom; font-size:14px; color:#333}
#flag {float:right;height:80px;}
#flag span {display:none;}
#flag_en {float:left; width:16px; height:11px; background:url(/images/flag_en.png) no-repeat; margin-left:10px; margin-top:10px;}
#flag_th {float:left; width:16px; height:11px; background:url(/images/flag_th.png) no-repeat; margin-left:10px; margin-top:10px;}
#flag_en a,#flag_th a  {display:block; width:16px; height:11px; font-size:0px;}
.lang {float:left; font-size:11px; margin-left:5px; margin-top:8px;}
.lang a:link,.lang a:visited { color:#333}
.lang a:hover { color:#FFF}

/* MENU */
#menu {margin-left:8px;border-left:1px solid #EE278E; margin-right:8px; height:26px;background:#FE55AC;}
#menu ul { height:26px;}
#menu ul li {float:left; display:inline; border-right:1px solid #EE278E; }
#menu ul li a {display:block; color:#FFFFFF;padding-top:5px; padding-bottom:5px; padding-left:15px; padding-right:15px;}
#menu ul li a:hover { background:#F3027F;}

/* MAIN */
#main {float:left; width:100%; padding:7px 17px 7px 17px;}
#left {float:left; width:200px; text-align:left; }
#right {float:left; width:735px; text-align:left; margin-left:21px;}

#right h1 { width:730px; font-size:14px; padding:0px 0px 5px 5px; margin:0px; border-bottom:1px solid #FF6600}
#right h1 a{color:#333333;}
.content { width:100%; margin-top:10px; margin-bottom:10px; }
.content_list li { float:left;width:178px; margin-right:5px; list-style-type:none; margin-bottom:5px;}
.list_box { border:1px solid #CCCCCC; padding:10px;}
.list_box img {border:0px;}
.list_box .p_img { padding:0px; margin:0px;}
.list_box .p_title { margin-top:5px; text-align:center;}
.list_box .p_title a { color:#333333; font-weight:bold;}
.list_box .p_sku { float:left;margin-top:5px; width:50%}
.list_box .p_sku a { color:#7F7F7F; font-weight:bold;}
.list_box .p_price { float:left; width:50%; margin-top:2px; text-align:right; font-size:16px; font-weight:bold; color:#F31E13}
.list_box .p_cart { float:right;padding-top:5px; text-align:right;}

.detail_img { text-align:center;}

#cart{ border-bottom:1px solid #0066FF; padding-bottom:10px; margin-bottom:3px;}
.lmenu {margin-bottom:2px; background:#4096EE; padding:3px 10px; color:#FFFFFF; font-weight:bold;}
.lmenu a { color:#fff;}
.lmenu a:hover { text-decoration:underline;}


/* FOOTER */
#footer { margin-left:12px; margin-right:12px; font-size:11px; text-align:left; color:#666666; margin-bottom:8px;}