body {
	background:#cfd9e7;
	color:#3b5673;
	font:13px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	padding-top:20px;
}
a {
	color:#3b5673;
	outline:none;
}
a:focus{
	background:none;
}

a img {
	border:none;
}

blockquote {
	background: transparent url(../images/quote.gif) no-repeat ;
	padding:32px 0 0 30px;
	margin:0 0 40px 0;
	font-size:16px;
}	

.left {
	float:left
}
.right {
	float:right
}
.center {
	text-align:center;
	margin:0 auto;
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
.block {
	display:block;
}
.important {
	color:red;
	font-weight:bold;
	font-size:14px/22px;
}
.quantity { 				/*** TO GET RID OF QUANTITY BOX UNDER FEATURED PRODS ***/
	display:none;
	visibility:hidden;
}
.caption {
	color:#666;
	font-size:11px;
	font-style:italic;
}
.siteSeal{
	float:right;
	margin-top:130px;
}

#wrapper {				/*** THIS WAS CREATED SOLELY FOR GETTING IE6 to CENTER THE DESIGN ***/
	_margin:0 auto;
	_text-align:center;
}

#header {
	background:url(../img/bg-header.gif) repeat-x bottom;
	width:900px;
	margin:0 auto;
	text-align:center;
	padding-bottom:6px;
}
	#header #nav {
		background:url(../img/bg-nav.gif) no-repeat top;
		height:35px;
		width:900px;
	}
		#header #nav ul {
			float:left;
			height:35px;
		}
			#header #nav ul li {
				background:url(../img/menu-s.gif) no-repeat right;
				padding-right:1px;
				display:block;
				float:left;
				font:bold 14px Arial, Helvetica, sans-serif;
			}
				#header #nav ul li a {
					background:#fff;
					display:block;
					float:left;
					height:35px;
					line-height:35px;
					text-decoration:none;
					color:#3f3c29;
					padding:0 13px;
				}
				#header #nav ul li a:hover {
					text-decoration:underline;
					background:#ebefdc;
				}
				#header #nav ul li a.active {
					background:#ebefdc;
				}
				#header #nav ul li.blue a {
					background:url(../img/bg-home-o.gif) no-repeat left #355c95;
					color:#fff;
					text-decoration:none;
					padding-left:7px;
				}
				#header #nav ul li.white a {
					background:url(../img/bg-home-white.gif) no-repeat left #fff;
					color:#355C95;
					text-decoration:none;
					padding-left:7px;
				}
				#header #nav ul li.white a:hover {
					text-decoration:underline;
				}
				
				/*** Drop Down Menu Styles  - Primarily Found in listmenu_h.css ***/
				
				#header #nav ul li ul li{
					z-index:1000;
					height:30px;
				}
				#header #nav ul li ul li a:hover, a.highlighted:hover{
					text-decoration:none;
					background:#ebefdc;
					height:30px;
				}
				#header #nav ul li ul li a.highlighted{
					background:#ebefdc;
					height:30px;
				}
				
		#header #nav .basket {
			float:left;
			padding-left:4px;	
			height:35px;
			color:#692846;
			font:bold 13px/36px Arial, Helvetica, sans-serif;
		}
			#header #nav .basket img {
				display:block;
				float:left;
				margin:11px 6px 0 0;
			}
			#header #nav .basket a {
				color:#692846;
				text-decoration:none;
			}
			#header #nav .basket a:hover {
				text-decoration:underline;
			}
	#header #tab {
		width:900px;
		height:207px;
	}
		#header #tab h1 {
			padding-top:33px;
			padding-left:33px;
		}
			#header #tab h1 a,
			#header #tab h2 {
				font-size:0em;
				line-height:0em;
				text-indent:-100000px;
			}
			#header #tab h1 img {
				display:block;
			}
	#header #tab.home {
		background:url(../img/bg-home-header.jpg) no-repeat;
	}
	
		#header #tab form {
			float:right;
			padding-top:20px;
			padding-right:20px;
		}
			#header #tab form div {
				background: url(../img/bg-search-input.gif) no-repeat;
				width:185px;
				height:32px;
				padding-left:15px;				
			}
				#header #tab form input.txt {
					border:0;
					background:none;
					font:10px Verdana, Arial, Helvetica, sans-serif;
					display:block;
					color:#a3a192;
					width:148px;
					_height:50px;
					float:left;
					padding-top:10px;
					outline:none;
					_position:relative;
				}
				#header #tab form input.img {
					display:block;
					float:right;
					background:none;
					border:0;
					cursor:pointer;
					height:32px;
					width:32px;
					outline:none;
				}
	
