/*   

Theme Name: ClassicScenic-v2.3

Theme URI: www.classicscenic.com

Description: Development of design special for classicscenic.com, inspirate by AP, teamwork with And Loh and Max

Author: PCT ♦  Pröductiön

Author URI: www.myweb.com.my

Version: version 1

*/

/*********** Begin Sturcture **********/

body {

width: 1005px;

margin: 0 auto;

background: #a58b3e url('img/general/bg.png') repeat-x;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #666666;

font-size: 0.8em;

}

#wrap {

width: 1005px;

background: #ffffff;

}

#page {

width: 905px;

background: #ffffff;

margin: 0 auto;

}

#header {

height: 140px;

width: 900px;

background: #ffffff;

}

#header-content img {

float: left;

} 

#nav {

width: 790px;

height: 105px;

float: right;

}

#banner {

wdith: 900px;

}

#content {

width: 900px;

}

.content-main {

width: 676px;
float: right;

/*margin-top: 12px;*/

}

.content-main-without-sidebar {

width: 900px;

margin-top: 12px;

}

.content-main-home {

width: 611px;

float: right;

margin-top: 5px;

}

/*********** End Structure **********/

/*********** End Footer **********/

#footer {

background:#e2e0d3;

height: 120px;

width: 1005px;

border-top: #96a701 solid 1px;

}

#footer-bg-left {

width: 44px;

height: 75px;

background: url('img/general/footer-bg-left.png');

float: left;

}

#footer-bg-right {

width: 43px;

height: 75px;

background: url('img/general/footer-bg-right.png');

float: right;

}

#footer-content, #footer-content2 {

padding-right:5px;
position:relative;

}

#footer-content .logo-text {
position:absolute;
font-weight:bold;
top:45px;
left:115px;
}

#footer-content .logo-text02 {
position:absolute;
font-weight:bold;
top:55px;
left:115px;
}

#footer-content img {

float: left;

margin-top: 5px;

}

#footer-content p {

float: right;

font-size: 77%;

text-align: left;

width:450px;

/*margin-left: 40px;*/

margin-top: 5px;

}

#footer-content2 p {
font-size:77%;
margin-left:360px;
margin-top:25px;
text-align:left;
}
#footer-wrap {

background:#e2e0d3;

height: 75px;

margin-top: 5px;

padding-top:0px;

padding-bottom:15px;

padding-left:15px;

padding-right:15px;

}

/*********** End Footer **********/

/*********** Begin General Setting **********/

a img {

border: none;

}

a {

color: #a97c02;

text-decoration: underline;

font-size: 90%;

}

a:hover {

text-decoration: none;

}

a.bullet {

color: #a97c02;

text-decoration: underline;

font-size: 85%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

}

a:hover.bullet {

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 7px;

margin: 4px;

}

p {

margin:0;

margin-top: 12px;

}

p.text-green {

color: #9db851;

font-weight: bold;

}

p.text-emphasis {

color: #656565;

font-size: 105%;

font-weight: bold;

}

p.text-date {

color: #aa7b05;

font-size: 70%;

}

h1 {

color: #ffffff;

font-size: 122%;

margin: 0;

}

h2 {

color: #666666;

font-size: 110%;

}

h3 {

color: #a97c02;

font-weight: bold;

font-size: 105%;







margin: 0;







margin-top: 10px;

}

/*********** End General Setting **********/

/*********** Begin Title Bar **********/

/**** Title bar1 ****/

.title-bar1 {

width: 611px;

height: 39px;

}

.title-bar1-head {

float: left;

background-image: url('img/general/bar1-head.png');

height: 27px;

width: 46px;

}

.title-bar1-btm {

float: left;

background-image: url('img/general/bar1-btm.png');

height: 27px;

width: 11px;

}

.title-bar-content1 {

background: url('img/general/bar1-bg.gif') repeat;

float: left;

width: 553px;

height: 27px;

}

.title-bar-content1 h1 {

padding-top: 5px;

padding-left: 8px;

}

/**** Title bar1 (long version) ****/

.title-bar1-long {

width: 680px;

height: 28px;
padding-top:10px;

}

.title-bar1-long-head {

float: left;

background-image: url('img/general/bar1-head.png');

height: 27px;

width: 47px;

}

