@charset "utf-8"; /* CSS Document */ input,select,textarea {font-size: 10px; font-family: Tahoma, Arial, sans-serif;} a {color: #36c; text-decoration: underline;} a:hover {text-decoration: none;} body { padding: 0px; margin: 0px; font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #000; background: url(../../../images/frontend/bg-gradient.jpg) top repeat-x; } /*html {overflow-x:hidden; }*/ #headContent:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;} #wrapperMain { width: 1002px; margin: 0 auto; background: url(../../../images/frontend/bg-sky.jpg) top no-repeat; padding: 5px 0 0; } #header {width: 994px; margin: 0 auto 7px; overflow: hidden; text-align: right; position: relative;} #header h1 { width: 73px; height: 68px; background: url(../../../images/common/logo.jpg) no-repeat; float: left; } #header h1 a {display: block; width: 73px; height: 68px; text-decoration: none;} #header h1 a:hover {text-decoration: none;} #header h1 a span {display: none;} #header .menuTop {float: right;} #header .menuTop ul {list-style: none; overflow: hidden; padding-left: 5px; float: left; margin: 0px;} #header .menuTop ul li {float: left;} #header .menuTop ul li img {border: medium none;} #navigation { width: 878px; height: 71px; margin: -51px auto 0; padding-left: 116px; background: url(../../../images/frontend/bg_navigation.gif) bottom no-repeat; overflow: hidden; } #navigation li {list-style: none; float: left;} #navigation li a {height: 20px; margin-top: 51px; display: block;} #navigation li a span {display: none;} #navigation li#nav_aeoninfo a {width: 100px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) 0 0 no-repeat;} #navigation li#nav_aeoninfo a:hover {display: block; height: 71px; background-position: 0 -20px; margin: 0;} #navigation li#nav_investor-relations a {width: 138px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -100px 0 no-repeat;} #navigation li#nav_investor-relations a:hover {display: block; height: 71px; background-position: -100px -20px; margin: 0;} #navigation li#nav_our-services a {width: 115px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -238px 0 no-repeat;} #navigation li#nav_our-services a:hover {display: block; height: 71px; background-position: -238px -20px; margin: 0;} #navigation li#nav_promotions a {width: 102px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -353px 0 no-repeat;} #navigation li#nav_promotions a:hover {display: block; height: 71px; background-position: -353px -20px; margin: 0;} #navigation li#nav_news-events a {width: 113px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -455px 0 no-repeat;} #navigation li#nav_news-events a:hover {display: block; height: 71px; background-position: -455px -20px; margin: 0;} #navigation li#nav_customer-services a {width: 146px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -568px 0 no-repeat;} #navigation li#nav_customer-services a:hover {display: block; height: 71px; background-position: -568px -20px; margin: 0;} #navigation li#nav_job-application a {width: 123px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -714px 0 no-repeat;} #navigation li#nav_job-application a:hover {display: block; height: 71px; background-position: -714px -20px; margin: 0;} /* Navigation Thai*/ #th_navigation { width: 848px; height: 71px; margin: -51px auto 0; padding-left: 146px; background: url(../../../images/frontend/bg_navigation.gif) bottom no-repeat; overflow: hidden; } #th_navigation li {list-style: none; float: left;} #th_navigation li a {height: 20px; margin-top: 51px; display: block;} #th_navigation li a span {display: none;} #th_navigation li#nav_aeoninfo a {width: 88px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) 0 0 no-repeat;} #th_navigation li#nav_aeoninfo a:hover {display: block; height: 71px; background-position: 0 -20px; margin: 0;} #th_navigation li#nav_investor-relations a {width: 119px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -88px 0 no-repeat;} #th_navigation li#nav_investor-relations a:hover {display: block; height: 71px; background-position: -88px -20px; margin: 0;} #th_navigation li#nav_our-services a {width: 108px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -207px 0 no-repeat;} #th_navigation li#nav_our-services a:hover {display: block; height: 71px; background-position: -207px -20px; margin: 0;} #th_navigation li#nav_promotions a {width: 78px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -315px 0 no-repeat;} #th_navigation li#nav_promotions a:hover {display: block; height: 71px; background-position: -315px -20px; margin: 0;} #th_navigation li#nav_news-events a {width: 168px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -393px 0 no-repeat;} #th_navigation li#nav_news-events a:hover {display: block; height: 71px; background-position: -393px -20px; margin: 0;} #th_navigation li#nav_customer-services a {width: 120px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -561px 0 no-repeat;} #th_navigation li#nav_customer-services a:hover {display: block; height: 71px; background-position: -561px -20px; margin: 0;} #th_navigation li#nav_job-application a {width: 96px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -681px 0 no-repeat;} #th_navigation li#nav_job-application a:hover {display: block; height: 71px; background-position: -681px -20px; margin: 0;} /**/ #wrapperContent {width: 1002px; overflow: hidden;} /*set color from id in body*/ #aeoninfo #nav_aeoninfo a { display: block; height: 71px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) 0 -20px no-repeat !important; margin:0; } #aeoninfo #th_navigation #nav_aeoninfo a { display: block; height: 71px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) 0 -20px no-repeat !important; margin:0; } #aeoninfo #wrapperContent_left h2 {color: #659acf; background: url(../../../images/frontend/bg_h2left-trans.png) no-repeat #c3e3ff;} #aeoninfo #wrapperContent_left ul {color: #659acf; background: #eee;} #aeoninfo #wrapperContent_left ul li a {color: #659acf; text-decoration: underline;} #aeoninfo #wrapperContent_left ul li a:hover {text-decoration: none;} #aeoninfo #contentWraper #headContent {background: #6699cc;} #aeoninfo #contentWraper #contentDetails {border: 3px solid #c1e0ff; border-bottom: 30px solid #c1e0ff; margin-top:-2px;} /********************************** Tua - 2008/10/08 - Executive Management ***************************************/ #aeoninfo #contentWraper #contentDetails .list-executive{ margin-left:76px; overflow:hidden; width:763px;} #aeoninfo #contentWraper #contentDetails .list-executive li{ display:block; margin-bottom:3px; float:left;} #aeoninfo #contentWraper #contentDetails .list-executive li em{ display:block; float:left; padding-left:17px;} #aeoninfo #contentWraper #contentDetails .list-executive li em span{ width:20px; float:left; display:block; text-align:right; margin-left:-20px; _margin-left:-10px;} /******************************************************************************************************************/ #aeoninfo #contentWraper h4 {font-size: 10px;} #investor-relations #nav_investor-relations a { display: block; height: 71px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -100px -20px no-repeat !important; margin:0; } #investor-relations #th_navigation #nav_investor-relations a { display: block; height: 71px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -88px -20px no-repeat !important; margin:0; } #investor-relations #wrapperContent_left h2 {color: #009a30; background: url(../../../images/frontend/bg_h2left-trans.png) no-repeat #b2e3c3;} #investor-relations #wrapperContent_left ul {color: #009a30; background: #eee;} #investor-relations #wrapperContent_left ul li a {color: #009a30; text-decoration: underline;} #investor-relations #wrapperContent_left ul li a:hover {text-decoration: none;} #investor-relations #contentWraper #headContent {background: #009933;} #investor-relations #contentWraper #contentDetails {border: 3px solid #b2e0c1; border-bottom: 30px solid #b2e0c1; margin-top:-2px;} #aeon_services #nav_our-services a { display: block; height: 71px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -238px -20px no-repeat !important; margin:0; } #aeon_services #th_navigation #nav_our-services a { display: block; height: 71px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -207px -20px no-repeat !important; margin:0; } #aeon_services #wrapperContent_left h2 {color: #32029b; background: url(../../../images/frontend/bg_h2left-trans.png) no-repeat #d3c3f3;} #aeon_services #wrapperContent_left ul {color: #6530cf; background: #eee;} #aeon_services #wrapperContent_left ul li a {color: #6530cf; text-decoration: underline;} #aeon_services #wrapperContent_left ul li a:hover {text-decoration: none;} #aeon_services #contentWraper #headContent {background: #6c3394; margin-bottom:2px;} #aeon_services #contentWraper #contentDetails {border: 3px solid #f4edfd; border-bottom: 30px solid #f4edfd; margin-top:-2px;} #aeon_services #contentWraper #contentDetails h3 { font-size:15px; margin:10px 0px !important;} #aeon_services #contentWraper #contentDetails th { font-size:15px; text-align:center; } #aeon_services #contentWraper #contentDetails h4 { font-size:14px; margin:10px 0px!important;} #aeon_services #contentWraper #contentDetails h4.name_list {margin:2px 0 10px 10px!important; font-size:15px; font-weight:700;} #aeon_services #contentWraper #contentDetails img {border: none;} #aeon_services #contentWraper #contentDetails .cardDeatail ol.stepApply li.bgOL01 {background: url(../../../images/frontend/aeon_services/bg_applystep1-trans.png) no-repeat;} #aeon_services #contentWraper #contentDetails .cardDeatail ol.stepApply li.bgOL02 {background: url(../../../images/frontend/aeon_services/bg_applystep2-trans.png) no-repeat;} #aeon_services #contentWraper #contentDetails .cardDeatail ol.stepApply li.bgOL03 {background: url(../../../images/frontend/aeon_services/bg_applystep3-trans.png) no-repeat;} #aeon_services #contentWraper #contentDetails .cardDeatail ol.stepApply li.bgOL04 {background: url(../../../images/frontend/aeon_services/bg_applystep4-trans.png) no-repeat;} #aeon_services #contentWraper #contentDetails .cardDeatail ol.stepApply li.bgOL05 {background: url(../../../images/frontend/aeon_services/bg_applystep5-trans.png) no-repeat;} #promotions #nav_promotions a { display: block; height: 71px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -353px -20px no-repeat !important; margin:0; } #promotions #th_navigation #nav_promotions a { display: block; height: 71px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -315px -20px no-repeat !important; margin:0; } #promotions #wrapperContent_left h2 {color: #ff3131; background: url(../../../images/frontend/bg_h2left-trans.png) no-repeat #ffd3d3;} #promotions #wrapperContent_left ul {color: #ff0000; background: #eee;} #promotions #wrapperContent_left ul li a {color: #ff0000; text-decoration: underline;} #promotions #wrapperContent_left ul li a:hover {text-decoration: none;} #promotions #contentWraper #headContent {background: #ff3334;} #promotions #contentWraper #contentDetails {border: 3px solid #ffd0d1; border-bottom: 30px solid #ffd0d1; font-family: Tahoma, Arial, sans-serif !important; overflow:hidden; margin-top:-2px;} /***************** Tua 2008/10/08 - Promotion Search - *******************************/ #promotions #contentWraper #contentDetails .mainpromo ul{/* margin:5px 0 5px 50px;*/list-style:disc;}/*--- add by Ae 20/01/2552 --- list-style:disc; ---*/ /*#promotions #contentWraper #contentDetails .mainpromo ul li{/*background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 6px no-repeat; padding-left: 9px; margin: auto;}*/ #promotions #contentWraper #contentDetails .mainpromo ol{/* margin-left:65px;*/list-style:decimal;}/*--- add by Ae 20/01/2552 --- list-style:decimal; ---*/ /*#promotions #contentWraper #contentDetails .mainpromo ol li{ list-style:decimal!important; background:none;}*/ /*************************************************************************************/ /****************************** AE 20/01/2009 -- Special Promotion --*********************/ #promotions #contentWraper #contentDetails .mainsp_promo ul{/*margin:5px 0 5px 50px;*/list-style:disc;}/*--- add by Ae 20/01/2552 --- list-style:disc; ---*/ #promotions #contentWraper #contentDetails .mainsp_promo ol{ /*margin-left:67px;*/list-style:decimal;}/*--- add by Ae 20/01/2552 --- list-style:decimal; ---*/ /*************************************************************************************/ #news_events #nav_news-events a { display: block; height: 71px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -455px -20px no-repeat !important; margin:0; } #news_events #th_navigation #nav_news-events a { display: block; height: 71px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -393px -20px no-repeat !important; margin:0; } #news_events #wrapperContent_left h2 {color: #ff9a32; background: url(../../../images/frontend/bg_h2left-trans.png) no-repeat #feebd8;} #news_events #wrapperContent_left ul {color: #cf6500; background: #eee;} #news_events #wrapperContent_left ul li a {color: #cf6500; text-decoration: underline;} #news_events #wrapperContent_left ul li a:hover {text-decoration: none;} #news_events #contentWraper #headContent {background: #ffa233;} #news_events #contentWraper #contentDetails {border: 3px solid #fff0d1; border-bottom: 30px solid #fff0d1;} #news_events #contentWraper #contentDetails p.eventCenter {width: 763px; text-align: center;} #news_events strong {display: inline; width: auto; float: none;} #customer_services #nav_customer-services a { display: block; height: 71px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -568px -20px no-repeat !important; margin:0; } #customer_services #th_navigation #nav_customer-services a { display: block; height: 71px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -561px -20px no-repeat !important; margin:0; } .serviceTitle { display: block; float: right; width: 440px;} #customer_services #wrapperContent_left h2 {color: #9a3396; background: url(../../../images/frontend/bg_h2left-trans.png) no-repeat #f3c3f3;} #customer_services #wrapperContent_left ul {color: #9a3396; background: #eee;} #customer_services #wrapperContent_left ul li a {color: #9a3396; text-decoration: underline;} #customer_services #wrapperContent_left ul li a:hover {text-decoration: none;} #customer_services #contentWraper #headContent {background: #9e3d9e;} #customer_services #contentWraper #contentDetails {border: 3px solid #efc0f6; border-bottom: 30px solid #efc0f6; margin-top:-2px;} #customer_services #contentWraper #contentDetails h4 { font-size:14px!important; } #customer_services #contentWraper #contentDetails img {border: none;} /************************** Tua 2008/10/07 Add CLASS lose in Lost Card Page *********************************************/ #customer_services #contentWraper #contentDetails .lose{ display:block;} #customer_services #contentWraper #contentDetails .lose ul li{ background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 6px no-repeat; padding-left: 9px; margin-left: 46px;} #customer_services #contentWraper #contentDetails .lose ol li{list-style: decimal outside; margin-left: 65px;} /************************************************************************************************************************/ #customer_services #contentWraper #contentDetails .cardDeatail ol.stepApply li.bgOL01 { background: url(../../../images/frontend/customer/bg_howuse-step1-trans.png);} #customer_services #contentWraper #contentDetails .cardDeatail ol.stepApply li.bgOL02 { background: url(../../../images/frontend/customer/bg_howuse-step2-trans.png);} #customer_services #contentWraper #contentDetails .cardDeatail ol.stepApply li.bgOL03 { background: url(../../../images/frontend/customer/bg_howuse-step3-trans.png);} #customer_services #contentWraper #contentDetails .cardDeatail ol.stepApply li.bgOL04 { background: url(../../../images/frontend/customer/bg_howuse-step4-trans.png);} #job_application #nav_job-application a { display: block; height: 71px; background: url(../../../images/frontend/menu/bg_navigationMain.jpg) -714px -20px no-repeat !important; margin:0; } #job_application #th_navigation #nav_job-application a { display: block; height: 71px; background: url(../../../images/frontend/menu/th_bg_navigationMain.jpg) -681px -20px no-repeat !important; margin:0; } #job_application #wrapperContent_left h2 {color: #309acf; background: url(../../../images/frontend/bg_h2left-trans.png) no-repeat #d7edff;} #job_application #wrapperContent_left ul {color: #309acf; background: #eee;} #job_application #wrapperContent_left ul li a {color: #309acf; text-decoration: underline;} #job_application #wrapperContent_left ul li a:hover {text-decoration: none;} #job_application #contentWraper #headContent {background: #3398cc;} #job_application #contentWraper #contentDetails {border: 3px solid #c9e6f6; border-bottom: 30px solid #c9e6f6; margin-top:-2px;} #job_application #contentWraper #contentDetails h4 { font-size:12px; /*color:#0074b4;*/ } /*#job_application #contentWraper #contentDetails ol{ margin-left:15px;}*/ /* Suek remove*/ #job_application #contentWraper #contentDetails ol { list-style:decimal;}/* Suek add */ /*#job_application #contentWraper #contentDetails ol li{ list-style:decimal; margin-left:10px;}*/ /* Suek Add == = */ #job_application #contentWraper #contentDetails ul {list-style: disc} /*#job_application #contentWraper #contentDetails ul li {list-style: disc}*/ /* Suek Add == = */ /*--- add by Ae 3/12/2551 ---*/ #job_application #contentWraper #contentDetails ol.showJob{ margin-left:0px;} #job_application #contentWraper #contentDetails ol.showJob li{ list-style:decimal; margin-left:0px;} #job_application #contentWraper #contentDetails img {border: none;} /*pare 18-01-2009*/ #job_application #contentWraper #contentDetails table { font-size:10px;} /*end*/ #dealer #wrapperContent_left h2 {color: #18458e; background: url(../../../images/frontend/bg_h2left-trans.png) no-repeat #bac7df;} #dealer #wrapperContent_left ul {color: #5d6192; background: #eee;} #dealer #wrapperContent_left ul li a {color: #5d6192; text-decoration: underline;} #dealer #wrapperContent_left ul li a:hover {text-decoration: none;} #dealer #contentWraper #headContent {background: #18478f;} #dealer #contentWraper #contentDetails {border: 3px solid #bbc8db; border-bottom: 30px solid #bbc8db; margin-top:-2px;} #dealer #contentWraper #contentDetails h4 { font-size:12px;} #cqs #wrapperContent_left h2 {color: #fff; background: url(../../../images/frontend/bg_h2left-trans.png) no-repeat #686868;} #cqs #wrapperContent_left ul {color: #000; background: #eee;} #cqs #wrapperContent_left ul li a {color: #000; text-decoration: underline;} #cqs #wrapperContent_left ul li a:hover {text-decoration: none;} #cqs #contentWraper #headContent {background: #686868;} #cqs #contentWraper #contentDetails {border: 3px solid #686868; border-bottom: 30px solid #686868;} #cqs #contentWraper #contentDetails h4 { font-size:12px;} #misc #wrapperContent_left h2 {color: #fff; background: url(../../../images/frontend/bg_h2left-trans.png) no-repeat #686868;} #misc #wrapperContent_left ul {color: #686868; background: #eee;} #misc #wrapperContent_left ul li a {color: #686868; text-decoration: underline;} #misc #wrapperContent_left ul li a:hover {text-decoration: none;} #misc #contentWraper #headContent {background: #686868;} #misc #contentWraper #contentDetails {border: 3px solid #d7d7d7; border-bottom: 30px solid #d7d7d7; position: relative;} #wrapperContent_left { width: 228px; padding-top: 20px; background: url(../../../images/frontend/bg_wrappercontentLeft.jpg) top no-repeat; float: left; } #wrapperContent_left h2 {width: 200px; height: 35px; font-size: 14px; font-weight: bold; line-height: 35px; text-align: center; margin: 0 auto;} #wrapperContent_left ul {width: 200px; margin: 5px auto 10px; padding: 7px 0 7px;} #wrapperContent_left ul li {padding: 3px 0 1px 10px; list-style: none;} #wrapperContent_left ul .active {font-weight: bold;} #wrapperContent_left ul li ul {width: auto; padding: 0; margin: 2px 0 0;} #wrapperContent_left ul li ul li {font-size: 9px;} #wrapperContent_left img {border: medium none;} dl#memberlogin {width: 150px; height: 61px; background: url(../../../images/frontend/bg_memberlogin.gif) no-repeat; margin: 0 auto 5px; padding: 8px 0 0 50px; _margin-bottom: -3px; display: block;} dl#memberlogin dt {margin: 0px; height: 21px; padding-bottom: 0px;} dl#memberlogin dd {margin: 0px 0 0 0px!important; height: 20px;} dl#memberlogin dd p {margin-top: 6px!important;} dl#memberlogin dd p img {float: left; margin: 0px!important; padding: 0px!important;} dl#memberlogin dd p span {float: left; margin-left: 7px;} dl#search {width: 200px; background: #cfcfcf; padding: 6px 0 3px; margin: 0 auto 5px; overflow: hidden;} dl#search dt {width: 46px; padding: 0 0 0 5px; float: left; clear: both;} dl#search dd {float: right; padding-right: 7px; width: 130px; clear: both; display: block; margin: 0!important;} dl#search dd input {vertical-align: top; float: left;} dl#search dd input.text {width: 100px; height: 15px; margin: 0 10px 0 0; border: 1px solid #808780;} /*-- edit 05.11.08 by Manop dl#memberlogin {width: 200px; height: 61px; background: url(../../../images/frontend/bg_memberlogin.gif) no-repeat; margin: 0 auto 5px;} dl#memberlogin dt {margin: 0 0 5px 50px;} dl#memberlogin dt img {margin-top: 8px;} dl#memberlogin dd {padding: 0 0 0 10px; margin-top: -13px;} dl#memberlogin dd p img {float: left; margin: 0px!important; padding: 0px!important;} dl#memberlogin dd p span {padding-left: 7px; float: left;} dl#search {width: 200px; background: #cfcfcf; padding: 6px 0 3px; margin: 0 auto 5px; overflow: hidden;} dl#search dt {width: 46px; padding: 0 0 0 5px; float: left; clear: both;} dl#search dd {float: right; padding-right: 7px; width: 130px; clear: both; display: block; margin: 0!important;} dl#search dd input {vertical-align: top; float: left;} dl#search dd input.text {width: 100px; height: 15px; margin: 0 10px 0 0; border: 1px solid #808780;} --*/ dl#quickAccess {width: 200px; margin: 0 auto 18px;} dl#quickAccess dt {} dl#quickAccess dd {margin: 0px!important;} dl#quickAccess dd form {margin: 0!important; padding: 0!important;} dl#quickAccess dd select {width: 159px; border: 1px solid #808780; vertical-align: top; font-size: 10px; margin: 0!important; float: left;} dl#quickAccess dd input {vertical-align: middle;/* margin-top: 1px;*/} /*--end edit --*/ #wrapperContent_right {width: 774px; float: right; overflow: hidden;} #contentLeft {width: 570px; float: left;} #contentRight {width: 204px; padding-top: 15px; float: right;} #contentRight ul {list-style:disc;}/*15-01-09 added to make the front end displays the same result as the backend by Ple*/ #contentLeft p.navigator {margin: 21px 0 6px 0; padding-bottom: 2px; font-weight: bold; border-bottom: 1px dotted #999; /*font-size: 11px;*/ color: #999;} #contentLeft h2 {margin: 25px 0 10px; border-bottom: 1px #336699 solid;} #contentLeft p.more {/*font-size: 11px;*/ text-align: right; margin: -27px 0 13px;} #contentLeft p.more a {color: #009900; text-decoration: underline;} #contentLeft p.more a:hover {text-decoration: none;} ul.newsList {width: 570px; color: #636363; display: block; margin: 0px!important;} ul.newsList li { width: 545px; list-style: none; padding: 4px 0 4px 15px; background: url(../../../images/frontend/icon_newslist.gif) 0 8px no-repeat; border-bottom: 1px dotted #a6a6a6; } ul.newsList li p {overflow: hidden;} ul.newsList li p em { width: 80px; font-style: normal; float: left;} ul.newsList li p span {width: 455px; float: right;} ul.newsList li p span img {padding-left: 5px; vertical-align: middle; float: none;} ul.newsList li p span a {color: #636363; text-decoration: underline; /*font-size: 11px;*/} ul.newsList li p span a:hover {text-decoration: none;} /*content wrapper*/ #contentWraper { width: 769px; padding-right: 5px; overflow: hidden; float: right; } #contentWraper p.navigator {margin: 21px 0 6px 0; padding-bottom: 2px; font-weight: bold; border-bottom: 1px dotted #999; /*font-size: 11px;*/color: #999;} #contentWraper p.navigator a {font-weight: normal; /*font-size: 11px;*/} #contentWraper #headContent {width: 769px; height: 34px; overflow: hidden;} #headContent h2 {float: left;} #headContent h2 img {margin: 4px 0 0 8px;} #headContent #subNavigation {float: right; overflow: hidden; margin: 15px 3px 0 0;} #subNavigation li {float: left; height: 19px; list-style: none!important;}/*--update 23.11.08 by Mnop--*/ #subNavigation li img {border: medium none;} #contentWraper h3 {float: left; margin-top: 15px;} #contentWraper #subMenu {float: right; overflow: hidden; margin: 23px 0 0;} /*#subMenu li,li img {float: left; border: 0; list-style: none!important;}*//*--update 23.11.08 by Mnop--*/ /*pare 15012009*/ #subMenu li {float: left; list-style: none!important; border: 0;} #subMenu li img {border: medium none!important; } /*end*/ #contentWraper #subMenu1 {float: right; overflow: hidden; margin: 15px 0 0;} ul#subMenu1 li/*, li img*/ {float: left; list-style: none;} ul#subMenu1 li img {border: medium none!important; } /*fix img float of li img {float: left */ li.anslist img{float: none;} #contentWraper #contentDetails {width: 763px; overflow: hidden; padding-bottom: 15px; clear:both;}/*--update 23.11.08 by Mnop--*/ #contentDetails h4 {margin: 2px auto 10px!important;} /*--- add by AE 3/12/2551---*/ /*#aeon_services #contentWraper #contentDetails h4 {margin: 2px auto 10px!important;color:#663399;font-size:15px;}*/ #aeon_services #contentWraper #contentDetails .cardDeatail h4 { margin: 10px 0!important; /*color:#663399;*/font-size:14px!important;} #aeon_services #contentWraper #contentDetails .cardDeatail h4.name_cobrand {margin: 2px auto 10px!important; color:#663399; font-size:15px!important;} #contentDetails h4.address {margin: 0 5px 1px;} #contentDetails #aboutAeon, #messageAeon {width: 753px; border: 0; margin:0 auto; display:block;} #aboutAeon tr td {vertical-align: top;} #aboutAeon tr td.location {background: url(images/frontend/aeon_info/en_aeon-map.gif) no-repeat; width:397px; height:365px;} #aboutAeon tr td.location p {margin: 335px 0px 0 290px;} #aboutAeon tr td.bgOverview {background:/* url(../../../images/frontend/aeon_info/bg-overview.gif) 5px 0 no-repeat; */} #aboutAeon tr td.bgOverview p {padding-left: 10px;} #aboutAeon tr td.bgOverview p.textDetail {padding: 0 20px; text-align: left;} #aboutAeon tr td p {padding: 0 5px 10px;} #aboutAeon tr td .bgcen {background: url(../../../images/frontend/aeon_info/bg/bgcen.gif) repeat-y 0 0; width: 343px; /*padding-top: 5px;*/ /margin-top: -4px;} #aboutAeon tr td p strong {display: block; /*font-size:12px;*/ padding: 3px;} #aboutAeon tr td p strong.background {background: #767676; color: #fff;} #aboutAeon tr td p strong.location {margin-top: 25px;} #aboutAeon tr td p strong.overview {background: #f6f6f6; margin-top: 0px;} #aboutAeon tr td p span {float: right;} #aboutAeon tr td p span a {color: #505050;} #aboutAeon tr.bgColor {background: #c5c5c5;} #aboutAeon tr th {width: 210px; font-weight: normal; text-align: left; vertical-align: top; padding: 2px 10px;} #messageAeon tr th {vertical-align: top; text-align: center; padding: 15px;} #messageAeon tr th img {margin: 5px 5px 5px 0;} #messageAeon tr td {vertical-align: top;} #messageAeon tr td p {/*font-size:12px;*/ padding: 0 0 2px 0; text-align: left;} #messageAeon tr td p strong {display: block; margin: 5px 0 15px 0;} #messageAeon tr td p strong.hrTitle { font-size: 16px; color: #0074b4; margin: 5px 0 5px 0;} #messageAeon tr td ol.recruitTech {list-style: decimal !important; margin: 0 0 15px 60px;} #messageAeon tr td ol.recruitTech li {} #messageAeon tr td p.space, .spaceBottom {text-indent: 0px; } #messageAeon tr td p.spaceBottom {margin: 10px 0; width: 520px;} /*giw add 17/09/08 */ #messageAeon tr td.messageAeonRight p {margin: 10px 0; width: 520px;} /*giw end 17/09/08 */ #messageAeon tr td ul.signature {width: 420px; margin: 0 auto; overflow: hidden; text-align: center;} #messageAeon tr td ul.signature li {float: left; width: 210px;} #messageAeon tr td ul.signature li p {text-align: center;} #messageAeon tr td ul.signature li img {text-align: center; float: none;} #messageAeon tr td ul.signature li strong {display: inline; width: 210px; padding: 0;} #messageAeon ul.recruitment li {background: url(images/frontend/careers/icon/bg_list.gif) 0 5px no-repeat; margin-left: 15px; padding-left: 15px;} #messageAeon ol.recruitment {padding: 5px 0 0 30px;} #messageAeon ol.recruitment li {list-style: decimal; background: none; margin-left: 15px; padding-left: 0;} #contentDetails p.title, .textDown {/*font-size:12px;*/ margin: 25px 0 20px 25px; font-weight: bold;} #contentDetails p.textDown {color: #0074b4;} #contentDetails p.textDown strong {float: left;} #contentDetails p.textDown span {float: left; width: 650px;} #contentDetails .boradDirectors {width: 625px; margin: 0 auto; overflow: hidden;} .boradDirectors li {width: 620px; overflow: hidden; line-height: 18px; /line-height: 16px;} .boradDirectors li em/*, li strong*/ {display: block; float: left; /*font-size:12px;*/} .boradDirectors li em {width: 260px; padding-left:20px;}/* Tua - 2008/10/08 - Board of Directors - Add"padding-left:20px;" Edit"widh:280px;" << to >> "width:260px;" */ .boradDirectors li strong {width: 340px;} .boradDirectors li em span {display:block; width: 40px; padding-right: 5px; text-align: right; float: left; font-style: normal; /*font-size:12px;*/margin-left:-30px; _margin-left:-17px;}/* Tua - 2008/10/08 - Board of Directors - Add"margin-left:-30px; _margin-left:-10px;" */ .boradDirectors li em a {font-style: normal; width: 290px; /*font-size:12px;*/} #contentDetails .messageDetails {width: 700px; margin: 0 auto; padding-top: 20px;} #contentDetails .messageDetails ul {list-style:disc;} /* Suek add */ ul.messageDetails li {width: 700px; overflow: hidden; line-height: 18px; /line-height: 16px;} ul.messageDetails li em {display: block; width: 200px; float: left; font-style: normal; /*font-size:12px;*/} ul.messageDetails li em img {padding-bottom: 15px;} ul.messageDetails li span/*, li strong*/ {display: block; float: left; width: 500px;} ul.messageDetails li span {/*font-size:12px;*/} ul.messageDetails li strong {padding-top: 5px;} ol.messageDetails li.remark{list-style:none;} ol.messageDetails li.remark strong {float: left; padding-top: 0; width: 70px; font-size: 9px;} /*anti li strong */ ol.messageDetails li.remark span strong {float: none !important; padding-top: auto !important; width: auto !important;} ol.messageDetails li.remark span.remark_text {float:left; width: 630px;} ol.messageDetails li.remark span.remark_text ol{list-style:decimal;} ol.messageDetails li.remark span.remark_text ul{list-style:disc;} ol.messageDetails li.remark span.remark_text img{float:none;} #contentDetails .messageMore {width: 700px; margin: 0 auto;} #contentDetails p.locationPic {width: 745px; margin: 0 auto; padding-top: 10px;} #contentDetails p.locationPic img {margin: 0 auto; } #contentDetails .locationMap {width: 650px; margin: 10px auto 0; overflow: hidden;} .locationMap strong {width: 60px; float: left;} .locationMap span {width: 590px; float: left;} #contentDetails p.aeonGroup {width: 715px; margin: 0 auto 10px; padding-top: 15px; padding-right: 40px; /*font-size: 11px;*/position: relative;} #contentDetails p.aeonGroup strong {/*font-size: 11px;*/} #contentDetails p.aeonGroup a {/*font-size: 11px;*/} #contentDetails p.aeonGroup img {position: absolute; bottom: -5px; right: 10px;} #contentDetails table.aeonGroup, h5.aeonGroup {width: 746px; margin: 0 auto; border: 0;} table.aeonGroup tr th {padding: 15px 0 5px; font-weight: normal;} table.aeonGroup tr > th {width: 666px; text-align: left;} table.aeonGroup tr > th + th {width: 80px;} table.aeonGroup tr th a {display: block; float: right; padding-right: 15px; background: url(../../../images/frontend/aeon_info/icon/arrow1.gif) 100% 2px no-repeat;} table.aeonGroup tr td {/*font-size: 11px;*/ padding-left: 20px;} /*#table.aeonGroup tr td {font-size: 11px; float: left; padding-right: 20px;}*/ table.aeonGroup tr.bgSolid {background: #efefef;} #contentDetails .corporate, .departmentTalk, .cordetail, .corporateProtect {width: 746px; margin: 0 auto; padding-top: 10px; overflow: hidden; text-align: left;/* font-size: 11px !important;*/} #contentDetails .cg {width: 746px; margin: 0 auto;} #contentDetails .cg h4 {margin: 10px 0 0 0 !important;} #contentDetails .cg p {padding-top: 10px;} #contentDetails p.corporate {text-indent: 0px; margin-bottom: -4px;} #contentDetails p.corporateProtect img {float: left; margin: -2px 10px 5px 0;} .corporate img.imgright {float: right;} .corporate img.imgrightSpace {float: right; margin: 0 0 10px 10px;} .corporate em {display: block; float: left; font-style: normal; font-weight: bold; width: 155px; margin: 2px 0;} .corporate span.corblock {display: block; float: left; width: 591px; margin: 2px 0;} /*.corporate li {float: left;}*/ .corporate li strong {line-height: 9px;} .corporate li img {margin-right: 10px; float: left;} /*.corporate > li + li {width: 500px;}*/ .corporate > li + li + li {background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 3px no-repeat; padding-left: 10px; width: 490px;} .corporate li.widthAuto {width: 746px; float: left;} /*.corporate > li.widthAuto + li.widthAuto {text-indent: 30px;}*/ /* start giw edit css 28/07/2008*/ /* .corporate li.corlist {padding: 0 0 5px ; background: none; float: left; width: 700px; display: block; overflow: h} .corporate span.num {display: block; float: left; padding-right: 5px; text-align: right; width: 25px;} */ ol.corporate {margin-left: 30px; list-style: none;} ol.corporate li.corlist {overflow: hidden; float: left; clear: both; padding: 0 0 5px; background: none; width: 700px;; margin-left: 20px;} ol.corporate-governance { list-style:decimal; margin:10px 10px 0 35px;}/* Tua **** 2008/09/23** Governance Page *** - Edit"margin:10px 10px 0 59px;" to "margin:10px 10px 0 35px;" */ ol.corporate-governance li{ margin-bottom:5px;}/* Tua **** 2008/09/16 *** Governance Page *** */ ol.corporate li.corlist span {display: block; width: 15px; float: left;} ol.corporate li.corlist > span + span {width: 685px;} /* end giw edit css 28/07/2008*/ .corporate > li.widthAuto + li.widthAuto + li.widthAuto { padding-left: 0; background: none;} .cordetail, .subdetail {padding-top: 0;} .subdetail {margin: 10px 0 0 0;} .cordetail li, .subdetail li {background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 5px no-repeat; padding-left: 8px; margin-left: 45px;}/* Tua **** 2008/09/23** Governance Page *** - Edit"margin-left: 60px;" to "margin-left: 45px;" */ .subdetail li {margin-left: 35px;} .corporate dt {width: 746px; margin-bottom: 10px;} .corporate dd {float: left; _margin-right:10px;}/* Tua 2008/09/16 ** Coporate Social Responsibility ** +"_margin-right:10px;" */ .corporate > dd {width: 233px;} .corporate > dd + dd {width: 513px;} /* p.corporate strong {line-height: 20px !important;} */ .departmentTalk dt {width: 153px; float: left; margin-right: 10px;} .departmentTalk dd {width: 580px; float: left;} .departmentTalk > dd {margin-bottom: 10px;} #contentDetails .rightAnnouncement {float: right; width: 197px; background: #b2e0c1; } #contentDetails table.leftAnnouncement {width: 365px; float: left; background: none; display: inline; border-top:1px solid #093; border-right:1px solid #093; border-bottom:1px solid #093;} .financial {margin: 10px 0 0 14px !important;} .setMaginL9 {margin: 10px 0 15px 9px !important;} .setMaginL18 {margint: 10px 0 15px 18px !important;} .setMaginTable {margin: 20px 20px 10px 100px !important;} /*table.leftAnnouncement tr th {border-left: 1px solid #093; background: #b2e0c1; vertical-align: middle; padding: 2px 0;} table.leftAnnouncement tr th span {font-weight: normal; font-size: 9px;} table.leftAnnouncement tr > th {border-left: none; text-align: left; padding-left: 5px; width: 166px;} table.leftAnnouncement tr > th + th {border-left:1px solid #093; padding: 0 5px; text-align: center;} table.leftAnnouncement tr td {border-left:1px solid #093; border-top:1px solid #093; padding: 2px 0;} table.leftAnnouncement tr > td {border-left: none; text-align: left; padding-left: 5px;} table.leftAnnouncement tr > td + td {border-left:1px solid #093; text-align: right; padding-right: 2px;}*/ table.leftAnnouncement tr th span {font-weight: normal;} table.leftAnnouncement tr th {border-left: 1px solid #093; background: #b2e0c1; vertical-align: middle; text-align: center; width: 166px; padding: 2px;border-left:1px solid #093;} table.leftAnnouncement tr td {border-left:1px solid #093; border-top:1px solid #093; text-align: left; padding: 2px 2px 2px 5px;} #contentDetails .h4Invester {background: #093; width:752px; height: 19px; overflow: hidden; margin: 2px auto;} .h4Invester img {float: left; margin: 3px 0 3px 5px;} #contentDetails p.bannerImage {margin-bottom: 20px;} #contentDetails .listInvester {width: 752px; overflow: hidden; margin: 0 auto 2px; padding: 0 0 2px; border-bottom: 1px dotted #7f7f7f;} #contentDetails .irFaq {width: 756px; overflow: hidden; margin: 5px auto;} .irFaq li {width: 756px; overflow: hidden; float: left; border-bottom: 1px dotted #b2e0c1; margin: 0 auto 1px; padding-bottom: 1px;} .irFaq li p {width: 756px; background: url(../../../images/frontend/ir/bg/bg-irfaq.gif) repeat-y; overflow: hidden; float: left; padding-bottom: 5px;} .irFaq li p img {float: left; width: 14px; height: 20px; margin: 5px 0 0 10px;} .irFaq li p strong {display: block; float: right; width: 700px; color: #007534; /*font-size:12px;*/padding: 5px 10px 5px 0;} /*--.irFaq li .irAns li {width: 756px; background: url(../../../images/frontend/ir/bg/bg-irfaq1.gif) repeat-y; overflow: hidden; float: left; border: none; margin: 0 auto;}--*/ .irAns {margin: 0px 10px; padding: 0;} li.anslist { background: url(../../../images/frontend/ir/irfaq-a-trans.gif) no-repeat; list-style: none; padding: 0 0 10px 35px; display: block; overflow: hidden; margin-left: 5px; margin-top:0px; width: 700px;} /* add by da for force ul display black circle 20-01-2009*/ li.anslist ul {list-style: disc;} .listInvester h4 {background: #093; width:752px; height: 19px; overflow: hidden; margin: 0 !important; } .listInvester h4 img {float: left; margin: 0pt 0pt 0pt 5px;} .listInvester a img {float: right; background: #fff; margin: -3px 0px !important; padding: 1px 0 1px 5px;} .listInvester p { /*font-size: 11px;*/ padding: 5px 5px;} ul.listInvester {padding: 20px 0px 15px 0px !important;} .listInvester li {float: left; padding: 5px 16px;padding-bottom: 8px;}/*--- use at announcement menu -- edit by AE 19/01/2552 -- add padding-bottom: 8px into this style ---*/ .listInvester li span.monPress {display: block; float: left; width: 32px;/*font-size:12px;*/ color: #093; font-weight: bold;} .listInvester li span.datePress {display: block; float: left; width: 25px;/*font-size:12px;*/ color: #093; font-weight: bold;} .listInvester li span.yearPress {display: block; float: left; width: 90px;/*font-size:12px;*/ color: #093; font-weight: bold; /*margin-top:2px;*/} .listInvester li p {display: block; float: left; width: 570px; padding: 0px !important;} .listInvester li p a {text-decoration: underline; color: #000;} #contentDetails .dlInvester {width: 743px; overflow: hidden; margin: 0 auto; padding: 0 0 2px; clear: both;} .dlInvester dt {padding: 5px 0;} .dlInvester dt strong {color: #960;} .dlInvester dd {background: url(../../../images/frontend/ir/bg/get-adobe-trans.gif) no-repeat; height: 55px; overflow: hidden;} .dlInvester dd img {padding: 10px; float: left;} .dlInvester dd p {font-size: 9px; padding: 10px 0;} .dlInvester dd p a{font-size: 9px;} #contentDetails .hightlights {width: 366px; overflow: hidden; float: left;} #contentDetails > .hightlights {margin: 20px 0 0 14px; border-right: 1px dotted #333; border-bottom: 1px dotted #333; padding: 0 0 10px; clear: both;} #contentDetails > .hightlights + .hightlights {margin-left: 0; border-right: none; border-bottom: 1px dotted #333; clear: none;} #contentDetails > .hightlights + .hightlights + .hightlights {margin: 0 0 10px 14px; border-right: 1px dotted #333; border-bottom: none; padding: 10px 0 0;} #contentDetails > .hightlights + .hightlights + .hightlights + .hightlights {margin: 0 0 10px; border: none;} .hightlights dt { background: url(../../../images/frontend/ir/bg/titile-graph.gif) 68px 0 no-repeat; height: 26px; text-align: center; font-size: 14px; font-weight: bold; color: #063; padding-top: 5px;} .hightlights dd {text-align: center;} #contentDetails .hightlightsBox {border: 1px solid #093; width: 720px; margin: 0 auto; clear: both; overflow: hidden; padding: 5px; line-height: 25px; /*font-size: 11px;*/} .hightlightsBox strong {float: left; margin-left: 5px; line-height: 12px;} .hightlightsBox span {float: left; margin: -6px 0 0 5px;} #contentDetails .annualReport {background: #b2e0c1; width: 763px; overflow: hidden; margin-bottom: -15px;} .annualReport p {background: url(../../../images/frontend/ir/bg/bg-annual-report.gif) no-repeat; float: left; width: 355px; height: 507px; text-align: center; /padding-bottom: 15px;} .annualReport p img {border: 3px solid #8d8d8d; margin: 30px auto 10px;} .annualReport p strong {font-size: 14px; color: #063; width:288px; display: block; margin: auto auto auto 35px; overflow:hidden;}/* add margin display by da*/ #contentDetails dl.annualReport {width: 397px; float: left; margin: 20px 0 0 5px;} dl.annualReport dd {width: 132px; float: left; text-align: center; /*font-size: 11px;*/ margin: 0px!important;} dl.annualReport dd img {border: 1px solid #8d8d8d;} dl.annualReport dd span {display: block; height:50px; margin: 5px auto 20px 10px; color: #063; width:116px; overflow:hidden;}/* add overflow width height by da*/ #contentDetails .tableblock{padding-top: 20px;} #contentDetails table.setTable {border: 1px solid #093; _border-left: none;} table.setTable tr th {border-left: 1px solid #093;} table.setTable tr > th {border: none;} table.setTable tr > th + th {border-left: 1px solid #093;} table.setTable tr td { border-top: 1px solid #093; padding: 3px 0;} table.setTable tr td p span{ width:16px; overflow:hidden; float:left; text-align:right;}/* Tua - 2008/10/07 - SHAREHOLDERS STRUCTURES - Add All Element */ table.setTable tr > td {border-left: none;} table.setTable tr > td + td {border-left: 1px solid #093;} table.dividend {width: 646px; margin-top: 20px !important; padding-top: 0px !important;} table.dividend tr th {background: #007534; color: #fff; text-align: center; margin:0 auto; padding: 10px 0;} table.dividend tr > th {width: 245px !important;} table.dividend tr > th + th {width: 133px !important;} table.dividend tr td {text-align: center;} table.dividend tr.bgE3f { background: #e3f2e7;} table.shareStruc {width: 716px; margin: 20px auto;} table.shareStruc tr th {text-align: center; color: #007534; background: #e3f2e7;} table.shareStruc tr > th {/*font-size:12px;*/ width: 433px; padding-left: 10px;} table.shareStruc tr > th + th {/*font-size: 11px;*/ width: 89px; padding-left: 0px;} table.shareStruc tr > td {text-align: left; padding-left: 10px;} table.shareStruc tr > td + td {text-align: right; padding-right: 10px;} table.shareStruc tr.bgEf {background: #efefef;} table.report56-1 {width: 626px; margin: 0 auto;} table.report56-1 tr th {background: #e3f2e7; padding: 3px 0; _text-align: left;} table.report56-1 tr th img {padding-right:10px;} table.report56-1 tr > th {/*font-size:12px;*/ width: 433px; text-align: left; padding-left: 15px;} table.report56-1 tr > th + th {/*font-size: 11px;*/ width: 89px; text-align: center; padding-left: 0px;} table.report56-1 tr td {padding: 3px 0; color: #666; _text-align: center;} table.report56-1 tr td {/*font-size:12px;*/border-left: 1px solid #093;} table.report56-1 tr > td + td {/*font-size: 11px;*/text-align: center; padding-left: 0px!important; width: 89px!important;} table.report56-1 tr.bgEf {background: #efefef;} table.finanState {margin: 0 auto;} table.finanState tr th {_text-align: center;} p.shareStruc {width: 716px !important; margin: 0 auto; padding-top: 10px;} p.report56-1 {width: 626px; margin: 0 auto; text-align: right; /*font-size: 11px;*/ color: #666;} h5.report56-1 {width: 626px; margin: 0 auto; padding-top: 20px; font-size: 14px; color: #063;} #contentDetails .shareHolders {/*font-size: 11px;*/ width: 450px; margin: 5px 0;} #contentDetails .shareHolders tr th {text-align: center;} #contentDetails .shareHolders tr > th {width: 260px;} #contentDetails .shareHolders tr > th + th {width: 120px;} #contentDetails .shareHolders tr td.textalign_right {padding-right: 20px;} #contentDetails .dividend {margin: 0 auto; padding-top: 20px;} p.dividend {width: 586px !important; padding: 0 30px;} p.dividend span {/*font-size: 11px;*/} .textJustify {text-align: left;} .txtJustify {text-align: justify !important;} #foundation {background: url(../../../images/frontend/aeon_info/bg/bg-foundation.gif) repeat-x #e9e9e8;} #foundationWrap {width: 1002px; overflow: hidden;} #foundationWrap #headWrap {width: 910px; height: 293px; margin: 0 auto 15px; overflow: hidden; background: url(../../../images/frontend/aeon_info/bg/head-foundation-trans.png) no-repeat;} #headWrap h1 {background: url(../../../images/frontend/aeon_info/en_logo-foundation-trans.png) no-repeat; width: 214px; height: 46px; margin: 20px 0 0 38px;} #headWrap h1 a {display: block; width: 214px; height: 46px; text-decoration: none;} #headWrap h1 a span {display: none;} #headWrap > p {width: 407px; margin: 0 0 0 58px; padding-top: 10px; text-align: right;} #headWrap > p + p {width: 444px; height: 14px; margin: 5px 0 0 58px; padding: 0; background: url(../../../images/frontend/aeon_info/bg/bg_foundtop-trans.png) no-repeat;} #headWrap > p + p + p {width: 404px; height: auto; margin: 0 0 0 58px; padding: 0 20px; color: #fff; /*font-size: 11px;*/ text-align: left; line-height: 12px; background: url(../../../images/frontend/aeon_info/bg/bg_foundmiddle-trans.png) repeat-y;} #headWrap > p + p + p + p{width: 444px; height: 14px; margin: 0 0 0 58px; background: url(../../../images/frontend/aeon_info/bg/bg_foundbotton-trans.png) no-repeat;} #foundationWrap h2, .foundationDetails {width: 800px; margin: 0 auto 10px;} .foundationDetails {padding-bottom: 10px; border-bottom: 1px dotted #8b8b8a;} .foundationDetails li { background: url(../../../images/frontend/aeon_info/icon/arrow2.gif) 0 8px no-repeat; padding-left: 10px; font-size: 9px; margin-left: 5px; line-height: 20px; } .foundationDetails .ulDirector {width: 700px; margin: 0 0 10px 100px; overflow: hidden; line-height: 20px; /*font-size:11px;*/ text-align: left;} p.ulDirector strong span {color: #cea000;} p.ulDirector img {float: left; margin-right: 15px;} ul.ulDirector li {background: none; margin: 0 20px; padding: 0; overflow: hidden;} /* li em, li strong {display: block; width: 280px; float: left; /*font-size: 11px;* / line-height: 16px;} li em {font-style: normal;} */ #foundationWrap #foundationFooter {background: url(../../../images/frontend/aeon_info/bg/footer-foundation-trans.png); width: 1002px; height: 103px; font-style: normal;} #foundationFooter p {float: right; margin-right: 120px; text-align: right; font-size: 9px; margin-bottom: 10px; clear: both;} #foundationFooter strong {font-size: 9px;} #footer {width: 1002px; color: #a6a6a6; text-align: center; padding: 10px 0; margin: 30px auto 0; position: relative;} #footer p {font-size: 10px; padding: 10px 0!important; margin: 0px;} #footer img {position: absolute; right: 5px; bottom: 2px;} #footer a {color: #a6a6a6; text-decoration: underline;} #footer a:hover {text-decoration: none;} #footer a img {position: absolute; right: 125px; bottom: 6px; _bottom: 26px;} /*for truehit images*/ ul.menuBottom {/*font-size: 11px;*/line-height: 11px; margin: 0 auto; padding-bottom: 0px;} ul.menuBottom li {height: 12px; list-style: none!important; padding: 0 3px; border-right: 1px solid #a6a6a6; display: inline;} ul.menuBottom li.noborder {border: 0;} /*pare 15012009*/ #contentDetails .jobDescription { width: 746px; margin: 10px auto; } /*end*/ #contentDetails .jobField {width: 746px; margin: 10px auto;} form.jobField {border-bottom: 2px solid #737373;} dl.jobField { width: 748px; border: 1px solid #000; _padding-bottom: 5px; margin-bottom: 10px; margin-left: 0px;} dl.jobField dd {width: 500px; margin-left: 0px!important;} dl.jobField dd dd {width: 700px;} dl.jobField dt {border: 1px solid #ccc; background: #71a2be; text-align: center; color: #fff; font-weight: bold;} dl.jobField dd {font-weight: bold; margin: 5px 5px 5px 0px; overflow: hidden; padding: 0px; } dl.jobField dd label {display: block; float: left; margin-left: 2px; } dl.jobField dd label select {font-size: 10px; width: 398px;} dl.jobField dd label input {float: left; margin: 1px 5px 0 0; /margin-top: -3px;} dl.jobField dd label.jobSubmit input {/margin-top: 0px; _margin:0pt 10px;}/* - Tua - 2008/09/18 - Job Application - +"_margin:0pt 10px;" - */ dl.jobField dd label.bgArrow {width: 130px; background: url(../../../images/frontend/careers/icon/arrow1.gif) 0 4px no-repeat; font-weight: normal; padding-left: 15px!important; } dl.jobField dd label.inputSearch {display:inline; margin-left:160px; width:auto !important;} dl.jobField dd label.inputSearch { margin-left: 160px; width: auto !important; display: inline;} dl.jobField dd label.btnSearch {/*float: right;*/ /margin-top: 3px !important;} .btnSearch input {border: 0; cursor: pointer; margin-right: 0 !important; background: url(../../../images/frontend/careers/button/btn-go.gif) no-repeat; width: 20px; height: 18px;} dl.jobField dd p label select {width: 398px; font-size: 10px;} p.jobField {margin: 0 auto; padding: 0; position: relative; clear: both; /*font-size: 11px;*/} p.jobField > strong {color: #1f6c99; /*font-size:12px;*/} p.jobField strong{ _color: #1f6c99;} /* Tua - 2008/09/23 - Job Application - Add"_color: #1f6c99;" */ /************ Tua - 2008/09/23 - Job Applicantion - ********************/ p.jobField .search-result{color:#000; position:absolute; right:0;} p.jobField .search-result em{color:#FF0000; font-style:normal;} p.jobField .search-result span{padding:0 5px; color:#FF0000;} /* #contentDetails .jobField ol {margin-left: 0px; } #contentDetails .jobField ol li {list-style: none;} #contentDetails .jobField ol .virtualpage {margin-left: 0px!important;} */ /* Suek Remove */ /************ Tua - 2008/09/23 - Job Applicantion - ********************/ p.jobField > strong + strong {position: absolute; right: 0; color: #000;/*font-size: 11px;*/} p.jobField > strong + strong em {color: #f00; font-style: normal;} p.jobField > strong + strong > em + em { padding: 0 5px;} p.jobField span a {color: #bebebe; text-decoration: none; /*font-size: 11px;*/} p.jobField > span {float: left;} p.jobField > span + span {float: right;} p.jobField em.countPage {font-style: normal; position: absolute; left: 50%; color: #bebebe; /*font-size: 11px;*/} address.jobField {font-size: 9px; font-style: normal; clear: both; padding-top: 0px; /padding-top: 0px;} /* address.jobField em {color: #1b7fb8; font-style: normal;} address.jobField strong {color: #1b7fb8;} address.jobField span {/*font-size: 11px;* /font-weight: bold; color: #777;} address.jobField span em {color: #000; font-style: normal;} address.jobField span a {color: #0c00ff;} */ /* Suek Remove*/ /*--- comment by Ae 25/11/2008---table.jobField { width: 748px; border: 1px solid #276C93;}*/ table.jobField { width: 748px; border: 1px solid #276C93; margin: 0px; padding: 0px;} /*---Add by Ae 25/11/2008---*/ table.jobField ol, table.jobField ul {margin: 0px; padding: 0px;} /*---end add by Ae 25/11/2008---*/ table.jobField tr th #job_header {height: 30px; margin-left:-1px; _margin-left:-2px;} table.jobField tr th #job_header li{ display:block; margin-left:1px; border: 1px solid #225c7d; background: #71a2be; height:30px; float:left; line-height:30px;} /******************* Tua - 2008/09/23 - Job Application - Edit table.jobField tr > th {width: 5%;} to 4px table.jobField tr > th + th {width: 15%;} to 18px table.jobField tr > th + th + th {width: 30%;} to 45px table.jobField tr > th + th + th +th {width: 10%;} to 11px table.jobField tr > th + th + th + th + th {width: 20%;} to 20px; ************************************************************************/ /* table.jobField tr > th {width: 4px;} table.jobField tr > th + th {width: 18px;} table.jobField tr > th + th + th {width: 45px;} table.jobField tr > th + th + th +th {width: 11px;} table.jobField tr > th + th + th + th + th {width: 20px;} table.jobField tr td table {width: 746px;} table.jobField tr td table tr td {height: 30px; vertical-align: middle;} table.jobField tr td table tr > td {width: 4px; text-align: center; font-weight: bold;} table.jobField tr td table tr > td + td {width: 18px;} table.jobField tr td table tr > td + td + td {width: 45px; text-align: left; text-indent: 10px; font-weight: normal;} table.jobField tr td table tr > td + td + td + td {width: 11px; text-align: center; text-indent: 0;} table.jobField tr td table tr > td + td + td + td + td {width: 20px; text-align: left; text-indent: 10px;} table.jobField tr td table tr.bgDef {background: #d8e7f0;}*/ /******************* Tua - 2008/09/23 - Job Application - Edit table.jobField tr > th {width: 5%;} to 4px table.jobField tr > th + th {width: 15%;} to 18px table.jobField tr > th + th + th {width: 30%;} to 45px table.jobField tr > th + th + th +th {width: 10%;} to 11px table.jobField tr > th + th + th + th + th {width: 20%;} to 20px; ************************************************************************/ table.jobField tr li.th_num { width:42px;} table.jobField tr li.th_postdate { width:105px;} table.jobField tr li.th_position { width:206px;} table.jobField tr li.th_exp { width:76px;} table.jobField tr li.th_depart { width:150px;} table.jobField tr li.th_location { width:150px;} /*Add old version by pong*/ table.jobField tr td ol li {width: 746px; min-height: 22px; padding: 8px 0 6px 0; float: left;} table.jobField tr td ol li.bgDef {background: #d8e7f0;} /* table.jobField tr td ol li strong {display: block; float: left; font-weight: normal;} table.jobField tr td ol li > strong {width: 4px; text-align: center;} table.jobField tr td ol li > strong + strong {width: 18px;}*/ table.jobField tr td ol li strong.job_num{ width:44px; text-align:center; margin-left: 3px; font-weight:normal; _width:44px; _margin-left:0;display: block;float: left;} table.jobField tr td ol li strong.job_postdate{ width:109px; text-align:center; font-weight:normal;display: block;float: left;} table.jobField tr td ol li span.job_exp { width:76px; text-align:center; display:block; float:left;} table.jobField tr td ol li span.job_depart { width:142px; display:block; float:left; padding-left: 10px;} table.jobField tr td ol li span.job_location { width:140px; display:block; float:left; padding-left: 10px;} table.jobField tr td ol li span.job_field_link {width: 200px; padding-left: 10px;display: block;float: left;}/* Tua - 2008/09/23 - Job Application - Edit"width: 29%;" <> "width: 28%;" Add"_width:20%;" */ .jobDetails {width: 746px; margin: 15px auto 0; overflow: hidden; text-align: left; font-weight:normal;} dl.jobDetails {width: 746px; margin: 15px auto 0; overflow: hidden; text-align: left; font-weight:normal!important;} dl.jobDetails ol li, dl.jobDetails ul li{ font-weight:normal;} { font-weight:normal;} dl.jobDetails dt {margin-bottom: 10px;} dl.jobDetails dd { padding: 0 0 0 80px; line-height: 20px; font-weight:normal;} p.jobDetails {width: 746px; margin: 15px auto 0;} /* giw add all 20080926 */ div.jobDetails {width: 763px !important; margin: 0 !important; overflow: hidden; background: #71a2be;} div.jobDetails h3 {color: #fff; font-size: 16px; float: left; margin: 10px 0 10px 10px; width: 500px;} div.jobDetails ul {float: right; margin: 15px 10px 15px 0; /*font-size: 11px;*/ color: #fff; width: 220px; font-weight:700;} div.jobDetails ul li {width: 220px; clear: both; text-align: left;} div.jobDetails ul li strong {width: 100px; color: #000; display: inline; float: none; margin-right: 5px; } .lhrMain {width: 753px; margin: 7px auto 0;} .lhrMain li {width: 753px; border-bottom: 1px #666 dotted; overflow: hidden;} .lhrMain li img {float: left; margin-right: 5px;} .lhrMain li h3 {width: 430px; height: 18px; font-size: 14px; line-height: 20px; margin: 0 !important; padding: 2px 0 0 5px; color: #fff; background: #3399cc;} .lhrMain li p {width: 510px; padding: 5px 5px 0 7px; _padding-bottom:0!important; text-align: left; float: right;} .lhrMain li p.hrdetail {width: 510px; padding: 5px 5px 0 7px; text-align: left; float: right;margin-bottom: 10px; }/**/ .lhrMain li a img {float: right; margin: 1px 0 2px !important;} .lhrMain li p.hrdetail {_float:right; _display:block; _overflow: hidden; _margin-left: 5px; text-align: left; text-justify: distibute; _width: 510px; _padding-left: 0px!important; _padding-right: 5px!important;} .lhrMain .lhrMainTitle { display: block; float: right; width: 523px; } /* .lhrMain li {width: 753px; border-bottom: 1px #666 dotted; overflow: hidden; display:block; clear:both;} .lhrMain li.imgHr {display: block; float: left;} .lhrMain li.detailHr {display: block; width: 430px; float: right;} .lhrMain li.detailHr h3 {width: 430px; height: 18px; font-size: 16px; line-height: 20px; margin: 0 !important; padding: 2px 0 0 5px; color: #fff; background: #3399cc; float: left; display:block; clear:both;} .lhrMain li.detailHr a img {float: right;} .lhrMain li.detailHr p {width: 510px; padding: 5px 5px 0 7px;} */ .lhrMain li a img {float: right; margin: 1px 0 2px !important;} .test {width: 753px; border-bottom: 1px #666 dotted; overflow: hidden; clear: both;} .test img {float: left; margin-right: 5px;} .test .boxtestright { width: 510px;} #contentDetails #eventList {width: 746px; margin: 0 auto; /*font-size: 11px;*/} #contentDetails #eventList {width: 746px; margin: 0 auto; _padding-left:10px; /*font-size: 11px;*/}/* Tua * 2008/09/16 * News & Events * +"_padding-left: 10px;" */ #eventList li.subEventList {overflow: hidden; margin: 15px 0; margin-left: 0px!important; } #eventList li.subEventDetail {overflow: hidden; margin: 15px 0; margin-left: 0px!important; } /*googiw add 17/09 */ #eventList img {float: none;} /*googiw end 17/09*/ #eventList li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #eventList li h5 {font-size: 12px; margin: 10px;} /*#eventList li p {margin: 10px;}*/ #eventList li address {font-style: normal; font-size: 9px; margin: 10px 10px 0;} #eventList li address em {display: block; float: left; width: auto; line-height: 120%; margin: -1px 5px 10px 0; color: #f4902b;} #eventList p.subjectList {width: 746px; margin: 0 0 15px; overflow: hidden; font-weight: bold;} p.subjectList span {float: left;} p.subjectList span em {width: auto; padding-right: 5px; line-height: 120%; font-weight: normal; display: inline; float: none;} p.subjectList span.number {width: 50px;} p.subjectList span.number em{font-style:normal;} p.subjectList span.number1 {width: 100px; float: left;} p.subjectList span.number1 em{font-style:normal;} p.subjectList span.number2 {width: 243px; padding-left: 10px;} p.subjectList span.subjectTitle {width: /*370px*/550px; text-align: center;} p.subjectList span.subjectTitle em{font-style:normal;} p.subjectList span.subjectTitle1 {width: 500px; float: left;} p.subjectList span.subjectTitle1 em{font-style:normal;} p.subjectList span.subjectTitle1 a {text-decoration: none; font-weight: bold; color: #000;} p.subjectList span.upDate {width: /*123px*/146px;} p.subjectList span.upDate em{font-style:normal;} /*giw add all 20080924*/ #eventList .detail_news {width: 746px; margin: 0 auto;} /* Remove by DA 14-01-2009 #eventList .detail_news strong{ display:inline; float:none; width:auto; display:inline; padding-right:0pt;} #eventList .detail_news ul {margin-left: 10px;} #eventList .detail_news ul li {background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 6px no-repeat; padding-left: 9px; margin: auto;} #eventList .detail_news ol {list-style: decimal outside; margin-left: 30px;} #eventList .detail_news table {margin: 0 auto;} */ /*giw end all 20080324*/ #eventList ul.eventContainer {margin-left: 0px!important; display: block;} #eventList p.viewAll {text-align: right; clear: both; padding-top: 5px; /padding-top: 0;} #contentDetails p.viewAll {width: 746px; margin: 0 auto; text-align: right; margin-right: 20px;} #eventList li.evenPic {float: left; width: 228px; margin: 0;} #eventList li.evenDetails {float: right; width: 476px; background: #fef6e4; margin: 0; padding: 10px; min-height: 129px; overflow: visible; _padding-bottom: 10px; height: auto!important;}/* Tua * 2008/09/16 * News & Events * +"_height:129px!important; _overflow:hidden;" *//* Wong leb */ *html #eventList li.evenDetails {height: 129px!important; background: #fef6e4;} /***************** Tua 2008/10/08 - News & Event - *******************************/ /* Remove By DA 14-01-2009 #eventList li.evenDetails ul{margin:5px;} #eventList li.evenDetails ul li{background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 6px no-repeat; padding-left: 10px; margin: auto;} #eventList li.evenDetails ol{ margin-left:22px; list-style:decimal!important;} #eventList li.evenDetails ol li{ list-style:decimal!important; background:none;} */ /*************************************************************************************/ /*add by DA 14-01-2009*/ #eventList li.evenDetails ul {list-style:disc;} #eventList li.subEventDetail ul {list-style:disc;} .listDestination {padding: 6px 10px; margin: 0;} p strong {width: auto; /*line-height: 12px;*/ padding-right: 5px;} .listDestination li {margin: 0 !important;} #eventList li.evenDetails .curTop, #eventList li.evenDetails .curDown {height: 8px; width: 506px; padding: 0;} p.curTop {background: url(../../../images/frontend/news_events/bg/cur-top.gif) no-repeat;} p.curDown {background: url(../../../images/frontend/news_events/bg/cur-down.gif) no-repeat;} #contentDetails .branchAndatm {float: left; width: 370px; margin: 10px 0 10px 10px; display: inline;} .branchAndatm li {float: left;} .branchAndatm > li + li {width: 185px; margin-top: 3px; } .branchAndatm li table {width: 185px;} .branchAndatm li table td.atmTop {height: 5px; background: url(../../../images/frontend/customer/bg/cur-background.gif) top no-repeat;} .branchAndatm li table td.atmContent {background: #e3e3e3; background-image: none; padding: 10px; height: 180px; vertical-align: top;} .branchAndatm li table td.atmBottom {height: 5px; background: url(../../../images/frontend/customer/bg/cur-background.gif) bottom no-repeat; padding: 0;} .branchAndatm li h5 {color: #9f3c9f; font-size: 12px; margin: 0px; padding: 0px;} .branchAndatm li p {margin-bottom: 10px; /*font-size: 11px;*/ padding: 0px; margin-top: 5px;} #contentDetails #serviceMap {width: 743px; margin: 0 auto; overflow: hidden; clear: both;} #serviceMap p.serviceLeft {position: relative; width: 259px; height: 422px; float: left;} #serviceMap p.serviceLeft img {float: left;} #serviceMap p.serviceLeft span {position: absolute; right: 20px; bottom: 41px; color: #fff; font-weight: bold;} #serviceMap .serviceRight {width: 484px; float: right;} ul.serviceRight {background: url(../../../images/frontend/customer/bg/bg-menu.gif) 0 0 repeat-y; height: 23px; width: 743px !important; margin: 0 auto;} ul.serviceRight li {float: right; padding: 0 8px; margin-top: 3px;} ul.serviceRight > li + li {border-right: 1px solid #fff;} ul.serviceRight li a {color: #fff; text-decoration: none;} ul.serviceRight li.activeMap a{ color: #f0c1f0;} p.serviceRight {height: 274px; text-align: center; background: url(../../../images/frontend/customer/bg/cur-bgdown.gif) bottom no-repeat #d5d5d5;} p.serviceRight img {padding-top: 15px;} ul.mapSerach, ul.searchAmt {margin: 15px 0 0 20px; width: 464px; height: 95px; background: url(../../../images/frontend/customer/parentheses.gif) 280px 0 no-repeat;} ul.mapSerach li#mapSerach-btn{clear: none; width: 130px; float: right; margin: 13px 0;} /* Tua - 2008/09/18 - Customer Service - +"clear: none; width: 130px; float: right; margin: 13px 0;" */ ul.mapSerach > li, ul.mapSerach li{float:left; margin:15px 0; width:250px;}/* Tua - 2008/09/18 - Customer Service- +"float:left; margin:15px 0pt; width:250px;" -"clear: none; width: 130px; float: right; margin: 13px 0;"*/ ul.searchAmt li{ float:right; width: 130px; margin:13px 0;} ul.mapSerach > li + li {margin: 15px 0; float: left; width: 250px;} ul.searchAmt > li + li {margin: 6px 0; float: left; width: 250px;} ul.mapSerach li label, ul.searchAmt li label {display: block; width: 80px; float: left; font-weight: bold; position: relative;} ul.mapSerach li label span, ul.searchAmt li label span {position: absolute; right: 5px;} ul.mapSerach li select, ul.searchAmt li select {width: 170px; float: left; font-size: 10px;} ul.mapSerach li.dropdown-map{float:left; margin:15px 0; width:250px;}/* Tua - 2008/0918 - MAp - */ ul.searchAmt li.dropdown-map{float:left; margin:5px 0; width:270px;}/* Tua - 2008/0926 - Atm - */ #contentDetails .howUser {width: 725px; margin: 10px auto; float: none;} #contentDetails table.tableMap {border: 1px solid #79a6c2; width: 745px; margin: 15px auto; /*font-size: 11px;*/} table.tableMap tr th {border-left: 1px solid #79a6c2; background: #94c5df; color: #007fab; padding: 5px 0;} table.tableMap tr > th {border: none; width: 4%;} table.tableMap tr > th + th {border-left: 1px solid #79a6c2; width: 30%;} table.tableMap tr > th + th + th {width: 30%;} table.tableMap tr > th + th + th + th {width: 12%;} table.tableMap tr td {border-left: 1px solid #79a6c2; border-top: 1px solid #79a6c2; padding: /*3px 1%*/3px; text-align: center;} table.tableMap tr > td {border-left: none; font-weight: bold;} table.tableMap tr > td + td {border-left: 1px solid #79a6c2; text-align: left;} table.tableMap tr > td + td + td { font-weight: normal;} table.tableMap tr > td + td + td + td {text-align: center;} table.tableMap tr.bgEbf {background: #ebf8ff} table.tableMap tr td#mapDetail {margin: 0; text-align: left; padding: 0;} table.tableMap tr td#mapDetail dl {width: 741px; border: 1px solid #000; overflow: hidden;} #mapDetail dl dt {background: #9e3d9e; color: #fff; padding: 10px 20px 5px; /*font-size: 12px;*/} #mapDetail dl dd {padding: 20px 0;} #mapDetail dl dd p {padding: 5px 0; /*font-size: 12px;*/} #mapDetail dl dd p span {color: #1c15f7;} #mapDetail dl dd > p + p {font-weight: normal; /*font-size: 11px;*/} #mapDetail dl > dd {float: left; width: 400px; text-align: center;} #mapDetail dl dd {float: left; width: 400px; text-align: center; margin: 0px!important;} /* Tua - 2008/09/26 - Map Detail - Add All */ #mapDetail dl > dd + dd {float: right; width: 340px; text-align: left; margin: 10px 0;} /*new edit tableset*/ table.payment {width: 726px; /*font-size: 11px;*/ margin: 0 auto;} table.payment td.thBg {background: url(../../../images/frontend/customer/table/payment_thBg.gif) repeat-y;} table.payment td.tdBg {background: url(../../../images/frontend/customer/table/payment_tdBg.gif) repeat-y;} table.payment th {text-align: center;} table.payment td {vertical-align: top;} table.payment th.setTh1 {width: 137px; padding-right: 2px;} table.payment th.setTh2 {width: 248px; padding-right: 2px;} table.payment th.setTh2 span { display: block; width: 248px; padding-top: 4px; font-weight: normal; color: #fff; background: #7b7b7b url(../../../images/frontend/customer/table/payment_thSpan.gif) top no-repeat; } table.payment th.setTh3 {width: 198px;} table.payment td.setTh1 {width: 131px; padding-left: 3px; padding-right: 5px;} table.payment td.setTh2 {width: 242px; padding-left: 3px; padding-right: 5px;} table.payment td.setTh3 {width: 192px; padding: 0 3px;} table.cash {width: /*743px*/726px; /*font-size: 11px;*/ margin: 0 auto;} table.cash td.thBg {background: url(../../../images/frontend/customer/table/cash_thBg.gif) repeat-y;} table.cash td.tdBg {background: url(../../../images/frontend/customer/table/cash_tdBg.gif) repeat-y;} table.cash th {text-align: center;} table.cash td {vertical-align: top; line-height: 14px;} table.cash th.setTh1 {width: 177px; padding-right: 2px;} table.cash th.setTh2 {width: 288px; padding-right: 2px;} table.cash th.setTh2 p { display: block; width: 288px; padding-top: 4px; color: #fff; background: #7b7b7b url(../../../images/frontend/customer/table/cash_thSpan.gif) top no-repeat; overflow: hidden; } table.cash th.setTh2 p span {float: left; width: 144px; font-weight: normal;} table.cash th.setTh3 {width: 274px;} table.cash td.setTh1 {width: 169px; padding-left: 5px; padding-right: 5px;} table.cash td.setTh2 {width: 288px; padding-right: 2px; overflow: hidden;} table.cash td.setTh2 span {float: left; width: 144px; font-weight: bold; text-align: center;} table.cash td.setTh3 {width: 264px; padding: 0 5px;} table.autopay {width:/*734px*/726px; /*font-size: 11px;*/ margin-left: 10px;} table.autopay td.thBg {background: url(../../../images/frontend/customer/table/autopay_thBg.gif) repeat-y;} table.autopay td.tdBg {background: url(../../../images/frontend/customer/table/autopay_tdBg.gif) repeat-y;} table.autopay th {text-align: center;} table.autopay td {vertical-align: top; text-align: center;} table.autopay th.setTh1 {width: 314px; padding: 5px 2px 5px 0;} table.autopay th.setTh2 {width: 135px; padding-right: 2px;} table.autopay th.setTh3 {width: 140px; padding-right: 2px;} table.autopay th.setTh4 {width: 136px;} table.autopay td.setTh1 {width: 294px; text-align: left; padding: 0 12px 0 10px;} table.autopay td.setTh2 {width: 135px; padding-right: 2px;} table.autopay td.setTh3 {width: 140px; padding-right: 2px;} table.autopay td.setTh4 {width: 136px;} table.payvia {width: 733px; /*font-size: 11px;*/ margin-left: 10px;} table.payvia td.thBg {background: url(../../../images/frontend/customer/table/payvia_thBg.gif) repeat-y;} table.payvia td.tdBg {background: url(../../../images/frontend/customer/table/payvia_tdBg.gif) repeat-y;} table.payvia th {text-align: center;} table.payvia td {vertical-align: top;} table.payvia th.setTh1 {width: 237px; padding: 5px 2px 5px 0;} table.payvia th.setTh2 {width: 215px; padding-right: 2px;} table.payvia th.setTh3 {width: 276px;} table.payvia td.setTh1 {width: 213px; padding: 0 12px 0 14px;} table.payvia td.setTh2 {width: 191px; padding: 0 12px 0 14px;} table.payvia td.setTh3 {width: 256px; padding: 0 10px;} table.payvia td.setTh3 ol {list-style: decimal; padding-left: 20px;} table.payfee {width: 656px; /*font-size: 11px;*/ margin-left: 10px;} table.payfee td.thBg {background: url(../../../images/frontend/customer/table/payfee_thBg.gif) repeat-y;} table.payfee td.tdBg {background: url(../../../images/frontend/customer/table/payfee_tdBg.gif) repeat-y;} table.payfee th {text-align: center;} table.payfee td {vertical-align: top;} table.payfee th.setTh1 {width: 445px; padding-right: 2px;} table.payfee th.setTh1 p { display: block; width: 445px; padding: 2px 0 0 0; color: #fff; margin-top: 2px; background: #7b7b7b url(../../../images/frontend/customer/table/payfee_thSpan.gif) top no-repeat; overflow: hidden; } table.payfee th.setTh1 p span {width: 222px; text-align: center; font-weight: normal; float: left;} table.payfee th.setTh2 {width: 350px;} table.payfee td.setTh1 {width: 450px; padding-right: 2px; text-align: center; vertical-align: middle;} table.payfee td.setTh2 {width: 227px; padding: 0 15px;} table.payfee td.setTh2 ol {list-style: decimal outside; padding-left: 20px;} table.payfee td p {color: #595959; padding: 5px;} /*- - - - - - - -*/ /*table.aeonAtm, table.bankCounter, table.directDebit, table.paymentAtm, table.paymentInternet, table.paymentFee {margin: 0 auto; /*font-size: 11px;*/} table.aeonAtm {width: 726px; background: url(../../../images/frontend/customer/bg/table-aeonatm.gif) no-repeat;} table.bankCounter {width: 743px; background: url(../../../images/frontend/customer/bg/table-bankcounter.gif) no-repeat;} table.directDebit {width: 743px; background: url(../../../images/frontend/customer/bg/table-direct.gif) no-repeat;} table.paymentAtm {width: 743px; background: url(../../../images/frontend/customer/bg/table-payment-atm.gif) no-repeat;} table.paymentInternet {width: 743px; background: url(../../../images/frontend/customer/bg/table-payment-internet.gif) no-repeat;} table.paymentFee {width: 656px; margin-left: 10px; background: url(../../../images/frontend/customer/bg/table-payment-fee.gif) no-repeat;} table.aeonAtm tr th, table.bankCounter tr th, table.directDebit tr th, table.paymentAtm tr th, table.paymentInternet tr th, table.paymentFee tr th { height: 40px; } table.aeonAtm tr th span, table.bankCounter tr th span, table.paymentFee tr th span {display: block; font-weight: normal; color: #fff; padding-top: 5px;} table.aeonAtm tr > th {width: 19%;} table.aeonAtm tr > th + th {width: 19%;} table.aeonAtm tr > th + th + th {width: 35%;} table.aeonAtm tr > th + th + th + th {width: 27%;} table.bankCounter tr > th {width: 24%;} table.bankCounter tr > th + th {width: 39%;} table.bankCounter tr > th + th + th {width: 37%;} table.directDebit tr > th {width: 43%;} table.directDebit tr > th + th {width: 19%;} table.paymentAtm tr > th {width: 32%;} table.paymentAtm tr > th + th {width: 29%;} table.paymentAtm tr > th + th + th {width: 39%;} table.paymentFee tr > th {width: 61%;} table.paymentFee tr > th + th {width: 39%;} table.aeonAtm tr td, table.bankCounter tr td, table.directDebit tr td, table.paymentAtm tr td, table.paymentInternet tr td, table.paymentFee tr td { vertical-align: top; padding: 2px; } table.aeonAtm tr td {height: 76px;} table.bankCounter tr td {height: 100px;} table.directDebit tr td {height: 150px;} table.paymentAtm tr td {height: 90px;} table.paymentInternet tr td {height: 70px;} table.paymentFee tr td {height: 70px; vertical-align: middle;} table.paymentFee tr td.colSpan {height: 20px; color: #595959;} */ ul.listTable { width: 96%; padding: 0 2%;} ul.listTable li {width: 100%; clear: both; /line-height: 11px;} ul.listTable li span {display: block; width: 49%; text-align: center;} ul.listTable li > span {float: left;} ul.listTable li > span + span {float: right;} ul.listDebit li {width: 100%; clear: both; /line-height: 11px; text-align: center;} p.atmDestinations {float: right; font-size: 9px; color: #36c; padding: 5px 10px;} p.atmDestinations a {font-size: 9px;} ul.atmDestinations {width: 743px; margin: 0 auto; padding: 5px 0; overflow: hidden; clear: both;} ul.atmDestinations > li {float: left; width: 352px; padding-right: 10px;} ul.atmDestinations > li + li {float: right; width: 381px; padding: 20px 0 0;} ul.atmDestinations li div {width: 381px; position: relative; height: 29px; background: #9f3c9f; clear: both; margin-bottom: 10px;} ul.atmDestinations li div h5 {position: absolute; left: 10px; top: 5px; font-size: 12px; color: #fff;} ul.atmDestinations li div a img {position: absolute; right: 5px; top: 5px;} ul.atmDestinations li p {padding-left: 10px; /*font-size: 11px;*/ overflow: hidden;} ul.atmDestinations li p a.GotoTop {background: url(../../../images/frontend/aeon_info/icon/arrow1.gif) 100% 4px no-repeat; padding-right: 15px; float: right; margin-bottom: 5px;} ul.atmDestinations li p span {color: #617555;} ul.atmDestinations li p span.textRed {color: #f00;} ul.atmDestinations li p em {color: #f00; width: auto;} .downloadSlip {width: 674px; margin: 0 auto 10px; overflow: hidden; clear: both;} /*.downloadSlip li {background: url(../../../images/frontend/customer/bg/list-dat.gif) 0 2px no-repeat; padding: 2px 0 2px 10px;} .downloadSlip li img {margin-right: 5px;} .downloadSlip li strong {width: auto; float: none; display: inline;} .downloadSlip > li+ li + li + li {background: none; padding-top: 15px;} .downloadSlip > li+ li + li + li a {/*font-size: 11px;*//*}*/ .downloadSlip tr td.connerTop {background: url(../../../images/frontend/customer/bg/cur-top.gif) no-repeat #cdcdcd;} .downloadSlip tr td.connerDown { background: url(../../../images/frontend/customer/bg/cur-down.gif) 0 100% no-repeat #cdcdcd; /*font-size: 11px;*/ padding: 2px 0 12px; } .downloadSlip tr td.connerDown p strong {color: #f00; display: block;} .downloadSlip tr td.connerDown p {padding: 0 12px; color: #494949;} .downloadSlip tr td.connerDown > p + p {margin-top: -15px;} .downloadSlip tr td.connerDown p > img + img {margin-bottom: -5px;} .downloadSlip tr td.connerDown img.bottomPic {float: right; margin: 0 10px 0 0;} .downloadSlip tr td table.tblSlip {width: 651px; margin: 10px auto; /*font-size: 11px;*/} .downloadSlip tr td table.tblSlip tr th {background: #fff; height: 26px;} .downloadSlip tr td table.tblSlip tr th.bgthLeft {background: url(../../../images/frontend/customer/bg/bg-th-left.gif) no-repeat #fff; } .downloadSlip tr td table.tblSlip tr th.bgthRight {background: url(../../../images/frontend/customer/bg/bg-th-right.gif) 100% 0 no-repeat #fff; } .downloadSlip tr td table.tblSlip tr.bgTd {/*height: 50px;*/} .downloadSlip tr td table.tblSlip tr.bgTd td {padding: 0 5px; text-align: center;} .downloadSlip tr td table.tblSlip tr td.bgtdLeft, td.bgtdRight {background: url(../../../images/frontend/customer/bg/bg-td.gif) no-repeat;} /*.downloadSlip tr td table.tblSlip tr td.bgtdLeft {background-position: 0 0; text-align: left;} .downloadSlip tr td table.tblSlip tr td.bgtdRight {background-position: 100% 0;} .downloadSlip tr td table.tblSlip tr td.bgtdMiddle {background: url(../../../images/frontend/customer/bg/bg-td-middle.gif) repeat-x;} .downloadSlip tr td table.tblSlip tr td img {float: left; margin-right: 5px;}*/ .downloadSlip tr td table.tblSlip tr td.bgtdLeft { background:#FFF; text-align: left;} .downloadSlip tr td table.tblSlip tr td.bgtdLeft .slip{ display:block; float:left;} .downloadSlip tr td table.tblSlip tr td.bgtdRight { vertical-align: top; padding-top: 10px; background:#FFF;} .downloadSlip tr td table.tblSlip tr td.bgtdMiddle { vertical-align: top; padding-top: 10px; background:#FFF;} .downloadSlip tr td table.tblSlip tr td img {float: left; margin-right: 5px;} .downloadSlip tr td table.tblSlip tr td .slip img {float: none; } .downloadSlip tr td table.tblSlip tr td.bgTdbottom{ background: url(../images/frontend/customer/bg/bg_bottom.gif) -1px 0 no-repeat; height:13px;} .downloadSlip tr td table.tblSlip tr td.bgtdTop{height: 11px; background: url(../images/frontend/customer/bg/bg_top.gif) -1px 0 no-repeat;} .downloadSlip tr td table.tblSlip tr td.bgtdLeft span.noSlip {float: left; padding-right: 10px; display:block; width:14px;} /*pare 14012009*/ .downloadSlip tr td table.tblSlip tr td.bgtdLeft ul { list-style:disc; } /*end*/ .faqList {width: 600px; margin: 20px auto;} ul.faqList li {background: url(../../../images/frontend/customer/bg/faq-list-dot.gif) 0 6px no-repeat; padding: 2px 0 2px 15px; font-weight: bold; text-decoration: underline;} ul.faqList li.listDat {background: url(../../../images/frontend/customer/bg/faq-list-dat.gif) 0 6px no-repeat;} ul.faqList li ul li {font-weight: normal; margin-left: 10px;} ol.faqList {width: 753px; margin: 0 auto;} ol.faqList a.faqQuestionLink {margin: 0; padding: 0; } ol.faqList li.eachfaqList {list-style: decimal !important; margin-left: 30px; padding: 2px 0; margin-left: 106px;} table#tblAnsFrame { width: 753px;} ol.faqList li ul table tr td.setBg {background: #dadada; padding-left: 86px; /*width: 631px;*//*border:1px solid yellow;padding-right:0px;*/} ol.faqList li ul.eachFaqAns {margin-left: -106px;}/* width: 753px; padding: 10px 0px 10px 0px; !important;}*/ form.faqList ul li {/*font-size: 11px;*/ padding: 2px 0; list-style: none;} form.faqList ul li label {display: block; float: left; width: 90px;} form.faqList ul li select {/*width: 155px;*/width: 232px; font-size: 10px;} form.faqList ul li input {width: 230px; font-size: 10px;} form.faqList ul li textarea {width: 231px;} /*add new class for faq detail answer bty da 22-01-2009*/ div.faqAnsDetailContainer{margin:0px;padding:0 0 5px 0;width:650px;/*border:1px solid red;padding-right:10px;*/} div.faqAnsDetailContainer p {margin-top:0px;margin-bottom:0px;margin-left:20px;} div.faqAnsDetailContainer ul {margin-top:0px;margin-bottom:0px;} div.faqAnsDetailContainer ol {margin-top:0px;margin-bottom:0px;} div.faqAnsDetailContainer li {padding:2px 0;} div.faqAnsDetailContainer ul {list-style:disc;} input.btnContact1 { /* font-weight: bold;*/ width: auto; font-size: 10px; line-height: 18px; margin: 5px 0 0 52px; width: 47px !important; height: 18px; background: url(../../../images/frontend/customer/bg/bg_input1.gif) no-repeat; border: 0; } input.btnContact2 { /*font-weight: bold;*/ width: auto; font-size: 10px; line-height: 18px; width: 62px!important; height: 18px; margin: 5px 10px 0; background: url(../../../images/frontend/customer/bg/bg_input2.gif) no-repeat; border: 0; } /* .mainPage {width: 753px; margin: 7px auto 0;} .mainPage li { width: 753px; border-bottom: 1px #666 dotted; overflow: hidden;display: block;} .mainPage li img {padding-right: 5px; position:relative; z-index:100; background:#FFF; /*_width: auto;*//*} .mainPage li .box-right {display:block; float: none; position:relative;} .mainPage li .box-right .hr-title {height: 18px; font-size: 16px; line-height: 20px; margin: 0 !important; padding: 2px 0 0 5px; color: #fff; background: #663399; float:none!important; margin-top:0!important;} .mainPage li .box-right .hr-title img{ background:none; padding:1px 0 0 5px;} .mainPage li .box-right p {padding-top:5px; padding-bottom:7px; _padding-bottom:5px!important; text-align: left;} .mainPage li .box-right a img {float: right; margin: -21px 0 0!important; padding:2px 0 2px 4px; background:#FFF;} */ /*--- old value ---*/ .mainPage {width: 753px; margin: 7px auto 0;} .mainPage li { width: 753px; border-bottom: 1px #666 dotted; overflow: hidden;} .mainPage li img {float: left;} .mainPage li h3 { width: 350px; height: 18px; font-size: 14px; line-height: 20px; padding: 2px 0 0 5px; color: #fff; background: #663399; margin: auto !important;} .mainPage li p { width: 428px; padding: 5px 5px 0 7px; float: right; /*font-size: 11px;*/ text-align: left; margin-bottom: 10px;} .mainPage li a img {margin-top: 2px; float: right;} #contentDetails form {margin: 0px 0 5px;} .searchTop {padding: 10px 10px 0px; margin: 0px!important;} .searchTop select {/*width: 180px;*/ color: #333333; font-size: 10px; border: 1px solid #808780; vertical-align:middle;}/* Tua - 2008/10/10 - Loan - Add"vertical-align:middle;" Remove"height: 18px;" */ .searchTop input {vertical-align: top; margin-left: 5px;} ul.cardMain {width: 742px; margin: 0 auto; border-top: 1px #666 dotted;} ul.cardMain li.cardmainrow {width: 742px; padding: 15px 0; border-bottom: 1px #666 dotted; overflow: hidden; position: relative;} /*ul.cardMain li.cardmainrow img {float: left;}*/ ul.cardMain li.cardmainrow h4 {font-size: 15px; font-weight: bold; color: #663399; margin: 0 !important;padding-left: 195px;}/* Nee - 2008/10/30 - Our Service - Add"padding-left: 195px;"*/ ul.cardMain li.cardmainrow h4 img {float: none;} /* ul.cardMain li.cardmainrow ul {width: 450px; border: 0; margin-left: 180px; padding: 1px 0 0;} ul.cardMain li.cardmainrow ul li {width:400px; background:transparent url(../../../images/frontend/aeon_services/bull2.gif) no-repeat scroll 0pt 7px;padding: 2px 0px 0px 8px; border: 0; margin-left: 30px; list-style: none!important;}/* Nee - 2008/10/30 - Our Service - Edit"margin-left: 15px; <> margin-left: 30px;"*//* Tua - 2008/09/17 - Our Service - Edit"list-style-position: inside; <> list-style-position: outside;"*/ /*.cardMain li ul li {width:400px; background:transparent url(../../../images/frontend/aeon_services/bull2.gif) no-repeat scroll 0pt 7px; padding: 2px 0px 0px 8px; border: 0; margin-left: 15px; list-style-position: outside;}/* Tua - 2008/09/17 - Our Service - Edit"list-style-position: inside; <> list-style-position: outside;"*/ ul.cardMain li.cardmainrow p.col_button {display: block; width: 85px; position: absolute; top: 25px; right: 5px;} ul.cardMain li.cardmainrow p.col_button img {float: none; margin: 0 0 2px;} /*------------- Add by Ae 9/1/2552 ----------------------*/ ul.cardMain li.cardmainrow .summary_txt{width:450px;margin-top:0px !important;margin-left:180px;} ul.cardMain li.cardmainrow .summary_txt h4{margin-left:0px !important;padding-left:0px !important;} /*ul.cardMain li.cardmainrow .summary_txt ul{margin-left:5px !important;width: 400px; border: 0;padding: 1px 0 0;}*/ /*ul.cardMain li.cardmainrow .summary_txt ul li{width:400px;background:transparent url(../../../images/frontend/aeon_services/bull1.gif) no-repeat scroll 0pt 7px;padding-left:10px;border:0;list-style: none!important; }*/ ul.cardMain li.cardmainrow .summary_txt ul {list-style: disc;} /* outside none;margin-left:25px;} ul.cardMain li.cardmainrow .summary_txt ol{margin-top:15px;}*/ /*ul.cardMain li.cardmainrow .summary_txt ol li{border:none; width:400px;margin-left:25px;padding:0px 0px 0px 2px;}*/ /*ul.cardMain li.cardmainrow .summary_txt p{margin-left:30px;}*/ ul.cardMain li.cardmainrow .summary_txt p img{float:none;} /*-------------------------------------------------------------*/ /*pare 14012009*/ /*ul.cardMain li.cardmainrow .summary_txt ul li ul li, ul.cardMain li.cardmainrow .summary_txt ol li ul li { margin-left:0px; list-style: disc inside none; } ul.cardMain li.cardmainrow .summary_txt ul li ol, ul.cardMain li.cardmainrow .summary_txt ol li ol { margin-top:0px!important; padding-left:25px; margin-left:0px!important; } ul.cardMain li.cardmainrow .summary_txt ul li ol li, ul.cardMain li.cardmainrow .summary_txt ol li ol li { background:none; margin-left:0px; list-style:decimal; }*/ /*end*/ .aeoncard {width: 600px; margin: 0 auto; _padding-left:71px;}/* Tua - 2008/09/17 - Our Service - +"_padding-left:71px;" */ .aeoncarddetail {width: auto !important;} .aeoncarddetail ul{ _margin-left:-71px;}/* Tua - 2008/09/23 - Card Detail - Add"_margin-left:-71px;" */ .aeoncard table.cardtable {padding-left: 100px;} .aeoncard h4 {font-size: 15px; font-weight: bold; color: #663399; } .aeoncard ol {list-style: decimal; padding: 0 0 0 10px !important; border-bottom: none !important;}/* Tua - 2008/09/23 - AEON Card - Edit"padding: 0 0 0 30px !important;" <> "padding: 0 0 0 10px !important;" */ .aeoncard ol li {list-style: decimal; background: none !important; padding-left: 0px !important;} .aeoncard ol li ul {list-style: disc; padding-left: 20px; border-bottom: none !important;} .aeoncard ul.listaeoncard li, .aeoncard ul li {background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 5px no-repeat; padding-left: 10px; margin-left: 17px;} .aeoncard p.titlecard {padding: 10px 0px;} .aeoncard p.lineheight {padding-top: 20px;} .lineaeoncard {width: 741px; border-top: 1px #666 dotted; margin: 10px 0px 0px -70px;} /*--Documents for Consideration By Manop 15.10.2008 --*/ .aeoncardDocument {width: 750px; overflow: hidden;} table.creditcard_botton {border: none !important; float: none !important; width: 522px !important; margin: 0 auto;} table.creditcard_botton tr td {text-align: center!important; padding: 0px !important; border: none !important; width: 150px !important;} table.creditcard_botton tr td + td {width: 160px !important;} .cardDeatail {width: 750px; margin: 0 auto; overflow:hidden; _padding-bottom:50px;}/* Tua - 2008/10/07 - AEON Detail Card - Add"_padding-bottom:50px;" */ /* .cardDeatail h4 {color: #663399; font-size: 15px; margin-bottom: 0px!important; } */ .cardDeatail {padding: 0px;} .cardDeatail p {padding: 0px; margin-top: 0px;} .cardDeatail p.picdetail {text-align: center; padding-top: 0px;} .cardDeatail p.applycard {text-align: right; margin-top: -22px; color: #00FF99; margin-bottom: 10px;} .cardDeatail p.applycardtext {/**/ color: #666666; margin-bottom: -10px; padding-top: 5px;} .cardDeatail p.title {color: #663399; font-size: 14px !important; line-height: 20px; margin: 0 !important; padding: 2px 0 5px!important;} .cardDeatail p.title-benefit-th{color: #663399; font-size: 14px !important; line-height: 20px; margin: 0 !important; padding: 10px 0 0; font-weight:bold;} .cardDeatail p.title2 {color: #663399; padding-left: 10px;} .cardDeatail ul { list-style:disc;} /*pare.cardDeatail ol {border-bottom: 1px #666 dotted; color: #333; margin: 0 0 5px 5px!important; padding: 7px 0 15px; }*/ /*pare.aeon_normal_cards li{ list-style:decimal!important; margin-left: 32px !important; _margin-left: 38px !important;}/* Tua - 2008/09/23 - AEON normal Card - Add"list-style:decimal!important; margin-left: 32px !important; _margin-left: 38px !important;" */ /*.cardDeatail li {margin-left: 5px; list-style: none; _margin-left: 0px;}*/ /* .cardDeatail li ul {margin: 0px 0 0 10px; padding: 0px;} .cardDeatail li ul li {margin-left: 2px; background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 0px 5px no-repeat; padding-left: 9px; list-style: none;} .cardDeatail ol li strong {color: #333; display: inline; float: none; width: auto;} .cardDeatail ol li ol {border: 0; padding: 0;} */ .cardDeatail .listdetail {margin: 0px!important; padding: 0px!important;} .cardDeatail ul.listdetail li, .cardDeatail ul.listdetail1 li {background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 5px 6px no-repeat; padding-left: 13px; margin-left: 10px; _margin-left: 0px!important;} /* .cardDeatail li ul {margin: 0px 0 0 0px; padding: 0px;} */ .cardDeatail ul.listdetail1 li {background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 0px 5px no-repeat; margin-left: 30px !important; _margin-left: 0px!important;} .cardDeatail ul.listdetail {padding: 0 0 10px!important; border-bottom: 1px #666 dotted; overflow:hidden; margin-left: 5px!important;}/* Tua - 2008/10/10 - Card Detail - Add"overflow:hidden;" */ .cardDeatail ul.listdetail ul {margin: 0px 0 0 10px;} .cardDeatail ul.listdetail li a {font-weight: bold; color: #339900; text-decoration: underline;} .cardDeatail ul.listdetail li a:hover {text-decoration: none;} .cardDeatail .nolistdetail li {background: none !important; padding-left: 0 !important; margin-left: 10px !important; } .cardDeatail div.boxleft { width: 414px; float: left; overflow:hidden; display:block;}/* Tua - 2008/10/10 * Card Detail *- Add"overflow:hidden;" */ /*pare.cardDeatail table {width: 305px; float: right; border-left: 2px solid #a18ad2; border-top: 2px solid #a18ad2; _margin-bottom: 10px;} .cardDeatail table caption {color: #663399; text-align: left; font-weight: bold; font-size: 14px; line-height: 20px; padding: 8px 0;} .cardDeatail table th {font-weight: normal; text-align: left; background: #d0c4e8; padding: 2px 5px; border-right: 2px solid #a18ad2; border-bottom: 2px solid #a18ad2;} .cardDeatail table td { vertical-align: top; border-right: 2px solid #a18ad2; border-bottom: 2px solid #a18ad2;} .cardDeatail table tr td {width: 55%; text-align: left; padding: 2px;} .cardDeatail table tr td.width_co {width: 0px !important;} .cardDeatail table tr td.width_co + td.width_co {width: 65px !important;} .cardDeatail table tr td + td { width: 40%; text-align: left;} .cardDeatail table td span {padding-left: 10px;}*/ .showliststyle {background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 5px no-repeat; padding-left: 8px; margin-left: 10px!important; list-style: none; _margin-left: 0px!important; } .cardDeatail ol.stepApply {width: 730px; overflow: hidden; margin: 5px 0 10px; padding-bottom: 25px; padding-left: 20px;} .cardDeatail ol.stepApply li {width: 145px; height: 235px; list-style: none; float: left; position: relative;} .cardDeatail ol.stepApply li.bgOL01 {z-index: 999;} .cardDeatail ol.stepApply li.bgOL02 {margin-left: -10px; z-index: 800;} .cardDeatail ol.stepApply li.bgOL03 {margin-left: -10px; z-index: 700;} .cardDeatail ol.stepApply li.bgOL04 {margin-left: -10px; z-index: 600;} .cardDeatail ol.stepApply li.bgOL05 {margin-left: -10px; z-index: 500;} .cardDeatail ol.stepApply li p {width: 125px; display: block; /* font-weight: bold; */color: #000; position: absolute; left: 9px; top: 70px;} .cardDeatail ol.stepApply li p img {position: absolute; width: 34px; height: 18px; top: 70px; margin: 0 0 0 6px;} .cardDeatail ol.stepApply li img { position: absolute; left: 0; bottom: 2px;} .cardDeatail ol.stepApply li img.howuseStep {position: absolute; left: 0; bottom: -5px;} div.happypoint {width: 748px; padding-top: 15px; margin: 0 auto; overflow: hidden;} div.happypoint img {float: left; margin-left: 5px;} div.happypoint dl {width: 295px; height: 380px; float: right; margin-top: 5px; position: relative;} div.happypoint dl dt {text-align: center;} div.happypoint dl dt img {float: none; margin: 0;} div.happypoint dl dd {text-align: left;} div.happypoint dl dd table {width: 212px; margin: 5px auto 0; vertical-align: bottom; background: url(../../../images/frontend/aeon_services/bg_tbHappy.gif) repeat-y;} div.happypoint dl dd table img {margin: 0;} div.happypoint dl dd table td {text-align: center; line-height: 20px; font-weight: bold;} div.happypoint dl > dd + dd {height: 155px; position: absolute; bottom: 10px;} div.happypoint p {font-weight: bold; font-size: 12px; color: #663399; padding: 5px 0; clear: both;} div.happypoint ul {width: 728px; padding: 10px; background: #f1f1f1;} div.happypoint ul li {/*font-size: 11px;*/ line-height: 16px; text-align: left; background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 5px 6px no-repeat; padding-left: 13px;} div.happyplan { width: 704px; padding-top: 15px; margin: 0 auto;} div.happyplan p {} div.happyplan .happyplanStep { width: 704px; height: 562px; margin-top: -15px; background: url(../../../images/frontend/aeon_services/happyplanBG-trans.png) no-repeat; } div.happyplan .happyplanStep > p {text-align: center; padding-top: 70px;} div.happyplan .happyplanStep > p + p { display: block; width: 704px; height: 554px; padding: 0; margin-top: -480px; } div.happyplan .happyplanStep > p + p + p {height: auto; margin-top: -300px; overflow: hidden;} div.happyplan .happyplanStep > p + p + p a {float: left; padding-left: 15px;} div.happyplan .happyplanStep > p + p + p span {float: right; padding: 0 15px 0 0;} div.meapay {width: 734px; /*margin: 0 auto;*/ margin-left:14px;} div.meapay ul {list-style:disc; margin-top:0px;margin-bottom:0px;}/*--- Add by Ae 15/1/2552 ---*/ div.meapay ol{margin-top:0px;margin-bottom:0px;}/*--- Add by Ae 22/1/2552 ---*/ div.meapay h3 {color: #663399; font-size: 14px; margin-bottom: 15px; float: none !important;} div.meapay h4 {font-size: 12px; color: #663399; margin: 0 !important; padding: 15px 0;} div.meapay h4 img {float: none;} div.meapay p {text-align: left;} div.meapay .setarea {width: 388px; float: left;} /*div.meapay .setarea ul li {background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 5px 6px no-repeat; padding-left: 20px; list-style: none; margin: 0px;}*/ div.meapay .setarea strong {display: inline; float: none; width: auto;} /*div.meapay ul {overflow: hidden; margin: 0px!important;}*/ div.meapay ul li.meapayBoxleft {width: 390px; float: left;} div.meapay ul li.meapayBoxleft ul {margin-left: 10px;} div.meapay ul li.meapayBoxleft ul li { width: 300px; /*font-size: 11px;*/ line-height: 16px; text-align: left; color: #333; background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 5px 6px no-repeat; padding-left: 13px; } div.meapay ul li.meapayBoxright {width: 344px; float: right;} /*div.meapay ul li.meapayBoxright ol {width: 330px; height: 210px; background: url(../../../images/frontend/aeon_services/meaBgeasy.jpg) no-repeat;} div.meapay ul li.meapayBoxright ol li {width: 225px; font-size: 14px; font-weight: bold; text-align: left; margin: 0 0 0 80px; padding: 20px 0 5px;}*/ div.meapay .meapayBoxdown {width: 734px; clear: both;} div.meapay .meapayBoxdown ul {width: 734px; padding: 10px 0; background: #efefef; overflow: hidden; font-size: 10px; margin:0px; } div.meapay .meapayBoxdown ul li {float: left; padding-left: 25px; overflow: hidden;} div.meapay .meapayBoxdown ul li img {float: left; padding: 7px 15px 0 5px;} div.meapay .meapayBoxdown ul li strong {display: inline; float: none; line-height: 25px;} div.meapay .meapayBoxdown ul li a { /*font-size: 11px;*/ display: block; color: #000; text-decoration: underline; padding-top: 10px; /*margin-left: 5px;*/} div.meapay .meapayBoxdown ul li a:hover {text-decoration: none;} div.meapay .meapayBoxdown ul > li + li + li p {width: 320px; font-size: 9px; color: #333; padding-left: 25px; float: left;} div.meapay .meapayBoxdown ul > li + li + li p span {display: block; /*margin-top: 7px;*/} div.meapay .meapayBoxdown ul > li + li + li img {padding: 0 0 0 0;} div.meapay .meapayBoxdown ul > li + li + li p a {display: inline; padding: 0; color: #333; text-decoration: underline;} div.meapay .meapayBoxdown ul > li + li + li p a:hover {text-decoration: none;} div.meapay .clickEmagDeatail1 { width: 405px; margin-top: 15px; /*background: url(../../../images/frontend/aeon_services/bg_emag.gif) no-repeat top;*/ float: left; background: #f4edfd; } div.meapay .clickEmagDeatail1 h4 { padding: 0px 0 7px 10px; background: url(../../../images/frontend/aeon_services/bg_emagcen.gif) repeat-y; /margin-top: -10px !important; } div.meapay .clickEmagDeatail1 ul, div.meapay .clickEmagDeatail1 ol, div.meapay .clickEmagDeatail1 p { list-style: none; padding: 0 10px; background: url(../../../images/frontend/aeon_services/bg_emagcen.gif) repeat-y ; } div.meapay .clickEmagDeatail1 p {/margin-top: -3px !important;} .clickEmagDeatail1 ol li {list-style: decimal; margin-left: 30px;} .clickEmagDeatail1 ul li {background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 5px 6px no-repeat; padding-left: 13px;} /* div.meapay .clickEmagDeatail1 ul li { padding-left: 13px; background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 5px 6px no-repeat; }*/ /* div.meapay .clickEmagDeatail1 p {width: 405px; height: 15px; background: url(../../../images/frontend/aeon_services/bg_emag.gif) no-repeat bottom; } */ div.meapay .clickEmagScreenshot {width: 323px; margin-top: 5px; float: right;} div.meapay .clickEmagScreenshot h4 {padding: 15px 0 0;} div.meapay .clickEmagScreenshot ul {list-style: none; float: right; overflow: hidden;} div.meapay .clickEmagScreenshot ul li { height: 17px; font-weight: bold; line-height: 17px; text-align: center; margin-left: 2px; float: left; } div.meapay .clickEmagScreenshot ul li a { width: 41px; background: url(../../../images/frontend/aeon_services/bg_clickEmag.gif) no-repeat; color: #663399; text-decoration: none; display: block; } div.meapay .clickEmagScreenshot ul li a.active {display: block; background-position: 0 -17px; color: #fff;} div.meapay .clickEmagScreenshot ul li a:hover {display: block; background-position: 0 -17px; color: #fff;} div.meapay .clickEmagScreenshot img {float: right; border: 2px solid #663399;} div.meapay .clickEmagScreenshot h4 img {float: none; border: 0;} div.discount {width: 743px; margin: 0 auto; overflow: hidden;} /*div.discount img {float: left;}*/ /*div.discount p {width: 520px; text-align: left; padding: 20px 0; float: right;}*/ div.discount .discountSearch { width: 453px; height: 96px; /*--- old value height:145px;---*/ background: url(../../../images/frontend/aeon_services/discountBgsearch.gif) no-repeat; float:right; position: relative; margin-right: 33px; } div.discount .discountSearch ul {float: left; witdh: 250px; overflow: hidden; position: absolute; top: 25px; left: 0px; display: block;}/*old value top: 47px;*/ div.discount .discountSearch ul li {width: 265px; float: left; list-style: none; margin-bottom: 5px;} div.discount .discountSearch ul li span {width: 70px; font-size: 11px; font-weight: bold; float: left; display: block;} div.discount .discountSearch ul li select {width: 174px; height: 20px; font-size: 10px; font-weight: normal; margin-left:10px;} div.discount .discountSearch dl {width: 250px; overflow: hidden; position: absolute; top: 47px; left: 30px; display: block;} div.discount .discountSearch dl dt {width: 70px; font-size: 11px; font-weight: bold; float: left; } div.discount .discountSearch dl dd {width: 175px; height: 20px; font-weight: bold; float: right; display: block;} div.discount .discountSearch dl dd select {width: 140px; height: 20px; font-size: 10px; font-weight: normal; margin-left:10px;} div.discount .discountSearch dl dd.clear {width: 230px; height: 10px; clear: both;} div.discount .discountSearch input {position: absolute; top: 35px; right: 39px; _right: -344px;}/* Tua - 2008/10/08 - Discount_shop - Add"_right: -344px;" */ div.discount_result {width: 736px; margin: 0 auto; } div.discount_result p.search {font-size: 11px; font-weight: bold; line-height: 20px;padding: 15px 0 0 7px; overflow: hidden;} div.discount_result p.search span {float: left;} div.discount_result p.search select {width: 135px; height: 20px; font-size: 10px; font-weight: normal; margin-right: 22px;} div.discount_result p.search input {float: right;} div.discount_result .title { width: 730px; height: 36px; background: url(../../../images/frontend/aeon_services/bg_h4discount_result.gif) no-repeat; overflow: hidden; margin: 15px auto 40px; } div.discount_result .title h4 {color: #663399; font-size: 14px; padding: 10px 0 0 15px; float: left;} /* <--- fix padding: 10px 0 0 15px; 25-11-2008 by da */ div.discount_result .title p {padding: 0 5px; float: right;} div.discount_result .title p input { margin: 10px 0 0 10px;} div.discount_result .title p select {width: 135px; height: 20px; font-size: 10px; vertical-align: top; margin-top: 8px;} div.discount_result p.total {overflow: hidden; margin:0px;} /* <--- add margin margin:0px; 25-11-2008 by da */ div.discount_result p.total strong {color: #009900; font-weight: bold; padding-left: 10px;} div.discount_result p.total span {float: right; margin-top: -13px;} div.discount_result ul.disc_ul {width: 736px; list-style: none; padding: 10px 0 0;margin: 0px;} /* <--- add margin margin:0px; 25-11-2008 by da */ div.discount_result li.disc_li {width: 718px; border: 1px #9999cc solid; padding: 8px; margin-bottom: 7px; overflow: hidden;} /*pare 15012009*/ div.discount_result li.disc_li ul { list-style:disc;} /*div.discount_result li.disc_li li img { float:none!important;}*/ /*end*/ div.discount_result img.disc_img {border: 1px #ccc solid; float: left;} div.discount_result table.disc_tbl {width: 590px; float: right; margin-top: 5px;} div.discount_result table.disc_tbl th {height: 20px; color: #000; background: #9999cc; /*border-right: 2px #fff solid;*/ padding: 0 10px;} div.discount_result table.disc_tbl td {vertical-align: top; padding: 10px 0 10px 10px;} /* <--- add padding-left: 10px;; 25-11-2008 by da */ div.discount_result table.disc_tbl tr > th {width: 70%; text-align: left;} div.discount_result table.disc_tbl tr > th + th {width: 25%; text-align: center;} div.discount_result table.disc_tbl td p {/*font-size: 11px;*/ /*padding: 10px;*/ text-align: left; /*margin:0px;*/} /* <--- add margin margin:0px; 25-11-2008 by da */ div.discount_result table.disc_tbl tr > td p.textTitle {/**/ font-weight: bold; color: #663399; padding: 0 0 0 10px; margin-bottom: -8px;} div.discount_result table.disc_tbl tr > td + td p.textTitle {/**/ font-weight: bold; color: #663399; padding: 0; margin-bottom: -8px;} /* fix 25-11-2008 by da div.discount_result table.disc_tbl tr td p > span {font-weight: bold; color: #663399;} div.discount_result table.disc_tbl tr td p > span + span { padding-left: 20px;} */ div.discount_result table.disc_tbl tr td p span.discnt_shop_tel {font-weight: bold; color: #663399;} div.discount_result table.disc_tbl tr td p span.discnt_shop_fax {font-weight: bold; color: #663399;} /*add 25-11-2008 by da */ div.discount_result table.disc_tbl td.discount_shopname_head {text-align: left;background:#9999CC none repeat scroll 0 0;height:20px;padding:0 10px;font-weight:bold;vertical-align:middle;} div.discount_result table.disc_tbl td.discount_detail_head {width: 35%; text-align: center;} div.discount_result table.disc_tbl tr td p.textTitle_address {/**/ font-weight: bold; color: #663399; margin-bottom: -8px; _margin-bottom: -15px;} div.discount_result table.disc_tbl tr td p.textTitle_period {/**/ font-weight: bold; color: #663399; margin-bottom: -8px; _margin-bottom: -15px;} div.discount_result table.disc_tbl td p.disc_address {margin-bottom: -5px; _margin-bottom: -10px;} div.discount_result p.page {text-align: right;} div.discount_result p.page span { font-weight: bold;} div.discount_result p.page a {color: #000; text-decoration: underline;} div.discount_result p.page a:hover {text-decoration: none;} div.loansmain {width: 763px; padding: 10px 0; background: #f8f5fc; overflow: hidden;} div.loansmain h4 { width: 440px; height: 20px; font-size: 12px; color: #fff; font-weight: bold; background: #663399; margin: 2px 0 0 0 !important; padding-left: 5px; float: right; } div.loansmain p {width: 425px; padding: 5px 10px; float: right;} div.loansmain img {border: 2px solid #cfcfcf; margin-left: 8px;float: left;} div.loansmain h4 img {border: 0; margin: 0; float: none;} ul.loansmain {width: 685px; margin: 0 auto 0 20px; list-style: none; overflow: hidden;} ul.loansmain li {width: 70px; height: 125px; /*font-size: 11px;*/ text-align: center; padding: 23px 5px 0 5px; float: left;} ul.loansmain li img {margin-bottom: 8px; float: none;} ul.loansmain li p a {color: #000; text-decoration: underline;} ul.loansmain li p a:hover {text-decoration: none;} .mainmortorcycle {width: 746px; padding-top: 30px; margin: 0 auto; overflow: hidden;} .mainmortorcycle ul{list-style:disc; margin-top:0px;margin-bottom:0px;}/*--- Add by Ae 15/1/2552 ---*/ .mainmortorcycle ol{margin-top:0px;margin-bottom:0px;}/*--- Add by Ae 22/1/2552 ---*/ .mainmortorcycle .leftcol {float: left; width: 380px;} .mainmortorcycle .leftcol p {padding: 10px 0px 16px; /*font-size: 11px;*/} .mainmortorcycle .leftcol h4 {font-size: 16px; font-weight: bold; /*color:#663399;*/ margin:0 !important; clear:both;} .mainmortorcycle .leftcol ul.memberStore { width: 355px; height: 73px; margin-top: 13px; margin-left: 0px!important; } .mainmortorcycle .leftcol ul.memberStore li {float: left;} .mainmortorcycle .leftcol ul.memberStore li a img {padding: 10px; margin-top: 3px;} .mainmortorcycle .rightcol {width: 322px; float: right; padding-right: 15px;} .mainmortorcycle .rightcol h4 {width: 322px; font-size: 14px; font-weight: bold; color:#663399; margin:0 !important;} .mainmortorcycle .rightcol ul.box, .mainmortorcycle .rightcol ul.boxlist, .mainmortorcycle .rightcol ul.boxlist1 { width:325px; background:#f1f1f1; line-height:18px; /*font-size:11px;*/ padding:10px 0 10px 10px; margin-top:8px; margin-left: 0px!important; } .mainmortorcycle .rightcol ul.box li,.mainmortorcycle .rightcol ul.boxlist li,.mainmortorcycle .rightcol ul.boxlist1 li {list-style: none; display: block;} .mainmortorcycle .rightcol ul.box li strong {width: auto!important;} .mainmortorcycle .rightcol ul.boxlist1 ul {margin-left: 2px;} .mainmortorcycle .rightcol ul.subbox {line-height:18px; padding-left: 10px; margin-left: 0px!important; } .mainmortorcycle .rightcol p.remark {padding-left:10px; line-height:18px; font-size: 9px; width:311px; margin:13px 0px 16px 5px; overflow:hidden;} .mainmortorcycle .rightcol p.remark strong {float:left;} .mainmortorcycle .rightcol p.remark span {float:left; width:240px; padding-left:10px;} .mainmortorcycle .rightcol ul.boxlist ul {margin-left: 2px;} .mainmortorcycle .rightcol ul.boxlist li {background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 0px 8px no-repeat; padding-left: 13px; width: 300px;} .mainmortorcycle .rightcol p {/*width: 300px;*/} .mainmortorcycle .rightcol ul.boxlist1 li {font-weight: bold; } .mainmortorcycle .rightcol ul.boxlist1 li ul li { background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 0px 8px no-repeat; padding-left: 13px; font-weight: normal; } p.textalign_center{/*font-size: 11px;*/ padding-top: 15px;} .textalign_center{text-align: center;} p.service_fee {padding: 8px; /*font-size: 11px;*/} p.service_fee strong {/**/ font-weight: bold;} p.service_fee span {font-weight: bold;} p.service_feePs {width: 685px; display: block; font-size: 9px; text-align: right; padding-top: 20px; margin: 0 auto;} p.service_feePs span {width: 245px; padding-left: 100px;} p.service_feePdf {padding-left: 38px; /*font-size: 11px;*/} p.service_feePdf img {padding-right: 18px;} div.service_fee {width: 745px; padding-bottom: 24px; margin: 0 auto; border-bottom: 1px #733873 solid;} div.service_fee h4 {font-size: 14px; font-weight: bold; color:#733873; margin:0 !important; padding: 10px 0 7px;} h4.service_fee {font-size: 14px; font-weight: bold; color:#733873; margin:0 !important; padding: 10px 0 7px 9px;} table.tb_service_fee {width: 685px; /*font-size: 11px;*/ border-top: #000 1px solid; border-left: #000 1px solid; margin: 5px auto 0;} table.tb_service_fee th { width: 216px; font-weight: normal; text-align: left; background: #9eceff; border-right: #000 1px solid; border-bottom: #000 1px solid; padding: 3px; } table.tb_service_fee .tb_servicefeeW01 {width: 470px;} table.tb_service_fee tr.bgyellow {background: #feff01;} table.tb_service_fee tr.bgyellow th {width: auto; font-weight: bold; text-align: left; background: #feff01; } table.tb_service_fee tr.bgyellow th.thcenter {text-align: center;} table.tb_service_fee tr.bgyellow th.thleft {font-weight:normal; text-align:left !important; background:none !important;} table.tb_service_fee tr.bggolf th {width: auto; font-weight: bold; text-align: center; background: #feff01; } table.tb_service_fee tr.bggolf th.bgblue { width: 216px; font-weight: normal; text-align: left; background: #9eceff; border-right: #000 1px solid; border-bottom: #000 1px solid; } table.tb_service_fee tr.left td {text-align: left; padding: 3px;} table.tb_service_fee th span, td span {/*font-weight: bold;*/} table.tb_service_fee td {text-align: center; border-bottom: #000 1px solid; border-right: #000 1px solid;} /*--service fee By manop 15.10.2008--*/ table.service_fee {width: 741px; margin-left: 9px;!important; background: #000; _width: 741px; _margin-left: 3px;} table.tb_personal_loan {width: 704px; /*font-size:12px;*/ border-top: #000 1px solid; border-left: #000 1px solid;} table.tb_personal_loan caption {width: 704px; /**/ color: #000; font-weight: bold; text-align: left; line-height: 20px; margin: 0 auto;} table.tb_personal_loan th {font-weight:normal; background: #cefeff; border-right: #000 1px solid; border-bottom: #000 1px solid; padding:3px;} table.tb_personal_loan tr td {border-right: #000 1px solid; border-bottom: #000 1px solid; /*font-size:11px;*/ padding:2px; } table.tb_personal_loan th.personal_loanW01 {width: 179px;} table.tb_personal_loan th.personal_loanW02 {width: 263px;} table.tb_personal_loan th.personal_loanW03 {width: 83px;} table.tb_personal_loan th.personal_loanW04 {width: 179px;} table.tb_personal_loan1 {width: 741px; /*font-size:11px;*/ border-top: #000 1px solid; border-left: #000 1px solid; margin: 0 auto 20px;} table.tb_personal_loan1 caption {width: 741px; /**/ color: #000; font-weight: bold; text-align: left; line-height: 20px; margin: 0 auto;} table.tb_personal_loan1 th {font-weight:normal; background: #ffcc99; border-right: #000 1px solid; border-bottom: #000 1px solid; padding:2px;} table.tb_personal_loan1 th.thleft, td.personal_loan1W01{font-weight:normal; text-align:left !important; background:none !important;} table.tb_personal_loan1 tr td {text-align:center; border-right: #000 1px solid; border-bottom: #000 1px solid; /*font-size:11px;*/ padding:2px;} table.tb_personal_loan1 td.personal_loan1W01 {width: 142px;} table.tb_personal_loan1 td.personal_loan1W02 {width: 49px;} table.tb_personal_loan1 td.personal_loan1W03 {width: 72px;} table.tb_personal_loan1 td.personal_loan1W04 {width: 52px;} table.tb_personal_loan1 td.personal_loan1W05 {width: 76px;} table.tb_personal_loan1 td.personal_loan1W06 {width: 55px;} table.tb_personal_loan1 td.personal_loan1W07 {width: 82px;} table.tb_personal_loan1 .tbdot, table.tb_personal_loan .tbdot {border-right: #000 1px dotted; text-align: center;} .mainLoansDetail {width: 750px; margin: 5px auto 0; padding-top: 10px; border-top: 1px #7f7f7f dotted; overflow: hidden;} .mainLoansDetail ul{list-style:disc; margin-top:0px;margin-bottom:0px;}/*--- Add by Ae 15/1/2552 ---*/ .mainLoansDetail ol{margin-top:0px;margin-bottom:0px;}/*--- Add by Ae 22/1/2552 ---*/ .mainLoansDetail .leftcol {width: 350px; float: left;} .mainLoansDetail .leftcol p {text-indent: 20px; margin-top:0px; /*padding: 10px 0px 16px;*/ /*font-size: 11px;*/} .mainLoansDetail .leftcol h4 {font-size: 14px; font-weight: bold; color:#663399; padding-top:10px; clear:both;} .mainLoansDetail .rightcol {width: 375px; float: right;} .mainLoansDetail .rightcol h4 {font-size: 14px; font-weight: bold; color:#663399; /*margin:0 !important;*/ clear:both;} .mainLoansDetail .rightcol ul.box,ul.boxlist,ul.boxlist1 { width:365px; background:#f1f1f1; line-height: 18px; /*font-size:11px;*/ padding:10px 0px 10px 10px; margin-top:8px; margin-left: 0px!important; } .mainLoansDetail .rightcol ul.box li,ul.boxlist li,ul.boxlist1 li {list-style: none; display: block;} .mainLoansDetail .rightcol ul.box li strong {width: auto!important;} .mainLoansDetail .rightcol ul.boxlist1 ul {margin-left: 2px;} .mainLoansDetail .rightcol ul.subbox {line-height:18px; padding-left: 15px;} /*.mainLoansDetail .rightcol li p strong {width:auto; } */ .mainLoansDetail .rightcol p.remark {padding-left:10px; line-height:18px; font-size: 9px; width:311px; margin:13px 0px 16px 5px; overflow:hidden;} .mainLoansDetail .rightcol p.remark strong {float:left;} .mainLoansDetail .rightcol p.remark span {float:left; width:240px; padding-left:10px;} .mainLoansDetail .rightcol ul.boxlist {line-height: 18px; margin-bottom:16px;} .mainLoansDetail .rightcol ul.boxlist li {background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 0px 8px no-repeat; padding-left: 13px;} .mainLoansDetail .rightcol ul.boxlist1 li {font-weight: bold; } .mainLoansDetail .rightcol ul.boxlist1 li ul li { background: url(../../../images/frontend/aeon_services/bg_ulList.gif) 0px 8px no-repeat; padding-left: 13px; font-weight: normal; } .maindealer {width: 728px; /*font-size: 11px;*/ margin: 0 auto;} .maindealer h4 {color: #19468f; font-size: 12px; margin: 10px 0px !important;} .maindealer p.titledealer {/**/ font-weight:bold; color:#19468f; margin-top: 15px; } .maindealer ol {margin: 18px 0px 0px 45px;} .maindealer li {list-style: decimal;} .maindealer li p {width: 663px;} .maindealer li span.tab {width: 210px; float: left; } .maindealer li span.textred {width: 30px; color: #f00; font-weight: bold; float: left;} .maindealer li span.tab {width: 210px;} .maindealer li span.textred {width: 30px; color: #f00; font-weight: bold;} .maindealer li a {color: #19468f; font-style: italic; font-weight: bold;} .maindealer p.text {font-weight: bold; text-decoration: underline; margin-left: 45px;} .maindealer .bold {font-weight: bold;} .maindealer .boldred {/*font-weight: bold;*/ color: #ff0000;} .maindealer p.textbottom {font-weight:bold; /*margin-left:45px;*/ margin:10px 0 0 5px;} .maindealer sup {font-style:normal; color:#ff0000; vertical-align: top;} .maindealer .note {margin:20px 0px 0px 160px;} #contentDetails h4.h {margin: 16px 0 21px 21px;} #contentDetails .titleWebContent {margin: 18px 0px -10px 23px; font-weight:bold;} #contentDetails .WebContent {width: 716px; text-align: left; margin: 10px auto 0; overflow: hidden; } #contentDetails .WebContent strong {padding-right: 0px !important;} #contentDetails ul.listWebContent {margin-top: 18px;} .listWebContent li {background: url(../../../images/frontend/legal/bg_list.gif) 5px 6px no-repeat; padding-left: 20px; margin-left: 40px;} #contentDetails .mainproduct {width: 733px; margin: 0 auto;} #contentDetails .mainproduct h4 {font-size: 12px; color: #19468f; margin-top: 17px;} #contentDetails .mainproduct p {/*font-size: 11px;*/ font-weight: bold; margin: 15px 0px 0px 5px;} #contentDetails .mainproduct ul.listlone {/*font-size: 11px;*/ margin-left: 86px;} .mainproduct li {overflow: hidden; line-height: 18px;} .mainproduct li span {width: 55px; float: left; font-style: normal; font-size: 9px; color:#19468f; font-weight:bold;} #contentDetails .mainproduct ul.agentype {margin-left: 20px;} ul.agentype li {overflow: hidden; line-height: 16px; font-size: 10px;} ul.agentype li span {width: 36px; float: left; font-size: 9px; color: #19468f; font-weight: bold;} ul.agentype li span.red {color: #ff0000; font-weight: normal;} ul.agentype li em {width: 234px; color:#ff0000;} .mainproduct strong {color: #ff0000; float: none; width: auto; display: inline; font-size: 9px;} .mainproduct .block1 {float: left; display:block; width:411px;} .mainproduct .block {float: right; display:block; width:322px;} #contentDetails dl.creditPromotion {width: 750px; margin: 0 auto; overflow: hidden; padding-top: 5px; clear: both; float: none; text-align: left; font-size: 10px; position:relative;} #contentDetails dl.creditPromotion li span {float: left; margin: 10px 0 -12px 0; _margin: 10px 0 0 0; border: none; width: auto;} #contentDetails dl.creditPromotion li span.applyPromo {float: right; margin-top: 10px; border: none;} #contentDetails img {border: none;} .creditPromotion dt {width: 265px; float: left; text-align: center; padding: 15px 0px;} .creditPromotion dd span.bg_up, .bg_bt {width: 485px; height: 20px; float: right; background: url(../../../images/frontend/promotions/en_bg-promo-up.gif) top no-repeat; display: block; margin: auto;} .creditPromotion dd span.bg_bt {background: url(../../../images/frontend/promotions/en_bg-promo-bt.gif) bottom no-repeat; margin: -3px 0 0 0; /*height: 10px;*/} .creditPromotion dd ul {width: 459px; background: #e3e3e3; margin: -10px 0 0 6px; float: right; padding: 0px 10px; min-height: 198px; _height:198px;}/* Tua - 2008/09/19 - Promotion - +"_height:198px;"*/ /*pare 14012009*/ /*.creditPromotion dd ul li ol { padding-left:0px!important; _margin-left:0px; } .creditPromotion dd ul li ol li { list-style-position:inside!important; list-style:decimal!important; } .creditPromotion dd ul li ol li ol { padding-left:17px!important; _margin-left:1px; } .creditPromotion dd ul li ol li ol li { list-style-position:inside!important; list-style:decimal!important; } .creditPromotion dd ul li ul { padding-left:0px!important; _margin-left:0px; } .creditPromotion dd ul li ul li { list-style-position:outside!important; list-style:none!important; }*/ /*end*/ /*endpare*/ /*.creditPromotion dd ul li {list-style: none;}*/ .creditPromotion dd ul ul {width: auto; margin: auto; padding: auto; min-height: 0px; float: none; _height:0;} /* Tua - 2008/09/19 - Promotion - +"_height:0;"*/ .creditPromotion dd ul li h4 {margin: 0 0 5px 0 !important; font-size: 10px;} .creditPromotion dd ul li em {display: inline; float: none; /*color: #3366CC;*/} /*--- Add by Ae 15/1/2552 ---*/ .creditPromotion dd ul li span.showDate {color: #3366CC !important;display: inline !important; width: 280px !important; float: none !important;} /*--- End add by Ae*/ .creditPromotion dd ul li strong {display: inline; float: none;} /*.creditPromotion dd ul > li + li + li + li {padding-bottom: 10px; float: left;}*/ .creditPromotion dd ul li.promosubmit {padding: 10px 15px 0px 0px; /*float: left;*/ position: absolute; bottom:17px; _bottom: 5px; width: 459px;}/* Tua * 2008/09/16 *** Promotion *** +"_bottom: -12px;" */ /* Created on 2008/09/18 */ .creditPromotion dd ul li.promosubmit ul.detail_btn {margin: 0;} .creditPromotion dd ul li.promosubmit ul.detail_btn li.detail_btn_left {float: left;} .creditPromotion dd ul li.promosubmit ul.detail_btn li.detail_btn_right {float: right;}/* End */ /* .creditPromotion dd ul li.listPromotion {padding-bottom: 5px; list-style: disc !important; margin-left: 15px;} */ .creditPromotion dd ul li.listPromotion {padding: 0 0 5px 15px; margin-bottom:18px; list-style: none !important; /*background: url(../../../images/frontend/promotions/listPromotion.gif) 0 8px no-repeat;*/}/* Tua * 2008/09/16 *** Promotion *** +"margin-bottom: 18px;" */ /*.creditPromotion dd ul li.listPromotion ul {width: 415px;}*/ /*.creditPromotion dd ul li.listPromotion ul li {background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 5px no-repeat; padding-left: 10px;}*/ /*add margin-left:14px; by Ple 14-01-09 to make it the same as it shows on the backend*/ .creditPromotion dd ul li.listPromotion ul { list-style:disc; margin-left:14px; list-style-position:inside;} .creditPromotion dd ul li.listPromotion span { clear: both !important; color: auto !important; border: none !important; float: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; display: inline !important; height: auto !important; } /*pare 14012009*/ /*.creditPromotion dd ul li ol li ul , .creditPromotion dd ul li ul li ol { padding-left:17px!important; _margin-left:1px; } .creditPromotion dd ul li ol li ul li { list-style:none!important; list-style:outside!important; } .creditPromotion dd ul li ul li ol li { list-style:decimal!important; list-style:inside!important; background:none!important; margin-left:-25px!important; } */ /*end*/ p.promoPageNav {width: 750px; margin: 10px auto; position: relative; clear: both; text-align: center;} .promoPageNav span.previous {display: block; position: absolute; left: 5px; top: 0;} .promoPageNav span.next {display: block; position: absolute; right: 5px !important;} /*DA add 17-01-2009 for promotion hilight*/ strong.promotionHilight {line-height: 20px;} p.promotionRemark span {line-height: 20px;margin:0pt;} p.promotionRemark {overflow: hidden; text-align: left;padding-top: 10px;width: 746px;margin:0px auto -16px auto;} div.promoSearch span.promotionbrand {font-style:bold; font-size: 10px;margin:0px 0px 0px 0px;font-weight: bold;} div.promoSearch select {margin-top:10px;} p.applyCard, p.downloadInfo {padding: 15px 15px 0; text-align: right;} p.downloadInfoPromoSearch {padding: 15px 15px 0;margin-top:0px;margin-bottom:15px;text-align: right;} p.downloadInfo, p.cqsShow {/*width: 703px;*/} p.cardPromoShow, p.cqsShow {text-align: center;} p.cqsShow {padding: 20px 0px;} .explainCard {padding: 15px 20px; width: 710px; margin: 0 auto; background: #e3e3e3;} .explainCard h4 {margin: -5px 0 10px!important; font-size:10px;}/* Tua - 2008/09/23 - Promotion Detail - Edit"margin-top: -5px!important;" <> "margin: -5px 0 10px!important; Add"font-size:13px;" */ .explainCard em {/*font-style: normal; color: #3366cc;*/} /*--- Add by Ae 15/1/2552 ---*/ .explainCard span.showDate {color: #3366CC !important;display: inline !important; width: 280px !important; float: none !important;} /*--- End add by Ae*/ .explainCard strong{ display:inline; float:none; width:auto; padding-right:0;}/* Tua - 2008/09/24 - Promotion Detail - Add"display:inline; float:none; width:auto; padding-right:0;"*/ .explainCard table {margin: 0;} /*giw add 2008/09/26 add .explainCard table {margin: 0 auto;} */ /*giw add 17/09*/ /*.explainCard ul {margin: 0px 0 0 5px;} .explainCard ul li {background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 5px no-repeat; padding-left: 10px; list-style: none; } .explainCard ol {list-style: decimal outside; margin: 0px 0 0 30px!important; padding: 0px!important;} .explainCard ol li {margin: 0px!important;}*/ /*giw end 17/09*/ /*pare 14012009*/ .explainCard ul { list-style:disc; } /*end*/ div.promoNotice {width: 749px; _width: 746px; /*padding: 0 10px; /*margin-bottom: -30px;*/ font-size: 9px; /*background: #ffd1d1; /*color: #b34141;*/ margin-bottom:0px;margin-left:0px;padding:0px; }/* Tua * 2008/09/16 * *** Promotion *** ** +"_width: 746px;" ** */ div.promoNotice p {margin-top:6px; margin-bottom:4px;} div.promoNotice ul {list-style:disc;} strong.promotionPrefix {color: #fe0000; font-weight: normal;} .promoSearch {width: 723px; height: 52px; padding: 5px 15px; margin: 5px auto; background: url(../../../images/frontend/promotions/en_bg-searchPromo-trans.gif) no-repeat;} .promoSearch h5 {font-size: 10px; margin: 0px!important;} .promoSearch form {margin: 0px;} .promoSearch select {margin-right: 10px; font-size: 9px; width: 200px; margin: 0px;} .promotionPeriod {padding-left: 2px; font-weight: bold; margin: 0 0 10px 5px!important;} /* giw edit padding-left: 20px to 10px*/ /* .promotionPeriod li {list-style: none; margin: 0px; padding: 0px;} */ .promotionPeriod h5 {font-size: 10px;} .promotionPeriod span {color: #ff3333;} /*giw add all 20080926*/ .promo_search_detail {width: 746px; margin: 0 auto; _padding-bottom: 7px;} /*da remove 14-01-2009 .promo_search_detail strong{ display:inline; float:none; width:auto; display:inline; padding-right:0pt;} .promo_search_detail ul {margin-left: 10px;} .promo_search_detail ul li {background: url(../../../images/frontend/aeon_info/icon/bull2.gif) 0 6px no-repeat; padding-left: 9px; margin: auto;} .promo_search_detail ol {list-style: decimal outside; margin-left: 30px;} .promo_search_detail table {margin: 0 auto;} */ /*giw end all 20080326*/ /*pare 14012009*/ /*.promo_search_detail ul li ul { padding-left:0px!important; _margin-left:0px; } .promo_search_detail ul li ul li , .promo_search_detail ol li ul li { list-style-position:outside!important; list-style:none!important; } .promo_search_detail ul li ol { padding-left:17px!important; _margin-left:1px; } .promo_search_detail ul li ol li { list-style:decimal!important; list-style:inside!important; background:none!important; margin-left:-25px!important; } .promo_search_detail ol li ul , .promo_search_detail ol li ol { padding-left:0px!important; _margin-left:3px; } .promo_search_detail ol li ol li { list-style-position:inside!important; list-style:decimal!important; }*/ /*end*/ /*pare 14012009*/ .promo_search_detail ul { list-style:disc;} /*end*/ .listPromoTable {/*width: 663px;*/width: auto; margin: 0 auto; border: 1px #505050 solid; border-right: none; border-bottom: none;} .listPromoTable th {vertical-align: top; padding: 5px;} .listPromoTable td {text-align: center; vertical-align: top; padding: 5px;} .listPromoTable th, .listPromoTable td {border: 1px #505050 solid; border-left: none; border-top: none;} .listPromoTable th.lightgreen {background: #4bd9a1;} .listPromoTable td.lightgreen {background: #a5ecd0;} .listPromoTable th.darkgreen {background: #8dd1b7;} .listPromoTable td.darkgreen {background: #c6e8db;} .listPromoTable th.lightSky {background: #cde7f3;} .listPromoTable td.lightSky {background: #e6f3f9;} .listPromoTable th.darkSky {background: #9fd7ef;} .listPromoTable td.darkSky {background: #cfebf7;} .listPromoTable th.darkRed {background: #ed9191;} .listPromoTable td.darkRed {background: #f6c8c8;} .listPromoTable th.lightRed {background: #f1bdbd;} .listPromoTable td.lightRed {background: #f8dede;} #misc input[type='text'] {width: 270px; /width: 260px; height: 20px; border: 1px solid #7f9db9;} #misc .searchbox{_width:270px; _border:1px solid #7F9DB9; _height:20px;}/* Tua - 2008/09/18 - Search */ #misc .corporate img {vertical-align: top; margin-top: 3px;} #misc .searchResult {width: 745px; margin: 8px auto 0; padding: 5px 0 0; border-top: 1px dotted #666;} #misc p.resultReport {background: #d7d7d7; padding: 5px 10px;} #misc .searchDetails h3 {float: none !important; font-weight: bold; margin-bottom: 5px; font-size: 10px;} #misc .searchDetails h3 a {color: #3366cc; text-decoration: none; border-bottom: 1px solid #3366cc;} #misc .searchDetails h3 a span {color: #ff0000; border-bottom: 1px solid #ff0000;} #misc .searchDetails {margin: 0px;} #misc .searchDetails p {margin: 0 0 10px 0;} #misc .searchDetails li {padding: 5px 10px 10px; border-bottom: 1px dotted #666; list-style: none; } #misc .searchDetails li span {color: #ff0000; background-color: #f6ff00;} #misc .searchResult .searchPage {padding: 10px 0; color: #a7a7a7;} #misc .searchResult .searchPage span {color: #fff; background: #636363; padding: 0 6px;} #misc .searchResult .searchPage a {color: #a7a7a7; padding: 0 5px; text-decoration: none;} #misc .searchResult .searchPage a:hover {color: #fff; background: #636363; padding: 0 5px; text-decoration: none;} p.banner {text-align: center; padding: 0 0 10px 0!important; margin: 0px!important;} p.banner img {border: none;} .textalign_right {text-align: right ;} .noborder {border: 0 !important;} .txtCenter {text-align: center;} .clear {clear: both;} p.floatnone img {float: none; margin: 0; padding: 0;} .setPadding0{padding: 0 !important;} #creditPromotion li.setMargin {_margin: -15px 0 0px !important;} #fontSizeSwitcher {display: none;} .boxheight {padding: 10px 0px 30px 10px !important; margin-bottom: 15px; /padding: 10px 0px 10px 10px !important;} .margintop { vertical-align: middle; margin-left: 5px;} #sitemap {margin: 20px 150px;} #sitemap img.site {margin-left: -20px;} .searchbutton {position: absolute; left: 334px; top: 9px; _left: 15px; _top:1px;}/* Tua - 2008/09/16 - Search - edit"_left: 348px; to _left: 189px;" +"_top:2px;" */ .txtindent {text-indent: 10px; margin: 0px;} .setpadding {padding-top: 7px; /padding-top: 12px;} #aeon_services #contentWraper #contentDiscountBorder {background:url(../../../images/frontend/aeon_services/discount_shop_bg_top1.gif) repeat-x #D9EAEA;padding-top:7px;padding-bottom:7px;margin-top:10px; } #aeon_services #contentWraper #contentDiscountBorder #contentDiscount {background:url(../../../images/frontend/aeon_services/discount_shop_bg_top.gif) repeat-x #eaf3f3; margin-left:7px;margin-right:7px;} #contentDiscountBorder #contentDiscount #headDiscount{height:22px;/* border-bottom:dotted 1px #333333;*/padding-top:12px;padding-left:17px;} #contentDiscountBorder #contentDiscount #bodyDiscount{margin:17px;padding-left:17px;padding-top:17px;margin-bottom:0px;} #contentDiscountBorder #contentDiscount #bodyDiscount ul { list-style:disc;} /*--- div for cms page such as company profile,aeon group etc. Add by Ae 22/01/2552 ---*/ #contentDetails #divCMS ul{list-style:disc;} /*----------------------------------------------------------------------------------------------------*/ /*add style of loan detail footer By DA 22-01-2009*/ #loadndetailfooter {margin:0px;width:100%;margin-bottom:-15px;} /*use margin-bottom:-15px because outdise div have paggind-bottom:15px*/ #loadndetailfooter ul {list-style: disc;} /*add style of faq header By DA 22-01-2009*/ #faqDescHeader {margin:0px;width:100%;} #faqDescHeader ul {list-style: disc;} /*add style of contact us header By DA 22-01-2009*/ #contactUsHeader {margin:0px;width:100%;} #contactUsHeader ul {list-style: disc;} /*add style of contact us header By DA 22-01-2009*/ #IRDirectionContainer {margin:0px;width:100%;} #IRDirectionContainer ul {list-style: disc;}