/* WHEELYGOOD.ORG -- v1.1 -- 23.02.2005 */
 
/******************************************************************
 OVERALL AND GENERIC SETTINGS, AFFECTING COMMON SITE ELEMENTS 
 ******************************************************************/

body {
	margin: 15px 0;
	padding: 0;
	text-align: center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #fff;
}

body a:link, body a:visited {
	color: #000000;
	text-decoration: underline;
}

body a:hover {
	color: #cc0000;
}

#pagecontainer {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

form { 
	display: inline;
}

#overDiv {
	text-align: left;
}

/******************************************************************
 SETTINGS AFFECTING THE AREA ABOVE THE YELLOW SEARCH BAR
 ******************************************************************/

#headercontainer {
	width: 760px;
	padding: 0px;
	margin: 0px;
}

	#logocontainer {
		width: 440px;
		height: 70px;
		text-align: left;
		float: left;
	}	
	
	#headnavigation {
		padding: 30px 0px 0px 0px;
		margin: 0px;
		width: 320px;
		float: right;
		text-align: right;
		font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
		color: #FFCC00;
	}
	
	#headnavigation a:link, #headnavigation a:visited {
		font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		text-decoration: underline;
	}
	
	#headnavigation a:hover {
		color: #009900;
	}

/******************************************************************
 SETTINGS AFFECTING THE YELLOW SEARCH BAR AREA
 ******************************************************************/
 
 #searchcontainer {
 	clear: both;
 	width: 748px;
 	height: 26px;
 	text-align: right;
 	background-color: #ffcc00;
 	padding: 0px 12px 2px 0px;
 	margin: 0px 0px 0px 0px;
}

/*** the padding, margin, width above is for MOZ, below is for IE ***/

* html #searchcontainer {
	padding: 0px 12px 0px 0px;
	margin: 5px 0px 0px 0px;
}

#searchfarleft {
	float: left;
	width: 260px;
	padding: 0px;
	margin: 0px;
}

	#tagline {
		width: 259px;	
	}

#searchfarright {
	float: right;
	width: 480px;
}

	#searchleft {
		float: left;
		width: 410px;
		padding-bottom: 1px;
	}
	
		#searchword {
			float: left;
			text-align: right;
			width: 250px;
			font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
			padding: 5px 0px 0px 0px;
		}
	
		#searchtext {
			float: right;
			text-align: right;
			width: 160px;
			margin: 2px 0px;
		}
		
		/*** the margin above is for MOZ, below is for IE ***/
		
		* html #searchtext {
			margin: 1px 0px 0px 0px;
		}
		
	#searchbutton {
		float: right;
		width: 68px;
		padding-top: 2px;
	}
	
	input#sitesearchtext {
		border: solid 1px #000000;
		height: 20px;
		margin: 0px;
	}

/******************************************************************
 BREADCRUMB AREA
 ******************************************************************/
 
#breadcrumbcont {
	clear: both;
	width: 760px;
	margin: 12px 0px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #707070;
}

	#breadcrumbcont a:link, #breadcrumbcont a:visited {
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #707070;
		text-decoration: none;
	}

	#breadcrumbcont a:hover {
		color: #707070;
	}
	
	#breadcrumhere {
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
	}
	
/******************************************************************
 MAIN CONTENT (containing LHS NAVIGATION AND RHS MAIN COPY
 ******************************************************************/
 
#bodycontainer {
	width: 760px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 0px 5px 0px;
}


/******************************************************************
 LHS NAVIGATION
 ******************************************************************/

#lhsnavigation {
	width: 150px;
	float: left;
	text-align: left;
	margin: 0px 0px 10px 0px;
}

#lhsnavigation ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; 
	font-size: 12px;
	font-weight: bold;
}

#lhsnavigation li, #lhsnavigation li.active {
	float: left;
	display: block;
	width: 142px;
	margin: 0px;
	padding: 0px;
}

#lhsnavigation li a:link, #lhsnavigation li a:visited {
	padding: 5px 0px 5px 24px;
	margin-top: 2px;
	display: block;
	width: 142px;
	color: #000000; 
	text-decoration: none;
	background: #FFF0B6 url(/images/lhsnavarrow.gif) no-repeat 0 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 118px;
}

#lhsnavigation li.active a:link, #lhsnavigation li.active a:visited {
	background: #ffcc00 url(/images/lhsnavarrow.gif) no-repeat 0 0px;
}

#lhsnavigation li a:hover {
	color: #009900;
	text-decoration:underline;
	background-color: #FFF0B6;
}

