@charset "utf-8";
/* All CSS
Reset		reset.css		เก็บไฟล์ Reset
Layout		layout.css		กำหนดรูปแบบเลย์เอาท์ชองเว็บทั้งหมก
Theme		theme.css		กำหนดรูปแบบโดยรวมของ Theme นั้นๆ

*/

/* BODY STYLE */
body,td,th {
	font-family:Tahoma, Verdana, sans-serif;
	color:#767676;
	font-size:12px;
}

body {
	background:#6b0100;
}
/*LINKS STYLE*/

a:link {
	color:#a10404;
}
a:visited {
	color:#a10404;
}
a:hover {
	color:#ff6803;
	text-decoration:underline;
}
a:active {
	color:#ff0350;
}

#absolute-header1 {
	display:block;
	left:227px;
	top:3px;
	width:500px;
	height:350px;
	z-index:60;

}
#absolute-header2 {
	display:block;
	left:638px;
	top:5px;
	width:250px;
	height:280px;
}
#absolute-header3 {
	display:block;
	left:16px;
	top:2px;
	width:319px;
	height:302px;
	z-index:80;
}
/* HEADER */

#header {
	height:380px;
	background:url(../images/header-bg.jpg) top center no-repeat;
}
#header .logo {
	display:block;
	left:46px;
	top:92px;
	width:200px;
	height:90px;
	z-index:100;
}
#header .company-name {
	display:block;
	width:223px;
	top:192px;
	left:59px;
	z-index:100;
}
#header .company-name h1 {
	font-size:1.5em;
	color:#fff;
	
}

#header .company-des {
	display:block;
	width:238px;
	top:218px;
	left:45px;
	z-index:100;
}
#header .company-des h3 {
	font-size:1em;
	color:#fff;
	
}


/* Navigation /// เมนูหลัก */
#nav {
	display:block;
	width:930px;
	height:auto;
	left: 14px;
	top:344px;
	z-index:100;
}
ul.mainmenu {
	list-style:none;
	margin:0px; 
	padding:0px;
}
ul.mainmenu li {
	float:left;
}
ul.mainmenu li a {
	color:#fff;
	font-size:1.1em;
	padding:5px 20px 5px 5px;
	margin:0px;
	margin-left:10px;
	text-decoration:none;
	font-weight:700;
}
ul.mainmenu li:hover {
	text-decoration:none;
	color:#fced00;
	background:url(../images/nav-menu01-hover.png) left no-repeat;
}
ul.mainmenu li:hover a  {
	text-decoration:none;
	color:#fced00;
	background:url(../images/nav-menu02-hover.png) right
	no-repeat;
}

ul.mainmenu li a.current_page {
	color:#fced00;

}
.mainmenu_expand {
	background:#333;
	color:#FFF;
}


/* SECTION */
.section, #catalog, #webboard, #imggallery  {
	border:1px solid #ff2626;
	margin:10px;
	background:#fff;
}
.header {
	padding:5px;
	background:#e10000;
	color:#fff;
}
.header h6 {
	font-size:1.3em;
	/*text-shadow:1px 1px 1px #FFF;*/
}
.article {

}
.footer {
	padding:5px;
	font-size:0.9em;
	border-top:1px dotted #b40000;
	background:#efd9d9;
	color:#b40000;
}

/* SERVICE PAGE */
ul.services {
	margin:10px;
	padding:10px;
	border:1px dotted #efd9d9;
}
ul.services li {
	padding:3px 3px 3px 15px;
	background:url(../images/services-bullet.png) left center no-repeat;	
}

/* FAQ */
ol.faq {
	margin:10px;
	padding:10px;
	list-style:none;
}
ol.faq li {
	margin:10px;
	padding:10px;
	border:1px dotted #efd9d9;
}
ol.faq li h6 {
	padding:10px;
}

/* GALLERY TYPE SHOW ///  การแสดงลักษณะแกลเลอรี่ */

	/* SIDEBAR CATAGORIES // หมวดหมู่ด้านซ้ายมือ */
	#imggallery #imgcat .imgcat li a, #catalog #products_cat .products_cat li a {
		border-bottom:1px solid #efd9d9;	
		color:#9f0000;
	}
	#imggallery #imgcat .imgcat li a:hover, #catalog #products_cat .products_cat li a:hover,#imggallery #imgcat .imgcat li a.current_page, #catalog #products_cat .products_cat li a.current_page {
		background:#ff6803;
		color:#fff;	
	}

	/* THUMBNAIL TYPE 1 /// การแสดงรูปภาพ Thumbnail แบบที่ 1 (ใช้กับหน้าอัลบั้มภาพ) */
	#imggallery #imgshow .imgshow li a {
    	background:url(../images/frame-shadow.png);
	}
	#imggallery #imgshow .imgshow li a:hover {
    	background:url(../images/frame-shadow-hover.png);
	}
	
	/* THUMBNAIL TYPE 2 /// การแสดงรูปภาพ Thumbnail แบบที่ 2 (ใช้กับหน้าสินค้า) */
	/*กรอบ*/	
	#catalog #products_list .products_list li {
		border:1px solid #efd9d9;
	}
	/* ชื่อผลิตภัณฑ์ */	
	#catalog #products_list .products_list li span.product_name {
		font-weight:700;
	}
	/* รายละเอียดเพิ่มเติม */ 
	#catalog #products_list .products_list li span.more {
		font-weight:700;						
	}
	

