z@charset "utf-8"; /* CSS Document */ 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; vertical-align: baseline; } * {padding: 0; border: 0; margin: 0; outline: 0; list-style:none;} img {border: none; margin: 0; padding: 0;} body {font-family: "MS PGothic", "MS Gothic", tahoma, sans-serif, arial; background: url(../images/bg/bg-body.gif) repeat-x; text-align:justify;} #wrapper{width: 774px; overflow: hidden; background: url(../images/wrapper.gif) repeat-y; margin: 0; padding-right: 5px;} #headerWrapper {width: 774px; display:block; position:relative; overflow:hidden; margin: 0px; height: 125px;} #headerWrapper h1{font-weight: normal; line-height: 15px; color: #666666; position: absolute; top: -20px;} #headerWrapper h1 span, #headerWrapper .logos span, #navigation li span, .sidebarLeft .naviLeft li span, h2.arcadia-thai span, #contentOther h2 span {visibility: hidden;} #headerWrapper .logos {background: url(../images/logo-Arcadia.jpg) no-repeat; display:block; width:500px; height:67px; margin:5px 0 5px 10px; float:left;} #headerWrapper .logos a {display:block; width:93px; height: 67px; text-decoration:none;} #headerWrapper .banner { position:absolute; top: 5px; left: 500px; _width: 300px; } #headerWrapper .banner img{ margin-right: 5px;} #navigation {display: block; width:774px; float:left; background: url(../images/bg/bg-nav.gif) no-repeat;} #navigation li {float: left; height:37px; display: block; list-style-type: none;} #navigation li a {text-decoration: none; display: block; height:37px;} #navigation li#home a{background: url(../images/nav/nav-home.jpg); height: 37px; width: 84px; display: block;} #navigation li#home a:hover{background: url(../images/nav/nav-home-over.jpg); height: 37px; width: 84px; display: block;} #navigation li#recruit a{background: url(../images/nav/nav-recruit.jpg); height: 37px; width: 101px; display: block;} #navigation li#recruit a:hover {background: url(../images/nav/nav-recruit-over.jpg); height: 37px; width: 101px; display: block;} #navigation li#enterprise a{background: url(../images/nav/nav-enterprise.jpg); height: 37px; width: 102px; display: block;} #navigation li#enterprise a:hover {background: url(../images/nav/nav-enterprise-over.jpg); height: 37px; width: 102px; display: block;} #navigation li#aboutus a{background: url(../images/nav/nav-aboutus.jpg); height: 37px; width: 111px; display: block;} #navigation li#aboutus a:hover {background: url(../images/nav/nav-aboutus-over.jpg); height: 37px; width: 111px; display: block;} #navigation li#map a{background: url(../images/nav/nav-map.jpg); height: 37px; width: 89px; display: block;} #navigation li#map a:hover {background: url(../images/nav/nav-map-over.jpg); height: 37px; width: 89px; display: block;} #navigation li#maps a{background: url(../images/nav/nav-map.jpg); height: 37px; width: 89px; display: block;} #navigation li#maps a:hover {background: url(../images/nav/nav-map-over.jpg); height: 37px; width: 89px; display: block;} #navigation li#privacy a{background: url(../images/nav/nav-privacy.jpg); height: 37px; width: 158px; display: block;} #navigation li#privacy a:hover {background: url(../images/nav/nav-privacy-over.jpg); height: 37px; width: 158px; display: block;} #navigation li#sitemap{background: url(../images/nav/nav-sitemap.jpg); height: 37px; width: 129px; display: block;} #navigation li#sitemap a:hover {background: url(../images/nav/nav-sitemap-over.jpg); height: 37px; width: 129px; display: block;} .status{display: block; color: #91A7C0; padding: 2px 5px 10px; font-size:12px;} .status a { color: #91A7C0; text-decoration:underline;} .status span {color: #dca649; text-decoration: none;} h2 {height: 21px; padding: 5px 0 0 45px; color: #164269; font-size:14px!important; } #contentWrapper{width: 774px; margin-bottom: 8px; overflow: hidden; display: block; background: url(../images/bg/bg-content.gif) repeat-y; border-top:#E9E9E9 1px solid; padding-top: 10px;} #contentWrapper .sidebarLeft{float: left; width: 168px; clear: both; overflow: hidden; margin: 0 5px 0 0} #contentWrapper .sidebarRight{float: right; width: 586px; margin: 0 10px 0 2px; _margin-right: 5px;} /* ----------------------------------------------------- Home Page ----------------------------------------------------- */ #flashSwf {display: block; width: 145px; height: 530px; background: url(../images/index_28.gif); margin: 0px auto;} .sidebarLeft h2.address {background:url(../images/h2_address.gif) no-repeat; display: block; width: 101px; margin: 5px auto; height: 19px;} .sidebarLeft address {width: 145px; margin: 5px auto; font-size: 12px; color: #757575; font-style: normal;} .sidebarLeft address p.title {font-size: 14px; display: block; color: #84643c; font-weight: bold; margin-bottom: 5px;} .sidebarLeft .naviLeft {margin: 0; padding: 0; display: block; overflow: hidden; } .sidebarLeft .naviLeft li {display: block; height: 35px;} .sidebarLeft .naviLeft li a {text-decoration: none; display: block; height:35px;} .sidebarLeft .naviLeft li#introduct {background: url(../images/nav/nav-Introduction.gif) no-repeat;} .sidebarLeft .naviLeft li#introduct a:hover, li#introduct-active {background: url(../images/nav/nav-Introduction-over.gif) no-repeat;} .sidebarLeft .naviLeft li#Import {background: url(../images/nav/nav-Import.gif) no-repeat;} .sidebarLeft .naviLeft li#Import a:hover, li#Import-active {background: url(../images/nav/nav-Import-over.gif) no-repeat;} .sidebarLeft .naviLeft li#ASP {background: url(../images/nav/nav-ASP.gif) no-repeat;} .sidebarLeft .naviLeft li#ASP a:hover,li#ASP-active {background: url(../images/nav/nav-ASP-over.gif) no-repeat;} .sidebarLeft .naviLeft li#Export {background: url(../images/nav/nav-Export.gif) no-repeat;} .sidebarLeft .naviLeft li#Export a:hover, li#Export-active {background: url(../images/nav/nav-Export-over.gif) no-repeat;} .sidebarLeft .naviLeft li#Product {background: url(../images/nav/nav-Product.gif) no-repeat;} .sidebarLeft .naviLeft li#Product a:hover, li#Product-active {background: url(../images/nav/nav-Product-over.gif) no-repeat;} .sidebarLeft .naviLeft li#Productlineup {background: url(../images/nav/nav-ProductlineUp.gif) no-repeat;} .sidebarLeft .naviLeft li#Productlineup a:hover, li#Productlineup-active {background: url(../images/nav/nav-ProductlineUp-over.gif) no-repeat;} .sidebarLeft .naviLeft li#Contact {background: url(../images/nav/nav-contact.gif) no-repeat;} .sidebarLeft .naviLeft li#Contact a:hover, li#Contact-active{background: url(../images/nav/nav-contact-over.gif) no-repeat;} .sidebarLeft .naviLeft li#Genexus {background: url(../images/nav/nav-GeneXus.gif) no-repeat;} .sidebarLeft .naviLeft li#Genexus a:hover, li#Genexus-active {background: url(../images/nav/nav-GeneXus-over.gif) no-repeat;} .sidebarLeft .naviLeft li#ArcadiaThai {background: url(../images/nav/nav-ArcadiaThai.gif) no-repeat;} .sidebarLeft .naviLeft li#ArcadiaThai a:hover, li#ArcadiaThai-active {background: url(../images/nav/nav-ArcadiaThai-over.gif) no-repeat;} .sidebarLeft .naviLeft li#Solution {background: url(../images/nav/nav-Solution.gif) no-repeat;} .sidebarLeft .naviLeft li#Solution a:hover, li#Solution-active{background: url(../images/nav/nav-Solution-over.gif) no-repeat;} .sidebarLeft .naviLeft li#New-graduated {background: url(../images/nav/newgraduated.jpg) no-repeat;} .sidebarLeft .naviLeft li#New-graduated a:hover, li#New-graduated-active{background: url(../images/nav/newgraduated-over.jpg) no-repeat;} .sidebarLeft .naviLeft li#during-year {background: url(../images/nav/during-year.jpg) no-repeat;} .sidebarLeft .naviLeft li#during-year a:hover, li#during-year-active{background: url(../images/nav/during-year-over.jpg) no-repeat;} .sidebarLeft .naviLeft li#Harborwrite {background: url(../images/nav/nav-harborwrite.gif) no-repeat;} .sidebarLeft .naviLeft li#Harborwrite a:hover, li#Harborwrite-active{background: url(../images/nav/nav-harborwrite-over.gif) no-repeat;} .sidebarLeft .naviLeft li#ApplicationForm {background: url(../images/nav/nav-applicationform.jpg) no-repeat;} .sidebarLeft .naviLeft li#ApplicationForm a:hover, li#ApplicationForm-active{background: url(../images/nav/nav-applicationform-over.jpg) no-repeat;} .sidebarLeft .naviLeft li#Recruitment {background: url(../images/nav/nav-recruitment.gif) no-repeat;} .sidebarLeft .naviLeft li#Recruitment a:hover, li#Recruitment-active{background: url(../images/nav/nav-recruitment-over.gif) no-repeat;} .sidebarRight p.bisiness {display: block; width: 584px; height: 220px; margin-bottom: 10px;} .sidebarRight a p.harborWrite {background: url(../images/banner.jpg) no-repeat; width: 584px; height: 159px; display: block; margin: 10px auto; position: relative; color: #757575; cursor: pointer;} .sidebarRight a:hover p.harborWrite { text-decoration: underline;} .sidebarRight p.harborWrite span {position: absolute; width: 420px; font-size: 12px; line-height: 15px; left: 8px; top: 98px;} .sidebarRight p.harborWrite span a {color:#000; text-decoration:none;} #contentDetails {width: 554px!important; overflow: hidden; background-color:#F2F2F2; border-bottom: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; margin-top: 159px; padding: 15px;} #contentDetails dl{ float:left; width: 161px; margin: 0px 34px 10px 0!important; _margin-right: 31px;} #contentDetails dl.last {margin-right: 0px!important;} #contentDetails dl dd.title{font-weight: bold; color: #84643C; font-size:12px; text-align:center; margin: 10px 0; font-family: Arial, Helvetica, sans-serif;} #contentDetails dl dd.details{font-size: 12px; color: #757575; line-height: 15px; font-family: "ms pGothic"; text-align: justify;} #recruitBox {width:454px; min-height: 100px; _height: 120px; overflow:hidden; margin-top: 8px; border-bottom: 1px solid #ececec; background:url(../images/index_50.gif) top left no-repeat; padding: 10px 0 0 130px!important;} #recruitBox h2 {background:url(../images/recruit.gif); display:block; width:401px; height:20px; color:#164269; font-size: 14px; padding-top: 4px!important; margin:0;} #recruitBox .detailsRecruit {font-size: 12px; color:#757575; line-height: 15px; margin: 8px 0 0 45px; width: 380px; } #recruitBox .detailLargeRecruit {font-size: 14px; color:#F00; font-weight: bold;} #navFooter{color:#757575; width:590px; margin: 8px 0; font-size:11px; font-family: "ms pGothic"; clear:both;} #navFooter li{color:#757575; list-style:none; display: block; padding: 0 5px 5px; float: left;} #navFooter li a{color:#5092C3; text-decoration:underline;} #navFooter li.last{ display:block; width: 45px;} #footer{width: 754px; overflow:hidden; display:block; border-top:1px solid #ececec; border-bottom: 29px solid #efefef; font-size:12px; color:#757575; padding: 10px; position: relative; clear: both;} #footer .pageonTop {display:block;} #footer .pageonTop a {font-size:13px; text-decoration:underline; color:#D99325; position:absolute; left:-10px; top: 0px; _width: 150px; width: 300px; right: 20px;} h2.harborwrite{display:block; background:url(../images/bg/harborwrite_bar_bg.jpg); height:41px; padding:0!important; border-top: 1px solid #333;} h2.genexus{display:block; background:url(../images/bg/genexus_bar_bg.jpg); height:41px; padding:0!important; border-top: 1px solid #333;} h2.arcadia-thai{display:block; background:url(../images/bg/arcadia_bar_bg.jpg); height:41px; padding:0!important; border-top: 1px solid #333;} h2.recruit{display:block; background:url(../images/bg/recruit_bar_bg.jpg); height:41px; padding:0!important; border-top: 1px solid #333;} h2.solution{display:block; background:url(../images/bg/solution_bar_bg.jpg); height:41px; padding:0!important; border-top: 1px solid #333;} h2.sitemap{display:block; background:url(../images/bg/sitemap_bar_bg.jpg); height:41px; padding:0!important; border-top: 1px solid #333;} /* ----------------------------------------------------- all page ----------------------------------------------------- */ .sidebarRight h2 {background:url(../images/bar.jpg) no-repeat; margin:20px 0; display:block; font-size:14px!important;} /* ----------------------------------------------------- HarborWrite page ----------------------------------------------------- */ #detailsHarborwrite {width: 584px!important; margin: 0 auto; overflow: hidden; font-size:12px; color:#757575;} #detailsHarborwrite p {padding: 0; margin: 0; color: #757575; text-align:justify; line-height:15px;} #detailsHarborwrite ul {color:#757575; font-size: 12px; display: block; margin-bottom: 20px;} #detailsHarborwrite ul li{border-bottom:solid #F4F4F4 1px; padding: 5px 0; margin: 0!important; list-style: none!important; list-style-position: inside; display: block; text-indent: 30px; line-height:15px;} #detailsHarborwrite p.comment{ background: url(../images/bg/bg-comment.gif) no-repeat; display:block; float:left; width: 106px; padding:5px 0 15px 50px; height: 37px; font-size: 12px; color: #757575!important; margin:15px 0 0 228px; _margin-left:215px;} #detailsHarborwrite p.comment_ipt{ background: url(../images/bg/bg-comment2.gif) no-repeat; display:block; float:left; width: 106px; padding:5px 0 15px 50px; height: 37px; font-size: 12px; color: #757575!important; margin:15px 0 0 228px; _margin-left:215px;} #detailsHarborwrite table.chartData {width: 584px; border: none; display: block; clear: both; font-size: 12px; color: #757575;} #detailsHarborwrite table.chartData tr.space{border-bottom: 1px dotted #a5a5a5; padding-bottom: 20px;} #detailsHarborwrite table.chartData th {text-align: center; display: table-cell; vertical-align: middle; background:#F0F0F0; color:#6E87A1; height:25px; _height:20px;} ##detailsHarborwrite table.chartData tbody{border-bottom: 1px dotted #a5a5a5;} #detailsHarborwrite table.chartData th.workflow {width: 84px;} #detailsHarborwrite table.chartData th.flowdetails {width: 390px;} #detailsHarborwrite table.chartData th.output {width: 223px; text-align:right; padding-right:20px;} #detailsHarborwrite table.chartData th.flowdetails-ex {width: 390px;} #detailsHarborwrite table.chartData th.output-ex {text-align:right; padding-right:20px; width:243px;} #detailsHarborwrite table.chartData td {padding: 15px 5px 5px; display: table-cell; vertical-align: top; font-size: 12px;} #detailsHarborwrite table.chartData td ul {margin: 0!important; padding: 0;} #detailsHarborwrite table.chartData td ul li {padding: 0; text-indent: 0!important; list-style: none; font-size: 11px; margin-left: 0px; border: none!important; list-style:outside; text-align: left; display:block; _width:auto; clear:left; } #detailsHarborwrite table.chartData td.detailflow span {color:#83A3C4;font-size:11px;padding-left:10px !important;} #detailsHarborwrite table.chartData td ul li em { display:block; float:left; font-style:normal; } #detailsHarborwrite table.chartData td ul li ins { display:block; float:left; text-decoration:none; margin-left:3px; width:310px; clear:right; } #detailsHarborwrite table.chartData td.detailflow2 ul li ins { display:block; float:left; text-decoration:none; margin-left:3px; width:319px; clear:right; /width:324px; } #detailsHarborwrite table.chartData td hr {pading-top: 0px; border: 0; background-color:#757575; color:#757575; height:1px;} #detailsHarborwrite table.chartData td.detailflow, #detailsHarborwrite table.chartData td.detailflow2, #detailsHarborwrite table.chartData td.detailflow3, #detailsHarborwrite table.chartData td.detailflow2-ex, #detailsHarborwrite table.chartData td.detailflow3-ex {border-bottom: 1px dotted #a5a5a5;} #detailsHarborwrite table.chartData td.detailflow2 { width:390px;} #detailsHarborwrite table.chartData td.detailflow3 { text-align:right; width:223px;} #detailsHarborwrite table.chartData td.detailflow3-ex { padding-left:31px;} #detailsHarborwrite table.chartData td.detailflow3-ex li{ clear:none; width:139px; /width:86px;} #detailsHarborwrite table.chartData td.detailflow3 li{ clear:none; width:134px; /width:86px;} html[xmlns*=""] body:last-child #detailsHarborwrite table.chartData td.detailflow3-ex li{ width:130px;} #detailsHarborwrite table.chartData td.detailflow strong { width:60px; display:block; }*/ #detailsHarborwrite table.chartData td.detailflow span {font-size:11px; color:#83A3C4!important; padding-left:10px!important;} #detailsHarborwrite table.chartData td.detailflow span.2 {font-size: 11px; color: #83A3C4!important; padding-left: 40px!important;} #detailsHarborwrite table.chartData td img {float: left; margin-right: 5px; /margin-right:2px;} #detailsHarborwrite table.chartData td.detailflow3-ex img {float: left; margin-right:5px; _margin-right:8px;} #detailsHarborwrite table.chartData td span{ display:block; clear:both; width:250px; color:#448CCB; font-size:10px;} /*Harborwrite h7 */ #detailsHarborwrite3 { font-size:12px; color:#757575;} #detailsHarborwrite3 p.presidentName{display:block; width:160px; float:right; font-size:10px; color:#757575; font-weight:bold; text-align:right; margin-bottom:10px;} #detailsHarborwrite3 p.listName{ display:block; clear:both;} #detailsHarborwrite3 ul{ margin-left:15px;} #detailsHarborwrite3 li{ margin-top:8px; list-style: url(../images/icon/bullet.gif) outside!important;} #detailsHarborwrite3 .contact{display:block; background:url(../images/bg/h7-addressbg.gif) no-repeat; width: 384px; height:70px; margin:20px auto; overflow:hidden; padding: 0 100px; _padding-top: 15px;} #detailsHarborwrite3 .contact table.tel{border:none; width: 400px;} #detailsHarborwrite3 .contact table.tel td.TableTitle{font-weight:bold; height:auto;} #detailsHarborwrite3 .contact table.tel td.add{color:#0070B8;} #detailsHarborwrite3 .accept{text-align:center; font-weight:bold; margin: 10px 0;} #detailsHarborwrite3 input[type="image"]{margin: 0 5px;} /*Harborwrite h10 */ #detailsHarborwrite p.endline{border-bottom:dotted 1px #000;} /**************R4************************/ #detailsHarborwrite #formContact p.head{color: #000; font-weight: bold; margin-top:10px;} #detailsHarborwrite #formContact select{border: 1px solid #96B6CF; background: url(../images/bg/bg-input.gif) repeat-x #f4f4f4; width:109px; padding: 3px; margin-left:10px;} #detailsHarborwrite #formContact table td textarea{ background:#f4f4f4; border:1px solid #96B6CF; width:315px; margin-left:10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} #detailsHarborwrite #formContact table td input.mini-form_b{border: 1px solid #96B6CF; background: url(../images/bg/bg-input.gif) repeat-x #f4f4f4; margin-left: 10px; padding: 3px 5px;} /**************End R4*******************/ #genexusWrapper {width: 774px; margin: 3px 0 0; border-top: 1px solid #E9E9E9; clear: both;} #genexusWrapper .sidebarLeft{float: left; width: 165px; clear: both; overflow: hidden; margin: 0 auto; background: #FAFAFa;} #genexusWrapper .sidebarRight{float: right; width: 584px; margin: 25px 10px 0 0; _margin-right: 0px; font-size: 12px;} #genexusWrapper .sidebarRight h2 { background:url(../images/bar.jpg) no-repeat; margin-bottom: 20px; display:block; padding-top:3px!important;} #detailsHarborwrite p {margin:0 0 5px; color: #757575; line-height: 16px; text-align:justify; } #detailsHarborwrite p.titleGenexus {font-size: 16px; color: #000; font-weight: bold; margin: 20px 0 10px;} #detailsHarborwrite p.subtitleGenexus {font-size: 14px; color: #757575; font-weight: bold; margin: 10px 0;} #detailsHarborwrite p.detailsGenexus {margin-bottom: 25px!important;} .floatleft{ float:left; margin-right:15px!important; height: 320px; display: block;} #detailsHarborwrite p.comment2{ color:#CC9900!important; font-size: 10px; margin:10px 0;} #detailsHarborwrite p.txt-blue{color:#448CCB; list-style:none!important; } #detailsHarborwrite p.txt-title{ font-weight:bold; margin-bottom: 10px;font-size: 16px; color: #000;} #detail_sidebar_right{ width:584px; display:block; clear: both;} #detail_sidebar_right ol { list-style:decimal; margin-left:5px; display: block;} #detail_sidebar_right li {margin-left: 3px;} #detail_sidebar_right h2 { background:url(../images/bar.jpg) no-repeat; margin-bottom: 20px; display:block;} #detail_sidebar_right ul{margin: 0;} #detail_sidebar_right ul.qa li{background:url(../images/icon/qa.jpg) top left no-repeat; list-style:none; border-bottom:1px solid #CCCCCC; display: block; padding: 0 0 10px 35px; color: #757575; margin-top: 10px; line-height:15px;} #detail_sidebar_right ul li span{ display:block; font-size:14px; font-weight:bold; margin:10px 0; color: #000;} #detailsHarborwrite p.center{ text-align:center;} #detailsHarborwrite p.center-txt{ text-align:center; font-size:12px; color:#426583; font-weight:bold;} #detailsHarborwrite p.line_dot{ border-bottom:1px dotted; margin:20px 0;} p.top{ float:right; display:block; margin:10px 0!important; font-size:12px!important;} p.top a{ text-decoration:underline; color:#448CCB; font-weight:bold; font-size:12px!important;} #arcadiaWrapper {width: 774px; margin:-10px auto !important; _margin:-10px auto 10px!important; clear: both; overflow: hidden; color:#757575;} #arcadiaWrapper p.small{ font-size:10px;} #arcadiaWrapper .sidebarLeft{float: left; width: 165px; clear: both; overflow: hidden; margin: 0 auto; background: #FAFAFa;} #arcadiaWrapper {float: right; width: 584px; margin: 25px 6px 0 0; _margin-right: 0px!important; font-size: 12px;} #arcadiaWrapper .arcadia-welcome{ background:url(../images/welcome.jpg) no-repeat top left; width:424px; height:90px; display:block; padding:30px 10px 30px 150px; margin:0 0 15px!important; border:none!important; line-height:15px;} p.titleThai {font-size: 16px; color: #000; font-weight: bold; margin: 20px 0 0;} #arcadiaWrapper ul.showImg {width: 564px; margin: 10px 10px; overflow: hidden;} ul.showImg li {list-style: none; background: url(../images/pic_frame.jpg) no-repeat; padding: 8px; float: left; display: block; border: none; width: 164px; height: 119px; margin-right: 8px;} ul.showImg li img {padding: 0!important; margin: 0!important; border: none;} #arcadiaWrapper ul.columleft-detail {display: block; border-bottom: 1px solid #e9e9e9; padding:1px 0 10px; overflow: hidden; width: 574px;} #arcadiaWrapper ul.columleft-detail-last {display: block; border: none; padding:0 0 10px; overflow: hidden; width: 574px;} ul.columleft-detail li, ul.columleft-detail-last li {width: 250px; display: block; border-right: 1px dotted #000; list-style: none; padding:0 15px 15px; float: left; margin: 0 5px!important; /*font-size:10px;*/} ul.columleft-detail li.last, ul.columleft-detail-last li.last {width: 240px; display: block; border-right: none!important; list-style: none; padding: 0 10px 10px; float: left; margin-right: 0;} ul.columleft-detail li p.txt-blue, ul.columleft-detail-last li p.txt-blue {color:#448CCB; font-weight: bold; margin-bottom:5px; text-align:center;} ul.columleft-detail li p.subTitle, ul.columleft-detail-last li p.subTitle { text-align: center; font-weight: bold; color:#000000; margin-bottom:15px;} p.linethai{ background:url(../images/linethai.jpg) no-repeat; width:584px; height:11px; display:block; margin: 10px 0;} p.detailsArcadia{ padding:0 16px; _padding:0 10px 0 20px;; margin-bottom:35px; line-height:15px;} .map{width:554px; display: block; background:#F8F8F8; padding:17px 5px; margin:0 5px 22px; _margin:0 10px 22px; overflow:hidden;} .map address{ font-size:12px; color: #666666; margin: 15px;font-style:normal; width:280px; float:left;} .map img{ float:left;} .map address span{ font-weight:bold; font-size:14px; color:#000000;} /**** H8 ****/ #detailsHarborwrite p.detail-2{ margin: 10px 10px; font-size:12px;} #detailsHarborwrite table.import { display:block; width:584px;border: none; margin-top:20px; } #detailsHarborwrite table.import th {font-size: 12px; font-weight: bold; width: 150px; text-align: right; display: table-cell; vertical-align: middle;} #detailsHarborwrite table.import td {width: 300px;} #detailsHarborwrite .Secured {width: 584px; margin: 20px 0; overflow: hidden;} #detailsHarborwrite .Secured p.titleSecured {background: #ededed!important; padding: 5px 0!important; text-align: center; font-size: 14px; color: #000; display: block; width: 584px; font-weight: bold; margin-bottom:10px; height:14px;} #detailsHarborwrite .Secured .logoSecured {display: block; width: 105px; float: left; clear: both; margin-left: 20px;} #detailsHarborwrite .Secured ul {width: 430px; _width: 410px; float: right; display: block; margin:10px;} #detailsHarborwrite .Secured ul li{ line-height:15px; border:none; text-indent:0; list-style:outside;} #detailsHarborwrite #formContact { width: 584px; overflow: hidden; margin-top: 20px;} #detailsHarborwrite #formContact table.table-form {border: none; width: 584px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} #detailsHarborwrite #formContact table.table-form tr {margin-bottom: 5px; display: block; border: none!important;} #detailsHarborwrite #formContact table.table-form th {background: #fff!important; text-align: right; display: table-cell; vertical-align: middle; width: 150px!important; color: #757575; font-weight:normal;} #detailsHarborwrite #formContact table p.table-title{ text-align:left; margin-left: 102px;} #detailsHarborwrite #formContact table td {height: 0!important; display: table-cell ; vertical-align: middle;} #detailsHarborwrite #formContact table td input {border: 1px solid #96B6CF; background: url(../images/bg/bg-input.gif) repeat-x #f4f4f4; width:308px; margin-left: 11px; padding: 3px;} #detailsHarborwrite #formContact table th textarea{ background:#f4f4f4; border:1px solid #96B6CF; width:373px; margin-left:102px; overflow:hidden;} #detailsHarborwrite input[type="image"]{margin: 0 5px;} .sidebarRight h2.Import{ font-size:13px !important; background:url(../images/bar.jpg) no-repeat; margin: 20px 0; display:block;} /********* G3 ***********/ #detailsHarborwrite #formContact table td span{ margin-left: 10px;} #detailsHarborwrite #formContact table td input.mini-form{border: 1px solid #96B6CF; background: url(../images/bg/bg-input.gif) repeat-x #f4f4f4; margin-left: 5px; padding: 3px 5px; width: 50px; } #detailsHarborwrite #formContact table td input.mini-form2{border: 1px solid #96B6CF; background: url(../images/bg/bg-input.gif) repeat-x #f4f4f4; width:60px; margin-left: 10px; padding: 3px;} /********End G3*********/ /******* G4 ***********/ #detailsHarborwrite-border table.import2 {display:block; margin:10px 0 142px 30px;} #detailsHarborwrite-border table.import2 th.tableimportleft { width:60px; background-color:#FFFFFF; font-weight:normal; color:#757575; display:table-cell; text-align:left; vertical-align:top; font-size:12px;} /****** <> ********/ /******* G5 ***********/ #detailsHarborwrite .return{display:block; background:#F1F1F1; height:31px; overflow:hidden; text-align:center; margin:20px 0; padding-top:5px;} /****** <> ********/ /****** R5 ******/ #detailsHarborwrite table.import2 {display:block; margin:10px 0 30px 30px;} #detailsHarborwrite table.import2 th.tableimportleft { width:120px; background-color:#FFFFFF; font-weight:normal; color:#757575; display:table-cell; text-align:left; vertical-align:top; font-size:12px;} #detailsHarborwrite table.import2 td.tableimportright {font-weight:normal; color:#0072BC; padding-left:20px; display:table-cell; text-align:left; vertical-align:top; line-height:15px;} #detailsHarborwrite p.importline{ font-weight:bold; color:#000; margin:20px 0;} #detailsHarborwrite table.import3 {display:block; margin:5px 0 30px 20px;} #detailsHarborwrite table.import3 td.tableimportleft { width:100px; background-color:#FFFFFF; font-weight:normal; color:#757575; display:table-cell; text-align:left; vertical-align:top; font-size:12px;} #detailsHarborwrite table.import3 td.tableimportright {font-weight:normal; color:#757575; display:table-cell; text-align:left; vertical-align:top; font-size:12px;} #detailsHarborwrite table.import3 td.tableimportright .kigyou li{ margin-bottom:20px;} #detailsHarborwrite table.import3 td.tableimportright .reset{ margin:0; list-style:outside;} #detailsHarborwrite table.import4 {display:block; margin:10px 0 30px 30px;} #detailsHarborwrite table.import4 tr {height: 20px!important;} #detailsHarborwrite table.import4 th.tableimportleft { width:200px; background-color:#FFFFFF; font-weight:normal; color:#757575; display:table-cell; text-align:left; vertical-align:top; font-size:12px; } #detailsHarborwrite table.import4 td.tableimportright {font-weight:normal; color:#757575; display:table-cell; text-align: right; vertical-align:top; font-size:12px;} /****** <> ******/ /****** S1 ******/ ol.solution-list {margin-left:-10px!important; padding-right:10px; width: 584px;} ul.solution-list2, ul#list3{ margin-left:0; padding-right:10px;} ol.solution-list li{ margin-top:5px; padding:0; line-height:15px;} ul.solution-list2 li{ border:none!important; margin-bottom:5px; padding:0; list-style:none!important; line-height:15px;} #list3 li{ border:none!important; margin-bottom:5px; padding:0; list-style:disc inside!important; line-height:15px;} .list-inside{ list-style-position:inside;} /****** End S1 *******/ /*****************************************************************************************************/ /* - harborwriteAsp - h2 */ #detail-asp {paddding: 20px 0; width:584px;} #detail-asp ul, #detailsHarborwrite ul li {margin: 0; padding: 0; border: none; text-indent:0px; _text-indent:-15px; /text-indent:-15px;} #detail-asp .titleHarbor {color:#000000; font-size:14px; font-weight:bold; display:block; padding: 5px 0; } #detail-asp .titleHarbor2 {color:#000000; font-size:14px; font-weight:bold; display:block; padding: 10px 0; border-top:solid 1px #E4E4E4; margin-top:12px} #detail-asp .detailAsp span{ font-weight:bold;} #detail-asp .detailAsp2{color:#4F91C5; font-weight:bold; font-size:12px; display:block; padding-top:5px;} #detail-asp .detailAsp3{color:#757575; font-size:12px; display:block; width:584px; margin-left:0;} #detail-asp .detailAsp3 li {list-style:none!important; display: block; padding-left: 40px; border: none; text-indent: 0px; font-size:12px;} #detail-asp .imgharbor { padding:23px 0 36px 38px;} #detail-asp .imgharbor2 { padding-bottom:10px;} #detail-asp .imgharbor3 { padding:42px 0 38px 8px;} #detail-asp .detailAsp { color:#757575; font-size: 12px; display:block; width:564px; display: block; padding-left: 20px!important; text-align:justify; line-height:16px;} #detail-asp .detailAsp5 { color:#757575; font-size: 12px; display:block; width:564px; display: block; text-align:justify; line-height:15px;} #detail-asp .detailAsp5 li {list-style:disc!important; display: block; padding-left: 0!important; border: none; text-indent: 0px;} #detail-asp .detailAsp5 span{ font-weight:bold;} #detail-asp #detailsAsp {width: 584px; overflow: hidden;} #detail-asp #detailsAsp5 ul {width: 564px; display: block; font-size: 12px; color: #757575; margin-left:10px; padding:0!important;} #detail-asp #detailsAsp5 ul li {list-style: url(../images/icon/bullet.gif) outside!important; padding-right:25px; line-height:15px; margin-left:15px; text-align:justify;} #detail-asp .detailAsp li {list-style:none!important; display: block; padding: 0!important; border: none; text-indent: 0px;} #detail-asp .detailAsp4{color:#757575; font-size:12px display:block; width:584px; padding-left:38px; } #detail-asp .detailAsp4 li {list-style:none!important; display: block; padding:0!important; border: none; text-indent: 0px; margin-left:20px;} #detail-asp #detailsAsp {width: 584px; overflow: hidden;} #detail-asp #detailsAsp ul {width: 584px; display: block; font-size: 12px; color: #757575; margin-left:20px; padding:0!important;} #detail-asp #detailsAsp ul li {margin:0 0 1px 10px; list-style: url(../images/icon/bullet.gif) outside!important;} #detail-asp li.marg{ margin:0 0 13px 10px!important; /margin:0 0 13px 25px!important; list-style:outside;} #detail-asp li.marg p{line-height:16px; text-align:justify; margin-left:8px; /margin-left:-5px; /text-indent:0px;} #detail-asp span.bold {color:#000000; font-weight:bold; line-height:35px; } #detail-asp span.under { margin-left:21px; _margin-left:26px; color:#D09332; font-size:7.24pt} /* - harborwriteAsp - h2 - end */ .comment1 { color:#D09332; font-size:10px; padding: 10px 0 20px 15px ;} /* - harborwriteProductLineup - h5 */ #detailsHarborwrite table.productline1 { width:584px; height:72px; text-align:center; border:none; border-spacing:0px;} #detailsHarborwrite th { height:25px; background-color:#EAEAEA; padding-top:4px; font-weight:bold; display:table-cell; vertical-align:middle; color:#000;} #detailsHarborwrite td { height:25px; background-color:#FFFFFF; color:#757575; display:table-cell; vertical-align:middle; } #detailsHarborwrite .exptable { color:#D09332; font-size:10px; padding:0 0 20px 15px ; border-top:1px solid #EAEAEA; width:584px;} #detailsHarborwrite .exptable3 { color:#D09332; font-size:10px; padding:0 0 20px 15px ; width:584px;} #detailsHarborwrite .exptable4 { color:#D09332; font-size:10px; padding: 10px 0 20px 0px ; width:584px;} #detailsHarborwrite ol li { margin-left:50px; list-style:decimal; line-height:15px;} #detailsHarborwrite table.productline2 { width:584px; border-top:1px solid #E4E4E4; border-left:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; margin:15px 0 15px 0; border-spacing:0px; } #detailsHarborwrite .tablemiddle { background-color:#E2E2E2; font-weight:bold; font-size:14px; color:#000000; text-align:center; height:24px; } #detailsHarborwrite .tablemiddle2 { background-color:#F5F5F5; font-weight:bold; color:#506F90; text-align:center; border-right:1px solid #E4E4E4; height:24px;} #detailsHarborwrite .tablemiddle3 { border-right:1px solid #E4E4E4; } #detailsHarborwrite .col1 { font-weight:bold; color:#506F90; border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4; padding: 10px 0 10px 7px; display:table-cell; vertical-align:top; } #detailsHarborwrite .col2 { border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4; padding: 10px 12px; display:table-cell; vertical-align:top; } #detailsHarborwrite .col2 ul.h5list li{ border:none!important;} #detailsHarborwrite .col3 { border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4; padding: 10px 12px; display:table-cell; vertical-align:middle; } #detailsHarborwrite .col3 hr.line{color:#757575; height:1px; border: 0; background-color: #666666;} #detailsHarborwrite .exptable2 { color:#D09332; font-size:10px; padding-bottom:20px; } #detailsHarborwrite .exptable2 li {list-style: none!important; border:none; margin-bottom:2px;} #detailsHarborwrite span.txt1 { color:#000; font-size:12px; font-weight:bold; } #detailsHarborwrite span.txt2 { color:#506F90; font-size:12px; font-weight:bold; } /* - harborwriteProductLineup - h5 - end */ /* - harborwriteimport-export - h9 */ #detailsHarborwrite-border {border-left:1px solid #ededed; border-right:1px solid #ededed; paddding: 20px 0; width:582px;} #detailsHarborwrite-border .Secured {width: 584px; margin: 10px 0; overflow: hidden;} #detailsHarborwrite-border .Secured p.titleSecured {background: #ededed!important; padding: 5px 0!important; text-align: center; font-size: 14px; color: #000; display: block; width: 584px; font-weight: bold;} #detailsHarborwrite-border .Secured .logoSecured {display: block; width: 105px; float: left; clear: both; margin-left: 20px;} #detailsHarborwrite-border .Secured ul {width: 400px; float: right; display: block; margin:15px;} #detailsHarborwrite-border .Secured ul li{ line-height:18px; color:#757575;} #detailsHarborwrite-border .importline {border-bottom:dotted 1px #000; padding-top:20px; } #detailsHarborwrite-border table.import2 td.tableimportright {font-weight:normal; color:#0072BC; padding-left:20px; display:table-cell; text-align:left; vertical-align:middle; line-height:15px;} #detailsHarborwrite-border .subimport {background-color:#F1F1F1; height:38px; width:584px; text-align:center; margin-top:135px; } /* - harborwriteProductLineup - h9 - end */ /* r */ .detailR {display:block; overflow:hidden; width:584px; font-size:12px; color:#757575; } .detailR .p1 {display:block; width:200px; float:right; margin:2px 5px 0 280px; text-align:right;} .detailR .p2 {display:block; width:580px; float:left; margin:25px 2px 5px 2px;} .detailR ul {display:block; width:580px; float:left; margin:25px 2px 5px 2px;} .detailR li { list-style:disc; list-style-position:inside; } .detailR .p3 { display:block; width:200px; float:left; margin:25px 0 0 70px;} .detailR .p4 { display:block; width:200px; float:left; margin-top:25px; text-align:left; } .detailR .p5 { display:block; text-align:center; margin-top:480px; _margin-top:50px; } .detailR .p6 {display:block; width:580px; float:left; margin:5px 2px 5px 2px;} .detailR #txtbox1 {display:block; width:300px; border:1px solid #757575; text-align:left; padding:5px; margin:5px 0 25px 70px; float:left; _margin:5px 0 25px 35px;} .detailR .p7 { display:block; width:586px; height:40px; float:left; margin-left:20px; _margin-left:10px;} .detailR span {background-color:#33FF66;} .detailR .p8{color:#757575; font-size:12px; display:block; width:584px; margin-bottom:15px; } .detailR span.underline {text-decoration:underline; background-color:#FFFFFF;} .detailR .p9 {display:block; float:left; width:281px; margin:5px 20px 0 0; text-align:left; padding-left:69px; list-style: outside; /padding-left:63px;} .detailR .p9 strong{ /padding-left:15px; font-weight:normal;} .detailR .safari-seng{ float:left; display:block; width:281px; margin:12px 20px 0 0; padding-left:69px; /margin-top:19px; /padding-left:79px;} html[xmlns*=""] body:last-child .detailR .safari-seng{ margin-top:12px;} .detailR .p10 {display:block; width:100px; _width:80px; margin:12px 0 20px 20px; float:left; clear:left; /padding-left:20px; _padding-left:20px; margin-left:8px;} .detailR .p10-2 {display:block; width:100px; _width:80px; margin:5px 0 45px 20px; float:left; /padding-left:20px; _padding-left:20px; margin-left:8px;} #detailsHarborwrite .detailAsp3 {color:#757575; font-size:12px; display:block; width:584px; margin-left:10px; } #detailsHarborwrite .detailAsp3 li {list-style:none!important; display: block; padding-left: 40px; border: none; text-indent: 0px;} /* r end*/ #contentOther{ display: block; overflow: hidden; width: 146px; margin: 7px auto;} #contentOther h2{ background:url(../images/h2_address.gif); display: block; height: 42px; width: 146px; background-repeat: no-repeat;} #contentOther p.titleAddress {font-weight: bold; color: #84643C; font-size: 13px; margin: 5px 0; padding-left:3px;} #contentOther address{font-size: 13px; color:#757575; font-style: normal; padding:0 0 10px 3px; border-bottom: 1px solid #ececec;} #contentDetails{width: 569px; overflow: hidden; background-color:#F2F2F2; border-bottom: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; margin-top: 8px; padding: 15px; text-decoration: none;} #contentDetails a dl{ float:left; width: 161px; height: 240px; cursor: pointer; display: block; color:#757575; text-decoration: none!important;} #contentDetails a:hover dl{ text-decoration: underline!important; color:#757575; _text-decoration: underline!important;} *html #contentDetails a dl{ float:left; width: 161px; height: 240px; cursor: pointer; display: block; color:#757575; text-decoration: none!important;} #contentDetails dl{ float:left; width: 161px; margin: 0px 42px 10px 0; _margin-right: 35px;} #contentDetails dl a { float:left; width: 161px; text-decoration: none;} #contentDetails dl a:hover {width: 161px; text-decoration: underline; color:#757575;} #contentDetails dl.last {margin-right: 0px!important;} #contentDetails dl dd.title{font-weight: bold; color: #84643C; font-size:12px; text-align:center; margin: 10px 0; font-family: Arial, Helvetica, sans-serif;} #contentDetails dl dd.details{font-size: 12px; color: #757575; line-height: 15px; font-family: "ms pGothic"; text-align: justify; text-decoration: none;} #recruitBox {width:448px; min-height: 100px; _height:105px; overflow:hidden; margin-top: 8px; border-bottom: 1px solid #ececec; background:url(../images/index_50.gif) top left no-repeat; padding: 10px 0 0 150px;} #recruitBox h2 {background:url(../images/recruit.gif); display:block; width:401px; height:21px; padding: 3px 0 0 45px; color:#164269; font-size: 14px;} #recruitBox .detailsRecruit {font-size: 12px; color:#757575; line-height: 15px; margin: 8px 0 20px 45px; width: 380px; } #recruitBox .detailsRecruit a {color:#757575; text-decoration: none;} #recruitBox .detailsRecruit a:hover { text-decoration:underline;} #navFooter{color:#757575; width:590px; margin: 8px 0; font-size:11px; font-family: "ms pGothic"; text-align:left;} #navFooter li{color:#757575; list-style:none; display: block; padding: 0 5px 5px; float: left;} #navFooter li a{color:#5092C3; text-decoration:underline; display: block;} #footer{width: 750px; overflow:hidden; display:block; border-top:1px solid #ececec; border-bottom: 29px solid #efefef; font-size:12px; color:#757575; padding: 10px; position: relative; clear: both;} #footer .pageonTop {display:block; position:absolute; left:645px; top: 10px; _width: 150px;} #footer .pageonTop a {font-size:13px; text-decoration:underline; color:#D99325;} #detailsHarborwrite p.para{ margin-left: 20px;} #detailsPrivacy p.para{ margin: 0 0 10px 20px;} ul.privacy { display:block; margin:20px 0 20px 10px; height:65px;} ul.privacy .left{ list-style:none!important; float:left; display:block; width:250px; line-height:15px;} ul.privacy .left2{ list-style:none!important; float:left; display:block; width:250px; line-height:15px; padding-left: 10px;} ul.privacy .left img {list-style:none; float:left; margin-right:10px;} ul.privacy .right{ list-style:none; float:right; display:block; text-align:right; width:280px; line-height:15px;} #detailsHarborwrite4 {width: 584px!important; margin: 0 auto; overflow: hidden; font-size:12px; color:#757575;} #detailsHarborwrite4 ul {color:#757575; font-size: 12px; display: block; margin-bottom: 20px;} #detailsHarborwrite4 ul li{border-bottom:solid #F4F4F4 1px; padding: 5px 0; margin: 0!important; list-style: none!important; list-style-position: inside; display: block; text-indent: 30px!important;} #detailsHarborwrite4 p{padding-bottom: 10px; margin-top: 35px; color: #757575; font-weight:bold;} #detailsHarborwrite4 p.pic {padding: 0; margin: 0; } .recruit-list{ list-style:decimal; margin:10px 20px; padding:1px; font-size:12px; color:#757575; line-height:15px;} .recruit-list li{ list-style:decimal!important; margin-left:10px;} #detailsHarborwrite3 span{color:#000; font-size:12px; font-weight:bold;} #detailsHarborwrite3 .bullet{list-style:url(../images/icon/bullet.gif) outside!important; margin-left:15px; line-height:15px;} #detailsHarborwrite3 ul.inleft{display:block; width:430px; margin-bottom:20px; line-height:15px; list-style:url(../images/icon/bullet.gif) outside!important;} #detailsHarborwrite3 ul.inleft li{list-style:url(../images/icon/bullet.gif) outside!important; margin-left:15px;} #detailsHarborwrite3 .inright{float:right; clear:both; margin-right:5px;} #detailsHarborwrite3 .updatePrivacy li{ list-style:decimal!important; list-style-position:inside!important;} #detailsHarborwrite3 .updatePrivacy li .inol {_margin-left:-10px;} #detailsHarborwrite3 .updatePrivacy li .inol li{ list-style:disc!important; _margin-left:0; margin-left:10px!important; padding:0; margin-top:0px;} #detailsHarborwrite3 p.comment2{ color:#CC9900!important; font-size: 10px; margin:10px 0;} *:first-child+html #detailsHarborwrite3 ol.privacy_b li .inol li{ margin-left:-1px!important;} #detailsHarborwrite3 ul.system{margin-left: 35px;} #detailsHarborwrite3 ul.system li{list-style:none!important;} #detailsHarborwrite .export{ width:583px; height:575px; display:block; margin-bottom:20px;} #detailsHarborwrite .titleexport {font-size: 14px; display: block; color: #757575; font-weight: bold; margin-top: 15px; width:200px; float:left; } #detailsHarborwrite .contact1 {margin-left:20px;} #detailsHarborwrite .contact2 {margin-left:80px;} #field-grey{display:block; background:#F1F1F1; height:31px; text-align:center; padding-top:5px; margin: 20px 0 0;} span.error {display:block; color: red;} .txt-normal{ font-size:12px; color:#757575; margin-left:10px;} .importline3 { margin:10px 0!important; font-weight:bold; color:#000000!important;} .sidebarRight h2.products{ background:#F5F5F5; height:20px; border-bottom:dotted #7C7C7C 1px; color:#000000;} .sidebarRight h2.products1{ background:#F5F5F5; height:20px; border-bottom:dotted #7C7C7C 1px; color:#000000;} .detailAsp .proimg{display:block; margin:10px auto 5px;} #detail_sidebar_right ol.newqa{ margin-left:20px;} #detail_sidebar_right ol.newqa li{display:list-item; background: none; list-style:decimal outside!important; border:none; background:none; padding:0; margin:0;} h3{font-size:12px; margin: 10px 10px 10px 0px; color:#747474;} /*privacy*/ #detailsPrivacy { font-size:12px; color:#757575;} #detailsPrivacy .para{ line-height:15px; text-align:justify; margin:0 5px 0 15px;} #detailsPrivacy .updatePrivacy li{ list-style:decimal!important; list-style-position:outside!important; line-height:15px; margin:10px 5px 0 40px;} #detailsPrivacy .updatePrivacy li .inol { margin-left:10px;} #detailsPrivacy .updatePrivacy li .inol li{ list-style:disc!important; _margin-left:0; margin-left:15px!important; padding:0; margin-top:0px; line-height:15px;} #detailsPrivacy .txt1 {color:#000; font-size:12px; font-weight:bold; } #detailsPrivacy ul.system{margin-left: 35px;} #detailsPrivacy ul.system li{list-style:none!important;} #detailsHarborwrite3{ line-height:15px;} #sitemap {width: 584px; margin: 0 auto; font-size:12px; color:#757575;} #sitemap .sitemap {color:#757575; font-size: 12px; display: block; margin-bottom: 20px;} #sitemap .sitemap li{ background: url(../images/icon/bullet.gif) 30px 5px no-repeat; border-bottom:solid #F4F4F4 1px; padding: 5px 0; display: block; margin-left:10px; text-indent:50px; margin: 0!important; list-style:none!important;} #sitemap .sitemap li a {color:#757575; text-decoration: none;} #sitemap .sitemap li a:hover {color:#000; text-decoration: underline;} .comment2{ color:#CC9900!important; font-size: 10px; padding-left: 20px!important; margin-top:10px;} h3.mid{ margin-top:25px;} #detail-asp .detailAsp8{color:#757575; font-size:12px; display:block; width:584px; margin-left:0;} #detail-asp .detailAsp8 li {list-style: disc!important; display: block; padding-left: 40px; border: none; text-indent: 0px; font-size:12px;} .harbor {display: block; text-decoration: none;} .harbor a {text-decoration: none;} .harbor a:hover {text-decoration: underline;} /* solution list */ ol.solution-list li .plist {margin:0 0 5px; color: #757575; line-height: 16px; text-align:justify; width:500px;} ol.solution-list li.just{ margin-top:5px; line-height:15px; width:530px; vertical-align:top;} ol.solution-list3 {margin-left:-10px!important; padding-right:10px; width:545px;}