﻿a
{
    color:#003399;
    text-decoration:none;
}

body 
{
    margin:10px;
    font-family:Arial;
    font-size:10pt;
    background-color:#808080;
}

hr
{
    border: none 0;
    border-top: 1px solid #000000;/*the border*/
    width: 100%;
    height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
    margin: 5px 0px 5px 0px;
}

img
{
    border-width:0px;
}

input
{
    padding-left:3px;
}

td a:hover
{
    color:#99B2D5;
    text-decoration:underline;
}

.BoxTopAd
{
    text-align:center;
    color:#ffffff;
}

.BoxTopCart
{
    width:130px;
    text-align:center;
    border: solid 1px #808080;
    color:#ffffff;
}

.BoxTopCart a
{
    color:#ffffff;
}

.BoxTopLink
{
    width:140px;
    text-align:center;
    font-size:8.5pt;
}

.BoxTopLink a
{
    font-size:8.5pt;
    color:#ffffff;
}

.BoxTopHome
{
     width:120px;
}

.Button
{
    width:120px;
    margin-top: 10px;
    text-align:center;
    border: solid 1px #003399;
    background-color:#99B2D5;
    color:#000000;
    font-size:9pt;
    font-weight:bold;
}

.ButtonSmall
{
    width:90px;
    text-align:center;
    border: solid 1px #003399;
    background-color:#99B2D5;
    color:#000000;
    font-size:9pt;
    font-weight:bold;
}

.TopContent
{
    padding:15px;
    padding-bottom:7px;
    vertical-align:top;
    background-color:#000000;
}

.CellContent
{
    padding:15px;
    padding-top:10px;
    vertical-align:top;
}

.CellFooter
{
    padding: 0px 15px 10px 15px;
    text-align: right;
}

.CellHomeLinks
{
    width:270px;
    text-align:left;
    font-size:12pt;
    line-height:24pt;
    vertical-align:middle;
}

.CellHomeLinks a
{
    font-weight:bold;
    color:#000000;
}

.CellShadedBordered
{
    padding:3px;
    background-color:#EFEFEF; 
    border:solid 1px #AFAFAF;
}

.Header
{
    font-size:16pt;
    font-weight:bold;
    color:#000000; 
}

.HeaderClient
{
    font-size:14pt;
    font-weight:bold;
    color:#ffffff;
}

.HeaderTransition
{
    height:8px;
    padding:0px;
    margin:0px;
    font-size:1px;
    background-image:url('../images/header_transition.gif');
    background-repeat:repeat-x;
}

.MOTD
{
    color:#ffffff;
    font-weight:bold;
    font-size:15px;
    text-align:center;
}

.NavTabCategory
{
    font-family:arial;
    font-size:8pt;
    padding:3px;
    border: solid 1px #003399;
    background-color:#efefef;
    text-align:center;
    display:inline;
    line-height:27px;
    cursor:pointer;
}

.NavTabCategoryOn
{
    font-family:arial;
    font-size:8pt;
    padding:3px;
    border: solid 1px #003399;
    background-color:#99B2D5;
    text-align:center;
    display:inline;
    line-height:27px;
    cursor:pointer;
}

.QtyFld
{
    width:35px; 
    font-size:8pt; 
    border: solid 0px #000000; 
    padding-left:3px;
}

.Small
{
    font-size:9pt;
}

.Smaller
{
    font-size:8.5pt;
}

.TableCenteredGray
{
    margin: 15px auto 15px auto;
    background-color:#EFEFEF; 
    border:solid 1px #AFAFAF;
}

.TableMain
{
    margin: 0px auto 0px auto; 
    width:760px;
    background-color:#ffffff;
    border:solid 1px #000000;
}

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/ 

html>body .outerpair1 {
background: url(../images/upperrightfade.png) right top no-repeat;
} 
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url(../images/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 


html>body .shadowbox {
background: url(../images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */ 


html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
background-color:#EFEFEF;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */