/* ================================================================ 

Last modified : 19/10/2005

Shopping Online Store By  http://www.ethaidesign.com
Email for contact me : webmaster@ethaidesign.com
MSN : jarayuth@hotmail.com
Version : Ethaidesign 2.0.1

 ================================================================ */




/* ^^^ CSS Redefine HTML Tag ^^^ */
Body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #99FF99; 
	color: #666666;
	font-family:  _Verdana, Tahoma; 
	font-size: 8pt;
	}


Table {
	font-family: Tahoma , Verdana , Ms Sans Serif; 
	font-size: 8pt;
	color: #666666;
	}


Select , Textarea , Input { 
	font-family: Verdana , Tahoma ; 
	font-size: 8pt; 
	}


A { 
	color: #666666; 
	text-decoration: none; 
	}

A:hover { 
	color: #666666; 
	text-decoration: underline; 
	}

A:active { 
	color: #666666; 
	text-decoration: none;
	}
/* ^^^ End CSS Redefine HTML Tag ^^^ */





/* ^^^ Top Menu Primary ^^^ */
.TopMenuPrimary {
	font-family: Tahoma , Verdana;
	font-size: 8pt;
	font-weight: Bold;
	color: #816510;
	padding-left: 6px;
	padding-right: 6px;
	}

.TopMenuPrimary a {
	color: #816510; 
	text-decoration: none; 
	}

.TopMenuPrimary a:hover {
	color: #FFFFFF; 
	text-decoration: none; 
	}

.TopMenuPrimary a:active {
	color: #FFFFFF; 
	text-decoration: none; 
	}

.TopMenuPrimaryLine {
	background-color: #957A4F;
	}

.TopMenuPrimaryDefault {
	padding:5px; 
	font-weight:bold; 
	color:#333333;
	text-decoration: none;
	}

.TopMenuPrimaryOver {
	background-image:url(../images/over_top_menu.gif);
	padding:5px; 
	font-weight:bold; 
	color:#755A08;
	text-decoration: none;
	}
/* ^^^ End Top Menu Primary ^^^ */





/* ^^^ Top Menu Secondary ^^^ */
.TopMenuSecondaryDefault {
	font-family: Tahoma , Verdana;
	font-size: 8pt; 
	color: #4B4B4B;
	}

.TopMenuSecondaryDefault a {
	color: #4B4B4B; 
	text-decoration: none; 
	}

.TopMenuSecondaryDefault a:hover {
	color: #D7C594; 
	text-decoration: underline; 
	}

.TopMenuSecondaryDefault a:active {
	color: #4B4B4B; 
	text-decoration: underline; 
	}


.TopMenuSecondary {
	font-family: Tahoma , Verdana;
	font-size: 8pt; 
	color: #AE892E;
	padding: 3px;
	background-color: #F1EDE3;
	}

.TopMenuSecondary a {
	color: #AE892E; 
	text-decoration: none; 
	}

.TopMenuSecondary a:hover {
	color: #D7C594; 
	text-decoration: none; 
	}

.TopMenuSecondary a:active {
	color: #AE892E; 
	text-decoration: none; 
	}
/* ^^^ End Top Menu Secondary ^^^ */





/* ^^^ Top Language ^^^ */
.TopLanguage {
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold; 
	color: #333333;
	}

.TopLanguage a {
	color: #FFFFFF; 
	text-decoration: none; 
	}

.TopLanguage a:hover {
	color: #FFFFFF; 
	text-decoration: none; 
	}

.TopLanguage a:active {
	color: #FFFFFF; 
	text-decoration: none; 
	}

.TopLanguageDefault {
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	}

.TopLanguageOver {
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	background-color: #8FB9D9;
	}
/* ^^^ End Top Language ^^^ */






/* ^^^ Top My ^^^ */
.TopMy {
	font-family: Tahoma , Verdana;
	font-size: 8pt; 
	color: #4B4B4B;
	}

.TopMy a {
	color: #4B4B4B; 
	text-decoration: none; 
	}

.TopMy a:hover {
	color: #D7C594; 
	text-decoration: underline; 
	}

.TopMy a:active {
	color: #4B4B4B; 
	text-decoration: underline; 
	}
/* ^^^ End Top My ^^^ */





/* ^^^ Top Cart ^^^ */
.TopCart {
	font-family: Tahoma;
	font-size: 8pt; 
	color: #000000;
	}

.TopCart a {
	color: #000000; 
	text-decoration: none; 
	}

.TopCart a:hover {
	color: #000000; 
	text-decoration: underline; 
	}

.TopCart a:active {
	color: #000000; 
	text-decoration: underline; 
	}
/* ^^^ End Top Cart ^^^ */






