body, td, th, .textbox, .textarea, .dropdown {
/*	font-family: "Lucida Sans Unicode", tahoma, arial;*/
	font-family: arial, tahoma;
	font-size:12px;
	background-color:#ffffff;
	color: #666;
	line-height: 140%;
}
a{
	text-decoration:none;
/*	color:#666;*/
	color:#02a5b5;
}
a:hover{
	color: #2d8cb0;
	text-decoration:underline;
}
div, p, h1, h2, h3, h4, h5, img, body{
	margin:0px;
	padding:0px;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic; /* fixed IE images scaling */
}
/*ul{
	list-style: none;
}*/
h1 {
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 1.0em;
	color:#63d5a5;
}
h2 {
	font-weight: bold;
	padding-bottom: 0.5em;
/*	color: #ff1d42;*/
	color: #73c0dc;
	font-size: 120%;
}
h3 {
	font-size: 110%;
	font-weight: bold;
	color: #00a3b4;
	border-bottom: 1px dotted #ccc;
	background-color: #fafdfd;
	padding: 0.5em 0.5em 0.5em 0;
	margin-bottom: 0.5em;
}
/* general */
.b {
	font-weight: bold;
}
.lighter {
	color: #a4a4a4;
}
.smaller {
	font-size: 90%;
	font-weight: normal;
}
/* form element */
.textbox, .textarea, .dropdown {
	border: 1px solid #c1edf0;
}
.clear {
	clear:both;
	line-height:0;
	height:0;
}
.hint {
	color: #999;
	font-size: 90%;
}

/* ret msg */
.fatal, .success {
	padding: 1em;
	margin-bottom: 0.5em;
}
.fatal {
	color: #fff;
	background-color: #ff1d42;
}
.fatal ul {
	padding-top: 0.3em;
}
.fatal li {
	padding: 0.3em 0 0.3em 0;
}
.success {
	color: #424242;
	background-color: #ceef9e;
}
.warning {
	font-size: 10px;
	font-family: verdana, arial;
	color: #ff1d42;
}



/* id */
#wrapper{
	width:960px;
	margin:0 auto;
}
#header{
	width:100%;
	height:178px;
}
#header .logo{
	width:310px;
	height:178px;
	float:left;
	background:url(../../images/logo.jpg) no-repeat;
	cursor: pointer;
}
#header .logo_intro{
	width:310px;
	height:117px;
	float:left;
	background:url(../../images/logo_intro.jpg) no-repeat;
	cursor: pointer;
}
#header .nav{
	width:570px;
	height:64px;
	float:left;
}
#header .nav ul{
	padding:38px 0 5px 0;
	margin:0px;
	list-style:none;
	float:right;
}
#header .nav ul li{
	background:url(../../images/navi1.jpg) no-repeat;
	padding:0 20px 0 10px;
	float:left;
	line-height:1em;
	font-size:120%;
	color:#02a5b5;
}
#header .nav ul li a:link,#header .nav ul li a:visited{
	color:#007cb7;
}
#header .nav ul li a:hover{
	color:#63d5a5;
}
#header .locale{
	width:80px;
	height:64px;
	float:left;
}
#header .locale ul{
	padding:38px 0 0 10px;
	list-style:none;
	margin: 0;
}
#header .locale ul li{
	width:19px;
	height:12px;
	margin:0 3px;
	float:left;
	cursor: pointer;
}
#header .locale .th{
	background:url(../../images/lang_th.jpg) no-repeat;
}
#header .locale .en{
	background:url(../../images/lang_en.jpg) no-repeat;
}
#header .widget{
	width:650px;
