/*Reassuringly Kalamazoo Style Sheet - Last Updated by Simon Del Giudice on 30-10-08
******************************************************************/

/*Global Styles*
******************************************************************/

*, span, form { 
	margin: 0;
	padding: 0;
	}

body {
	margin: 0 auto 0 auto;
	font-family: arial, san-serif, Verdana;
	font-size: 12px;
	text-align: center;
	background: white url(../images/background.jpg) repeat-x;
	}
p {
	font-family: arial, san-serif, Verdana;
	font-size: 12px;
	text-align: left;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}	

h1 {
	font-family: arial, san-serif, Verdana;
	font-size: 16px;
	color: #4c2177;
	padding: 0;
	margin: 0 0 5px 0;
}

h2 {
	font-family: arial, san-serif, Verdana;
	font-size: 14px;
	color: #99007b;
	padding: 0;
	margin: 0 0 5px 0;
}


h6, .redtext {
	font-family: arial, san-serif, Verdana;
	font-size: 12px;
	text-align: left;
	color: red;
	margin: 0 !important;
	padding: 0 !important;
}


a {
text-decoration: none;
color: #4c2177;
}


img {
	text-decoration: none;
	margin: 0;
	}
img a{
	text-decoration: none;
	margin: 0;
	}	
	
table {
	margin: 0;
	padding: 0;
}

td {
	margin: 0;
	padding: 0;
}
tr {
	margin: 0;
	padding: 0;
}
th {
	margin: 0;
	padding: 0;	
}		



ul {
	padding: 0;
	margin: 0;
}

li {
	color: black;
	padding: 0;
	margin: 0;
}

input {
	margin: 0;
	padding: 0;
	/*border: 0;*/
}

select {
	margin: 0;
	padding: 0;
}
 
button {
	margin: 0;
	padding: 0;
}
	
/*Layout Styles*
******************************************************************/	

#container {
	margin: 0 auto 0 auto;
	width: 800px;
/*	min-height: 800px;*/
	background: white;
}

#header {
	margin: 0 auto 0 auto;
	width: 760px;
	height: 75px;
	color: #939598;
	font-size: 11px;

}
	#headerleft {
		float: left;
		text-align: left;
		height: 55px;
		padding: 14px 0 0 0;
		width: 190px;
}
	#headerleft a {
		text-decoration: none;
		}
	#headerleft a:hover, #headerleft a.active{
		text-decoration: none;
		}
	
	#headerleft img {
		padding: 0;
		margin: 0;
		border: 0
	}	
	#headerright {
		height: 25px;
		text-align: right;
		padding: 0;
		margin: 10px 0 0px 0 !important;
		/*background: white;*/
	}
	
	#headerright input {
		padding: 0;
		margin: 0;
		height: 20px;
	}	
	#headerright textarea {
		padding: 0;
		margin: 0;
	}		
	
	#headerright a, .hMenu a {
		color: #939598;
		padding: 2px 0 2px 1px;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		}
	#headerright a:hover, #headerright a.active{
		background: #939598;
		padding: 2px 0 2px 1px;
		color: white;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		}

#template_pnlHeaderNav {
	padding: 0px;
	margin: 0px;
}
#template_pnlHeaderNav img {
	padding: 0px;
	margin: 0px;
}

#navtrail
{
	color: #666;
	font-size: 11px;	
	margin: 10px 0 10px 0;
	padding: 0;
}

	#navtrail img
	{
		margin: 0;
		padding: 0;
	}

 #navtrail span 
{
	color: #666;
	font-size: 11px;	
	margin: 10px 0 10px 0;
	padding: 0;
}
	
	#navtrail  a {
		color: #4c2177 !important;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		}
	#navtrail a:hover, #navtrail a.active{
		/*background: #94BDEF;*/
		color: #99007B !important;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		}
	#navtrail a:visited {
		color: #4c2177 !important;
	}		

.subnavcell01, .vMenu 
{
		width: 170px;
		margin: 0;
		padding: 0 10px 0 0;
		background: #d7e3f3;
		color: #5A94E6;
		text-align: right;
		font-size: 10px;
		font-weight: bold;
		height: 28px;
		border-bottom: 1px solid white;	
}
.subnavcell_blank {
		margin: 0;
		min-height: 258px;
		border-bottom: 1px solid white;	
		background: #d7e3f3;
}

	
#flashbanner {
	margin: 0 auto 0 auto;
	width: 760px;
	border-top: 5px #939598 solid;
}


#main02 {
	margin: 10px 20px 10px 20px;
	background: url(../images/main_back.gif) repeat-y;
	min-height: 258px;
}


#footer {
	clear: both;
	padding: 10px;
	font-size: 75%;
	height: 15px;
	background: #4c2177;
	color: white;
	margin: 0 20px 0 20px;
}

	#footer a  {
		color: white;
		text-decoration: none;
		font-size: 10px;
		font-weight: bold;
		}
	#footer a:hover, #footer a.active  {
		color: white;
		}	

#footerright {
	float: right;
	text-align: right;
	vertical-align: middle;
}

#footerright img {
	border: 0;
}  

