body , html {
	background-color: #ABABAB;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
body, input, textarea {
	font-family: Verdana, "Bitstream Vera Serif";
}
input, textarea {
	font-size: 11px;
}
a img {
	border: 0px;
}
#rootContainer {
	margin: 0 auto;
	margin-top: -40px;
	width: 800px;
	height: 500px;
	text-align: center;
}
#mainContainer {
	background-color: #5E5555;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
#totalPriceInCart {
	font-size: 10px;
}
#header {
	background-image: url("./img/gradient.jpg");
	background-repeat: repeat-x;
	height: 80px;
	text-align: left;
}
#menu {
	background-color: #ABABAB;
	height: 25px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
#menuRight {
	float: right;
	margin-top: -16px;
}
#menuRight img {
	vertical-align: middle;
}
#menuLeft span {
	padding-right: 15px;
	vertical-align: bottom;
	font-size: 11px;
	font-weight: bold;
}
a {
	text-decoration: none;
	color: #000000;
}
a:hover, a:active {
	color: #FFFFFF;
}
#content {
	min-height: 375px;
	
	padding: 20px 20px 0px 20px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}
.product a {
	white-space: nowrap; 
	margin-right: 10px;
}
.product img {
	vertical-align: middle;
}
.productTitle {
	font-weight: bold;
}
.productContent, .productContent img {
	vertical-align: middle;
}
.productContentNewline {
	margin-left: 10px;
}
.productContentNewline img {
	position: relative;
	top: 3px;
}
#footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	background-color: #5E5555;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 11px;
	border-top: 1px solid black;
}
#footer span {
	vertical-align: middle;
}
#footerShadow {
	background-image: url("./img/gradientshade_bottom_to_top.png");
	background-repeat: repeat-x;
	width: 100%;
	position: fixed;
	bottom: 20px;
	left: 0px;
	height: 30px;
	z-index: -10;
}
#productHover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    filter:alpha(opacity=0);
	opacity: 0;
	position: fixed;
	top: 0px;
	left: 0px;
}
#productHover img {
	border: 3px solid black;
}
.productContentNewlineImg {
	border: 3px solid black;
}
#cartTable {
	width: 100%;
	border-collapse: collapse;
}
.nameField, .amountField, .eachPriceField, .totalPriceField, .controlField, .headField, .noProductsField {
	border: 1px solid black;
	text-align: left;
	padding: 5px;
}
.headField {
	font-weight: bold;
	text-align: center;
}
.nameField {
	width: 60%;
}
.amountField {
	width: 6%;
	text-align: center;
}
.amountField input {
	width: 35px;
	text-align: right;
}
.eachPriceField, .totalPriceField {
	text-align: right;
}
.eachPriceField {
	width: 14%;
}
.totalPriceField {
	width: 17%;
}
.controlField {
	width: 10%;
	text-align: center;
}
#floatCartNotifierOuter {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    filter:alpha(opacity=0);
	opacity: 0;
	position: relative;
	margin: auto;
	text-align: center;
	top: 35px;
	right: -132px;
	width: 400px;
	height: 30px;
	text-align: right;
	z-index: 90;
	padding: 3px;
}
#floatCartNotifierOuter span {
	background-color: #FFFF00; 
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
}
#floatCartNotifierOuter img {
	position: relative;
	right: 10px;
	top: 15px;
}
.orderFormLeft, .orderFormRight {
	float: left;
	overflow: hidden;
	height: 32px;
}
.orderFormLeft span {
	position: relative;
	top: 6px;
}
.orderFormLeft {
	width: 180px;
	text-align: right;
	margin-right: 10px;
}
.orderFormRight {
	width: 350px;
	text-align: left;
}
.orderFormRight input {
	width: 350px;
	padding: 4px;
}
.orderFormRight textarea {
	width: 350px;
	height: 50px;
}
.orderFormOuter {
	margin-left: auto; 
	margin-right: auto; 
	width: 490px;
}