/* reset styles 
=======================*/
body, h1, h2, h3, h4, h5, p, ul, li, table, form, iframe, fieldset, 
legend, hr, dl, dd, dt{
    margin:0;
    padding:0;
    border:none;
}

/* common 
================= */
body{
    font: 0.8em/1.2 Arial,Helvetica,Sans-Serif;
    color:#363636;
}
input, textarea, select{font:0.9em Arial;}
h1{
    font-size:2.4em;
    color:#8b2566;
    margin-bottom:18px;
}

h2{
    font-size:1.4em;
    color:#e4392f;
    margin-bottom:8px;
    margin-top:10px;
}

h3{font-size:1.3em;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.align-center{text-align:center;}
.smalltxt{font-size:0.85em;}
.bold{font-weight:bold;}
span.error, p.error {color:#ff0000;}
a img{border:none;}
.imgcenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
 }
 
a, a:visited{
    color:#b92a6d;
    text-decoration:none;
    outline:none;
}

a:hover{text-decoration:underline;}

.last{
    margin-right:0;
    background:none;
}
hr{
    background-color:#ccc;
    color:#ccc;
    height:1px;
    margin-top:10px;
    margin-bottom:10px;
}

#beta{
    position:absolute;
    left:0px;
    width:80px;
    color:#82246c;
}

#tag{
    background-color:#82246c;
    font-size:1.5em;
    text-align:center;
    display:none;
}

#tag p{
    color:#fff;
    padding:5px;
    border:2px solid #fff;
}

#wrapper{width:100%;}


#main-content p{
    margin-bottom:8px;
    line-height:1.3;
}

#left-panel{
    float:left;
    padding:22px 24px 0 18px;
}

.content{float:left;}

/* header
===============*/
#header{
    position:relative;
    margin:0 auto;
    width:1000px;
    height:202px;
    background:url(../../content/images/header_bg.jpg) no-repeat;
}

#logo{
    float:left;
    width:302px;
    height:182px;
    display:block;
}

#logo span{display:none;}

#loginfrm{
    float:right;
    height:58px;
    padding-top:17px;
    margin-right:-8px;
}

#loginfrm .form-row{
    float:left;
    width:175px;
    color:#fff;
    margin-right:6px;
}

.form-row .input-data{
    float:left;
    width:173px;
    height:35px;
    background:url(../../content/images/input_bg.gif) no-repeat;
    border:none;
    padding-left:5px;
    margin-top:3px;
}

.frmheader{
    float:left;
    width:213px;
    color:#fff;
}
.frmheader h2{
    padding-top:13px;
    font-size:1.85em;
    margin:0;
    color:#fff;
    text-align:right;
    margin:0 14px 3px 0;
}
.frmheader #notamember{color:#cc273c;}
.toplinks{clear:both;}

.toplinks a, .toplinks a:visited{
    text-decoration:none;
    color:#82246c;
}
.toplinks a:hover{text-decoration:none;}
.spacer{margin:0 5px 0 5px;}

.forgottonlink, .forgottonlink:visited {
    position:relative;
    text-decoration:none;
    color:#fff;
    font-size:0.75em;
    text-align:center;
    left:-25px;
}
.forgottonlink:hover{text-decoration:underline;}
#submit{margin-top:2px;}
#loggedin{
    margin-right:27px;
    padding-top:10px;
    width:668px;
}

#loggedin .frmheader h2{
    float:left;
    padding-top:0;
    clear:both;
    font-size:1.5em;
    text-align:left;
}

.displaybalance{
    float:left;
    height:43px;
    padding-left:13px;
    background:url(../../content/images/left_roundedge_red.gif) no-repeat left 0;
    list-style:none;
}

.displaybalance li{
    float:left;
    width:125px;
    background:url(../../content/images/red_yellow_bg.gif) repeat-x;
    height:43px;
    padding:0 8px 0 3px;
    color:#fff;
}

.displaybalance li p{padding-top:15px;}
.displaybalance li .data-value{color:#fad682}

.displaybalance li.divider{
    height:43px;
    width:1px;
    background:url(../../content/images/spacer_dotted.gif) no-repeat;
    padding:0;
}	

.displaybalance li.last{
    background:url(../../content/images/right_roundedge_red.gif) no-repeat right 0;
    height:43px;
    padding:0 8px 0 8px;
    width:170px;
}



/* nav 
=================*/
#nav{
    float:right;
    position:absolute;
    top:0;
    right:10px;
    margin:85px 8px 0 0;
    padding-left:18px;
    height:61px;
    background:url(../../content/images/navbg_left.png) no-repeat left 0;
    display:inline;
}

#nav ul{
    width:657px;
    height:61px;
    background:url(../../content/images/nav_rightedge.png) no-repeat right 0;
	
}
	
#nav ul li{
    list-style:none;
    float:left;
    background:url(../../content/images/pipe.gif) no-repeat right 0;
    padding:0 8px 0 8px;
    margin-top:20px;
    font-size:1.5em;
}

#nav li.last{
    background:none;
    padding-right:0;
}

#nav li a, #nav li a:visited{
    display:block;
    color:#82246c;
    text-decoration:none;
}

#nav ul li.selected a{color:#fff;}

#nav li a:hover{color:#fff;}

#bread-crumb{margin-bottom:18px;}

/* Footer
===================*/

/*#footer{
    float:left;
    width:100%;
    height:203px;
    background:url(../../content/images/footer_color_bg.gif) repeat-x;
}

.footer-content{
    width:981px;
    height:165px;
    margin:0px auto;
    text-align:center;
}*/

#footer{
    float:left;
    width:100%;
}

.footer-content{
    width:981px;
    height:165px;
    margin:0px auto;
    text-align:center;
}

.copyright-txt{
    text-align:center;
    font-size:0.85em;
    color:#e84832;
}
#bottom-nav{
    padding:11px 0 6px 0;
}
#bottom-nav li{
    list-style:none;
    display:inline;
    background:url(../../content/images/pipe.gif) no-repeat center right;
    padding:0 8px 0 8px;
}

#bottom-nav li.last{background:none;}

#bottom-nav li a, #bottom-nav li a:visited{
	color:#82246c;
	text-decoration:none;
}

#footer .smalltxt{color:#fff;}

#footer .smalltxt a, #footer .smalltxt a:visited{color:#fff}

.paymentcards{margin:8px 0 8px 0;}

.seotxt{
    margin:9px 0 18px 23px;
    font-size:0.85em;
    color:#b62970;
    text-align:center;
}



