body {
        margin: 0px;
        background-color: #141414;
        background-image :  url(../../../skins/KitaBlue/styleImages/backgrounds/mainback1.jpg);
        background-repeat: repeat;
        background-position: top;
}
#pageSurround {
        width: 1080px;
        margin: 0px auto;
        padding: 0px;
        background-color: #141414;
}
#topHeader {
        text-align: right;
        color: #ffffff;
        height: 46px;
        padding-right: 0px;
        padding-top: 68px;        
        width: 100%;
        margin: 0px auto;
        /* SKIN VARIABLE IS cAsE SeNsItIvE */
        background-image: url(../../../images/getLogo.php?skin=KitaBlue);
        background-repeat: no-repeat;
        background-color: #000000;
        background-position: top left;
}
.boxTitleLeft {
        font-family: "Arial";
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #800000;
        height: 12px;
        background-image: url(../../../skins/KitaBlue/styleImages/backgrounds/boxLeft.jpg);

        border-top: 0px solid #990000;
        border-left: 0px solid #990000;
        border-right: 0px solid #990000;
        padding: 5px;
}



.boxTitleRight {
        font-family: "Arial";
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #800000;
        height: 12px;
        background-image: url(../../../skins/KitaBlue/styleImages/backgrounds/boxRight.jpg);

        border-top: 0px solid #990000;
        border-left: 0px solid #990000;
        border-right: 0px solid #990000;
        padding: 5px;
}
.boxContentLeft {
        border: 0px solid #333333;

        color: #FFFFFF;
        padding-left: 5px;
        padding-right: 0px;
        margin-bottom: 10px;
        padding-top: 3px;
        padding-bottom: 5px;


}


.boxContentRight {
        border: 0px solid #333333;

        color: #FFFFFF;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
        padding-top: 3px;
        padding-bottom: 5px;


}

div.prodBox {
        float: left;
        height:300px;
        margin-bottom:3px;
        margin-left:15px;
        margin-right:3px;
        overflow:hidden;
        position:relative;
        text-align:center;
        width:160px;

}


.boxCategories {
        border: 0px solid #333333;

        color: #FFFFFF;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
        padding-top: 3px;
        padding-bottom: 10px;
        width:158px;

}
.colLeft {
        position: relative;
        z-index:5;
        left: 0px;
        width: 160px; 
        float: left;
}
.colMid {
        position: relative;
        width: 100%;
        float: left;
}
.colRight {
        position: relative;
        width: 160px; 
        float: right;
}
.boxContent {
        border: 1px solid #333333;
        background-color: #141414;
        padding: 10px;

        float: center;
        color: #FFFFFF;
        margin-bottom: 10px;
        margin-top: 0px;
        position: inherit;
        background-image: url(../../../images/table_back_stripe.jpg);

}

.boxLatest {
        border: 1px solid #333333;
        background-color: #141414;
        padding: 10px;

        float: center;
        color: #FFFFFF;
        margin-bottom: 10px;
        margin-top: 0px;
        border-right: 4px solid #990000;
        position: inherit;
        background-image: url(../../../images/table_back_stripe.jpg);

}

.boxWelcome {
        border: 0px solid #333333;
        background-color: #141414;
        padding: 10px;
        color: #FFFFFF;
        margin-bottom: 10px;
        margin-top: 0px;
        border-right: 4px solid #990000;
        position: inherit;
 }
 .boxSale {
        border: 0px solid #333333;

        padding: 1px;
        color: #FFFFFF;
        margin-bottom: 1px;
        margin-top: 0px;
        position: inherit;
 }



/* CHECKOUT PAGES */
.colLeftCheckout {
        position: relative;
        left: 0px;
        width: 140px;
        padding-left: 0px;
        padding-right: 20px;
        float: left;
        /*background-image: url(../../../images/table_back_stripe.jpg);*/
}
.colMainCheckout {
        position: relative;
        width: 100%;
        float: left;
        background-image: url(../../../images/table_back_stripe.jpg);
}
/* END CHECK OUT PAGES */
.siteDocs {
        text-align:center;
        margin-top: 7px;
        margin-bottom: 20px;

}
.pagination {
        text-align: right;
        padding-top: 5px;
        padding-bottom: 5px;
}
#subCats {
        text-align:justify;
        background-color: #ffffff;
        text-align: center;
        border: 1px solid #e1e1e1;
        margin: 0px auto;
        padding: 3px;
        float: left;
        width: 99%;
        position:inherit;
        background-image: url(../../../images/table_back_stripe.jpg);
}
.subCat {        
        text-align: center;
        padding: 8px;
        float: left;
        height: 220px;
        width: 140px;
        position:inherit;
        background-image: url(../../../images/table_back_stripe.jpg);
}
.regSep{
        padding: 10px 0px 10px 0px;
        margin: 10px 0px 10px 0px;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
}
#imgThumbSpace{
        line-height: 0px;                
}
#imgThumbSpace img {
        padding-right: 3px;
        padding-bottom: 3px;                
}

div.latestProds {
        text-align: center;
        width: 180px;
        margin-left: 15px;
        margin-right: 3px;
        margin-bottom: 3px;
        height: 300px;
        float: left;
        overflow: hidden;
        border-right: 1px solid #e1e1e1;
        position: relative;

}

/*
Start Cross-Browser DHTML Menu
*/

#mainmenu-nav {
        list-style: none;
        list-style-type: none;
        padding-left: 2px;
        margin: 0px;
        width:153px;

}

.li-nav a {
        padding: 4px 1px;

        width: 153px;
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        margin: 0px;
        text-indent: 0px;

}
.li-nav a:hover {

        color: #c3e37e;
        background-image: url(../../../skins/KitaBlue/styleImages/backgrounds/boxLeft_back_stripe.jpg);
}

.ul-nav, .li-nav {
        display: block;
        list-style: none;
        width:153px;
}

.ul-nav {
        width: 153px;
        padding: 2px;
        background-image: url(../../../skins/KitaBlue/styleImages/backgrounds/boxLeft_back_stripe.jpg);
}

.li-nav {        
        float: left;
        width:153px;
}

.li-nav .ul-nav  {
        display: none;
        position: absolute;
        margin-left: 75px;
        margin-top: -19px;
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        border-top: 4px solid #800000;
        z-index: 99;
        width:153px;

}

a.hassubmenu {
        background-image: url(../styleImages/more.gif);
        padding-left: 1px;
        background-repeat: no-repeat;
        background-position: 143px 6px;
}

/*
End Cross-Browser DHTML Menu
*/