/* ^^^ Navigator ^^^ */
.Navigator {
	font-family: Tahoma , Verdana;
	font-weight: Normal;
	font-size: 8pt; 
	color: #000000;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	}

.Navigator a {
	color: #000000; 
	text-decoration: underline; 
	}

.Navigator a:hover {
	color: #000000;
	text-decoration: none; 
	}

.Navigator a:active {
	color: #000000; 
	text-decoration: none; 
	}
/* ^^^ End Navigator ^^^ */





/* ^^^ Paging ^^^ */
.PagePreviousNext {
	font-family: Tahoma , Verdana;
	font-weight: Normal;
	font-size: 8pt; 
	color: #000000;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	}

.PagePreviousNext a {
	color: #000000; 
	text-decoration: underline; 
	}

.PagePreviousNext a:hover {
	color: #000000; 
	text-decoration: none; 
	}

.PagePreviousNext a:active {
	color: #000000; 
	text-decoration: none; 
	}
/* ^^^ End Paging ^^^ */





/* ^^^ Content Menu Left ^^^ */
.ContentMenuLeft {
	font-family: Tahoma ; 
	font-size: 8pt; 
	color: #000000;
}

.ContentMenuLeft a {
	color: #000000; 
	text-decoration: none; 
	}

.ContentMenuLeft a:hover {
	color: #000000; 
	text-decoration: underline; 
	}

.ContentMenuLeft a:active {
	color: #000000; 
	text-decoration: underline; 
	}
/* ^^^ End Content Caption ^^^ */



/* ^^^ Content Caption ^^^ */
.ContentCaption { /* ตัวหนาแต่ละหัวข้อ และสีเส้น */
	font-family: Verdana , Tahoma ; 
	font-size: 10pt; 
	font-weight: BOLD; 
	color: #BC7C00;
	border-bottom: 1px solid #D1DAED;
}

.ContentCaption a {
	color: #BC7C00; 
	text-decoration: none; 
	}

.ContentCaption a:hover {
	color: #C0A570; 
	text-decoration: none; 
	}

.ContentCaption a:active {
	color: #BC7C00; 
	text-decoration: none; 
	}
/* ^^^ End Content Caption ^^^ */




/* ^^^ Content Caption Border ^^^ */
.ContentCaptionBorder {
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 6px;
	padding-top: 5px;
	padding-left: 5px;
	background-color: #7A7A7A;
}

.ContentCaptionBorder a {
	color: #403313; 
	text-decoration: none; 
	}

.ContentCaptionBorder a:hover {
	color: #C0A570; 
	text-decoration: underline; 
	}

.ContentCaptionBorder a:active {
	color: #403313; 
	text-decoration: underline; 
	}
/* ^^^ End Content Caption Border ^^^ */





/* ^^^ Menu Border ^^^ */
#MenuBorderFont {
	color: #BC7C00;
}

.MenuBorderLeft {
	border-left: 1px solid #ECDCC7;
}

.MenuBorderTop {
	border-left: 1px solid #ECDCC7;
	border-top: 1px solid #ECDCC7;
	border-right: 1px solid #ECDCC7;
}

.MenuBorderRight {
	border-right: 1px solid #ECDCC7;
}

.MenuBorderBottom {
	border-bottom: 1px solid #ECDCC7;
}
/* ^^^ End Content Border ^^^ */




/* ^^^ Content Border ^^^ */
#ContentBorderFont {
	color: #A20303;
}

.ContentBorderLeft {
	border-left: 1px solid #A1C5DF;
}

.ContentBorderRight {
	border-right: 1px solid #A1C5DF;
}

.ContentBorderBottom {
	border-bottom: 1px solid #A1C5DF;
}
/* ^^^ End Content Border ^^^ */





/* ^^^ Table Line ^^^ */
Table.TableLine td {
	border-bottom:1px solid #E0E0E0;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;	
	padding-bottom: 8px;
	color: #000000;
	}

#TableLineCaption {
	border-top:1px solid #E0E0E0;
	font-weight: BOLD;
	background-color: #F0F6FA;
	padding-top: 3px;	
	padding-bottom: 3px;
	color: #000000;
	}

#TableLineBottomNoLine {
	border-bottom-width:0px;
	}
/* ^^^ End Table Line ^^^ */





/* ^^^ Product ^^^ */
.ProductTitle {
	font-weight: BOLD;
	color: #A20303;
}

.ProductTitle a {
	color: #A20303; 
	text-decoration: none; 
	}

.ProductTitle a:hover {
	color: #A20303; 
	text-decoration: underline; 
	}

.ProductTitle a:active {
	color: #A20303; 
	text-decoration: underline; 
	}

