body, html {
	margin: 0px;
	text-align: center;
}
	

/****** LAYOUT *****************************************************************************/

#page-wrap{}

#page{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}


.content{
	text-align: left;
	margin: 30px 30px 30px 30px;
}

.home{
	margin: 0;
	text-align: left;
}



.clear{	clear: both; }


/****** HEADER *****************************************************************************/

#header{
	height: 110px;
	background: url(../images/logo.gif) no-repeat top left;
	overflow: hidden;
}

	#header-top{
		height: 70px;
	}

		#logo{
			height: 70px;
			float: left;
			display: block;
			width: 490px;
		}
		
			#logo a{ width: 490px; height: 70px; font-size: 0; position: absolute; margin: 0; color: #fff;  }
	
		#top-text{
			width: 300px;
			float: right;
			color: #999;
			font-size: 13px;
			padding: 25px 30px 0 0;
			text-align: right;
			overflow: hidden;
		}
		
			#catCartSummary table{ width: 100%; }
			#catCartSummary table td{ text-align: right; font-size: 14px; color: #999; }
			.cartSummaryLink{background: url(../images/cart.gif) no-repeat left; padding: 0 0px 0 23px; margin: 0 0 0 15px;  }
	
	#mainnav-nest {
		background: url(../images/menu_back.gif) repeat-x top left;
		height: 38px;
	}
	
		#mainnav{
			background: url(../images/menu_right.gif) no-repeat top right;
			height: 38px;
		}
		
			#mainnav ul {
				padding: 0;
				margin: 0;
				list-style: none;
				display: inline;
				overflow: hidden;
				float: left;
				border-right: 1px solid #94c355;
				background: url(../images/menu_left.gif) no-repeat left top;
				padding-left: 20px;
				height: 38px;
			}

				#mainnav ul li {
					margin: 0;
					padding: 0;
					list-style: none;
					display: block;
					float: left;
					font-size: 14px;
				}
				
				#mainnav ul a:link, #mainnav ul a:active, #mainnav ul a:visited  {
					display: block;
					float: left;
					text-align: center;
					color: #fff;
					padding: 10px 15px 12px 15px;
					margin: 0;
					text-decoration: none;
					border-left: 1px solid #94c355;
				}
				
				#mainnav ul a:hover {
					color: #fff;	
					background: #70a23a;
				}
				
				#mainnav ul .selected{ 	
					color: #fff;	
					background: #70a23a;
				}


	#mainnav ul.checkout-title{ border: none; }
	#mainnav ul.checkout-title li{ font-weight: bold; font-size: 15px; color: #fff; padding: 10px 0 0 10px; letter-spacing: 1px; }


	.menu-links{
		width: 140px;
		list-style-type:none;
		list-style-image: url();
		margin: 10px 0 20px 20px;
		padding:0px;		
	}
	
		.menu-links li{
			margin:0px;
			padding: 0px 0 15px 0;
			text-align: left;
		}
		
		#menu-nest h2{
			color: #669933;
			text-transform: uppercase;
			padding: 0 0 0 20px;
			font-size: 16px;
			margin: 0;
		}



/****** FOOTER *****************************************************************************/


#footer{ 
}

	#checkout-footer{
		background: url(../images/footer_shade.gif) no-repeat top center;
		padding: 15px 0 0 0;
		}

	#footer-bottom
	{
		height: 50px;
		color: #666;
		padding-top: 5px;
		text-align: center;
	}
	
		#footer a{ color: #999; }

	#footer-banner{
		background: url(../images/learning_centre_banner.gif) no-repeat top left;
		height: 110px;
		padding: 0;
		margin: 0;
	}
	
		.learning-centre-banner{
			float: left;
		}
			.learning-centre-banner p{
				margin: 0;
				padding: 0;
			}
			.learning-centre-banner a{
				display: block;
				height: 50px;
				text-align: left;
				width: 520px;
				padding: 45px 0 0 78px;
			}
		
		.customer-service-banner{
			float: right;
			width: 220px;
			text-align: left;
			margin-top: 28px;
		}
			.customer-service-banner p{	
				font-size: 15px;
				line-height: 17px;
				color: #333;
			}




