@charset "utf-8";
body { padding: 0; margin: 0; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; }
#wrap { width: 950px; position: relative; margin: 0 auto; padding: 0 15px 15px 15px;} /*0714*/
#header { height: 127px; }
#content { padding: 15px 0 0 0; }/*0714*/
#content .column { float: left; position: relative; }
#center { display:inline; }
.twoColumns #center { width: 689px; }
.threeColumns #center { width: 500px; margin-left: 200px; }
.twoColumnText #center { width: 758px; margin-left: 192px; }
#left { width: 175px; padding: 0 15px 0 0; margin-left:-690px; }
.twoColumnText #left { width: 177px; padding: 0; margin-left:-950px; }
#right { padding:0 0 0 15px; width:241px; }

#footer { width: 100%; font-size: 11px; #font-size: 10px; height:102px;} 
#footer .inner { width: 950px; padding: 40px 15px 22px 15px; #padding-bottom: 19px; margin: 0 auto; position:relative;} 
#footerMsg span { padding-left: 4px; }
#footerMsg {}
#extralink { float: left; width: auto; }/*0714*/
#extralink img { margin-right: 8px; }
#footer .navitem { height: 23px; }
#footer .navitem li { display: inline; border-right: 1px solid #767676; padding: 0 5px 0 4px; }
#footer .navitem li.lastItem { border: none; padding-right: 0; }
#footerNav,
#footerMsg { white-space: nowrap; position:absolute; left:365px;width:610px; } 
#footerMsg { margin-top:23px;text-align:right;left:465px;width:500px;} 
 

#logo { position: absolute; }
#brandNav { padding: 31px 0 0 208px; }/*0714*/
#brandNav ul { height: 49px; width:555px; }
#brandNav li,
#brandNav li a { display: block; height: 49px; float: left;}

#brandSubNav { height: 47px; }/*0714*/
#brandSubNav .navMenuEnd { margin-top: 0; width: 123px; height: 10px; background: url(/images/main/bg_dropdown_end.png) no-repeat left top; }
#brandSubNav ul { margin: 0; padding: 0; }	
#brandSubNav ul li { float: left; list-style: none; }
#brandSubNav ul li h4 { padding: 0; margin: 0; height: 47px; }
#brandSubNav ul li h4 a { display: block; text-decoration: none; background-repeat: no-repeat; height: 47px; /*text-indent: -99999px; */}
#brandSubNav ul li div { width: 123px; position: absolute; z-index: 99999; visibility: hidden; margin-top: 1px; }	
#brandSubNav ul li div div { position: static; }
#brandSubNav ul li ul {	margin: 0; padding: 7px 0 0 0; width: 123px; background: #ebebeb; }
#brandSubNav ul li ul li { float: none; }
#brandSubNav ul li ul li a { width: auto; text-decoration: none; display: block; padding: 3px 0 0 22px; height: 18px; color: #666; background: url(/images/main/btn_dropdown.gif) no-repeat left top; }
#brandSubNav ul li ul li a:hover { color: #FFF; background-position: left -20px; }
#iconBrand { float: right; }


#search { position: absolute; top: 8px; right: 152px; background: url(/images/main/bg_search.gif) no-repeat right top; padding-right: 3px; }
#search .textfield { width: 100px; height: 15px; border: 1px solid #c7c7c7; margin-right: 4px; float: left; margin-top: 1px;}
#search .submit { float: left; }

#memberZone { position: absolute; right: 82px; top: 8px; background: url(/images/main/bg_search.gif) no-repeat right top; padding-right: 3px; }

#languageSwitcher { position: absolute; right: 15px; top: 8px; }

.hoverItem { cursor: pointer; } 
/*Keyvisual*/
#keyvisual { position: relative; float: left; color: #FFF; }
  .twoColumns #keyvisual { width: 689px; height: 299px; }
  .threeColumns #keyvisual { width: 500px; height: 285px; }
#keyvisual ul.arrow { position: absolute; font-size: 0; line-height: 0; height: 0; }
  .twoColumns #keyvisual ul.tab { position: absolute; z-index: 99999; margin: 243px 0 0 323px; }
  .threeColumns #keyvisual ul.tab { position: absolute; z-index: 99999; margin: 220px 0 0 130px; }
#keyvisual ul.tab li { height: 55px; width: 77px; margin-right: 3px; float: left; cursor: pointer; }
#keyvisual .KVnum { float: left; width: 5px; text-align: center; padding-top: 4px; font-weight: bold; }
#keyvisual .KVcontent { float: left; width: 68px; padding: 4px 0 0 0; text-align: center;color:#FFFFFF; }
#keyvisual .tabContent li { display: none; }
#keyvisual .tabContent li.first { display: block; }
#keyvisual .tabArrow { display: none; }

