/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
body{
 margin:0;
 background-color:#FFFFFF;
}
.thaigemTopMenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 11px Verdana, Arial, sans-serif;
}

.thaigemTopMenu #treemenu1 li{
position: relative;
display: inline;
float: left;
z-index:10;
}

.thaigemTopMenu #treemenu2 li{
position: relative;
display: inline;
float: left;
z-index:1;
}

.thaigemTopMenu ul li a{
width: 0px; 
text-decoration: none;
color: #959595;
}
	
.thaigemTopMenu ul li ul{
left: 0;
position: absolute;
display: block;
visibility: hidden;
border: 1px solid #4FA8C4;
font: 100% Verdana, Arial, sans-serif;
background-color: #FFFFFF;
}

.thaigemTopMenu ul li ul li.main{
display: list-item;
background: url(http://www.thaigem.com/images/tg/new/140109/arrow.gif) no-repeat 98% center;

}

.thaigemTopMenu ul li ul li{
padding: 0 0 5px 0;
display: list-item;
}

.thaigemTopMenu ul li ul li ul{ 
left: 159px; 
top: 0px;
}

.thaigemTopMenu ul li ul li a{
display: block;
width: 165px;
color: #4FA8C4;
text-decoration: none;
padding: 1px 5px;
}
.thaigemTopMenu ul li a:hover{
background-color: #4FA8C4;
color: #FFFFFF;
text-decoration: none;
}

.thaigemTopMenu a:link { color: #4FA8C4; text-decoration:none;}    		/*กำหนดสไตล์ชีทให้กับลิงค์ที่ยังไม่ถูกคลิก (a:link) */
.thaigemTopMenu a:visited { color: #4FA8C4; text-decoration:none;}		/*กำหนดสไตล์ชีทให้กับลิงค์ที่คลิกไปแล้ว (a:visited) */      
.thaigemTopMenu a:hover {																	/*กำหนดสไตล์ชีทให้กับลิงค์เมื่อเลื่อนเมาส์ไปวางบนลิงค์ (a:hover) */
	color:#4FA8C4;
	text-decoration: none;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .thaigemTopMenu ul li { float: left; height: 1%; }
* html .thaigemTopMenu ul li a { height: 1%; display: block;}
/* End */
/***********************************Index****************************************/
.index-style1 {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.index-style3 {font-size: 11px}
.index-style4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000;}
.index-style6 {
	color: #9F9F9F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.index-style8 {color: #666666}
.index-style10 {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.index-style12 {font-size: 15px;}
.index-style14 {font-size: 11px; font-family: Arial, Helvetica, sans-serif;color:#000000;}

.index-style15 {
	color: #9F9F9F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.index-input {
	color :#9F9F9F;  
	background-color:#FFFFFF;
	font-family : Tahoma;
	font-size: 13px;
	border : solid 1px #9F9F9F;
	border-right : solid 1px #7D7D7D;
	text-align : center;
	height:21px;
}
.index-button {
	padding: 0;
	color :#FFFFFF;  
	background-color:#7D7D7D;
	font-family : Tahoma;
	font-size: 13px;
	border : solid 1px #7D7D7D;
	width:25px;
	height:25px;
}
.index-a a:link {color: #990000;text-decoration:none;}    		/*กำหนดสไตล์ชีทให้กับลิงค์ที่ยังไม่ถูกคลิก (a:link) */
.index-a a:visited {color: #990000;text-decoration:none;}		/*กำหนดสไตล์ชีทให้กับลิงค์ที่คลิกไปแล้ว (a:visited) */      
.index-a a:hover {color: #990000;text-decoration: none;}
/***********************************Index****************************************/

a:link {color: #4FA8C4;text-decoration:none;} /*.all-link */
a:visited {color: #4FA8C4;text-decoration:none;} 
a:hover {color: #4FA8C4;text-decoration: underline;}

.shop a:link {color: #959595;text-decoration:none;}
.shop a:visited {color: #959595;text-decoration:none;} 
.shop a:hover {color: #4FA8C4;text-decoration: underline;}

.head:hover {color: #4FA8C4;text-decoration: none;}

.dropdowncolor{
color: #4FA8C4;
}