#maintab {
  text-align:center;
}

#top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 23px;
}

#gradred {
  background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /*Standard*/
}

#gradyel {
  background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(247,255,126,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(247,255,126,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(247,255,126,1)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(255,0,0,0), rgba(247,255,126,1)); /*Standard*/
}

p#heading {font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
font-weight: 400;
text-shadow: 0px 0px 1px rgba(128,128,128,0.01);


    color:#424242;
    letter-spacing:-1px;
    margin-bottom:10px;
}


p#body {font-family: 'Source Sans Pro', sans-serif;
color: #FFFFFF;
font-size:13px;
    color:#ffffff;
    letter-spacing:-1px;
    margin-bottom:10px;
}



.centered {
  border: 0;
  width: 800px;
  margin: auto;
}


#tab-body {
    background-image:url(images/background.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#657077;
    margin:auto;
	width:800px;
	
}

#tabbed_box {
    margin: 0px auto 0px auto;
    width:800px;

}

.tabbed_box h4 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:23px;
    color:#ffffff;
    letter-spacing:-1px;
    margin-bottom:10px;
}
.tabbed_box h4 small {
    color:#e3e9ec;
    font-weight:normal;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    position:relative;
    top:-4px;
    left:6px;
    letter-spacing:0px;
}

.tabbed_area {
    border:.5px solid #B1B1B1;
    background-color:#ffffff;
    padding:8px;  
	
    border-radius: 10px;
	box-shadow:5px 5px 10px black;
	
	text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


.white_shadow {
    border:0px solid #494e52;
    background-color:#ffffff;
    padding:8px;  
	height:70px;
    border-radius: 0px;
	box-shadow:inset 0px 0px 10px #333333;
	margin-top:5px;
	
	
}

.tabbed_area_green {
    border:0px solid #494e52;
    background-color:#3a8f0c;
    padding:8px;  
	
    border-radius: 15px;
	box-shadow:5px 5px 10px black;
	
	text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tabbed_area_yellow {
    border:0px solid #494e52;
    background-color:#fdda47;
    padding:8px;  
	
    border-top-right-radius:15px;
	border-top-left-radius:15px;
	box-shadow:5px 5px 10px black;
	
	text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tabbed_area_org {
    border:0px solid #494e52;
    background-color:#e98c27;
    padding:8px;  
	
    border-radius: 15px;
	box-shadow:5px 5px 10px black;
	
	text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


.colorblock_area {
    border:0px solid #e98c27;
    background-color:#FAFF9F;
    margin:0px;
	padding:8px;  
	
    border-radius: 0px;
	box-shadow:5px 5px 10px black;  

}

.colorblock_area_nav {
    
	 position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 15px;
	border:0px solid #e98c27;
    background-color:#FAFF9F;
    margin:0px;
	padding:8px;  
		border-top-left-radius:0em;
border-top-right-radius:0em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em;
	box-shadow:5px 5px 10px black; 	 

}


.bd_mast {

  position: center;
  top: 0;
  left: 0;
  z-index: 999;
  width: 980px;
  height: 130px;
  background-color:#FFFFFF
  
  }
  
.topgrav_freeship {

  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  height: 25px;


    border:0px solid #e98c27;
    background-color:rgba(255, 0, 0, 0.75);
    background-image:url(http://www.bikesdirect.com/new-images/ups-red-band.gif);
	opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    margin-top: 0px;
    margin-bottom: 8px;
    margin-right: 0px;
    margin-left: 0px;
	padding:3px;  
	
    	border-top-left-radius:0em;
border-top-right-radius:0em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em;



	box-shadow:inset 0px 0px 5px #831616; 
	font-family: 'Source Sans Pro', sans-serif;
color: #ffffff;
font-weight: 600;
font-size:18px;
line-height: 20px; 

} 
  
  .topblock_freeship {

  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  height: 30px;


    border:0px solid #e98c27;
    background-color:rgba(255, 0, 0, 0.75);
    background-image:url(http://www.bikesdirect.com/new-images/ups-red-band.gif);
    margin-top: 30px;
    margin-bottom: 8px;
    margin-right: 0px;
    margin-left: 0px;
	padding:5px;  
	
    	border-top-left-radius:0em;
border-top-right-radius:0em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em;



	box-shadow:inset 0px 0px 10px #831616; 
	font-family: 'Source Sans Pro', sans-serif;
color: #ffffff;
font-weight: 600;
font-size:20px;
line-height: 25px; 

}

.colorblock_freeship {

  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 25px;


    border:0px solid #e98c27;
    background-color:rgba(255, 0, 0, 0.75);
    background-image:url(http://www.bikesdirect.com/new-images/ups-red-band.gif);
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	margin:0px;
	padding:3px;  
	border-top-left-radius:0em;
border-top-right-radius:0em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em;


	box-shadow:inset 0px 0px 5px #831616; 
	font-family: 'Source Sans Pro', sans-serif;
color: #ffffff;
font-weight: 600;
font-size:18px;
line-height: 20px; 

}

.tinted-image {
  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),
    /* bottom, image */
    url(image.jpg);
}



.style1sans {font-family: 'Source Sans Pro', sans-serif;
color: #FFFFFF}

.style1sans-org {font-family: 'Source Sans Pro', sans-serif;
color: #e98c27;
font-weight: 600;
font-size:14px;
line-height: 10px;

}


.style1sans-wht {font-family: 'Source Sans Pro', sans-serif;
color: #ffffff;
font-weight: 600;
font-size:14px;
line-height: 30px;

}

.style1sans-specs {font-family: 'Source Sans Pro', sans-serif;
color: #000000;
font-weight: 600;
font-size:12px;
line-height: 17px;

}



.style2sans {font-family: 'Source Sans Pro', sans-serif;
	color: #FF0000;
	font-weight: 700;
	}
	
.style3sans {font-family: 'Source Sans Pro', sans-serif;
	color: #e98c27;
	font-weight: 700;
	text-shadow: 0px 0px 1px rgba(128,128,128,0.01);
	}
	

.style1squada {font-family: 'Squada+One', sans-serif;
color: #FFFFFF}
.style2squada {font-family: 'Squada+One', sans-serif;
	color: #e98c27;
	font-weight: 400;
	}




ul.tabs {
    margin:0px; padding:0px;
	text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
}
ul.tabs li {
    list-style:none;
    display:inline;
}

ul.tabs li a {
    background-color:#464c54;
    color:#ffebb5;
    padding:8px 14px 8px 14px;
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
	border-top-left-radius:1em;
border-top-right-radius:1em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em;
		 	box-shadow: 3px -1px 4px black;  
   

	   
 
}
ul.tabs li a:hover {
    background-color:#2f343a;
    border-color:#2f343a;
}
ul.tabs li a.active {
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #464c54; 
    border-bottom: 1px solid #ffffff;
		border-top-left-radius:1em;
border-top-right-radius:1em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em;    

}

.content {
    background-color:#ffffff;
    padding:10px;
    border:1px solid #464c54; 
	 border-radius: 3px;    
}
#content_2, #content_3 { display:none; }

ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
}

.content ul {
    margin:0px;
    padding:0px 20px 0px 20px;
}
.content ul li {
    list-style:none;
    border-bottom:1px solid #d6dde0;
    padding-top:15px;
    padding-bottom:15px;
    font-size:13px;
}
.content ul li a {
    text-decoration:none;
    color:#3e4346;
}
.content ul li a small {
    color:#8b959c;
    font-size:9px;
    text-transform:uppercase;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    position:relative;
    left:4px;
    top:0px;
}

.content ul li:last-child {
    border-bottom:none;
}


/* begin bottom nav tabs \*/

#navtabsI {

   overflow:hidden;

float:left;
 position: fixed;
  bottom: 0;
  left: 0;
  z-index: 997;
  width: 100%;
  height: 35px;
  margin-bottom:35px;
      

      background-color:rgba(255,255,255, 0.35);
      font-size:73%;
      line-height:normal;
	  border-bottom:1px solid #DD740B;
	  
	  		border-top-left-radius:1em;
border-top-right-radius:0em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em; 
	 
}
#navtabsI ul {
	clear:left;
   float:left;
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
 position:relative;
   left:50%;
		

}
#navtabsI li {
      float:left;

      display:inline;
      margin:0;
      padding:0;
	      font-family:Verdana, Arial, Helvetica, sans-serif;
		   position:relative;
   right:50%;
		  
		 
}
#navtabsI a {
      float:left;
      background:url("tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
	  background-color:#3399FF;
	      font-family:Verdana, Arial, Helvetica, sans-serif;
		   border-top-left-radius:.5em;
border-top-right-radius:2em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em; 


}
#navtabsI a span {
      float:left;
      display:block;
      background:url("tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
	  background-color:#6699FF;
	      font-family:Verdana, Arial, Helvetica, sans-serif;
		  		   border-top-left-radius:0em;
border-top-right-radius:2em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em; 
	 	box-shadow: 3px 1px 4px black;  



}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navtabsI a span {float:none;}
/* End IE5-Mac hack */
#navtabsI a:hover span {
      color:#FFF;
}
#navtabsI a:hover {
      background-position:0% -42px;
	  background-color:#00CCCC;
}
#navtabsI a:hover span {
      background-position:100% -42px;
	  background-color:#FF6633;
}

#navtabsI a.active:hover span {
      color:#FFF;
}
#navtabsI ul li a.active:hover {
      background-position:0% -42px;
	  background-color:#00CCCC;
}
#navtabsI ul li a.active:hover span {
      background-position:100% -42px;
	  background-color:#FF6633;
}


