/*Global*/
body {
    font: 12px/20px Arial, Helvetica, sans-serif;
    line-height: 20px; /* 20px */
    color: #4a3f2d;
    background-color: #eeeeee;
    padding: 0px;
    margin: 0px 0px 30px 0px;
    text-align: center;
}
#container {
    text-align: left;
    vertical-align: middle;
    margin: 0px auto;
    padding: 0px;
    width: 960px;
    background-color: #fdfdfd;
    background-image: url(../images/bgnd.gif);
    background-repeat: repeat-y;
    border-radius: 15px;
}
#logo {
    padding-top: 20px;
    padding-left: 50px;
}
#mainbody {
    padding-left: 50px;
}
#main-nav {
    padding-top: 20px;
}
.leadin {
    font-size: 14px;
    line-height: 22px;
    /*color: black;*/
}

/*	New Menu Style Consumer */
.menu-consumer {
    font-family: Arial, Helvetica, sans-serif;
    width: 900px;
    height: 30px;
    position: relative;
    font-size: 13px;
    z-index: 100;
    padding-left: 0px;
    margin: 0px;
    background-color: #00a66e;
    margin-left: 27px;
    text-align: top;
}
    .menu-consumer ul {
        padding: 0;
        margin: 0;
        list-style: none;
        width: auto;
    }
        .menu-consumer ul li {
            float: left;
            position: relative;
            width: 900px;
            border-right: 1px solid #fff;
        }
            .menu-consumer ul li a,
            .menu-consumer ul li a:visited {
                display: block;
                text-decoration: none;
                color: #000;
                height: 30px;
                text-align: center;
                color: #ffffff;
                border: 0px solid #fff;
                line-height: 30px;
                font-size: 13px;
                overflow: hidden;
                vertical-align: center;
            }
    .menu-consumer ul li a:hover {
        color: #ffffff;
        background: #231f20;
        text-decoration: none;
    }


            .menu-consumer ul li ul {
                display: none;
                position: absolute;
                top: 50px;
                left: 0;
                font-family: Arial, Helvetica, sans-serif;
            }
                .menu-consumer ul li ul li a,
                .menu-consumer ul li ul li a:visited {
                    background: #dcdcdc;
                    color: #000;
                    font-size: 13px;
                    text-align: center;
                    padding: 5px 15px;
                    border: 0px solid #aaa;
                    border-top: none;
                    height: 10px;
                    line-height: 50px;
                    vertical-align: text-top;
                }
    .menu-consumer ul li ul li a:hover {
        background: #8f8f8f;
        color: #ffffff;
        text-align: left;
    }

.menu-consumer ul li ul li ul {}
    .menu-consumer ul li ul li ul li a,
    .menu-consumer ul li ul li ul li a:visited {
        background: #dcdcdc;
        color: #000;
        font-size: 13px;
        text-align: left;
        padding: 5px 15px;
        border: 0px solid #aaa;
        border-top: none;
        height: 10px;
        line-height: 25px;
    }
   .menu-consumer ul li ul li ul li a:hover {
        background: #8f8f8f;
        color: #ffffff;
        text-align: left;
    }

            .menu-consumer ul li:hover ul {
                display: block;
            } 
.menu-consumer .home {width:131px; font-size:2px;
    top: 0px;
    left: 0px;
}
 
    .menu-consumer .home {
     	width:140px; 
    }
    .menu-consumer .about {
        width:140px; 
	}
	.menu-consumer .options {
        width:140px; 
    }
    .menu-consumer .calculator {
        width: 148px;
    }
    .menu-consumer .faq {
        width: 80px;
    }
    .menu-consumer .contact {
        width: 110px;
    }
    .menu-consumer .login {
        width: 134px;  
}

