
/*   Tags   */

body {
	background-color:#f9ebb3;
}

/************/

/*   Ids    */

#contentDiv {
	
	width:940px;
	margin-left:auto;
	margin-right:auto;
}

#header {}

#header #leftCol {
	float:left;
	text-align:center;
	margin-right:5px;
	width: 300px;
}

#header #rightCol
{
	float:right;
	width:630px;
}

#header #rightCol #topBox{
	margin-top:100px;
}

#header #rightCol #shoppingInfo{
}

#logo {
	margin-bottom:10px;
}

#mainNav {
	padding-left:25px;
	padding-right:20px;
}

#mainNav a {
	display:block;
	text-decoration:none;
	color:#000000;
	line-height:24px;
	padding-left:5px;
	margin-bottom:8px;
	border-bottom:2px solid #c29f5f;
	text-align:left;
	font-size:125%;
	cursor: pointer;
}

#mainNav a:hover {
	background-color:#c29f5f;
	color:#FFFFFF;
}

#shopingCartIcon {
	margin-left:300px;
}

#miniCart {
	float:right;
	margin-top:10px;
	margin-right:55px;
}

#topBox {
	width:585px;
	height:284px;
	background-image:url(../images/topBox.jpg);
	background-repeat:no-repeat;
	float:right;
	padding:10px 20px 10px 20px;
	margin-right:5px;
	position:relative;
	top:-80px;
	
}

#topBox h1 {
	font-size:22px;
	font-weight:normal;
}

#topBox #desc1 {
	margin-left:130px;
	font-size:smaller;
	margin-right:140px;
}

#topBox #desc2 {
	margin-top:10px;
	margin-left:130px;
	margin-right:140px;
	font-size:smaller;
}

#topBox #lowwerPot {
	float:left;
	position:relative;
	left:450px;
	top:75px;
	width:125px;
}

#greenBox #top {
	background-repeat:no-repeat;
	width:954px;
	height:14px;
	margin-left:4px;
	margin-bottom:-10px;
}

#greenBox #middle {
	background-repeat:repeat-y;
	width:954px;
	margin-left:7px;
}

#greenBox #bottom {
	background-repeat:no-repeat;
	width:954px;
	height:14px;
	margin-left:7px;
}

#greenBox #leftCol {
	float:left;
	margin-left:4px;
	margin-right:0px;
}

#greenBox #rightCol {

	float:right !important;
	width: 575px !important;
	position: relative;
	top:80px;
	*position:absolute;
	*top:40px;
	*right:150px;
}

#brownBox{
	width:585px;
}

#brownBox #top {
	background-image:url(../images/brownBox_top.jpg);
	background-repeat:no-repeat;
	width:585px;
	height:13px;
	margin-left:4px;
	margin-top:-5px;
	#margin-bottom:-10px;
}

#brownBox #middle {
	background-image:url(../images/brownBox_middle.jpg);
	background-repeat:repeat-y;
	width:585px;
	margin-left:4px;
	padding-top:10px;
}

#brownBox #bottom {
	background-image:url(../images/brownBox_bottom.jpg);
	background-repeat:no-repeat;
	width:585px;
	height:13px;
	margin-left:4px;
}

#subBox{
	width:585px;
	float:right;
	clear:both;
}

#subBox #top {
	background-image:url(../images/subBox_top.jpg);
	background-repeat:no-repeat;
	width:585px;
	height:20px;
	margin-left:4px;
	margin-top:-5px;
	margin-bottom:-10px;
	position: relative;
}

#subBox #middle {
	background-image:url(../images/subBox_middle.jpg);
	background-repeat:repeat-y;
	width:585px;
	margin-left:4px;
	padding-top:10px;
	position: relative;
}

#subBox #bottom {
	background-image:url(../images/subBox_bottom.jpg);
	background-repeat:no-repeat;
	width:585px;
	height:13px;
	margin-left:4px;
	position: relative;
}

#prodCats {
	padding-left:10px;
}

#prodCats a {
	display:block;
	line-height:28px;
	text-decoration:none;
	color:#6e6b68;
}

#descLogo #top{
	width:288px;
	height:20px;
	background-image:url(../images/descLogoTop.jpg);
	margin-left:0px;
}

#descLogo #middle{
	width:288px;
	background-image:url(../images/descLogoMid.jpg);
	background-repeat:repeat-y;
	margin-left:0px;
}

#descLogo #bottom{
	width:288px;
	height:20px;
	background-image:url(../images/descLogoBottom.jpg);
	margin-left:0px;
}
/************/

/* Classes  */

.contactInfo{
	display:block;
	margin-left:10px;
}

.grass {
	display:block;
	float:left;
	background-image:url(../images/icnGrass.jpg);
	width:22px;
	height:28px;
}

.grassDark {
	display:block;
	float:left;
	background-image:url(../images/icnGrassDark.jpg);
	width:22px;
	height:28px;
}

.prodItm {
	float:left;
	width:275px;;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	padding-left:10px;
	color:#6e6b68;
}

.prodItm h1 {
	margin-left:5px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:5px;
	
	color:#754f38;
	text-decoration:underline;
	
	font-size:16px;
}

.prodItm #price {
	display:block;
	margin-top:6px;
	margin-bottom:6px;
	color:#754f38;
	font-size:120%;
}

.prodItm a {
	color:#754f38;
	text-decoration:none;
	display:block;
	line-height:90%;
}

.prodItm a:hover {
	font-weight:bold;
}

.prodItm #layer1 {
	width:127px; 
	height:146px; 
	
	background-image:url(../images/thmPicBorder2.jpg);
	display:table; 
	#position:relative; 
	overflow:hidden; 
	float:left;
	
	margin-right:5px;
}

.prodItm #layer1 #layer2 {
	#position:absolute;
	#top:50%;
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

.prodItm #layer1 #layer2 #layer3 {
	#position:relative;
	#top:-50%;
	text-align:center;
	width:100%;
}

/************/

.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }
.full { text-align:justify !important; }

