/* CSS Document */
html body {
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	background-color: #E0E0E0;
}


#wrapper {
	width:810px;
	background: url(images/smartBackgroundFade.png) repeat-y;
	margin:0 auto;
	padding: 20px 70px 20px 70px;
}

#header {
	height: 264px;
	text-align:center;
	background:url(images/headerBack.png) no-repeat;
	overflow:hidden;	
}

#nav {
	width: 810px;
	height:30px;
	background:url(images/nav1Pixel.jpg) repeat-x;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	
}

#nav li {
	text-decoration:none;
	float:left;
	border:none;
		
}

#nav a {
	font-size:14px;
	text-decoration:none;
	border: 0px;	
	padding:5px 32px;
	display:block;
	color: #FFF;
}

#nav a:hover {
	color: #A5BADE;
	text-decoration:none;
}

#mainImage {
	background: url(images/main_image.jpg);
	width: 860px;
	height: 306px;
}

#mainBody {
	width: 810px;
	margin-top:10px;
	
}

#schoolShop {
	width: 380px;
	height: 51px;
	padding: 235px 10px 0px 10px;
	float: left;
	margin: 0px 10px 0px 0px;
	background: url(images/schoolShop.jpg);
}

#directToSchools {
	width: 380px;
	height: 51px;
	padding: 235px 10px 0px 10px;
	float: left;
	background: url(images/directToSchools.jpg);
}

#embroideryShop {
	width: 380px;
	height: 51px;
	margin-top: 10px;
	padding: 235px 10px 0px 10px;
	float: left;
	background: url(images/embroideryShop.jpg);
}

#miniBoxes {
	width: 400px;
	height: 286px;
	margin: 10px 10px 0px 0px;
	float: left;
}

#newProducts {
	width: 195px;
	height: 139px;	
	float: left;
}

#specialOffers {
	width: 195px;
	height: 139px;		
	float:right;
}


#washTips {
	width: 195px;
	height: 139px;		
	float: left;
	margin-top:10px;
	
}

#customerSurveys {
	width: 195px;
	height: 139px;		
	float: right;
	margin-top:10px;
	background: url(images/customerSurveys.jpg);
}

#featProd1 {
	width: 263px;
	height: 183px;		
	float: left;
	margin-top:10px;
	margin-right:10px;
}

#featProd2 {
	width: 263px;
	height: 183px;		
	float: left;
	margin-top:10px;
	margin-right:10px;
	
}

#featProd3 {
	width: 263px;
	height: 183px;		
	float: left;
	margin-top:10px;
	
}

#footer {
	width: 810px;
	height:35px;
	margin-top: 10px;
	background: url(images/footer.jpg) no-repeat;
}

#footerTxtLeft {
	font:10px Arial, Helvetica, sans-serif;
	color: #FFF;
	width: 810px;
	float: left;
	text-align:center;
	margin-top:5px;
}


#footerTxtLeft a{
	text-decoration: none;
	color:#FFF;	
}

.productImage {
	width:270px; 
	float:left;
}

.productDes {
	width:530px; 
	float:left; 
	margin-left:10px;
}

.whiteBody12 {
	font:12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 15px;
}

.greyBody12 {
	font:12px Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	line-height: 15px;
}

.redBody12 {
	font:12px Arial, Helvetica, sans-serif;
	color: #CF2323;
	line-height: 15px;
	border-bottom:1px solid #1D1E53;
}

.redBody12 a {
	color: #CF2323;
	text-decoration: none;	
}
	

.whiteBody10 {
	font:10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
}

.redHeader25 {
	font:Bold 25px Arial, Helvetica, sans-serif;
	color: #CF2323;
	
}

.blueHeader18 {
	font:18px Arial, Helvetica, sans-serif;
	color: #1D1E53;
}

.redHeader18 {
	font:18px Arial, Helvetica, sans-serif;
	color: #CF2323;
}

.blueHeader14 {
	font:14px Arial, Helvetica, sans-serif;
	color: #1D1E53;
}