.title-bar1-long-btm {

float: left;

background-image: url('img/general/bar1-btm.png');

height: 27px;

width: 10px;

}

.title-bar-content1-long {

background: url('img/general/bar1-bg.gif') repeat;

float: left;

width: 618px;

height: 27px;

}

.title-bar-content1-long h1 {

padding-top: 5px;

padding-left: 8px;

}

/**** Title bar1 (max long version) ****/

.title-bar1-long2 {

width: 900px;

height: 38px;

}

.title-bar1-long2-head {

float: left;

background-image: url('img/general/bar1-head.png');

height: 27px;

width: 47px;

}

.title-bar1-long2-btm {

float: left;

background-image: url('img/general/bar1-btm.png');

height: 27px;

width: 10px;

}

.title-bar-content1-long2 {

background: url('img/general/bar1-bg.gif') repeat;

float: left;

width: 838px;

height: 27px;

}

.title-bar-content1-long2 h1 {

padding-top: 5px;

padding-left: 8px;

}

/**** Title bar2 short version ****/

.title-bar2 {

width: 235px;

height: 27px;

}

.title-bar2-head {

float: left;

background-image: url('img/general/bar2-head.png');

height: 27px;

width: 48px;

}

.title-bar2-btm {

float: left;

background-image: url('img/general/bar2-btm.png');

height: 27px;

width: 10px;

}

.title-bar-content2 {

background: url('img/general/bar2-bg.gif') repeat;

float: left;

width: 235px;

height: 27px;

}

.title-bar-content2 h1 {

padding-top: 5px;

padding-left: 8px;

}

/**** Title bar2 long version ****/

.title-bar2 {

width: 300px;

height: 28px;

padding-bottom: 0px;

}

.title-bar2-long {

width: 676px;

height: 27px;

}

.title-bar2-long-head {

float: left;

background-image: url('img/general/bar2-head.png');

height: 27px;

width: 49px;

}

.title-bar2-long-btm {

float: left;

background-image: url('img/general/bar2-btm.png');

height: 27px;

width: 10px;

}

.title-bar-content2-long {

background: url('img/general/bar2-bg.gif') repeat;

float: left;

width: 611px;

height: 27px;

}

.title-bar-content2-long h1 {

padding-top: 5px;

padding-left: 8px;

}

/**** Title bar2 (max long version) ****/

.title-bar2-long2 {

width: 900px;

height: 27px;

}

.title-bar2-long2-head {

float: left;

background-image: url('img/general/bar2-head.png');

height: 27px;

width: 49px;

}

.title-bar2-long2-btm {

float: left;

background-image: url('img/general/bar2-btm.png');

height: 27px;

width: 10px;

}

.title-bar2-content {

background: url('img/general/bar2-bg.gif') repeat;

float: left;

width: 838px;

height: 27px;

}

.title-bar2-content h1 {

padding-top: 5px;

padding-left: 8px;

}

/**** Title bar3 long version (for sidebar)****/

.title-bar3 {

width: 279px;

height: 27px;

}

.title-bar3-head {

float: left;

background-image: url('img/general/bar3-head.png');

height: 27px;

width: 45px;

}

.title-bar3-btm {

float: left;

background-image: url('img/general/bar3-btm.png');

height: 27px;

width: 11px;

}

.title-bar-content3 {

background: url('img/general/bar3-bg.gif') repeat;

float: left;

width: 222px;

height: 27px;

}

.title-bar-content3 h1 {

padding-top: 4px;

padding-left: 8px;

}

/**** Title bar3 short version (for sidebar)****/

.title-bar3-short {

width: 210px;

height: 28px;



}

.title-bar3-short-head {

float: left;

background-image: url('img/general/bar3-head.png');

height: 27px;

width: 45px;

}

.title-bar3-short-btm {

float: left;

background-image: url('img/general/bar3-btm.png');

height: 27px;

width: 11px;

}

.title-bar-content3-short {

background: url('img/general/bar3-bg.gif') repeat;

float: left;

width: 153px;

height: 27px;

}

.title-bar-content3-short h1 {

padding-top: 4px;

padding-left: 8px;

}

/**** Title bar4 ****/

.title-bar4 {

height: 27px;

}

