#containerbox {

	

	text-align: left;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: auto;

	width: 740px;

	margin-right : auto;

	background: #7999be ;

	

}



BODY {

	text-align: center;

	font-size : smaller;

	font-family : Arial, Helvetica, sans-serif;

	background: black;

	margin: 0;

	padding: 0;

	}

	

#top {

	

	width: 740px;

	height: 100px;

	text-align: center;

	background-color: transparent;

}





/* use on store pages */

#topright {

	width: 180px;

	height: 100 px;

	background-color: white;

	font-family : Arial, Helvetica, sans-serif;

	font-size : smaller;

	color: black;

}





/* top  links */



#topnav {

	width:740px;

	height: 20px;

	z-index: 20;

	text-align: right;

	background-color: #003366;

	color: white;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 8pt;

	padding-top: 2px;

	padding-right: 2px;

	}

	

#topnav A {

	color: white;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 8pt;

	text-decoration: underline;

}



#topnav A:hover {

	color: #c7d6e7;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 8pt;

	text-decoration: underline;

}





	



/* side category links */



#left {

	float: left;

	width:130px;

	height: 850px;

	z-index: 20;

	text-align: left;

	background-color: white;

	color: #003366;

	text-decoration: none;

	font-family : Arial, Helvetica, sans-serif;

	font-size: 11px;

	border-right-style: solid;

	border-right-width: 1pt;

	border-right-color: #003366;

	padding-left: 6px;

}





#left A {

text-decoration: none;

color: #003366;

}



#left A:hover {

color: navy;

font-weight: bold;

text-decoration: none;

}





/* this is the middle section for the front page and others at this directory level */

/* This is used for placement for featured stores for the main page 

-- which will only include four to six logos of stores.*/

/*

But this layout is also for  "featured stores" which accummulates 

certain stores logos based on what the user clicks from the left side links 

But it needs to go to the top of main */



#main {

	

	float: left;

	width:490px;

	height:850px;

	text-align: center;

	background-color: white;

	color: #003366;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12px;

	text-decoration: none;

	padding : 12px;	

}



		

#main A {

	color: black;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 8pt;

	font-weight: bold;

	text-decoration: underline;

}



#main A:hover {

	color: navy;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 8pt;

	font-weight: bold;



}



.text {

	color: black;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 8pt;

	text-align: left;

}



.etext {

	color: #003366;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10pt;

	text-align: left;

}



.head {

	color: #660033;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11pt;

	font-weight: bold;

	}

	

	.ehead {

	color: #660033;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12pt;

	font-weight: bold;

	}

	

.subhead {

	color: #003366;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10pt;

	font-weight: bold;

	}





/*  box on right */



#right {

	

	float: left;

	width:120px;

	height:850px;

	text-align: center;

	background-color: white;

	border-left-style: solid;

	border-left-width: 1pt;

	border-left-color: #003366;

	color: #993333;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	text-decoration: none;

}	



.cart {

	width:100px;

	height:70px;

	text-align: center;

	background-color: #e4e9e9;

	color: black;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	text-decoration: none;

	padding-top: 6px;

	}

	

.signup {

	width:100px;

	height:70px;

	text-align: center;

	background-color: #c7d6e7;

	color: navy;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12px;

	text-decoration: none;

	padding-top: 6px;

	}

	

	

.signup A {

	color: navy;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12px;

	text-decoration: underline;

	padding-top: 6px;

	}

	

/* featured box on right */

	

.featured {

	width:100px;

	height:240px;

	text-align: center;

	background-color: #cccc99;

	border-color: #cc9900;

	border-style: double;

	border-width: 1px;

	color: black;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	text-decoration: none;

	padding-top: 3px;

	

}



.featuredx {

	width:100px;

	height:240px;

	text-align: center;

	background-color: #f2ebb3;

	border-color: #cc9900;

	border-style: double;

	border-width: 1px;

	color: #003300;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	text-decoration: none;

	padding-top: 3px;

	

}







/* bottom nav - links that go on bottom after last item -must be on each page */

	



#bottomnav {

	position: relative;

	left: 0px;

	width: 740px;

	height: 40px;

	text-align: center;

	background-color: #cccc99;

	color: black;

	font-family : Arial, Helvetica, sans-serif;

	font-size : xx-small;

	padding-right: 5px;

	padding-top: 3px;

	z-index: 30;

	border-top: double;

	border-top-width: 3px;

	border-top-color: black;

}

	



#bottomnav A {

color: black;

	font-family : Arial, Helvetica, sans-serif;

	font-size : xx-small;

	text-decoration: underline;

}