/*latestNews*/
#latestNews { float: left; width: 246px; height: 299px; position: relative;} 
#latestNews .icons { height: 80px; padding-top: 12px; text-align: center; }
#latestNews .newsPhoto { text-align: center; padding-top: 13px; }
#latestNews .listItem { padding: 0 10px 0 13px; }
#latestNews .listItem li { padding: 0; margin: 0 0 10px 0; }
#latestNews .listItem li div { padding: 0 0 12px 11px; background: url(/images/main/brdr_latestNews_list.gif) no-repeat center bottom; }
#latestNews .listItem li.last { margin-bottom: 10px; }
#latestNews .listItem li.last div { padding-bottom: 0; background-position: left 500px; } /*IE chocks on displaying background: none*/

/* Tab related */
.tabView { position: relative; }
.tabView a.more { position: absolute; bottom: 7px; right: 2px;}
.tab { clear: both; }
.tabContent li { position: absolute; z-index: 1; }
.tabContent li li { position: static; }
.tabView .tab li { float: left; }
.tabTitle, .hoverTab { font-size: 0; line-height: 0; padding: 0; margin: 0;}
.hoverTab { cursor: pointer; }

#serviceCombo { float: left; margin-left: 15px; width: 474px; height: 168px; }
#serviceCombo .tabArrow { display: none; }
#serviceCombo .arrow { position: absolute; font-size: 0px; color: #FFF; line-height: 0; }
#serviceCombo > .tab { width: 474px; }
#serviceCombo > .tabContent > li { width: 474px; height: 134px; }
#serviceCombo .tab li.item-0 h5 { background-position: left top; }
#serviceCombo .tab li.item-1 h5 { background-position: left -50px; }
#serviceCombo .tab li.item-2 h5 { background-position: left -100px; }
#serviceCombo .tab li.item-3 h5 { background-position: left -150px; }
#serviceCombo .tab li.item-0 h5.active { background-position: -150px top; }
#serviceCombo .tab li.item-1 h5.active { background-position: -150px -50px; }
#serviceCombo .tab li.item-2 h5.active { background-position: -150px -100px; }
#serviceCombo .tab li.item-3 h5.active { background-position: -150px -150px; }

#promotionCombo { margin-left: 15px; float: left; }

#productCombo { float: left; width: 246px; height: 209px; }/*0714*/
#productCombo .product .img { text-align: right; }
#productCombo .tab li.item-0 h5 { background-position: left -200px; }
#productCombo .tab li.item-1 h5 { background-position: left -250px; }
#productCombo .tab li.item-0 h5.active { background-position: -150px -200px; }
#productCombo .tab li.item-1 h5.active { background-position: -150px -250px; }

#onlineService { float: left; width: 200px; height: 168px; }
#onlineService .listItem { padding: 9px 0 0 5px; height: 105px; }
#onlineService .listItem li { background: url(/images/main/arrow.gif) no-repeat 0 5px; padding-left: 11px; margin-left: 7px; width: 75px; float: left; height: 26px; }
.HBG #onlineService .listItem li { width: 65px; }

#importantInfo,
#latestAnn { float: left; width: 337px; margin-top: 15px; height: 150px;}
#importantInfo { margin-right: 15px; }
#importantInfo .tab li h5 { background-position: left -350px; cursor: auto;}
#latestAnn .tab li h5 { background-position: left -400px; cursor: auto; }
#importantInfo .listItem, 
#latestAnn .listItem { padding: 9px 14px; }
#importantInfo .listItem li,
#latestAnn .listItem li { margin-bottom: 12px; }
  
.adsView { line-height: 0; font-size: 0; }
.adsView div { background: url(/images/main/bg_ads.gif) no-repeat left top; padding: 3px 3px 0 3px; }
#ads1 { float: left; width: 246px; padding-top: 15px; }/*0714*/

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h6 { color: #666; }
.fontsize11 { font-size: 11px; }
.fontsize12 { font-size: 12px; }
.fontsize13 { font-size: 13px; }
.fontsize14 { font-size: 14px; }
.fontsize15 { font-size: 15px; }
.fontsize16 { font-size: 16px; }
a { outline: none; text-decoration: none; color: #666; cursor: pointer; }
a.more{ float:right; margin-right:10px; padding-left:11px; }
#latestNews a.newsCenter { position: absolute; right: 0; bottom: 24px; }
a.newsCenter { display:block; float:right; margin-right:10px; padding:0 0 0 11px; }
a:hover { text-decoration: underline; }
input[type=text] { font-size: 11px; }
input[type=submit] { color: #666; }
.listItem li { padding-left:11px; }
.hidden { display: none; }
.clear { clear: both; height: 0; font-size: 0; line-height: 0; }