@media screen and (max-width: 530px) {
	#Menu {
		display:none;
	}
	#MenuSelector {
		display:block;
	}
	#MainContent {
		margin-left:5px;
	}
}

@media screen and (min-width: 530px) {
        #Menu {
                display:block;
        }
	#MenuSelector {
		display:none;
	}
	#MainContent {
		margin-left:225px;
	}
}

Body {
	font-family:arial;
	font-size:12pt;
	background-color:white;
        	background-image:url('https://www.oasistechnologies.us/images/blue_green_gradient.jpg');
	        background-repeat:repeat-x;
}

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0;
    margin-bottom: 0.67em;
}

div.Field {
        display:inline-block;
        padding:4px;
        margin:4px;
        vertical-align:top;
}

#Container {
	width:98%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	padding-bottom:10px;
	position:absolute;
	top:55px;
        border-left:2px solid #54699D;
        border-right:2px solid #54699D;
}

#PageTitle {

	width:98%;
        background-color:#A7B1CD;
	color:#032177;
	color:white;
	font-family:'Raleway', sans-serif;
	font-size:14pt;
	text-align:center;
	min-height:25px;
	margin-left:auto;
	margin-right:auto;
}


#TitleDiv {
        border-top:2px solid #54699D;
        border-left:2px solid #54699D;
        border-right:2px solid #54699D;
        border-top-left-radius:8px;
        border-top-right-radius:8px;
        width:98%;
        background-color:#A7B1CD;
        color:#032177;
        color:white;
	position:fixed;
	padding-top:5px;
	padding-bottom:5px;
	z-index:1;
}

#HomeLinkDiv {
	background-color:#97A1BD;
}
#HomeLinkDiv a:link { color: #000093; }
#HomeLinkDiv a:visited { color: #000093; }
#HomeLinkDiv a:hover { color: #000093; }
#HomeLinkDiv a:active { color: #000093; }




#CSDiv {
        z-index:100;
	font-family:arial, sans-serif;
        font-size:10pt;
	display:inline-block;
	width:98%;
	text-align:right;
}

#CSSubTotal {
	display:inline-block;
	margin:0px;
}

#CSCount {
	display:inline-block;
	margin:0px;
}

span.stretch {
	width: 100%;
	display: inline-block;
	font-size: 0;
	line-height: 0;
}



a:link {
	color: #D3CAA8;
}


a:visited {
        color: #D3CAA8;
}

a:hover {
        color: #54889D;
	background-color:#D3CAA8;
}

a:active {
        color: #D3CAA8;
}

#MenuSelector {
z-index:3100;
}

#Menu {
	width:200px;
	line-height:200%;
	background-color:#54889D;
	padding-left:5px;
	padding-right:5px;
	float:left;

}


#MainContent {
	margin-right:5px;
	margin-top:50px;
	background-color:white;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}


div.Product {
	max-width:240px;
	margin:10px;
	display:inline-block;
	vertical-align:top;
}

div.ProductLnk {
        max-width:240px;
        margin:10px;
        display:inline-block;
        vertical-align:top;
        cursor:pointer;
}




p.Product {
	max-width:220px;
	font-size:10pt;
	color:#899DC6;
}


p.ProductTitle {
	max-width:220px;
	font-size:12pt;
	color:#2F20C2;
}



img.ProductImage {
	max-width:218px;
	max-height:218px;
  	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

div.ProductImage {
	width:220px;
	height:220px;
	vertical-align:middle;
	text-align:center;
	background-color:white;
        border:1px solid #D3D3D3;
        border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}


img.BigProductImage {
        max-width:436px;
        max-height:436px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
}

div.BigProductImage {
        width:440px;
        height:440px;
        vertical-align:middle;
        text-align:center;
        background-color:white;
        border:1px solid #D3D3D3;
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
}

div.Footer {
        clear:both;
        width:98%;
        text-align:center;
        height:17px;
        color:#032177;
        padding-top:3px;
        background-color:#A7B1CD;
        border-bottom:2px solid #54699D;
        border-left:2px solid #54699D;
        border-right:2px solid #54699D;
        border-bottom-left-radius:8px;
        border-bottom-right-radius:8px;
	margin-left:auto;
	margin-right:auto;
	font-size:9pt;
}