#footerleft {
	float: left;
	text-align: left;
}


/*Search Styles*
******************************************************************/


.SearchLink span
{
		display: block;
		line-height: 20px;
		text-decoration: none;
		text-align: left;
		padding: 2px 5px;
		background-color: #99007b;
		border: 1px solid #99007b;
		margin: 0 0 10px 0; 
		color: white;
	}

	a.SearchLink:link {
		display: block;
		line-height: 20px;
		text-decoration: none;
		text-align: left;
		padding: 0;
		background-color: white;
		border: none;
		margin: 0; 
		color:#99007b;
	   }
	
	a.SearchLink:hover, a.SearchLink:active, a.SearchLink:visited {
		display: block;
		line-height: 20px;
		text-decoration: none;
		text-align: left;
		padding: 0;
		background-color: white;
		border: none;
		margin: 0; 
		color:#99007b;
	   }


#advert {
	padding: 0;
	margin: 0;
	background: white;	
	height: 79px;
}

#shop_advert {
	clear: both;
	height: 79px;
	margin: 0 0 10px 0;
}


/*Homepage Styles*
******************************************************************/	

#main {
	margin: 10px 20px 0 20px;
}
	#leftmain {
		float: left;
		text-align: left;
		width: 340px;	
		background: white;
		margin: 10px 0 0 0;
	}
		#welcome { /*NEED TO INCREACSE HEIGHT*/
			float: left;
			text-align: left;
			margin: 0 0 10px 0;
			padding: 10px;
			width: 320px;
			min-height: 366px;	
			background: #f5f5f5 url(../images/welcome_back.jpg) bottom left no-repeat;
		}
		#welcome a{ 
			color: #99007B;
		}			
	
	#rightmain {
		float: right;
		text-align: left;
		margin: 10px 0 0 10px;
		width: 410px;
		background: white;
		min-height: 258px;
	}
	
	#rightmain a {
		color: white;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		padding: 0;
		margin: 0;
		}
	#rightmain a:hover,  #rightmain a.active {
		color: white;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		padding: 0;
		margin: 0;		
		}	
	#rightmain p {
		padding: 0;
		margin: 0;
		color:White;
		}
	#rightmain h2 {
		padding: 0;
		margin: 0;
		color: white;
		font-size: 14px;
		}		
	
	#rightmain02 {
		float: left;
		text-align: left;
		margin: 0 0 0 10px;
		width: 580px;
		background: white;
		min-height: 396px;
	}
	#rightmain02 h2 {
		color: black/*#939598*/;
	}
	#rightmain02 h2 a:link  { margin: 10px 0 0 0; font-size: 12px; font-weight: bold; color: #99007B; text-decoration: none;}
	#rightmain02 h2 a:hover { font-size: 12px; font-weight: bold; color: #99007B; text-decoration: underline;}
	#rightmain02 h2 a:visited { font-size: 12px; font-weight: bold; color: #99007B; text-decoration: none;}
			
	#rightmain02 img {
		padding: 0;
		/*padding: 10px 0 0 10px;*/
	}					
	#rightmain02 a:link  { font-weight: bold; color: #99007B; text-decoration: none;}
	#rightmain02 a:hover { font-weight: bold; color: #99007B; text-decoration: underline;}
	#rightmain02 a:visited { font-weight: bold; color: #99007B; text-decoration: none;}
	
	#rightmain02 ul {margin:0px 0px 0px 15px; padding:0px; color:#94BDEF;}

	
		#homefeature01 {/*--1st feature--*/
			float: left;
			margin: 0;
			padding: 100px 10px 10px 10px;
			text-align: left;
			width: 180px;
			height: 78px;
			color: white;
			background: #52443F url(../images/homefeature_back04.jpg) top left no-repeat;
		}		
		#homefeature02 {/*--2nd feature--*/
			float: right;
			margin: 0 0 10px 10px;
			padding: 100px 10px 10px 10px;
			text-align: left;
			width: 180px;
			height: 78px;
			color: white;
			background: #2C4A09 url(../images/homefeature_back07.jpg) top left no-repeat;
		}
		#homefeature03 {/*--3rd feature--*/
			float: left;
			margin: 10px 0 0 0;
			padding: 100px 10px 10px 10px;
			text-align: left;
			width: 180px;
			height: 78px;
			color: white;
			background: #640084 url(../images/homefeature_back03.jpg) top left no-repeat;
			/*background: #73AFE3 url(../images/homefeature_back02.jpg) top left no-repeat;*/
		}
		#homefeature04 {/*--4th feature--*/
			float: right;
			margin: 0 0 0 10px;
			padding: 100px 10px 10px 10px;
			text-align: left;
			width: 180px;
			height: 78px;
			color: white;
			background: #73AFE3 url(../images/homefeature_back02.jpg) top left no-repeat;
			/*background: #323232 url(../images/homefeature_back01.jpg) top left no-repeat;*/
		}
		#homefeature05 {/*--5th feature--*/
			float: left;
			margin: 10px 10px 0 0;
			padding: 100px 10px 10px 10px;
			text-align: left;
			width: 180px;
			height: 78px;
			color: white;
			background: #0286AA url(../images/homefeature_back05.jpg) top left no-repeat;
		}
		#homefeature06 {/*--6th feature--*/
			float: right;
			margin: 10px 0 10px 0;
			padding: 100px 10px 10px 10px;
			text-align: left;
			width: 180px;
			height: 78px;
			color: white;
			background: #292826 url(../images/homefeature_back06.jpg) top left no-repeat;
		}			
				
	
