/* 	Chaiyo Ready Market
	http://online.chaiyoreadymarket.com */
/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	margin: 0;
	background-color: #171B20;
	font-size: 12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
}


.page-body {
	margin: 0 auto 0 auto;	
	width: 600px;
	padding: 30px 0 20px 0;
	text-align: left;
}

	.page-footer {
		margin: 0 10% 0 315px;	
		width: 600px;
		padding: 0 0 50px 0;
		text-align: left;
	}

	.page-body ul, .page-body ol { 
		color: #ffffff;
		margin: 10px 0 30px 25px; 
	}

	.page-body ul li, 
	.page-body ol li { 
		padding: 0; 
		margin: 0 0 5px 0; 
		color: #cccccc;
		line-height: 140%;
		font-size: 100%;		
	}

	.page-footer p {
		margin: 0;
	}
	
	.page-footer {
		padding: 20px;
	}

	.page-title h1 span {
		text-align: left;
		font-weight: normal;
		font-size: 100%;
		color: #ffffff;
		margin: 5px 0 15px 0;
	}
	
/*h1 {
	text-align: left;
	font-weight: normal;
	font-size: 180%;
	color: #96BF55;
	margin: 5px 0 15px 0;
}

	h1 span {
		clear: both;
		font-size: 60%;
		color: #FF9;
	}


h2 {
	text-align: left;
	font-weight: normal;
	font-size: 150%;
	color: #09f;
	margin: 5px 0 15px 0;
}

	h2 span {
		clear: both;
		font-size: 70%;
		color: #FF9;
	}
	
h3 {
	clear: both;
	font-size: 120%;
	color: #FF9;
	font-weight: normal;
	margin: 0 0 10px 0;
}

h4 {
	font-size: 12px;
	font-weight:bold;
	color:#000000;
}*/

.notice {
	border: 3px solid #ffffbe;
	padding: 10px;
	color: #ffffff;
	background-color: #09f;
	margin: 0 0 20px 0;
}
	
	.notice p, 
	.notice p a, 
	li a {
		color: #ffffff;
		text-decoration: none;
	}

a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: block; 
	text-align: left; 
	padding: 5px; 
	background: #a9d06a;
	margin: 3px 0 0 0;
	border-bottom: 1px solid #333333;
	border-bottom: 1px solid #555555;
}

a.page-options:hover, 
a.page-options:focus {
	color: #fff; 
	background: #09F;
}		

p {
text-align:left;
}



	/*p small, 
	li small {
		color: #09F;
		font-size: 100%;
	}
	
	p em, 
	em {
		color: #ffffff;
	}
*/
.hidden {
	display : none;
}

.back {
float: left;
}

.forward {
float: right;
}

.clearBoth {
clear: both;
}

.alert {
	color:#FF0000;
}

.cartProductDisplay {
	vertical-align: middle;
}

#cartImage {
	float: left;
	padding-left: 7px;
}

#cartProdTitle {
	float: left;
	padding-left: 7px;
}

.cartAttribsList {
	float: left;
	margin: 0;
	padding-left: 20px;
}

.cartTotalsDisplay, .tableHeading {
	font-weight: bold;
}

.leftBoxHeading, .rightBoxHeading {
	padding-left: 12px; 
}

.SideBox {
	padding:10px 10px 10px 10px;
}

.MainContent {
	padding: 10px;
}

.centeredContent{ text-align:center; }

.whiteRow { 
	background-color: #FFFFFF;
}

.grayRow { 
	background-color: #ECECEC;
}

#scUnitHeading, #scTotalHeading, .cartUnitDisplay, .cartTotalDisplay, .cartShowTotal {
	padding-right: 5px;
}

#navBreadCrumb {
	padding: 7px;
}

