body {
	background-color: #fff;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	color: #3f3f3f;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

div, li, ul, p, td, form { margin: 0; padding: 0; }

p {
	margin-bottom: 10px;
}

h1 { 
	font-size: 20px;
	color: #0b8faf;
	font-weight: normal;
}

h3 { 
	font-size: 14px;
	color: #0b8faf;
	font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 0;
}

.uppercase { text-transform: uppercase; }

a { color: #426a24; }

td {
	vertical-align: top;
	font-size: .85em;
}

#navBarWrapper {
	width: 100%;
	background: url("i/head_bar_sliver.gif") repeat-x;
	height: 105px;
}

#headBar {
	width: 900px; 
	margin: 0 auto;
}

#mainBodyWrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}


/* top tabs */
#navTabs {
    width: 400px;
    float: right;
    text-align: right;
    margin-top: 1px;
    height: 25px;
}

#navTabs ul { padding: 0; margin: 0; }
#navTabs li { 
	display: inline; 
  	list-style: none; 
    margin: 0;
    float: left;
}

#navTabs li a { 
	font-size: .8em;
    color: #36a4bf;
    text-decoration: none;
}

#navTabs li a:hover {
    text-decoration: none;
}


/* background for navTabs */
.navTabsBox {
    width: 97px;
    display: inline;
    float: left;
    background: url("i/nav_tab_middle.gif") repeat-x;
    height: 25px;
}

.navTabsBox a { padding: 2px 15px; }

.navTabsBoxRight {
    float: right;
    background: url("i/nav_tab_right.gif") no-repeat;
    height: 25px;
    width: 8px;
}
.navTabsBoxCenter {
    background: url("i/nav_tab_middle.gif") repeat-x;
    height: 25px;
}
.navTabsBoxLeft {
    float: left;
    background: url("i/nav_tab_left.gif") no-repeat;
    height: 25px;
}

.smallTextNav {
    float: right; 
	width: 200px; 
	font-size: .8em; 
	margin-top: 30px; 
	margin-bottom: 29px;
	color: #fff;
}

.smallTextNav a { color: #fff; }

.contentRight {
    width: 420px;
    float: right;
}

.contentLeft {
    width: 420px;
}

.homeBikeImage {
    float: left;
    margin-right: 10px;
}

.homeBikeDesc {
    font-size: .8em;
}

#footer {
    margin-top: 50px;
    /*border-top: 1px solid #b4dde7;*/
    border-top: 1px solid #999;
    text-align: left;
    padding-top: 1px;
    font-size: .7em;
    color: #999;
}

.colorCell {
	color: #fff;
	background-color: #0b8faf;
}

/* product spec tabs */
#specTabs {
    width: 420px;
    float: right;
    text-align: right;
    margin-top: 0px;
    height: 23px;
}

#specTabs ul { padding: 0; margin: 0; }
#specTabs li { 
	display: inline; 
  	list-style: none; 
    margin: 0;
	padding: 0;
    float: left;
    text-align: center;
}

#specTabs li a { 
	font-size: .9em;
    color: #36a4bf;
    text-decoration: none;
}

#specTabs li a:hover {
    text-decoration: none;
}

#specTabs li a.specTabsPadding { color: #36a4bf; font-weight: bold; }
#specTabs li a.selected { color: #fff; font-weight: bold; } 

/* background for specBlueTabs */
.specBlueTabsBox {
    width: 103px;
    display: inline;
    float: left;
    background: url("i/spec_tab_blue_middle.gif") repeat-x;
    height: 23px;
	margin-right: 1px;
}

.specBlueTabsBox a { color: #fff; }

.specBlueTabsBoxRight {
    float: right;
    background: url("i/spec_tab_blue_right.gif") no-repeat;
    height: 23px;
    width: 8px;
}

.specBlueTabsBoxLeft {
    float: left;
    background: url("i/spec_tab_blue_left.gif") no-repeat;
    height: 23px;
}

/* background for specGrayTabs */
.specGrayTabsBox {
    width: 103px;
    display: inline;
    float: left;
    background: url("i/spec_tab_gray_middle.gif") repeat-x;
    height: 23px;
	margin-right: 1px;
}

.specGrayTabsBoxRight {
    float: right;
    background: url("i/spec_tab_gray_right.gif") no-repeat;
    height: 23px;
    width: 8px;
}

.specGrayTabsBoxLeft {
    float: left;
    background: url("i/spec_tab_gray_left.gif") no-repeat;
    height: 23px;
}

.cellPadding { padding: 4px; }

.productSubLinks {
	margin-top: 10px; 
	margin-right: 170px; 
	width: 250px; 
	height: 25px; 
	float: right;
	color: #ccc;
}

.offSubLink a { color: #ccc; text-decoration: none; }
.onSubLink a { text-transform: uppercase; text-decoration: none; color: #333; }

.question { font-weight: bold; }
.answer { font-size: .9em; font-weight: normal; padding-bottom: 10px; }

/* smart menus */
/* The "clearFix" class is used for clearing the main menu items because they
   are left-floated for horizontal main menus and we have to clear them if our main
   menu is relatively positioned (as in this example) so that the main menu box
   takes its place correctly on the page. We have to apply this class to the parent
   DIV of the root UL of our menu tree. Please take a look at section 6.1 in the
   SmartMenus User's Manual for a detailed explanation if you like. */

.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}

img.thumb {
	border: 1px solid #ccc;
}

.footnote { font-size: .8em; font-style: italic; }

.quote {
	font-size: .9em;
	font-weight: lighter;
	color: #0b8faf;
	width: 75%;
	border-top: 1px dotted #0b8faf;
}

#newsBoxWrapper {
	postion: relative;
	width: 160px; 
	height: 231px;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
}

.recentNewsBox {
	float: left;
	width: 160px; 
	height: 231px; 
	background: url("i/recent_news_box_small.gif") no-repeat;
	padding: 5px;
}

.recentNewsCopy {
	margin-top: 35px;
	margin-left: 7px;
	padding-right: 4px;
	font-size: .9em;
	line-height: 1.3em;	
	text-align: left;
}

.phone-number {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	font-style: italic;
}

#dealers { border: 1px solid #ccc; border-collapse: collapse; }
#dealers td { border: 1px solid #ccc; padding: 4px;}