@charset "UTF-8";
/* CSS Document */

/* --- Default styles applied to all devices (Mobile-First) --- */

body {
	
	background-color: #1D1D1D;
	
	background-image: url(black-scales-background-image.png);
	
	font-size: 100%;

	color: #CACACA;

	text-align: justify;
	
	padding: 0;
	
    margin: 0;
    
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    
	font-weight: 400;
    
	font-style: normal;
    
	line-height: 1;
    
	position: relative;
    
	cursor:default
}

/*
a:hover {
    cursor:pointer;
}

a:focus {
    outline:none;
}
*/

a:visited {
	text-decoration: none;
}

img, object, embed {
    max-width: 100%;
    height:auto
}

object, embed {
    height:100%
}

.centered-div {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.fixed-top-nav {
 	position: fixed;
 	top: 0;         /* Fixes it to the very top edge */
	left: 0;        /* Ensures it starts at the left edge */
 	right: 0;       /* Ensures it ends at the right edge (full width) */
 	z-index: 10000;  /* (Optional) Ensures it stays above other content */
 	background-color: #850002; /* For visibility   #460304 */
 	color: #b09a6c;
  	padding: 5px;
	border-bottom: 3px solid #b09a6c;
}

.fixed-top-nav a:link {
	color:#b09a6c;
	text-decoration: none;
}

.fixed-top-nav a:visited {
	color:#b09a6c;
	text-decoration: none;
}

.fixed-top-nav a:active {
	color:#AAAAAA;
	font-weight: bold;
}

.fixed-top-nav a:hover {
	color:#AAAAAA;
	font-weight: bold;
}

.fixed-bottom-bar {
  	position: fixed;
  	bottom: 0;      /* Fixes it to the very bottom edge */
  	left: 0;        /* Ensures it starts at the left edge */
  	right: 0;       /* Ensures it ends at the right edge (full width) */
  	z-index: 1000;  /* (Optional) */
  	background-color: #850002; /* For visibility */
  	padding: 5px;
  	color: #b09a6c;
  	text-align: center;
	border-top: 3px solid #b09a6c;
}

.fixed-bottom-bar a:link {
	color:#b09a6c;
	text-decoration: none;}

.fixed-bottom-bar a:visited {
	color:#b09a6c;
	text-decoration: none;}

.fixed-bottom-bar a:active {
	color:#AAAAAA;
	font-weight: bold;
}

.fixed-bottom-bar a:hover {
	color:#AAAAAA;
	font-weight: bold;
}

.main-content {
	padding-top: 125px;
	padding-bottom: 65px;
	height: 100%;
	z-index: 500;
}

.main-content a:active {
	color:#CACACA;
	font-weight:bold;
}

.main-content a:hover {
	color:#CACACA;
	font-weight:bold;
}

.main-content a:link {
	color:#b09a6c;
	text-decoration: none;
}

.main-content a:visited {
	color:#5C4E31;
	font-weight:bold;
}

.side-bar {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	width: 85%;
	z-index:500;
	padding: 5px;
	float: left;
	height:100%;
	text-align: center;
}

.sidebar-catalog a:link {
	color:#1D1D1D;
	text-decoration: none;
	text-align: center;
}

.sidebar-catalog a:visited {
	color:#1D1D1D;
	text-decoration: none;
}

.sidebar-catalog a:active {
	color:#1D1D1D;
	font-weight:normal;
}

.sidebar-catalog a:hover {
	color:#1D1D1D;
	font-weight:normal;
}


.sidebar-catalog ul, li {
        background-color: #b09a6c;
        display: block;
        line-height: 20px;
        list-style: none;
        margin: 0 7.5% 0;
        padding:5;
		color: #850002;
    }

.sidebar-catalog .depth-1 {
        background: #b09a6c;
        border-bottom: 1px solid #29200D;
        border-top: 1px solid #ECCF93;
    }

.sidebar-catalog .sub-sidebar-catalog {
        display: none;
        margin: 0;
        padding:0
    }

.sidebar-catalog .depth-1 > .sub-sidebar-catalog {
        background: #ECCF93;
        border: none;
        position: absolute;
        top: -1px;
        left: 100%;
        width: 720px;
        z-index:60
    }

.sidebar-catalog .depth-1:hover > .sub-category-tree {
        display: block;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow:0 5px 10px rgba(0, 0, 0, .2)
    }



/* --- Media Query for Tablets and Desktops (when screen is at least 768px wide) --- */
@media (min-width: 768px) {
  

.centered-div {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}




.side-bar {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	width: 250px;
	z-index:500;
	padding: 5px;
	float: left;
	height:100%;
}

.sidebar-catalog a:link {
	color:#1D1D1D;
	text-decoration: none;
}

.sidebar-catalog a:visited {
	color:#1D1D1D;
	text-decoration: none;
}

.sidebar-catalog a:active {
	color:#1D1D1D;
	font-weight:normal;
}

.sidebar-catalog a:hover {
	color:#1D1D1D;
	font-weight:normal;
}


.sidebar-catalog ul, li {
        background-color: #b09a6c;
        display: block;
        line-height: 30px;
        list-style: none;
        margin: 0 5;
        padding:0;
		color: #850002;
    }

.sidebar-catalog .depth-1 {
        background: #b09a6c;
        border-bottom: 1px solid #29200D;
        border-top: 1px solid #ECCF93;
    }

.sidebar-catalog .sub-sidebar-catalog {
        display: none;
        margin: 0;
        padding:0
    }

.sidebar-catalog .depth-1 > .sub-sidebar-catalog {
        background: #ECCF93;
        border: none;
        position: absolute;
        top: -1px;
        left: 100%;
        width: 720px;
        z-index:60
    }

.sidebar-catalog .depth-1:hover > .sub-category-tree {
        display: block;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow:0 5px 10px rgba(0, 0, 0, .2)
    }

}