.ProductBottomLine {
	padding-top: 15px;
	border-bottom:1px solid #E6E6E6;	
	}
/* ^^^ End Product Picture ^^^ */





/* ^^^ Product Price ^^^ */
.ProductPrice {
	font-size: 12px;
	font-weight: Bold;
	color: #b61e2f;
	}

.ProductPricePrice {
	font-size: 12px;
	font-weight: Bold;
	color: #b61e2f;
	}

.ProductPriceVat {
	font-size: 12px;
	font-weight: Bold;
	color: #b61e2f;
	}
/* ^^^ End Product Price ^^^ */





/* ^^^ Product Hot Product ^^^ */
.ProductHotProductTitle {
	color: #000000;
}

.ProductHotProductTitle a {
	color: #000000; 
	text-decoration: none; 
	}

.ProductHotProductTitle a:hover {
	color: #000000; 
	text-decoration: underline; 
	}

.ProductHotProductTitle a:active {
	color: #000000; 
	text-decoration: underline; 
	}

.ProductHotProductBottomLine {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #E6E6E6;
	}
/* ^^^ End Product Hot Product ^^^ */






/* ^^^ Search Keyword Color ^^^ */
.SearchKeywordColor {
	color: #993300;
	}
/* ^^^ End Search Keyword Color ^^^ */




/* ^^^ Message ^^^ */
.MessageBorderBg {
	color: #000000;
	padding: 10px; 
	width: 100%; 
	background-color: #FFFFFF; 
	border: 1px solid #E0D5C3; 
	filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#FFFFFF );
}
/* ^^^ End Message ^^^ */




/* ^^^ Cart Button ^^^ */
.CartButton {
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: Normal;
	color: #333333;
	border-left-width: 0px;	
	border-top-width: 0px;	
	border-right-width: 1px;	
	border-bottom-width: 1px;
	background-color: #E1E1E1;
	filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#E1E1E1, EndColorStr=#E1E1E1 );
	cursor: hand;
}

.CartButton_small {
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: Normal;
	color: #333333;
	width: 80px;
	border-left-width: 0px;	
	border-top-width: 0px;	
	border-right-width: 1px;	
	border-bottom-width: 1px;
	background-color: #E1E1E1;
	filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#E1E1E1, EndColorStr=#E1E1E1 );
	cursor: hand;
}

.CartButton_big {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: Bold;
	color: #333333;
	width: 100px;
	padding-top: 2px;
	border-left-width: 0px;	
	border-top-width: 0px;	
	border-right-width: 1px;	
	border-bottom-width: 1px;
	background-color: #E1E1E1;
	filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#E1E1E1, EndColorStr=#E1E1E1 );
	cursor: hand;
}
/* ^^^ End Cart Button ^^^ */




/* ^^^ Member Button ^^^ */
.MemberButton {
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: Normal;
	color: #000000;
	width: 100px;
	height: 50px;
	padding-top: 2px;
	border: 1px solid #E0E0E0;
	border-right: 2px solid #E0E0E0;
	border-bottom: 2px solid #E0E0E0;
	background-color: #F0F6FA;
	filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#E2D1BE, EndColorStr=#E2D1BE );
	cursor: hand;
}
/* ^^^ End Member Button ^^^ */




/* ^^^ Payment Process ^^^ */
.PaymentProcess td {
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: Bold;
	color: #333333;
	border: 1px solid #E0E0E0;
	border-right: 2px solid #E0E0E0;
	border-bottom: 2px solid #E0E0E0;
	background-color: #E2D1BE;
	filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#E2D1BE, EndColorStr=#E2D1BE );
}

#PaymentProcessOver {
	color: #333333;
	background-color: #E2D1BE;
	filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#E2D1BE, EndColorStr=#E2D1BE );
}
/* ^^^ End Member Button ^^^ */






/* ^^^ CSS Font ^^^ */
.FontCaption {
	font-family: Verdana , Tahoma ; 
	font-size: 18px; 
	font-weight: BOLD; 
	color: #024C7F;
	}
/* ^^^ End CSS Font ^^^ */





/* ^^^ FormError ^^^ */
.FormError {
	color: #FF0000;
	padding-bottom: 3px;
}
/* ^^^ End FormError ^^^ */





/* ^^^ CSS Form ^^^ */
.FormCaptionBorderBg {
	border-left: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	padding-left: 8px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	background-color: #F0F6FA;
	color: #000000;
}


.FormBorder {
	border: 1px solid #E0E0E0;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 50px;
	background: #FFFFFF;
}


.FormTextLeft {
	text-align: right;
	white-space: nowrap;
	}

.FormFieldRequest {
	color: #FF3300;
	}

