body
{
    background: #017ac2 url('../images/background.png') no-repeat;
    padding: 0px;
    margin: 10px 0px 10px 0px;
    font-family: calibri;
}

.wrapper
{
    border-top: 2px solid #005385;
    border-left: 2px solid #005385;
    border-right: 2px solid #005385;
    background: white;
    width: 780px;
}

.header
{
    height: 139px;
    background: url('../images/headerBg.jpg') no-repeat;
}

.menu
{
    height: 23px;
    background: #0079c2;
    border-bottom: 1px solid #005385;
    border-top: 1px solid #005385;
}

.content
{
    margin: 0px;
    padding: 0px 20px 20px 20px;
    border-bottom: 1px solid #005385;
}

.footer
{
    padding: 5px 0px;
    font-size: 11px;
    color: white;
    background: #0079c2;
    border-bottom: 2px solid #005385;
}

h2
{
    color: #0079c2;
    padding: 0px;
    margin: 0px;
}

.blueCopy
{
    color: #0079c2;
    font-weight: bold;
}

.copy
{
    color: #666666;
    padding-top: 10px;
}

.loginButton
{
    background: #0079c2;
    padding: 2px 0px;
    width: 100px;
    position: relative;
    top: -121px;
    right: -660px;
}

.loginButton a
{
    text-decoration: none;
    padding-left: 10px;
    color: white;
}


.loginButton a:hover
{
    text-decoration: underline;
}

/* JQUERY MENU */

/* remove the list style */
#nav
{
    margin: 0;
    padding: 0;
    list-style: none;
    color: white;
}
/* make the LI display inline *//* it's position relative so that position absolute *//* can be used in submenu */
#nav li
{
    float: left;
    display: block;
    width: 130px;
    position: relative;
    z-index: 500;
    margin: 0 1px;
    color: white;
}
/* this is the parent menu */
#nav li a
{
    display: block;
    padding: 4px 5px 0 5px;
    height: 23px;
    text-decoration: none;
    text-align: center;
    color: white;
}

#nav li a:hover
{
    background: #0079c2;
    color: #ffffee;
}
/* you can make a different style for default selected value */
#nav a.selected
{
}


/* submenu, it's hidden by default */
#nav ul
{
    position: absolute;
    left: 0;
    display: none;
    margin: 0 0 0 -1px;
    padding: 0;
    list-style: none;
}

#nav ul li
{
    width: 134px;
    float: left;
    border-top: 1px solid #fff;
}
/* display block will make the link fill the whole area of LI */
#nav ul a
{
    display: block;
    height: 15px;
    padding: 4px 5px 8px 3px;
    color: #fff;
}

#nav ul a:hover
{
    text-decoration: underline;
}

/* fix ie6 small issue *//* we should always avoid using hack like this *//* should put it into separate file : ) */
*html #nav ul
{
    margin: 0 0 0 -2px;
}

#nav li ul li
{
    background: #0079c2;
}

/*END MENU */

.contactUs a
{
    text-decoration: none;
    color: #0079c2;
}

.contactUs a:hover
{
    text-decoration: underline;
}

.sectionWrapper
{
    padding-top: 20px;
}

.sectionContentWrapper
{
    padding-top: 10px;
    text-align: center;
}

.sectionCopy
{
    text-align: left;
    padding-left: 23px;
}

.page
{
    width:100;
    height:462px;
}

.page > div
{
    margin:auto;
    width:630px;
}

.prodheight
{
    height:462px;
}

.login
{
    width: 100%;
    height:206px;
}

.login > div
{
    margin:auto;    
    width:260px;
    margin-bottom:10px;
}

.fr
{
    float:right;
}

.fl
{
    float:left;
}

.clb
{
    clear:both;
}

.textbox
{
    width:175px;
}

.backbutton
{
    margin: 3px;   
    clear:both;
}

.custName
{
    color:#0079c2;
    font-size:larger;
    font-weight:bold;
}

.addCust
{
    width:100%;  
}

.addCust > div
{
    margin:auto;
    width:450px;
    padding:10px;
    height:442px;
}

.errormes
{
    color:Red;
    font-size:larger;  
}