/* CSS Document */

body,div,ul,ol,li,th,h1 { 
	margin:0;
	padding:0;
}

ol,ul {
	list-style:none;
}

body{
	margin: 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	line-height: 16px;
	background-image: url(images/bg_main.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color: #cccccc;
	}
	
img { behavior:url(http://www.footbikeusa.com/Scripts/iepngfix.htc); }	

.featuredfb{

background-color:#666666;
border:#000000 1px solid;
padding:15px;
}

#clearer{clear:both;}

p{
	line-height: 16px;
	}
	
.rounded-corners {
     -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}	
	
/* Navigation */
#header_bar {
	margin-left: auto;
	margin-right: auto;
	/*background: url(images/bg_main.jpg) no-repeat;*/
	background-color:1d1d1d;
	border:#343434 1px solid;
	height: 58px;
	width: 1080px;
	margin-top:-10px;
	
}

#navigation {
	float:right;
	margin-top: 25px;
	margin-right: 45px;
}
#navigation ul, #navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation ul li {
	float: left;
	display: block;
}
#navigation ul li a {
	font-family: Arial, sans-serif;
	font-size: 13px;
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	margin-right: 25px;
}
#navigation ul li a:hover, #navigation ul li.active a {
	color: #ffcc00;
}


submButt{
	background-color: #FFCC00;
	border: #000;
	padding: 4px;
	}
	
.storeProductTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #336699;
	font-weight: bold;
	padding-bottom: 15px;
	}

h3{
	font-size: 24px;
	color: #333333;
	margin-bottom: 4px;
	padding-bottom: 0px;
	margin-top:10px;
	}

h2{
	font-size: 16px;
	color: #333333;
	margin-bottom: 4px;
	padding-bottom: 0px;
	}
	

.animationContainer{
	height: auto;
	width: 600px;
	
}
.hideInitially{
	visibility: hidden;
}

.faqTopic{
padding: 10px;
background-color: #e0e0e0;
}
	
		
	
.photoLeft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
.photoLeftprod{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color:#FFFFFF;
	border:#333 1px solid;
	padding:7px;
	}	
	
	
.rightIndent{
	margin-right: 7px;
	margin-bottom: 7px;	
	}
	
.lightText{
	color: #CCCCCC;
	}
	
.lightText2{
	color: #CCCCCC;
	font-size: 12px;
	}
	
.lightText3{
	color: #CCCCCC;
	font-size: 16px;
	font-weight:bold;
	}
	
.lightText4{
	color: #CCCCCC;
	font-size: 11px;
	line-height: 14px;
	}	
	
.largeCap{
	font-size: 18px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	}
	
.blogBottom{
	margin-bottom: 7px;
	padding-bottom: 7px;
	margin-top: 7px;
	padding-top: 7px;
	border-bottom: #666666 1px solid;
	}	
		
	
td.back{
	background-color:#FFFFFF;
	}	
	
.leftborder{
	border-left: #666666 1px dotted;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	line-height:14px;
	}
	
.leftborderStore{
	border-left: #666666 1px dotted;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height:14px;
	}		
	
.quoteText{
	height: 118px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color:#333333;
	line-height: 28px;
	font-style:italic;
	padding: 15px;
	}
	
.quoteText2{
	height: 147px;
	}
	
.sidebarText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
	line-height: 13px;
	border-top: #666666 1px dotted;
	padding-top: 10px;
	
	}
	
a:link, a:visited{
	color:#336699;
	text-decoration: none;
	}
	
a:hover{
	text-decoration:underline;
	}
	
a.footer:link, a.footer:visited{
	color:#000;
	text-decoration: none;
	}
	
a.footer:hover{
	text-decoration:none;
	color:#336699;
	}
	
a.faq:link, a.faq:visited{
	color:#336699;
	text-decoration: none;
	font-weight: bold;
	}
	
a.faq:hover{
	text-decoration:none;
	color:#333333;
	font-weight: bold;
	}			
	
a.yellow:link, a.yellow:visited{
	color:#cccccc;
	text-decoration: none;
	}
	
a.yellow:hover{
	color:#FFCC00;
	text-decoration: underline;
	}
	
a.yellow2:link, a.yellow2:visited{
	color:#ffcc00;
	text-decoration: none;
	}
	
a.yellow2:hover{
	color:#FFCC00;
	text-decoration: underline;
	}	
	
.email_text_field{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cccccc;
	padding: 3px;
	border: #666666 1px solid;
	background-color: #333333;
	}
	
.email_text_field2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding: 3px;
	border: #666666 1px solid;
	background-color: #ffffff;
	}	
	