.menu-consumer li.secondTier a, 
.menu-consumer li.secondTier a:visited {background:#374448; color:#fff; font-size:12px; text-align:left; padding:5px 15px 5px 15px; border-top:1px solid #fff; height:20px; line-height:20px;}
    .menu-consumer li.secondTier a:hover {
        background: #48595f;
        color: #ffffff;
        text-align: left;
               
/* Drop Down 2nd Tier Widths*/
.menu ul li.tools ul li {
    width: 170px;
}
.menu ul li.about ul li {
    width: 210px;
}
#rotating_banners {
    position: relative;
}
    #rotating_banners #banners {
        position: relative;
        z-index: 1;
    }
    #rotating_banners #pager {
        position: absolute;
        /*bottom: 25px;*/ /*Default size*/
        bottom: 10px; /* Set to default when overlay removed from home page*/
        right: 0px;
        z-index: 2;
    }
        #rotating_banners #pager a {
            padding: 2px 5px 3px 6px;
            margin: 2px;
            line-height: 18px;
            background: url(../images/pager_bg.png) top left no-repeat;
            outline: none;
            text-decoration: none;
            color: #3d4b4b;
        }
            #rotating_banners #pager a:hover {
                background: url(../images/pager_active_bg.png) top left no-repeat;
                color: #fff;
                text-decoration: none;
            }
            #rotating_banners #pager a.activeSlide {
                background: url(../images/pager_active_bg.png) top left no-repeat;
                color: #fff;
                text-decoration: none;
            }


/*#Home1 */
#Home1 {
    background-image: url(../images/slide1.png);
    background-repeat: no-repeat;
    border-bottom: 0px solid #d9d9d9;
    margin-bottom: 30px;
    width: 900px;
    /*height: 320px;*/    /*Default size*/
    height:305px;         /*it was reduced for overlay- need to set default size when it overlay removed -To do for all home banners and pager*/
}
    #Home1 .leadin {
        margin-left: 400px;
        padding-bottom: 10px;
        padding-right: 0px;
        font-size: 13px;
        line-height: 20px;
        font-size: 14px;
        line-height: 1.5em;
    }
    #Home1 h1 {
        margin-left: 400px;
        margin-bottom: 0px;
        margin-top: 40px;
        padding-right: 20px;
        font-size: 28px;
        line-height: 1.2em;
    }

/*#Home2 */
#Home2 {
    background-image: url(../images/slide2.png);
    background-repeat: no-repeat;
    border-bottom: 0px solid #d9d9d9;
    margin-bottom: 30px;
    width: 900px;
    /*height: 320px;*/
     height:305px;
}
    #Home2 .leadin {
        margin-left: 400px;
        padding-bottom: 10px;
        padding-right: 0px;
        font-size: 13px;
        line-height: 20px;
        font-size: 14px;
        line-height: 1.5em;
    }
    #Home2 h1 {
        margin-left: 400px;
        margin-bottom: 0px;
        margin-top: 40px;
        padding-right: 20px;
        font-size: 28px;
        line-height: 1.2em;
    }

/*#Home3 */
#Home3 {
    background-image: url(../images/slide3.png);
    background-repeat: no-repeat;
    border-bottom: 0px solid #d9d9d9;
    margin-bottom: 30px;
    width: 900px;
    /*height: 320px;*/
     height:305px;
}
    #Home3 .leadin {
        margin-left: 400px;
        padding-bottom: 10px;
        padding-right: 0px;
        font-size: 13px;
        line-height: 20px;
        font-size: 14px;
        line-height: 1.5em;
    }
    #Home3 h1 {
        margin-left: 400px;
        margin-bottom: 0px;
        margin-top: 40px;
        padding-right: 20px;
        font-size: 28px;
        line-height: 1.2em;
    }

/*#Home4 */
#Home4 {
    background-image: url(../images/slide4.png);
    background-repeat: no-repeat;
    border-bottom: 0px solid #d9d9d9;
    margin-bottom: 30px;
    width: 900px;
    /*height: 320px;*/
     height:305px;
}
    #Home4 .leadin {
        margin-left: 400px;
        padding-bottom: 10px;
        padding-right: 0px;
        font-size: 13px;
        line-height: 20px;
        font-size: 14px;
        line-height: 1.5em;
    }
    #Home4 h1 {
        margin-left: 400px;
        margin-bottom: 0px;
        margin-top: 40px;
        padding-right: 20px;
        font-size: 28px;
        line-height: 1.2em;
    }

/*Footer*/
#footer {
    text-align: left;
    vertical-align: middle;
    margin: 0px auto;
    padding: 0px;
    padding-bottom: 30px;
    width: 1016px;
    background-color: #eeeeee;
    background-image: url(../images/footerbgnd.gif);
    background-repeat: no-repeat;
}
.footer_content {
    text-align: left;
    width: 960px;
    margin: 0px auto;
    padding-left: 0px;
    color: #868686;
    margin-left: 10px;
}
    .footer_content a {
        color: #00567a;
    }
