html {background-color: #fff; background: url(../images/BlackBkgd.gif) 0 0 repeat-x;}
body {font: 12px Verdana, Arial, sans-serif; color: #000; height: 100%; background-color: #fff; background: url(../images/BlackBkgd.gif) 0 0 repeat-x; margin-top: 0;}
	* html body{background-color: #fff; background: url(../images/BlackBkgd.gif) 0 0 repeat-x;}
	
div.clearBoth{clear: both;}


#wrapper{
 width: 900px; margin: 0 auto 10px auto; padding: 0 0;
 background-color: #fff;
 background: #fff url(../images/menuBkgd.gif) 0 0 repeat-y;
}
#Header {width: 100%; background: url(../images/TheBikeShop_black.gif) 0 0 no-repeat;}

/*Body of site======================------------------------------*/
div#special {background-image: url(../images/Specials_header.gif); height: 100px; width: 100%; clear: both; /*or 903px!*/ margin-top: 26px;}
div#special h2 {display: none;}
div#specialContent {width: 363px; padding-top: 40px; margin-left: 255px;}

div#Layout {width: 420px; margin-left: 37px; float: left;}
div.typography {padding-top: 10px;}

/*HIDE PAGE TITLES================-------------------------------*/
h1#mainPageTitle {display: none;}

/*NAVIGATION========================-------------*/
div#Navigation {width: 190px; height: 390px;float: left;}
ul#nav {display: block;}
ul#nav li a {font-weight: bold; color: #ca2d26; font-size: 1em; text-decoration: none; text-transform: uppercase; margin-left: 20px; line-height: 2em;}
ul#nav li a:hover {color: #555;}
ul#nav li.current a {color: #555;}

/*OPENING HOURS=======================-----------------*/

div#openinghours {color: #fff; margin-left: 255px; width: 575px; padding: 25px 0 0 0;}

div#openingHoursTempory {color: #000; background-color: #fff; text-align: center;}

/*ADVERT==============---------------------------------*/
div#advertOuter {height: 160px; margin-top: -17px;}
	div#advert {margin-left: 30px; padding-top: 30px; color: #fff; width: 363px;}
	div#advert h1 {font-size: 1.2em; font-weight: bold; margin-bottom: 10px;}
	div#advert p {font-size: 1em; font-weight: bold;}
	
/*IMAGES======================-----------------------------*/
div#imageSection {margin-top: -33px; float: left; width: 253px;}
div#imageSection img {float: right;}


/*PARTNERS=======================--------------------------------*/
div#partners {width: 100%; clear: both;}
div#partners h2 {color: #888; text-transform: capitalize; margin: 0 0 10px 0;  border-bottom: 1px solid #888; padding-bottom: 5px;}

div#memberOf {width: 205px; float: left; margin-left: 20px;}

div#stockistOf {width: 672px; float: left; border-left: 1px solid #888;}
div#stockistOf h2 {padding-left: 10px}
.logos a img {padding-left: 10px; border: none;}

/*FOOTER=============================-----------------------------*/

div#address {background: url(../images/footer.gif) 0 0 no-repeat; width: 100%; height:25px; color: #fff; padding-top: 30px; font-weight: bold; text-align: center;}

/*borrowed css=============below this line---------------------*/
#mainContentHolder {
 clear: both; width: 900px; min-height: 430px;
 background: url(../images/TheBikeShop.gif) 0 0 repeat-y;
}

/*div#Layout {
 padding: 20px 0px 10px 20px;
 width: 680px;
 height: 95%;
 float: left;
 min-height: 375px;
}
 h1 {font-size: 1.4em; font-weight: normal; text-align: center;}
 span#homeHighLightOne {font-size: 1.6em;}
 span#homeHighLightTwo {font-size: 1.5em;}

 h2 {font-size: 1.6em; font-weight: normal; text-transform: capitalize;
  border-bottom: 1px solid #b7c5d0; padding-bottom: 5px; margin-bottom: 10px; width: 100%;
 }

/*===============Industry Menu================*/
/*div.industryHolder {float: left; margin-right: 10px;}

div.industryHolder a {
 width: 114px; height: 132px; display: block; padding: 5px 5px 0 5px; margin-top: 10px;
 background-color: #e2e6ed; border: 1px solid #d5dce2; color: #00294b;
 text-align: center; text-transform: uppercase; text-decoration: none;
}
div.industryHolder a:hover {background-color: #a5b9c4; border: 1px solid #d5dce2; color: #fff;}
div.industryHolder a img {
 filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;
 width: 115px; height: 92px; display: block; margin-bottom: 5px; }
div.industryHolder a:hover img {
 filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;
 width: 115px; height: 92px; display: block; margin-bottom: 5px;
}

div#industries h2 {
 font-size: 1.6em; width: 100%; color: #ff7e00;
 border-bottom: 1px solid #ff7e00; padding-bottom: 5px; margin-bottom: 10px;
}






/*display: block; width: auto; height: auto; text-indent:0; text-decoration: none; text-transform: capitalize; padding:0px 10px 5px 10px; margin: 0; color:#fff; font: 1em Arial, Helvetica;*/
/*menu==========================================================*/


/*#SideNav li, ul {margin: 0; padding: 0;}
ul#SideNav {width: 193px; float: left; margin-top: 1.5em;}
#SideNav li{list-style: none;}

/* first level - menu buttons =====================================*/
/*#SideNav li a {
 color: #00294b; text-decoration: none; font-weight: normal;
 display: block; width: 160px; height: 25px; padding: 5px 0 0 20px;
 border-bottom: 1px solid #b7c5d0;
}

#SideNav li.link a {
 background: url(../images/bkgd_sideNav.gif) 0 0 repeat-y;
}
#SideNav li.link a:hover  {
 background: url(../images/bkgd_sideNavO.gif) 0 0 repeat-y;
}
#SideNav li.link a.selected, #SideNav li.current a {
 background: url(../images/bkgd_sideNavA.gif) 0 0 repeat-y;
}

.first a, .visited a, .link a {}



/* second level =================================================*/

/*#SubNav li ul {display: none; border-top: 1px solid #fff;}
#SubNav li ul a {display: block; width: auto; height: auto; text-indent:0; text-decoration: none; text-transform: capitalize; padding:0px 10px 5px 10px; margin: 0; background: url(../images/bkgd_sideNav.gif) 0 0 repeat-y; color:#fff; font-weight: bold;}
#SubNav li ul a:hover {background: url(../images/bkgd_sideNavO.gif) 0 0 repeat-y;}

/*Bottom Navigation---------------------=============================*/
/*#bottomNav {
 color:#888;  background: url(../images/bkgd_sideNav.gif) 0 0 repeat-y;
 clear: both;
 width: 900px; padding: 10px 0 5px 0; text-align: center;
}

#bottomNav li {
 display: inline; list-style: none; margin: 5px 10px 5px 10px;
}
#bottomNav a, #bottomNav a:link  {
 color:#888; font-size: 0.8em;
 text-decoration: none; text-transform: capitalize;}
#bottomNav a:hover, #bottomNav a.current, #bottomNav a.section {
 text-decoration: underline;
}
#bottomNav li.first {display: none;}
#bottomNav li.last {}
#bottomNav .bottomMenuPipe {display: none;}
/*Second tier - bottom menu*/
/*#bottomNav li ul {display: none;}
#bottomNav li ul a {
 display: block;
 width: auto; height: auto; text-indent:0;
 padding:0px 10px 5px 10px; margin: 0;
}

#shareThis {}


/*=================Generic=====================*/
/*div#print a {
 width: 59px; height: 60px; display: block;
 text-indent: -2000px;
 background: url(../images/printer.gif) 0 0 no-repeat;
}
div#print a:hover {
 background: url(../images/printer.gif) -59px 0 no-repeat;
}


