@charset "utf-8";
@import url(market.css);
@import url(marketstyle.css);
@import url(gallery.css);

/* All CSS
Reset		reset.css		เ�?�?�?�?�?ล�? Reset
Layout		layout.css		�?ำห�?ดรู�?�?�?�?เลย�?เอาท�?�?อ�?เว�?�?ทั�?�?หม�?
Theme		theme.css		�?ำห�?ดรู�?�?�?�?�?ดยรวม�?อ�? Theme �?ั�?�?�?
*/


/* GENERAL */
html {
    overflow-x:auto;
    overflow-y:scroll;
}
body,td,th {
    font-family: Tahoma, Verdana, sans-serif;
    font-size:12px;
}
img{
    border:none;
}
a { text-decoration: none;	}
h1 { font-size:30px;}
h2 { font-size:26px;}
h3 { font-size:22px;}
h4 { font-size:18px;}
h5 { font-size:16px;}
h6 { font-size:14px;}
p { margin:0px 15px;}
/* GENERAL */


/* POSITION */
#_content{
    overflow: hidden;
}
#header {
    position:relative;
}
#leftside, #center , #centerleft , #centerright , #body, #content, #rightside, .frame240, .frame320, .frame480, .frame720, .frame960  {
    float:left;
}
/* POSITION */


/* HEIGHT */
#_content, #container, #header, #leftside, #center, #centerleft , #centerright, #body, #content, #rightside, #footer, .frame, .frame240, .frame320, .frame480, .frame720, .frame960 {
    height:auto;
}
#_content, #leftside, #center, #centerleft , #centerright, #body, #content, #rightside, .frame, .frame240, .frame320, .frame480, .frame720, .frame960 {
    min-height: 120px;
}
#leftside, #center, #centerleft , #centerright, #body, #content, #rightside, .frame240, .frame320, .frame480, .frame720, .frame960 {
/*    padding-bottom: 10px;*/
}
.frame{
    margin:0px 0px;
}
/* HEIGHT */


/* WIDTH */
#container {
    width:960px;
    margin:auto;
}
#header {
    width:960px;
}
#footer {
    width:960px;
}
#body {
    width:960px;
}
#content {
    width:720px;
}
#center {
    width:480px;
}
#leftside, #centerleft, #centerright, #rightside {
    width:240px;
}

.frame {
	width:960px;
	overflow:hidden;
}
.frame240 {
	width:240px;
}
.frame320 {
	width:320px;
}
.frame480 {
	width:480px;
}
.frame720 {
	width:720px;
}
.frame960 {
	width:960px;
}
/* WIDTH */


/* HEADER */
#sub_header{
    width:100%;
    height:100%;
}
#nav{
    z-index: 1001;
}
#nav,#header .company-name,#header .company-des,#header .logo {
    position:absolute;
    display:none;
    width:0px;
    height:0px;
    left:-1000px;
}
#header .logo {
    vertical-align: middle;
}
#absolute-bg, #absolute-header1, #absolute-header2, #absolute-header3 {
    position:absolute;
    display:none;
    width:0px;
    height:0px;
    left:-1000px;
}
.absolute-image, .absolute-text{
    position:absolute;
    top:0px;
    left:0px;
}
/* HEADER */


/* MAINMENU */
ul.mainmenu {
    min-width:200px;
    min-height:30px;
    display:block;
    list-style:none;
    margin:0px;
    padding:0px;
    background: url(../../../../images/trans.gif);
}
ul.mainmenu li {
    float:left;
}
ul.mainmenu li a {
    display:block;
    margin:0px;
    padding:0px;
}
/* MAINMENU */


/* ICON */
.icon {
    display:none;
    width:0px;
    height:0px;
    font-size:1px;
    background:transparent;
    float:left;
}
.icon img {
    display:none;
    width:0px;
    height:0px;
}
.iconimg {
    float:left;
}
.iconimg img{
    max-width:16px;
    max-height:16px;
}
/* ICON */


/* CLEAT AFTER FLOAT */
.clear, .frame {
    clear:both;
}
/* CLEAT AFTER FLOAT */

/* LOGIN AND SEARCH INDEX FORM */
form.login div {
	width:90px;
	margin:2px 3px;
	float:left;
}
form.login input.userpass {
	width:100px;
}
form.search div {
	width:200px;
	margin:5px;
}
form.search input.search {
	width:218px;
}

/* SERVICE */
ul.services {
	display:block;
	margin:10px;
	padding:10px;
	list-style:none;	
}

