/* CSS Document */

/* TAGs */

body {
	background-color: #ffffff;
	margin: 0px;
	min-width: 610px;  /* 2x (LC fullwidth + CC padding) + RC fullwidth */
}

/* DIVs */

.clrDiv {
	clear: left;
	height: 0px;
}

#mainContainer {
	margin: 0px auto;
	width: 960px;
}	

#frame {
	width: 960px;	
}

/*#sitewide {
	height: 20px;
	padding: 15px;
	background-color: #007061;
}

#header {
	height: 50px;
	background-color: #007061;
}

#logo {
	width: 480px;
	float: left;
}

#phone {
	width:480px;
	float: left;
	text-align: right;
}*/

	#container-1-header {
	width:100%;
	height:94px;
	text-align:left;
	margin:auto;
	padding:0;
	margin: 14px 0 12px 0;	
	background-image: url(../images/bg_header.gif);
	}

		#header-1-1{ 
		width:100%;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}					

			#header-1-1-1{ /*  logo  */
			position:relative;
			padding:9px 0 0 12px;
			margin:0px;
			float:left;
			}

			#header-1-1-2{ /*  top links  */
			position:relative;
			text-align:left;
			padding:0;
			margin:14px 20px 0 0;
			float:right;
			}	

		#header-1-2{ 
		width:100%;
		position:relative;
		padding:0;
		margin:0;
		float:left;
		}

			#header-1-2-1{ /*  home tab  */
			position:relative;
			padding:6px 0 0 0;
			margin:0 0 0 20px;
			float:left;
			}

			#header-1-2-2{ /* phone number  */
			position:relative;
			padding:6px 0 0 0;
			margin:0 20px 0 0;
			float:right;
			}


#navrow {
	width: 960px;
	background-image: url(../images/navRow.gif);
	background-color: #49A942;
	height: 33px;
}

#strapline {
	width:450px;
	float: left;
	padding: 5px 0 0 10px;
}

#basket {
	width:490px;
	float: left;
	text-align: right;
	padding: 5px 10px 7px 0;
}

#main {
	clear: both;
	float: left;
	width: 960px;
	background-image: url(../images/bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

#col1 {
	float: left;
	width: 190px;
	background-color: #D0E4A6;
}

#content {
	float: left;
	width: 750px;
	padding: 20px 0 20px 20px;    /* CC padding */
	background-color: #ffffff;
}

.CategoryTrails {
	width: 730px;
	padding-bottom: 10px;
}

#col2 {
	float: left;
	width: 160px;	/* RC fullwidth (190px) - padding */
	padding: 20px 15px;
	background-color: #D0E4A6;
}

#footer-wrapper {
	clear: all;
	width: 960px;
	padding: 10px 0px;
	font-size: 90%;
}

/* #foot {
	padding: 15px 0px;
} */

#search {
	background-color: #8CC674;
	border-bottom: 3px solid #BBCD95;
	margin: 0px 0px 10px 0px;
	padding: 5px 15px;
}

#nav {
	width: 170px;
	margin: 0px 10px 25px 10px;
}

#homeFeature {
	float: left;
	width: 750px;
	margin: 0px 0px 20px 0px;
	padding: 21px 0px 0px 0px;	
	background-color: #C8E5C6;
}

#homeFeatureCol1 {
	float: left;
	width: 46%;
	padding: 0 2% 2% 2%;
}

#homeFeatColContent {
	width: 345px;
	margin-bottom: 10px;
}

#homeFeatColContent #homeFeatColImg {
	float: left;
	width: 70px;
}

#homeFeatColContent #homeFeatColTxt {
	float: left;
	width: 270px;
	line-height: 110%;
}

#homeFeatureCol2 {
	float: left;
	width: 46%;
	padding: 0 2% 2% 2%;
}

.homeFeatItemRow {
	width: 345px;
	margin-bottom: 10px;
}

.homeFeatItemRow .homeFeatItemImg {
	float: left;
	width: 35px;
}

.homeFeatItemRow .homeFeatItemTxt {
	float: left;
	width: 310px;
}

.catBoxRow {
	width: 750px;
	margin: 10px 0px;
}

.catBoxRow .catBox1 {
	float: left;
	width: 364px;
	margin-right: 22px;
	background-image: url(../images/homeBoxBg.gif);
	background-position: right bottom;
}

.catBoxRow .catBox2 {
	float: left;
	width: 364px;
	background-image: url(../images/homeBoxBg.gif);
	background-position: right bottom;
}

.catDetails {
	width: 364px;
	margin: 10px 0 0 0;
}

.catDet1 {
	float: left;
	width: 60px;
	text-align: center;
	margin: 0 15px;
	min-height: 110px;
	padding-bottom: 10px;
}

* html .catDet1 {
	float: left;
	width: 60px;
	text-align: center;
	margin: 0 15px;
	height: 140px;
	padding-bottom: 10px;
}

.catDet2 {
	float: left;
	width: 259px;
	margin: 4px 15px 0 0;
	min-height: 110px;
	padding-bottom: 10px;
}

* html .catDet2 {
	float: left;
	width: 259px;
	margin: 4px 15px 0 0;
	height: 140px;
	padding-bottom: 10px;
}


/*#homeBoxesRow2 {
	clear: both;
	margin: 10px 0px;
}

#homeBox2, #homeBox5 {
	margin: 0px 10px;
}*/

#subCats {
	border-bottom: 1px solid #BBCD95;	
}

.hfProd, .hfCat {
	width: 750px;
	border-bottom: 1px solid #BBCD95;
	padding: 10px 0;	
}

.hfProd .prodImg {
	float: left;
	width: 80px;
	padding: 0 10px;
}

.hfProd .prodTxt {
	float: left;
	width: 640px;
	padding: 0;
}

#prodDetails {
	width: 750px;
	padding-top: 10px;
}

#prodImg {
	float: left;
	width: 200px;
}

#prodOpts {
	float: left;
	width: 340px;
}

	#home-main-2-2-2{
	width:100%;
	position:relative;
	padding:0;
	margin:25px 0;
	line-height: 110%;
	}
		#home-main-2-2-2-1{
		width:207px;
		height:80px;
		position:relative;
		padding:6px 8px 10px 12px;
		margin:0 17px 0 0;
		float:left;
		background-image: url(../images/index_bg_1.gif);
		background-repeat: no-repeat;
		}
		#home-main-2-2-2-2{
		width:207px;
		height:80px;
		position:relative;
		padding:6px 8px 10px 12px;
		margin:0 18px 0 0;
		float:left;
		background-image: url(../images/index_bg_2.gif);
		background-repeat: no-repeat;	
		}
		#home-main-2-2-2-3{
		width:207px;
		height:80px;
		position:relative;
		padding:6px 8px 10px 12px;
		margin:0 17px 0 0;
		float:left;
		background-image: url(../images/index_bg_3.gif);
		background-repeat: no-repeat;				
		}
		#home-main-2-2-2-4{
		width:207px;
		height:80px;
		position:relative;
		padding:6px 8px 10px 12px;
		margin:0;
		float:left;
		background-image: url(../images/index_bg_4.gif);
		background-repeat: no-repeat;				
		}