/* Group A is site wide and is in site/site.css - Universals for B, C and D is in site.css */

/* Home Page Header and Body Elements */
.bannerPic {
	display: block;
	margin: 20px 0 10px;
	border: 1px solid #CCC !important;
}

#homeContent {
	display: block;
	position: relative;
	left: 25px;
	top: 0;
	width: 340px;
	float: left;
	margin: 0 15px 0 0;
}

/* A */
#productGroupA {
	position: relative;
	top: 20px;
	left: 25px;
	width: 475px;
	padding: 0 0 15px 10px;
	float: left;
	border: 1px solid #CCC !important;
	border-width: 0 0 0 1px !important;
}

#productGroupA img {
	display: block;
	width: 145px;
	height: 145px;
	margin-bottom: 4px;
}

#productGroupA li {
	float: left;
	width: 145px;
	margin: 0 4px 10px 3px;
}

#productGroupA .listDescription {
	display: block;
	height: 60px;
	overflow: hidden;
}

#productGroupA p.prodPrice {
	display: block;
	float: right;
}

/* B */
#productGroupB {
	position: relative;
	top: 10px;
	left: 25px;
	width: 468px;
	padding: 8px 0 15px 10px;
	margin: 0 0 10px;
	float: left;
	border: 1px solid #CCC !important;
	border-width: 1px 0 0 1px !important;
}

#productGroupB img {
	display: block;
	width: 145px;
	height: 145px;
	margin-bottom: 4px;
}

#productGroupB li {
	float: left;
	width: 145px;
	margin: 0 4px 10px 3px;
}

#productGroupB .listDescription {
	display: block;
	height: 60px;
	overflow: hidden;
}

#productGroupB p.prodPrice {
	display: block;
	float: right;
}

/* C */
#productGroupC {
	position: relative;
	width: 830px;
	padding: 8px 0 0 0;
	border: 1px solid #CCC !important;
	border-width: 1px 0 0 !important;
	clear: both;
	margin-bottom: 30px;
}

#productGroupC img {
	display: block;
	width: 152px;
	height: 152px;
	margin-bottom: 4px;
}

#productGroupC ul {
	margin=left: 5px;
}

#productGroupC li {
	float: left;
	width: 152px;
	margin: 0 0 10px 9px;
}

#productGroupC .listDescription {
	display: block;
	height: 60px;
	overflow: hidden;
}

#productGroupC p.prodPrice {
	display: block;
	float: right;
}

/* D */
#productGroupD {
	display: none;
}

/* Choose The Way You Want To Shop */
.smallBox2 {
	position: relative;
	top: 10px;
	left: 25px;
	float: left;
	width: 468px;
	padding: 8px 0 0 10px;
	margin: 0;
	float: left;
	border: 1px solid #CCC !important;
	border-width: 1px 0 0 1px !important;
}

.smallBox2 label {
	font-weight: bold;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 10px 10px;
	width: 150px;
}