#lhsnavigation li.active a:hover {
	color: #ffffff;
	text-decoration:underline;
	background-color: #ffcc00;
}

#lhsnavigation li.navheader {
	width: 142px;
	height: 14px;
	margin: 0;
	list-style: none;
	background: url(/images/lhsnavheader.gif) no-repeat top left;
}

#lhsnavigation li.navbase {
	width: 142px;
	height: 17px;
	margin: 2px 0px 0px 0px;
	list-style: none;
	background: url(/images/lhsnavbase.gif) no-repeat top left;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; 
	font-size: 11px; 
	color: #FFF0B6;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 15px;
}

/******************************************************************
 THE FOOTER
 ******************************************************************/
 
 #sitefooter {
 	clear: both;
 	width: 760px;
 	border-top: 10px solid #FFCC00;
 }
 
 	#leftfooter {
 		float: left;
 		text-align: left;
 		padding-top: 5px;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #000000;	
		width: 360px;
 	}
 	
 	#rightfooter {
 		float: right;
 		text-align: right;
 		padding-top: 5px;
 		width: 400px;
 	}

/******************************************************************
 RHS MAIN COPY - WILL DIFFER AROUND SITE
 ******************************************************************/

/*** OVERALL SIZE SETTING ***/

#rhsmaincopy {
	width: 600px;
	float: right;
	text-align: right;
}

	#rhsshopdets {
		width: 300px;
		float: left;
		text-align: left;
	}
	
	#rhsshopmap {
		width: 300px;
		float: right;
		text-align: right;
	}

#hintbox {
	width: 598px;
	text-align: left;
	border: 1px solid #cccccc;
	background: #FFFAE7;
	margin-bottom: 10px;
}

#hintbox strong {
	color: #cc0000;
}

#hintcontent {
	padding: 7px;
	font-size: 12px;
}	

/***** DEFAULT PAGE AREAS *****/

#hpmain {
	float: left;
	text-align: left;
	width: 550px;
	padding: 0px;
	margin: 0px;
}

#hpmain h1 {
	font-size: 18px;
	color: #009900;
}

#hpmain p {
	margin: 10px 0px;
}

#hpright {
	float: right;
	width: 200px;
	padding: 0px;
	margin: 0px;
}

#featurecontainers {
	float: left;
	text-align: left;
	width: 550px;
	padding: 0px;
	margin: 30px 0px 0px 0px;
}

#hpouterleft {
	width: 260px;
	float: left;
	text-align: left;
	border: 1px solid #CCCCCC;
	background: #ffffff;
	padding: 1px;
}

#hpleftfeat {
	width: 250px;
	padding: 5px;
	margin: 0px;
	background: #FFF0B6;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
}

#hpleftfeat strong {
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
}

#hpleftfeat img {
	float: left;
	padding-right: 5px;
}

#hpouterright {
	width: 260px;
	float: right;
	text-align: left;
	border: 1px solid #CCCCCC;
	background: #ffffff;
	padding: 1px;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
}

#hprightfeat {
	width: 250px;
	padding: 5px;
	margin: 0px;
	background: #FFF0B6;
}

#hprightfeat strong {
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
}

#hprightfeat img {
	float: right;
	padding-left: 5px;
}

#hpmain a {
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
	text-decoration: underline;
}

#hpmain a:hover {
	color: #009900;	
}

/*** MAPS PAGES ***/
/*** LEFT SIDE = BIG MAP ***/


#mapmain {
	float: left;
	text-align: left;
	width: 402px;
	padding: 0px;
	margin: 0px;
}

	#accessmapmain {
		border: 1px solid #000000;
		padding: 0px;
		margin: 0px;
	}
	
	#maptoggles {
		margin-top: 5px;
		margin-bottom: 2px;
		width: 402px;
		border: 1px solid #FFF0B6;
		padding: 5px 5px 0px 5px;
		text-align: center;
		background: #FFFFFF;
		font-size: 11px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 390px;
	}
	
		#maptoggles strong {
			display: block;
			margin-bottom: 3px;
		}
	
		#mapkerbs, #mapparking {
			width: 189px;
			padding-left: 30px;
			text-align: left;
			voice-family: "\"}\"";
			voice-family:inherit;
			width: 159px;
		}
		
		#mapkerbs {
			float: left;
		}
		
		#mapparking {
			float: right;
		}
	
		#maptoggles a:link, #maptoggles a:visited {
			text-decoration: none;
			font-weight: bold;
			float: left;
			display: block;
			text-align: center;
			width: 50px;
			margin: 0 5px;
			padding: 2px 0;
			border: 1px solid #000000;
			color: #000000;
			voice-family: "\"}\"";
			voice-family:inherit;
			width: 40px;
		}
		
		#maptoggles a.onactive, #maptoggles a.onlink:hover {
			background: #009900;
			color: #ffffff !important;
		}
		
		#maptoggles a.offactive, #maptoggles a.offlink:hover {
			background: #cc0000;
			color: #ffffff !important;
		}
		
		#maptoggles img {
			float: left;
		}
	
