BODY
{
    MARGIN: 0px;
    PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    FONT-FAMILY: Arial, Verdana, Sans-Serif;
	overflow:auto;
}
#MianContainer
{
    WIDTH:1000px;
    display:block;
}
/* page header section - start */
#PageHeader
{ 
    WIDTH: 100%;
    HEIGHT: 100px;
}
#BankLogo
{ 
	float:left;
    WIDTH: 30%;
    HEIGHT: 100%;
    BACKGROUND: url(../Images/Bank_Logo.gif) no-repeat center; 
}
#WelcomeLogo
{ 
	float:left;
    WIDTH: 70%;
    HEIGHT: 100%;
    BACKGROUND: url(../Images/Welcome_Logo.gif) no-repeat center; 
}
/* page header section - end */ 

/* top menu section - start */
#TopMenu
{ 
    WIDTH: 100%; 
    height:50px;
    display:block;
}
#TopMenuDiv
{ 
    WIDTH: 100%; 
    height:100%;
    display:block;
}
#TopOrangeLine
{
	FLOAT:left; 
    WIDTH:100%; 
    height:4px;
	overflow:hidden;
	background:url(../images/Orange_Line.gif) repeat;
}
.TopMenuItem {
	FLOAT:left; cursor:pointer; height:45px;
}
#TopMenuContainer {
	FLOAT:left; width:100%; cursor:default;
}
.TopMenuBlueBg {
	background:url(../Images/Blue_Spacing.gif) repeat-x top;
}
/*Menu Images Style*/
#TopMenu_AccountLogin{
	width:250px;
}
.TopMenu_AccountLogin_Out{
	background:url(../Images/AccountLogin.gif) top no-repeat; 
}
.TopMenu_AccountLogin_Over{
	background:url(../Images/AccountLogin_over.gif) top no-repeat;
}
.TopMenu_AccountLogin_Click{
	background:url(../Images/AccountLogin_click.gif) top no-repeat;
}
#TopMenu_Bank{
	width:194px;
}
.TopMenu_Bank_Out{
	background:url(../Images/Bank.gif) top no-repeat;
}
.TopMenu_Bank_Over{
	background:url(../Images/Bank_over.gif) top no-repeat; 
}
.TopMenu_Bank_Click{
	background:url(../Images/Bank_click.gif) top no-repeat; 
}
#TopMenu_WhyDC{
	width:315px;
}
.TopMenu_WhyDC_Out{
	background:url(../Images/WhyDC.gif) top no-repeat; 
}
.TopMenu_WhyDC_Over{
	background:url(../Images/WhyDC_over.gif) top no-repeat; 
}
.TopMenu_WhyDC_Click{
	background:url(../Images/WhyDC_click.gif) top no-repeat; 
}
#TopMenu_TalkToUs{
	width:206px;
}
.TopMenu_TalkToUs_Out{
	background:url(../Images/TalkTo.gif) top no-repeat; 
}
.TopMenu_TalkToUs_Over{
	background:url(../Images/TalkTo_over.gif) top no-repeat; 
}
.TopMenu_TalkToUs_Click{
	background:url(../Images/TalkTo_click.gif) top no-repeat;
}
#TopMenu_Help{
	width:130px;
}
.TopMenu_Help_Out{
	background:url(../Images/Help.gif) top no-repeat; 
}
.TopMenu_Help_Over{
	background:url(../Images/Help_over.gif) top no-repeat; 
}
.TopMenu_Help_Click{
	background:url(../Images/Help_click.gif) top no-repeat; 
}
/* top menu section - end */

/* bottom div section - start */
#BottomDiv
{
	width:100%; overflow:hidden;
}
/* bottom div section - end */

