.buttons 
{
	padding:10px;
	color:#ff4200;
	text-align:center;
	outline:none;
	float:right;
	text-decoration: none;
	height: 60%;
	width:auto;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	text-shadow: -1px -1px 0 #ffffff,
	1px -1px 0 #ffffff,
	-1px 1px 0 #ffffff,
	1px 1px 0 #ffffff,
	-1px 0 0 #ffffff,
	1px 0 0 #ffffff,
	0 1px 0 #ffffff,
	0 -1px 0 #ffffff;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.buttons:hover
{
	text-shadow:2px 2px 10px #000000,
			   -2px -2px 10px #000000;
}

#logo 
{
    float:left;
}

body 
{
	background-color:#303030;
	margin: 0%;
}

html 
{
	font-size:16px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

a {
    text-decoration: none;
}

a:link {
    color:#e0966c;
}

a:visited {
    color:#bf754b;
}

a:hover {
    color:#e2b49a;
}

a:active {
    color:#e0dfdf;
}

#header 
{
	background-image:url("./bannertile.png");
	background-size: contain;
	height:15%;
	min-height:3rem;
	max-height:7rem;
	padding-top:0.25rem;
	padding-left:0.5rem;
}

#bodyfill
{
   background-color: #212827;
   margin: 1rem;
   text-align:center;
   overflow:auto;
}

#shopcart 
{
	background-color: #ff4200;
	border-radius: 100%;
	box-shadow:-1.5px -1.5px 0 #ffffff,
				1.5px -1.5px 0 #ffffff,
				-1.5px 1.5px 0 #ffffff,
				1.5px 1.5px 0 #ffffff,
				-1.5px 0 0 #ffffff,
				1.5px 0 0 #ffffff,
				0 1.5px 0 #ffffff,
				0 -1.5px 0 #ffffff;
	margin-top: 0.4rem;
	padding-bottom: 0rem;
}

#shopcart:hover 
{
	box-shadow:2px 2px 10px #000000,
			   -2px -2px 10px #000000;

}

#ProductPicture
{
    float: left;
    /*border-style: solid;
    border-color: #ff4200;*/
    width: 80%;
    margin-right:1rem; 
    height:100%; 
}

#Pictures
{
    float: left;
    /*border-style: solid;
    border-color: #ff4200;*/
    widows: 100%;
    margin-bottom:0.5rem;
}

.container
{
    margin: 2rem 5rem;
    width: auto;
    height:auto;
    display: flex;
}

.PreviewImages
{
    width:40%;
    height:auto;
    max-height:45rem;
    min-height: 5rem;
    background-color: #212827;
    padding: 1rem;
    margin-right:2.5rem;
}

.PreviewSelectable
{
    overflow: auto;
    width:auto;
    max-height:45rem;
    /*width: 17%;*/
    padding
}

::-webkit-scrollbar 
{
    width: 10px;
}

::-webkit-scrollbar-track 
{
    background: #303030; 
}
::-webkit-scrollbar-thumb
{
    background: #3d3d3d; 
}
::-webkit-scrollbar-thumb:hover
{
    background: #5e5e5e; 
}

.ProductDescription
{
    color:#e0dfdf;
    width:40%;
    Max-height:45rem;
    overflow: auto;
}

.ProductHeader
{
    max-height: 5rem;
}