/* begin top nav tabs \*/

#topnavtabsI {

   overflow:hidden;

float:left;
 position: fixed;
  top: 0;
  left: 0;
  z-index: 997;
  width: 100%;
  height: 35px;
  margin-top:58px;
      

      background-color:rgba(255,255,255, 0.35);
      font-size:110%;
      line-height:normal;
	  border-top:1px solid #DD740B;
	  
	  		border-top-left-radius:0em;
border-top-right-radius:0em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em; 
	 
}
#topnavtabsI ul {
	clear:left;
   float:left;
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
 position:relative;
   left:50%;
		

}
#topnavtabsI li {
      float:left;

      display:inline;
      margin:0;
      padding:0;
	      font-family:Verdana, Arial, Helvetica, sans-serif;
		   position:relative;
   right:50%;
		  
		 
}
#topnavtabsI a {
      float:left;
      background:url("tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
	  background-color:#3399FF;
	      font-family:Verdana, Arial, Helvetica, sans-serif;
		   border-top-left-radius:0em;
border-top-right-radius:0em;
border-bottom-right-radius:2em;
border-bottom-left-radius:.5em; 


}
#topnavtabsI a span {
      float:left;
      display:block;
      background:url("tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
	  background-color:#6699FF;
	      font-family:Verdana, Arial, Helvetica, sans-serif;
		  		   border-top-left-radius:0em;
border-top-right-radius:0em;
border-bottom-right-radius:2em;
border-bottom-left-radius:0em; 
	 	box-shadow: 3px 1px 4px black;  

}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnavtabsI a span {float:none;}
/* End IE5-Mac hack */
#topnavtabsI a:hover span {
      color:#FFF;
}
#topnavtabsI a:hover {
      background-position:0% -42px;
	  background-color:#00CCCC;
}
#topnavtabsI a:hover span {
      background-position:100% -42px;
	  background-color:#FF6633;
}

