@charset "utf-8";
/* CSS Document */



/*  --------------------------------------------------------------------  */

font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px;}
#171717 {color:#171717;}

outline:none; text-decoration:underline; {outline:none; text-decoration:underline;}
#000 {color:#000;}

ont-size:17px; text-decoration:none; line-height:20px; font-weight:bold; {ont-size:17px; text-decoration:none; line-height:20px; font-weight:bold;}
color:#faa924; {color:#faa924;}

color:#30b1e4;
	font-weight:bold;
	font-size:18px;
	line-height:18px; {color:#30b1e4;
	font-weight:bold;
	font-size:18px;
	line-height:18px;}

border:1px solid #3d3d3d;
	border-left:none;
	border-right:none;
	font-size:15px;
	line-height:18px;
	color:#fff;
	font-weight:normal;
	margin:8px 0 12px 0;
	padding:10px 0 10px 15px; {border:1px solid #3d3d3d;
	border-left:none;
	border-right:none;
	font-size:15px;
	line-height:18px;
	color:#fff;
	font-weight:normal;
	margin:8px 0 12px 0;
	padding:10px 0 10px 15px;}

font-size:12px; font-weight:normal; background:#ffffff; color:#000; {font-size:12px; font-weight:normal; background:#fafafa; color:#000;}
#000 {color:#000;}

/*  --------------------------------------------------------------------  */

/* CSS Document */

* { margin:0; padding:0;}
body { background:url(../images/body-bg.jpg) repeat center top fixed; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#ffffff; }
table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}

.main-width { width:100%; margin:0 auto; text-align:left; background:#fffff;}
.shine1{ 
	width:100%;
	overflow:hidden;
	background:url(../images/top-shine.png) no-repeat center top;
	margin:0 auto;
	padding:51px 0 91px 0;
}
input, textarea { font-family:Tahoma; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper{ width:100%; overflow:hidden;}
.container { width:100%;}
.column-1, .column-2, .column-3{ float:left;}

a {color:#000; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p { margin:0; padding:0;}


/* ============================= content ===================== */

.name{ font-size:17px; text-decoration:none; line-height:20px; font-weight:bold;}
.name:hover{ color:#faa924;}
#column-left{
	padding:0 10px;
}
#contentMainWrapper{
	margin:10px 0 0 0;
}
.column-center-padding{
	padding:0 10px;
}
.centerBoxHeading{
	border:1px solid #3d3d3d;
	border-left:none;
	border-right:none;
	font-size:15px;
	line-height:18px;
	color:#fff;
	font-weight:normal;
	margin:8px 0 12px 0;
	padding:10px 0 10px 15px;
}
.product-col{
	width:153px!important; /* ระยะห่าวทางขวา */
	background:#fff;
	padding:9px 0 18px 0;
	margin-bottom:10px;
}
.product-col .img{
	text-align:center;
}
.product-col .name{
	color:#8a8a8a;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	margin-left:3px;
}
.product-col .name:hover{
	color:#30b1e4;
}
.product-col .prod-info{
	padding:5px 10px 0 28px;
}
.product-col .text{
	font-size:12px;
	line-height:16px;
	color:#141414;
	font-weight:bold;
	padding-bottom:14px;
}

.product-col .price{
	float:left;
}
.product-col .button{
	float:right;
	margin:3px 0 0 0;
}





/* ============================= slider ======================= */
#coin-slider-coin-slider{
	width:100%;
	height:300px;
	position:relative;
	float:left;
	margin-right:2px;
}
#cs-buttons-coin-slider{
	position:absolute;
	top:10px;
	right:11px;
}
#cs-buttons-coin-slider a{
	display:block;
	text-indent:-1000px;
	float:left;
	width:14px;
	height:14px;
	margin-left:2px;
	background:url(../images/pagination.png) no-repeat right top;
}
#cs-buttons-coin-slider a:hover,
#cs-buttons-coin-slider a.cs-active{
	background:url(../images/pagination.png) no-repeat left top;
}
#cs-navigation-coin-slider{
	display:none!important;
}


.carousel-box  h2{
	width:100%;
}
.carousel-box{
	width:100%;
	height:400px!important;
	overflow:hidden;
	margin:10 10px;
	height:400px;
	position:relative;
}
.carousel-box .text{
	display:block;
}
.carousel{
	width:84%!important; /* ระยะห่าวทางขวา */
	overflow:hidden;
	padding:0px 0 0 0;
	margin: 0 0 0 66px;
}
.carousel ul{
	margin:0;
	padding:0;
}
.carousel li{
	float:left;
	margin-right:10px;
	margin-bottom:0;
}
.carousel li .button{
	margin-right:10px;
}
.carousel li .text{
	margin-left:1px;
}
.carousel li .img img{
	width:133px;
	height:100px;
	margin-left:1px;
}
.carousel-box .prev{
	width:60px;
	height:60px;
	background:url(../images/r_arrow.png) no-repeat right top;
	position:absolute;
	top:20px;
	right:25px;
}
.carousel-box .prev:hover{
	background:url(../images/r_arrow2.png) no-repeat right bottom;
}
.carousel-box .next{
	width:60px;
	height:60px;
	background:url(../images/l_arrow.png) no-repeat left top;
	position:absolute;
	top:20px;
	left:5px;
}
.carousel-box .next:hover{
	background:url(../images/l_arrow2.png) no-repeat left bottom;
}