/*Page Characteristics*/
body
{
    background-color: rgba(0,0,0,0);
    width: 100%
}

a
{
    color: black;
    text-decoration: underline;
}

a:visited
{
    color: darkgrey;
    text-decoration: underline;
}

a:hover
{
    color: lightgrey;
    text-decoration: overline;
}

/*Div Characteristics*/
#Header
{
    margin-left:auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    min-width: 1100px;
    max-width: 80%;
    height: 160px;
    background-color: white;
    /*border-radius: 25px;
    border-style: solid;
    border-color: red;*/
}

#Logo
{
    margin: 10px;
    margin-left: 40px;
    padding: inherit;
    height: 145px;
    width: 145px;
    float: left;
    background-image: url(../images/shslogo.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#Footer
{
    margin-left:auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    min-width: 1100px;
    max-width: 80%;
    height:auto;
    background-color: white;
    /*border-color: red;
    border-radius: 25px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    /*border-style: solid;*/
}

#ProductContentHolder
{
    margin: auto;
    max-width: 80%;
    min-width: 1100px;
    display: flex;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-direction: row;
    justify-content:space-between;
    
    /*For Safari Browser*/
    
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: space-between;
}

#Content
{
    display: flex;
    flex-direction:column;
    background-color: white;
    min-height: 610px;
    min-width: 75%;
    padding-top: 15px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#Downloads
{    
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    max-height: 190px;
    min-height: 190px;
    max-width: 80%;
    padding-top: 15px;

}
#Download
{
    float: left;
    background-color: white;
    max-height: 125px;
    min-height: 125px;
    max-width: 100px;
    min-width: 100px;
    overflow:auto;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 15px;
}
#Divider
{
    background-color: red;
    margin-left:auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    min-width: 1100px;
    max-width: 80%;
    height: 40px;
    /*border-color: red;
    border-radius: 25px;
    border-style: solid;*/
    
}

/*Image Holders*/
#ImageHolder
{
    display: flex;
    flex-direction: column;
    width: auto;
    min-width: 40%;
    overflow:hidden;
}

#Image
{
    overflow:hidden;
    display:inline-block;
    width: auto;
    min-width: 80%;
    margin-left: auto;
    margin-right: auto;
    
    
}
#Image image
{
    width: auto;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;

}

#Image img
{
    width: auto;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;

}
/*Menu*/
#Menu
{
    background-color: red;
    margin-left:auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    min-width: 1100px;
    max-width: 80%;
    min-height: 60px;
    max-height: 160px;
    text-align: center;
}

#Menu ul
{
	list-style:none;
	position:relative;
	float:left;
}

#Menu ul a
{
	display:block;
	color: white;
	text-decoration:none;
	font-weight:400;
	font-size:1.15em;
	line-height:32px;
	font-family:sans-serif;
    text-align: center;
}

#Menu ul li
{
	position:relative;
	float:left;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

#Menu ul li:hover
{
	background:rgba(0,0,0,0.5);
}

#Menu ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background: red;
	padding:0
}

#Menu ul ul li
{
	float:none;
	width:150px;
}

#Menu ul ul a
{
	line-height:120%;
	padding:10px 15px;
    font-size:.85em;
        
}

#Menu ul ul ul
{
	top:0;
	left:100%
}

#Menu ul li:hover > ul
{
	display:block
}

/*Font Characteristics*/
h1,h2,p,body
{
    color: black;
    font-family: sans-serif;
    font-size: 100%;
}
h1
{
    font-size: 2.5em;
    font-weight: 300;
    text-decoration: underline;
    text-decoration-color: red;
}
h2
{
    font-size: 1.875em;
    font-weight: 200;
}
p
{
    font-size: 0.875em;
    text-indent: 50px;
}

#Header h1
{
    font-size: 3.75em;
    text-decoration: none;
    text-align: center;
    margin: auto;
    padding-top: 40px;
}

#Content p
{
    text-align:left;
}

#footer p
{
    text-align: center;
}

#Content h2
{
    text-align:left;
}

#footer h2
{
    text-align: center;
}
/*WebKit Scroll Bars*/

#Content::-webkit-scrollbar
{
    width: 16px;
    background-color: rgba(0,0,0,0.6);
}

#Content::-webkit-scrollbar-thumb{
background-color:#B03C3F;
border-radius:10px;
}
#Content::-webkit-scrollbar-thumb:hover{
background-color:#BF4649;
border:1px solid #333333;
}
#Content::-webkit-scrollbar-thumb:active{
background-color:#A6393D;
border:1px solid #333333;
} 
#Content::-webkit-scrollbar-track{
border:1px gray solid;
border-radius:10px;
-webkit-box-shadow:0 0 6px gray inset;
}