/* CSS for Keeway site*/
body{
	background: url(images/keeway_background.jpg) top left repeat-x #000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
	}
#welcome /*only on home page area above container using cookies to welcome new visitor or welcome back repeat visitor*/
{width: 1000px; margin: 0 auto; color: #000; font-size: 12px; padding: 0; height: 15px;}

/*heading styles*/
h1 {font-size: 28px;}
h2 {
	font-size: 22px;
	text-align: center;
} 
h3 {font-size: 18px; margin-bottom: -10px;}/*to reduce the default line space below it */
h4 {font-size: 16px;}
/*Heading styles for index page mainBody div*/

#mainBody h1, #mainBody h1 a:visited, #mainBody h1 a:link 
{
font-weight: bolder; 
text-align:center; 
font-size: 28px; 
color: #000; 
margin-bottom: -8px;
margin-top: -2px;`
}	
#mainBody h1 a:hover {font-size: 30px; color: #f60;}

/* class to use with h tags that wish to reduce default space above and below */
.hNoSpace{
	margin-bottom: -5px;
	margin-top: -5px;
	text-align: center;
}

#container{
	width: 1000px;
	margin: 10px auto;
	padding: 10px;
	background: url(images/kwbody_bg.jpg) top center repeat-y #f60;
	}

#header {
	width: 980px;
	margin: 0 auto;
	height: 250px;
	background:url(images/keeway_ireland_logo.jpg) no-repeat top left #000;
	}

/*slideshow image style*/
.slideshow{float: right; padding: 5px; }

/*Top navigation in header area stylings, uses unordered list:*/
#headerNav {
	width: 980px;
	height: 50px;
	margin: 0 auto;
	background: #000;
	color: #000;
	
	}
#headerNav ul {
	margin: 0px 0px 8px -8px;;
	padding-top: 15px;
	
	}	
#headerNav ul li{
	padding: 0px 10px 0px 15px;
	display: inline;
	font-size:20px;
	margin: 0;
	font-weight:bold;
}
#headerNav ul li a:link, #headerNav ul li a:visited{color: #000; background: #ccc; padding:5px 10px;} 
#headerNav ul li a:hover {color: #fff; background: #f60; } 

#mainBody {
	width: 980px;
	margin: 10px auto;
	padding: 0px 10px;
	}

	
/* common attributes between the 3 main body divs on Index Page*/
#bikeCat1, #bikeCat2, #bikeCat3
{
	width: 300px;
	float:left;
	height: 300px;
	background: #fff;
	color: #000;
}
/* only first 2 divs need a right margin*/
#bikeCat1, #bikeCat2 {margin-right:40px;}

/* was using images as div backgrounds but javascript rollovers requird for project so commented out for now to implement JS
#bikeCat1 {background: url(images/cruiser.jpg) no-repeat center bottom #fff;}
#bikeCat2 {background: url(images/silverblade.jpg) no-repeat center bottom #fff;}
#bikeCat3 {background: url(images/e-bike_city_tour_white.jpg) no-repeat center bottom #fff;}*/

/* to remove the default border images are given and margin to remove gap underneath index main images*/
img {border:none; margin-top:2px;}

#bodyContent{
	width:960px;
	/*background: #fff;*/
	color: #000;
	margin-top:10px;
	padding: 0px 10px;
	}

#footer, #footerIndex {
	width: 960px;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #000;
	color: #fff;
	padding: 0px 10px;
	text-align:center;
	font-size: 12px;
	margin-left: 10px;}
/*Index page needs different margins to line the footer the same as other page, leave top margin important setting to ensure it takes precedence*/
#footerIndex{ margin-top: 20px !important;}

	
.clearFloat{clear:both;} /*reusable clear Floats class for use after floated elements */

/*general hyperlink values*/

a, a:link, a:visited {color: #000; text-decoration:none; font-weight:bold;}
a:hover {color: #FFA;}

/* styles for keeway_enquiry Contact form*/
#mainBody  #keeway_enquiry table tr td {
	padding: 5px;
}
.white_bold { 	font-weight: bold; color: #fff;}
.bold {font-weight:bold;}

/*reusuable table style class*/
.tablestyle table tr td {padding: 5px; }

/*reusable float classes*/
.fltrgt{float:right; padding: 5px;}
.fltlft{float:left; padding: 5px;}
.cent {text-align:center;}


/* anchor list link style for about us page */
#container #mainBody ul li h3 a,#container #mainBody ul li h3 a:visited, #container #mainBody ul li h3 a:link {	color: #FFA;}
#container #mainBody ul li h3 a:hover{color: #000;}


/*div class for bike photos & specs in category pages */

		
.feat {
	width: 360px;
	float: right;
	padding-right: 10px;
	font-size: 13px;
	}

.ebikeFeat, .commFeat {
	width: 400px;
	float: right;
	padding-right: 10px;
	font-size: 13px;
	text-align: left;
}
/* sytle for footer links area at foot of pages */
#footerLinks{text-align: center; font-size: 13x; color: #000;}