/* CSS Document */
ul.sidebar_main{ /* กำหนดขอบเขตของเมนู */  
    list-style:none;   
    margin:0px;   
    padding:0px;   
    width:250px;   
	font-family: Arial, Helvetica, sans-serif, Tahoma;
    font-size:12px;
	background: #000000;
}   
ul.sidebar_main > li{ /* กำหนดรูปแบบให้กับเมนูเ */
	margin:0 0 5px 0;
	height:20px;
	text-indent:5px;
	padding:0 0 0 22px;
	background:#000000 url(../images/menu_left_bg.jpg) no-repeat;
} 
ul.sidebar_main > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;   
    color:#FFFFFF;   
    line-height:20px;   
}  
ul.sidebar_main > li > a:visited{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;   
    color:#FFFFFF;   
    line-height:20px;   
}  
ul.sidebar_main > li >a:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
    height:20px;
	color: #FF9900;    
    text-decoration: underline;   
    background-color:#000;   

}


ul.search { /* กำหนดขอบเขตของเมนู */
	list-style:none;
	margin:0px;
	padding:0px;
	width:250px;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
}
ul.search > li { /* กำหนดรูปแบบให้กับเมนูเ */
	margin:0;
	height:20px;
	color:#FFFFFF;
	text-indent:5px;
	padding:5px 0 0 22px;
	background:#000000 url(../images/bg_header_search.jpg) no-repeat;
}


.menu_footer {
	width: 100%;  /* ความกว้างของเมนู กำหนดตรงนี้เลย */;
}
.menu_footer ul {
	margin: 0;
	padding: 0;
	float: right;
}
.menu_footer ul li {
	display: inline;
}
.menu_footer ul li a {
	float: left;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	padding: 10px 5px 0 5px;
	}
.menu_footer ul li a:visited {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10px;
}
/* รูปแบบเมนูเมื่อเอาเมาส์ชี้ และเมื่อเมนูทำงานอยู่  */
 .menu_footer ul li a:hover, .menu_footer ul li .current {
	color: #FF9900;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10px;
}



.menu_galleryHeader{
	background: #000000 url(../images/sbsp1-gallery_04.jpg) no-repeat;
	width:250px;
	height:50px;
}
.menu_galleryTopBorder{
	background: #000000 url(../images/sbsp1-gallery_06.jpg) no-repeat;
	width:250px;
	height:8px;
}
.menu_galleryBottomBorder{
	background: #000000 url(../images/sbsp1-gallery_14.jpg) no-repeat;
	width:250px;
	height:8px;
}
ul.menu_gallery{ /* กำหนดขอบเขตของเมนู */
	list-style:none;
	margin:0px;
	padding:0px;
	width:250px;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
	background: #000000 url(../images/sbsp1-gallery_13.jpg) repeat-y;
}   
ul.menu_gallery > li{ /* กำหนดรูปแบบให้กับเมนูเ */
	margin:0 ;
	height:27px;
	text-indent:5px;
	padding:8px 0 0 35px;
	background:#000000 url(../images/sbsp1-gallery_12.jpg) no-repeat;
} 
ul.menu_gallery > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;   
    color:#FFFFFF;   
    line-height:20px;   
}  
ul.menu_gallery > li > a:visited{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;   
    color:#FFFFFF;   
    line-height:20px;   
}  
ul.menu_gallery > li >a:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
    height:20px;
	color: #FF9900;    
    text-decoration: underline;   
    background-color:#000;   

}


ul.menu_product{ /* กำหนดขอบเขตของเมนู */
	list-style:none;
	margin:0px;
	padding:0px;
	width:250px;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
}   
ul.menu_product > li{ /* กำหนดรูปแบบให้กับเมนูเ */
	margin:0 0 5px 0;
	height:35px;
	text-indent:5px;
	padding:15px 0 0 40px;
	background: #000000 url(../images/sbsp1-webbord_14.jpg) no-repeat;
	vertical-align: middle;
} 
ul.menu_product > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;   
    color:#FFFFFF;   
    line-height:20px;   
}  
ul.menu_product > li > a:visited{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;   
    color:#FFFFFF;   
    line-height:20px;   
}  
ul.menu_product > li >a:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
    height:20px;
	color: #FF9900;    
    text-decoration: underline;   
    background-color:#000;   

}





 .b_link{
 width: 250px;  /* ความกว้างของเมนู กำหนดตรงนี้เลย */
 background-color: #000000; }  /* ตรงนี้เป็นสีพื้นหลัง */
 
/* ส่วนข้่างนี้ไม่รู้จะอธิบายเป็นภาษาคนยังไง 555+ เอ้า ปรับ ๆ แต่งกันเล่นดูหละกันครับ ไม่ลองไม่รู้.. */
 
.b_link ul{
 margin: 0; padding: 0;
 background:#000;
 float: left;}
 
.b_link ul li{
width:120px;
display: block;
float:left;
padding:2px;
 
.b_link ul li a{
 float: left; 
 text-decoration: none;
 color: #FFFFFF;
 background-color: #000; }
 
.b_link ul li a:visited{
 color: #FFFFFF;}
 
/* รูปแบบเมนูเมื่อเอาเมาส์ชี้ และเมื่อเมนูทำงานอยู่  */
 .b_link ul li a:hover, .menu ul li .current{
 color: #d8ff00;
 background-color:#00a1f5;}