/*** RIGHT SIDE = MINI MAP AND CONTROSL ***/

#mapright {
	float: right;
	width: 192px;
	padding: 0px;
	margin: 0px;
}
	
	#accessmapmini {
		border: 1px solid #000000;
		padding: 0px;
		margin: 0px;
	}

#mapcontrol {
	width: 192px;
	float: right;
	margin-top: 10px;
	/* margin-bottom: 10px; */
	text-align: center;
}

	#mapconthead {
		width: 192px;
	}
	
	#mapcontrols {
		width: 192px;
		border-left: 1px solid #FFF0B6;
		border-right: 1px solid #FFF0B6;
		text-align: center;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 190px;
	}
	
	#mapcontrols a:link, #mapcontrols a:visited {
		text-decoration: none;
	}
	
	#mapcontrols a:hover {
		color: #009900;
		text-decoration: none;
	}
	
		#zoombar {
			width: 190px;
			float: left;
			text-align: left;
			padding-top: 10px;
		}

			#zoomout {
				width: 32px;
				float: left;
				padding-left: 11px;
				voice-family: "\"}\"";
				voice-family:inherit;
				width: 21px;
			}

			#zoombars {
				width: 126px;
				float: left;
				text-align: center;
			}

			img.zoomslidel {
				display: inline;
				margin: 0px 1px 0px 0px;
				pading: 0px;
			}

			img.zoomslidem {
				margin: 0px 2px;
				pading: 0px;
			}

			img.floatright {
				float: right;
			}

			#zoomin {
				width: 32px;
				float: right;
				padding-right: 11px;
				voice-family: "\"}\"";
				voice-family:inherit;
				width: 21px;
			}

		#zoomtext {
			width: 180px;
		}

			#zoomouttext {
				float: left;
				width: 36px;
				text-align: center;
				font: bold 12px Verdana, Arial, Helvetica, sans-serif;
				color: #000000;
			}

			#zoomintext {
				float: right;
				width: 36px;
				text-align: center;
				font: bold 12px Verdana, Arial, Helvetica, sans-serif;
				color: #000000;
			}

		#zoomdircont {
			clear: both;
			width: 190px;
			padding: 10px 0px 10px 0px;
			text-align: center;
			font: bold 12px Verdana, Arial, Helvetica, sans-serif;
			color: #000000;
		}
		
		
			img.znpad {
				padding-top: 5px;
			}
		
			#zoomdirmid {
				clear: both;
				width: 190px;
				height: 39px;
			}
			
			#zoomwest {
				display: block;
				width: 75px;
				float: left;
				margin-top: 5px;
			}
			
				img.zwfloat {
					padding-top: 7px;
					float: right;
				}
			
			#zoomeast {
				display: block;
				width: 75px;
				float: right;
				margin-top: 5px;
			}
			
				img.zefloat {
					padding-top: 7px;
					float: left;
				}
				
			img.zspad {
				padding-bottom: 5px;
			}

	#mapcontbase {
		width: 192px;
	}
	
/*** IMPORTED FROM MIKES CONCEPT ***/

a img {
	border: 0;
}

a.mapsquare {
	position: absolute;
	width: 16px;
	height: 16px;
	background: url(/images/emptysquare.gif);
}

a.mapsquare span, span.spacer {
	display: none;
}

a.medmapsquare {
	position: absolute;
	width: 16px;
	height: 16px;
	background: url(/images/emptysquare.gif);
}

a.medmapsquare span, span.spacer {
	display: none;
}

form {
	margin: 0;
	padding: 0;
}

/*** SHOP INFO PAGE ***/

h1 {
	font-size: 18px;
	color: #009900;
}

/*** SEARCH RESULT LIST ***/
ul.searchresults {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.searchresults li {
	padding-left: 24px;
	margin-bottom: 5px;
	background: url(/images/lhsnavarrow.gif) no-repeat 0px -5px;
	font-size: 11px;
	color: #999999;
}

ul.searchresults li a:link, ul.searchresults li a:visited {
	font-size: 12px;
}