#topnavtabsI a.active:hover span {
      color:#FFF;
}
#topnavtabsI ul li a.active:hover {
      background-position:0% -42px;
	  background-color:#00CCCC;
}
#topnavtabsI ul li a.active:hover span {
      background-position:100% -42px;
	  background-color:#FF6633;
}


#centerheader{
    position:fixed;
    width: 100%; //this basically stretches all over the window as fixed
}

#bd-header-block {
 	
 position: relative;
  width: 1000px;
  height: 110px;
  margin-top:100px;
      

      background-color:rgba(255,255,255, 1);
      font-size:93%;
      line-height:normal;
	  border-top:0px solid #DD740B;
	  
	  		border-top-left-radius:0em;
border-top-right-radius:0em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em; 

}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#bd-header-block a span {float:none;}
/* End IE5-Mac hack */

#bd-header-block a span {
	float:left;
	display:block;
	text-decoration:none;
	padding-top:10px;
}
#bd-header-block ul li {
float:left;
	display:block;
	text-decoration:none;
	padding:5px 15px 4px 6px;
      color:#FFF;
	  background-color:#fFF;
}

#verisign-seal-bbb {
 	box-shadow:5px 5px 10px rgba(0,0,0, .7); 	  
 position: fixed;
  top: 0;
  right: 5px;
  z-index: 996;
  width: 200px;
  height: 125px;
  margin-top:60px;
  overflow:hidden;
      

      background-color:rgba(255,255,255, 1);
      font-size:93%;
      line-height:normal;
	  border-top:0px solid #DD740B;
	  
	  		border-top-left-radius:0em;
