DIV {margin: 0; padding: 0;}

html, body, #aspnetForm {
	margin: 0; padding: 0;
	width: 100%; height: 100%;
	font-family: Oxygen, Arial, sans-serif;
	font-size: 10pt;
}
address {font-style: normal; font-size: 12pt;}
body {
	background-color: Silver;
	background-size: 100%;
	overflow-y: auto;
}

#mainPageContainer {
	width: 75%;
	min-width: 900px;
	height: 100%;
	margin: auto;
	z-index: 100;
}

#socialMedia {height: 5%; min-height: 32px; text-align: right;}
#socialMedia A IMG {height: 100%; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); transition: opacity 0.5s;}
#socialMedia A:hover IMG {opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

#pageWrapper {
	height: 90%;
	min-height: 671px;
	background-color: White;
	box-shadow: 0 0 15px 0px #2D2D2D;
	border-radius: 3px;
	border: solid 1px #2D2D2D;
}

#headerArea {height: 15%; min-height: 100px; background: url('Images/CompanyLogo_100.jpg') no-repeat left; background-color: white; z-index: 100}
#headerArea ADDRESS {float: right; color: Gray; font-style: normal; text-align: right; font-weight: bold; line-height: 100px; padding: 0 1%;}
#headerArea #shoppingCartPanel {float: right; display: table-cell; height: 100%; width: 20%; min-width: 200px; vertical-align: middle}
#headerArea #shoppingCartPanel A:link {line-height: 100px}

#mainNav {height: 5%; min-height: 34px; white-space: nowrap;}
#mainNav DIV.globalSearch {float: right; padding: 0 1%;}

#mainContent {height: 80%; min-height: 534px; overflow-y: auto;}
#mainContent .rightContent {float: right; width: 25%; padding: 0 1%;}
#mainContent .leftContent {float: left; width: 70%; padding: 0 1%;}

#copyrightFooter {height: 5%; min-height: 32px; line-height: 32px;}
#copyrightFooter TABLE {border-collapse: collapse; width: 100%;}
#copyrightFooter TABLE TD {font-size: x-small;}
#copyrightFooter TABLE TD:first-child {text-align: left; padding-left: 8px;}
#copyrightFooter TABLE TD:last-child {text-align: right; padding-right: 8px;}

/* Creates shadows when content is scrolled out of view */
#mainContent {
	background: linear-gradient(white 30%, rgba(255,255,255,0)), linear-gradient(rgba(255,255,255,0), white 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)), radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background: linear-gradient(white 30%, rgba(255,255,255,0)), linear-gradient(rgba(255,255,255,0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)), radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	background-attachment: local, local, scroll, scroll;
}