#content {
	background:#fff;
	padding-bottom:21px;
	width:900px;
	margin:0 auto;
	text-align:left;	
}
	#content .titleHome {
		height:106px;
		text-align:center;
		padding:0;
		margin:0 0 -15px 0;
		*margin:0;
	}
		#content .titleHome h2 {
			font-size:30px;
			font-weight:bold;
			color:#586456;
			margin:5px 0;
		}
		#content .titleHome p {
			font-size:20px;
			color:#355c95;
			margin:0;
			font-style:italic;
		}
		
	#page {
		padding-left:24px;
		width:618px;
		_width:628px;
		float:left;
	}
		#page h3 {
			font-size:22px;
			color:#2A2F29;
			text-transform:uppercase;
			margin:10px 0 20px 0;
		}
		#page h4 {
			font-size:16px;
			color:#474e46;
			text-transform:uppercase;
		}
		#page p {
			padding-bottom:12px;
		}
		
		#page .ads {
			padding-top:20px;
			padding-bottom:30px;
			_width:615px;
		}
			#page .ads h5 a {
				font-size:0em;
				text-indent:-1000000px;
				line-height:0em;
				display:block;
			}
				#page .ads h5 a img {
					display:block;
				}

		#page .featured {
			background:url(../img/featured-c.gif) repeat-y top center;
			width:609px;
			*width:608px;
			_width:598px;
		}
			#page .featured .bg {
				padding-left:10px;
				*padding-left:12px;
				padding-right:5px;
			}
			#page .featured .dash {
				background:url(../img/dash.gif) repeat-x bottom;
				height:1px;
				width:100%;
				margin-bottom:20px;
			}
				#page .featured .product {
					float:left;
					width:277px;
					margin-right:20px;
					_margin-right:12px;
					height:235px;
					padding:10px 0px 10px 0;
					border-bottom:1px dashed #B0BCB7;
				}
					#page .featured .product .left {
						width:112px;
						padding-top:5px;
					}
					#page .featured .product .right a{
						text-decoration:none;
					}
						#page .featured .product .left img {
							display:block;
						}
					#page .featured .product .right {
						width:157px;
					}
					#page .featured .product .right a{
						text-decoration:none;
					}
				
				#page .featured .product h4 {
					font-size:16px;
					font-weight:bold;
					color:#3b5673;
					line-height:19px;
					padding-bottom:5px;
				}
				#page .featured .product p {
					color:#586456;
					font-size:13px;
					padding-bottom:4px;
				}
				#page .featured .product a.button img {
					display:block;
				}
				#page .featured .product .price {
					font-size:22px;
					color:#424e40;
					padding-bottom:5px;
				}
				#page #categories {
					width:580px;
					margin:0 0 0 40px;
				}
				#page .redButton{
					border:0;
					background-image:url(../img/online-course-button.jpg);
					width:390px;
					height:75px;
					margin:10px 0;
					cursor:pointer;
				}

	#sidebar {
		float:right;
		padding-right:24px;
		width:216px;
		*margin-top:15px;
	}
		#sidebar h3 {
			padding-bottom:9px;	
		}
			#sidebar h3 a {
				font-size:0em;
				line-height:0em;
				text-indent:-1000000px;
			}
			#sidebar h3 img {
				display:block;
			}	
		#sidebar h4 {
			background:url(../img/sidebar-title.gif);
			width:216px;
			height:36px;
			line-height:36px;
			text-align:center;
			font-size:17px;
			font-weight:normal;
			color:#fff;
			text-transform:uppercase;
			margin-bottom:14px;
		}
		#sidebar h4 a{
			text-decoration:none;
			color:white;
		}
		#sidebar .testimonial {
			background: transparent url(../images/quote.gif) no-repeat ;
			padding-top:10px;
			padding-bottom:18px;
			padding-left:10px;
			padding-right:5px;
		}
			#sidebar .testimonial p {
				padding-bottom:2px;
			}
				#sidebar .testimonial p a {
					text-decoration:underline;
				}
				#sidebar .testimonial p a:hover {
					text-decoration:underline;
				}
			#sidebar .testimonial small {
				display:block;
				font-size:12px;
				color:#789743;
				padding-top:4px;
				clear:right;
			}
			#sidebar .testimonial small a{
				color:#789743;
				text-decoration:underline;
			}
			#sidebar .testimonial small a:hover{
				color:#789743;
				text-decoration:none;
			}			
	#sidebar #login {
		background:#c5cac4;
		margin-bottom:20px;
		*margin-top:10px;
		_position:relative;			/*** This fixes IE6 no Background color issue ***/
	}
		#sidebar #login .padding {
			width:185px;
			padding:0 16px 0 15px;
		}
		#sidebar #login h5 {
			color:#384231;
			font-size:17px;
			text-transform:uppercase;
			margin:0 0 5px 0;
		}
		#sidebar #login label {
			display:block;
			color:#384231;
			padding-bottom:3px;
		}
		#sidebar #login .padding div {
			background:url(../img/bg-input.gif) no-repeat;
			height:24px;
			padding-top:4px;
			padding-left:5px;
			padding-right:5px;
			margin-bottom:0px;
		}
			#sidebar #login .padding div input {
				border:0;
				background:none;
				width:100%;
				font:13px 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
			}
		#sidebar #login input.img {
			display:block;
			margin-top:10px;
		}
		
		#sidebar #login .recoverPW {
			float:right;
			font-size:11px;
			padding:5px 10px 0 0;
			_padding:5px 0px 0 0;
			z-index:100;
		}
		
		/*** This sidebar only appears on individual product pages ***/
		#sidebar #productSidebar {
			background:#c5cac4;
			*margin-top:10px;
			_position:relative;			/*** This fixes IE6 no Background color issue ***/
		}
		#sidebar #productSidebar h5 {
			color:#384231;
			font-size:15px;
			text-transform:uppercase;
			margin:0 0 0px 0;
			padding:0 0 0 12px;
		}	
		#sidebar #productSidebar a{
			color:#384231;
			font-size:12px;
		}
		#sidebar #productSidebar a:hover{
			text-decoration:none;
		}
		#sidebar #productSidebar ul {
			margin-left:-10px;
			*margin-left:25px;
		}
		#sidebar #productSidebar ul li{
			padding:0 0 3px 0;
		}
		
		/*** This sidebar only appears on category pages ***/
		#sidebar #categories {
			background:#c5cac4;
			margin:20px 0;
			_position:relative;			/*** This fixes IE6 no Background color issue ***/
		}
		#sidebar #categories h5 {
			color:#384231;
			font-size:15px;
			text-transform:uppercase;
			margin:0 0 5px 0;
			padding:0 0 0 12px;
		}	
		#sidebar #categories a{
			color:#384231;
			font-size:14px;
		}
		#sidebar #categories a:hover{
			text-decoration:none;
		}
		#sidebar #categories ul li{
			padding-bottom:5px;
		}

