@charset "UTF-8";
/* CSS Document */

/*   ---text styles---   */

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #8177b8;
}
.FooterCopy {
	font-size: 10px;
	color: #fff;
}


/*   ---link styles---   */


a:link {
	color: #cb582c;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #666;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #8177b7;
	text-decoration: underline;
	outline: none;
}
a:active {
	color: #cb582c;
	text-decoration: underline;
	outline: none;
}
a.FooterCopy {
	color: #fff;
	text-decoration: none;
	outline: none;
}
a.FooterCopy:visited {
	color: #fff;
	text-decoration: none;
	outline: none;
}
a.FooterCopy:hover {
	color: #fff;
	text-decoration: underline;
	outline: none;
}


/*   ---header and general nav containers---   */


#wrapper {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	background-image: url(../images/graphics/page-shadow.png);
	background-repeat: repeat-y;
}
#header {
	margin-left: 20px;
	width: 760px;
	height: 300px;
	background-color: #fff;
}
#flash {
	display: none;
}
#navBarImage {
	margin-left: 20px;
	width: 760px;
	height: 35px;
	background-color: #fff;
}
#navBar {
	display: none;
}

/*   ---nav bar items containers---   */


#navBarPot {
	display: none;
}
#navBarClasses {
	display: none;
}
#navBarHowTo {
	display: none;
}
#navBarECoupons {
	display: none;
}
#navBarServices {
	display: none;
}
#navBarTimelyTips {
	display: none;
}
#navBarEmployment {
	display: none;
}
#navBarLocations {
	display: none;
}
#navBarContact {
	display: none;
}


/*   ---body and bottom portion containers---   */


#content {
	position: relative;
	margin-left: 20px;
	width: 760px;
	height: 395px;
	background-color: #fff;
}
#copy {
	position: absolute;
	left: 110px;
	top: 30px;
	width: 375px;
	z-index: 3000;
}
#newArrivalsImage {
	position: absolute;
	left: 533px;
	top: 32px;
	width: 194px;
	height: 92px;
	z-index: 4000;
}
#newArrivals {
	display: none;
}
#mailingListImage {
	position: absolute;
	left: 533px;
	top: 136px;
	width: 194px;
	height: 88px;
	z-index: 6000;
}
#mailingList {
	display: none;
}
#giftCardImage {
	position: absolute;
	left: 533px;
	top: 236px;
	width: 194px;
	height: 86px;
	z-index: 8000;
}
#giftCard {
	display: none;
}
#questionsImage {
	position: absolute;
	left: 544px;
	top: 340px;
	width: 172px;
	height: 35px;
	z-index: 10000;
}
#questions {
	display: none;
}
#bottomBanner {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}
#footer {
	margin: 0 auto;
	width: 800px;
	text-align: center;
	padding-bottom: 10px;
}
#specialEvent {
	position: absolute;
	float: left;
	left: 372px;
	top: 200px;
	width: 125px;
	height: 125px;
	z-index: 7;
}
#specialEventBig {
	position: absolute;
	float: left;
	left: 370px;
	top: 210px;
	width: 135px;
	height: 127px;
	z-index: 7;
}
* html #bottomBanner {
	margin-top: -3px;
}


/*   ---nav  bar styles---   */


.navClasses {
	width: 72px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/home/classes.gif);
}
.navClasses:hover {
	background-image: url(../images/nav-bar/home/classes-over.gif);
}
.navHowTo {
	width: 66px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/home/how-to.gif);
}
.navHowTo:hover {
	background-image: url(../images/nav-bar/home/how-to-over.gif);
}
.navECoupons {
	width: 94px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/home/e-coupons.gif);
}
.navECoupons:hover {
	background-image: url(../images/nav-bar/home/e-coupons-over.gif);
}
.navServices {
	width: 76px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/home/services.gif);
}
.navServices:hover {
	background-image: url(../images/nav-bar/home/services-over.gif);
}
.navTimelyTips {
	width: 90px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/home/timely-tips.gif);
}
.navTimelyTips:hover {
	background-image: url(../images/nav-bar/home/timely-tips-over.gif);
}
.navEmployment {
	width: 105px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/home/employment.gif);
}
.navEmployment:hover {
	background-image: url(../images/nav-bar/home/employment-over.gif);
}
.navLocations {
	width: 81px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/home/locations.gif);
}
.navLocations:hover {
	background-image: url(../images/nav-bar/home/locations-over.gif);
}
.navContact {
	width: 76px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/home/contact.gif);
}
.navContact:hover {
	background-image: url(../images/nav-bar/home/contact-over.gif);
}


/*   ---quick links styles---   */


.qlNewArrivals {
	width: 194px;
	height: 92px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/quick-links/new-arrivals.png);
}
.qlNewArrivals:hover {
	background-image: url(../images/quick-links/new-arrivals-over.png);
}
.qlMailingList {
	width: 194px;
	height: 88px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/quick-links/mailing-list.png);
}
.qlMailingList:hover {
	background-image: url(../images/quick-links/mailing-list-over.png);
}
.qlGiftCard {
	width: 194px;
	height: 86px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/quick-links/gift-cards.png);
}
.qlGiftCard:hover {
	background-image: url(../images/quick-links/gift-cards-over.png);
}
.qlQuestions {
	width: 172px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/buttons/questions.gif);
}
.qlQuestions:hover {
	background-image: url(../images/buttons/questions-over.gif);
}
.qlHours {
	width: 172px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/buttons/navlets-hours.gif);
}
.qlHours:hover {
	background-image: url(../images/buttons/navlets-hours-over.gif);
}