@charset "UTF-8";
/* CSS Document */

body {
	text-align: center;
	min-width: 960px;
	background: #000 url(../images/carbonbg3.jpg) repeat-x fixed;
	margin: 0;
	padding: 0;
}

#container {
	margin: 0 auto;
	width: 930px;
	text-align: left;
	position: relative;	
}

#content {
	background:#000 url(../images/2col.gif) repeat-y;
	border: #000000 solid 15px;
	width: 900px;
	position: absolute;
	top: 174px;
	left: 0;
}

#content_home {
	background:#000 url(../images/3colN.gif) repeat-y;
	border: #000 solid 15px;
	width: 900px;
	position: absolute;
	top: 463px;
	left: 0;
}


.floatleft {float:left; margin: 5px 10px 5px 0;}
.floatright {float:right; margin: 5px 0 5px 10px;}
.clear {clear:both;}

div.figure {
  float: right;
  width: 305px;
  background: url(../images/silverbar.gif) repeat-x bottom;
  margin: 10px 0 0 0;
  padding: 5px 0 20px 0;
}

div.gray {background: #a0acbc; padding:0; margin: 20px 0 0 0;}
div.darkgray {background: #171717; padding:0; margin: 20px 0 0 0;}
div.darkgray_nopad {background: #171717; padding:0; margin: 0;}

div.gray p {padding-left: 15px; padding-right: 15px;} 
div.darkgray p {padding:0 15px 15px 15px;} 

img.pageid {position:absolute; top: 111px; left: 0; border: 15px #000 solid;}
img.block {display: block; border-color:#a0acbc;}

#leftContent {
	margin: 0;
	padding: 0;	
	float: left;
	width: 305px;
	clear: left;
}

#leftContent a.imagelink {margin: 0 15px;}
#leftContent li {margin-bottom: 15px;}

#mainContent {
	float: right;
	width: 580px;
	padding: 0;
	margin: 0;
}

#copy {
	float: left;
	margin: 0;
	padding: 0 30px 30px 30px;
}

#copy_home {
	float: left;
	width: 395px;
	padding: 0 30px 30px 30px;
}

#copy table {background: #000; margin: -10px 0 30px 0;}

#copy td.text {background: #171717; color:#a0acbc;}
#copy tr.text {background: #171717; color:#a0acbc;}

/* =2 column layout for store info page_____________________*/

#content_1col {
	background:#000 url(../images/2colN.gif) repeat-y;
	border: #000 solid 15px;
	width: 900px;
	position: absolute;
	top: 174px;
	left: 0;
}

#leftContent2col {
	margin: 0;
	padding: 0;
	float: left;
	width: 443px;
}

#rightContent2col {
	margin: 0;
	padding: 0;	
	float: right;
	width: 443px;
}
	
.stores {
	padding: 0 15px 30px 15px;
}

.stores p {
	color:#111;
	margin: 0 0 10px 0px;
}

.stores iframe{border:#a0acbc 5px solid;}


/* =Styling of Top Links, etc_____________________*/

#footer {
    position: absolute;
    bottom: 0;
	left: 0;
	padding-bottom: 10px;
	margin-bottom: -90px;
	width: 100%;
	text-align: center;
}

#fitlab {position:absolute; top: 25px; right: 123px; z-index: 10; }

#topbar {
	width: 930px;
	height: 100px;
	position: relative;
	top: 0;
	background-color:#000;
}

#topimage {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 15px;
}

#topnav {
	margin: 0;
	padding: 0 .6em .3em 0;
	text-align: right;
	z-index: 4;
	position: absolute;
	width: auto;
	top: 0;
	right: 0;
	background-color: #000;
}

#topnav li {
	display: inline;
	padding: 0 .6em;
	margin: 0;
	border-right: 1px solid #666;
}

#topnav li.last {border: none;}

#topnav {
	margin: 0;
	padding: 0 .6em .3em 0;
}

#sitemap li {
	display: inline;
	padding: 0 .6em;
	margin: 0;
	border-right: 1px solid #666;
}

#sitemap li.last {border: none;}

	
  #navbar {
    width: 900px; height: 26px;
    background:url(../images/navbarWO.gif);
    margin: 0; padding: 0;
    position: relative;
	top: 0; left: 0;
	border:#000 solid;
	border-width: 0 15px;
	}
  #navbar li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #navbar li, #navbar a {
    height: 26px; display: block;}

  #products {left: 0; width: 73px;}
  #mechanical {left: 73px; width: 143px;}
  #fit {left: 216px; width: 57px;}
  #clubs {left: 273px; width: 94px;}
  #testimonials {left: 367px; width: 160px;}
  #about {left: 527px; width: 81px;}
  
  #products a:hover {
    background: transparent url(../images/navbarWO.gif)
    0 -26px no-repeat;}
  #mechanical a:hover {
    background: transparent url(../images/navbarWO.gif)
    -73px -26px no-repeat;}
  #fit a:hover {
    background: transparent url(../images/navbarWO.gif)
    -216px -26px no-repeat;}
  #clubs a:hover {
    background: transparent url(../images/navbarWO.gif)
    -273px -26px no-repeat;}
  #testimonials a:hover {
    background: transparent url(../images/navbarWO.gif)
    -367px -26px no-repeat;}
  #about a:hover {
    background: transparent url(../images/navbarWO.gif)
    -527px -26px no-repeat;}

  
#locations {
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 5;
	position: absolute;
	width: 500px;
	top: 60px;
	left: 75px;
	letter-spacing: .1em;
}

#locations li {
	display:inline;
	padding:0 1em;
}

 #popup {
	/* Necessary: */
    position: absolute;
	display: none;
	z-index: 10;
	/* Additional styling: */
    width: auto;
	color: #000;
	font-size: 11px;
	word-spacing: 0.1em;
	background-color: #eee;
	border: 2px solid #e3701a;
	padding: 5px;
	opacity: .85;
	filter: alpha(opacity=85);
	text-align: center;
  }