/* CSS for structure */
#container, #header, #menu, #sitemap {
	width: 750px;
	z-index: 10;
}


#container,#sitemap {
	min-height: 95%;
	_height: 95%;
	margin: 0 auto;
	
}

#container{
	background: #FFF url(../images/2core-fill.jpg) top right repeat-y;
}



#sitemap{
	background:#fff;	
}

.sitemap table {
	border:5px solid #CCCC66;	
}

.sitemap #right-core{
margin: 0 9px -20px 9px;	
padding:0;
position:static;
}

/* The search form, cart etc on top */
#top {
	width: 750px;
	height: 90px;
	background: #1C0E0B;
	padding: 0px;
	margin: 0px;
}
	#topleft {
		width:300px;
		_width:290px;
		float:left;
		margin-top:20px;
	}
	#topleftmenu {
		font-weight: bold;
		text-transform: uppercase;
		font-size: 11px;
		}	
	#topleft a {
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
	}
	#topleft a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	#topmiddle { 
		width:250px;
		float:left;
		margin: 20px 11px -5px 55px;
		}
	#topmiddle a, #topmiddle a:hover{ text-decoration: none; }
	
	#topright {
		/*width:375px;*/
		float:right;
		font-weight:bold;
		text-transform:uppercase;
		text-align: center;
		font-size:11px;
		color: #ffffff;
		margin-top: 20px;
	}
	#topright img { margin-top: 5px; }
	#top a {
		color: #FFF;
		text-decoration: none;
	}
	#top a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	#top a img {
		vertical-align: middle;
	}
	#sub {
		background: #000;
		color: #FFF;
		border: 0;
		font-size: 11px;
		text-transform: uppercase;
	}
/* header */
#header {
	height: 140px;
	background: url(../images/2logo7.jpg) top center no-repeat;
}
#headerLinkArea {
  margin-left: 540px;
  margin-right: 100px;
  height: 100px;
}
	#header h1 {
		display: none;
	}

#FB {
	float: right;
	height: 62px;
	width: 212px;
	margin-top: 40px;
	margin-right: 100px;
		background: rgb(187, 220, 29); /* The Fallback for Worthless IE*/
		background: rgba(187, 220, 29, 0.75); /* The lovely transparency seen in ALL OTHER BROWSERS */
}

.fb a {
color:#CCCCCC;
}

.fb a:hover {
color:#FFFF00;
text-decoration:none;
}


/* left */
#left {
	width: 210px;
	height: auto;
	float: left;
}
	#left a {
		color: #1c0e0b;
		text-decoration: underline;
	}
	#left p {
		margin-bottom: 10px;
		line-height: 16px;
	}
	#left p.white {
		color: #FFF;
	}
	
.left-item {
	width: 174px;
	height: auto;
	background: #808000;
	padding: 10px;
	margin-left: 8px;
	margin-top: -2px;
	color: #FFF;
}

/* some items are centered in left, other are not. this class is added to class left-item when needed. */
.center {
	text-align: center;
	
	
	color: #1c0e0b;
}

/* the same, but now with white text */
.centerwhite {
	text-align: center;
	color: #FFF;
}

/* discount packages */
.discount-text {
	font-size: 11px;
}
.discount-text a { /* This gives purplish hovers and white links. bit sloppy, but it works. */
	color: #FFF !important;
	text-decoration: none !important;
	line-height: normal !important;
	font-weight: bold !important;
}
.discount-text a:hover {
	color: #A4BBDD !important;
}

/* Quicksearch */
input#qsearch {
	width: 115px;
	_margin-left: -10px;
	vertical-align: middle;
	margin-bottom: 6px;
}
input#go {
	vertical-align: middle;
	margin-left: 25px;
	margin-bottom: 7px;
}
a#advanced {
	clear: both;
	color: #000;
	width: auto;
}


/* air purifiers */
img#apur {
	margin-left: -10px;
	_margin-left: -20px;
}
a#see {
	font-size: 11px;
	clear: both;
	display: block;
}

/* the core */
#right {
	width: 540px;
	height: auto;
	float: left;
}

#right-header {
	background: url(../images/2core-top.jpg);
	height: 84px;
	width: 540px;
	position: relative;
}
#right-header h3 {
	position: absolute;
	top: 22px;
	left: 16px;
	font-size: 20px;
	color: #FFF;
}
#right-core {
	margin: 0 16px 10px 9px;
}

