body {
        margin: 5px;
        background-color: #efefef;
        background-image: url(../styleImages/backgrounds/pageBg.gif);
        background-repeat: repeat-x;
        background-position: top;
}

#Content7 {
	width:1024px;
	margin:0px auto;
	text-align:left;
	padding: 0px 15px 15px 15px;
/*	border:1px dashed #333;
	background-color:#ffffff;*/
}

#calosc{


}

#pageSurround {
        background-image: url(../styleImages/backgrounds/mainpagebg.png);
        background-repeat: repeat-y;
        background-position: top;

        width: 88%;
        margin: 0px auto;
        padding: 30px 55px 5px 55px;


}
#topHeader {
        text-align: right;
        height: 46px;
        padding-right: 0px;
        padding-top: 41px;/*bylo 68*/
        width: 95%;
        margin: 0px auto;
        /* SKIN VARIABLE IS cAsE SeNsItIvE */
        background-image: url(../../../images/getLogo.php?skin=KitaBlue);
        background-repeat: no-repeat;
        background-position: top left;
}
.boxTitleLeft, .boxTitleRight {
        font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana;
        font-size: 13px;
        font-weight: bold;
        color: #9F9584;
/*        background-color: #70cdcc;*/
        height: 15px;
        border-top: 1px solid #E1E1E1;
        border-left: 1px solid #E1E1E1;
        border-right: 1px solid #E1E1E1;
        padding: 5px;
/*        background: #9F9584 url(images/bg_sidebar_title.gif) no-repeat;
*/
}

.boxTitleRightCart {
        font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana;
        font-size: 13px;
        font-weight: bold;
        color: #FFFFFF;
/*        background-color: #70cdcc;*/
        height: 15px;
/*        border-top: 1px solid #E1E1E1;
        border-left: 1px solid #E1E1E1;
        border-right: 1px solid #E1E1E1;
*/        padding: 5px;
       background: #526BAE url(images/bg_sidebar_title_cart.gif) no-repeat;

}

.boxContentLeft, .boxContentRight {
    /*    border: 1px solid #E1E1E1;*/
        border-bottom: 1px solid #E1E1E1;
        border-left: 1px solid #E1E1E1;
        border-right: 1px solid #E1E1E1;
        background-color:#FFFFFF;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
        padding-top: 3px;
        padding-bottom: 5px;
/*        background: #E7F1D7 url(images/bg_sidebar_block.gif) no-repeat left bottom;*/
}


.boxCategoriesTop {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
        padding-top: 3px;
        padding-bottom: 10px;
        font-weight: bold;
}
.boxCategories {
/*        border: 1px solid #E1E1E1;*/
        border-bottom: 1px solid #E1E1E1;
        border-left: 1px solid #E1E1E1;
        border-right: 1px solid #E1E1E1;
        background-color: #FFFFFF;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
        padding-top: 3px;
        padding-bottom: 10px;
}
.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 #E1E1E1;*/
        background-color: #FFFFFF;
        padding: 0 10px 0 10px; /*bylo 10*/
        color: #333333;
        margin-bottom: 10px;
        margin-top: 0px;
        position: inherit;
}



/* CHECKOUT PAGES */
.colLeftCheckout {
        position: relative;
        left: 0px;
        width: 168px; 
        padding-left: 15px;
        padding-right: 5px;
        float: left;
}
.colMainCheckout {
        position: relative;
        width: 100%;
        float: left;
}
/* END CHECK OUT PAGES */
.siteDocs {
        text-align:center;
        margin-top: 5px; /* bylo 7*/
        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;
}
.subCat {        
        text-align: center;
        padding: 8px;
        float: left;
        width: 110px;
        height:65px;
        position:inherit;
}
.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 {
        font-size: 13px;
        font-weight: bold;
        color: #003399;

        text-align: center;
        width: 32%;/*25% 19%*/
        /* margin-right: 3px;
        margin-bottom: 3px;
        */
        margin-right: 6px;
        height: 230px;
        float: left;
        overflow: hidden;
        /*border-right: 1px solid #e1e1e1;*/
        position: relative;
}

div.latestProds img{
        padding-bottom: 5px;
}
/*
Start Cross-Browser DHTML Menu
*/

#mainmenu-nav {
        list-style: none;
        list-style-type: none;
        padding-left: 3px;
        margin: 0px;
        
}

.li-navTop a {
        padding: 1px 1px;
/*        background-color: #ffffff;*/
        width: 120px;
        display: block;
        color: #333333;
        text-decoration: none;
        margin: 0px;
        text-indent: 2px;
}
.li-navTop a:hover {
/*        background-color: #ffffff;*/
        color: #E27526;/* bylo #c3e37e; */
}

.ul-navTop, .li-navTop {
        display: block;
        list-style: none;
}

.ul-navTop {
        width: 120px;
        padding: 0px;
}

.li-navTop {
        float: left;
}

.li-navTop .ul-navTop  {
        display: none;
        position: absolute;
        margin-left: 100px;
        margin-top: -19px;
/*        border-left: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        border-top: 4px solid #70cdcc;
*/        z-index: 99;
}

.li-nav a {
        padding: 2px 1px;
        background-color: #ffffff;
        width: 140px;
        display: block;
        color: #333333;
        text-decoration: none;
        margin: 0px;
        text-indent: 2px;
}
.li-nav a:hover {
        background-color: #ffffff;
        color: #E27526;
}

.ul-nav, .li-nav {
        display: block;
        list-style: none;
}

.ul-nav {
        width: 140px;
        padding: 0px;
}

.li-nav {
        float: left;
}

.li-nav .ul-nav  {
        display: none;
        position: absolute;
        margin-left: 100px;
        margin-top: -19px;
        border-left: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        border-top: 4px solid #70cdcc;
        z-index: 99;
}

a.hassubmenu {
        background-image: url(../styleImages/more.gif);
        background-repeat: no-repeat;
        background-position: 130px 6px;
}

/*
End Cross-Browser DHTML Menu
*/