/*	height:113px;*/
	height:80px;
	float:left;
}
/* menu */
#header .widget ul{
	width:505px;
	height:50px;
	font-size:18px;
	color:#007cb7;
	padding:0px;
	margin:0px;
	float:right;
	list-style: none;
}
#header .widget ul li{
	margin:0;
	line-height:50px;
	padding:0 0 0 35px;
	display:block;
	height:50px;
	float:left;
	text-align:left;
}
#header .widget ul li a:link,#header .widget ul li a:visited{
	color:#007cb7;
}
#header .widget ul li a:hover{
	color:#63d5a5;
}
#header .widget .product{
	background:url(../../images/menu1_on.jpg) no-repeat left;
	width:120px;
}
#header .widget .account{
	background:url(../../images/menu2_on.jpg) no-repeat left;
	width:143px;
}
#header .widget .cart{
	background:url(../../images/menu3_on.jpg) no-repeat left;
	width:137px;
}
#header .search {
	float: right;
	padding-right: 25px;
	color: #02a5b5;
}
/*
#header .widget ul li .menu1 a{
	height:131px;
	width:50px;
	float:left;
}
#header .widget ul li .menu1 a:link,#header .widget ul li .menu1 a:active,#header .widget ul li .menu1 a:visited{
	background:url(../../images/menu1_on.jpg) no-repeat;
	display:block;
}
#header .widget ul li .menu1 a:hover{
	background:url(../../images/menu1_off.jpg) no-repeat;
}
*/
#content_container{
	width:100%;
	padding:0 0 20px 0;
}
#intro_container{
	width:100%;
	height:480px;
	padding:0 0 20px 0;
}
/*
#content_container .hint {
	text-align: right;
	padding: 0;
	margin: 0;
}
*/
#sidebar{
	width:310px;
	float:left;
	/*min-height:685px;
	height:auto!important;
	height:685px;*/
	min-height:785px;
	height:auto!important;
	height:785px;
	background:url(../../images/bg.jpg) no-repeat;
}
#sidebar .category ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#sidebar .category ul li{
	width:175px;
	height:50px;
	border-bottom:1px dotted #7ec8e8;
	display:block;
	font-size:14px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#02a5b5;
	margin:0 auto;
}
#sidebar .category a:link,#sidebar .category a:visited{
	color:#02a5b5;
}
#sidebar .category a:hover{
	color:#63d5a5;
}

#content{
	width:620px;
	float:left;
}

#footer{
	width:100%;
	background:url(../../images/logo_footer.jpg) no-repeat right;
	height:80px;
	border-top:1px solid #bfe8fa;
}
#footer .nav{
	width:610px;
	height: 20px;
	margin:30px 0 0 15px;
	color:#02a5b5;
}
#footer a {
	margin: 0 5px 0 5px;
}
#footer .nav a:link,#footer .nav a:visited{
	color:#02a5b5;
}
#footer .nav a:hover{
	color:#63d5a5;
}
#footer .copyright,
#footer .copyright a {
	color:#cb6ec5;
}
#footer .copyright{
	width:610;
	height:20px;
	margin:0 0 0 20px;
	font-size:10px;
}

/* catalog */
#catalog{
	width:100%;
}
#catalog .grid{
	text-align:center;
	padding:0 0 20px 0;
	float:left;
	list-style: none;
	margin: 0;
}
#catalog .grid li {
	float: left;
	width:150px;
	height: 220px;
    margin: 0 50px 0 0;
}
#catalog .grid .image{
	width: 150px;
	height: 150px;
    overflow: hidden;
	border:3px solid #f0f0f0;
    margin: 0 0 5px 0;
}
#catalog .grid .image img{
}
#catalog .grid .text{
}
#catalog .grid .title{
	font-size:90%;
	color:#737373;
	text-decoration: none;
}
#catalog .grid .price{
	font-size:110%;
	color:#02a5b5;
}
#catalog .path {
	font-size: 90%;
	padding-bottom: 2em;
	color:#63d5a5;
}

/* pagination */
#pagination {
	clear: both;
	padding: 3em 0 0 0;
	color: #737373;
}
#pagination .total {
	float: left;
	text-align: left;
	padding-right: 20px;
	color: #cb6ec5;
	width: 100px;
}
#pagination .list {
	float: right;
	padding-right: 20px;
}
#pagination .page {
	float: left;
	text-align: left;
	padding-right: 20px;
	width: 150px;
}
#pagination a {
	color:#02a5b5;
	text-decoration: none;
}
#pagination a:hover {
color:#63d5a5;
}
#pagination .off {
	color: #ccc;
}