.genText_field{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 3px;
	border: #666666 1px solid;
	background-color: #eeeeee;
	}	
	
.indentGenContent{
	padding-left: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	font-style: normal;
	}
	
.indentGenContentLine{
	padding-left: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	font-style: normal;
	border-bottom: #666666 1px dotted;
	margin-bottom: 15px;
	}		
	
.indentGen15{
	padding: 15px;
	}
	
.indentGen10{
	padding: 10px;
	}			
	
#mainNav{
	position: relative;
	top: 0px;
	width: 950px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	}	
	
#logoHolder{
	position: relative;
	top: 75px;
	width: 950px;
	height: auto;
	margin-left:auto;
	margin-right: auto;
	}
	

#logoMain{
	position: absolute;
	bottom:0px;
	width: 400px;
	left: 20px;
	height: auto;
	margin-left:auto;
	margin-right: auto;
	}
	
#logoKickit{
	position: absolute;
	bottom:5px;
	width: 400px;
	right: 15px;
	height: auto;
	margin-left:auto;
	margin-right: auto;
	}			
	
#top{
	position: relative;
	width: 950px;
	height: 104px;
	top: 75px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: #666666 1px dotted;
	}
	
#topForum{
	position: relative;
	width: 950px;
	height: 104px;
	top: 75px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: #666666 1px dotted;
	}	
	
#top_left{
	position: absolute;
	width: auto;
	left: 20px;
	top: 20px;
	height: auto;
	}
	
#top_right{
	position: absolute;
	width: 400px;
	right: 20px;
	top: 20px;
	height: auto;
	color: #CCCCCC;
	}		
	
#content{
	position: relative;
	width: 950px;
	height: auto;
	top: 75px;
	margin-left: auto;
	margin-right: auto;
	
	background-color:#030102;
	}
	
#flashHolder{
	position: relative;
	top: 75px;
	left: 0px;	
	width: 950px;
	height: 200px;
	margin-left:auto;
	margin-right:auto;
	background-color: #030102;
	border-bottom: #666666 1px dotted;
	}

#flashHolder2{
	position: relative;
	top: 75px;
	left: 0px;	
	width: 950px;
	height: 295px;
	margin-left:auto;
	margin-right:auto;
	background-color: #030102;
	border-bottom: #666666 1px dotted;
	}
	
#imageRotator{
	float: left;
	width: 640px;
	height: 295px;
	}
	
#topRandom{
	float: left;
	width: 309px;
	height: 295px;
	border-left: #666666 1px dotted;
	background-color: #FFCC00;
	background-image: url(images/top_rightbg.jpg);
	background-repeat: no-repeat;
	}		
	
#bottomSmall{
	position: relative;
	top: 75px;
	width: 950px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	}
	
#footer{
	position: relative;
	top: 90px;
	bottom: 30px;
	width: 930px;
	height: 40px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	}
	
	
#footerLogo{
	position: absolute;
	top:0px;
	left:0px;
	width: auto;
	height: auto;
	}	
	
#leftColumn{
	float: left;
	width: 593px;
	padding: 15px;
	}
	
#rightColumn{
	float: left;
	width: 293px;
	padding:15px;
	}
	
#leftColumnTemp{
	float: left;
	width: 500px;
	padding: 15px;
	}
	
#rightColumnTemp{
	float: left;
	width: 388px;
	padding:15px;
	}
	
#pagePromoMini1{
	float:left;
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
	}

#pagePromoMini2{
	float:left;
	width: 200px;
	font-size: 10px;
	}
	
#pagePromoMini3{
	float:left;
	width: 290px;
	margin-top:15px;
	padding-left: 0px;
	padding-right: 10px;
	font-size: 12px;
	}

#pagePromoMini4{
	float:left;
	width: 290px;
	margin-top:15px;
	font-size: 12px;
	}					
	
/* Product Tabs - footbike page */

#products img {
	margin:0 0 10px 0;	
	cursor:pointer;	
}

.description {
	background-color:#edecbc;
	border:1px solid #999;	
	width:595px;
	min-height:140px;
	display:none;
	margin-top:17px;
	-moz-border-radius:4px;
	padding:0 0px;
}

.description .arrow {
	width:34px;
	height:34px;
	background:transparent url(images/yellow.png) repeat scroll 0 -68px;
	margin-top:-28px;
	margin-left:50px;
	font-size:1px;
	position:relative;
}

#commercial .arrow {
	margin-left:210px;	
}

#multidomain .arrow {
	margin-left:360px;	
}

#trail .arrow {
	margin-left:500px;	
}

.new_indent{
	padding:10px 10px 10px 10px;
	}
	

/*-- Bottom Toolbar --*/



