@charset "utf-8";
/* CSS Document */
@import "../font/font.css";

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

* { 
    margin: 0; 
    padding: 0; 
}

html, body {
    height:100%;
    width:100%;
	margin:0;
	padding:0;
	background:url(../images/bg-pattern.jpg) repeat;
	background-color:#000;
}

p { font-family:'thaisans_neueregular', arial; color:#fff; font-size:18px; line-height:1em; padding:0; margin:0; margin-bottom:5px;}
a {font-family:'thaisans_neueregular', arial; color:#ff0000; text-decoration:none;}
a:hover, a:active {color:#fff;}

.page { width:1280px; height:auto; margin:0 auto; padding:0; position:relative; background:url(../images/page-bg.png) no-repeat top;}
.page-top { height:580px; width:1280px; padding:0; margin:0; position:relative;}
.logo { width:451px; height:450px; position:absolute; top:0; left:0; z-index:10; background:url(../images/logo-with-bg.png) no-repeat;}
.main-menu { height:24px; width:1165px; padding:13px 60px; position:relative; z-index:0; background:url(../images/menu-background.jpg) repeat-x;}
.main-menu ul {list-style:none; margin:0; padding:0; float:right;}
.main-menu ul li {display:inline-block; float:left; margin:0; padding:0;}
.main-menu ul li a {display:block; font-family:'dejavu_sans_monobook', Arial, Verdana; font-size:14px; text-align:center; padding:0 15px; color:#fff; text-decoration:none;}
.main-menu ul li a:hover, .main-menu ul li a.active { color:#ff2929;}

.page-top-search { height:50px; width:1165px; position:relative; z-index:0; margin: 0 auto;}
.page-top-contact { height:100px; width:1165px; margin-top:30px; position:relative; z-index:0; margin: 0 auto;}
.contact-box { float:right; display:block; width:536px; height:70px; background:url(../images/contact-box.png) no-repeat;}
.language { position: relative; float:right; top: 0;  padding:10px 0px; display:block;}
.language ul {list-style:none; margin:0; padding:0;}
.language ul li {display:inline-block; float:left; margin:0; padding:0; margin-right:5px;}
.language ul li a {display:block; background:#991818; font-family:'dejavu_sans_monobook', Verdana; font-size:12px; text-align:center; padding: 0px 5px; color:#fff; text-decoration:none;}
.language ul li a:hover, .language ul li a.active {background:#400c0c;}

.image-slide { width:1165px; height:380px; margin:0 auto; padding:0; position:relative; z-index:0;}
.image-slide ul, .image-slide li {margin:0; padding:0;}

.hot-product-box { width:1165px; min-height:260px; position:relative; background:#000; display:block; margin:0px 60px;}
.hot-product-box .heading { width:59px; height:206px; float:left; position:relative; margin:27px 25px; background: url(../images/hot-product-heading.png) no-repeat;}
.product-box { width:230px; min-height:230px; position:relative; float:left; margin:15px;}
.product-box .hot { display:block; position:absolute; right:0; top:0; z-index:100px; height:20px; width:100px; text-align:center;  background:#991818; opacity: 0.6; filter: alpha(opacity=60); font-family:'texgyreadventorregular', Verdana; font-size:20px; font-style:italic; font-weight:bold; line-height:1em; padding:10px 0px; margin:0; }
.product-box .hot h1 {  }

.hilight { width:1165px; height:auto; margin:30px auto; position:relative;}
.hilight .video { width:580px; height:380px; float:left; margin-top:50px;}
.hilight .video h1 { color:#991818; font-family:'texgyreadventorregular', Verdana; font-size:24px; font-style:italic; font-weight:bold; padding-bottom:10px; }
.hilight .news { width:540px; height:380px; float:left; margin-left:30px;  margin-top:50px;}
.hilight .news h1 { color:#fff; font-family:'texgyreadventorregular', Verdana; font-size:24px; font-style:italic; font-weight:bold; padding:0px 10px; }
.news-box { width:250px; height:auto; display:block; float:left; padding:10px; }
.news-box img { border:solid 2px #FFFFFF; margin-bottom:10px;}
.news-box, .review  p { font-family:'thaisans_neueregular', arial; color:#fff; font-size:18px; }
.news-box, .review  a {font-family:'thaisans_neueregular', arial; color:#ff0000; font-size:18px; text-decoration:none;}
.news-box  a:hover, .news-box a:active .review a:hover, .review a:active {color:#fff;}
.review { width:580px; height:330px; float:left; margin-top:45px; display:block; position:relative;}
.review h1 { display:block; background:url(../images/heading-review.png) no-repeat; width:147px; height:40px; padding-bottom:10px;}
.review img {    vertical-align: text-bottom; float:right; margin-left:50px;} 
.tips-box { display:block; margin-top:35px; margin-left:40px; height:330px; float:left; position:relative;}
.tips { width:240px; height:330px;  float:left; margin:10px 15px;  display:block;}
.tips h1 { display:block; background:url(../images/heading-tips.png) no-repeat; width:147px; height:40px; padding-bottom:10px;}
.tips p { font-family:'thaisans_neueregular', arial; color:#fff; font-size:30px; font-weight:bold; font-style:italic; padding:20px;
}
.tips a, .tips a:hover { text-decoration:none; color:#fff;}
.button-back  { width:100px; display:block; clear:both; margin:20px 0px; background:#991818; text-align:center; float:right;}
.button-back a { font-family:'thaisans_neueregular', arial; color:#fff; font-size:30px; font-weight:bold; text-decoration:none; font-style:italic; padding:10px 0px;}

.footer { width:1135px; height:260px; position:relative; padding:0px 15px; margin:0 auto; background:url(../images/footer-bg.jpg) repeat; border-top:1px solid #999999; border-bottom:1px solid #999999;}
.footer .box { width:200px; height:auto; padding-right:30px; float:left;}
.footer .box h1 {font-family:'thaisans_neueregular', arial; color:#991818; font-size:20px; font-weight:bold; padding:10px 0px;}
.footer .subscribebox { width:200px; height:auto; float:right;}
.footer .subscribebox h1 {font-family:'thaisans_neueregular', arial; color:#991818; font-size:26px; font-weight:bold; font-style:italic; padding:6px 0px; margin-bottom:5px; line-height:1em;}
.box a, .box a:hover, .box a:active, .detail a, .detail a:hover, .detail a:active { color:inherit; text-decoration:none;}
.copyright { width:1165px; height:20px; padding:10px 0px; margin:0 auto;}
.copyright p {font-family:'thaisans_neueregular', arial; color:#fff; font-size:18px; padding:0px 15px; border:0px solid #ff0000;}
.quicklink { height:20px; width:900px; position:relative; top:-25px; float:right;border:0px solid #ff0000;}
.quicklink ul {list-style:none; margin:0; padding:0; float:right;}
.quicklink ul li {display:inline-block; float:left; margin:0; padding:0;}
.quicklink ul li a {display:block; font-family:'thaisans_neueregular', Arial, Verdana; font-size:18px; text-align:center; padding:0 15px; color:#fff; text-decoration:none;}
.quicklink ul li a:hover, .quicklink ul li a.active { color:#fff; text-decoration: underline;}
.subscribebox inputs:-webkit-input-placeholder {color: #b5b5b5;}
.subscribebox inputs-moz-placeholder {color: #b5b5b5;}

.subscribebox  .inputs {
    background: #f5f5f5;
    font-size: 0.8rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 2px;
    width: 150px;
	margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: inset 0 2px 3px rgba( 0, 0, 0, 0.1 );
    clear: both;
}

.subscribebox .inputs:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #991818, inset 0 1px 1px rgba( 0, 0, 0, 0.2 ), 0px 1px 1px rgba( 0, 0, 0, 0.15 );
    outline: none;
}
.page-top-inside { height:200px; width:1280px; padding:0; margin:0; position:relative;}
.content { width:1165px; height:auto; margin:50px auto; position: relative; z-index:1000; display:block;}
.content h1 {font-family:'texgyreadventorregular', arial; color:#fff; font-size:30px; font-weight:bold; font-style:italic; padding:10px 0px;}
.content h2 {font-family:'thaisans_neueregular', arial; color:#991818; font-size:28px; line-height:1em; font-weight:bold; padding:10px 0px;}
.content p {font-family:'thaisans_neueregular', arial; color:#fff; font-size:20px; padding-bottom:10px}
.detail { width:1105px; display:block; background:#000; padding:30px; margin:0;}

.news-menu { float:left; display:block; width:300px; padding-right:15px; border-right:1px solid #991818;}
.news-menu-thumb { display:block; margin:10px 0px; width:100%; height:auto; position:relative;}
.news-menu-thumb a {font-family:'thaisans_neueregular', Verdana; font-size:18px; color:#ff0000; text-decoration:none;}
.news-menu-thumb a:hover, .news-menu-thumb a.active { color:#fff;}
.news-menu-thumb img { vertical-align:top; border:1px solid #ff0000; float:left; margin-right:10px;}
.news-detail { float:right; width:750px; display:block;}

.product-menu { float:left; display:block; width:250px; padding-right:0px;}
.product-menu ul {list-style:none; margin:0; padding:0;}
.product-menu ul li {display:block; padding:0; margin:10px 0px; width:250px; height:30px; border:1px solid #991818;}
.product-menu ul li a {display:block; font-family:'thaisans_neueregular', Arial, Verdana; line-height:1em; font-size:30px; padding:0 10px; color:#991818; text-decoration:none;}
.product-menu ul li a:hover, .product-menu ul li a.active { color:#fff; background:url(../images/bullet-menu.jpg) no-repeat right;}

.product-sub-menu {
width:250px;
height:auto;
margin-top:-10px;
padding:5px 0px;
position:relative;
border:1px solid #991818;
border-top:none;
}
.product-sub-menu ul {list-style:none; margin:0; padding:0;}
.product-sub-menu ul li {margin:0; padding:5px 0px; margin-left:10px; color:#fff; border:none; height:22px;}
.product-sub-menu ul li a {display:block; font-family:'thaisans_neueregular', Arial, Verdana; font-size:22px; text-align:left; padding:0; color: #666666; text-decoration:none; line-height:1em; }
.product-sub-menu ul li a:hover, .product-sub-menu ul li a.active { color:#fff; background:none;}


.product-detail { float:right; width:800px; display:block;}

.product-desciption { display:block; float:left; position:relative; width:500px; height:auto;}
.price-box { display:block; float:right; position:relative; width:200px; height:auto; margin:10px 0px;  border:1px solid #991818; padding:0; font-family:'thaisans_neueregular', Arial, Verdana; color:#991818; text-decoration:none; text-align:center;}
.price-box h1 { padding:50px 0px;line-height:1em; font-size:30px;}
.price-box h1:after { content:'฿'; padding-left:5px;}
.button-buy { display:block; width:200px; height:30px; text-align:center; background:#991818; font-family:'thaisans_neueregular', arial; color:#fff; font-size:30px; font-weight:bold; text-decoration:none; padding:10px 0px;}


.button-red a {
	display:block;
	background:#991818;
	padding:5px;
	font-family:'thaisans_neuebold', Arial, Verdana;
	font-size: 11pt;
	font-weight:bold;
	text-align:center;
	color:#fff;
	line-height:1em;
	text-decoration:none;
	float:right;
	margin-right:40px;
	width:75px;
}
.button-red a:hover {
	text-decoration:none;
	background:#991818;
	color:#fff;
}