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

/* set up colors */
html, body { background-color: #fff; margin: 0; padding: 0;}
body, td, p { color: #666; font-size: 11px; line-height: 16px;}
body { margin: 0; text-align: left; }
a { color: #00aeef; }
h1, h2, h3, h4, h5, h6 { color: #000; text-transform: uppercase; }
h1 { font-family: citizenlight, Citizen Light, Helvetica, Arial, Sans; font-size: 2.5em;}
h2 { font-family: ezzobook, Ezzo Book, Helvetica, Arial, Sans; font-size: 1.5em;}
h3 { font-family: ezzobold, Ezzo Bold, Helvetica, Arial, Sans; font-size: 1.3em;}
a:hover { color: #00aeef; }

/*structure*/
#panel   { margin-top: 100px; position: relative; background: #ffffff url(http://d3vym1fboy5rqr.cloudfront.net/2010/pagebg_rr.jpg) 1198px 0 no-repeat; }
#bgl     { position: absolute; top: 0; left: 0; width: 238px; }
#bgr     { position: absolute; top: 0; left: 878px; }
#content { position: relative; left: 238px; width: 700px; height: 760px;}
#innercontent { background: #ffffff url('http://d3vym1fboy5rqr.cloudfront.net/2010/content_topfade.png') top left repeat-x; width: 640px; height: 760px; overflow: visible; position: relative; }
#innercontent2 { background: transparent url('http://d3vym1fboy5rqr.cloudfront.net/2010/content_bottomfade.png') bottom left repeat-x; width: 640px; height: 760px; overflow: visible; position: relative;}
.paddedcontent { padding: 35px; width: 570px; height: 689px; }

/*standard bits*/
#logo      { position: absolute; top: 35px; left: 46px; }

#menu      { position: absolute; top: 0; left: 240px; }
#menu ul   { float: left; margin: 2px 35px 0 0; list-style: none; }
#menu ul li { margin: 7px 0 0 0; padding: 0; line-height: 10px; }
#menu a { text-decoration: none; color: #000; text-transform: uppercase; line-height: 10px; font-weight: bold; }
#menu a.active { color: #00aeef; }
#menu a:hover { color: #00aeef; }

#news      { position: absolute; top: 0; left: 873px; height: 100px; width: 300px;}
#news h3   { font-size: 15px; color: #00aeef; padding: 0; margin: 12px 0 0 0; line-height: 14px; }
#news p    { width: 185px; margin: 5px 0 0 0; }
#news a    { color: #00aeef; text-decoration: none; font-weight: bold;}
#news a:hover { text-decoration: underline;}
#news ul   { position: absolute; bottom: 0; border-left: 5px solid #00aeef; list-style: none; height: 25px; margin: 0; }
#news ul li { float: left; padding: 0 8px; margin-top: 5px; border-right: 1px solid #f0f0f0; }
#news ul li.last { border-right: none; }

#footer  { background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/footer_badge_knolly.png) 17px 33px no-repeat; padding: 22px 0 0 170px; }
#footercontent { border-left: 1px solid #d4d4d4; padding: 9px 15px; font-size: 10px; line-height: 10px; }
#footercontent ul { list-style: none; margin: 0; height: 18px;}
#footercontent ul li { margin-right: 10px; float: left; }
#footercontent a { text-decoration: none; color: #666; }
#footercontent a:hover { color: #00aeef; }
#footercontent p { float: left; line-height: 25px; padding-right: 10px;}
#footercontent img { margin-left: 5px; }

/*frontpage stuff*/
#fp_video { width: 640px; height: 360px; background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/videothumbs/knollypeople1_lg.jpg) top left no-repeat; }
#fp_bikes { position: relative; left: -238px; background: #fff url(http://d3vym1fboy5rqr.cloudfront.net/2010/pagebg_l.jpg) 0 -360px no-repeat;}
#fp_bikes div { position: absolute; top: 0; left: 0; }
#fp_bikes, #fp_bikes div { height: 321px; width: 1040px; }
#fp_bikes div a { display: block; position: relative; top: 285px; left: 1003px; width: 32px; height: 31px; 
                  background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/fp_button_off.png) top left no-repeat; text-decoration: none;}
#fp_bikes div a:hover { background-image: url(http://d3vym1fboy5rqr.cloudfront.net/2010/fp_button_on.png); }

/*longpage stuff*/
.longpage #content { height: auto; }
.longpage #innercontent { height: auto; border-bottom: none; }
.longpagefooter { border-top: 1px solid #6dd0f7; margin-top: 10px; }

/*bikes stuff*/
.bikeindexitem { border: 1px solid #ccc; height: 100px; width: 570px; margin-top: 25px; }

.bikeoverview h2 { color: #000000; font-family: ezzobold, Ezzo Bold, Helvetica, Arial, Sans; }
.bikeoverview p { margin-bottom: 8px; width: 215px; z-index: 20;}
.bikeoverview ul { list-style: none; margin-left: 0; margin-top: 3px; clear: both; padding-top: 10px;}
.bikeoverview ul li { background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/bullet_triangle.png) 0 6px no-repeat; padding-left: 12px; }
.bikeoverview ul a { text-decoration: none; font-size: 12px; color: #666666;}
.bikeoverview ul a:hover { text-decoration: underline; color: #00aeef; }
.bikeoverview table { position: absolute; bottom: 25px; width: 570px; margin: 0;}

a.bikeoverlay {display: block; position: absolute; top: 20px; right: 0; width: 400px; height: 400px; text-decoration: none; }

.bikecolors { font-weight: bold; height: 25px; position: relative; }
.colorbox { float: left; border: 1px solid #231f20; width: 20px; height: 20px; margin: 5px 8px 0 0; }
#colortip { display: none; background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/colortip.png) top left no-repeat; font-size:12px; height:20px; width:89px; padding:15px; color:#fff; text-align: center;}

.bikegeometry td, .bikegeometry th { font-size: 9px; padding-top: 4px; padding-bottom: 4px;}

.bikeframekits h1 { margin: 15px 0 15px 15px; font-size: 3em; }
.bikeframekits p { margin-left: 15px; }
.bikeframekits .tablepad { padding: 15px;}
.bikeframekits td { text-align: center; }

.bikebuildkits h1 { margin: 15px 0 15px 15px; font-size: 3em; }
.bikebuildkits p { margin-left: 15px; font-weight: bold;}
.bikebuildkits .tablepad { padding: 15px; }
.bikebuildkits td, .bikebuildkits th{ text-align: center; }
.bikebuildkits td.label { text-align: left; }

.galleryitems { width: 0; height: 0; visibility: hidden; overflow: hidden; }

.centered { text-align: center; }
.stdmeas {display: none; }
.metmeas {display: inline; }
.metricswitcher { position: absolute; top: 2px; right: 5px; }
.metricswitcher a { color: #fff; font-weight: bold; }

.bikeoverview-delirium { background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/bikes_delirium_intro.jpg) top right no-repeat; }
.bikeoverview-podium { background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/bikes_podium_intro.jpg) top right no-repeat; }
.bikeoverview-vtach { background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/bikes_vtach_intro.jpg) top right no-repeat; }
.bikeoverview-endorphin { background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/bikes_endorphin_intro.jpg) top right no-repeat; }
.bikeoverview-endorphinsl { background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/bikes_endorphinsl_intro.jpg) top right no-repeat; }

/*tables*/
table { width: 100%; margin: 0 0 5px 0; border-collapse: collapse;}
th { text-transform: uppercase; color: #fff; margin: 0; font-weight: bold; padding: 3px 3px 3px 8px; background-color: #6dd0f7;}
td { background-color: #fff; padding: 3px 4px 3px 8px; }
tr.odd td {background-color: #f2f2f2;}
tr.subhead td, td.tablegroup {background-color: #f2f2f2; font-weight: bold; text-align: center;}
tr.subhead th, tr.subhead td, td.tablegroup { border: 1px solid #00aeef; }

td.label { font-weight: bold; width: 120px; padding-left: 6px; }
td.reverse { color: #fff; }
td.details { background-color: #00aef0; vertical-align: top;}
td.divider { border-left: 1px solid #00aef0; }
tr.divider { border-top: 1px solid #00aef0; }
th.divider { border-left: 1px solid #fff; } 
td p { margin-top: 3px; margin-bottom: 7px; margin-right: 20px; line-height: 1.4em;}

/*content stuff*/
.contentpage { padding: 25px 40px 0 40px; }
.contentpage p { font-size: 12px; line-height: 18px; }
.contentpage h1 { border-bottom: 1px solid #000; padding-bottom: 3px; font-family: ezzobook, Ezzo Book, Helvetica, Arial, Sans; font-size: 1.8em; margin-bottom: 25px; }
.contentpage h2 { margin-top: 25px; }
.leftcolumn { float: left; width: 265px; }
.rightcolumn { float: left; width: 265px; margin-left: 20px; }
.contentpage ul { list-style: none; }
.contentpage ul li { background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/bullet_triangle.png) 0 6px no-repeat; padding-left: 12px; margin-top: 4px;}
.contentpage p img {margin-top: 0; }

.pagernav {text-align: right; font-weight: bold; text-transform: uppercase; position: absolute; bottom: 25px; right: 40px;}
.pagernav a { padding: 5px; text-decoration: none; }
.pagernav a.activeSlide {color: #f7941d; text-decoration: underline; }
.dealerbox h4 a { text-align: left; }
/*team stuff*/
.teampage { padding: 25px 15px 0 25px; }
.teampage h1 { border-bottom: 1px solid #000; padding-bottom: 3px; font-family: ezzobook, Ezzo Book, Helvetica, Arial, Sans; font-size: 1.8em; }
.teampage .rightcolumn p { font-weight: bold; margin: 15px 0 2px 0; font-size: 12px;}
.teampage .rightcolumn blockquote {margin: 0;}
.teampage .rightcolumn h2 { margin-top: 0; }
.teampage .leftcolumn { width: 290px; }
.teampage .rightcolumn { width: 280px; }
.teampage_logos { position: absolute; bottom: 5px; left: 0; z-index: 20; }

#errorpanel { margin: 50px; background: #FFF6BF; color: #817134; border: 1px solid #FFD324; padding: 5px 30px;}

/*support*/
table.shocksettings td, table.shocksettings th { text-align: center; }
#popup #innercontent { width: auto; height: auto; border-bottom: none; }
#popup #menu { top: 38px; }

/*dealers*/
#dealerupdate { border: 20px solid #6dcff6;}
#dealerupdate h2 { color: #00aeef; margin: 5px 0 20px 10px; }
#dealerresults { border-top: 20px solid #6dcff6; padding-top: 10px; height: 325px; overflow: auto; margin-top: 10px; }
div.popupdealer #dealerresults { height: auto; overflow: visible; }
#dealerresults h2 { color: #000000; font-size: 1.5em; margin: 10px; padding: 0; clear: both; border-bottom: 1px solid #000;}
#dealerresults h3 { color: #00aeef; font-size: 1.1em; margin: 0; padding: 0; }
#dealerresults p { margin: 0; margin-top: 5px; }
#dealerresults ul { margin: 0; margin-left: 15px; }
#dealerresults li { margin-top: 0; }
#dealerresults .dealerbox { float: left; width: 225px; margin-left: 10px; margin-bottom: 25px;}
#dealerresults .firstcol { clear: both; }

/*gallery*/
#videogal { height: 320px; position: relative; }
.videoitem { width: 260px; float: left; margin-right: 15px; height: 85px; margin-bottom: 10px; position: relative;}
.videoitem a.gallery_watch { display: block; background: transparent url(http://d3vym1fboy5rqr.cloudfront.net/2010/gallery_watch_off.png) top left no-repeat; width: 61px; height: 20px; position: absolute; bottom: 8px; right: 8px; text-decoration: none;}
.videoitem a.gallery_watch:hover { background-image: url(http://d3vym1fboy5rqr.cloudfront.net/2010/gallery_watch_on.png); }

#photopages div { width: 570px; height: 250px; }


/*forms*/
ul.radio_list { list-style: none; margin: 0;}
ul.radio_list li { background: none; margin: 0; padding: 0; }
ul.radio_list li label { float: none; background-color: transparent; width: auto; display: inline; clear: none;}
fieldset {border: 1px solid #eee; background: #f6f6f6; padding: 10px; margin: -10px 0 10px 0; }
legend { margin-top: 30px; font-family: ezzobook, Ezzo Book, Helvetica, Arial, Sans; font-size: 1.3em; color: #6dcff6; text-transform: uppercase; font-weight: normal; }
label {text-transform: uppercase;}
fieldset .leftcolumn, fieldset .rightcolumn { width: 250px; }
fieldset .leftcolumn { clear: both; }
ul.error_list { margin: 0; padding: 0; }
ul.error_list li { background: none; color: #c33; }
span.requiredmark { font-weight: bold; color: #990000; font-size: 1.2em; padding-left: 5px;}
.formrow { margin-top: 10px; }

/* divforms */
.formrow-fields { margin-left: 110px; padding: 2px 2px 2px 5px; border: 1px solid #e6e6e6; background-color: #f4f4f4;}
ul.formrow-errors { list-style: none; margin: 0; color: #990000; padding: 0;}
ul.formrow-errors li { margin: 0; padding: 0; background: transparent; }
div.haserror .formrow-fields{ border: 1px solid #eecccc; background-color: #ffeeee; }
.formrow-help { font-size: 0.8em; }