html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html{
height: 100%;
overflow: -moz-scrollbars-vertical;
overflow-x: auto;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #979895;
	text-align: center;
}

strong{font-weight: bold;}
em{font-style:italic;}

h4{
font-size: 1.4em;
color: #009cd9;
margin-bottom: 10px;
}

#inner{background: #202125;}
#inner.home{background: #080808 url(/images/homeBg.jpg) no-repeat top center;}

a{color: #009cd9;}
a:hover{color: #fff; text-decoration: none;}

.index{
width: 980px;
text-align: left;
margin: 0 auto;
}

.header{height: 94px;}
.header h1 a{
display:block;
width: 222px;
height: 94px;
margin: 0 46px 0 20px;
float:left;
text-indent: -9999em;
}

.utilHome, .utilFaq, .utilContact{
display:block;
float:left;
height: 28px;
width: 99px;
text-indent: -9999em;
border-left: 1px solid #35383b;
background: url(/images/utilNavBg.png) no-repeat 20px 12px;
}
.utilHome:hover{background-position: 20px -30px;}
.utilFaq{
width: 89px;
background-position: -80px 12px;
}
.utilFaq:hover{background-position: -80px -30px;}
.utilContact{
width: 89px;
background-position: -170px 12px;
}
.utilContact:hover{background-position: -170px -30px;}

.navProducts, .navPhoto, .navNews, .navDealers, .navManuals,
.navProducts_active, .navPhoto_active, .navNews_active, .navDealers_active, .navManuals_active{
display:block;
float:left;
height: 34px;
width: 85px;
text-indent: -9999em;
margin: 0 43px 21px 0;
background: url(/images/nav.png) no-repeat 8px 11px;
}
.navProducts{
margin-left: 294px;
}
.navProducts:hover, .navProducts_active{background-position: 8px -21px;}
.navPhoto{
width: 115px;
margin-right: 45px;
background-position: -121px 11px;
}
.navPhoto:hover, .navPhoto_active{background-position: -121px -21px;}
.navNews{
width: 128px;
margin-right: 46px;
background-position: -279px 11px;
}
.navNews:hover, .navNews_active{background-position: -279px -21px;}
.navDealers{
width: 74px;
margin-right: 46px;
background-position: -454px 11px;
}
.navDealers:hover, .navDealers_active{background-position: -454px -21px;}
.navManuals{
width: 74px;
margin-right: 0px;
background-position: -572px 11px;
}
.navManuals:hover, .navManuals_active{background-position: -572px -21px;}

#inner.home .siteContent{
position: relative;
top: -20px;
}

.flash{
clear:both;
height: 478px;
}

.technology, .products, .reviews{float:left;height:190px;font-size: .75em;}

.technology{
width: 309px;
line-height: 1.6;
background: url(/images/autoNestingBg.jpg) no-repeat 11px 0px;
}
#inner.home .technology{
margin-left: 0;
}
.technology h2{
color: #009cd9;
font-weight: bold;
font-size: 1.15em;
margin: 16px 0 0 85px;
}
.technology p{
width: 197px;
margin: 12px 0 0 85px;
}
.products{
width: 330px;
background: url(/images/productsBg.jpg) no-repeat;
}
.products a:hover{color: #009cd9;} 
.products ul{
margin: 41px 0 0 50px;
}
.products li, .tabRightCol li{
list-style-type: none;
margin-bottom: 11px;
padding-left: 35px;
background: url(/images/iconListArrow.gif) no-repeat 0 4px;
}
.products li:hover, .tabRightCol li:hover{
background-position: 0 -9px;
}
.reviews{
width: 273px;
padding: 15px 38px 0 0;
line-height: 1.6;
}
.reviews p{
margin-top: 12px;
}
.reviews .testimonial_link a{
float: right;
padding-right: 30px;
background: url(/images/iconListArrow.gif) no-repeat right 6px;
}
.reviews .testimonial_link a:hover{
background-position: right -7px;
}

.stars4half{
display:block;
float:left;
margin: 4px 10px 0 0;
width: 62px;
height: 12px;
text-indent: -9999em;
background: url(/images/stars.png) no-repeat;
}
.starTitle{
color: #009cd9;
font-weight: bold;
font-size: 1.15em;
}
#inner.home .footer{
width: 920px;
clear:both;
font-size: 1em;
color: #666;
height: 465px;
margin: 30px auto 0px auto;
background: transparent;
}