#col_right{
/*	width:145px;*/
	width:130px;
	float:left;
}
#navi_shoping{
	float:right;
	width:104px;
	height:71px;
	padding:10px;
	background: url(../../images/col_right1.png) no-repeat top;
/*	color:#FFFFFF;*/
	color:#585858;
	text-align:left;
	font-family: arial, tahoma;
	font-weight: bold;
	font-size: 11px;
	line-height: 2em;
}

/* product */
#product {
}
#product a{
	font-size:11px;
	text-decoration:none;
	font-weight: normal;
	color:#666;
}
#product a:hover{
	text-decoration:underline;
}
#product h1 {
	text-align: left;
}
#product .left {
	float: left;
	padding-bottom: 20px;
}
#product .right {
	float: right;
	width: 260px;
	text-align: right;
}
#product .label {
	float: left;
	width: 90px;
	text-align: left;
}
#product .image img {
	border:1px solid #f0f0f0;
	padding: 3px;
}
#product .entry {
	width: 100%;
	border-bottom: #ccc dotted 1px;
	padding: 0.6em 0 0.6em;
}
#product .textbox {
	font-size: 90%;
}
#product .price {
/*	color: #ff6b83;*/
	color: #cb6ec5;
}
#product .related {
	padding-bottom: 20px;
	width: 270px;
}
#product .related ul {
	margin: 0;
	padding: 0;
}
#product .related li {
	float:left;
	font-weight:bold;
	color: #ff6b83;
	width: 90px;
	padding: 0 0 10px 0;
	list-style: none;
	text-align: center;
}
#product .image_extra {
	padding-bottom: 10px;
	padding-top: 10px;
}
#product .image_extra li{
	float: left;
	text-align: center;
	width: 100px;
	height: 100px;
}
#product .buy {
}

/* order */
#order {
	width: 100%;
	text-align: left;
}
#order ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#order li {
	float: left;
	display: inline;
	padding: 0.5em 0 0.5em;
}
#order .entry ul {
	clear: both;
	border-bottom: 1px dotted #ccc;
}
#order .entry .thumb {
	width: 15%;
	text-align: center;
}
#order .entry .title {
	width: 50%;
}
#order .entry .price {
	width: 15%;
	text-align: right;
}
#order .entry .qty {
	width: 10%;
	text-align: right;
}
#order .entry .del {
	width: 10%;
	text-align: right;
}
#order .entry .del .button{
	cursor: pointer;
}
#order .summary {
	clear: both;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background-color: #fafdfd;
	height: 60px;
}
#order .summary .update {
	float: left;
	padding: 10px 0 10px 3px;
}
#order .summary .price {
	float: right;
	text-align: right;
	padding: 15px 3px 10px 0;
}
#order .summary .price .highlight{
/*	color: #ff1d42;*/
	color: #cb6ec5;
}
#order .checkout {
	clear: both;
	height: 60px;
	text-align: right;
	padding-top: 15px;
}
#order .checkout .button{
	cursor: pointer;
}
#order .list ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}
#order .list li {
	width: 25%;
}
#order .list .even li {
	background-color: #fff;
}
#order .list .odd li {
	background-color: #f4f4f4;
}
#order .history .list {
	clear: both;
	border: 0;
	padding: 0;
	margin: 0
}
#order .history .head li {
	font-weight: bold;
	background-color: #eee;
}
#order .history .list li {
	width: 100%;
}
#order .history .list li div {
	float: left;
	padding: 0.2em;
	width: 150px;
	text-align: left;
}
#order .history .even {
	background-color: #f4f4f4;
}
#order .history .odd {
	background-color: #fff;
}
#order .info .head li {
	font-weight: bold;
	background-color: #f4f4f4;
}
#order .info .list li {
	width: 100%;
}
#order .info .list {
}
#order .info .list li div {
	float: left;
	padding: 2px;
	text-align: left;
}
#order .info .list li .image {
	width: 15%;
}
#order .info .list li .title {
	width: 45%;
}
#order .info .list li .note {
	width: 20%;
}
#order .info .list li .price {
	width: 15%;
	text-align: right;
}