/*About Kalamazoo Styles*
******************************************************************/	

	#aboutleftmain {
		float: left;
		text-align: left;
		width: 170px;	
		margin: 0;
		padding: 0;
	}
		#aboutleftmain h1 {
			margin: 0;
			padding: 5px 10px 0 0;
			background: #4c2177;
			color: white;
			text-align: right;
			font-size: 14px;
			min-height: 23px;
			border-bottom: 1px solid white;
		}
		#aboutleftmain th, #aboutleftmain h2 {
			margin: 0;
			padding: 5px 10px 0 0;
			background: #4c2177;
			color: white;
			text-align: right;
			min-height: 23px;
			border-bottom: 1px solid white;
		}	
		#aboutleftmain p {
			padding: 10px;
			font-size: 10px;
			color: #5A94E8;
		}
		#aboutleftmain a {
			color: white;
		}		
		
		#aboutleftmain ul {width: 160px;}
		
		#aboutleftmain li {
							color: white;
							width: 100%;
							font-size: 10px;
							background: #a590bb;
							border-bottom: 1px solid white;
							text-align: right;
							padding: 7px 10px 0 0;
							font-weight: bold;
							height: 21px;}

		#aboutleftmain li:hover {background: #4c2177;}

/*Contact Form Styles
***************************************************************/
.contactFormFloat
{
	float						: left;
	padding-left				: 5px;
	padding-right				: 100px;
	padding-bottom				: 5px;
}
	.contactFormFloat span
	{
		vertical-align:top;
	}
	
.contactForm
{
	padding-left				: 5px;
	padding-bottom				: 5px;
}
	.contactForm span
	{
		vertical-align:top;
	}


/*Featured Product Styles
***************************************************************/

.cellvatopright {
	text-align: right;
	vertical-align: top;
}

.cellvatopleft {
	text-align: left;
	vertical-align: top;
}

.cellblue01 {
	vertical-align: top;
	text-align: left;
	width: 50%;
	background: #e7e0ef /*#C1D2EE*/;
	border-right: 10px solid white;
	border-bottom: 10px solid white;
	padding: 5px;
}
	.cellblue01 h2 {
		color: 99007b /*#5B97E2*/;
	}
	.cellblue01 p {
		color: black;
	}	
	.cellblue01 img {
		padding: 0;
		margin: 0;		
		border: 1px solid white;
	}		
	.cellblue01 a, .cellblue01 a:hover, .cellblue01 a.active, .cellblue01 a:visited  {
		color: black;
		text-decoration: none;
		}

.cellorange01 {
	vertical-align: top;
	text-align: left;
	background: #e7e0ef /*#EFD8B9*/;
	border-bottom: 10px solid white;
	padding: 5px;	
}
	.cellorange01 h2 {
		color: #99007b;
	}
	.cellorange01 p {
		color: black;
	}
	.cellorange01 img {
		padding: 0;
		margin: 0;		
		border: 1px solid white;
	}	
	.cellorange01 a, .cellorange01 a:hover, .cellorange01 a.active  {
		color: black;
		text-decoration: none;
		}

.cellgreen01 {
	vertical-align: top;
	text-align: left;
	background: #e7e0ef /*#D3FFC0*/;
	border-right: 10px solid white;
	border-bottom: 10px solid white;
	padding: 5px;	
}
	.cellgreen01 h2 {
		color: #99007b /*#2B8C00*/;
	}
	.cellgreen01 p {
		color: black;
	}	
	.cellgreen01 img {
		padding: 0;
		margin: 0;		
		border: 1px solid white;
	}
	.cellgreen01 a, .cellgreen01 a:hover, .cellgreen01 a.active  {
		color: black;
		text-decoration: none;
		}		
.cellpurple01 {
	vertical-align: top;
	text-align: left;
	background: #e7e0ef /*#EDD0FE*/;
	border-bottom: 10px solid white;
	padding: 5px;	
}
	.cellpurple01 h2 {
		color: #99007b /*#7100B2*/;
	}
	.cellpurple01 p {
		color: black;
	}	
	.cellpurple01 img {
		padding: 0;
		margin: 0;
		border: 1px solid white;
	}
	.cellpurple01 a, .cellpurple01 a:hover, .cellpurple01 a.active  {
		color: black;
		text-decoration: none;
		}
#designedby{
	text-align: right;
	padding:0;
	margin: 5px 20px 0 0;
	font-size: 10px;
	color: #939598;
}
	#designedby a:link  { font-weight: bold; color: #939598; text-decoration: none;}
	#designedby a:hover { font-weight: bold; color: #939598; text-decoration: underline;}
	#designedby a:visited { font-weight: bold; color: #939598; text-decoration: none;}

h2 .results{
	color: black;
}