.ftrLeft{float:left;}
.footer a{
color: #666;
text-decoration: none;
margin: 0 10px;
}
.footer a:hover{color:#fff;}
.csLogo{
display:block;
float:right;
width: 124px;
height: 28px;
text-indent: -9999em;
margin-top: 7px;
background: url(/images/csLogo.gif) no-repeat;
}
.csLogo:hover{background-position: 0 -28px;}

/* Interior Styles -------------- */

.headerWrap{
background: url(/images/innerTopBg.jpg) no-repeat center top;
height: 340px;
}

.headerContain{
text-align: left;
width: 980px;
margin: 0 auto;
}

.siteContent{
width: 980px;
text-align: left;
background: url(/images/contentBg.jpg) no-repeat 2px 10px;
clear:both;
min-height: 200px;
padding: 20px 0 0 0;
margin: -190px auto;
}

#inner.home .siteContent{
background: none;
}

.leftCol{
float: left;
width: 255px;
}

.subnav, .subnav_active{
margin: 7px 0 0 20px;
}

.subnav li{
list-style-type: none;
}

.subnav li a, .subnav_active li a{
display:block;
text-decoration: none;
width: 193px;
height: 30px;
font-size: 1.1em;
padding: 10px 0 0 30px;
color: #fff;
cursor: pointer;
border-bottom: 1px solid #36383c;
}

.subnav li:hover a, .subnav_active li a{
color: #fee301;
background: url(/images/sideNavActiveBg.gif);
}

.cart{
height: 89px;
margin-top: 20px;
padding: 44px 0 0 95px;
background: url(/images/shoppingCartBg.png) no-repeat;
}

.cart strong{
color: #009cd9;
}

.cart p{
text-transform: uppercase;
font-size: .6em;
margin-top: 7px;
}

.rightCol{
float: right;
width: 687px;
margin-left: 38px;
}

.rightCol p{
margin-bottom: 20px;
line-height: 1.6;
}

.productInfo{
float: left;
width: 235px;
margin: 30px 0 0 0px;
}

.rightCol h3{
font-size: 2.2em;
margin: 31px 0 0 0px;
}

.rightCol .productInfo h3{
margin: 0;
}

.part{
width: 212px;
font-size: .75em;
text-transform: uppercase;
padding-bottom: 16px;
margin-top: -6px;
background: url(/images/dottedBorder.gif) repeat-x bottom;
}

.price{
font-size: 1.5em;
position:relative;
top: 1px;
}

.twoFtwo, .threeFone, .twoNtwo, .oneNtwo, .oneNone, .twoFone, .twoExtension{
width: 206px;
height: 71px;
margin: 12px 0 12px 0;
text-indent: -9999em;
background: url(/images/2bikesFolding2in.jpg) no-repeat;
}

.threeFone{
background: url(/images/3bikesFolding1in.jpg) no-repeat;
}

.twoNtwo{
background: url(/images/2bikesNonFolding2in.jpg) no-repeat;
}

.oneNtwo{
background: url(/images/1bikesNonFolding2in.jpg) no-repeat;
}

.oneNone{
background: url(/images/1bikesNonFolding1in.jpg) no-repeat;
}

.twoFone{
background: url(/images/2bikesFolding1in.jpg) no-repeat;
}

.twoExtension{
background: url(/images/2bikesExtension.jpg) no-repeat;
}

.featureLogos{
width: 211px;
height: 68px;
text-indent: -9999em;
background: url(/images/featureLogos.png) no-repeat;
}

.addCart{
display: block;
width: 206px;
height: 58px;
margin-top: 22px;
text-indent: -9999em;
background: url(/images/addToCart.jpg) no-repeat 0 0;
}
.addCart:hover{
background-position: 0 -58px;
}

.photos{
float: left;
width: 440px;
margin: 7px 0 0 0;
}

.photoMask{
position: relative;
margin: 0 0 0 -2px;
z-index: 99;
width: 440px;
height: 292px;
background: url(/images/photoMask.png) no-repeat 0 0;
}

.clearFix{
height: 1px;
clear:both;
}

.threeColWrap{
width: 981px;
margin: 0 auto;
text-align: left;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 ? 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* Tabs
----------------------------------*/
.ui-tabs {
padding: 0;
zoom: 1;
}

#tabs{
clear:both;
position: relative;
top: 27px;
margin: 0 0 0 -4px;
}

.ui-tabs{background: url(/images/tabsTopBg.jpg) no-repeat 327px 52px;}