#footer {
	color:#355c95;
	width:900px;
	margin:0 auto;
	text-align:left;
}	
	#footer img.img {
		display:block;
		padding-bottom:14px;
	}
	#footer h6 {
		color:#355c95;
		font-size:13px;
		padding-bottom:3px;
		padding-left:28px;
		margin-top:-5px;
		_margin-top:10px;
	}
		#footer h6 strong {
			display:block;
			font-size:15px;
		}
	#footer ul {
		color:#3b5673;
		font-size:13px;
		padding-left:28px;
		*padding-left:0px;
		margin-top:-20px;
		*margin:-10px 0 0 29px;
	}
		#footer ul li {
			display:inline;
			
		}
			#footer ul li a {
				text-decoration:underline;
				color:#3b5673;
			}
			#footer ul li a:hover {
				text-decoration:none;
			}
			
	#footer .copyright {
		margin-left:28px;
	}
	
	#footer .copyright a{
		color: #818E9F;
		font-size:12px;
	}
	
	#footer .copyright a:hover {
		text-decoration:none;
	}
			
/*** Mootools Slider Styles ***/

#CenterMoo {
	margin:0 auto;
	text-align:center;
	width:900px;
	height:111px;
	background:url(../img/bg-slide.gif) repeat-x bottom;
	padding:10px 0 0 0;
}

#SlideItMoo_outer {  
	margin:0 auto; 
	display:block; 
	position:relative;
	padding:0 10px;
	_padding:0;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:11px; 
	height:111px; 
	bottom:0px; 
	right:10px; 
	background:url(../img/arrow-r.gif) no-repeat center right;
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:10px; 
	background:url(../img/arrow-l.gif) no-repeat center right;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	margin:0px auto;
	padding:0px 0px 10px 0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
	width:170px;
	_width:160px;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 15px 0px; 
	_margin:0 5px 0;
	font-size:11px; 
	width:150px; 
	text-align:center; 
	color:#FFFFFF;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block;padding:2px; }
#SlideItMoo_items a img{ border:none; }


/*** NEW ICON ***/

.newIcon{
	float:right;
	margin:10px 20px 0 10px;
}




/*** MY Old Styles

#SlideItMoo_outer {  
	width:900px; 
	_width:950px; 
	background:url(../img/bg-slide.gif) repeat-x bottom;
	display:block; 
	float:left;
	padding:10px 35px 0px 35px;
	_padding:20px 70px 0px 50px;
}

#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	cursor:pointer; 
	width:14px; 
	height:79px; 
	bottom:0px; 
	display:inline; 
	margin-top:-50px;
	_margin-left:-12px;
}
#SlideItMoo_outer .SlideItMoo_forward{ 
	background:url(../img/arrow-r.gif) no-repeat top right;
	float:right; 
	left:5px;
	right:-20px;
	_margin-right:-120px;
}


#SlideItMoo_outer .SlideItMoo_back { 
	background:url(../img/arrow-l.gif) no-repeat top left;
	float:left; 
	right:5px;
}

#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:890px ; 
	margin:0 auto;
}
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	width:156px; 
	_width:126px; 
	margin-bottom:-10px;
	_margin-left:8px;
}
#SlideItMoo_items a img{ border:none; }

***/