/* positioning of recommended websites */
a.space img {
	padding: 30px 0;
}
#recsites td.recimg {
	width: 140px;
	min-height: 95px;
	_height: 95px;
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	clear: both;
}
#recsites td.rectext {
	width: 310px;
	min-height: 95px;
	_height: 95px;
	display: block;
	float: left;
	color: #1c0e0b;
	margin-bottom: 20px;
	line-height: 18px;
}

#right-footer {
	clear: both;
	width: 750px;
	height: 45px;
	background: url(../images/2core-footer.jpg) bottom right no-repeat;
}

/* The footer with info, latest happenings, seo keywords and authorize seal */
#core-footer {
	width: 750px;
	height: 235px;
	clear: both;
	background: #330100;
}

/* Authorize seal */
#cf-authorize {
	width: 145px;
	height: 175px;
	float:left;
	background: url(../images/footer-authback.jpg) top left repeat-y;
	background-repeat:repeat-y;
}
	#cf-authorize img {
		margin-left: 27px;
		margin-top: 2px;
	}

/* Coop America seal */
#coopAmerica {
	width: 145px;
	float:left;
  align: center;
	background: url(../images/footer-authback.jpg) top left repeat-y;
	background-repeat:repeat-y;
}
	#coopAmerica img {
		margin-left: 27px;
		margin-top: 2px;
}

/* Info field, 3 rows of links */
#cf-info {
	width: 332px;
	float: left;
	background: url(../images/footer-infoback.jpg) top left no-repeat;
}
	#cf-info ul {
		list-style: none;
		font-size: 11px;
	}
	#cf-info li {
		display: block;
	}
	#cf-info a {
		color: #FFF;
		text-decoration: none;
	}
	#cf-info a:hover {
		text-decoration: underline;
		color: #FFF;
	}

ul#first, ul#middle, ul#last {
	float: left;
	margin-top: 42px;
	margin-right: 10px;
	_margin-right: 5px;
	line-height: 18px;
}
ul#first {
	margin-left: 15px;
	_margin-left: 7px;
}
ul#middle {
	margin-left: 18px;
}
ul#last {
	margin-left: 13px;
}

/* Latest happenings */
#cf-latest {
	width: 273px;
	height: 175px;
	float: left;
	background: url(../images/footer-latestback.jpg) top left no-repeat;
} 
	#cf-latest ul {
		margin: 42px 10px 0 10px;
		list-style: none;
		color: #FFF;
		font-size: 11px;
	}
	#cf-latest li#spacer {
		margin-bottom: 15px;
	}
	#cf-latest a {
		color: #FFF;
		text-decoration: none;
		border-bottom: 1px solid #998080;
	}
	#cf-latest a:hover {
		color: #FFF;
		text-decoration: none;
		border-bottom: 1px solid #FFF;
	}
	
#spacer {
	font-size:10px;
	color:#FFFFFF;
	margin-left:10px;
	width:125px;
}

#cf-seo {
	width: 750px;
	clear: both;
	height: 83px;
	background: #e7dfcb url(../images/seo-footer.jpg) top center no-repeat;
	text-align: center;
	padding-top: 11px;
	color: #5f2e1a;
	text-transform: uppercase;
}
	#cf-seo p {
		line-height: 20px;
	}
	#cf-seo a {
		color: #7A3E26;
		text-decoration: none;
		font-size: 11px;
	}
	#cf-seo a:hover {
		color: #7A3E26;
		text-decoration: underline;
	}

/* Footer with copyright */
#footer {
	width: 750px;
	height: 5%;
	clear: both;
	color: #af892e;
	margin: 30px auto 0;
	*margin: 0 auto 0;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
	#footer a {
		color: #af892e;
		background: url(../images/footer-arrow.gif) left 3px no-repeat;
		padding-left: 7px;
		text-decoration: none;
	}
#footerSEO {
	width: 750px;
	height: 5%;
	clear: both;
	color: #af892e;
	margin: 0 auto 0;
	*margin: 0 auto 0;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
	#footerSEO a {
		color: #af892e;
		text-decoration: none;
}
	#footerSEO a:hover {
		text-decoration: underline;
}

	#footer a img {
		vertical-align: middle;
	}
	#footer {
		vertical-align: middle;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#privacy {
		margin-left: 50px;
	}
	#terms {
		margin-left: 50px;
	}
	a#confirmed {
		background: none !important;
		margin-left: 30px;
	}
	#adSpace {
    background-color: #ffffff;
    color: #000000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    text-decoration:none;
	}
	#adSpace a {
    background-color: #ffffff;
    color: #000000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    text-decoration:none;
	}