.fctd {
    padding-top: 20px;
    text-align: left;
    vertical-align: top;
}
.footerstyle1 {
    font-size: 11px;
    color: #00567a;
}
.footerstyle2 a {
    font-size: 11px;
    color: #868686;
    font-weight: normal;
}
    .footerstyle2 a:visit {
        font-weight: normal;
    }
    .footerstyle2 a:hover {
        font-weight: normal;
    }

/*Global Font*/
h1 {
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
    margin-top: 0px;
    color: #312b20;
    font-weight: normal;
}
h2 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    color: #999;
    font-weight: bold;
    padding-bottom: 10px;
}
h3 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0px 0px 0px 0px;
}
h4 {
    color: #00567a;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 5px;
}
h5 {
    color: #00567a;
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
}

#mainNavBg {
    background-color: #00a66e;
    text-align: center;
}

/*rotating Banners*/
.rotatingbanners_wps {
    width: 900px;
    margin-left:20px;
}
.rbtable1 {
    width:100%; border:0;
    /*width ="100%" border="0" cellpadding="0" cellspacing="0";*/
}

/*what people are syaing*/
.wps {
    background-color: #f2f4f5;
}
    .wps table {
        width: 900px;
        height: 40px;
    }
.wps_span {
    color: #084B8A;
    font-size: 20px;
    margin-left:15px;
}

.wpstd1 {
    vertical-align: top;
}
.wpstd2 {
    text-align: right;
}
/*How to help the customers*/
.helpcust {
    width: 900px;
    height: 489px;
    border: 1px solid;
    border-color: #A4A4A4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 0px;
    margin-left: 25px;
    border-right-style: none;
    border-left-style: solid;
    background-color: #f2f4f5;
}

.helpcustdiv {
    width: 900px;
    height: 45px;
    border-radius: 4px;
    border-bottom-right-radius:6px;
    padding-left: 0px;
    border-right-style: none;
    border-left-style: none;
    background-color: #a6a6a6;
    /*background-color:#A4A4A4;*/
}
    .helpcustdiv table {
        width: 900px;
        height: 40px;
        border-collapse: collapse;
        text-align: center;
    }
        .helpcustdiv table td {
            font-size: 20px;
            text-align: left;
            color: white;
        }
.hctable2 {
    width: 899px;
    height:5px;
}
.hctable2 td {
        height: 2px;
        border: 1Px solid;
        border-color: #A4A4A4;
        border-bottom-style: none;
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        border-style:none;
    }
.hcdivad {
     width: 899px;
    border-collapse: collapse;
    background: #f2f4f5 border-box;  
    border: 1Px solid;
    border-color: #A4A4A4;
    border-bottom-style: none;
    border-top-style: none;
    border-left-style: none;
    border-right-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
    
.leftdiv {
/*width:600px;*/
height:440px;
 float:left;
}

.leftdivtable {
    padding: 0px;
    width: 100%;
    background: #F2F2F2;
    border-spacing: 0px;
    background-color: #f2f4f5;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 5px;
    border-collapse: collapse;
    height:438px;
}

.tdstlyenone
{
 border-style:none;
}

.tdheaderone {
    border: 1Px solid;
    border-color: #A4A4A4;
    border-top-style: none;
    border-left-style: none;
    height: 22px;
    color: white;
    font-size: 25px;
    padding-bottom: 15px;
}
.tdheaderadd {
    height: 19px;
    background-color: #084B8A;
    border-bottom-style: none;
    font-size: 18px;
    padding-bottom: 15px;
}

.tdheaderadd1 {
    background-color: #424242;
    text-align: center;
    font-size: 18px;
}

.tddotted {
    border: 1Px solid;
    border-color: #A4A4A4;
    border-bottom-style: dotted;
    border-bottom-color: #116eef;
    border-top-style: none;
    border-left-style: none;
    color: black;
    font-size: 14px;
}
.tddottedadd1 {
    border-bottom-style: none;  
    border-right-style: solid;
}
.tddottedadd2 {
    font-size: 11px;
    border-bottom-style: none;
    border-right-style: none;
    text-align: left;
    /*height: 30px;*/
}

.tddottedright {
    border: 1Px solid;
    border-color: #A4A4A4;
    border-bottom-style: dotted;
    border-bottom-color: #116eef;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    text-align: right;
    color: black;
    font-size: 13px;
}


#rightdiv {
    width: 300px;
    height: 438px;
    float: left;
}

