.h1 { color: #AE1A00; font-weight: bold; }
.h2 { color: #444444; font-weight: bold; }
p.upcoming { color: #444444; font-weight: bold; margin: 50px 0px; font-size: 18px; text-align: center; }
input.button { font-family: Arial; font-size: 11px; }

ul.list { list-style: none; }
ul.list li { margin: 5px 0px 10px 15px; }

div#Container div#Content { display: block; clear: both; }
div#Container div#Content.Text { padding: 15px 0px 10px 15px; }

div#Container div#previewMap { display: block; width: 620px; margin: 0px 0px 15px 15px; }

/* ABOUT >> MILESTONE */
div#Content.milestone ul { margin: 0px; margin-left: 15px; padding: 0px; }
div#Content.milestone li { margin: -8px 0px 10px 13px; padding: 0px; list-style-image: none; list-style-type: circle; }
div#Content div.Milestone ul { margin: 0px; margin-left: 15px; padding: 0px; }
div#Content div.Milestone li { margin: -8px 0px 10px 13px; padding: 0px; list-style-image: none; list-style-type: circle; }

/* ABOUT >> MANAGEMENT */
div#Content div.Management { display: block; margin: 5px 0px; }
div#Content div.Management div { display: block; margin: 0px; padding: 0px; height: auto; }
div#Content div.Management div div { float: left; width: 300px; padding: 5px 50px 20px 15px; }
div#Content div.Management h3 { font-size: 11px; color: #AE1A00; font-weight: bold; }
div#Content div.Management h4 { font-size: 11px; margin-top: 5px; font-weight: normal; }
div#Content div.Management h5 { font-size: 11px; font-weight: normal; }

/* SITE MAP */
div#Content ul#Sitemap li { list-style: none; }
div#Content ul#Sitemap li.column { float: left; width: 240px; }
div#Content ul#Sitemap li { margin-left: 10px; }
div#Content ul#Sitemap li.column li { margin: 5px 0px 10px 10px; }
div#Content ul#Sitemap li, div#Content ul#Sitemap a { color: #AE1A00; font-weight: bold; text-decoration: none; }
div#Content ul#Sitemap a:hover { text-decoration: underline; }

div#Content ul#Sitemap li.column li li { margin: 3px 0px 0px 23px; }
div#Content ul#Sitemap li.column li li, div#Content ul#Sitemap li.column li li a { color: #666666; font-weight: normal; text-decoration: none; }
div#Content ul#Sitemap li.column li li a:hover { color: #AE1A00; text-decoration: underline; }

/* DOWNLOAD */
div#Content.Download div.Item { float: left; width: 300px; height: 80px; padding: 3px 50px 10px 23px; background: none no-repeat top left; }
div#Content.Download div.Item a { display: inline-block; color: #AE1A00; font-weight: bold; }
div#Content.Download div.Item p { display: block; margin: 5px 0px 0px 0px !important; }
div#Content.Download div.html { background-image: url('../images/mime/html.gif'); }
div#Content.Download div.pdf { background-image: url('../images/mime/pdf.gif'); }
div#Content.Download div.doc { background-image: url('../images/mime/doc.gif'); }
div#Content.Download div.flv { background-image: url('../images/mime/flash.gif'); }
div#Content.Download div.zip { background-image: url('../images/mime/zip.gif'); }

div#Content div#dlFactsheet { padding-left: 15px; }
div#Content div#dlMap { padding-left: 15px; padding-top: 15px; } 

/* JOBS */
div#Content div#JobOpportunity div.Item { float: left; width: 320px; padding: 15px 50px 10px 15px; }
div#Content div#JobOpportunity div.Item div.position { display: block; color: #AE1A00; font-weight: bold; }
div#Content div#JobOpportunity div.Item div.position a { color: #AE1A00; font-weight: bold; }
div#Content div#JobOpportunity div.Item div.position a:hover { text-decoration: underline; }
div#Content div#JobOpportunity div.Item div.description { display: block; margin: 5px 0px 5px 0px; padding: 10px; background-color: #EAEAEA; }
div#Content div#JobOpportunity div.Item div.description p { margin: 0 0 1em; }
div#Content div#JobOpportunity div.Item div.apply { display: block; color: #AE1A00; }
div#Content div#JobOpportunity div.Item div.apply a { display: inline-block; color: #901430; height: 17px; margin: 5px 0px 0px 0px; padding: 3px 0px 0px 22px; background: url('../images/bullet.gif') 0px 0px no-repeat;  }
div#Content div#JobOpportunity div.Item div.apply a:hover { color: #666666; text-decoration: none; background-position: 0px -80px; }

div#Content div#AppForm { display: block; margin: 10px 0px 10px 20px; }
div#Content div#AppForm input.post, div#Content div#AppForm input.focus { font-size: 11px; padding: 1px 2px; width: 150px; }
div#Content div#AppForm textarea.post, div#Content div#AppForm textarea.focus { font-size: 11px; padding: 1px; width: 150px; height: 50px; }

div#Content div#AppForm input.post, div#Content div#AppForm textarea.post { color: #666666; background-color: #EEEEEE !important; }
div#Content div#AppForm input.focus, div#Content div#AppForm textarea.focus { color: #000000; background-color: #FFFFFF !important; }

div#Content div#AppForm label.head { display: block; color: #AE1A00; font-weight: bold; padding: 0px 0px 10px 0px;}
div#Content div#AppForm label.title { display: block; color: #FFFFFF; background-color: #AE1A00; font-weight: bold; margin: 20px 0px 10px 0px; padding: 5px 5px; text-transform: uppercase; }
div#Content div#AppForm span.h1 { display: block; margin: 10px 0px 5px 0px; }

/*div#Content div#AppForm table.tbLayout { width: 90%; }*/
div#Content div#AppForm table.tbLayout th { vertical-align: top; padding: 5px 0px 1px 0px; text-align: left; font-weight: normal; border: 0px; }
div#Content div#AppForm table.tbLayout th.h1 { font-weight: bold; }
div#Content div#AppForm table.tbLayout td { vertical-align: top; padding: 1px 0px; border: 0px;  }
div#Content div#AppForm table.tbLayout span { display: inline-block; text-align: right; padding: 2px 5px; }
div#Content div#AppForm table.tbLayout td label { display: inline-block; text-align: left; padding: 3px 0px 2px 0px; }
div#Content div#AppForm table.tbLayout span.title { display: inline-block; text-align: left; padding: 2px 10px; }
div#Content div#AppForm table.tbLayout span.label { display: inline-block; text-align: left; padding: 5px 5px 1px 5px; }

/*div#Content div#AppForm table.tbLayoutBG { width: 100%; }*/
div#Content div#AppForm table.tbLayoutBG thead th { padding: 4px 0px; background-color: #BBBBBB; color: #AE1A00; text-align: center; vertical-align: middle; font-weight: bold; border: 1px solid #FFFFFF; }
div#Content div#AppForm table.tbLayoutBG tr td { padding: 8px 0px; vertical-align: middle; color: #333333; background-color: #DDDDDD; border: 1px solid #FFFFFF; }
div#Content div#AppForm table.tbLayoutBG tr.alt td { background-color: #DDDDDD; }
div#Content div#AppForm table.tbLayoutBG td.input { text-align: center; }
div#Content div#AppForm table.tbLayoutBG td.none_l, div#Content div#AppForm table.tbLayoutBG td.none_c, div#Content div#AppForm table.tbLayoutBG td.none_r { text-align: center; border: 1px solid #FFFFFF; }
div#Content div#AppForm table.tbLayoutBG td.none_l { border-width: 1px 0px 1px 1px; }
div#Content div#AppForm table.tbLayoutBG td.none_c { border-width: 1px 0px 1px 0px; }
div#Content div#AppForm table.tbLayoutBG td.none_r { border-width: 1px 1px 1px 0px; }
div#Content div#AppForm table.tbLayoutBG td span { display: inline-block; padding-left: 10px; }
div#Content div#AppForm div.button { width: 200px; margin: 30px auto 10px auto; text-align: center; }
div#Content div#AppForm div.button input.button { padding: 0px 5px; margin: 0px 5px;  }

div#Content div#AppForm div.MultipleUpload { float: left; width: 350px; }
div#Content div#AppForm div.MultipleUpload span { padding: 0px; text-align: left; }
div#Content div#AppForm div.MultipleUpload span.labels { display: block; }
div#Content div#AppForm div.MultipleUpload span.labels div { display: block; padding: 2px 0px 5px 0px; }
div#Content div#AppForm div.MultipleUpload span.labels a { padding: 0px; text-align: left; }
div#Content div#AppForm label.attach_desc { display: inline-block; }



/*div#Content div.Job { float: left; width: 300px; padding: 15px 50px 10px 15px; }
div#Content div.Job div.position a { color: #AE1A00; display: block; font-weight: bold; }
div#Content div.Job div.position a:hover { text-decoration: underline; }
div#Content div.Job ul { margin: 10px 0px 5px 15px; padding: 0px; }
div#Content div.Job li { margin: 0px 0px 5px 13px; padding: 0px; list-style-image: none; list-style-type: circle; }
div#Content div.Job div.apply a { display: block; color: #901430; height: 17px; margin: 5px 0px 0px 10px; padding: 3px 0px 0px 22px; background: url('../images/bullet.gif') 0px 0px no-repeat; }
div#Content div.Job div.apply a:hover { color: #666666; text-decoration: none; background-position: 0px -80px; }*/

/* LINKS */
div#Content div#Links { display: block; margin: 20px 0px 0px 0px; }
div#Content div#Links div.Item { float: left; width: 300px; min-height: 50px; _height: 50px; padding: 5px 10px 0px 15px; margin: 0px 10px 10px 0px; }
div#Content div#Links div.Item div.title { display: block; color: #AE1A00; font-weight: bold; }
div#Content div#Links div.Item div.title a { color: #AE1A00; font-weight: bold; }
div#Content div#Links div.Item div.title a:hover { text-decoration: underline; }
div#Content div#Links div.Item div.description { display: block; margin: 5px 0px 5px 0px; }

/*div#Content div.Links { float: left; width: 300px; padding: 15px 50px 10px 15px; }
div#Content div.Links a { color: #AE1A00; font-weight: bold; }
div#Content div.Links p { margin-top: 5px; }*/

/* CONTACT US */
div#Content div#ContactUs { padding: 15px 0px 10px 0px; }
div#Content div#ContactUs div#Map { display: none; float: left; width: 300px; *height: 420px; margin: 0px 40px 0px 0px; padding: 1px; background-image: #FFFFFF url('../images/border-map.gif') no-repeat 0px 0px; }
div#Content div#ContactUs div#Map img { width: 300px; height: 400px; background: #E8E8E8 none no-repeat center center; }
div#Content div#ContactUs div#Form { float: left; width: 400px; margin: 0px 0px 0px 20px; padding: 0px 20px 10px 0px; }
div#Content div#ContactUs div#Form p { margin:0 0 2.5em 0px; }
div#Content div#ContactUs div#Form p.h1 { margin:0 0 1em 0px; }
div#Content div#ContactUs div#Form form { margin-top: 25px; }
div#Content div#ContactUs div#Form th { vertical-align: top; padding: 5px 2px 1px 0px; text-align: left; font-weight: normal; }
div#Content div#ContactUs div#Form td { vertical-align: top; padding: 1px 2px 1px 2px; }
div#Content div#ContactUs div#Form th.require { background: url('../images/mark_required.gif') no-repeat right 3px; }
div#Content div#ContactUs div#Form input.post { width: 250px; }
div#Content div#ContactUs div#Form textarea.post { width: 250px; height: 80px; }

div#Content div#ContactUs div#Complete { display: block; width: 300px; margin-top: 100px; text-align: center; font-family: Arial; color: #AE1A00; font-size: 15px; font-weight: bold; }

div#Content div#ContactUs div#Remark { display: block; padding: 5px 0px 0px 10px; margin-top: 10px; background: url('../images/mark_required.gif') no-repeat bottom left; }


div#Content div#ContactUs label.contact_number { display: block; padding: 0px 0px 0px 0px; }
div#Content div#ContactUs span.text_en { display: inline-block; width: 25px; }
div#Content div#ContactUs span.text_th { display: inline-block; width: 50px; }
div#Content div#ContactUs span.phone, div#Content div#ContactUs span.fax { display: inline-block; font-weight: bold; line-height: 13px; height: 15px; width: auto; padding: 0px 30px 0px 0px; }
div#Content div#ContactUs span.phone { background: url('../images/contact/number_bg_phone.gif') no-repeat center right;  }
div#Content div#ContactUs span.fax { background: url('../images/contact/number_bg_fax.gif') no-repeat center right; }
div#Content div#ContactUs label.flag { display: inline-block; float: left; background: url('../images/contact/number_flag.gif') no-repeat center left; width: 35px; height: 15px;}