.FormButton {
	font-family: Verdana , Tahoma;
	font-weight: Normal;
	font-size: 8pt;
	cursor: hand;
	width: 60px;
}
/* ^^^ End CSS Form ^^^ */




/* ^^^ Bottom Border ^^^ */
.BottomBorder {
	color: #A27D21;
	font-weight: bold;
	padding: 8px;
}

.BottomBorder a { 
	color: #A27D21; 
	font-weight: bold;
	text-decoration: none; 
	}

.BottomBorder a:hover { 
	color: #000000; 
	font-weight: bold;
	text-decoration: none; 
	}

.BottomBorder a:active { 
	color: #A27D21; 
	font-weight: bold;
	text-decoration: none;
	}
/* ^^^ End Bottom Border ^^^ */






/* ^^^ CSS Bottom Copyright , LabourBy ^^^ */
.BottomLineBorder {
	border-top:1px solid #A58C57;
	background-color: #FFFFFF;
	}

.Copyright {
	font-size: 8pt;
	font-weight: Normal;
	color: #000000;
	}

.Copyright a { 
	color: #000000; 
	font-weight: Normal;
	text-decoration: none; 
	}
.Copyright a:hover { 
	color: #000000; 
	font-weight: Normal;
	text-decoration: none; 
	}
.Copyright a:active { 
	color: #000000; 
	font-weight: Normal;
	text-decoration: none;
	}

.LabourBy {
	font-size: 8pt;
	color: #666666;
	}

.LabourBy a { 
	color: #666666; 
	text-decoration: none; 
	}
.LabourBy a:hover { 
	color: #666666; 
	text-decoration: underline; 
	}
.LabourBy a:active { 
	color: #666666; 
	text-decoration: underline;
	}
/* ^^^ End CSS Bottom Copyright , LabourBy ^^^ */




/* Start Head Menu and Box  */

.cat_box {
	background-color: #D7C594;
	text-decoration: none;
	color: #8C5B1B;
	padding: 6px;
 	border-bottom: 2px solid #987F42; 
	font-weight:bold
	}
	
.cat_box_center {
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	}
	
.search_box {
	background-color: #D7C594;
	text-decoration: none;
	color: #8C5B1B;
	padding: 6px;
 	border-bottom: 2px solid #987F42; 
	font-weight:bold
	}
	
.search_box_center {
	background-color: #f2f2f2;
	text-decoration: none;
	padding: 5px;
	}	
	
.news_box {
	background-color: #D7C594;
	text-decoration: none;
	color: #8C5B1B;
	padding: 6px;
 	border-bottom: 2px solid #987F42; 
	font-weight:bold
	}
	
.news_box_center {
	background-color: #f2f2f2;
	text-decoration: none;
	padding: 5px;
	}	
	
.re_box {
	background-color: #D7C594;
	text-decoration: none;
	color: #8C5B1B;
	padding: 6px;
 	border-bottom: 2px solid #987F42; 
	font-weight:bold
	}
	
.re_box_center {
	background-color: #ffffff;
	text-decoration: none;
	padding: 5px;
	}	
	
.guide_box {
	background-color: #D7C594;
	text-decoration: none;
	color: #8C5B1B;
	padding: 6px;
 	border-bottom: 2px solid #987F42; 
	font-weight:bold
	}
	
.guide_box_center {
	background-color: #ffffff;
	text-decoration: none;
	padding: 5px;
	}	

.pro_box {
	background-color: #7A7A7A;
	text-decoration: none;
	color: #8C5B1B;
	padding: 6px;
 	border-bottom: 2px solid #FFFFFF; 
	font-weight:bold;

}

.pro_box_center {
	background-color: #ffffff;
	text-decoration: none;

	}	
/* End Head Menu and Box  */

.Title_Product {
	font-size: 11px;
	font-weight: Bold;
	color: #000000;
	text-decoration: none;
	}
.Title_Product a { 
	color: #000000;
	text-decoration: none;
	}
.Title_Product a:hover { 
	font-weight: Bold;
	color: #666666;
	text-decoration: none;
	}
.Title_Product a:active { 
	font-weight: Bold;
	color: #000000;
	text-decoration: none;
	}	
	
	
.box_product {
	background: #FFFFFF;
	border-left: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	}
	
.boxText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}

.ch6 {
	BORDER-RIGHT: #e8e6e6 1px solid; 
	BORDER-TOP: #e8e6e6 1px solid; 
	BORDER-LEFT: #e8e6e6 1px solid; 
	BORDER-BOTTOM: #e8e6e6 1px solid;
}
.ml3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6283b3
}
.carttop {
	font-size: 12px;
	font-weight: bold;
	color: #336699;
}