/* GALLERY TYPE */
/*Sidebar List*/
#imggallery #imgcat,#imggallery #imgshow,#catalog #products_cat , #catalog #products_list {
	float:left;	
}
#catalog #products_cat,#imggallery #imgcat {
    width:22%;
}
#catalog #products_cat,#imggallery #imgcat .imgcat_submenu{
    margin-left: 15px;
    list-style: none;
}
#imggallery #imgcat .imgcat, #catalog #products_cat .products_cat {
    display:block;
    margin:10px;
    list-style:none;
    overflow:hidden;
}
#imggallery #imgcat .imgcat li a, #catalog #products_cat .products_cat li a {
	display:block;
    padding:5px;
    text-decoration:none;
}
/* Thumbnail */
#imggallery #imgshow, #catalog #products_list {
    width:78%;
    overflow:hidden;
}
#imggallery #imgshow .imgshow, #catalog #products_list .products_list {
	display:block;
    margin:5px;
    list-style:none;
    overflow:hidden;
}
#imggallery #imgshow .imgshow li,#catalog #products_list .products_list li {
	float:left;	
}

/* Thumbnail Style 1 : With Frame Image */
#imggallery #imgshow .imgshow li a {
    display:block;
    margin:5px;
    background:url(../images/frame-shadow.png);
    width:141px;
    height:90px;
    padding:10px 10px 25px;
}
#imggallery #imgshow .imgshow li a img {
    width:141px;
    height:90px;
}

/* Thumbnail Style 2 : With Title and Description No Frame Image */
#catalog #products_list .products_list li {
    height:227px;
    margin:8px;
    overflow:hidden;
    width:160px;
}
#catalog #products_list .products_list li span {
    display:block;
    margin:5px;
}
#catalog #products_list .products_list li span.product_img {
    margin-bottom:10px;
    text-align:center;
}
#catalog #products_list .products_list li span.product_img img {
    width:140px;
    height:90px;
}
#catalog #products_list .products_list li span.product_name {
    height:30px;
    overflow:hidden;
}
#catalog #products_list .products_list li span.product_des {
    height:40px;
    overflow:hidden;
    font-size:0.9em;
}
#catalog #products_list .products_list li span.more {
}

/* Object Detail Page */
#catalog #productshow_img {
    width:40%;
    text-align: center;
    vertical-align:top;
    padding:10px;
}
#catalog #productshow_img .productshow_img_block{
    padding:10px;
}
#catalog #productshow_detail {
    padding:20px;
    vertical-align:top;
}
#catalog #productshow_detail .productshow_name {
    padding:10px;
}
#catalog #productshow_detail .productshow_price {
}

/* WEBBOARD LAYOUT */
/* ADD NEW TOPIC */
#webboard div.addnewtopic{
    float:right;
    padding:3px;
    margin:5px;
}
#webboard div.addnewtopic h5 a {
	display:block;
	text-decoration:none;
	padding:5px;		
}
#webboard div.addnewtopic .icon, #webboard div.boardheader .icon ,#webboard .newtopicform .formrow .icon{
    background: transparent;
    display:block;
}
#webboard div.addnewtopic .icon img,#webboard div.boardheader .icon img,#webboard .newtopicform .formrow .icon img{
    display: block;
    width:auto;
}

/* BOARD HEADER */
#webboard .article .boardheader {
    overflow:hidden;
    padding:5px;
    margin:0px;
}
#webboard .article .boardheader .topicheader {
    width:64%;
    float:left;
    text-align:center;
}
#webboard .article .boardheader .read {
    width:10%;
    float:left;
    text-align:center;
}
#webboard .article .boardheader .post {
    width:10%;
    float:left;
    text-align:center;
}
#webboard .article .boardheader .date {
    width:15%;
    float:left;
    text-align:center;
}

/* TOPIC LIST */
#webboard .article .topiclist {
    cursor: pointer;
    padding:5px 0px;
    overflow:hidden;
}
#webboard .article .topiclist_alt{
	background:none;
}
#webboard .article div.topiclist:hover {
	cursor:pointer;
}
#webboard .article div.topiclist:hover a{
}
#webboard .article .topiclist .topic-icon {
    text-align:center;
    float:left;
    width:5%;
}
#webboard .article .topiclist .topic-text {
    float:left;
    width:59%;
}
#webboard .article .topiclist .topic-read {
    float:left;
    width:10%;
    text-align:center;
}
#webboard .article .topiclist .topic-post {
    float:left;
    width:10%;
    text-align:center;
}
#webboard .article .topiclist .topic-date {
    float:left;
    width:15%;
    text-align:center;
}


