@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
border:0;outline:0;vertical-align:top;font-size:12px;font-family:Arial,Verdana,Tahoma,sans-serif;}


a {color: #8b8b8b;text-decoration: none;}
a:hover{color: #333333;text-decoration: underline;}


/* Text Style */

h1 {font-size: 15px;font-style: normal;font-weight:bold;color: #ff9600;}
h2 {font-size: 12px;font-style: normal;font-weight:bold;color: #333333;padding:10px 0 0px 0;}
h3 {font-size: 15px;font-style: normal;font-weight:bold;color: #000000;padding:16px 0 0px 0;border-bottom:1px dotted #999999;padding:19px 0 5px 0;}
h4 {font-size: 13px;font-style: normal;font-weight:bold;color: #FF9900;padding:3px 0 3px 0;margin:0;border-bottom:1px dotted #FF9900;}
h5 {font-size: 12px;font-style: normal;font-weight:bold;color: #3366CC;padding:8px 0 0 0;margin:0 0 7px 0;}
.sty01 {font-family: arial,verdana;color: #ea0000;}
.sty02 {font-family: arial,verdana;color: #000000;}
.sty03 {font-family: "Times New Roman", Times, serif;color: #3399CC;font-size:16px;line-height:18px;}
.sty04 {font-family: arial,verdana;font-size: 11px;font-weight: bold;color: #000;}
.styorg {font-family: arial,verdana;font-size: 11px;font-weight: bold;color:#FFCC00;}
.styorgtl {font-family: arial,verdana;font-size: 13px;font-weight: bold;color: #FF9900;}
.tl01 {font-family: arial,verdana;font-size: 16px;font-style: normal;font-weight:bold;color: #ea0000;}
.tl02 {font-family: arial,verdana;font-size: 15px;font-style: normal;font-weight:bold;color: #000;line-height:16px;}
	.tl02a {font-family: arial,verdana;font-size: 15px;font-style: normal;font-weight:bold;color: #fff;width:100%;background:#000;padding:4px 0 4px 8px;}
	.tl02b {font-family: "Times New Roman", Times, serif;font-size: 28px;font-style: normal;font-weight:normal;color: #999999;line-height:16px;}
.tl03 {font-family: arial,verdana;font-size: 15px;font-style: normal;font-weight:bolder;color: #ffbe00;}
	.tl03a {font-family: arial,verdana;font-size: 12px;font-style: normal;font-weight:bolder;color: #999999;}
.tl04 {font-family: arial,verdana;font-size: 12px;font-style: normal;font-weight:bolder;color: #000;}
	.tl04a {font-family: "Times New Roman", Times, serif;font-size: 23px;font-style: normal;font-weight:normal;color: #FF6600;}
.tl05 {font-family: arial,verdana;font-size: 11px;font-style: normal;font-weight:bolder;color: #000000;}
	.tl05a {font-family: arial,verdana;font-size:20px;font-style: normal;font-weight:bolder;color: #000000;padding:6px 0 7px 5px;margin:2px 0 15px 0;border-bottom:1px dotted #000000;}
.textarea {margin:15px 10px 0 0;text-align:justify;line-height:15px;}
	.textarea ul {color: #333333;}
	.textarea ul li {margin:5px 0 10px 0;}
	.textarea table{ border:1px solid #CCCCCC; border-spacing:1px;text-align:left;}

#contenttbl {}	
	#contenttbl .bgtl {background:#333333;color:#FFFFFF;}
	#contenttbl .odd {background: #FFFBEC;}
	#contenttbl .even {background:#f7edd0;}	

/* Code Style */
ul {padding:0 0 0 20px;margin:0;}
ul.ulnumber {list-style:decimal;}

/* Code Class */
.caption {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#666666;}
.black {font-family:arial,verdana;font-size:16px;font-style:normal;font-weight:bold;color:#fff;background:#000;padding:3px 3px 3px 15px;}
.orange {color:#FF9900;}
.bred{font-family:arial,verdana;font-size:16px;font-style:normal;font-weight:bold;color:#fff;background:red;padding:3px 3px 3px 15px;}
.address{font-family:arial,verdana;font-size:12px;font-style:normal;font-weight:normal;color:#000;background: #FFFFCC;padding:12px 12px 12px 15px;border:1px solid #FFCC00;}
.alert {color:#CC0000;font-size:15px;}
.price {ont-size:14px;font-style:normal;font-weight:bold;color:#000;}
.title {color:#000000;font-size:19px;font-weight:bold;margin:0 0 6px 30px;padding:0;}

/* General Style */

Body {background:#ffbe00;padding:0 0 12px 0;text-align: center;font-size: 11px;color:#000000;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
#bgWrapper {width: 986px;background:none;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
#container {margin:0 auto;text-align: left;width:986px;background:#ffffff;}

#header {padding-top: 15px;height:100%;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;background:#ffffff;height:60px;}
	#header .logowrap {width: 373px;float:left;margin:0;padding:0 0 0 16px;}
		#header .logo {padding: 0;margin: 0;color: #cccccc;position: relative;overflow: hidden;font-size:8px;}
	#header .mainnavi {float:right;width:566px;margin: 0;padding:0;}
	#header img, div, input { behavior: url("css/iepngfix.htc") }
	#header h1 {margin: 0;padding: 10px 0;}
	
#mainbanner {margin:20px 0 0 0;text-align:center;width:986px;margin-right:auto;margin-left:auto;float:left;}
#contantwrap {background:#ffffff;width:100%;}
#mainWrap {width: 704px;float: left;margin-top: 15px;margin-bottom: 15px;padding: 0px;margin-right: 0px;margin-left: 15px!important;margin-left: 8px;/* top height for IE */;}
#contentleft {padding:0;margin:0;color:#000000;line-height:110%;position:relative;overflow:hidden;}
#contentleft1 {padding:0;margin:0;color:#000000;line-height:110%;}
#contentright {float: right;width: 240px;margin-top: 0;padding:0 15px 0 8px;}

#insideWrap {width:210px;float:left;margin:15px 0 15px 0;padding:0;background:none;}
#incontentleft {padding:0;margin:0;width:210px;color:#000000;line-height:110%;overflow:hidden;background:none;}
#incontentright {float:left;width:480px;margin-top:0;padding:15px 0 10px 14px;background:#ffffff;}

.consumer {background:url(../images/th_consumer.jpg) top no-repeat;width:100%;min-height:200px;}
.business {background:url(../images/th_business.jpg) top left no-repeat;width:100%;min-height:200px;}
.wealth {background:url(../images/th_wealth.jpg) top no-repeat;width:100%;min-height:200px;}
.about {background:url(../images/th_about.jpg) top no-repeat;width:100%;min-height:200px;}

.clearfloat { clear:both;height:0px;font-size: 1px;line-height: 0px;/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */}



/* Slide content */
.faqbox {}
.boxtl a {color: #000000;font-size:12px;font-weight:normal;display:block;text-decoration:none;width:670px;background:#ffffff;padding:2px 0 2px 0;border-bottom:1px solid #CFE2F1;}
.boxtl a:hover {color:#5EABD0;font-size:12px;font-weight:normal;display:block;text-decoration:none;width:670px;background: #F0F0F0;padding:2px 0 2px 0;border-bottom:1px solid #F0F0F0;}
.boxtl2 a {color: #5EABD0;font-size:15px;font-weight:bold;display:block;text-decoration:none;width:670px;background:#ffffff;padding:2px 0 2px 10px;border-bottom:1px solid #CFE2F1;}
.boxtl2 a:hover {color:#000000;font-size:15px;font-weight:bold;display:block;text-decoration:none;width:670px;background: #F0F0F0;padding:2px 0 2px 10px;border-bottom:1px solid #F0F0F0;}

#naviDiv {width:230px;float:left;margin:12px 10px 0 0;}
.navibox {width:220px;display:block;}
.nboxtl a {color: #000000;font-size:12px;font-weight:normal;display:block;text-decoration:none;width:210px;background:#ffffff;padding:2px 0 5px 0;border-bottom:1px solid #cdcdcd;}
.nboxtl a:hover {color:#5EABD0;font-size:12px;font-weight:normal;display:block;text-decoration:none;width:210px;background: #F0F0F0;padding:2px 0 5px 0;border-bottom:1px solid #ffffff;}

/* Footer */
#footer {margin:0;font-size:10px;color:#000000;padding: 20px 0 0 0;width:986px;text-align:left;background:url(../images/bg_footer.jpg) #FFFFFF bottom repeat-x;}
	#footer #links {padding-left:25px;vertical-align:top;float:left;}
	#footer #copyrights {font-size:10px;top:0px !important;top:7px;/* top height for IE */;float:right;right:40px;padding:0 25px 0 0;}
	#footer #logosbar {width:96%;margin:0 45px 0 25px;}
	#footer #logosbar img {padding:0 10px 0 0;margin:0;}
	#footer a {font-size:10px;color:#000;}
	#footer a:hover {font-size:10px;color:#000;text-decoration:underline; font-weight:normal;}

/* other */

#mileft {width:704px;padding:15px 0 0 15px;}
#miright {width:257px;padding:0 0 0 10px;}
#mislide {width:702px;padding:10px 0 0 0;height:140px;background:url(../images/bg_promotions.jpg) top no-repeat #FFFFFF;}
#toolbox {width:242px;background:url(../images/bg_toolbox1.jpg) top no-repeat #FFFFFF;}

ul.ulnews {list-style-position:outside;padding:0 0 0 30px;}
	ul.ulnews li {padding:4px}

ul.ultoolbox {list-style-position:outside;padding:60px 0 0 45px;}
	ul.ultoolbox li {padding:4px; list-style-image:url(../images/dot.gif);}
		ul.ultoolbox li a {font-weight:bold;}

#greybar {background:url(../images/bg_greybar.gif) #FFFFFF top left repeat-x;color:#ffffff;height:25px;width:100%;vertical-align:baseline; text-align:left;}
	#greybar img {vertical-align:top;line-height:18px;}
	#greybar a {font-size:11px;color:#fff;vertical-align:top;line-height:25px;}
	#greybar a:hover {font-size:11px;color:#fff;text-decoration:underline; font-weight:normal;}
	#greybar a.selected {font-size:11px;color: #FFCC00;font-weight:bold;}
	#greybar a.selected:hover {font-size:11px;color:#FFFFCC;text-decoration: none; font-weight:bold;}

#centercontent {margin-top:160px;}
#centercontentin {margin-top:15px;}
.subtitle {color:#000000;padding:15px 15px 0 15px;}

ul.navitable {list-style-position:outside;padding:10px 0 0 25px;}
	ul.navitable li {margin:3px;padding:0 0 3px 0;list-style-image:url(../images/i_orge.png);font-size:16px;color:#FFCC00;list-style-type: disc;vertical-align:middle;border-bottom:1px dotted #666666;font-weight:bold;color:#000000;font-size:12px;}
		ul.navitable li a {font-weight:bold;color:#000000;}	
	ul.navitable li ul {list-style-position:outside;padding:2px 0 0 8px;}
		ul.navitable li ul li {border-bottom:none;padding-bottom:3px;color:#666666;font-size:11px;font-weight:bold;}
			ul.navitable li ul li a {font-weight:bold;font-size:11px;color:#8b8b8b;}	
	ul.navitable li ul li ul {list-style-position:outside;padding:2px 0 0 8px;list-style:square;}
		ul.navitable li ul li ul li {border-bottom:none;padding-bottom:3px;list-style:square;color:#000000;}

ul.sidenavitable {list-style-position:outside;padding:10px 0 0 15px;}
	ul.sidenavitable li {margin:3px;padding:0 0 3px 0;list-style-image:url(../images/i_orge.png);font-size:16px;color:#FFCC00;list-style-type: disc;vertical-align:middle;border-bottom:1px dotted #666666;font-weight:bold;color:#000000;font-size:10px;}
		ul.sidenavitable li a {font-size:10px;font-weight:bold;color:#000000;}	
		ul.sidenavitable li a.selected {font-size:10px;font-weight:bold;color: #FF9900;}
	ul.sidenavitable li ul {list-style-position:outside;padding:2px 0 0 8px;}
		ul.sidenavitable li ul li {border-bottom:none;padding:0 0 3px 0;}
			ul.sidenavitable li ul li a {font-weight:bold;font-size:10px;color:#8b8b8b;}
	ul.sidenavitable li ul li ul {list-style-position:outside;padding:2px 0 0 10px;list-style:square;}
		ul.sidenavitable li ul li ul li {border-bottom:none;padding-bottom:3px;list-style:square;color:#FF9900;}	
		
ul.sidenavitable2{list-style-position:outside;padding:10px 0 0 15px;}
	ul.sidenavitable2 li {margin:3px;padding:0 0 3px 0;list-style-image:url(../images/i_orge.png);font-size:16px;color:#FFCC00;list-style-type: disc;vertical-align:middle;border-bottom:1px dotted #666666;font-weight:bold;color:#000000;font-size:11px;}
		ul.sidenavitable2 li a {font-size:11px;font-weight:bold;color:#000000;}	
		ul.sidenavitable2 li a.selected {font-size:11px;font-weight:bold;color: #FF9900;}
	ul.sidenavitable2 li ul {list-style-position:outside;padding:2px 0 0 8px;}
		ul.sidenavitable2 li ul li {border-bottom:none;padding:0 0 3px 0;}
			ul.sidenavitable2 li ul li a {font-weight:bold;font-size:10px;color:#8b8b8b;}
	ul.sidenavitable2 li ul li ul {list-style-position:outside;padding:2px 0 0 10px;list-style:square;}
		ul.sidenavitable2 li ul li ul li {border-bottom:none;padding-bottom:3px;list-style:square;color:#FF9900;}

#printbar {height:45px;vertical-align:bottom;float:right;text-align:right;margin:-5px 0 0 0;}

#titles {
	float:left;
	width:300px;
	vertical-align:baseline;
	height:45px;
	line-height:16px;
	position:absolute !important;
	position:none;/* position for IE */;
	display:block;
	left: 212px;
	padding-left:12px;
	text-align:left;
}
	#titles h1 {text-align:left;}

#braddress {margin:0 0 10px 0;border:1px solid #FF9900;}
	#braddress p {padding:2px 0 2px 0;margin:0;}

#nextbox {background:#f0f0f0;border:1px solid #999999;padding:13px;margin:15px 5px 0 5px;}
	#nextbox p {padding:0;margin:0;}
	#nextbox ul.ulnextbox li {font-size:11px;padding:6px 0 0 0;margin:0px;}
	#nextbox a{font-size:11px;font-weight:normal;color:#FF6600;}
	#nextbox img{vertical-align:baseline;}

.selectbox {background:#EBEBEB;font-size:9pt;font-weight:normal;border:1px solid #999999;margin:3px 0 0 0;padding:0 0 0 3px;width:170px;}	
.selectbutton {background: #666666;color:#ffffff;width:20px;font-size:8pt;font-weight:normal;border:1px solid #999999;padding:1px;}	
.selectbox2 {background:#EBEBEB;font-size:9pt;font-weight:normal;border:1px solid #999999;margin:3px 0 0 0;padding:0 0 0 3px;width:170px;}

/*Ex2ample CSS for the two demo scrollers*/

.doyouknow {width:230px;text-align:left;}

#pscroller1{
width:230px;
height:75px;
border:0px solid #F2F2F2;
padding:5px;
margin:0;
background: url(../images/bg_doyouknow1.jpg) no-repeat bottom right;
text-align:center !important;text-align:left;/* align for IE */;
display:block;
}

.someclass{ cursor: pointer; //class to apply to your scroller(s) if desired }
.imgg img {vertical-align:middle;}
form {padding:0;margin:0;}



/* Homepage  - Scroll gallery */

.stepcarousel{

position: relative; /*leave this value alone*/

border: 0px solid black;

overflow: scroll; /*leave this value alone*/

width: 636px; /*Width of Carousel Viewer itself*/

height: 80px; /*Height should enough to fit largest content's height*/

margin:0 0 0 30px;

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

width: 636px; /*Width of Carousel Viewer itself*/

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 3px; /*margin around each panel*/

width: 209px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}



.stepcarousel .panel a img {padding:2px;border:1px solid #999999;}

.stepcarousel .panel a:hover img {padding:2px;border:1px solid #ffa100;}

.cataloglist {font-size:10px;font-weight:bold;}

	.cataloglist .grey {font-size:10px;font-weight:bold;}



.newslisting {padding:1px;}

	.newslisting p {border-bottom:1px solid #FFCC00;padding:0 0 6px 0;}

	.newslisting p a {color:black;}

	

ul.wealthul {margin:10px;padding:5px;}

	ul.wealthul li {padding:5px 0 6px 0;}

	ul.wealthul li ul li {padding:5px 0 0 0;list-style:square;}

	ul.wealthul a {font-weight:bold;font-size:11px;color:#000000;}

	

#infotable {border:none;}

	#infotable td {border-bottom:1px dotted #999999;}

	

.button a{border:1px solid #666666;background:url(../images/bg_orgbar.gif) repeat-x center;color:#000000;font-weight:bold;}

/* ticker */
#newsticker {padding:0 20px 0 10px;margin:2px 0 0 0;width:672px;height:26px;z-index:1;background:url(../images/asset/bg_doyouknow.jpg) right top no-repeat #ffbe00;}
#tickerpermalink {float: left;padding-right :7px;line-height: 16px;height: 20px;font-weight: bold;list-style: none;margin-top: 0.35em;color: #666666;font-size: 10px;}
#newsticker a {color:#000000;font-size: 10px;text-decoration:none;}
#newsticker a:hover {color: #666666;font-size: 10px;}
#ticker {margin: 0 -4px;padding: 2px 0 0 0;float: left;list-style: none;font-size: 10px;line-height: 20px;height: 20px;overflow: hidden;width: 690px;color: #FFFFFF;}
#tickercontrol{margin: 0;padding: 0;list-style: none;}
#tickercontrol li{float: left;}
#ticker_prev{background-image: url(../images/asset/ticker_left.gif);background-repeat: no-repeat;background-position: 6px 6px;width: 12px;height: 16px;text-indent: -9999px;display: block;}
#ticker_stop{background-image: url(../images/asset/ticker_stop.gif);background-repeat: no-repeat;background-position: 3px 6px;width: 12px;height: 16px;text-indent: -9999px;display: block;}
#ticker_next{background-image: url(../images/asset/ticker_right.gif);background-repeat: no-repeat;background-position: 4px 6px;width: 17px;height: 16px;text-indent: -9999px;display: block;}
#tickercontent{}