﻿/**************************************************************/
/*** Body ***/
/**************************************************************/
body{
	margin:0px;
	padding:0px;
	font:normal 14px Tahoma, Geneva, sans-serif;
	color:#222222 ;
	}
hr {
	border:none;
	border-top:1px dotted #dadada;
	height:1px;
	display:block;
	margin:5px 0px 0px 0;
	padding:0;
	}
/**************************************************************/
/*** Wrapper ***/
/**************************************************************/
#wrapper {
	margin:5px auto 5px auto;
	width:1000px;
	background-color: #fff;
	}
#wrap-header {
	}
/**************************************************************/
/*** Search Box ***/
/**************************************************************/
#box_search_position_m {
	width:35px;
	height:35px;
	text-align:center;
	font-size:24px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
#search-position {
	height:75px;
	background-color: #ffd65e;
	background:-webkit-gradient(linear,left top,left bottom,from(#ffd65e),to(#febf04));
	background:-moz-linear-gradient(top,#ffd65e, #febf04);
	width:1000px;
	margin-bottom:5px;
	margin-top:5px;
	color:#000000;
	text-shadow:1px 1px 1px #F8FF00;
	}
#box_search_position {
	width:20px;
	height:20px;
	text-align:center;
	font-size:14px;
	background-color:#212121;
	color:#FBFBFB;
	/*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	}
#search_pos_title {
	color:#000;
	font:bold 19px Tahoma, Geneva, sans-serif;
	}
#search_pos_title_big {
	color:#000;
	font:bold 24px Tahoma, Geneva, sans-serif;
	}
#search_pos_sec {
	font-size:15px;
	margin-bottom:3px;
	}
#search-likenumber {
	height:75px;
	background:-webkit-gradient(linear,left top,left bottom,from(#909090),to(#464646));
	background:-moz-linear-gradient(top,#909090, #464646);
	background-color: #464646;
	color:#000;
	width:1000px;
	text-shadow:1px 1px 1px #999999;
	}
#search_like_title {
	color:#000;
	font:bold 19px Tahoma, Geneva, sans-serif;
	}
#search_like_title_big {
	color:#000;
	font:bold 24px Tahoma, Geneva, sans-serif;
	}
#search_like_sec {
	font-size:15px;
	margin-bottom:3px;
	}
/**************************************************************/
/*** Side-Left ***/
/**************************************************************/
#wrap-side-left {
	vertical-align:top;
	padding:7px 7px 50px 7px;
	width: 200px;
	}
#side-left { 
	padding:0px 0px 0px 0px;
	width: 200px;
	float:left;
	}
/**************************************************************/
/*** Side-Menu ***/
/**************************************************************/
#list-title {
	border-radius: 3px 3px 0 0;
	padding:8px 10px 8px 10px;
	color:#FC0;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	font:normal 17px Tahoma, Geneva, sans-serif;
	background-color: #cf0404;
	background:-webkit-gradient(linear,left top,left bottom,from(#cf0404),to(#920000));
	background:-moz-linear-gradient(top,#cf0404, #920000);
	}
#list-menu {
	margin:0px auto 7px auto;
	padding: 5px 5px 5px 5px;
	border:1px solid #E5E5E5;
	background:#fdfdfd;
	}
#list-menu ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#list-menu ul li {
	border-bottom: 1px solid #E5E5E5;
	font-size: 13px;
	position:relative;
	}
#list-menu ul li a {
	padding: 6px 0px 6px 6px;
	color:#333;
	cursor: pointer;
	text-decoration: none;
	display: block;
	}
#list-menu ul li a:hover {
	text-decoration: none;
	color: #fff;
	background-color:#cb3737;
	}
#list-menu ul li:hover ul {
	display:block;
	}
#list-menu ul li#sub-menu {
	background:url('../images/icon_more.gif') no-repeat scroll right center transparent;
	}
#list-menu ul ul {
	position:absolute;
	left:177px;
	top:0;
	border-top:1px solid #e9e9e9;
	display:none;
	margin-top:-1px;
	z-index: 100;
	}
#list-menu ul ul li {
	width:173px;
	background:#f1f1f1;
	border:1px solid #e9e9e9;
	border-top:0;
	}
#list-menu ul ul li a {
	color:#333;
	font-size:13px;
	text-transform:none;
	}
#list-menu ul ul li a:hover {
	color: #fff;
	background-color:#333;
	}
/**************************************************************/
/*** Content ***/
/**************************************************************/
#wrap-content {
	vertical-align:top;
	padding:7px 7px 7px 0px;
	width:793px;
	}
#main-content{
	border:solid 1px #fff;
	margin-bottom:7px;
	padding:10px;
	background-color: #fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
/*#main-content{
	margin-bottom:7px;
	color:#FFFFFF;
	}*/
