/*
    Prepared by Blue Lab                       www.bluelab.com
    For BlueLab.com
    All Rights Are Reserved.

============================================================================================================
Edit Date   Edited By                 Description
----------  ----------------------    ----------------------------------------------------------------------
08182008    kdeluca@bluelab.com       Created.

============================================================================================================
*/
/* CSS Document */

html, body {
    background: #0A2E74 url('images/backgrounds/background_ecomm.jpg') 0% 0% repeat;
    margin: 0;
    padding: 0;


    font-family: 'Trebuchet MS', Arial, Helvetica, Geneva, Sans-Serif;
    font-size: 10pt;
    font-weight: normal;
    color: #9CBED7;
    text-align: left;
    text-decoration: none;
    }

a {
    position: relative;
    }
/* ========== DIV elements ==========*/

#divContainer {
    z-index: 1;
    position: relative;
    top: 0;
    width: 840px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background: transparent;
    }

/* Begin DIV's within divContainer */

#divBackgroundImage {
    z-index: 2;
    position:absolute;
    top: 0;
    left: -80px;
    padding: 0;
    margin: 0;
    height: 481px;
    width: 686px;
    background-color: transparent;
    }

#divTopCap {
    z-index: 10;
    position:absolute;
    top: 10px;
    left: 0;
    padding: 0;
    margin: 0;
    height: 101px;
    width: 840px;
    background: transparent url('images/elements/top_cap_full_ecomm.png') top left no-repeat;
    }

        /* Begin DIV's within divTopCap */
            #divLogo {
                z-index: 25;
                position: absolute;
                top: 30px;
                left: 30px;
                height: 93px;
                width: 267px;
                margin: 0;
                padding: 0;
                background: transparent;
                }

            #divTopNav {
                z-index: 25;
                position: absolute;
                top: 30px;
                left: 400px;
                height: 25px;
                width: 400px;
                margin: 0;
                padding: 5px;
                background: transparent;
                }

            #divCartBox {
                z-index: 25;
                position: absolute;
                top: 62px;
                left: 530px;
                width: 270px;
                margin: 0;
                padding: 5px;
                background: transparent;
                }

           #divMenuBar {
               z-index: 25;
               position:absolute;
               top: 110px;
               left: 32px;
               padding: 0;
               margin: 0;
               height: 31px;
               width: 776px;
               background: transparent url('images/elements/menu_bar_ecomm.png') top left no-repeat;
               }

           #divMenuBarContents {
               z-index: 26;
               position:absolute;
               top: 1px; /* 7px */
               left: 1px;
               padding: 0;
               margin: 0;
               height: 29px;
               width: 761px;
               text-align: left;
               background-color: transparent;
               }

           #divBreadCrumbs {
               z-index: 20;
               position:relative;
               display: block;
               top: 34px;
               left: 32px;
               padding: 0;
               margin: 0 0 24px 0;
               width: 776px;
               height: 24px;
               background: transparent;
               }

        /* End DIV's within divTop */

#divBody {
    z-index: 14;
    position:relative;
    top: 111px;
    left: 0;
    padding: 0 0 8px 0;
    margin: 0;
    width: 840px;
    background: transparent url('images/elements/body_background_ecomm.png') top left repeat-y;
    }

        #divFullColumn {
           z-index: 70;
           position:relative;
           display: block;
           top: 15px;
           left: 32px;
           width: 566px;
           float: left;
           margin: 0;
           padding: 0;
           background: transparent url('images/elements/content_background.png') top left repeat;
           }

        #divRightNarrowColumn { /* always next to divFullColumn.  If present, divFullColumn width is adjusted down */
           z-index: 70;
           position:relative;
           display: block;
           top: 15px;
           left: 32px;
           width: 200px;
           float: left;
           margin: 0 0 0 10px;
           padding: 0;
           background: transparent;
           }

#divBottomCap {
   z-index: 10;
   position: relative;
   display: block;
   top: 111px;
   left: 0px;
   height: 34px;
   width: 840px;
   margin: 0 0 0 0; /* bottom adjustment */
   padding: 0;
   text-align: center;
   background: transparent url('images/elements/bottom_cap_ecomm.png') top left no-repeat;
   }

#divFooter {
   z-index: 15;
   position: relative;
   display: block;
   top: 110px;
   left: 0px;
   width: 840px;
   margin: 0 0 110px 0; /* bottom adjustment */
   padding: 0 0 20px 0;
   text-align: center;
   background-color: transparent;
   }

#divMinHeight {
    height: 450px;
    width: 1px;
    float: right;
    margin: 0px !important;
    padding: 0px !important;
    background-color: transparent;
    }

.divClear {
    clear:both;
    }


/* End DIV's within divContainer */

/* ============== Elements ==============*/

#divFullColumn #divResellerHome p,
#divFullColumn #divResellerHome li {
    font-family: 'Trebuchet MS', Arial, Helvetica, Geneva, Sans-Serif;
    font-size: 10pt;
    font-weight: normal;
    color: #9CBED7;
    margin: 6px 10px;
    padding: 0;
    background-color: transparent;
    text-decoration: none;
    }

/* Default Links */
#divFullColumn #divResellerHome a:link, #divFullColumn #divResellerHome a:visited {
    font-family: 'Trebuchet MS', Arial, Helvetica, Geneva, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    color: #9CBED7;
    text-align: left;
    text-decoration: underline;
    }

#divFullColumn #divResellerHome a:active, #divFullColumn #divResellerHome a:hover {
    font-family: 'Trebuchet MS', Arial, Helvetica, Geneva, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    color: #fff;
    text-align: left;
    text-decoration: underline;
    }


h1,
.mainbox-title {
    z-index: 100;
    position: relative;
    display: block;
    font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Geneva, Sans-Serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: uppercase;
    letter-spacing: normal;
    color: #9CBED7;
    padding: 0;
    margin: 0;
    top: 5px;
    left: 0;
    width: auto;
    height: 32px;
    background-color: transparent;
    }

h2,
.subheader {
    position: relative;
    display: block;
    font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Geneva, Sans-Serif;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    color: #9CBED7;
    padding: 10px 0 5px 0;
    margin: 0;
    background-color: transparent;
    }

h3,
.sidebox-title {
    position: relative;
    display: block;
    background-color: transparent;
    font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Geneva, Sans-Serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: #9CBED7;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0 10px 0;
    font-weight: bold;
    padding: 10px 0 5px 0;
    border-top: 0px #4B76CC dotted;
    }