﻿
/* ===== user id ===== */

#userId 
{
    background-color: #F1F2F4;
    padding: 5px;
    margin-top: 5px;
    font-weight: bold;
}

#userId div 
{
    float: left;
}

#userId span
{
    font-size: 12px;
    color: #003366;
}

#userId a
{
    font-size: 10px;
    color: #003366;
}

/* ===== main content ===== */

#mainContent 
{
    width: 666px;
    float: left;
    padding-left: 10px;
}

#mainContent #windowsOfficeImg 
{
    margin: 0 20px 10px 0;
}

#mainContent #flashSection 
{
    float: right;
    width: 540px;
    margin-right: 26px
}

#mainContent #productsLogo 
{
    float: right;
    width: 80px;
    margin-right: 20px;
    padding-top: 10px;
}

#mainContent #productsLogo img 
{
    margin-bottom: 20px;
}

#mainContent p.redNote a 
{
    color: #B90000;
    text-decoration: none;
}

#mainContent #productsTable 
{
    border: 5px solid #C0C0C0;
    margin-top: 5px;
    padding: 3px;
    color: #000080;
    font-weight: bold;
    width: 100%;
}

#mainContent #productsTable a 
{
    font-weight: normal;
    font-size: .8em;
}

#mainContent #productsTable tr 
{
    background-color: #EEEEEE;
}

#mainContent #productsTable th 
{
    background-color: #426FA6;
    color: White;
}

#mainContent #productsTable td 
{
    margin: 0;
    padding: 5px 5px 5px 0;
}

#mainContent #pricesNote 
{
    padding: 5px 0;
}

#mainContent #pricesNote p
{
    font-weight: bold;
    color: #666666;
    text-align: center;
}

#mainContent #pricesNote span.smallNote
{
    font-weight: normal;
    font-size: 0.8em;
}

.redNote 
{
    text-align: center;
    color: #B90000;
    border: 3px solid #F2A21C;
    font-weight: bold;
}

/* ===== side menu ===== */

#sideMenu 
{
    width: 180px;
    float: right;
    font-weight: bold;
}

#sideMenu p 
{
    margin-bottom: 5px;
}

#sideMenu ul
{
    list-style-type: none;
    font-size: 0.8em;
}

#sideMenu li.header 
{
    background-color: #426FA6;
    font-size: 1.3em;
    color: White;
    
}

#sideMenu li
{
    background-color: #EEEEEE;
    margin-bottom: 3px;
    padding-right: 5px;
}

#sideMenu a 
{
    color: #000080;
}

#sideMenu #computerStoreHeader 
{
    margin: 10px  0 0 0 ;
}

#sideMenu #computerStore
{
    padding: 0;
}

#sideMenu #computerStore div
{
    background-color: #FFEBCC;
    border-color: #426FA6;
    border-width: 0 5px 5px 5px;
    border-style: solid;
    padding: 0;
}

#sideMenu #computerStore #kenorImg
{
    margin: 0 5px;
    border: 2px solid #426FA6;
}

#sideMenu #computerStore a 
{
    text-decoration: none;
    
}
#sideMenu #computerStore img 
{
    border: none;
}

#sideMenu li.whiteItem 
{
    background-color: White;
}

#sideMenu #myOrders 
{
	text-align: center;
	margin-top: 20px;
}