.title-bar4-head {

float: left;

background-image: url('img/general/bar2-head.png');

height: 27px;

width: 49px;

}

.title-bar4-btm {

float: left;

background-image: url('img/general/bar2-btm.png');

height: 27px;

width: 10px;

}

.title-bar-content4 {

background: url('img/general/bar2-bg.gif') repeat;

float: left;

width: 425px;

height: 27px;

}

.title-bar-content4 h1 {

padding-top: 5px;

padding-left: 8px;

}

/**** Title bar5 ****/

.title-bar5 {

width: 179px;

height: 28px;

}

.title-bar5-head {

float: left;

background-image: url('img/general/bar2-head.png');

height: 27px;

width: 49px;

}

.title-bar5-btm {

float: left;

background-image: url('img/general/bar2-btm.png');

height: 27px;

width: 10px;

}

.title-bar-content5 {

background: url('img/general/bar2-bg.gif') repeat;

float: left;

width: 119px;

height: 27px;

}

.title-bar-content5 h1 {

padding-top: 5px;

padding-left: 5px;

}

/*********** End Title Bar **********/

/*********** Begin Sub Nav **********/

#sub-nav {

width: 900px;

/*height: 20px;*/

height: 30px;

}

#sub-nav a {

font-size: 72%;

color: #663300;

text-decoration: underline;

margin-left: 20px;

margin-top: 18px;

margin-right: 5px;

float: right;

}

#sub-nav a:hover {

text-decoration: none;

}

a#nav-home {

background: url('img/nav/nav-home.gif') left center no-repeat;

padding-left: 20px;

}

a#nav-site-map {

background: url('img/nav/nav-site-map.gif') left center no-repeat;

padding-left: 20px;

}

a#nav-google {

background: url('img/nav/nav-google.gif') left center no-repeat;

padding-left: 20px;

}

a#nav-rss {

background: url('img/nav/nav-rss.gif') left center no-repeat;

padding-left: 20px;

}

/*********** End Sub Nav **********/

/*********** Begin Sidebar **********/

#sidebar {

width: 279px;

float: left;

margin-top: 6px;

}

.sidebar-content {

background: #fff7e0 repeat;

width: 279px;

padding-bottom: 15px;

padding-top: 8px;

}

#content-layout1 .position {

width: 216px;

height: 20px;

float: left;

}

.sidebar-content #content-layout1 img {

float: left;

}

.sidebar-content img.position {

padding-bottom: 10px;

}

.sidebar-content img {

margin-top: 12px;

margin-left: 20px;

}

.sidebar-footer {

width: 277px;

height: 101px;

background: url('img/general/sidebar-footer.jpg');

}

/*********** End Sidebar **********/

/*********** Begin Product Sidebar **********/

#sidebar2 {

width: 210px;

float: left;

margin-top: 12px;

}

#sidebar2 a {

color: #666666;

font-size: 92%;

text-decoration: none;

}

#sidebar2 a:hover {

color: #a97c02;

font-weight: bold;

}

.sidebar2-content {

background: #fff7e0 repeat;

width: 210px;

padding-bottom: 8px;

padding-top: 7px;

}

.sidebar2-content ul {

margin-top: 0;

margin:0;

padding:0 0 0 28px;

}


.sidebar2-content li {

margin-top: 15px;

list-style-type: none;

background: url('img/general/sidebar-bullet.gif') center left no-repeat;

padding-left: 15px;

width: 155px;

}

/*********************************sidebar for investor relations********************************/

.sidebar3-content {

background: #fff7e0 repeat;

width: 210px;

padding-bottom: 8px;

padding-top: 7px;

}

.sidebar3-content ul {

margin-top: 0;

margin:0;

padding:0 0 0 26px;

list-style:none;

}

.financial-sub {
margin:0 0 -15px 12px;
padding:0;
}


.financial-sub-2 {
margin:0 0 0px 12px;
padding:0;
}

.sidebar3-content ul li ul{
margin:0 0 0 8px;
padding:0;
}


.sidebar3-content ul li ul li {
padding:0 0 0 8px;
margin:0;
}

.sidebar3-content li {

margin-top: 15px;

background: url('img/general/sidebar-bullet.gif') left 5px no-repeat;

padding-left: 10px;

}


