body {
    font-family: Trebuchet MS tahoma, arial, lucida, sans-serif;
    font-size: 0.75em;
    padding: 0px;
    margin: 45px 0px 0px 0px;
    text-align: center;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1 {
    font-size: 28px;
}

h2 {
    text-align: left;
}

h3 {
    text-align: left;
}

p {
    text-align: left;
    clear: left;
    float: left;
    width: 300px;
}

table {
    font-size: 1em;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.global {
    width: 775px; 
    height: auto; 
    margin: 0px auto 0px auto; 
    padding: 5px;
    position: relative;
    -moz-box-sizing : border-box; 
    box-sizing : border-box;
}

.whiteBg {
    width: 100%; 
    height: auto; 
    background-color: #FFFFFF;
    padding-top: 5px;
}

.whiteBg img {
    float: left; 
    margin-left: 5px;
    display: none;
}

.main {
    width: 755px; 
    padding: 14px 70px 0px 30px; 
    margin: 60px auto 0px auto; 
    height: auto; 
    clear: both;
    -moz-box-sizing : border-box; 
    box-sizing : border-box;
}

.bottom {
    display: none;
    width: 755px; 
    margin: 0px auto 0px auto; 
    padding: 0px;
    height: 40px; 
    background: url('images/main-gradient.jpg') 0px 0px repeat-x; 
}

.bottom a {
    color: #000000;
}

.products {
    width: 360px; 
    float: right;
    border-left: 1px solid #000000; 
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.products td {
    text-align: center;
    border-right: 1px solid #000000;
}

.products th {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

#topItems {
    display: none;
    width: 331px;
    height: 30px;
    position: absolute;
    top: -25px;
    left: 397px;
    background: url('images/top-menu-bg.jpg') 0px 0px no-repeat;
}

#topItems li {
    float: left;
    width: auto;
    padding: 10px 14px 0px 22px; 
}

#topItems li a {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    font-size: 0.9em;
}

#topItems li a:hover {
    text-decoration: underline;
}

#logo {
    margin: 0px; 
    padding: 0px;
    float: left;
}

#logo a {
    background-color: transparent; 
    display: block; 
    width: 180px;
    position: absolute;
    top: 20px;
    left: 30px;
    color: #000000;
    text-decoration: none;
    text-align: center;
}

#logo span {
    width: 235px;
    height: 94px;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: -45px;
    left: 0px;
}


#mainMenu {
    display: none;
    width: 413px;
    height: 50px;
    float: left;
    background: url('images/menu-main-bg.jpg') top left repeat-x;
}

#mainMenu li {
    float: left;
}

#mainMenu li a {
    float: left;
    height: 50px;
    padding: 20px 12px 0px 12px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    background: url('images/menu-main-border.gif') 0px 5px no-repeat;
}

#mainMenu li a:hover {
    text-decoration: underline;
}

#mainMenu a.active {
    background: url('images/menu-main-active.jpg') top center no-repeat;
    padding: 20px 12px 0px 12px;
    color: #FFFFFF;
}