/* OBJECT DETAIl PAGE /// หน้ารายละเอียดสินค้า */
	/* กรอบรูปสินค้า */
	#catalog #productshow_img .productshow_img_block {
		border:1px solid #efd9d9;
	}
	/* ชื่อผลิตภัณฑ์ */
	#catalog #productshow_detail .productshow_name {
	}
	/* ราคา */
	#catalog #productshow_detail .productshow_price {
		font-size:1.5em;
	}
	


/* WEBBOARD /// กระดานสนทนา */
	#webboard .article .boardheader {
		background:#a10404;
		font-size:1.3em;
		font-weight:700;
		color:#FFF;
	}
	
	/* ADD NEW TOPIC /// ปุ่มตั้งกระทู้ใหม่ */
	#webboard div.addnewtopic h5 a {
		border:1px solid #efd9d9;	
		color:#9f0000;
		background:#fcf4f4;
	}
	#webboard div.addnewtopic h5 a:hover {
		background:#ff6803;
		color:#fff;	
	}
	
	/* TOPIC LIST /// หน้าแสดงหัวข้อกระทู้ */
	#webboard .article .topiclist {
		border-bottom:1px solid #fbf0f0;
	}
	#webboard .article .topiclist_alt{
		background:#fffbfb;
	}
	#webboard .article div.topiclist:hover {
		background:#ff6803;
		font-weight:700;
		color:#fff;
	}
	
	/* WEBBOARD TOPIC SHOW /// แสดงหัวข้อและรายละเอียดของกระทู้ */
	#webboard .article div.topic {
		border:1px solid #e4c2c2;
	}
	#webboard .article div.topic div.topic-header {
    	background:#a10404;
		font-size:2em;
		color:#FFF;
	}
	#webboard .article div.topic div.topic-posttext {
		background:#fffafa;
	}
	#webboard .article div.topic div.topic-detail {
		background:#efd9d9;
	}
	
	/* WEBBOARD COMMENT #1 /// คอมเมนท์แบบที่ 1 */
	#webboard .article div.comment {
		border:1px solid #e4c2c2;
	}
	#webboard .article div.comment div.comment-header {
		background:#ee3901;
		font-size:1.3em;
		font-weight:700;
		color:#fff;
	}
	#webboard .article div.comment div.comment-posttext {
	}
	#webboard .article div.comment div.comment-detail {
		background:#efd9d9;
	}

	/* WEBBOARD COMMENT #2 /// คอมเมนท์แบบที่ 2 */
	#webboard .article div.comment_alt {
		border:1px solid #e4c2c2;
	}
	#webboard .article div.comment_alt div.comment-header {
		background:#fe2626;
		font-size:1.3em;
		font-weight:700;
		color:#fff;
	}
	#webboard .article div.comment_alt div.comment-posttext {
	}
	#webboard .article div.comment_alt div.comment-detail {
		background:#efd9d9;
	}

	/* WEBBOARD FORM */
	#webboard .article div.newtopicform {
		background:#fff;
		
	}

/* PAGING /// เลขหน้า */
	/*เลขหน้าตอนปกติ*/
	#paging .paging li a, ol#controls li a,#webboard .footer .pageno span {
		border:1px solid #efd9d9;	
		color:#9f0000;
		background:#fcf4f4;

	}
	/*เลขหน้าตอน Hover*/
	#paging .paging li a:hover, #paging .paging li a.current_page, ol#controls li.current a, ol#controls li a:hover, #webboard .footer .pageno span:hover, #webboard .footer .pageno span.current_page {
		background:#ff6803;
		color:#fff;	
	}


/*PAGE FOOTER*/
#footer {
	background:#380100;
	color:#FFF;
}
#footer p {
	padding:15px 5px;
}


/* SPECIAL ZONE /// อยากเขียนอะไรเพิ่มก็เขียนในนี้ */
.article h4 {
	padding:5px 10px;
}
#container{
	background:#540100;
}