border-top-right-radius:0em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em; 

}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#verisign-seal-bbb a span {float:none;}
/* End IE5-Mac hack */

#verisign-seal-bbb a span {
	float:left;
	display:block;
	text-decoration:none;
	padding-right: 15px;
	margin-right:10px;
}
#verisign-seal-bbb ul li {
float:left;
	display:block;
	text-decoration:none;
	padding:0px 0px 0px 0px;
	padding-right: 15px;
      color:#FFF;
	  background-color:#fFF;
	  color:#000000; text-decoration:none; 
	  font:bold 8px verdana,sans-serif; 
	  letter-spacing:.5px; 
	  text-align:center; 
}

#reviewcontainer {
    height: 200px;
    width: 800px;
    border: 1px solid #333;
    overflow: hidden;
    margin: 25px auto;
}

#reviewbox {
    background: orange;
    height: 180px;
    width: 400px;
    margin: 10px -400px;
    -webkit-animation-name: move;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: right;
    -webkit-animation-timing-function: linear;
}

#reviewbox:hover {
    -webkit-animation-play-state: paused;
}

@-webkit-keyframes move {
    0% {
        margin-left: -400px;
    }
    100% {
        margin-left: 800px;
    }


/* begin bottom sitenav tabs \*/

#sitenavtabsI {

   overflow:hidden;

float:left;
 position: fixed;
  bottom: 0;
  left: 0;
  z-index: 997;
  width: 100%;
  height: 35px;
  margin-bottom:35px;
      

      background-color:rgba(255,255,255, 0.35);
      font-size:100%;
      line-height:normal;
	  border-bottom:1px solid #DD740B;
	  
	  		border-top-left-radius:1em;
border-top-right-radius:0em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em; 
	 
}
#sitenavtabsI ul {
	clear:left;
   float:left;
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
 position:relative;
   left:50%;
		

}
#sitenavtabsI li {
      float:left;

      display:inline;
      margin:0;
      padding:0;
	      font-family:Verdana, Arial, Helvetica, sans-serif;
		   position:relative;
   right:50%;
		  
		 
}
#sitenavtabsI a {
      float:left;
      background:url("tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
	  background-color:#3399FF;
	      font-family:Verdana, Arial, Helvetica, sans-serif;
		   border-top-left-radius:.5em;
border-top-right-radius:2em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em; 


}
#sitenavtabsI a span {
      float:left;
      display:block;
      background:url("tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
	  background-color:#6699FF;
	      font-family:Verdana, Arial, Helvetica, sans-serif;
		  		   border-top-left-radius:0em;
border-top-right-radius:2em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em; 
	 	box-shadow: 3px 1px 4px black;  



}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sitenavtabsI a span {float:none;}
/* End IE5-Mac hack */
#sitenavtabsI a:hover span {
      color:#FFF;
}
#sitenavtabsI a:hover {
      background-position:0% -42px;
	  background-color:#00CCCC;
}
#sitenavtabsI a:hover span {
      background-position:100% -42px;
	  background-color:#FF6633;
}

#sitenavtabsI a.active:hover span {
      color:#FFF;
}
#sitenavtabsI ul li a.active:hover {
      background-position:0% -42px;
	  background-color:#00CCCC;
}
#sitenavtabsI ul li a.active:hover span {
      background-position:100% -42px;
	  background-color:#FF6633;
}

.style16 {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:80%;
border-bottom:1px;
border-bottom-color:#666666;
text-decoration:none;
font-style:italic;

}

.style16b {
font-family:Source+Sans+Pro, Arial, Helvetica, sans-serif;
color: #336699;
font-size:90%;
font-weight:600;
border-bottom:1px;
border-bottom-color:#666666;
text-decoration:none;

}