/* CSS Document */

body
{
margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
a:link, a:active, a:visited
{
outline-style:none; outline-width:0px;
}
a:hover
{
outline-style:none; outline-width:0px;
}
#dvmaincontainer
{
width:957px; margin:0px auto; padding:18px 0px 0px 0px;
}
#dvmaincontainer #topcontainer
{
float:left; width:957px; height:111px; background-image:url(../images/top_bg.gif); background-repeat:no-repeat; background-position:top center; margin:0px; padding:0px 0px 0px 0px;
}
#topcontainer #toplogo
{
float:left; width:938px; font-size:0px; margin:0px; padding:14px 0px 0px 19px; 
}
#topcontainer #tabsholder
{
float:left; width:957px; font-size:0px; margin:0px; padding:5px 0px 0px 0px;
}
#tabsholder #dvtabcontainer
{
float:left; width:719px; font-size:0px; margin:0px; padding:8px 0px 0px 4px; 
}
#tabsholder #dvtabcontainer img
{
float:left; margin:0px; padding:0px 0px 0px 0px; font-size:0px;
}
#tabsholder #citidirect
{
float:left; width:234px; font-size:0px; margin:0px; padding:0px 0px 0px 0px;
}
#dvmaincontainer #dvbodycontainer
{
float:left; width:957px; margin:0px; padding:0px 0px 0px 0px;
}
#dvbodycontainer .curveholer
{
float:left; width:473px; margin:0px; padding:0px 0px 29px 0px; 
}
.curveholer .curvetop
{
float:left; width:473px; margin:0px; padding:0px 0px 0px 0px; font-size:0px;
}
.curveholer .curvemid
{
float:left; width:473px; height:360px; margin:0px; padding:0px 0px 0px 0px; background-image:url(../images/mid.gif); background-repeat:repeat-y; background-position:top center;
}
.curvemid .banner
{
float:left; width:454px; margin:0px; padding:10px 0px 20px 18px; font-size:0px;
}
.curveholer .content
{
float:left; height:124px; width:452px; margin:0px; padding:0px 0px 0px 20px;
}
.content p
{
margin:0px; width:431px; font-size:12px; padding:0px 0px 8px 0px; color:#666666; text-align:left;
}
.content p span
{
color:#333333;
}
.curvemid .knowmore
{
float:left; width:454px; margin:0px; padding:0px 0px 0px 18px; font-size:0px;
}
.curveholer .curvefoot
{
float:left; width:473px; margin:0px; padding:0px 0px 0px 0px; font-size:0px;
}
#dvmaincontainer #dvfootercontainer
{
float:left; width:957px; margin:0px; padding:0px 0px 0px 3px;
}
#dvfootercontainer #linecontainer
{
float:left; width:949px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; margin:0px; padding:8px 0px 6px 0px;
}
#linecontainer .citigroup
{
float:left; width:75px; color:#666666; margin:0px; padding:0px 0px 0px 0px; 
}
#linecontainer .citigroup a
{
color:#666666; text-decoration:none;
}
#linecontainer .citigroup a:hover
{
color:#ff0000; text-decoration:underline;
}
#linecontainer .footlink
{
float:right; width:718px; color:#666666; text-align:right; margin:0px; padding:0px 0px 0px 0px;
}
#linecontainer .footlink a
{
color:#666666; text-decoration:none; padding:0px 0px 0px 22px;
}
#linecontainer .footlink a:hover
{
color:#ff0000; text-decoration:underline;
}

#dvfootercontainer #footcontainer
{
float:left; width:949px; margin:0px; padding:8px 0px 36px 0px;
}
#footcontainer .citilogo
{
float:left; width:28px; font-size:0px; margin:0px; padding:3px 0px 0px 0px;
}
#footcontainer .copy
{
float:left; width:921px; color:#999999; text-align:right; margin:0px; padding:0px 0px 0px 0px;
}

.loginholder { float:left; width:210px; position:absolute; height:58px; background:url(../images/login-bg.gif) no-repeat top left; margin:22px 0px 0px 0px; padding:0px;}
.loginul { clear:both; overflow:hidden; width:188px; margin:0px; padding:8px 0px 0px 0px; padding-left:12px; list-style-type:none !important; }
.loginul li {clear:both; overflow:hidden; width:177px; background:url(../images/login-arrow.gif) no-repeat 0px 4px; font-size:11px;   margin:0px 0px 5px 0px; padding:0px 0px 0px 11px; list-style-type:none !important;}

.loginul li a { color:#333333 !important; text-decoration:none !important; }
.loginul li a:hover { color:#FF0000 !important; text-decoration:underline !important; }