#sidebar3 a {

color: #666666;

font-size: 92%;

text-decoration: none;
}

#sidebar3 a:hover {

color: #a97c02;
font-weight: bold;

}

#sidebar3 {

width: 210px;

float: left;

margin-top: 12px;

}

#sidebar3 h1 {
font-size:112%;
padding:4px 0 0 4px;}

.sidebar3-pdf{
font-size:80%;
padding:0 0 0 5px;
}


/*******************************end sidebar for investor relations*************************/

.sidebar2-footer {

width: 164px;

height: 66px;

background: url('img/general/sidebar-footer2.jpg');

}

/*********** End Product Sidebar **********/

/*********** Begin Home **********/

#home {

width: 900px;

height: 600px;

}

#intro {

width: 611px;

height: 310px;

}

#latest-news {

width: 297px;

height: 180px;

float: left;

}

#latest-news p {

margin: 0;

}

#latest-news .content-layout1 {

margin-top: 7px;

margin-left: 25px;

}

#latest-news .content-layout2 {

margin-top: 18px;

margin-left: 25px;

}

#latest-news .content-layout2 img {

margin-top: 15px;

}

#relate-link {

width: 297px;

height: 200px;

float: right;

}

#relate-link .content-layout1 {

margin-top: 0px;

margin-left: 25px;

padding-bottom: 1px;

}

#intro img {

margin-top: 19px;

margin-left: 16px;

float: left;

padding-bottom:80px;

padding-right:30px;

}

#intro p {

width: 420px;

float: left;

margin: 0;

padding-top: 5px;

}

#intro a {

display: block;

float: right;

margin-right: 25px;	

margin-top:12px;

}

/*********** End Home **********/

/*********** Begin Product page ***********/

/******* Begin Matt Black ******/

#content-left {

float: left;

width:485px;

}

#matt-black {

width: 900px;

height: 680px;

}

.img-main {

width: 485px;

height: 267px;
text-align:center;

}

.img-main img {

padding:5px 0;

}

.img-content {

float: left;

}

.img-content img {

margin-left: 73px;

}

.img-thumb {

width: 178px;

float: left;

margin-left: 12px;

margin-top:5px;



}

.img-thumb p{

margin:0;





}





.img-thumb img {

margin: 0;

padding: 0;

padding-left: 1px;

margin-top: 5px;

display: inline;

}

/*********** End Matt Black **********/

/*********** Begin decorative-gilding **********/

#decorative-gilding {

width: 900px;

height: 750px;

}

#decorative-gilding2 {

width: 900px;

height: 690px;

}

img.next-btn {

margin-left:120px;

margin-top:10px;

}

img.next-btn02 {

float:right;

}

img.previous-btn {

float:right;

}

/*********** End decorative-gilding **********/

/*********** Begin high-gloss-lacquer **********/

#high-gloss-lacquer {

width: 900px;

height: 720px;

}

/*********** End high-gloss-lacquer **********/

/*********** Begin woodstain **********/

#woodstain {

width: 900px;

height: 900px;

}

#woodstain2 {

width: 900px;

height: 720px;

}

/*********** End woodstain **********/

/*********** Begin metalic **********/

#metalic {

width: 900px;

height: 825px;

}

/*********** End metalic **********/

/*********** Begin veneer **********/

#veneer {

width: 900px;

height: 650px;

}

/*********** End veneer **********/

/*********** Begin embossing **********/

#embossing {

width: 900px;

height: 700px;

}

#embossing2 {

width: 900px;

height: 650px;

}

/*********** End embossing **********/

/*********** Begin embossing **********/

#washed {

width: 900px;

height: 600px;

}

/*********** End embossing **********/

/*********** Begin shadow **********/

#shadow {

width: 900px;

height: 600px;

}

/*********** End shadow **********/

/*********** Begin fillet **********/

#fillet {

width: 900px;

height: 700px;

}

/*********** End fillet **********/

/*********** Begin fillet **********/

#others {

width: 900px;

height: 590px;

}

/*********** End fillet **********/

/*********** End Product page ***********/

//*********** Bellow Edit by Max **********/

/*********** About-General Begin Edit by Max **********/

.text-green {

color: #9db851;

font-weight: bold;

}

