/* CSS Document */
/* THIS WEBSITE IS CREATED BY OROKI{WWW.OROKIONLINETECH.COM} */
/*<-------------------------Home, contactus-----------------*/
*{margin:0; padding:0;}
body{margin:0 auto; background:url(images/NEW%20HSBC%20BG.png);}
#container{width:960px; height:1180px; margin:auto; dborder:1px dashed #333; background:#FBFBFB;}
#container #header{width:960px; height:120px; margin:auto; dborder:1px dashed #333; background-image:url(images/header%20bg.png);}
#container #headers{width:960px; height:120px; margin:auto; dborder:1px dashed #333;}
#header .headertop{width:960px; height:30px; margin:auto; dborder:1px dashed #333;}
.headertop .info{width:300px; height:28px; float:left; dborder:1px dashed #333;}
.info p{font-family:Arial, Helvetica, sans-serif, Gadget, sans-serif; font-weight:bold; font-size:13px; color:#fff; padding-top:8px; padding-left:10px;}
.headertop .logon{width:75px; height:25px; float:right; dborder:1px dashed #333; margin-top:1px;}
#header .headerdwn{width:960px; height:85px; margin:auto; dborder:1px dashed #333;}
.headerdwn .logo{width:224px; height:78px; float:left; dborder:1px dashed #333; margin-top:5px; margin-left:20px;}
.headerdwn .search{width:260px; height:30px; float:right; dborder:1px dashed #333; margin-right:40px; margin-top:32px;}
#container #menu{width:960px; height:35px; margin:auto; dborder:1px dashed #333; border:-radius:5px;}
#container #commbanner{width:940px; height:350px; margin:auto; dborder:1px dashed #333; margin-top:5px; border-radius:10px; border:solid 2px #666;}
#container #banner{width:960px; height:350px; margin:auto; dborder:1px dashed #333; margin-top:5px;}
#banner .slide{width:695px; height:342px; float:left; dborder:1px dashed #333; margin-top:3px; margin-left:10px; border:solid 2px #666;}
#banner .links{width:190px; height:349px; float:right; dborder:1px dashed #333; margin-right:25px;}
#banner .linkss{width:240px; height:349px; float:right; dborder:1px dashed #333; margin-right:5px;}
.links .first{width:189px; height:63px; margin:auto; dborder:1px dashed #333; border:solid 3px #333; margin-top:15px;}
.links .second{width:189px; height:63px; margin:auto; dborder:1px dashed #333; margin-top:15px; border:solid 3px #333;}
.links .third{width:189px; height:63px; margin:auto; dborder:1px dashed #333; margin-top:15px; border:solid 3px #333;}
.links .fourth{width:189px; height:63px; margin:auto; dborder:1px dashed #333; margin-top:15px; border:solid 3px #333;}
#container #business{width:950px; height:930px; margin:auto; dborder:1px dashed #333; margin-top:5px;}
#container #commbusiness{width:930px; height:930px; margin:auto; dborder:1px dashed #333; margin-top:5px;}
#container #commtext{width:940px; height:500px; margin:auto; dborder:1px dashed #333;margin-top:15px}
#container #contactus{width:940px; height:930px; margin:auto; dborder:1px dashed #333;margin-top:15px}
#container #hometext{
	width:960px;
	height:500px;
	/* [disabled]margin:auto; */
	dborder:1px dashed #333;
	margin-top:15px
}
#hometext .hometop{width:935px; height:220px; margin:auto; dborder:1px dashed #333;}
.hometop .topone{width:300px; height:218px; float:left; dborder:1px dashed #333;}
.hometop .toptwo{width:621px; height:219px; float:right; dborder:1px dashed #333;}
.toptwo .topthree{width:300px; height:218px; float:left; dborder:1px dashed #333;}
.toptwo .topfour{width:300px; height:218px; float:right; dborder:1px dashed #333;}
#hometext .homenav{width:935px; height:260px; margin:auto; dborder:1px dashed #333; margin-top:5px; background-image:url(images/nav%20bg.png);}
#hometext .homelogon{width:935px; height:260px; margin:auto; dborder:1px dashed #333; margin-bottom:5px;}
.homelogon .logonform{width:530px; height:258px; float:left; dborder:1px dashed #333; margin-left:20px; background-color:#E7E7E7; border-radius:8px;}
.logonform label{font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#333; padding:2px 5px 2px 5Spx;}
.logonform input,textarea, select{width:150px; height:25px; border:1px solid #ccc; border-radius:5px; background-color:#9C0; margin-top:5px;}
.logonform p{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#006; padding-left:5px;}
.homelogon .logonpix{width:340px; height:200px; float:right; dborder:1px dashed #333; background-color:#E7E7E7; border-radius:8px;}
.logonpix ul{padding-left:25px;}
.logonpix li{display:list-item; padding:1px 15px 1px 2px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#03C;}
.logonpix a{font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#03C;}
.homenav ul{padding-left:5px;}
.homenav li{display:list-item; list-style-type:none; padding:1px 15px 1px 2px; color:#fff;}
.homwnav a{font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; color:#fff;}
.homenav .navone{width:335px; height:255px; float:left; dborder:1px dashed #fff;}
.navone ul{padding-left:5px;}
.navone li{display:list-item; list-style-type:none; padding:1px 15px 1px 2px; color:#fff;}
.navone a{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff;}
.navone .navthree{width:180px; height:200px; float:left; dborder:1px dashed #fff; margin-top:40px; margin-left:20px;}
.navone .navfour{width:120px; height:200px; float:right; dborder:1px dashed #fff; margin-top:40px;}
.homenav .navtwo{width:400px; height:255px; float:right; dborder:1px dashed #fff; margin-right:185px;}
.navtwo ul{padding-left:5px;}
.navtwo li{display:list-item; list-style-type:none; padding:1px 15px 1px 2px; color:#fff;}
.navtwo a{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff;}
.navtwo .navfive{width:180px; height:200px; float:left; dborder:1px dashed #fff; margin-top:40px;}
.navtwo .navsix{width:175px; height:200px; float:right; dborder:1px dashed #fff; margin-top:20px;}
#container #footer{width:960px; height:140px; margin:auto; dborder:1px dashed #333;; margin-top:5px;}
#footer .fotup{width:940px; height:80px; margin:auto; dborder:1px dashed #333; margin-left:15px;}
#footer .fotdwn{width:960px; height:60px; margin:auto; dborder:1px dashed #333;}
.fotdwn p{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666;}
.fotdwn .fotdwnright{width:400px; height:58px; float:right; dborder:1px dashed #333;}
.fotdwn .fotdwnleft{width:540px; height:58px; float:left; dborder:1px dashed #333; padding-left:10px;}
<----------------------------Buiness-------------------------------------------
#container #business{width:950px; height:930px; margin:auto; dborder:1px dashed #333; margin-top:5px;}
#business h1{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:25px; color:#090;}
#business p{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#333;}
<----------------------------Commercial, wealth---------------------------------------
#container #commbanner{width:940px; height:350px; margin:auto; dborder:1px dashed #333; margin-top:5px; border-radius:10px; border:solid 2px #666;}
#container #commtext{width:940px; height:500px; margin:auto; dborder:1px dashed #333;margin-top:15px}
#commtext .comtop{width:940px; height:50px; margin:auto; dborder:1px dashed #333;}
#commtext .comdwn{width:940px; height:445px; margin:auto; dborder:1px dashed #333;margin-top:5px}
.comdwn .comdwnright{width:310px; height:420px; float:right; border:1px dasged #333;}
.comdwn .comdwnleft{width:610px; height:443px; float:left; border:1px dasged #333;}
.comdwnleft p{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#333;}
.comdwnleft span{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#F39;}
.comdwnleft h2{font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; color:#903;}
.comdwnleft ul{padding-left:25px;}
.comdwnleft li{display:list-item; padding:1px 15px 1px 2px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#333;}
<---------------------------------privacy , security , terms--------------------------------------------
#container #commbusiness{width:930px; height:930px; margin:auto; dborder:1px dashed #333; margin-top:5px;}
#commbusiness p{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#333;}
#commbusiness h6{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#333;}
#commbusiness h5{font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#00F;}
#commbusiness h4{font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#333;}
#commbusiness ul{padding-left:25px;}
#commbusiness li{display:list-item; padding:1px 15px 1px 2px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#03C; list-style:none;}
<------------------------------------contactus------------------------------------------>
#container #contactus{width:940px; height:930px; margin:auto; dborder:1px dashed #333;margin-top:5px}
#contactus .contactupp{width:938px; height:50px; margin:auto; dborder:1px dashed #333;}
#contactus .contactup{width:938px; height:375px; margin:auto; dborder:1px dashed #333;}
.contactup ul{padding-left:25px;}
.contactup li{display:list-item; padding:1px 15px 1px 2px; color:#900; font-size:17px;}
.contactup a{font-family:Verdana, Geneva, sans-serif;, sans-serif; font-size:13px; font-weight:bold; color:#F00;}
.contactup p{font-family:Verdana, Geneva, sans-serif;, sans-serif; font-weight:normal; font-size:16px; color:#333;}
.contactup .conleft{width:450px; height:370px; float:left; dborder:1px dashed #333;}
.contactup .conright{width:450px; height:370px; float:right; dborder:1px dashed #333;}
#contactus .contactdwn{width:938px; height:500px; margin:auto; dborder:1px dashed #333; margin-top:5px;}
.contactdwn .conform{width:850px; height:495px; margin:auto; dborder:1px dashed #333;}
.conform label{font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#333; padding:2px 5px 2px 5px;}
.conform input,textarea, select{width:150px; height:25px; border:1px solid #ccc; dborder-radius:5px; background-color:#0FF; margin-top:5px;}
.conform form{padding:5px 10px 5px 10px}
.conform p{font-family:Verdana, Geneva, sans-serif;, sans-serif; font-weight:normal; font-size:15px; color:#333;}