#ems-bot-box {
	margin-bottom:7px;
	}
/**************************************************************/
/*** Product Box ***/
/**************************************************************/
#wrap_product {
	}
#block_line {
	float:left;
	border-bottom:dotted 1px #cccccc;
	}
#block_list:nth-child(1) {
	border-right:dotted 1px #cccccc;
	}
#block_list {
	padding:5px 0px;
	}
#block_list:hover {
	background: rgba(253,240,149,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(253,240,149,1) 0%, rgba(241,231,103,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(253,240,149,1)), color-stop(100%, rgba(241,231,103,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(253,240,149,1) 0%, rgba(241,231,103,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(253,240,149,1) 0%, rgba(241,231,103,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(253,240,149,1) 0%, rgba(241,231,103,1) 100%);
	background: radial-gradient(ellipse at center, rgba(253,240,149,1) 0%, rgba(241,231,103,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf095', endColorstr='#f1e767', GradientType=1 );
	}
#product_box {
	color:#333333;
	position:relative; 
	}
#status_sold { width:384px; height:60px; background:url(../images/sold.png); background-position:center center; background-repeat:no-repeat; z-index:500; position:absolute; }
#status_sold:hover { opacity: 0.3; filter: alpha(opacity=30); }
#status_booked { width:384px; height:60px; background:url(../images/booked.png); background-position:center center; background-repeat:no-repeat; z-index:500; position:absolute; }
#status_booked:hover { opacity: 0.3; filter: alpha(opacity=30); }
#status_available { width:384px; height:60px; z-index:500; position:absolute; }
/**************************************************************/
/*** Footer ***/
/**************************************************************/
#wrap-footer {

}
#footer {
	margin:0px auto 0px auto;
	width:1000px;
	color: #333;
	padding-top:7px;
	text-align: center;
	font-size:13px;
/*	text-shadow:0px 0px 1px #000;*/
}
#footer a {
	color:#333;
	text-decoration:none;
	cursor:pointer;
/*	text-shadow:0px 0px 1px #000;*/
	}
#footer a:hover {
	color: #FC0;
	}
div#navbar-bottom {
	padding:6px;
	}
div#navbar-bottom a#menu-footer {
	padding-right:8px;
	padding-left:3px;
	border-right:1px solid #333;
	color:#333;
	}
div#navbar-bottom a#menu-footer:hover {
	color: #FC0;
	}
div#navbar-bottom a#menu-footer:last-child {
	border-right:none;
	}
/**************************************************************/
/*** Table Track List ***/
/**************************************************************/
table.track-list {
	margin-bottom:30px;
	}
table.track-list th {
	font:normal 15px Tahoma, Geneva, sans-serif;
	letter-spacing:1px;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	background-color: #464646;
	background:-webkit-gradient(linear,left top,left bottom,from(#909090),to(#464646));
	background:-moz-linear-gradient(top,#909090, #464646);
	text-align:left;
	}
table.track-list td {
	background-color:#fff;
	font:normal 13px tahoma;
	border-bottom:dotted 1px #dfdfdf;
	}
/**************************************************************/
/*** EMS BOT ***/
/**************************************************************/
#wrap-side-left {
	vertical-align:top;
	padding-top:7px;
	}
#ems-bot-box {
	background-image:url(../images/ems_bg.png);
	background-position:top;
	background-repeat:repeat;
	}
#strip {
	background-image:url(../images/envelope-strip.png);
	background-position:top;
	background-repeat:repeat-x;
	padding:10px 0px 0px 0px;
	}
/**************************************************************/
/*** Waranty ***/
/**************************************************************/
div.fixed-warranty {
    position: fixed;
    top:0px;
    left:0px;
    width:138px;
}
#warranty-detail {
	background-image:url(../images/w-bg.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	font:normal 13px 'THSarabunNew', Tahoma, Geneva, sans-serif;
}
/**************************************************************/
/*** Title Categories ***/
/**************************************************************/
#title-categories {
	padding:5px 25px 5px 25px;
	margin:0px auto 7px auto;
	font-size:20px;
	text-align:center;
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	}
.gray {
	color:#FC0;
	text-shadow:1px 1px 1px #cf0404;
	background-color: #cf0404;
	background:-webkit-gradient(linear,left top,left bottom,from(#cf0404),to(#920000));
	background:-moz-linear-gradient(top,#cf0404, #920000);
	border:solid 1px #cf0404;
	}
.gold {
	color:#333;
	text-shadow:1px 1px 1px #F8FF00;
	background-color: #ffd65e;
	background:-webkit-gradient(linear,left top,left bottom,from(#ffd65e),to(#febf04));
	background:-moz-linear-gradient(top,#ffd65e, #febf04);
	border:solid 1px #F8FF00;
	}