.text-emphasis {

color: #656565;

font-size: 105%;

font-weight: bold;

}

.text-date {

color: #aa7b05;

font-size: 70%;

}

#chairman-statement {

width: 620px; 







margin:0px;

margin-left: 20px;

padding-bottom: 10px;

margin-top:15px;

height: 370px;

}

#chairman-statement img {

margin: 10px;

float:left;

}

#page-outline-padding-2 {

width: 620px;       

margin: 0;

padding: 0;

margin-left: 20px;

padding-bottom: 13px;

}

#page-outline-padding {

width: 620px;       

margin: 0;

padding: 0;

margin-left: 20px;

padding-bottom: 13px;

}

/*********** About-General End Edit by Max **********/

/*********** Awards Page Begin Edit by Max **********/

#awards {

width: 900px;

height: 870px;

}

#awards .content-layout1 img {

float: left;

padding: 0 10px 15px 0;

}

#awards-back {

height:15px;

position:relative;

right:0;

bottom:0;

width:620px;

}

#awards .content-layout1 {

width: 650px;

margin-left: 20px;

}

#awards .content-layout2 {

width: 650px;

float: left;

margin-left: 20px;

}

#awards .content-layout2 img {

float: left;

padding: 0 10px 0 0;

}

.awards-back-right {

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

float:right;

}

/*********** Awards Page End Edit by Max **********/

/*********** Board of Director Page Begin Edit by Max **********/

#board {

width: 900px;

height: 1080px;

}

#director-pics {

width:420px;

height:550px;

margin-left:132px;

}

#director-pics img{

padding-left:10px;

padding-bottom:30px;

}

#director-pics1 {

width:191px;

height:261px;

}

#director-pics2 {

width:191px;

height:261px;

}

#director-pics3 {

width:191px;

height:261px;

}

#director-pics4 {

width:191px;

height:261px;

}

#board-back {

width: 676px;

height:15px;

position:relative;

right:15px;

top:535px;

}

.board-back-right {

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

float:right;

}

/*********** Board of Director Page End Edit by Max **********/

/*********** Company Profile Page Begin Edit by Max **********/

#profile {

width: 900px;

height: 1700px;

}

#profile-year-outline {

width:631px;

height:113px;

}

#profile-year-outline img{

float:right;

}

#profile-year-outline p{

padding-right:20px;

}

#profile-back {

width: 676px;

height:15px;

position:relative;

right:15px;

top:20px;

}

.profile-back-right {

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

float:right;

}

#backtop-right-profile {

position:relative;

right:44px;

top:3px;

}

#profile-back {

width: 676px;

height:15px;

position:relative;

right:15px;

top:20px;

}

.profile-back-right {

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

float:right;

}

/*********** Company Profile Page End Edit by Max **********/

/*********** Customer Base Page Begin Edit by Max **********/

html #customerbase {

width: 900px;

height: 2500px;

}

html>body #customerbase {

width: 900px;

height: 2600px;

}

li {

margin-bottom:20px;

margin-top:0px;

}

#base-back {

width: 500px;

height:15px;

margin-left: 145px;

margin-bottom: 15px;

}

.base-back-right {

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

float:right;

}

#base-back-2 {

width: 500px;

height:15px;

margin-left: 145px;

margin-bottom: 16px;

}

.base-back-right-2 {

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

float:right;

}

#worldmap {

width:500px;

height:221px;

margin-left:80px;

}

#customerbase h3 {

margin-top:15px;

margin-bottom: 0px;

}

#customerbase .page-outline-padding {

width: 620px;       

margin: 0;

padding: 0;

margin-left: 20px;

}

/*********** Customer Base Page End Edit by Max **********/

/*********** Facilities Page Begin Edit by Max **********/

#facilities {

width: 900px;

height: 2900px;

}

#facilities-back {

width: 400px;

height: 15px;

margin-left: 240px;

margin-bottom: 0px;

}

.facilities-back-right {

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

float:right;

}

#facilities .page-outline-padding {

width: 620px;       

margin: 0;

padding: 0;

margin-top; 15px;

margin-left: 20px;

padding-bottom: 13px;

}

/*********** Facilities Page End Edit by Max **********/

/*********** Mission & Vision Page Begin Edit by Max **********/

