/*************
	HTML/BODY
**************/
html { height: 100% }
.body { background: #e0dad3 url(images/background.gif); font-family: Myriad Pro, GillSans, Arial; font-size: 12px; margin: 0; padding: 0; }

/**********
	LAYOUT
***********/
#header-wrap { background: url(images/header_bg.gif) repeat-x; height: 175px; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; position: relative; z-index: 10; behavior: url(PIE.htc); }
	#header { width: 980px; margin: 0 auto; }
		#logo, #logo-h1, #logo-h1 a { width: 165px; height: 160px; }
		#logo { padding: 5px 0; }
			#logo-h1 { background: url(images/logo.png) no-repeat; margin: 0; padding: 0; } 
				#logo-h1 a { display: block; }
	#nav-wrap { width: 739px; }
		#header-top { 
			background: #fff;
			border: 2px solid #e0dad3;
			border-top: none;
			overflow: hidden;
			-moz-border-radius-bottomleft: 10px;
			-moz-border-radius-bottomright: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			border-radius: 0 0 10px 10px;
			padding: 10px 0;
			width: 535px;
			float: right;
			behavior: url(PIE.htc); 
			}
			#header-top-list { list-style: none; padding: 0; margin: 0; display: block; overflow: hidden; }
				#header-top-list li { background: url(images/after.gif) no-repeat right center; float: left; padding: 0 20px 0 10px; display: block;  }
					#login { background: #c3c0bf; display: block; padding: 10px; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);  }
						#login:hover { background: #181642; }
						a#login { color: #fff; text-decoration: none; font-size: 1.5em; }
					a#cart { font-size: 1.5em; color: #b4b4b4; padding-top: 10px; display: block; padding: 10px; }
					#header-top-list li#social { background: url(images/social.jpg) no-repeat; width: 170px; height: 42px; margin-left: 20px; padding-right: 10px; }
						#header-top-list li#social:hover { background-position: 0 -42px; }
						#facebook { width: 172px; height: 42px; display: block; }
		#nav {width:739px; height:51px; background:url(images/nav.jpg) no-repeat; position:relative; margin: 121px 0 0 0;}
				#nav li {margin-top: 0px; margin-bottom: 0px; margin-right: 0px; padding: 0px; list-style: none; float:left; display: block;}
				#nav li, #nav a {height:51px; display: block; }
				#nav span {display:none; }
				#nav li a {display:block; height:51px;}
				#nav ul{padding:0; margin:0;}
			
				#nav li a{display:block;height:51px; cursor:pointer;}
		
					#nav-1 {width:106px;}
					#nav-2 {width:149px;}
					#nav-3 {width:132px;}
					#nav-4 {width:191px;}
					#nav-5 {width:161px;}
 					
					#nav-1 a#link1:hover, #nav-1 a.current, #nav-1:hover, #nav-1 li:hover {background: url(images/nav.jpg) no-repeat 0 -51px;}
					#nav-2 a#link2:hover, #nav-2 a.current, #nav-2:hover, #nav-2 li:hover {background: url(images/nav.jpg) no-repeat -106px -51px;}
					#nav-3 a#link3:hover, #nav-3 a.current, #nav-3:hover, #nav-3 li:hover {background: url(images/nav.jpg) no-repeat -255px -51px;}
					#nav-4 a#link4:hover, #nav-4 a.current, #nav-4:hover, #nav-4 li:hover {background: url(images/nav.jpg) no-repeat -387px -51px;}
					#nav-5 a#link5:hover, #nav-5 a.current, #nav-5:hover, #nav-5 li:hover {background: url(images/nav.jpg) no-repeat -578px -51px;}
