/*
Theme Name: be-live
Theme URI: http://www.be-live.in.th/
Description: for be-live
Version: 0.5
Author: Chris (Menn) Talawat
Author URI: http://www.imenn.com/
Tags: be-live
*/
/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: Thonburi, "Lucida Grande", Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* GENERAL */
html {height: 100%;}
body {background: #666 url(ds/bg-main.gif) repeat-y center;height: 100%;}
body,p,td,th {color: #333; font-size: 12px; line-height: 15px;}
p {padding: 0 0 12px 0;}
a {color: #10a4ac; text-decoration: none;}
a:visited {color: #048a92;}
a:hover {color: #0bd;}
a:active {color: #ffa200;}
h1 {line-height: 18px; font-size: 17px; margin: 0 0 12px 0; font-weight: bold;}
h2, h3 {line-height: 17px; font-size: 15px; margin: 10px 0; font-weight: bold;}
h3 {color: #000;}
blockquote {background-color: #eee; padding: 3px 10px; border: 1px solid #ddd; margin-bottom: 10px;}
.small {font-size: 9px; line-height: 13px;}
small {font-size: 9px; line-height: 13px;}
.medium {font-size: 10px; line-height: 15px;}
.clear {clear: both; height: 0;}
.date {font-size: 10px; color: #777;}
img.icon { margin: 0 8px 5px 0; float: left; padding: 2px; border: 1px solid #d8d8d8; background: #fff;}
img.icon-single { margin: 0; float: right; padding: 2px; border: 1px solid #d8d8d8;margin-left: 5px;margin-bottom: 5px; background: #fff;}
#container{width: 920px;margin: 0 auto -25px; background-color: #fff;min-height: 100%; height: auto !important; height: 100%;}
#logo {float: left;width: 270px;}
#contents{padding: 10px;}
#sidebar{float: left;width: 260px;}
#sidebar #meta {padding: 0 10px;}
#sidebar #meta h2 {font-size: 13px; margin: 5px 0 4px 0;font-weight: normal;line-height: 13px;color: #fff;}
#sidebar #meta li{list-style: none; font-size: 12px; line-height: 15px; margin: 0;}
#sidebar #meta p {font-size: 12px; line-height: 15px;}
#sidebar #meta li#tag_cloud {line-height: 22px; font-weight: normal;}
#sidebar #meta li#tag_cloud a, #sidebar #meta li#tag_cloud a:visited {color: #aaa;}
#sidebar #meta li#tag_cloud a:hover{color: #00c9f3;}
#home-search{background: url(ds/bg-search.gif) no-repeat; height: 20px;padding: 42px 20px 8px 18px;}
#home-box{margin-top: 5px;background-color: #eee;padding: 10px;height: 365px;text-align: center;}
img.border{ border: 2px solid #fff;}
#content{width: 630px;float: right;}
.banner{margin: 0px;padding: 0px;}
#home-whatsnew{padding: 8px 0 5px;}
.home-news{float: left; width: 200px;margin: 0 4px;}
.box-news{margin-top: 5px; width: 180px;height: 50px;padding:6px 10px 6px 10px; background: url(ds/box-news.gif) no-repeat;}
.box-news .date{}
#home-products{background-color: #abdbde;height: 210px;}
#home-back{float: left;}
#home-back a:hover{ opacity: 0.7;}
#products { width:880px; height:210px; overflow:hidden; position:relative; }
#home-next{float: right;}
#home-next a:hover{ opacity: 0.7;}
#side-head{height: 40px;}
#side-box{ background-color: #12bac3;padding: 10px;}
#side-box p{padding: 10px; color: #fff;}
img.whiteborder{border: 1px solid #fff; ;}

#gallery {width: 600px; height: 405px; background: url(ds/bg-gallery.gif) no-repeat;margin-bottom: 20px;padding: 15px;}
#gallery #mainpic {width: 600px; height: 360px; margin-bottom: 15px;}
#gallery.firstpage {width: 630px; height: 240px; background-image: none; margin: 0;padding: 0;}
#gallery.firstpage #mainpic {width: 630px; height: 240px; }
#gallery.firstpage #gallery_navigation { display:none; }

#gallery a img.thumb{width: 30px; height: 30px; border: 1px solid #333;margin-right: 5px;}
#gallery a:hover img.thumb{ border: 1px solid #fff;}
#gallery a.selected img.thumb{ border: 1px solid #000;}
#gallery a.selected:hover img.thumb{ border: 1px solid #000;}



#page{}
#page h1, #page h2{color: #ce8c24;}
#page p{}
#page ul{ list-style-type: circle; list-style-position: outside;margin-left: 15px;}
table, td, th{ vertical-align: top;padding: 5px;}
#email-box{width: 100%; border: 1px solid #ccc;padding-top: 10px;}

#caseinfo{float: right;width: 220px; padding: 10px; border: 1px solid #ccc; background-color: #f0f0f0; margin-left: 5px;}
#caseinfo h2, #caseinfo h3{line-height: 17px; font-size: 14px; margin: 0 0 10px; font-weight: bold;}

.clearfooter{clear: both;height: 25px; background-color: #f0f0f0;}
#footer {width: 900px; height: 15px; bottom: 0; padding: 5px 10px; margin: 0 auto; background: #10a4ac;}
#footertxt {height: 15px; font-size: 9px; color: #fff;}
#footertxt a, #footertxt a:visited {color: #d5f1f3;}
#footertxt .tigeridea{font-size: 8px;}

/* MAIN MENUS */
#mainmenu {float: right; width: 650px;}
#mainmenu #mainnav { margin:0; padding:0; }
#mainmenu #mainnav li { display:inline; }
#mainmenu #mainnav li a { float:left; height:0px; padding-top:100px; overflow:hidden; }
#mainmenu #mainnav li a { background-image: url(ds/mainnav.gif); background-repeat:no-repeat; }
/* BUTTONS */
#mainmenu #mainnav li#m1 a { width: 120px; background-position:0px 0px; }
#mainmenu #mainnav li#m2 a { width: 81px; background-position:-120px 0px; }
#mainmenu #mainnav li#m3 a { width: 77px; background-position:-201px 0px; }
#mainmenu #mainnav li#m4 a { width: 96px; background-position:-278px 0px; }
#mainmenu #mainnav li#m5 a { width: 102px; background-position:-374px 0px; }
#mainmenu #mainnav li#m6 a { width: 64px; background-position:-476px 0px; }
#mainmenu #mainnav li#m7 a { width: 110px; background-position:-540px 0px; }
/* OVER STATES */
#mainmenu #mainnav li#m1 a:hover { background-position:0px -100px; }
#mainmenu #mainnav li#m2 a:hover { background-position:-120px -100px; }
#mainmenu #mainnav li#m3 a:hover { background-position:-201px -100px; }
#mainmenu #mainnav li#m4 a:hover { background-position:-278px -100px; }
#mainmenu #mainnav li#m5 a:hover { background-position:-374px -100px; }
#mainmenu #mainnav li#m6 a:hover { background-position:-476px -100px; }
#mainmenu #mainnav li#m7 a:hover { background-position:-540px -100px; }
/* PRESSED STATES */
#mainmenu #mainnav li#m1 a:active { background-position:0px -200px; }
#mainmenu #mainnav li#m2 a:active { background-position:-120px -200px; }
#mainmenu #mainnav li#m3 a:active { background-position:-201px -200px; }
#mainmenu #mainnav li#m4 a:active { background-position:-278px -200px; }
#mainmenu #mainnav li#m5 a:active { background-position:-374px -200px; }
#mainmenu #mainnav li#m6 a:active { background-position:-476px -200px; }
#mainmenu #mainnav li#m7 a:active { background-position:-540px -200px; }
/* SELECTED STATES */
#mainmenu.m1 #mainnav li#m1 a { background-position:0px -300px; }
#mainmenu.m2 #mainnav li#m2 a { background-position:-120px -300px; }
#mainmenu.m3 #mainnav li#m3 a { background-position:-201px -300px; }
#mainmenu.m4 #mainnav li#m4 a { background-position:-278px -300px; }
#mainmenu.m5 #mainnav li#m5 a { background-position:-374px -300px; }
#mainmenu.m6 #mainnav li#m6 a { background-position:-476px -300px; }
#mainmenu.m7 #mainnav li#m7 a { background-position:-540px -300px; }

/* SIDE MENUS */
#sidemenu { width: 260px;}
#sidemenu #sidenav { margin:0; padding:0; }
#sidemenu #sidenav li { display:inline; }
#sidemenu #sidenav li a { float:left; width:260px; height:0px; padding-top:45px; overflow:hidden; background-repeat:no-repeat; }

#sidemenu #sidenav.product li a { background-image: url(ds/nav-product.gif); }
#sidemenu #sidenav.product-standard li a { background-image: url(ds/nav-product-standard.gif); }
#sidemenu #sidenav.showcase li a { background-image: url(ds/nav-showcase.gif); }
#sidemenu #sidenav.service li a { background-image: url(ds/nav-service.gif); }
#sidemenu #sidenav.contact li a { background-image: url(ds/nav-contact.gif); }
#sidemenu #sidenav.faq li a { background-image: url(ds/nav-faq.gif); }

/* BUTTONS */
#sidemenu #sidenav li#s1 a { background-position:0px 0px; }
#sidemenu #sidenav li#s2 a { background-position:0px -45px; }
#sidemenu #sidenav li#s3 a { background-position:0px -90px; }
#sidemenu #sidenav li#s4 a { background-position:0px -135px; }
/* OVER STATES */
#sidemenu #sidenav li#s1 a:hover { background-position:-260px 0px; }
#sidemenu #sidenav li#s2 a:hover { background-position:-260px -45px; }
#sidemenu #sidenav li#s3 a:hover { background-position:-260px -90px; }
#sidemenu #sidenav li#s4 a:hover { background-position:-260px -135px; }
/* PRESSED STATES */
#sidemenu #sidenav li#s1 a:active { background-position:-260px 0px; }
#sidemenu #sidenav li#s2 a:active { background-position:-260px -45px; }
#sidemenu #sidenav li#s3 a:active { background-position:-260px -90px; }
#sidemenu #sidenav li#s4 a:active { background-position:-260px -135px; }
/* SELECTED STATES */
#sidemenu.s1 #sidenav li#s1 a { background-position:-260px 0px; }
#sidemenu.s2 #sidenav li#s2 a { background-position:-260px -45px; }
#sidemenu.s3 #sidenav li#s3 a { background-position:-260px -90px; }
#sidemenu.s4 #sidenav li#s4 a { background-position:-260px -135px; }


/* SIDE MENUS 2*/
#sidemenu2 { width: 260px;}
#sidemenu2 #sidenav2 { margin:0; padding:0; }
#sidemenu2 #sidenav2 li { display:inline; }
#sidemenu2 #sidenav2 li a { float:left; width:260px; height:0px; padding-top:45px; overflow:hidden; background-repeat:no-repeat; }
#sidemenu2 #sidenav2.product-standard li a { background-image: url(ds/nav-product-standard.gif); }


/* BUTTONS */
#sidemenu2 #sidenav2 li#s21 a { background-position:0px 0px; }
#sidemenu2 #sidenav2 li#s22 a { background-position:0px -45px; }
#sidemenu2 #sidenav2 li#s23 a { background-position:0px -90px; }
#sidemenu2 #sidenav2 li#s24 a { background-position:0px -135px; }
/* OVER STATES */
#sidemenu2 #sidenav2 li#s21 a:hover { background-position:-260px 0px; }
#sidemenu2 #sidenav2 li#s22 a:hover { background-position:-260px -45px; }
#sidemenu2 #sidenav2 li#s23 a:hover { background-position:-260px -90px; }
#sidemenu2 #sidenav2 li#s24 a:hover { background-position:-260px -135px; }
/* PRESSED STATES */
#sidemenu2 #sidenav2 li#s21 a:active { background-position:-260px 0px; }
#sidemenu2 #sidenav2 li#s22 a:active { background-position:-260px -45px; }
#sidemenu2 #sidenav2 li#s23 a:active { background-position:-260px -90px; }
#sidemenu2 #sidenav2 li#s24 a:active { background-position:-260px -135px; }
/* SELECTED STATES */
#sidemenu2.s21 #sidenav2 li#s21 a { background-position:-260px 0px; }
#sidemenu2.s22 #sidenav2 li#s22 a { background-position:-260px -45px; }
#sidemenu2.s23 #sidenav2 li#s23 a { background-position:-260px -90px; }
#sidemenu2.s24 #sidenav2 li#s24 a { background-position:-260px -135px; }

/* COMMENT */
.commentlist li, #commentform input, #commentform textarea {}
.commentlist li .avatar {float: left; padding: 0; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal;}
.commentlist p {}
#commentform p {}
.commentmetadata {font-weight: normal;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 0; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 0; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
select {width: 130px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 95%; padding: 2px;}
#commentform #submit {margin: 0 0 10px;}
h3#comments {margin-top: 25px;}

.commentlist { padding: 0; }
.commentlist a, .commentlist a:hover, .commentlist a:visited {color: #000;}
.commentlist p { font-size: 12px; line-height: 15px; padding-bottom: 0; }
.commentlist h3 { font-size: 14px; line-height: 14px; margin: 0; padding: 0;color: #666; }
.commentlist .comment-box {margin-left: 50px;padding-right: 10px;}

.commentlist li, #commentform input, #commentform textarea {}
.commentlist li .avatar {float: left;}

.commentlist li { border: 1px solid #E4E4E4; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 5px; margin: 10px 0pt 3px; background: #F3F3F3; }
.commentlist li.alt {  }
.commentlist li cite { font-style: normal; font-weight:bold; }
.comment-number { float:right; color:#eee; background: #ccc; text-align:center; font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size: 20px; font-weight:normal; line-height:18px; width:25px;  padding: 8px; }

#commentform p {margin: 5px 0;padding: 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {font-size: 9px; color: #777;margin: 0; padding: 3px 0; display: block;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}

/*******************************************Prodduct*******************************************************/
#product_picturebox{ width:630px;}
.product_pictureinbox{ width:310px; height:240px; float:left; padding:0px 0px 5px 5px; }
.service_betweentext { margin-bottom:15px;}
#service_detail { padding: 10px 0px 0px 5px; font-size:12px;}
#service_detail_pic { width:140px; float:left;}
#service_detail_text{ width:465px; float:right;}
#showcase_text{ width:425px;}
#service_detail p{ padding-left:0px;}
#page p.nonewid{ width:100%; padding-left: 0px;}

#showcase { position:absolute; width:4000px; list-style-image:none; list-style-position:outside; list-style-type:none; }
#showcase li { display:inline; }
#showcase li img { margin-left:10px; margin-right:10px; }

#product-list { clear:both; }
#product-list table { width: 100% }
#product-list td { text-align:center; width: 33% }