#mission {

width: 900px;

height: 1600px;

}

#mission-pic {

width:600px;

height:230px;

}

#mission-pic img {

position:relative;

left:100px;

top:8px;

}

#mission-pic-sec {

width: 600px;

height: 324px;

}

#mission-pic-sec img {

position:relative;

left:63px;

top:8px;

}

#mission-back {

width: 650px;

height:15px;







margin-top: 15px;

}

.mission-back-right {

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

float:right;

}

#mission-back-2 {

width: 650px;

height:15px;

}

.mission-back-right-2 {

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

float:right;

}

/*********** Mission & Vision Page End Edit by Max **********/

/*********** Bellow Edit by 'wee' **********/

/*********** Begin location and map **********/

#location {

width: 900px;

height: 1330px;

}

.location-content {

padding-left: 20px;

padding-right: 20px;

}

.location-img {

width: 545;

hight: 384px;

}	

.location-back{

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

margin-bottom: 20px;

float: right;

}  

/*********** End location and map **********/

/*********** Begin job positings **********/

#jobpostings {

width: 900px;

height: 1550px;

}

.jobpostings-content {

padding-left: 20px;

padding-right: 20px;

}

.jobpostings-content2 {

padding-left: 20px;

padding-right: 20px;

padding-top: 30px;

}

.jobpostings-content2 li {

margin: 0;

}

.jobpostings-back{

color: #a97c02;

font-size: 90%;

background: url('img/general/bullet-arrow.gif') center left no-repeat;

padding-left: 11px;

float: right;

}

/*********** End job positings **********/

/*********** Begin job form **********/

#jobform {

width: 900px;

height: 500px;

}

.jobform-content {

padding-left: 20px;

padding-right: 20px;

padding-top: 20px;

}

#browse {

background: url(img/page/contact/jobform/browse-btn.png);

/*	text-indent: -99999px;

cursor:pointer;

margin: 10px 0 0 0;

height: 31px;

width: 62px;

border: none; */

}

#submit2 {

background: url(img/page/contact/jobform/submit-btn2.png);

text-indent: -99999px;

cursor:pointer;

margin: 10px 0 0 0;

padding: 10px ;

height: 34px;

width: 74px;

border: none;

}

/*********** End job form **********/

/*********** Begin Enquiry Form **********/

#enquiryform {

width: 900px;

height: 800px;

}

.enquiryform-content {

padding-left: 20px;

padding-right: 20px;

}

.enquiryform-form {

padding-top: 20px;

}

/*********** End Enquiry Form **********/

/*********** Begin news and events **********/

#news {

width: 900px;

height: 950px;

}

.news-content1 {

padding-left: 190px;

padding-right: 15px;

padding-top: 15px;

}

#news1 {

height: 288px;

}

.news-content {

padding-left: 190px;

padding-right: 15px;

padding-top: 15px;

}

.news-content2 {

padding-left: 20px;

padding-right: 15px;

padding-top: 15px;

padding-bottom: 15px;

}

.text-green {

color: #9db851;

font-weight: bold;

}

.news-pic {

float:left;

padding-top: 15px;

padding-left: 15px;

}

.news-bar {

float:left;

}

/*********** End news and events **********/

/*********** Begin product wee **********/

#product {

width: 900px;

height: 870px;

}

.product-content {

padding-left: 20px;

padding-right: 15px;

padding-top: 15px;

}

#product img{

margin-left: 15px;

margin-top: 10px;

}

.product-category {

padding-left: 15px;

float:left;

padding-top: 15px;

}

.product-category2 {

padding-left: 15px;

float:left;

padding-top: 15px;

}

/*********** End product wee **********/

/*********** Begin FAQ **********/

#faq {

width: 900px;

height: 650px;

padding-top:0;

margin-top:0;

}

.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}

.style2 {font-weight: bold}

.Accordion {

border-left: solid 1px gray;

border-right: solid 1px black;

border-bottom: solid 1px gray;

overflow: hidden;

width: 900px;

margin-top: 30px;

}

.AccordionPanel {

margin: 0px;

padding: 0px;

}