/* left menu section - start */
#LeftMenu
{
    DISPLAY: block; 
    FLOAT: left;
    WIDTH: 250px;
    PADDING-TOP: 10px
}
#leftMenuContainer{
	width:100%; float:right; 
}
#leftMenuList{
	float:left; width:240px;
}
.LeftMenuItem{
	cursor:pointer; height:40px; text-align:right;
}
#leftLine{
	float:right; width:5px; height:425px; background:url(../Images/Left_Gray_Line.gif) left repeat-y;
}
#TopSpace{
	height: 25px;
}
.LeftMenu_Apply_Out{
	background:url(../Images/Apply.gif) right no-repeat;
}
.LeftMenu_Apply_Over{
	background:url(../Images/Apply_over.gif) right no-repeat;
}
.LeftMenu_Apply_Click{
	background:url(../Images/Apply_over.gif) right no-repeat;
}
.LeftMenu_ATMAccounts_Out{
	background:url(../Images/ATMAccounts.gif) right no-repeat;
}
.LeftMenu_ATMAccounts_Over{
	background:url(../Images/ATMAccounts_over.gif) right no-repeat;
}
.LeftMenu_ATMAccounts_Click{
	background:url(../Images/ATMAccounts_over.gif) right no-repeat;
}
.LeftMenu_PrepaidCreditCard_Out{
	background:url(../Images/PrepaidCreditCard.gif) right no-repeat;
}
.LeftMenu_PrepaidCreditCard_Over{
	background:url(../Images/PrepaidCreditCard_over.gif) right no-repeat;
}
.LeftMenu_PrepaidCreditCard_Click{
	background:url(../Images/PrepaidCreditCard_over.gif) right no-repeat;
}
.LeftMenu_AboutUs_Out{
	background:url(../Images/AboutUs.gif) right no-repeat;
}
.LeftMenu_AboutUs_Over{
	background:url(../Images/AboutUs_over.gif) right no-repeat;
}
.LeftMenu_AboutUs_Click{
	background:url(../Images/AboutUs_over.gif) right no-repeat;
}
.LeftMenu_Privacy_Out{
	background:url(../Images/Privacy.gif) right no-repeat;
}
.LeftMenu_Privacy_Over{
	background:url(../Images/Privacy_over.gif) right no-repeat;
}
.LeftMenu_Privacy_Click{
	background:url(../Images/Privacy_over.gif) right no-repeat;
}
.LeftMenu_Legal_Out{
	background:url(../Images/Legal.gif) right no-repeat;
}
.LeftMenu_Legal_Over{
	background:url(../Images/Legal_over.gif) right no-repeat;
}
.LeftMenu_Legal_Click{
	background:url(../Images/Legal_over.gif) right no-repeat;
}
.LeftMenu_Security_Out{
	background:url(../Images/Security.gif) right no-repeat;
}
.LeftMenu_Security_Over{
	background:url(../Images/Security_over.gif) right no-repeat;
}
.LeftMenu_Security_Click{
	background:url(../Images/Security_over.gif) right no-repeat;
}
/* left menu section -end */

/* Main content  section - start */
#MainContent
{
    DISPLAY: block;
    FLOAT: Right;
}
/* Main content  section - end */