#container { width: 980px; margin: 0 auto; position: relative; }
	#main-body { 
		background: #f2efed;
		margin: 0 auto;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-radius: 0 0 10px 10px;
		-moz-box-shadow: 0 0 3px #555;
		-webkit-box-shadow: 0 0 3px #555;
		box-shadow: 0 0 3px #555;
		padding: 10px;
		overflow: hidden;
		behavior: url(PIE.htc);
		}
		#main-body.subpage  { font-size: 1.2em; line-height: 1.7em; }
		#slideshow { width: 960px; height: 300px; border: 2px solid #c3c0bf; overflow: hidden; }
			#slideshow a { width: 960px; height: 300px; display: block; }
		#shop-by-school { width: 100%; overflow: hidden; }
			#shop-h2 { background: url(images/shop_by_school.gif) no-repeat; width: 959px; height: 43px; margin: 20px 0 0 0; padding: 0;}
			#school-list { list-style: none; margin: 0; padding: 0; }
				#school-list li { float: left; width: 232px; margin: 10px 10px 0 0; }
				#school-list li.fourth { margin-right: 0; }
					.product-wrap { background: #fff; width: 212px; border: 1px solid #c3c0bf; min-height: 289px; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc); }
					.product-img { width: 210px; height: 210px; border: 2px solid #c3c0bf; margin: 0 auto; }
						.product-img:hover { border: 2px solid #181642; }
						.product-img a { width: 210px; height: 210px; display: block; }
					.product-title { width: 100%; text-align: center; color: #494949; padding: 5px 0; }
						.product-title h3 { margin: 0; font-size: 1.3em; }
						.product-title h3 a { font-size: 1em; color: #494949; }
							.product-title h3 a:hover { color: #181642; text-decoration: none; }
					.product-btn { width: 100%; }
						a.btn { background: #c3c0bf; padding: 10px 5px; display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; font-size: 1.3em; behavior: url(PIE.htc);  }
							a.btn:hover { background: #181642; text-decoration: none; }
							.product-btn .btnHover { background: #181642; text-decoration: none; }
						.btnHover { background: #181642; }
						.product-btn a.btn { color: #fff; text-shadow: 0px 0px 5px #444; letter-spacing: .05em; behavior: url(PIE.htc);  }
			.product-box { margin: 0 8px 10px 0; }
				.product-box .product-title a { font-size: 1.3em; color: #494949; }
	#footer { width: 980px; margin: 21px auto 0; overflow: hidden; padding-bottom: 10px;  }
		#footer-nav { background: url(images/footer_nav.jpg) no-repeat; width: 980px; height: 61px; padding-top: 40px;}
			#footer-nav-list { list-style: none; margin: 0; padding: 0; }
				#footer-nav-list li { float: left; font-size: 1.4em; margin: 0 0 0 50px; }
		#footer-copy { color: #aba49d; padding: 10px 0; line-height: 1.5em; }
			#footer-copy .right { text-align: right; }

/*********
	LINKS
**********/
a, a:visited, a:active { color: #A21D27; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

#footer a, #footer a:visited, #footer a:active { color: #000; text-decoration: none; }
#footer a:hover { color: #A21D27; text-decoration: underline; }

#footer-copy a, #footer-copy a:active, #footer-copy a:visited { color: #aba49d; }
#footer-copy a:hover { color: #A21D27; text-decoration: underline; }

/*********
	LISTS
**********/
ol { list-style: decimal; }
ul { list-style: circle; }
li { margin: 0; padding: 0; }

/************
	HEADINGS
*************/
h1, h2, h3, h4, h5, h6 { color: #A21D27; margin-top: 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

#main-body.subpage h1 { font-size: 1.7em; }
#main-body.subpage h2 { font-size: 1.4em; }

#main-body h1 { margin: 10px 0 20px 0; }

/********
	MISC
*********/
p { margin-top: 0; }
img { border: none; }

/******************
	GLOBAL CLASSES
*******************/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.none { display: none; }
.red { color: #a21d27; }

/****************
	MEMBERS AREA
*****************/
#member-login-container { /*background: url(images/members_bg.gif) no-repeat center center;*/ overflow: hidden; padding: 0; }
	#member-login-errors { }
	#member-login-existing { width: 436px; }
	#member-login-signup { width: 425px; }
	.member-login-header { margin: 0 0 10px 0; color: #181642; font-size: 1.3em; }
	
#home { color: #fff; width: 719px; margin: 50px auto 0 auto; text-align: justify; }
#home a { color: #fff; }

button { 
	background-color:#A21D27;
	border:1px solid #80171f;
	color:#fff;
	font-family:verdana;
	font-size:14px;
	padding:5px 19px;
	cursor:pointer;
	}
	
button:hover {background:#80171f; font-size:14px;}

.btnCart {
	background-color:#A21D27;
	border:1px solid #80171f;
	color:#fff;
	font-family:verdana;
	font-size:14px;
	padding:5px 19px;
	cursor:pointer;
}
.btnCart a{color:#fff; font-size:14px;}

.btnCart:hover {background:#80171f; font-size:14px;}

.form {border:2px solid #c45c64; padding:5px; font-family:Myriad Pro,GillSans,Arial; font-size:1.0em;}
