/* set some page defaults for browser compatability */
img {
    border:none;
}
body, table, input { 
    font-family: verdana,arial,sans-serif; 
    font-size: small;
}
body {
    min-width: 920px !important;
    background-color: #333333;
    text-align: center;
}
a {text-decoration:none}
a:hover {text-decoration:underline}
option {
    background-color: #FFFFFF;
}

/* the index page */
.index {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 960px;
    text-align: left;
}
.index-header {
}
.index-top-menu {
    background-image: url('/usc3/images/1x12.gif'); /*gets around IE8 bug where if no background is defined the mouse out occurs too early*/
    height: 28px;
    width: 910px;
    margin-left: 24px;
    margin-right: 20px;
    padding-left:4px;
    position:absolute;
    z-index: 99;
}
.index-start-link {
    height: 36px;
    width: 185px;
    margin-top: 245px;
    margin-left: 720px;
    position:absolute;
    z-index: 99;
    cursor: pointer;
    background-color: #ffffff;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
}
.index-pictureX {
    height: 330px;
    background-image: url('/usc3/images/banner.jpg');
    background-repeat: no-repeat;
}
.index-tabs {
    height: 36px;
    background-image: url('/usc3/images/tabs13.jpg');
    background-repeat: no-repeat;
}
.index-tab-content {
    height: 200px;
    width: 912px;
    background-image: url('/usc3/images/tabfade2.png');
    background-repeat: repeat-x;
    margin-left: 26px;
}
.index-footer {
}

/* the general page */
.page {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 920px;
    text-align: left;
}
.page-header {
}
.page-top-menu {
    background-color: #E0E0FF;
    height: 25px;
    width: 916px;
}
.page-contents {
    margin-left: 23px;
    width: 916px;
    min-height: 500px;
    background-color: #FFFFFF;
    background-image: url('/usc3/images/page_content2.jpg');
    background-position: 0% 100%;
    background-repeat: repeat-x;
}
.page-contents .section1,
.page-contents .section2,
.page-contents .section3,
.page-contents .section4,
.page-contents .section5 {
    padding: 0px 10px;
}
.page-contents .section5 {
    padding-bottom: 10px;
}
.page-contents .title {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #0000FF;
    font-size: 18px;
    font-weight: bold;
}
.page-contents .content {
    padding-bottom: 10px;
}
.page-footer {
}

/* the header */
.header {
    background-image: url('/usc3/images/header2.jpg');
    background-repeat: no-repeat;
    font-family: verdana,arial,sans-serif; 
    font-size: 12px;
    width: 960px;
    height: 106px;
}
.header-panel {
    padding: 22px 20px 0px 20px;
}
.header-logo {
    float: right;
    margin-top: 8px;
    margin-right: 5px;	
}
.header-top {
    height: 40px;
    width:650px;
}
.header-search {
    margin-top: 5px;
    margin-left: 3px;
    float: left;
    width: 260px;
    height: 35px;
}
.header-loginPanel {
    display: none;
    padding:5px;
}
#search-bar {
    background: #000000;
    padding: 4px 4px 0 4px
}

input#search {
    border: 0px;
    font-family: arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    text-indent: 2px;
    width: 160px;
    background: #E6E6E6 url('/usc3/images/sprites-t2.gif') no-repeat scroll -1250px -18px
}
input#search-button {
    border: 0px;
    font-family: arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    background: #000000 url('/usc3/images/sprites-t2.gif') no-repeat scroll 100% -18px;
    color: #FFFFFF;
    cursor: pointer;
    padding: 1px 6px 1px;
    text-align: center;
}
input#search-button:hover {
    background: #000000 url('/usc3/images/sprites-t2.gif') no-repeat scroll 100% 0;
    color: #FFCC00;
}

.header-menu {
    float: right;
    color: white;
    height: 28px;
    margin-top: 12px;
}
.header-menu .welcome {
}
.header-menu .user {
    font-weight: bold;
}
.header-menu .userlink {
    color: white;
    font-weight: bold;
}
.header-phone {
    clear: left;
    width: 400px;
    margin-top: 10px;
    margin-left: 25px;
    font-size: 18px;
    color: #808080;
    font-weight: bold;
}
.header-phone .phone-number {
    color: black;
}

/* the footer */
.footer {
    background-image: url('/usc3/images/footer2.jpg');
    background-repeat: no-repeat;
    width: 960px;
    height: 106px;
}
.footer-panel {
    padding: 14px 20px 0px 20px;
}
.footer-menu {
    float: left;
    padding-left: 10px;
    color: white;
    width: 360px;
    height: 20px;
    font-size: 11px;
}
.footer-menu .footer-link {
    color: white;
    font-weight: bold;
}
.footer-4dsites {
    float: left;
    width: 150px;
    height: 20px;
    color: #808080;
    font-size: 11px;
}
.footer-4dsites-link  {
    color: #808080;
}
.footer-copyright {
    float: left;
    width: 230px;
    height: 20px;
    color: #808080;
    font-size: 11px;
}
.footer-secure-payment-logo {
    float: left;
    width: 110px;
    height: 70px;
    margin-left: 10px;
}
.footer-bbb-logo {
    float: left;
    width: 50px;
    height: 70px;
}

/* login popup */
.popup-panel {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    font-family: arial,sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}
.popup-header {
    height: 19px;
    padding-left: 5px;
    background-color: #F0F0F0;
    border-bottom: 1px solid #808080;
}
.popup-title {
    float: left;
    height: 17px;
    font-weight: bold;
    padding-top: 2px;
}
.popup-cancel {
    float: right;
    width: 19px;
    height: 19px;
    background-image: url('/usc3/images/cancel2.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* register form style */
.validationHighlight {
    color: red;
}