body 
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 20px;
    color: Black;
    background: #f9f9f9;
    text-align: center;
    width: 100%; height: 100%;
    margin: auto;
}

div#top-account-info
{
    margin: auto;
    position: relative;
    width: 811px; height: 25px;
    text-align: left;
    padding: 3px 7px 0px 5px;
}

div#top-account-info div.left-side
{
    width: 65%;
    float: left;
    text-align: left;
}

div#top-account-info div.right-side
{
    width: 32;
    float: right;
    text-align: right;
}

div#main-wrapper
{
    position: relative;
    margin: auto;
    width: 828px; height: auto;
    text-align: left;
}

div#main-wrapper div#top-wrapper
{
    position: relative;
    margin: 0px 0px 0px 0px;
    width: 828px; height: 58px;
    background: url(images/top-bk.gif) no-repeat;
}

div#main-wrapper div#nav-wrapper
{
    position:relative;
    margin: 0px;
    width: 828px; height: 31px;
    background: url(images/nav-bk.gif) no-repeat;
}

div#main-wrapper div#nav-bottom-wrapper
{
    margin: 0px;
    width: 828px; height: 1px;
    background: url(images/content-bk.gif) no-repeat;
}

div#main-wrapper div#content-wrapper
{
    margin: 0px;
    width: 828px;
    background: url(images/content-repeat-bk.gif) repeat-y;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
}

div#main-wrapper div#bottom-wrapper
{
    margin: 0px;
    width: 828px; height: 9px;
    background: url(images/bottom-bk.gif) no-repeat;
}

div#main-wrapper div#footer-wrapper
{
    padding: 10px 0px;
    margin: 0px;
    width: 828px;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
}

div#nav-wrapper div#main-links
{
    position: absolute;
    left: 335px; top: 1px;
    margin: 0px;
    width: 432px; height: 23px;
}

div#top-wrapper div#secondary-links
{
    text-align: right;
    position: absolute;
    left: 365px; top: 25px;
    margin: 0px;
    width: 455px; height: 18px;
}

div#main-content
{
    width: 100%; height: auto;
    overflow: hidden;
    margin: 20px;
}

div#main-content div.main-left
{
    float: left;  
    width: 65%; 
}

div#main-content div.main-left-half
{
    float: left;  
    width: 43%; 
    margin: 0px 0px 0px 0px;
}

div#main-content div.main-right-half
{
    float: right;  
    width: 43%; 
    margin: 0px 70px 0px 0px;
}


div#main-content div.main
{
    float: left;  
    width: 92%; 
    margin: 0px 21px 0px 0px;
}

div#main-content div.main-center
{
    float: left;  
    width: 92%; 
    margin: 0px 21px 0px 0px;
    text-align: center;
}

div#main-content div.main-right
{
    float: right;  
    width: 25%;
    margin: 0px 21px 0px 0px;
    padding: 0px 20px 0px 0px;
}

div#main-content div.bubble-big-info
{
    position: relative;
    margin: 0px 0px 0px 0px;
    width: 549px; height: 169px;
    background: url(images/bubble-main.gif) no-repeat;
}

div.bubble-big-info div.title
{
    position: absolute;
    top: 5px; left: 10px;
    color: White;
    font-size: 17px;
    letter-spacing: .5px;
}

div.bubble-big-info div.body
{
    position: absolute;
    top: 40px; left: 160px;
    color: Black;
    font-size: 14px;
    line-height: 23px;
}

div.bubble-big-info div.button
{
    position: absolute;
    left: 429px; top: 120px;
    width: 100px; height: 26px;
    text-align: right;
}

table.under-construction
{
    margin: auto;
    border: 1px solid lightGrey;
    width: 70%; height: 75px;
}