div#toolbar, div#toolbarbut {

  position: fixed; /* set fixed position for the bar */

  bottom: 0px;

  right: 0px;

  z-index: 9999; /* keep the bar on top  */

  height: 36px;

  background: url(images/socialbar/bcktool.png);

  /* CSS3 */

  -moz-border-radius-topleft: 8px;

	-khtml-border-radius-topleft: 8px;

	-webkit-border-top-left-radius: 8px;

	-moz-border-radius-topright: 8px;

	-khtml-border-radius-topright: 8px;

	-webkit-border-top-right-radius: 8px;

	-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; /* inset creates a inner-shadow */

  -khtml-box-shadow: 0px 1px 10px #666;

  -webkit-box-shadow: 0px 1px 10px #666;

  /* CSS3 end */

	border-top: 1px solid #eee;

  border-left: 1px solid #eee; 

  border-right: 1px solid #eee;  

}



div#toolbar {

  width: 85%;

  min-width: 700px; /* to limit the width when an excessive window resize */

  margin: 0px auto; /* centered toolbar */

  left: 0px;

}



div#toolbarbut { /* div for the 'hide status' */

  width: 60px;

  height: 15px;

  margin-right: 3%;

  display: none;

}



span.showbar a { /* show button */

  padding: 5px;  

  font-size: 10px;

  color: #989898;

}



.leftsidebar {

  float: left;

}



.rightside {

  float: right;

}



/*-- Left Side --*/



ul#social li {

  display: inline;

}



a.rss {

  display: inline-block;

  width: 104px;

  height: 35px;

  margin-left: 5px;

  background: url(images/socialbar/rss.png) no-repeat;

}



a.facebook, a.twitter, a.digg, a.delicious, a.stumble, a.email {

  display: inline-block;

  width: 40px;

  height: 35px;        

  margin-top: 1px;

}



a.rss:hover, a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.stumble:hover, a.email:hover {

  background-position: 1px 1px; /* simple css hover effect */

}



a.facebook {

  background: url(images/socialbar/facebook.png) no-repeat;

}



a.twitter {

  background: url(images/socialbar/twitter.png) no-repeat;

}


a.email {

  background: url(images/socialbar/email.png) no-repeat;

}



a.delicious {

  background: url(images/socialbar/delicious.png) no-repeat;

}



a.digg {

  background: url(images/socialbar/digg.png) no-repeat;

}



a.stumble {

  background: url(images/socialbar/stumble.png) no-repeat;

}



.tip {

  position: absolute; /* important */

  top: -75px;

  width: 250px;

  height: 78px;

  background: url(images/socialbar/tip.png) no-repeat;

  float: left;

  display: none;

}



/* custom distances for the icons */

#tipfacebook {

  left: 75px; 

}



#tiptwitter {

  left: 120px; 

}



#tipdelicious {

  left: 165px; 

}



#tipdigg {

  left: 210px; 

}



#tipstumble {

  left: 255px; 

}



.tip ul {

  padding: 22px 0 0 25px;

}



.tip ul li {

  display: inline;

  padding-left: 3px;

}



.tip ul li a {

  font-size: 18px;

  color: #989898;

}       



.tip ul li a:hover {

  color: #666;

}



.tip ul li small {

  font-size: 10px;

}



/*-- Right Side --*/



span.downarr { /* hide button */ 

  float: right;

  border-left: 1px solid #a4a4a4;

}



span.downarr a {

  display: block;

  width: 36px;

  height: 26px;

  padding: 25px 0 0 10px;

  background: url(images/socialbar/downarrow.png) no-repeat 5px 7px;

}



span.menu_title {

  background: #e4e4e4;

  border-left: 1px solid #a4a4a4;

  padding: 10px;

}



span.menu_title a {

  font-size: 16px;

  line-height: 34px;

  color: #9a9a9a;

}



.quickmenu {

  position: absolute; /* important */

  top: -351px;

  right: 46px;

  width: 260px;

  height: 350px;

  background: #e4e4e4;

	border-top: 1px solid #a4a4a4;

  border-left: 1px solid #a4a4a4; 

  border-right: 1px solid #a4a4a4;

  /* CSS3 */

  -moz-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;

  -khtml-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;

  -webkit-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;

  /* CSS3 end */

  display: none; /* important */

}



.quickmenu ul {

  padding-top: 20px;

}



.quickmenu ul li {

  border-bottom: 1px solid #989898;    

  padding: 5px 10px;

  margin: 0 15px 0 15px;

}



.quickmenu ul li a {

  font-size: 18px;

  color: #989898;

  display: block;
  list-style:none;

}



.quickmenu ul li a:hover {

  color: #666;

}