/* Frame style - start */
.RightPageDiv
{
    DISPLAY: block;
    FLOAT: Left;
    WIDTH: 720px;
}
.MainPageMargin
{
	margin-left:75px;
}
.FrameContainer
{
	float:left;	width:580px; padding-top:20px;
}
.FrameContainerNoPic
{
	float:left;	padding-top:20px;
}
.FrameContentTittle
{
	float:left; width:100%; height: 50px;
}
.FrameContent
{
	float:left; padding-top:10px; width:100%;
}
.ContentVSpacing
{
	float:left; width:100%; height: 25px;
}
.FrameContentContainer
{
	float:left;	width:500px;
}
.FrameContentDetail
{
	float:left; padding-top:10px; width:650px;
}
.FrameFullWidth
{
	float:left;	width:100%;
}
.ContentCellTop
{
	float:left; width:450px; margin-left:15px; padding-left:30px; margin-top:10px;
}
.ContentCellTopLegal
{
	float:left; width:650px; padding-left:30px; margin-top:5px;
}
.ContentCell
{
	float:left; width:360px; margin-left:15px; padding-left:30px; margin-top:10px;
}
.FrameTopTop
{
	float:left; height:32px;
}
.FrameTittle
{
	float:left; height:29px; padding-top:5px; padding-left:5px; 
}
.FrameContentTittle
{
	float:left; width:466px; height:24px; padding-top:8px;
}
.FrameContentTittleSpacing
{
	float:left; width:15px; height:18px; 
}
.FrameHead
{
	float:left;	width:100%; height:34px;
}
.FrameTittleTail
{
	float:left; width:20px; height:100%; 
}
.FrameFull
{
	float:left; width:100%; height:100%;
}
.FrameLeftLine
{
	float:left; width:2px; height:100%;
}
.FrameTTRight
{
	float:right; width:32px; height:100%; 
}
.FrameBottomLeftATM
{
	float:left; width:430px;
}
.FrameBottomLeftCard
{
	float:left; width:416px;
}
.FrameBottomContentATM
{
	float:left; width:100%; height:81px;
}
.FrameBottomContentCard
{
	float:left; width:100%; height:19px;
}
.FrameBLBottomLeftNoPic
{
	float:left; width:100%; height:37px;
}
.FrameBlackLineLeft
{
	float:left; height:18px;
}
.FrameBlackLineSpacing
{
	float:left; width:20px; height:18px;
}
.FrameBLBottomSpacing
{
	float:left; width:32px; height:34px;
}
.FrameTellMeATM
{
	float:left; width:410px; height:100%;
}
.FrameTellMeCard
{
	float:left; width:396px; height:100%;
}
.FrameTellMeImg
{
	float:left; width:141px; height:32px; margin-left:10px; 
}
.FrameBLBottomRightATM
{
	float:left; width:398px; height:18px;
}
.FrameBLBottomRight
{
	float:left; width:463px; height:37px;
}
.FrameBLBottomRightCard
{
	float:left; width:384px; height:18px;
}
.FrameBottomRightATM
{
	float:left; width:70px;
}
.FrameBottomRight
{
	float:left; width:5px;
}
.FrameBottomRightCard
{
	float:left; width:160px;
}
.FrameBRLeftATM
{
	float:left; width:65px; height:162px;
}
.FrameBRLeftContainerCard
{
	float:left; width:155px; height:100px;
}
.FrameBRLeftCard
{
	float:left; width:84px; height:100px;
}
.FrameBRRightTopATM
{
	float:left; width:5px; height:130px;
}
.FrameBRRightTop
{
	float:right; width:5px; height:18px;
}
.FrameBRRightTopCard
{
	float:right; width:100%; height:70px;
}
.FrameBRRightBottomATM
{
	float:right; width:5px; height:19px;
}
.FrameBRRightBottomCard
{
	float:right; width:5px; height:17px;
}
.FrameBRRightBottomLine
{
	float:right; width:38px; height:17px;
}
.FrameStartApplyLink
{
	float:left; width:500px; vertical-align:bottom;
}
.FrameStartApplyArrow
{
	float:left; width:70px; height:80px;
}
.FrameStartApplySpacing
{
	float:left; width:400px; height:47px; vertical-align:bottom;
}
.FrameStartApply
{
	float:left; width:400px; height:33px; cursor:pointer;
}
.FrameApplyNow
{
	float:left; width:200px; height:33px; cursor:pointer;
}
.TermsCondition
{
	float:left; width:100%; background-color:#000000; color:#FFFFFF; text-align:left; font-weight:bold;
}
.FrameBottomContentPCCards
{
	float:left; width:2px; height:61px;
}
.FrameBLBottomLeftPCCards
{
	float:left; width:32px; height:112px;
}
.FrameApplyNowPCCardsSpacing
{
	float:left; width:100%; height:35px;
}
.FrameBLBottomRightPCCards
{
	float:left; width:384px; height:70px;
}
.FrameStartApplyArrowPCCards
{
	float:left; width:70px; height:61px;
}
.FrameApplyPCCards
{
	float:left; width:200px;
}
.FrameTellMePCCards
{
	float:left; width:200px; height:18px; background-color:#000000; margin-left:10px;
}
.FrameTellMePCCardsImg
{
	float:left; width:80px; height:100%; cursor:pointer; margin-left:10px;
}
.FrameBLBottomPCCards
{
	float:left; width:384px; height:42px;
}
.FrameBRLeftContainerPCCards
{
	float:left; width:155px; height:24px;
}
.FrameBRRightTopPCCards
{
	float:left; width:84px; height:100%;
}
.FrameContentPCCards
{
	float:left; margin-top:10px !important; margin-top:5px; width:100%;
}
.WeaithWarningNote
{
	padding-top:20px;
}
.FrameContainerPCCards
{
	float:left;	width:580px; Height:350px; padding-top:20px;
}
.ContentShow
{
	float:left; width:100%; padding-left:30px; padding-top:10px; display:block;
}
.ContentHide
{
	float:left; width:100%; padding-left:30px; padding-top:10px; display:none;
}
.SubContentShow
{
	float:left; width:95%; padding-top:10px; display:block;
}
.SubContentHide
{
	float:left; width:95%; padding-top:10px; display:none;
}
.ContentLinkTittle
{
	cursor:pointer; float:left;
}
/* Corner Images style for frame*/
.FrameRightTop
{
	background:url(../Images/Frame_Right_Top.gif) no-repeat right top;
}
.FrameLeftBottom
{
	background:url(../Images/Frame_Left_Bottom.gif) no-repeat bottom left;
}
.FrameRightBottom
{
	background:url(../Images/Frame_Right_Bottom.gif) no-repeat bottom right;
}
/* End of Corner Images style for frame */
/* Images style of frame inside */
.FrameTittleImg
{
	background:url(../Images/Frame_Blue_Line.gif) repeat;
}
.FrameTittleTailImg
{
	background:url(../Images/HeadTail.gif) no-repeat;
}
.ContentCellTag
{
	background:url(../Images/Title.gif) no-repeat left top;
}
.ContentCellTag_Dot
{
	background:url(../Images/Dot.gif) no-repeat center left;
}
.BlackLine
{
	background:url(../Images/Frame_Black_Line.gif) repeat-x top;
}
.FrameATM
{
	background:url(../Images/Frame_ATM.gif) no-repeat bottom left;
}
.FrameCard
{
	background:url(../Images/Frame_Card.gif) no-repeat bottom left;
}
.FrameStartArrow
{
	background:url(../Images/TellMe_Arrow.gif) no-repeat bottom right;
}
.StartApplyImg
{
	background:url(../Images/Frame_Apply_Link.gif) no-repeat bottom;
}
.ApplyNow
{
	background:url(../Images/Frame_Apply_Link.gif) no-repeat bottom;
}
.WealthWarning
{
	float:left; width:250px; height:60px; background:url(../Images/Warning.gif) no-repeat center;
}
.FrameCommentsPCCards
{
	float:left; width:300px; height:30px; background:url(../Images/PCCards_Comments.gif) no-repeat center;
}
.FrameAbountUsCDIC
{
	float:left; width:600px; height:90px; background:url(../Images/CDIC_Insurance2.gif) no-repeat center;
}
.FrameHappyWallet
{
	float:left; width:240px; height:140px; background:url(../Images/Happy_Wallet.gif) no-repeat left; 
}
.FrameHappyCards
{
	float:left; width:240px; height:140px; background:url(../Images/Happy_Card.gif) no-repeat left;
}
/* End of Images style of frame inside */
/* Link Image style of frame inside */
.TellMeMoreBg_Out
{
	background:url(../Images/TellMeMore.gif) no-repeat top;
}
.TellMeMoreBg_Over
{
	background:url(../Images/TellMeMore_over.gif) no-repeat top;
}
.ApplyNow_Out
{
	background:url(../Images/ApplyNow.gif) no-repeat bottom;
}
.ApplyNow_Over
{
	background:url(../Images/ApplyNow_over.gif) no-repeat bottom;
}
.ApplyNowPCCards_Out
{
	background:url(../images/PCCards.gif) no-repeat bottom left;
}
.ApplyNowPCCards_Over
{
	background:url(../images/PCCards_over.gif) no-repeat bottom left;
}
.TellMeMorePCCards_Out
{
	background:url(../images/PCCards_TellMe.gif) no-repeat bottom left;
}
.TellMeMorePCCards_Over
{
	background:url(../images/PCCards_TellMe_over.gif) no-repeat bottom left;
}
.ContentCollapse
{
	background:url(../images/Collapse.gif) no-repeat center; cursor:pointer; float:left;
}
.ContentExpand
{
	background:url(../images/Expand.gif) no-repeat center; cursor:pointer; float:left;
}
.ContentAllCollapse
{
	background:url(../images/CollapseAll.gif) no-repeat center; cursor:pointer; float:right; width:20px;
}
.ContentAllExpand
{
	background:url(../images/ExpandAll.gif) no-repeat center; cursor:pointer; float:right; width:20px;
}
.ContentDetailBottom
{
	background:url(../images/Go_To_Top.gif) no-repeat center right; cursor:pointer; float:right; width:100%; height:18px;
}
/* End of Link Image style of frame inside */
/* Blue lines style for frame */
.TopBlueLine
{
	background:url(../Images/Frame_Blue_Line.gif) repeat-x top;
}
.BottomBlueLine
{
	background:url(../Images/Frame_Blue_Line.gif) repeat-x bottom;
}
.LeftBlueLine
{
	background:url(../Images/Frame_Blue_Line.gif) repeat-y left;
}
.RightBlueLine
{
	background:url(../Images/Frame_Blue_Line.gif) repeat-y right;
}
.BottomOrangeLine
{
	background:url(../Images/Orange_Line.gif) repeat-x bottom;
}
/* End of Blue line for frame */
/* Frame style - end */

/* Font Style  section - start */
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.content_link
{
	font-style: italic; font-weight:bold;
}
.ContentFont
{
	font-size:18px;  text-align:left; 
}
.ContentDetailFont
{
	font-size:16px;  text-align:left; font-weight:normal;
}
.FrameTittleFont
{
	text-align:left; font-weight: bold; font-size:24px;
}
.ContentTittleFont
{
	float:left; text-align:left; font-size:20px; font-weight:bolder;
}
.OrangeFont
{
	color:#ff6300; font-weight:bold;
}
.BlackFont
{
	color:#000000;
}
.WhiteFont
{
	color:#FFFFFF;
}
/* Font Style section - end */