.rightdivtable {
    border: 1px solid #084B8A;
    border: 1Px solid;
    border-color: #084B8A;
    background-color: white;
    border-collapse: separate;
    width: 100%;
}
 /*Market value Button*/
.mvb {
    background-color: white;
    width: 700px;
    vertical-align: top;
    padding-left:200px;
}

.mvbtbl tr {
    height:0px;
}
/* No call*/
.divnc_hgs {
    background-color: white;
    width: 900px;
}

#Divnocall {
    width: 900px; /*background-color: #f2f4f5;background-image: -webkit-linear-gradient('#f2f4f5','white');*/
    margin-left: 25px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f4f5', endColorstr='white'); 
    background:linear-gradient(#f2f4f5,white);
}
.divnocallcnt {
    width: 700px;
}   

.ncspan {
    font-size: 14px;
}
/*How to get started block */
.hgs {
    width: 900px;
    margin-left: 25px;
    background: #e8e9e9;
}

.hgs_header {
    width: 894px;
    height: 50px;
    margin-left: 0px;
    border-collapse: collapse;
}
    .hgs_header tr {
        background: #e8e9e9;
    }
        .hgs_header tr th {
            font-size: 20px;
            text-align: left;
            color: #00567a;
        }

.steptd1 {
    width: 0%;
    border-right: 1px solid;
    border-right-color: grey;
    padding-left: 15px;
    font-size: 25px;
}

.steptd1_td {
    font-size: 25px;
    padding-right:0px;
}
.steptd1_td2 {
    font-size: 10px;
    padding-left: 4px;
}
.sectionhead_td {
    vertical-align: text-top;
}
.sectionhead {
    font-size: 20px;
    padding-left: 20px;
}

.sectioncnt {
    padding-left: 22px;
    font-size: 13px;
}

.sctcntspn {
    padding-left: 15px;
}

.steptd2 { font-size:25px; width:0%; border-right:0px solid; border-right-color:grey;border-bottom:1px solid; border-bottom-color:grey; }

.steptd3 { border-bottom:1px solid; border-bottom-color:grey; }
    .steptd3:hover {
        border-bottom-color:white;
        color: white;
        background: #00aabb;
    }

.list1 {
    font-size: 13px;
    margin: 0px;
    padding: 0;
}

.listli {
    margin-left: 35px;
}

/*Hover color*/
.hoverTable {
            width: 894px;
            margin-left: 30px;
            border-collapse: collapse;
        }

            .hoverTable td {
                text-align: left;
            }
            /* Define the default color for all the table rows */
            .hoverTable tr {
                background: #E6E6E6;
            }
                /* Define the hover highlight color for the table row */

                .hoverTable tr:hover {
                    color: white;
                    background: #00aabb;
                   
                }
        /* Define the hover highlight color for the div  */
.div {
    background: #e8e9e9;
    width: 900px;
    margin-left: 25px;
}

.tbl_hgs {
    width: 900px;
    margin-left: 0px;
    border-collapse: collapse;
}

.tbl_hgs_td1 {
    height: 10px;
}
.tbl_hgs_td2 {
    width: 10px;
}

            .div:hover {
                color: white;
                background: #00aabb;
                
                  border-bottom-color:white;
            }


            .div ul {
                font-size: 13px;
                margin: 0px;
                padding: 0;
            }
                .div ul li {
                    margin-left: 35px;
                }

/* Helpful Resources styles*/

/* Tabs
----------------------------------*/

.ui-tabs .ui-tabs-nav {
    padding: .2em 0 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

    .ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: .5em 12px;
        text-decoration: none;
    }

.ui-tabs .ui-tabs-panel {
    padding: 1em 1em;
    border: 1px solid #aaaaaa;
}


.checkLi li {
	margin:0px;
	padding:0px 0px 10px 0px;
	list-style: url(../images/starBullet.gif);
	font-size:14px;
}

    .checkLi li ul li {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        list-style: disc;
        padding-top: 0px;
    }


.checkLiTech li {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    list-style: url(../images/starBullet.gif);
    font-size: 14px;
}

    .checkLiTech li ul li {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        list-style: disc;
        padding-top: 0px;
    }



