﻿a {
    color: #336699;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}

a.no-underline { text-decoration: none; }

a.no-underline:hover { text-decoration: none; }

a:hover { text-decoration: underline; }

a.black {
    color: Black;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

a.black:hover { text-decoration: underline; }

a.product {
    color: #336699;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

a.product:hover { text-decoration: underline; }

h3 a {
    color: #2e5892;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

h3 a:hover { text-decoration: underline; }

h4 a {
    color: Black;
    font-size: 14px;
    font-weight: normal;
    margin: 15px 0px 5px 0px;
}

h4 a:hover { text-decoration: underline; }


/*********************************
   Start Main Navigation Links
*********************************/

#main-links ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#main-links ul li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#main-links a.left-side {
    border-right: 1px solid White;
    color: #336699;
    display: block;
    float: left;
    font-size: 15px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 143px;
}

#main-links a.left-side-hover {
    background: #f0f0f0;
    border-right: 1px solid #b6b6b6;
    color: #336699;
    display: block;
    float: left;
    font-size: 15px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    text-decoration: underline;
    width: 143px;
}

#main-links a.left-side:hover {
    background: #f0f0f0;
    border-right: 1px solid #b6b6b6;
    text-decoration: underline;
}

#main-links a.middle {
    border-left: 1px solid White;
    border-right: 1px solid White;
    color: #336699;
    display: block;
    float: left;
    font-size: 15px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 143px;
}

#main-links a.middle:hover {
    background: #f0f0f0;
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
    text-decoration: underline;
}

#main-links a.right-side {
    border-left: 1px solid White;
    border-right: 1px solid #b6b6b6;
    color: #336699;
    display: block;
    float: left;
    font-size: 15px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 141px;
}

#main-links a.right-side:hover {
    background: #f0f0f0;
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
    text-decoration: underline;
}

/*********************************
   End Main Navigation Links
*********************************/


/*********************************
   Start Secondary Navigation Links
*********************************/

#secondary-links ul {
    height: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#secondary-links ul li {
    border-right: 1px solid #d4d4d4;
    display: block;
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}

#secondary-links ul li.last {
    border-right: 1px solid White;
    display: block;
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}

#secondary-links ul li.sign-up {
    border-right: 1px solid White;
    display: block;
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}

#secondary-links a {
    color: #b3b3b3;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}

#secondary-links a:hover {
    color: #336699;
    text-decoration: none;
}

#secondary-links li.sign-up a {
    color: #ffbf14;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}

#secondary-links li.sign-up a:hover {
    color: #ffbf14;
    text-decoration: underline;
}

/*********************************
   End Secondary Navigation Links
*********************************/

/*********************************
        Start Footer Links
*********************************/

div#footer-wrapper a {
    color: #336699;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

div#footer-wrapper a:hover {
    color: #336699;
    text-decoration: underline;
}

/*********************************
         End Footer Links
*********************************/

a.view-more {
    background: url(images/view-more.gif);
    display: block;
    float: left;
    height: 26px;
    width: 87px;
}

a.view-more:hover { background: url(images/view-more-over.gif); }


a.logo {
    display: block;
    height: 87px;
    left: 3px;
    position: absolute;
    top: 2px;
    width: 331px;
    z-index: 99999;
}

a.signup-now {
    background: url(images/signupnow.gif);
    display: block;
    float: left;
    height: 26px;
    margin: 5px 0px 5px 0px;
    width: 189px;
}

a.signup-now:hover { background: url(images/signupnow-over.gif); }

a.plans-and-pricing {
    background: url(images/plans-and-pricing.gif);
    display: block;
    float: left;
    height: 26px;
    margin: 5px 0px 5px 0px;
    width: 189px;
}

a.plans-and-pricing:hover { background: url(images/plans-and-pricing-over.gif); }

#main-right-navigation a {
    border-left: 1px solid lightGrey;
    border-right: 1px solid lightGrey;
    color: #336699;
    display: block;
    height: 25px;
    padding: 0px 5px 0px 5px;
    text-align: left;
    text-decoration: none;
    width: 158px;
}

#main-right-navigation a:hover {
    background: #f0f0f0;
    text-decoration: underline;
}


table.shopping-cart a {
    color: #336699;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

table.shopping-cart a:hover {
    color: #336699;
    text-decoration: underline;
}

a.chat-button {
    background: url(/images/chat.gif) no-repeat;
    display: block;
    height: 27px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 3px;
    width: 27px;
}

a.chat-button:hover {
    background: url(/images/chat-over.gif) no-repeat;
    display: block;
    height: 27px;
    position: absolute;
    text-decoration: none;
    width: 27px;
}