/* TOPIC */
#webboard .article div.topic {
    margin:10px;
}
#webboard .article div.topic div.topic-header {
    padding:5px;
}
#webboard .article div.topic div.topic-posttext {
    padding:10px;
}
#webboard .article div.topic div.topic-detail {
    padding:5px;
}
#webboard .article div.topic div.topic-detail span {
    margin:5px;
}

/*COMMENT*/
#webboard .article div.comment {
    margin:10px;
}
#webboard .article div.comment div.comment-header {
    padding:5px;
}
#webboard .article div.comment div.comment-posttext {
    padding:10px;
}
#webboard .article div.comment div.comment-detail {
    padding:5px;
}
#webboard .article div.comment div.comment-detail span {
    margin:5px;
}

/* COMMENT ALTERNATE */
#webboard .article div.comment_alt {
    margin:10px;
}
#webboard .article div.comment_alt div.comment-header {
    padding:5px;
}
#webboard .article div.comment_alt div.comment-posttext {
    padding:10px;
}
#webboard .article div.comment_alt div.comment-detail {
    padding:5px;
}
#webboard .article div.comment_alt div.comment-detail span {
    margin:5px;
}


/* NEW TOPIC */
#webboard .article div.newtopicform {
    padding:5px 50px;
}
#webboard .article div.newtopicform form.newtopicform {
    margin-top:10px;
}
#webboard .article div.newtopicform div.formrow {
    margin:5px;
    overflow:hidden;
    clear:both;
}
#webboard .article div.newtopicform div.formrow div {
    float:left;
}
#webboard .article div.newtopicform div.formrow div.icon {
    width:50px;
}
#webboard .article div.newtopicform div.formrow div.label {
    width:150px;
    font-size:1.2em;
}
#webboard .article div.newtopicform div.formrow div.input {
    width:500px;
}


/*ALL PAGING*/
#paging {
    overflow:hidden;
}
#paging .paging_block, #paging .paging li {
    float:left;
}
#paging .paging {
    display:block;
    list-style:none;
    margin:10px;
}
#webboard .footer .pageno {
	text-align:center;
}
#paging .paging li a, ol#controls li a, #webboard .footer .pageno span {
	display:inline-block;
    text-align:center;
    margin:5px;
    padding:3px 7px;
	cursor: pointer;
}
#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 {
	
}

/* SUBMENU */
ul.submenu {
	display:none;
	position:absolute;
    list-style:none;
    padding:0px;
	margin:0px;
	z-index:1100;
	background: url(../../../../images/trans.gif);
	
	
	-webkit-box-shadow:0px 0px 5px #333;
	-moz-box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px #333;

}
ul.submenu li.menu {
	display:block;
	position:relative;
	float:none;
	padding: 0px;
	width:auto;
	/*background:url(../../../../images_circlecamp/circlecamp/submenu_bg.png);*/
}
ul.submenu li.menu div.submenu {

}
ul.submenu li.menu div.submenu>a{
	background: #333;
	display: block;
	/*font-size:1em;*/
	font-weight: normal;
	color:#FFF;
	text-align: left;
	width: 140px;
	padding: 5px 15px;
	margin:0;
}
ul.submenu li.menu:hover{
	display:block;
}
ul.submenu li.menu:hover>div>a{
	background:#ccc;
	color:#333;
}
ul.submenu li.menu div.submenu:hover>a {
	color:#333;
}
ul.mainmenu>li.menu:hover>ul.submenu {
	display:block;
}
/*
ul.submenu li:hover {
	background:url(../../images_circlecamp/circlecamp/submenu_bg.png);
}
ul.mainmenu li:hover>div>a {
	color:#FFF !important;
}*/
ul.submenu li.menu>ul.submenu {
	display:none;
	top:0px;
	left:100%;
}

ul.submenu li.menu:hover>ul.submenu {
	display:block;
	/*background:url(../../../../images_circlecamp/circlecamp/submenu_lv3_bg.png);*/
}

/* Language */
.language{
    position:absolute; 
    right:30px;
    top:30px;
    text-align:center;
    text-transform: uppercase;
    z-index: 1002;
    background-color:white;
    border:1px solid #999999;
    padding:2px 5px 0px;
    display:none;
}