.Line_Table { border: 1px solid #d3d2d2; }

/*  begin king celebration  */  
div.THBLongLiveTheKingLeft			{
		position:absolute;
		left:0px;
		top:0px;
		overflow:visible;
		height:100px;
		width:100px;
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-color:transparent;
		margin:0;
		padding:0;
		color:#000;
		font-family:helvetica,verdana,arial,tahoma,sans-serif;
		z-index:1000000000;
		border:0px none;
		float:none;
			}
			
div.THBLongLiveTheKingRight			{
		position:absolute;
		left:100%;
		top:0px;
		overflow:visible;
		height:100px;
		width:100px;
		background-image:url(http://online.chaiyoreadymarket.com/chaiyoreadyweb/css-front/longlivethekingright.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-color:transparent;
		margin:0 0 0 -135px;
		padding:0;
		color:#000;
		font-family:helvetica,verdana,arial,tahoma,sans-serif;
		z-index:1000000000;
		border:0px none;
		float:none;
			}

div.THBWeLoveOurKingLeft			{
		position:absolute;
		left:0px;
		top:0px;
		overflow:visible;
		height:100px;
		width:100px;
		background-image:url(http://online.chaiyoreadymarket.com/chaiyoreadyweb/css-front/weloveourkingleft.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-color:transparent;
		margin:0;
		padding:0;
		color:#000;
		font-family:helvetica,verdana,arial,tahoma,sans-serif;
		z-index:1000000000;
		border:0px none;
		float:none;
			}
			
div.THBWeLoveOurKingRight			{
		position:absolute;
		left:100%;
		top:0px;
		overflow:visible;
		height:100px;
		width:100px;
		background-image:url(http://online.chaiyoreadymarket.com/chaiyoreadyweb/css-front/weloveourkingright.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-color:transparent;
		margin:0 0 0 -135px;
		padding:0;
		color:#000;
		font-family:helvetica,verdana,arial,tahoma,sans-serif;
		z-index:1000000000;
		border:0px none;
		float:none;
			}
/*  end king celebration  */  


/*----------------------- calculator------------------------*/
#demo {
	margin:0px;
/* delete the style declaration below if you do not want it to be transparent! */
}
#calculator {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}
.drag
{
	position:relative;
	cursor:pointer;
}
#calculator
{
	background-color:#F4F4F4;
	cursor:move;
	width:190px;
}
.calculatorcontainer
{
	padding:5px;
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	border-right:2px outset #C0C0C0;
	border-bottom:2px outset #C0C0C0;
}
#calculator #control
{
	text-align:right;
}
#calculator input
{
	width:40px;
	height:30px;
	margin:2px;
	background-color:#FFF;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.95em;
	border:1px solid #C0C0C0;
	cursor:pointer;
}
#calculator img
{
	border:0px none;
}
#calculator #result
{
	width:173px;
	font-size:1.3em;
	padding:3px;
	cursor:text;
}
#calculator .operation
{
	color:#999;
	font-weight:bold;
	background-color:#DDD;
}
#calculator .equals
{
	color:#FFF;
	font-weight:bold;
	background-color:#336699;
}
#version
{
	float:left;
	padding:2px 0px 0px 2px;
	font-size:12px;
	font-weight:bold;
	font-family:tahoma;
}
#version a
{
	color:#333;
	cursor:move;
	text-decoration:none;
}
/*----------------------- calculator------------------------*/
a:link,a:visited{
padding-right:5;
}
a:hover,a:active{
padding-right:5;
}

.context_bold {
	font-weight:bold;
}

.calendarDateInput{
color:#000000;
}

/*-------------------footer powerd by-------------------*/
a.footer_powered_by:link,a.footer_powered_by:visited{
	font-size:10px;
	font-weight:bold;
	font-family:tahoma;
	color:#000000;
}
a.footer_powered_by:hover,a.footer_powered_by:active{
	font-size:10px;
	font-weight:bold;
	font-family:tahoma;
	color:#000000;
}
a.footer_template_service:link,a.footer_template_service:visited{
	font-size:10px;
	font-weight:bold;
	font-family:tahoma;
	color:#FF0000;
}
a.footer_template_service:hover,a.footer_template_service:active{
	font-size:10px;
	font-weight:bold;
	font-family:tahoma;
	color:#FF0000;
}
SELECT {
font-family: tahoma;
font-size: 12px;
}

INPUT {
/*display: inline;*/
font-family: tahoma;
font-size: 12px;
margin: 0em;
}
.black12b {font-family: Tahoma;font-size: 12px;font-weight: bolder;color: #000000;text-decoration: none;}
.black12n {font-family: Tahoma;font-size: 12px;color: #000000;text-decoration: none;}
A.black12blink:link  {FONT-SIZE: 12px;COLOR: #000000;TEXT-DECORATION: none;font-family: Tahoma;font-weight: bolder;}
A.black12blink:visited {FONT-SIZE: 12px;COLOR: #000000;TEXT-DECORATION: none;font-family: Tahoma;font-weight: bolder;}
A.black12blink:hover {FONT-SIZE: 12px;COLOR: #E21B04;TEXT-DECORATION: none;font-family: Tahoma;font-weight: bolder;}

/*------------------------- Tooltip -------------------------*/
a.info{
	position:relative; /*this is the key*/
	z-index:24;
}
a.info:hover{z-index:25;}
a.info span{display: none;}
a.info:hover span{
	display:block;
	position:absolute;
	top:2em; left:2em; width:20em;
	border:1px solid #DDD;
	background-color:#FFF; color:#000;
	text-align: left;
	padding: 10px;
}
/*------------------------- End Tooltip -------------------------*/
.clsImage{vertical-align:middle;}
.hr{color: #DDDDDD;}
div#recaptcha_image{border:1px #7692AC solid;}
#marqueecontainer{
	position: relative;
	width: 100%; /*marquee width */
	overflow: hidden;
}
#marqueecontainerIndex{
	position: relative;
	width: 100%; /*marquee width */
	overflow: hidden;
}
.tree_img {
background-image:url(../images/treemenu/menu_bar.gif);
width:16px;
height:16px;
text-align:center;
}
.pagenav{
font-family: tahoma;
font-size: 11px;
}
DIV.navSplitPagesLinks a:link {
font-family: tahoma;
font-size: 11px;
}
DIV.navSplitPagesLinks a:hover{
font-family: tahoma;
font-size: 11px;
}

DIV.navSplitPagesLinks a:visited{
font-family: tahoma;
font-size: 11px;
}

DIV.navSplitPagesLinks a:active{
font-family: tahoma;
font-size: 11px;
}
.wee5 {
width: 180px;
float:left;
text-align:center;
}
.inputbox2{
	font-size:12px;
	border:1px solid #F53707;;
}

.inputbox1{
	font-size:12px;
}
.red12b {font-family: Tahoma;font-size: 12px;font-weight: bolder;color: #F53707;text-decoration: none;}