/* CSS Document */
/************************************************************************

	Site:
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============
	
	1 - Structure/Layout
	2 - Main Content

************************************************************************/
/***********************************************************************
	1 - STRUCTURE
************************************************************************/

div#rightColumn {
	float: right;
	width: 600px;
	margin: 0 0 0 23px;
}

div#subLeftColumn {
	float: left;
	width: 330px;
}

div#subRightColumn {
	float: left;
	width: 243px;
	margin: 0 0 0 27px;
}

div#rightText {
	border-top: 1px solid #d5cfce;
	border-bottom: 1px solid #d5cfce;
}

/*** MONTHLY SPECIAL SECTION ***/
div#specials {
	background: url(../images/bg_monthlySpecials.gif) left top no-repeat;
	height: 54px;
	margin: 115px 0 0 0;
}

div#specials {
	position: relative;
}

div#specials div.sp_pop {
	position: absolute;
	top: 54px;
	right: 0;
	width: 328px;
	display: none;
	border-top: 1px solid #81756d;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}

div.popTitle {
	background: #a39a97;
	text-align: right;
	text-transform: uppercase;
	color: #fff;
	padding: 0 8px 0 0;
}

div.popTxt {
	background: #fff;
	color: #6e6f6f;
	text-align: left;
	padding: 10px 12px 8px 12px;
}

div#specialContainer {
	padding: 6px 0 0 0 34px;
}

div#specialProd1, div#specialProd2, div#specialProd3, div#specialProd4, div#specialProd5 {
	float: left;
	width: 66px;
	padding: 6px 0 0 0;
	text-align: center;
}

/*** NEW PRODUCTS & FEATURED ITEMS ***/
div#newAndFeatured {
	margin: 22px 0 0 0;
	width: 240px;
}

div#newAndFeatured {
	position: relative;
}

div#newProd {
	float: left;
	width: 108px;
	background: url(../images/bg_newProd.gif) left top no-repeat;
	height: 54px;
}

div#newProd.sp {
	position: relative;
}

div#newProd div.sp_pop, div#featured div.sp_pop {
	position: absolute;
	top: 54px;
	right: 0;
	width: 240px;
	display: none;
	border-top: 1px solid #81756d;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}

div#newProd1, div#newProd2 {
	float: left;
	width: 50px;
	text-align: center;
	padding: 6px 0 0 0;
}

div#featured {
	float: right;
	width: 107px;
	background: url(../images/bg_featured.gif) right top no-repeat;
	height: 54px;
}

div#featuredProd1, div#featuredProd2, div#featuredProd3 {
	float: left;
	width: 35px;
	text-align: center;
	padding: 6px 0 0 0;
}

/***********************************************************************
	2 - MAIN CONTENT
************************************************************************/

h1 {
	font-size: 22px;
	padding: 20px 0 5px 0;
	font-weight: normal;
}

div#homeImage {
	width: 330px;
	height: 275px;
}

div#rightText p {
	color: #444;
	text-align: justify;
	padding: 3px 0 8px 0;
}

div#rightText span {
	text-transform: uppercase;
	text-align: justify;
	color: #444;
	line-height: 145%;
}

p.monthlyTitle {
	text-transform: uppercase;
	color: #564b93;
	font-weight: bold; 
	float: left;
	padding: 10px 0 0 0;
}

div.newProdTitle {
	text-transform: uppercase;
	color: #564b93;
	font-weight: bold; 
	float: left;
	padding: 10px 0 0 0;
}

div.featuredTitle {
	text-transform: uppercase;
	color: #564b93;
	font-weight: bold; 
	float: left;
	padding: 10px 0 0 0;
	margin-left: 50px;
}