body {
        margin: 5px;
        background-color: #000000;
        background-position: top;
        background-image:url(../styleImages/backgrounds/background3.jpg);

}
#pageSurround {
        width: 1070px;
        margin: 0px auto;
        border-top: 4px solid #CC0000;
        border-left: 4px solid #CC0000;
        border-right: 4px solid #800000;
        border-bottom: 4px solid #800000;
        padding: 5px;
        /*background-color: #1a1a1a; */
        background-image:url(../styleImages/backgrounds/pageSurround_1.jpg);

}
#PageOuter {

        background-position:left top;
        background-repeat:repeat;
        width:1080px;
        margin:0 auto;
        padding:0;
}


#Header {
        text-align: right;
        height: 70px;
        width: 1070px;
        margin:0 0 0px 0;
        padding-right: 5px;
        padding-top: 58px;


        /* SKIN VARIABLE IS cAsE SeNsItIvE */
        background-image: url(../styleImages/logo/tkinkys1.gif);
        background-repeat: no-repeat;
        background-position: left top;
        /*background-color: #1a1a1a;  */
        color: #cccccc;
        }
#topHeader {
        text-align: right;
        height: 80px;
        padding-right: 0px;
        padding-top: 68px;        
        width: 95%;        
        margin: 0px auto;
        /* SKIN VARIABLE IS cAsE SeNsItIvE */
        background-image: url(../../../images/getLogo.php?skin=MutantBlack);
        background-repeat: no-repeat;
        background-position: top left;

}
.boxTitleLeft, .boxTitleRight {
        font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        color: #000000;
        background-color: #000000;
        background-image: url(../styleImages/backgrounds/boxtitleback.jpg);
        height: 15px;
        border-top: 1px solid #333333;
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        padding: 5px;
}
.boxContentLeft {
        border-left: 3px solid #CC0000;
        border-right: 3px solid #800000;
        background-color:#000000;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0px;
        padding-top: 3px;
        padding-bottom: 10px;
        background-image: url(../styleImages/backgrounds/menu_left.jpg);
}

.boxContentLeftbot {

        padding-left: 0px;
        padding-right: 5px;
        margin-bottom: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        /*background-image: url(../styleImages/backgrounds/menu_left_bot.gif);
        background-repeat: no-repeat;
        background-position: left bottom;    */
}
.boxContentRight {
        border-left: 3px solid #800000;
        border-right: 3px solid #CC0000;
        background-color:#000000;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0px;
        padding-top: 3px;
        padding-bottom: 10px;
        background-image: url(../styleImages/backgrounds/menu_right.jpg);
}
.boxContentRightbot {

        padding-left: 0px;
        padding-right: 5px;
        margin-bottom: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
       /* background-image: url(../styleImages/backgrounds/menu_right_bot.gif);    */
}

.boxCategories {
        border-left: 3px solid #CC0000;
        border-right: 3px solid #800000;

        padding-left: 0px;
        padding-right: 5px;
        margin-bottom: 0px;
        padding-top: 3px;
        padding-bottom: 10px;
        background-image: url(../styleImages/backgrounds/menu_left.jpg);
}
.boxCategoriesbot {

        padding-left: 0px;
        padding-right: 5px;
        margin-bottom: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        /*background-image: url(../styleImages/backgrounds/menu_left_bot.gif);   */
}
.colLeft {
        position: relative;
        z-index:5;
        left: 0px;
        width: 160px; 
        float: left;

}
.colMid {
        position: relative;
        width: 99%;
        float: left;
        border-top: 3px solid #CC0000;
        border-left: 3px solid #CC0000;
        border-right: 3px solid #800000;
        border-bottom: 3px solid #800000;
        background-image:url(../styleImages/backgrounds/colMid_1.jpg);
        background-color: #1a1a1a;

}
.colRight {
        position: relative;
        width: 160px; 
        float: right;
        padding-left: 5px;

}
.boxContent {
        border: 1px solid #333333;

        padding: 1px;
        color: #CCCCCC;
        margin-bottom: 10px;
        margin-top: 0px;
        position: inherit;
}



/* CHECKOUT PAGES */
.colLeftCheckout {
        position: relative;
        left: 0px;
        width: 160px; 
        padding-left: 15px;
        padding-right: 5px;
        float: left;
       /* background-color: #000000; */
        color: #FFFFFF;

}
.colMainCheckout {
        position: relative;
        width: 100%;
        float: left;
        border-top: 3px solid #CC0000;
        border-left: 3px solid #CC0000;
        border-right: 3px solid #800000;
        border-bottom: 3px solid #800000;
        background-color: #1a1a1a;
        background-image:url(../styleImages/backgrounds/colMid_1.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;

        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: 100px;
        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 {
        text-align: center;
        width: 19%;
        margin-right: 3px;
        margin-bottom: 3px;
        height: 200px;
        float: left;
        overflow: hidden;
        border-right: 1px solid #333333;
        position: relative;

}

/*
Start Cross-Browser DHTML Menu
*/

#mainmenu-nav {
        list-style: none;
        list-style-type: none;
        padding-left: 3px;
        margin: 0px;
        background-image: url(../styleImages/backgrounds/menu_left.jpg);
        
}

.li-nav a {
        padding: 2px 1px;
        background-image: url(../styleImages/backgrounds/menu_left.jpg);
        width: 140px;
        display: block;
        color: #CCCCCC;
        text-decoration: none;
        margin: 0px;
        text-indent: 2px;
}
.li-nav a:hover {
        background-color: #000000;
        color: #c3e37e;
}

.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 #333333;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        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
*/
/* START : CUSTOM CSS */
#viewProdWrap {
        overflow: hidden;
        padding: 1em 0;
}

p#viewProdTitle, p.txtContentTitle, span.txtContentTitle {
        font-weight: normal;
        font-size: 1.8em;
        letter-spacing: -1px;
        line-height: 100%;
        padding: .3em 0;
}

#viewProdLeft {
        float: left;
        width: 22em;
        margin-top: .6em;
        margin-right: .4em;
        padding-top: .4em;
}

#viewProdLeft .mainPic img {
        width: 250px;
        border: 3px solid #ddd;
}

#viewProdLeft .mainPic {
        position: relative;
}

.mainPic #mainPicBigger a {
        position: absolute;
        background: transparent url(../styleImages/backgrounds/view-larger.png) left bottom repeat-x;
        text-transform: uppercase;
        text-align: center;
        margin: 0 3px 3px 3px;
        padding: 5px 10px;
        width: 230px;
        bottom: 0;
}

#viewProdRight {
        margin-top: .6em;
        float: left;
        width: 32em;
}