/*
orange = #f58223
text = #333333
*/

@import url(//db.onlinewebfonts.com/c/67137b5f6928edc941186baaab5a664b?family=Lemon/Milk);
@font-face {font-family: "Lemon/Milk";
    src: url("//db.onlinewebfonts.com/t/67137b5f6928edc941186baaab5a664b.eot");
    src: url("//db.onlinewebfonts.com/t/67137b5f6928edc941186baaab5a664b.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/67137b5f6928edc941186baaab5a664b.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/67137b5f6928edc941186baaab5a664b.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/67137b5f6928edc941186baaab5a664b.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/67137b5f6928edc941186baaab5a664b.svg#Lemon/Milk") format("svg");
}

/*.container_24 { background: none repeat scroll 0 0 #FF0000; }
.padding { background: none repeat scroll 0 0 #99cc00; }*/
/* scale background */

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display:block; }
mark, rp, rt, ruby, summary, time { display:inline; }
/* Global properties ======================================================== */
html, body { width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size: 13px; line-height:135%; padding:0; margin:0; background: #fffff; }
p, .extra-box { color:#333333; }
.main { width:1051px; overflow:hidden; font-size:1.0em; line-height:1.5em; margin:0 auto; }
.bg-1 { width:100%; }
.bg-2 { width:100%; }
.bg-3 { width:100%; }
a { color:#f58223; outline:none; }
a:hover { text-decoration:none; }
.clear { clear:both; width:100%; line-height:0; font-size:0; }
.col-1, .col-2, .col-3, .col-4 { float:left; }
.column-1, .column-2, .column-3 { float:left; }
.wrapper { width:100%; overflow:hidden; }
.wrapper { width:100%; overflow:hidden; position:relative; }
.extra-wrap { overflow:hidden; }
.extra-box { overflow:hidden; }
.extra-box-1 { overflow:hidden; position:relative; }
.container { width:100%; }
.container_24 { margin-left: auto; margin-right: auto; width: 960px; }
.padding { padding: 39px 0 25px 0!important; }
.container_24 .grid_18 { width: 720px!important; }
p { margin-bottom:10px; }
.p0 { margin-bottom:5px; }
.p1 { margin-bottom:10px; }
.p2 { margin-bottom:15px; }
.p3 { margin-bottom:30px; }
.p4 { margin-bottom:40px; }
.p5 { margin-bottom:50px; }
.p6 { margin-bottom:60px; }
.p7 { margin-bottom:54px; }
.reg { text-transform:uppercase; }
.fleft { float:left; }
.fright { float:right; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.title { margin-bottom:18px; }
.it { font-style:italic; }
.big { text-transform:uppercase; }
.letter { letter-spacing:-1px; }
.l-h { line-height:22px; }
.color-1 { color:#fff; }
.color-2 { color:#151515; }
.color-3 { color:#f58223; }
.color-4 { color:#9c9c9c; }
.hidden { overflow:hidden; }
.rel { position:relative; }
/*********************************boxes**********************************/
.margin-bot { margin-bottom:35px; }
.margin-bot1 { margin-bottom:43px; }
.margin-left { margin-left:16px; }
.margin-top { margin-top:11px; }
.margin-top1 { margin-top:6px; }
.spacing { margin-right:35px; }
.spacing2 { margin-right:45px; }
.spacing3 { margin-right:60px; }
.spacing-bot { margin-bottom:25px; }
.indent { padding:0 0 0px 30px; }
.indent2 { padding-left:50px; }
.indent-bot { margin-bottom:20px; }
.indent-bot2 { margin-bottom:29px; }
.indent-bot3 { margin-bottom:45px; }
.img-indent-bot { margin-bottom:25px; }
.img-indent { float:left; margin:0 20px 0px 0; }
.img-indent2 { float:left; margin:0 13px 0px 0; }
.img-indent1 { float:left; margin:5px 9px 0px 0; }
.img-indent0 { float:left; margin:0px 26px 0px 0; }
.img-indent3 { float:left; margin:0 10px 0px 0; }
.img-indent-r { float:right; margin:0 0px 0px 20px; }
.img-box { float:left; margin-bottom:20px; }
.prev-indent-bot { margin-bottom:10px; }
.prev-indent { float:left; margin:0 16px 0px 0; }
.prev-box { float:left; margin-bottom:8px; }
.border { border:3px solid #333333; }
.border2 { border:1px solid #333333; }
.buttons a:hover { cursor:pointer; }
.menu li a, .sf-menu li a, .list-1 li a, .list-2 li a, .list-3 li a, .list-4 li a, .link, .link-1, .link-2, .link-4, .link-5, .button, .button-1, .button-2, .button-3, .button-4, .text-bot a, .date, .text-2, .time, h6 a, td a, .logo { text-decoration:none; }
/*********************************header*************************************/
.header { height:445px!important; width:100%; position:relative; z-index:2; background:none; padding:0; margin:0; }
.row-0 { display: block; height: 30px !important; vertical-align: middle!important; }
.row-1 { width:100%; height: 44px; position:relative; z-index:2; margin: 0; }
.row-2 { width:100%; height: 400px; position:relative; z-index:1; }
.row-3 { width:100%; height: 315px; position:relative; background:none; z-index:1; }
h1 { padding:0px 0 0 0px; position:absolute; left:-30px; top:30px; z-index:999; }
.sf-menu { width:100%; height:44px; padding:0px 0 0 0px; }
.sf-menu li { float:left; background: none; }
.sf-menu li.last { margin-right:0; }
.sf-menu li a { display:inline-block; padding:14px 20px 12px 20px; color:#333333; font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height:18px; text-transform:uppercase; text-align:center; background: none;  font-weight:bold; }
.sf-menu li a:hover, .sf-menu li a.active, .sf-menu li a.current { color:#ffffff; background:#f58223; }
.sf-menu li:hover li a, .sf-menu li.sfHover li a { font-size:12px!important; }
.sf-menu li span.flags-container {
display: inline-block;
padding: 14px 10px 12px 10px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 18px;
text-transform: uppercase;
text-align: center;
background: none; font-weight:bold;
}
.sf-menu li span.flags1 {
padding: 0 5px 0 55px; color: #333333;
}
.sf-menu li span.flags2 a {
display: inline-block;
padding: 0 2px 0 2px;
margin: -8px 0 0 0;
line-height: 18px;
}
.sf-menu li span.flags2 a:hover, .sf-menu li span.flags2 a.active, .sf-menu li span.flags2 a.current {
background: none;
}
/*********************************content*************************************/
#content { width:100%; padding:0px 0px 0px 0px; z-index:1; position:relative; border:none; }
.padding-home { margin: 0 10px 0 10px; }
.padding { padding: 39px 0px 25px 3px; }
.padding1 { padding:25px 20px 24px 8px; }
.padding2 { padding:25px 0px 24px 30px; }
.padding3 { padding:27px 20px 32px 30px; }
.padding4 { padding:20px 20px 20px 20px; }
.padding5 { padding:0px 20px 20px 20px; }
.padding-who1 { padding:10px 10px 10px 0; }
.padding-who2 { padding:10px 0 10px 10px; }
.padding-30-top { padding:30px 0 0 0!important; }
h2 { font-family: "Lemon/Milk", Arial, Helvetica, sans serif; font-size:30px; line-height:30px; margin:0px 0 9px 0px; color:#333333; font-weight:normal; text-transform:uppercase; letter-spacing:-1px; }
h3 { font-size:26px; line-height:18px; margin:0px 0 9px 0px; color:#333333; font-weight:normal; text-transform:uppercase; letter-spacing:-1px; }
h6 { font-size:14px; line-height:18px; margin:0px 0 10px; color:#f58223; font-weight:normal; }
h6 a { color:#f58223; }
h6 a:hover { text-decoration:underline; }
.box { width:100%; position:relative; }
.box .padding { padding:5px 25px 29px 29px; }
.box-1 { width:100%; background:url(http://joythai.com/joythai/images/bg-box-1.gif) 0 bottom repeat-x #1d1d1d; position:relative; }
.box-1 .padding { padding:5px 15px 29px 29px; }
.caption { position:absolute; z-index:2; bottom:0px; left:0px; font-size:16px; line-height:18px; text-transform:uppercase; color:#ffffff; background:url(http://joythai.com/joythai/images/bg-caption.png) 0 0 repeat-x; height:32px; width:260px; padding:6px 0px 3px 10px; }
.link-2 { display:inline-block; height:28px; width:250px; font-size:16px; cursor:pointer; line-height:18px; text-align:left; color:#fff; background:url(http://joythai.com/joythai/images/marker-2.png) right 0px no-repeat; }
.link-2:hover { background:url(http://joythai.com/joythai/images/marker-2-h.png) right 0px no-repeat; }
.button-1 { display:inline-block; cursor:pointer; background:url(http://joythai.com/joythai/images/bg-button1.png) 0 0 repeat #f58223; font-size:14px; line-height:18px; color:#fff; padding:10px 9px 10px 9px; }
.button-1:hover { background-color:#f58223; color:#333333; }
.date { display:block; width:50px; height:65px; text-align:center; font-size:0px; line-height:0px; font-family:Arial, Helvetica, sans-serif; }
.date-january { background:url(http://joythai.com/joythai/images/dates/january.png) 0 0 no-repeat; }
.date-february { background:url(http://joythai.com/joythai/images/dates/february.png) 0 0 no-repeat; }
.date-march { background:url(http://joythai.com/joythai/images/dates/march.png) 0 0 no-repeat; }
.date-april { background:url(http://joythai.com/joythai/images/dates/april.png) 0 0 no-repeat; }
.date-may { background:url(http://joythai.com/joythai/images/dates/may.png) 0 0 no-repeat; }
.date-june { background:url(http://joythai.com/joythai/images/dates/june.png) 0 0 no-repeat; }
.date-july { background:url(http://joythai.com/joythai/images/dates/july.png) 0 0 no-repeat; }
.date-august { background:url(http://joythai.com/joythai/images/dates/august.png) 0 0 no-repeat; }
.date-september { background:url(http://joythai.com/joythai/images/dates/september.png) 0 0 no-repeat; }
.date-october { background:url(http://joythai.com/joythai/images/dates/october.png) 0 0 no-repeat; }
.date-november { background:url(http://joythai.com/joythai/images/dates/november.png) 0 0 no-repeat; }
.date-december { background:url(http://joythai.com/joythai/images/dates/december.png) 0 0 no-repeat; }
p.date-margin { margin:0; padding:7px 0 0 0; font-size:16px; }
.date-margin-wrapper { margin:0; }
.list-1 { padding:0 0 0 0px; }
.list-1 li { font-size:15px; line-height:18px; text-transform:uppercase; margin-bottom:12px; }
.list-1 li a { display:inline-block; color:#f58223; padding-left:19px; background:url(http://joythai.com/joythai/images/marker-3.gif) 0 6px no-repeat; }
.list-1 li a:hover { color:#333333; }
.list-2 { padding-right:19px; }
.list-2 li { font-size:13px; line-height:28px; color:#a39f7b; font-weight:bold; background:url(http://joythai.com/joythai/images/bg-list2.gif) 0 bottom repeat-x; }
.list-2 li.last { background:none; }
.list-2 li a { display:inline-block; background:url(http://joythai.com/joythai/images/marker-2.gif) 8px 12px no-repeat; padding-left:30px; color:#a39f7b; }
.list-2 li a:hover { color:#3e3e34; }
.link { color:#f58223; }
.link:hover { text-decoration:underline; }
.link-1 { display:inline; background:url(http://joythai.com/joythai/images/marker-1.gif) 5px 5px no-repeat; padding-left:13px; }
.link-1:hover { background:url(http://joythai.com/joythai/images/marker-1-h.gif) 5px 5px no-repeat; }
.link-3 { font-size:12px; cursor:pointer; line-height:18px; color:#f58223; background:url(http://joythai.com/joythai/images/marker-3.gif) right 5px no-repeat; padding-right:18px; }
.link-3:hover { background:url(http://joythai.com/joythai/images/marker-3-h.gif) right 5px no-repeat; color:#fff; }
.link-5 { color:#4e4e4e; }
.link-5:hover { text-decoration:underline; }
input, textarea { margin:0; font-size:1em; color:#4e4e4e; font-family:Arial, Helvetica, sans-serif; }
/* Contact form */
#contact-form { overflow:hidden; position:relative; vertical-align:top; width:100%; }
#contact-form img { float: left; }
#contact-form fieldset { border:none; padding:0; }
#contact-form .field { overflow:hidden; padding:0 0 5px 0px; }
#contact-form input[type=text] { float:left; width:calc(100% - 47px); padding:8px 7px; margin:1px 0 0 0px; background:#f5f5f5; border:none; line-height:18px; }
#contact-form.main-contacts .field input { margin-top:0px; }
#contact-form .area { }
#contact-form .area .error { float:left; }
#contact-form textarea { float:left; width:calc(100% - 47px); height:135px; background:#f5f5f5; border:none; padding:8px 7px; margin:1px 0 0 0px; overflow:auto; display:block; line-height:18px; }
#contact-form a { cursor:pointer; }
#contact-form .alignright { padding-top:12px; }
#contact-form small { color:red; font-weight:bold; padding:0 0 0 5px; }
#contact-form label { padding:0 0 0px 5px; display:inline-block; color:#F00; }
#contact-form strong { padding:0 0 2px 9px; display:inline-block; color:#838383; }
#contact-form .error { color:#f58223; width:160px; font-size:9px; line-height:21px; display:none; }
.buttons-wrapper { float:left; margin-top:30px; }
.buttons-wrapper a { margin-right:12px; }
.button { display:inline-block; cursor:pointer; background: #f58223; font-size:14px; line-height:18px; color:#fff; padding:10px 10px 10px 9px; }
.button:hover { background-color:#1d1d1d; }
.map iframe { width:411px; height: 312px; overflow:hidden; }
.contact { font-size:12px; line-height:18px; color:#333333; }
.contact dt { margin-bottom:8px; font-size:14px; line-height:19px; color:#333333; }
.contact dd span { float:left; width:43px; }
/****************************footer************************/
.footer { background: none repeat scroll 0 0 transparent; display: block !important; margin: 0 0 20px; padding: 20px; position: relative; }
.text-bot { font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; color:#fff; padding:0px 0px 0px 0px; text-align:left; }
.text-bot a { color:#b23409; /*margin-left:13px;*/ }
.text-bot a:hover { text-decoration:underline; }
/**********tabs***********/
.tabs { overflow:hidden; margin-top:0; }
.tabs li { margin-bottom:1px; overflow:hidden; }
.tabs li a { display:block; font-size:14px; line-height:18px; color:#333333; text-decoration:none; padding: 9px 0 10px 19px; font-weight:bold; }
.tabs li.active a { color:#ffffff; }
.tabs li a:hover { color:#ffffff; }
.tabs li:hover, .tabs li.active { background-color:#f58223; color:#ffffff; }
.tabs li.last-item { margin-bottom: 0px; }
#tab1 { overflow:hidden; }
#tab2 { overflow:hidden; }
/*************Lightbox image***************/
.lightbox-image { position:relative; overflow:hidden; display:inline-block; z-index:1; }
.lightbox-image img { position:relative; z-index:2; }
.lightbox-image span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(http://joythai.com/joythai/images/magnify.png) no-repeat 50% 50%; z-index:1; }
/****************************carousel #joythai-view-catalogue************************/
#joythai-view-catalogue .prev { width:28px; height:28px; cursor:pointer; position:absolute; top:14px; right:39px; display:block; background:url(http://joythai.com/joythai/images/prev.png) 0 0 no-repeat; }
#joythai-view-catalogue .prev:hover { background:url(http://joythai.com/joythai/images/prev-h.png) 0 0 no-repeat; }
#joythai-view-catalogue .next { width:28px; height:28px; cursor:pointer; position:absolute; top:14px; right:-1px; display:block; background:url(http://joythai.com/joythai/images/next.png) 0 0 no-repeat; }
#joythai-view-catalogue .next:hover { background:url(http://joythai.com/joythai/images/next-h.png) 0 0 no-repeat; }
#joythai-view-catalogue .prev img, .next img { display:none }
#joythai-view-catalogue .bx_container { width:720px; min-height:936px; overflow:hidden; position:relative; background:none; padding-left: 0px; margin:0 auto; }
#joythai-view-catalogue #carousel li { width:710px; float:left !important; padding:0px 0px 0px 0px; }
#joythai-view-catalogue #carousel-1 li { width:710px; float:left !important; padding:0px 0px 0px 0px; }
/* -- gallery #joythai-view-catalogue begin --*/
#joythai-offices div.content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ background:none; display: none; width: 680px; height: 722px; margin: 0px 0 0px 0px; padding: 0px; float: left; overflow: hidden; }
#joythai-offices div.content img { position: relative; z-index: 2; }
#joythai-offices div.content a, div.navigation a { text-decoration: none; color: #777; }
#joythai-offices div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; }
#joythai-offices div.controls { width:940px; height:5px; position:relative; }
#joythai-offices div.controls a { padding: 0px; }
#joythai-offices div.ss-controls { display:none; }
#joythai-offices div.nav-controls { display:block; position:absolute; width:271px; height:700px; top:0; left:0px; z-index:1; }
#joythai-offices div.nav-controls a.prev { background:url(http://joythai.com/joythai/images/prev-1.png) no-repeat 0 0; width:270px; height:41px; text-indent:-5000px; position:absolute; right:-679px; top: 0px; z-index:999; }
#joythai-offices div.nav-controls a.prev:hover { background:url(http://joythai.com/joythai/images/prev-1-h.png) no-repeat 0 0; }
#joythai-offices div.nav-controls a.next { background:url(http://joythai.com/joythai/images/next-1.png) no-repeat 0 0; width:270px; height:41px; text-indent:-5000px; position:absolute; right:-679px; bottom:0px; z-index:999; }
#joythai-offices div.nav-controls a.next:hover { background:url(http://joythai.com/joythai/images/next-1-h.png) no-repeat 0 0; }
#joythai-offices div.slideshow-container { position: relative; height: 742px; /* This should be set to be at least the height of the largest image in the slideshow */ z-index:999; }
#joythai-offices div.loader { position: absolute; top: 0; right: 0; background-image:url(http://joythai.com/joythai/images/loader.gif); background-repeat: no-repeat; background-position: center; width: 0px; height: 0px; /* This should be set to be at least the height of the largest image in the slideshow */ }
#joythai-offices div.slideshow { }
#joythai-offices div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; width: 390px; height: 627px; }
#joythai-offices div.slideshow a.advance-link { display: block; width: 390px; height: 627px; /* This should be set to be at least the height of the largest image in the slideshow */ padding: 0; margin: 0; z-index:999 }
#joythai-offices div.slideshow a.advance-link img { padding:0; margin:0; display:block; position:absolute; top:0; left:0; }
#joythai-offices div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }
#joythai-offices div.slideshow img { }
#joythai-offices div.download { float: right; }
#joythai-offices div.caption-container { position: relative; height: 742px; }
#joythai-offices span.image-caption { display: block; position: absolute; width: 290px; height: 742px; top: 0; right: 0; background:none; }
#joythai-offices div.caption { width: 217px; height: 742px; padding: 0px 60px 0px 27px; font-size:12px; line-height:18px; color: #4e4e4e; background:none; text-transform:none; position:relative; }
#joythai-offices .caption .list-1 { margin-bottom:19px; }
#joythai-offices .caption .list-1 li { font-size:15px; line-height:18px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:12px; }
#joythai-offices .caption .list-1 li a { display:inline-block; color:#f58223; padding-left:19px; background:url(http://joythai.com/joythai/images/marker-3.gif) 0 9px no-repeat; }
#joythai-offices .caption .list-1 li a:hover { color:#fff; }
#joythai-offices .caption .button-1 { color:#fff; }
#joythai-offices .caption h3 { font-size:25px; line-height:18px; margin:0 0 10px 0; position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
#joythai-offices div.image-title { }
#joythai-offices div.image-desc { }
#joythai-offices div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ }
#joythai-offices div#thumbs { width: 270px; height:700px; float: right; overflow: hidden; padding: 0px 0px 0 0; }
#joythai-offices ul.thumbs { width: 270px !important; float: right; margin-left:0; padding: 0; }
#joythai-offices ul.thumbs li { height: 140px; margin-bottom:0px; overflow: hidden; padding: 0 0 0px 0; vertical-align:top; }
#joythai-offices ul.thumbs li img { border: none; }
#joythai-offices ul.thumbs li:hover img { border: none; }
#joythai-offices a.thumb:focus { outline: none; }
#joythai-offices div.pagination { position:relative; clear: both; float:right; padding:0; margin-top:15px; color:#e84b34; font-style:italic; font-size:13px; }
#joythai-offices div.pagination a, div.pagination span.current, div.pagination span.ellipsis { color:#e84b34; font-weight:normal; font-style:italic; font-size:13px; padding:0 5px; }
#joythai-offices div.navigation div.top { display:none; /* optional disabled */ }
#joythai-offices div.pagination span.current { text-decoration:underline; }
#joythai-offices div.pagination a.prev { padding-right:10px; }
#joythai-offices div.pagination a.next { padding-left:10px; }
.size { position:absolute; bottom:20px; left:-390px; overflow:hidden; }
.size li { float:left; margin-right:9px; }
.size .last-item { margin-right:0px; }
/* -- gallery end --*/
/* cmykreative */
table.cmykreative-left td, table.cmykreative-right td { height:19px; }
table.cmykreative-left, table.cmykreative-right { font-size:11px; color:#333; }
table.cmykreative-left { float:left; margin:0 0 0 0; }
table.cmykreative-right { float:right; margin:0 0 0 0; }
table.cmykreative-left a, table.cmykreative-right a, table.cmykreative-left td, table.cmykreative-right td { font-size:11px!important; color:#333!important; }
table.cmykreative-right tbody tr td a img { margin:2px 0 0 0; }
/* logo */
div.logo { background: rgba(255,255,255,0.75); clear: both !important; float: left; height: 400px; margin: 0px; position: absolute; width: 210px; z-index: 999; }
div.logo .logo { display:block; width:210px; height:120px; background:url(http://joythai.com/joythai/images/logo.png) 0 0 no-repeat; margin:50px 0 5px 0; }
div.logo p.logo1, div.logo p.logo2, div.logo p.logo3 { text-align:center; font-size:14px; font-weight:bold; }
div.logo p.logo1 { color:#333333; margin:0; padding:0; }
div.logo p.logo2 { color:#333333; margin:10px 0 10px 0; padding:0; font-size:12px; }
div.logo p.logo3 { color:#f58223; margin:5px 0 0 0; padding:0; font-size:20px; line-height:36px!important; }
/* contact */
.extra-box .padding1 { padding:20px 10px 0 0; }
 .610px {
width:610px!important;
}
.button-2 { display:inline-block; cursor:pointer; background-color:#f58223; color:#ffffff; font-size:12px; line-height:18px; padding:4px 8px 4px 8px; border:none; text-transform: uppercase; }
.button-2:hover { background-color:#333333; color:#ffffff;  text-transform: uppercase; outline: none; }
.button-3 { display:inline-block; cursor:pointer; background:#f58223; font-size:10px; line-height:18px; color:#fff; padding:4px 8px 4px 8px; border:none; margin:10px 0 0 0; }
.button-3:hover { background-color:#333333; color:#ffffff; }
table, table td { border: medium none; border-collapse: collapse; padding: 0; height:auto; }
table, td, tr { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:18px; padding:0; }
table a, td a, tr a { color:#f58223; }
td.w15r { width:80px!important; text-align:right; }
td.w15l { width:120px!important; text-align:left; display:block; }.button-3:hover
td.jtshowroomdetail { width:100%!important; }
table#f_search fieldset { padding:10px; background:#ffffff; }
table#f_search tr.jtsearch { padding:0 0 10px !important; }
table#f_search { margin:10px 0 0 !important; }
.scroller { color:#666666; font-size:11px; }
table.office-detail { /*float: left; */ margin: 0 0 20px 0; width: 470px !important; }
table.office-detail th.city { width:100px; margin:0 0 3px 0; color:#f58223; }
table.office-detail td { padding:0 0 5px 0; }
.office-images { display: block; float: right !important; height: 760px; min-height: 760px; width: 270px; }
.office-details { display: block; float: left; min-height: 760px; width: 690px; }
.grid_16.showroom { margin: 0 20px 0 0 !important; }
.request-quote tr td { padding: 0 0 7px !important; }
.containMarquee { position:relative; margin:auto; display:block; height:30px; line-height:30px; overflow:hidden; }
.obj_marquee { position:absolute; display:block; white-space:nowrap; }
/*intro*/
p.joythai-intro { margin: 0 0 20px; padding:0px; font-size: 16px; }
.padding-who2 { text-align: justify; }
strong, b { color:#f58223; }
body#joythai-view-catalogue .header {
  height: 80px !important;
}

img.product-boxes-rollover {
    margin: 0;
    padding: 2px 0 0 0;
	}
table.credit, table.credit td, table.credit tr { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:18px; padding:0; }
table.credit a, table.credit td a, table.credit tr a { color:#333333; }
td.textcontent00 p {
    color: #333333;
}
div.banner {
    background: rgba(255,255,255,0.75)!important;
}
div.banner h3 {
    color: #333333!important;
}