.AccordionPanelTab {

background-color: #CCCCCC;

border-top: solid 1px black;

border-bottom: solid 1px gray;

margin: 0px;

padding: 2px;

cursor: pointer;

-moz-user-select: none;

-khtml-user-select: none;

background-image: url('img/page/faq/faq-bar-bg.png');

height: 39px;

width: 898px;

}

.AccordionPanelContent {

overflow: auto;

margin: 0px;

padding: 0px;

height: 180px;

background-color: #FFFFFF;

background-image: url('img/page/faq/faq-answer-bg.png');

background-position: left;

background-repeat: no-repeat;

}

.AccordionPanelOpen .AccordionPanelTab {

background-color: #EEEEEE;

}

.AccordionPanelTabHover {

color: #555555;

}

.AccordionPanelOpen .AccordionPanelTabHover {

color: #555555;

}

.AccordionFocused .AccordionPanelTab {

background-color: #3399FF;

}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

background-color: #33CCFF;

}

h4 {

color: #333333;

font-size: 95%;

padding-left: 72px;

padding-right: 80px;

font-weight: bold;

font-family: Verdana, Arial, Helvetica, sans-serif;

line-height: 20px;

margin: 0px;

margin-top: 5px;

}

h5 {

color: #666666;

font-size: 120%;

margin: 0;

margin-top: 13px;

margin-left: 9px;

}

h5 .question {

margin-top: 11px;

padding-right: 35px;

color:#a97c02;

}

h6 {

color: #666666;

font-size: 100%;

}

h6.answer {

margin: 0;

color: #666666;

font-size: 100%;

font-weight: bold;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

#software-jump {

}

#qa-jump {

}

.export-jump {

}

#assistant-jump {

}

#finance-jump {

}

#content-btm-text {

float:right;

width:367px;

margin-top:10px;

margin-right:30px;

}

#intro ul {

margin-left:170px;

margin-top:105px;

}



.wpcf7-mail-sent-ok

{
	color: #8dc63f;
	font-size: 23px;
	font-weight: bold;
}
.wpcf7-validation-errors
{
	color: #ff0000;
	font-size: 16px;
	font-weight: normal;
}

.wpcf7-not-valid-tip-no-ajax{
color: #ff0000;
font-weight: bold;

}

/*********** End FAQ **********/

/*********** End Edit by 'wee' **********/
/**************albert begin css structure***********************/

#investor {
width:900px;

}

#investor2 {
width:900px;
height:920px;
}

#location-map {
width:900px;
height:1430px;
}
#c-profile {
width:900px;
height:580px;
text-align:justify;

}

#profile-text {
width:620px;
margin:15px 0 0 20px;
}

#annual-report {
width:900px;
min-height:630px;
}

#announcement{
list-style-type:none;
}

#announcement li{
float:left;
list-style-type:none;
padding:20px 10px 0 0;
}
#contact-form {
margin:15px;}

#contact-ir {
margin:20px;
}

#map {
margin:30px;
}

#map img {
padding-bottom:30px;
}

#pdf-format {
width:900px;
height:480px;
}


#pdf-format ul li ul li{
margin:0;
padding:0;

}


#financial-2009 {
width:900px;
height:700px;
}

#content-title {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:1.5em;
margin:95px 0 0 10px;
}




/**************Kang begin css structure***********************/

.bod {
float:right;
width:626px; 
padding-right:22px; 
color: #333333;
}

.dname {
font-size: 1.25em; 
font-family:Arial, Helvetica, sans-serif;
color:#ff9c00;
filter:glow(color=#FFFF99,strength=6);
text-transform: uppercase;
}

.dinfo {
color: #ff6600; 
font-weight: normal;
padding-bottom:15px;
}

.boardofdirector {
width:900px;
height:2000px;
}

.cstructure {
width:900px;
height:1150px;
}

.farchive {
width:900px;
height:950px;
}

.yearchg ul {
margin:10px 0 0 20px;
padding:0;
list-style:none;
height:50px;
}

.yearchg ul li {
float:left;
padding:0 10px 20px 0;
}

.pdfpic {
background: url(/wp-content/themes/classicscenic/img/page/financial/icon_pdf.gif) no-repeat; 
padding-left: 20px; 
line-height: 18px;
margin-top:1em;
}

#text-navigation {
	display: none;
	visibility: hidden;
}

.clear { clear:both; height:30px;}