body{
background:#335952;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}


a:link {color: #0C2F69; text-decoration:none;}     /* unvisited link */ 
a:visited {color: #0C2F69; text-decoration:none;}  /* visited link */ 
a:hover {color: #E2373E; text-decoration:underline;}   /* mouse over link */ 
a:active {color: #0C2F69; text-decoration:underline;}   /* selected link */

:focus {-moz-outline-style: none;}
.wrap{
width:809px;
background:url(../images/mainbg.gif);
margin:0 auto;
overflow:hidden;
padding:0px;
}
	.header{
	width:809px;
	height:90px;
	background:url(../images/header.jpg);
	position:relative;
	}
		.contactinfo{
		position:absolute;
		top:10px;
		left:567px;
		width:219px;
		height:75px;
		font-size:11px;
		line-height:12px;
		}
	.nav{
	width:809px;
	height:30px;
	background:url(../images/navbg.jpg) no-repeat #009966;
	position:relative;
	}
		.nav a:link{color:white; text-decoration:none;}
		.nav a:visited{color:white; text-decoration:none;}
		.nav a:hover{color:pink; text-decoration:none;}
		.nav a:active{color:white; text-decoration:none;}
		
		#homepage #home{color:yellow;}
		#servicespage #services{color:yellow;}
		#contactpage #contact{color:yellow;}
		#aboutpage #about{color:yellow;}
		#newsletterpage #newsletter{color:yellow;}
		#newitemspage #newitems{color:yellow;}
		#faqpage #faq{color:yellow;}
		#emploginpage #emplogin{color:yellow;}
		
		.nav ul{
		text-align:left;
		font-weight:bold;
		font-size:14px;
		top:7px;
		left:162px;
		position:relative;
		padding:0px;
		margin:0px;
		}
		.nav ul li{
		display:inline;
		margin:0px 5px 0px 5px;}
	.menuwrap{
	width:227px;
	float:left;
	}
		.menutop{
		background:url(../images/menutop.jpg);
		height:107px;
		}
		/*.menu{
		height:410px;
		background:url(../images/menu.gif);
		}*/
			#MenuMap {
			margin:0px;
			padding:0px;
			top:0px;
			width:227px;
			height:480px;
			position:relative;
			background-image:url(../images/menu.gif);     		 /*change*/
			list-style:none;
			text-decoration:none;
			}
				#MenuMap li {
				margin:0px;
				padding:0px;
				position:absolute;
				height:480px;
				}
			
					#MenuMap a {
					display:block;
					height:61px;
					}
					
					#MenuMap a #Housewares {
					display:block;
					height:61px;
					}
						
						#MenuMap a.NavLink {
						/*  Hide the text part of the links by moving it waaaayyy offscreen. */
						text-indent:-3000px;
						}
			
							/*  NavLink dimensioning rules - specify offset from top */
							/*and (constant) width of active area. */
							#Hardware 	{left:0px; 	width:150px; top:0px; height:61px;}
							#Tools 		{left:0px; 	width:115px; top:61px; height:61px;}
							#Paint 		{left:0px; 	width:115px; top:122px; height:61px;}
							#Electrical {left:0px; 	width:155px; top:183px; height:61px;}
							#Plumbing 	{left:0px; 	width:150px; top:244px; height:61px;}
							#Automotive {left:0px; 	width:165px; top:305px; height:61px;}
							#Housewares {left:0px; 	width:170px; top:360px; height:61px;}
							#Lawn		{left:0px; 	width:190px; top:421px; height:61px;}
								
							/*  Menu hover, active, and "current page" rules, using a */
							/*"sprite" imagemap, and background positioning. */
#hardwarepage #Hardware a, #Hardware a:hover 	   {background: transparent url(../images/menu.gif) -227px 0px no-repeat;}
#toolspage #Tools a, #Tools a:hover				   {background: transparent url(../images/menu.gif) -227px -61px no-repeat;}
#paintpage #Paint a, #Paint a:hover 			   {background: transparent url(../images/menu.gif) -227px -122px no-repeat;}
#electricalpage #Electrical a, #Electrical a:hover {background: transparent url(../images/menu.gif)	-227px -183px no-repeat;}
#plumbingpage #Plumbing a, #Plumbing a:hover 	   {background: transparent url(../images/menu.gif) -227px -244px no-repeat;}
#automotivepage #Automotive a, #Automotive a:hover {background: transparent url(../images/menu.gif) -227px -305px no-repeat;}
#housewarespage #Housewares a, #Housewares a:hover {background: transparent url(../images/menu.gif) -227px -360px no-repeat;}
#lawnpage #Lawn a, #Lawn a:hover				   {background: transparent url(../images/menu.gif) -227px -421px no-repeat;}
							
		
		.menubottom{
		height:15px;
		background:url(../images/menubottom.gif) no-repeat;
		}
	.mainwrap{
	width:580px;
	float:left;
	text-align:left;
	}
		.mainwrap a:link{color:#0f326c; text-decoration:underline;}
		.mainwrap a:visited{color:#0f326c; text-decoration:underline;}
		.mainwrap a:hover{color:#0f326c; text-decoration:none;}
		.mainwrap a:active{color:#0f326c; text-decoration:underline;}
		
		.mainheadline{
		margin:20px 0 8px 0;
		}
		.mainheadline h1{
		color:#335952;
		font-weight:bold;
		font-size:18px;
		
		}
		.maincontent{
		width:550px;
		overflow:hidden;
		}
			.defaultmain{ /*this is only used on the default page*/
			width:380px!important;
			width:375px;
			float:left;
			}
			.defaultleftcol{/*this is only used on the default page*/
			width:170px !important;
			width:130px;
			float:left;
			text-align:center;
			}
			.defaultleftcol img{border:none;}

		.bargainwrap{
		width:558px;
		}
			.bargainhead{
			height:84px;
			background:url(../images/bargainsofthemonth.jpg) no-repeat;
			position:relative;
			}
				.bargainheadtext{
				position:absolute;
				top:57px;
				right:10px;
				}
				.bargainheadtext a:link{color:black; font-weight:bold; font-size:16px;}
				.bargainheadtext a:visited{color:black; font-weight:bold; font-size:16px;}
				.bargainheadtext a:hover{color:black; font-weight:bold; font-size:16px;}
				.bargainheadtext a:active{color:black; font-weight:bold; font-size:16px;}
			.bargainbox{
			border:1px black solid;
			width:558px;
			padding-bottom:10px;
			overflow:hidden;
			}
				.bargaindisplay{
				width:160px;
				height:160px;
				margin:10px 0 0 10px;
				float:left;
				text-align:center;
				}
				
				.bargaindisplay img{
				display:block;
				border:1px red solid;
				}
.bottom{
width:809px;
height:12px;
margin:0 auto;
padding:0px;
font-size:0px;
}


div#extracontent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	color:#CC0000;
	padding-left:20px;
	}