.ui-tabs .ui-tabs-nav {
list-style: none;
position: relative;
padding: 0;
}

.ui-tabs .ui-tabs-nav li {
position: relative;
float: left;
border-bottom-width: 0 !important;
margin: 0;
padding: 0; 
height: 56px;
}

.overview{
width: 164px;
text-indent: -9999em;
background: url(/images/tabsBg.jpg) 0 -69px;
}

.details{
width: 164px;
text-indent: -9999em;
background: url(/images/tabsBg.jpg) -164px 0;
}

.ui-tabs .ui-tabs-nav li a {
float: left; 
text-decoration: none; 
padding: 0; 
display: block;
width: 164px;
height: 54px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.details  { 
padding-bottom: 1px; 
border-bottom-width: 0;
background-position: -165px -69px;
 }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected.overview  { 
padding-bottom: 0px; 
border-bottom-width: 0;
background-position: 0 0;
 }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { 
width: 662px;
padding: 30px 0 0 10px; 
display: block;
border-width: 0; 
clear: both; 
}
.ui-tabs .ui-tabs-hide { 
display: none !important; 
}

.tabLeftCol, .tabRightCol{
font-size: .75em;
line-height: 1.7;
}
.tabLeftCol p, .tabRightCol p{
margin-bottom: 15px;
}
.tabLeftCol h4{
font-size: 1.7em;
color: #009cd9;
margin-bottom: 26px;
} 
.tabLeftCol{
width: 396px;
float: left;
margin-bottom: 30px;
}
.tabRightCol{
float: left;
margin: 0 0 0 66px;
padding-top: 54px;
}

.tabRightCol ul{
background: url(/images/dottedBorder.gif) repeat-x top;
margin-top: 13px;
padding-top: 18px;
}

.tabRightCol li{
line-height: 1;
}

#inner .content{
}

#inner .footer{
width: 100%;
clear:both;
float: none;
font-size: 1em;
color: #666;
height: 616px;
background: url(/images/footerBg.jpg) no-repeat center;
}

#inner .footerContain{
width: 981px;
margin: 0 auto;
padding: 137px 0 0 0;
}

#inner .technology{
margin-left: 30px;
}

.footerLinks{
float: left;
width: 981px;
font-size: .7em;
margin: 90px 0 0 0;
}

.wysiwyg_content{
font-size: .9em;
line-height: 1.7;
margin: 0px 31px 31px 0px;
}
.wysiwyg_content p{
margin-bottom: 15px;
}

.accessories, .wixter{
clear:both;
font-size: .85em;
margin-top: 20px;
}
.accessories img{
float: left;
background: url(/images/accessBg.png) no-repeat;
padding: 20px 20px 3px 3px;
margin: 0 23px 20px 0;
}
.wixter img{
float: left;
border: 6px solid #000;
margin: 0 23px 20px 0;
}
.accText{
float: left;
width: 470px;
}
.wixterText {
clear: both;
background: url(/images/dottedBorder.gif) repeat-x bottom;
margin-bottom: 1em;
}
.accessories h5, .wixter h5{
font-weight: bold;
color: #009cd9;
margin-bottom: 3px;
}
.accessories p, .wixter p{
margin: 0 0 8px 0;
font-size: .9em;
}
.accessories .accessInfo, .wixter .wixterInfo{
font-weight: bold;
font-size: .9em;
float:left;
margin-right: 15px;
}
.accessories .accessAddCart, .wixter .accessAddCart{
display:block;
float:left;
width: 125px;
height: 29px;
text-indent: -9999em;
margin-top: -8px;
background: url(/images/accAddCart.png) no-repeat;
}

.cartTable{
font-size: .8em;
background: #111214;
-moz-box-shadow: 0px 0px 5px #111;
-webkit-box-shadow: 0px 0px 5px #111;
box-shadow: 0px 0px 5px #111;
}
.cartTable td{
padding: 10px;
border: 1px solid #333;
}
.productheader{
color: #009cd9;
}
.viewproduct img{
position: relative;
top: 4px;
}
.total{
font-weight: bold;
color: #fde200;
}
.fblink {
position: relative;
display: inline-block;
height: 16px;
width: 16px;
text-indent: -9999px;
background: url(/images/facebook.png) no-repeat right top;
}
.cartButton {
float: left;
width: 22.5%;
text-align: center;
}

.submitphoto a{
display: block;
width: 325px;
height: 145px;
text-indent: -999em;
background: url(/images/submitPhotoCopy.png) no-repeat;
}