/* form */
#form {
	width: 100%;
}
#form .topic, #form .submit {
	width: 100%;
	font-weight: bold;
	line-height: 2em;
	margin: 0 0 1em 0;
	color: #e39277;
/*	border-bottom: 1px dotted #ccc;
	background-color: #fdfaeb;*/
}
#form .submit {
	border-top: 1px dotted #ccc;
	background-color: #faedcb;
	padding: 10px;
	font-weight: normal;
	margin: 10px 0 10px 0;
}
#form .column {
	float: left;
	width: 30%;
}
#form .column div {
	padding: 3px;
	margin: 0 0 10px 0;
}
#form div .notice {
	background-color: #ffe4ea;
}
#form ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#form .textbox, #form .dropdown {
	width: 100%;
}
#form label, #form .label {
	font-weight: normal;
}
#form a:hover {
	border-bottom:1px dotted #77211c;
}

/*customer */
#customer {
}
#customer a {
	color: #00a3b4;
}
#customer .navigation {
	width: 100%;
	font-size: 90%;
	font-family: arial, tahoma;
	color: #e3be99;
}
#customer .navigation div {
	border-bottom: 1px dotted #e3be99;
	padding: 0.5em 0.5em 0.5em 0;
	margin: 0 0 1em 0;
}
#customer .navigation div a {
	font-size: 110%;
	font-weight: bold;
	padding: 0.5em;
	color: #ff1d42;
}
#customer .navigation div a:hover {
	background-color: #f9efe5;
	text-decoration: none;
}

/* blog */
#blog .list ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}
#blog .list li {
	padding: 0.3em;
}
/* Text Color */
.txt_blue1{
	color:#007dc6;
}

/* jquery cycle */
#cycle-featured {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 480px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
#cycle-featured ul {
	padding: 0;
	margin: 0;
}

/* page navigation */
#page_navigation {
	clear: both;
	padding-top: 20px;
}
#page_navigation .left {
	float: left;
	text-align: left;
}
#page_navigation .right {
	float: right;
	text-align: right;
}
#page_navigation .total {
	padding-right: 20px;
}
#page_navigation a {
	color: #ff6b83;
	text-decoration: none;
}
#page_navigation .off {
	color: #ccc;
}
#page_navigation .list {
}
#page_navigation .page {
	padding-left: 20px;
}

/* list */
#page {
	line-height: 1.5em;
}
#page a,
#page a:hover {
	border-bottom: 1px dotted;
	text-decoration: none;
}
/*
#page ul {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
}
#page li {
	list-style: circle;
	margin: 0.2em 0 0.2em 0;
}
*/
#page .list {
	padding: 0;
	margin: 0;
}
#page .list a,
#page .list a:hover {
	border: 0;
}
#page .list li {
	margin: 0;
	list-style: none;
	border-bottom:1px dotted #dbdbdb;
	padding: 0.5em;
}
#page .list .image{
	padding:13px 10px 13px 10px;
	width:50px;
	float:left;
}
#page .list .image img {
	padding: 1px;
	border: 3px solid #f4f4f4;
	width: 40px;
}
#page .list .text {
	padding:10px 0px 13px 5px;
	float:left;
	font-size:100%;
	width: 450px;
}
#page .list .title {
	font-weight: bold;
}

/* page .gallery */
#page .gallery {
	text-align:center;
	padding:0 0 20px 0;
	float:left;
	list-style: none;
	margin: 0;
}
#page .gallery a {
	border: 0;
}
#page .gallery  li {
	float: left;
	width:120px;
	height: 120px;
}
#page .gallery  .image{
	height: 100px;
}
#page .gallery  .image img{
	border:3px solid #f0f0f0;
}
#page .gallery  .text{
}
#page .gallery  .title{
	font-size:90%;
	color:#737373;
	text-decoration: none;
}