td.under-construction
{
    padding: 10px 50px 10px 10px;
    text-align: left;
    vertical-align: top;
    background: url(images/circuits.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.center-align
{
    text-align: center;
    margin: auto;
    width: 100%;
}
    
table.contact-us
{
    width: 100%;
    
}

td.contact-left
{
    width: 30%;
    vertical-align: top;
    text-align: left;
}

td.contact-right
{
    width: 70%;
    vertical-align: top;
    text-align: left;
}

td.contact-full
{
    width: 100%;
    vertical-align: top;
    text-align: left;
}

td.contact-button
{
    padding-top: 10px;
    width: 100%;
    vertical-align: top;
    text-align: right;
}



div.employee-bio
{
    width: 100%;
    padding: 0px 0px 10px 0px;
}

table.login
{
    margin: auto;
    width: 400px;
    padding: 3px;
    border: 1px solid lightGrey;
}

td.login-header
{
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
}

td.login-left
{
    width: 30%;
    text-align: left;
}

td.login-right
{
    width: 70%;
    text-align: right;
}

td.login-button
{
    text-align: right;
    width: 100%;
    padding-top: 10px;
}

div#user-bar
{
    width: 100%;
}

div#user-bar div#welcome
{
    float: left;
    width: 40%;
}

div#user-bar div#actions
{
    float: right;
    width: 50%;
    text-align: right;
}

div.poll-results
{
    width: 150px;
    padding: 5px;
    margin: 5px;
    border: 1px solid lightGrey;
    overflow: hidden;
}

/*div#product-rightbar
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;   
}*/

div#product-rightbar
{
    margin: 0px 0px 20px 30px;
    padding: 0px 0px 0px 0px;
    width: 200px;   
    float: right;
}

div#main-right-navigation-top
{
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
    width: 170px;
    float: right;
    /*background: url(/images/roundedbox-top-filled.gif) no-repeat;*/
    border-top: 2px solid lightGrey;
    background-position: top center;
    clear: both;
}

div#main-right-navigation
{
    border-top: 2px solid lightGrey;
    border-bottom: 2px solid lightGrey;
    clear: both;
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
    width: 170px;   
    float: right;
    background: url(/images/roundedbox.gif) no-repeat;
    background-position: bottom center;
}

div#main-right-navigation-bottom
{
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
    width: 170px;
    float: right;
    /*background: url(/images/roundedbox-bottom-filled.gif) no-repeat;*/
    background-position: top center;
    border-top: 2px solid lightGrey;
    clear: both;
}

div#lower-product-menu
{
    clear: both;
    border-top: 4px solid lightGrey;
    border-bottom: 4px solid lightGrey;
    border-left: 1px solid lightGrey;
    border-right: 1px solid lightGrey;
    width: 740px; height: auto;
    overflow: hidden;
    padding: 10px;
}

div#lower-product-menu div.lower-product-top
{
    width: 100%;    
}

div#lower-product-menu div.lower-product-left-side
{
    float: left;
    width: 37%;    
}

div#lower-product-menu div.lower-product-middle
{
    float: left;
    width: 33%;    
}

div#lower-product-menu div.lower-product-right-side
{
    float: left;
    width: 30%;    
}

div.center-align-rightside
{
    text-align: center;
    margin: 10px 20px 10px 0px;
}

table.pricing
{
    width: 100%;
    border:1px solid lightGrey;
}

td.pricing-left-header
{
    font-weight: bold;
    border-bottom:1px solid lightGrey;
    width: 60%;
    background-color: #efefef;
}

td.pricing-right-header
{
    text-align:center;
    font-weight: bold;
    border-bottom:1px solid lightGrey;
    width: 20%;
    background-color: #efefef;
}

td.pricing-right-addtocart-header
{
    text-align:center;
    font-weight: bold;
    border-bottom:1px solid lightGrey;
    width: 15%;
    background-color: #efefef;
}

td.pricing-left
{
    border-bottom:1px solid lightGrey;
    width: 65%;
}

td.pricing-right
{
    text-align:center;
    border-bottom:1px solid lightGrey;
    width: 20%; 
}

td.pricing-right-addtocart
{
    text-align:center;
    border-bottom:1px solid lightGrey;
    width: 15%;
}

td.pricing-left-bottom
{
    width: 65%;
}

td.pricing-right-bottom
{
    text-align:center;
    width: 20%; 
}

td.pricing-right-addtocart-bottom
{
    width: 15%; 
    text-align:center;
}

div.pricing-details
{
    padding-left: 10px; 
    font-size: 11px;
}

div.article
{
    margin: 0px;
    padding: 0px 10px 0px 0px;
    background: url(images/article-bk.gif) no-repeat;
    background-position: bottom right;
    width: 100%;
}

div#site-down
{
    position: relative;
    background: url(images/site-down.gif);
    background-position: center right;
    background-repeat: no-repeat;
    border: solid 1px lightGrey;
    width: 500px;
    height: 300px;
    margin: auto;
    text-align: left;
}

div#site-down div#information
{
    position: absolute;
    left: 24px; top: 139px;
    width: 300px;
}

div.testimonial
{
    position: relative;
    width: 100%;
    overflow: hidden; 
}

div.line
{    
    margin: 15px 0px 20px 0px;
    width: 100%;
    height: 1px;
    border-top: solid 1px #efefef;
}

div.testimonial div.products
{
    margin: 0px 0px 10px 0px;
    font-size: 11px;
}

div.testimonial div.logo
{
    float: left;
    width: 30%;
}

div.testimonial div.text
{
    float: right;
    width: 68%;
}

div.poll-results div.left
{
    float: left;
    width: 20%;
}

div.poll-results div.right
{
    float: left;
    width: 75%;
}

div#add-to-shopping-cart-notification
{
    position: relative;
    border: solid 1px #c2bcff;
    background-color: #f6f6ff;
    float: left;  
    width: 92%; 
    margin: 0px 21px 20px 0px;

}

div#add-to-shopping-cart-notification div#add-to-shopping-cart-notification-text
{
    float: left;
    width: 80%;
    padding: 0px 10px 0px 10px;
    text-align: left;
}

div#add-to-shopping-cart-notification div#add-to-shopping-cart-notification-buttons
{
    position: absolute;
    width: 20px;
    text-align: right;
    margin: 0px 0px 0px 0px;
    right: 3px; top: 3px;
}

div.shopping-cart-heading
{
    width: 100%;
    text-align: left;
    clear: both;
}

div.shopping-cart-area
{
    width: 100%;
    text-align: center;
}

table.shopping-cart
{
    width: 100%;
    border: 1px solid lightGray;
    text-align: left;
}

div.shopping-cart-buttons
{
    width: 100%;
    text-align: right;
    margin: 10px 0px 0px 0px;
}

table.shopping-cart td.product-header
{
    font-weight: bold;
    width: 40%;
    background-color: #efefef;
}

table.shopping-cart td.quantity-header
{
    font-weight: bold;
    width: 10%;
    background-color: #efefef;
    text-align: center;
}

table.shopping-cart td.functions-header
{
    font-weight: bold;
    width: 20%;
    background-color: #efefef;
}

table.shopping-cart td.unit-price-header
{
    width: 15%;
    background-color: #efefef;
    text-align: center;
    font-weight: bold;
}

table.shopping-cart td.total-price-header
{
    width: 15%;
    background-color: #efefef;
    text-align: center;
    font-weight: bold;
}

table.shopping-cart td.product
{
    border-top:1px solid lightGrey;
    width: 40%;
}

table.shopping-cart td.quantity
{
    border-top:1px solid lightGrey;
    text-align: center;
    width: 10%;
}

table.shopping-cart td.functions
{
    border-top:1px solid lightGrey;
    width: 20%;
}

table.shopping-cart td.unit-price
{
    border-top:1px solid lightGrey;
    text-align: center;
    width: 15%;
}

table.shopping-cart td.total-price
{
    border-top:1px solid lightGrey;
    text-align: center;
    width: 15%;
}

table.shopping-cart td.subtotal-left
{
    border-top: solid 2px lightGrey;
    text-align: left;
    font-weight: bold;
}

table.shopping-cart td.subtotal-right
{
    border-top: solid 2px lightGrey;
    text-align: center;
    font-weight: bold;
}

/***************************************/

div.review-products
{
    width: 375px;
    margin: auto;
}

table.shopping-cart-review
{
    width: 375px;
    border: 1px solid lightGray;
    text-align: left;
}

div.shopping-cart-review-buttons
{
    width: 100%;
    text-align: left;
    margin: 10px 0px 0px 0px;
}

table.shopping-cart-review td.product-header
{
    font-weight: bold;
    width: 40%;
    background-color: #efefef;
}

table.shopping-cart-review td.quantity-header
{
    font-weight: bold;
    width: 10%;
    background-color: #efefef;
    text-align: center;
}

table.shopping-cart-review td.functions-header
{
    font-weight: bold;
    width: 20%;
    background-color: #efefef;
}

table.shopping-cart-review td.unit-price-header
{
    width: 15%;
    background-color: #efefef;
    text-align: center;
    font-weight: bold;
}

table.shopping-cart-review td.total-price-header
{
    width: 15%;
    background-color: #efefef;
    text-align: center;
    font-weight: bold;
}

table.shopping-cart-review td.product
{
    border-top:1px solid lightGrey;
    width: 40%;
}

table.shopping-cart-review td.quantity
{
    margin: auto;
    border-top:1px solid lightGrey;
    text-align: center;
    width: 10%;
}

table.shopping-cart-review td.unit-price
{
    border-top:1px solid lightGrey;
    text-align: center;
    width: 15%;
}

table.shopping-cart-review td.total-price
{
    border-top:1px solid lightGrey;
    text-align: center;
    width: 15%;
}

table.shopping-cart-review td.subtotal-left
{
    border-top: solid 2px lightGrey;
    text-align: left;
    font-weight: bold;
}

table.shopping-cart-review td.subtotal-right
{
    border-top: solid 2px lightGrey;
    text-align: center;
    font-weight: bold;
}

/***************************************/

table.shopping-cart input.product-quantity-textbox
{
    font-family: inherit;
    font-size: 12px;
    line-height: 15px;
    color: inherit;
    border-top: solid 1px #c1c0c0;
    border-left: solid 1px #c1c0c0;
    border-right: solid 1px #c1c0c0;
    border-bottom: solid 1px #c1c0c0;
    height: 16px; width: 20px;
    vertical-align: middle;
    padding: 3px 2px 1px 2px;
    letter-spacing: 0.5px;
}

div.login-panel
{
    float: right;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    width: 250px;
    clear: both;
}

div.login-panel table.login
{
    margin: auto;
    width: 100%;
    padding: 3px;
    border: 1px solid lightGrey;
}

div.login-panel-signup
{
    float: right;
    margin: 0px 0px 10px 20px;
    padding: 5px;
    width: 240px;
    background-color: #fffee4;
    border: 1px solid #ffbf14;
    text-align: center;
}

div.register-user
{
    float: right;
    margin: 0px 0px 10px 30px;
    padding: 5px;
    width: 350px; height: auto;
    border: 1px solid lightGrey;
    clear: both;
}

div.register-errors
{
    float: right;
    margin: 0px 0px 10px 30px;
    padding: 5px;
    width: 350px; height: auto;
    border: 1px solid lightGrey;
    clear: both;
}

table.register-user
{
    width: 100%;   
}

td.buttons
{
    text-align: right;
    padding-top: 10px;
}

div.account-module
{
    border: solid 1px lightGrey;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%; height: auto;
}

div.account-module div.heading
{
    background-color: #f6f6ff;
    color: #336699;
    border-bottom: solid 1px lightGrey;
    padding: 0px 10px 0px 10px;
}

div.account-module div.body
{
    padding: 7px 10px 7px 10px;
}

div.required-details
{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 150px; height: auto;
    text-align: left;
    font-size: 11px;
    color:Gray;
}

div.product-menu
{
    position: absolute;
    left: 521px; top: 117px;
    width: 470px; height: 290px;
    display: none;
    background-color: White;
    border: solid 1px #b6b6b6;
    z-index: 999;
    text-align: left;
    padding: 5px 5px 5px 5px;
}

div.product-menu-dropshadow
{
    position: absolute;
    left: 518px; top: 118px;
    width: 482px; height: 298px;
    display: none;
    background-color: White;
    border: solid 3px lightGray;
    z-index: 998;
}

div.product-menu div.column
{
    margin: 0px 5px 0px 5px;
    float: left;
    width: 47%;
}


div.column ul li.header
{
    background: #fef2d0;
    border-bottom: solid 1px lightGrey;
    padding: 0px 5px 0px 5px;
}

div.column ul li
{
    padding: 0px 5px 0px 5px;
}

div.product-dropdown
{
    background: url(/images/icon-arrow-down.png) no-repeat;
    position: absolute;
    left: 110px; top: 5px;
    width: 20px; height: 20px;
    z-index: 9999;
    cursor: pointer;
}

div.saved-shopping-carts
{
    float: right;
    width: 350px;
    text-align: center;
    margin: 3px 0px 20px 20px;   
}

table.saved-shopping-carts
{
    margin: auto;
    width: 100%;
    border: 1px solid lightGrey;
}

div.review-products
{
    width: 100%;
}

span.billing-note
{
    font-size: 11px;
}

span.register-note
{
    font-size: 11px;
}


div.billing-info
{
    float: right;  
    width: 350px;
    border: 1px solid lightGrey;
    padding: 10px;
    margin: 0px 0px 0px 20px;
}

table.billing-info
{
    width: 100%;
}

table.billing-info td.left
{
    width: 30%;
    vertical-align: top;
}


table.billing-info td.right
{
    width: 70%;
    vertical-align: top;
}

div.error-panel
{
    text-align: center;
    width: 740px;
    border: solid 1px Red;
    color: Black;
    background-color: #FFEDEA;
    padding: 10px;
    margin: 0px 0px 20px 0px;
}

div.edit-profile
{
    float: right;
    width: 400px;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}

table.edit-profile
{
    width: 400px;
    border: 1px solid lightGrey;
    padding: 5px 5px 5px 5px;
}

table.edit-profile td.left
{
    vertical-align: top;
    text-align: left;
    width: 25%;   
}

table.edit-profile td.right
{
    vertical-align: top;
    text-align: left;
    width: 75%;   
}

table.current-products
{
    width: 100%;
}

table.current-products td.left
{
    vertical-align: top;
    text-align: left;
    width: 80%;
}

table.current-products td.right
{
    vertical-align: top;
    text-align: left;
    width: 20%;
}

div.search-users
{
    float: right;
    width: 425px;
    margin: 0px 0px 0px 15px;
    border: solid 1px lightGrey;
    text-align: center;
}

table.search-users
{
    width: 100%;
}

img.left-picture
{
    float: left;
    margin: 0px 15px 15px 0px;
    border: 1px solid lightGrey;
}

div.main-info-section
{
    width: 100%;
    margin: 30px 0px 30px 0px;
}

div.popup-outer
{
    display: none;
    position: absolute;
    background-color: #bcbaff;
    z-index: 99999998;
}

div.popup-box
{
    display: none;
    position: absolute;
    background-color: White;
    padding: 10px 10px 10px 10px;
    z-index: 99999999;   
    border: solid 1px #336699; 
}

div.popup-box div.buttons
{
    text-align: right;
}

div.popup-modal
{
    position: absolute;
    display: none;
    height: 100%; width: 100%;
    top: 0px; left: 0px;
    z-index: 99999997;
    background-color: Gray;
    
}