.arrowLi li {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style-image: url(../images/li_arrow.gif);
}

    .arrowLi li ul li {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        list-style: disc;
        padding-top: 0px;
    }


#ourportfoliotab {
	font-size:14px;
	color: #635E57;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#ourteam {
    font-size: 14px;
    color: #635E57;
    font-family: Arial, Helvetica, sans-serif;
}

#hitfunds {
    font-size: 14px;
    color: #635E57;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid;
    margin-left: 2px;
    border-color: #a6a6a6;
}

#resourcestab {
    font-size: 14px;
    color: #635E57;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid;
    margin-left: 2px;
    border-color: #a6a6a6;
}

#housing {
    font-size: 14px;
    color: #635E57;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid;
    margin-left: 2px;
    border-color: #a6a6a6;
}

#food {
    font-size: 14px;
    color: #635E57;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid;
    margin-left: 2px;
    border-color: #a6a6a6;
}

/* legal*/

#privacy {
}
    #privacy h3 {
        border-bottom-width: 2px;
        border-bottom-style: dotted;
        border-bottom-color: #dddddd;
        padding-top: 10px;
        margin-top: 0px;
        font-size: 16px;
    }
    #privacy h4 {
        color: #b20838;
        border-bottom-width: 2px;
        border-bottom-style: dotted;
        border-bottom-color: #dddddd;
        padding-top: 10px;
        margin-top: 0px;
        font-size: 13px;
    }

   .modal {
    /*background-color: #01BBCC;*/
    background-color:red;
    border-radius: 5px;
    /*border-bottom-left-radius:5px;
    border-top-left-radius:5px;*/
    /*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
    height: 40px;
    width: 900px;
    position: absolute;
    /*top:50%;*/
    /*left: 50%;*/
    margin-left: 0px;
    margin-top: 0px;
    /*text-align:left;*/
   
   /*padding-top:5px;*/
   padding-bottom:10px;
   /*13px*/
   font-size:12px;
   /*line-height:30px;*/
   font-stretch:expanded;
   font-weight:bold;
   color:white;
    cursor: pointer;
}
.divaslink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
     cursor: pointer;
}

.modalclose {
    background-color: #01BBCC;
    /*border-radius: 5px;*/
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    /*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
    height: 20px;
    width: 80px;
    position: absolute;
    /*top:50%;*/
    /*left: 90%;*/
    margin-left: 890px;
    margin-top: 0px;
}


/*.close{
  position:relative;
  width:0.3em;
  height:1.5em;
  background: #2C2C2C;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
font-size: 22px;
}
.close:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:0.3em;
  height:1.5em;
  background: #2C2C2C;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}*/
.clsarrow {
    height: 18px;
    width: 20px;
    margin-left: 75px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    color:white;
} 
.slide-out-div {
    margin-left: 975px;
    z-index: 100;
    padding: 20px;
    width: 300px;
    background: #eee;
    border: #29216d 1px solid;
    left:32px;
}

.slide-out-div-left {
    z-index: 100;
    padding: 20px;
    height: 90px;
    width: 260px;
    background: #eee;
    border: #29216d 1px solid;
}

.slide-out {
    text-align: left;
    margin-right:initial;
    left:32px;
}

.aqua-button {
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#529DFF), to(#376CBF));
	display:block;
	height:21px;
	width:160px;
	-webkit-border-radius:14px;
	font-size:13px;
	color:white;
	text-decoration:none;
	border:1px solid #2a62ab;
	position:relative;
	padding:6px 1px 1px 1px;
	text-align:center;
	text-shadow:1px 1px 1px #000;
	font-weight:bold;
	-webkit-box-shadow:0px 1px 2px #999;
}
.aqua-button span.shine {
	position:absolute;
	height:20px;
	width:156px;
	-webkit-border-radius:14px;
	margin:-5px 0 0 2px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(132, 213, 255, 0.8)), to(rgba(132, 213, 255, 0.0)));
	border-top:1px solid #b5e1ff;
}
.aqua-button span.glow {
	position:absolute;
	height:10px;
	width:150px;
	margin:10px 0 0 5px;
	-webkit-border-radius:15px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(198, 242, 255, 0.0)), to(rgba(105, 172, 232, 1.0)));
	border-bottom:1px solid #85c0f6;
}