/* CSS Document */

html {
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 125%; /* resizes default browser font size to 20 points */
}

body {
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 50%; /* resets base font size to 10 points, so that we can use ems as percentages */
	line-height: 1.8em;
}

UL { list-style: disc; line-height: 18px; }
A:link { text-decoration: none;}
A:visited { text-decoration: none;}
A:hover { text-decoration: underline;}
A:active { text-decoration: underline; }
p {
	font-size: 1.4em;
	margin: 0px; 
}

/* FONTS */

h1 { font-size: 2.2em; margin: 0px;}
h2 { font-size: 2.2em; margin: 0px;}
h3 { font-size: 1.8em; margin: 0px;}
h4 {}
.text1 { font-size: 1.4em; }
.text2 { font-size: 1.4em; }
.text3 { font-size: 1.2em; }
.text4 { font-size: 1.2em; }
.text5 {}
.textDate { font-size: .85em; }
.textNews {	line-height: 1.2em; }
.instruction {	font-size: 1.0em; color: #555; }

/* CLASSES */

.bodyHome {
}


/* 	IDs */

#container {
	width: 850px;
	text-align: left;
	margin: 0px auto 0px auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: inherit;
	}
#header, #headerHome {}
#headerBackoffice {}
#logo {
	float: left;
}
#utilityNav {
	float: right;
	position: relative;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
#utilityNav li {
	list-style: none;
	float: left;
	position: relative;
	text-align: center;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
#tabBar {
	clear: both;
	float: left;
	margin: 0px 0px 20px 0px;
}
#nav {}
#mainContent, #mainContentHome {
	clear: both;
}
#main1 {
	float: left;
}
#main2 {
	float: left;
}
#details1 {
	float: left;
}
#details2 {
	float: left;
}
#details3 {
	float: left;
	clear: both;
}
#localNavigation {
	float: left;
}
#promo1 {
/*	float: left;
	width: 475px;
	padding: 0px 0px 0px 0px; */
}
#promo1 ul ul {
/*	text-align: center;
	float: left;
	width: 140px;
	margin: 0px 10px 10px 0px; */
}
#promo1 ul li ul li {
/*	text-align: center;
	clear: both;
	float: left;
	width: 140px;
	padding: 5px 0px 0px 0px; */
}
#promo1 ul {
/*	list-style: none;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; */
}
#promo1 ul ul:hover {
/*	background-color:#EEE; */
}
#promo1 li {
	float: left;
}
#promo1 ul li ul {
	float: left;
}
#promo1 ul li ul li {
	float: left;
}
.outOfStock {
	position: absolute;
	padding: 0px 3px;
	margin: 0px 0px 0px 0px;
	background-color: #502666;
}
#footerContent {}
#footerContent ul, #pagination ul {
	float: left;
	clear: both;
	position: relative;
	list-style: none;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#footerContent li, #pagination li {
	float: left;
	position: relative;
	text-align: center;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1.2em;
}
#pagination li.pagSelected {
	background-color:#222;
}
#cart {
	float: left;
	width: 600px;
	padding: 15px 0px 15px 0px;
}
#cart p.packingSlip {
	display: none;
}
#cart table {
	width: 100%;
}
#cart table td, #cart table th {
	padding: 3px 10px;
}
#cart table td.item, #cart table.products td {
	background-color: #EEE;
	font-size: 1.2em;
}
#cart table th {
	background-color: #CCC;
	font-size: 1.4em;
}
#footer1 {}
#extra1 {}
#extra2 {}
#extra3 {}
#extra4 {}

div.clearfloats {clear: both;} /* this clears FLOATs so that DIVs start on left side */