body { margin: 0px; background: url(/img/body_bkg.png) top left repeat-x #676d71; font-family: Arial, sans-serif; } img { border: 0px none; } a { text-decoration: none; } a:hover { text-decoration: underline; } .clear { clear: both; width:100%; display: block;} #container { width: 971px; position: relative; margin: 0px auto; } #header { width: 971px; height: 40px; margin: 0px auto; padding: 0px 0px 30px 0px; position: relative;} #header div { float: right; height: 25px; } #location { padding: 15px 20px 0px 0px; font: normal 12px Arial, sans-serif; line-height: 33px; color: #cae5eb; } #timestamp { padding: 15px 15px 0px 0px; font: bold 28px Arial, sans-serif; line-height: 26px; color: #858a8e; border-right: 1px dotted #555; } #temperature { padding: 15px 20px 0px 15px; font: bold 28px Arial, sans-serif; line-height: 25px; color: #858a8e; } #forecast { padding: 15px 15px 0px 0px; font: bold 10px Arial, sans-serif; line-height: 13px; letter-spacing: 1px; color: #c1e5fb; } #header div#account_info{ position: absolute; bottom: 5px; left: 215px; color:#cae5eb; font-size:11px; line-height:11px; padding-left: 3px;} #account_info a{ color:#fff; padding-left:25px; font-size:10px; text-transform: uppercase;} #page_body { width: 965px; margin: 0px auto 0px auto; overflow: hidden; -moz-box-shadow: 0 5px 8px #444; -webkit-box-shadow: 0 5px 8px #444; box-shadow: 0 5px 8px #444; position: relative;} #nav { width: 213px; float: left; padding: 30px 0px 6000px 0px; margin-bottom: -5980px; background: #d80016; font: normal 10px Arial, sans-serif; line-height: 12px; color: #fff; } #nav ul { margin: 0 0 25px; padding: 0; display:block;} #nav ul li { clear: both; list-style-type: none; padding-left: 23px } #nav ul li a{min-height:10px;font-size:9.5px; line-height:10px; letter-spacing:.70px; background:url(/img/nav_bkg.gif) left no-repeat; color:#ffffff; padding:3px 0px 3px 15px; text-transform:uppercase; display:block;} #nav ul li a:hover{text-decoration:none; color:#393A40; font-weight:bold;} #nav ul li.selected { background: url(/img/nav-selected-bkg.png) transparent repeat-y right; } #nav ul ul{ min-height: 0px !important; padding: 3px 0 3px 23px; margin:0px 0 0px -23px; background:#fff url(/img/subnav_bkg.jpg) top right repeat-y; display:block;} #nav ul ul li{display:block; float:none; margin: 0; padding: 0;} #nav ul ul li a{color:#343c42; background-image:none;} #nav ul ul li a:hover{color:#d80016; background-image:none; font-weight:normal;} #logo { width: 175px;margin: 0px 15px 0px 23px; padding: 12px 0px 20px 0px; } #contact_info { padding-left:23px; padding-right:15px; position: absolute; left: 0; bottom: 20px; width: 175px; font: normal 10px Arial, sans-serif; line-height: 12px; color: #fff; } #content { width: 704px; height: 420px; float: left; border: 24px solid #1d2023; background: #fff; } html>body #content { height: auto; } #subnav { width: 704px; height: 183px; float: left; background: transparent url(/img/banner_img_services.jpg) no-repeat top left; border-bottom: 20px solid #1d2023; } /*#subnav ul { width: 145px; height: 125px; float: left; margin: 0px; padding: 15px 10px 10px 10px; background: #343d42; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; } #subnav ul li { width: 134px; float: left; clear: both; padding: 0px 0px 0px 11px; list-style-type: none; background: transparent url(/img/subnav_bullet_bg.gif) no-repeat 0px 4px; font: bold 10px Arial, sans-serif; line-height: 16px; text-transform: uppercase; color: #fff; } #subnav ul li a { color: #fff; }*/ #subnav ul{display:none;} #story #subnav { background: transparent url(/img/banner_img_story.jpg) no-repeat top left; } #services #subnav { height: 183px; background: transparent url(/img/banner_img_services.jpg) no-repeat top left; } #admin #subnav { background: none; } #tips #subnav { height: 183px; background: transparent url(/img/banner_img_tips.jpg) no-repeat top left; } #bikes #subnav { height: 183px; background: transparent url(/img/banner_img_bikes.jpg) no-repeat top left; } #bikes #subnav ul { height: 125px; } #components #subnav { height: 183px; background: transparent url(/img/banner_img_components.jpg) no-repeat top left; } #apparel #subnav { height: 183px; background: transparent url(/img/banner_img_apparel.jpg) no-repeat top left; } #staff #subnav { height: 183px; background: transparent url(/img/banner_img_staff.jpg) no-repeat top left; } #picks #subnav { height: 183px; background: transparent url(/img/banner_img_picks.jpg) no-repeat top left; } #club #subnav { height: 183px; background: transparent url(/img/banner_img_club.jpg) no-repeat top left; } #contact #subnav { height: 183px; background: transparent url(/img/banner_img_contact.jpg) no-repeat top left; } #accessories #subnav { height: 183px; background: transparent url(/img/banner_img_accessories.jpg) no-repeat top left; } #admin #subnav ul { display: block; } #content-wrap { clear: both; border: 2px #999da0 solid; min-height: 275px; } #left_col { width: 100px; float: left; padding: 15px 0 0 22px; margin: 0px; } .quote { clear: both; margin: 0px; font: bold 14px Arial, sans-serif; /*line-height: 18px;*/ color: #343c42; } .quoted { clear: both; margin: 0px 0px 3px 0px; font: bold 10px Arial, sans-serif; line-height: 12px; color: #d80016; } .source { clear: both; font: normal 12px Arial, sans-serif; line-height: 13px; color: #343c42; } #left_img { margin: 75px 0px 0px 0px; clear: both; } .promo { width: 141px; float: left; margin: 50px 0px 0px -2px; cursor: pointer; } .promo img { margin: 0px; clear: both; } .promo div { width: 123px; padding: 5px 9px; background: #5d6368; font: normal 11px Arial, sans-serif; line-height: 13px; color: #fff; } .promo a { color: #fff; } #full_col { width: 525px; float: left; font: normal 11px Arial, sans-serif; line-height: 14px; color: #424242; } #main_col { width: 489px; float: right; padding: 15px 38px 15px 0px; font: normal 11px Arial, sans-serif; line-height: 14px; color: #424242; } #bikes #full_col { width: 495px; padding: 15px; } #main_col h2 { margin: 0px; font-size: 12px; text-transform: uppercase; color: #d80016; } #full_col h2 { margin: 0px; font-size: 12px; text-transform: uppercase; color: #d80016; } #full_col h3 { margin: 0px; font-size: 12px; text-transform: uppercase; color: #343c42; } #main_col h3 { margin: 10px 0px 0px 0px; font-size: 12px; text-transform: uppercase; color: #343c42; } #main_col p { margin: 8px 0px; padding: 0px; } #main_col ul { margin: 0px 0px 0px -24px; } #main_col ul li { list-style-image: url(/img/list_bullet.gif); } .disclaimer { font-weight: bold; color: #d80016; } table { width: 345px; } table tr { vertical-align: top; } table.services th, table.services td { border-bottom: 1px solid #cfcfcf; } table.services th { padding: 5px 0px; font: bold 11px Arial, sans-serif; text-align: left; } table.services td { padding: 2px 4px 2px 0px; } table.services td.price { text-align: right; } table.tuneups { margin: 15px 0px 0px 0px; border-top: 1px solid #cfcfcf; } table.tuneups { font-weight: bold; text-transform: uppercase; } table.components th { padding: 3px 0px; font: bold 11px Arial, sans-serif; text-transform: uppercase; text-align: left; } table.components td { padding: 0px 5px 0px 0px; } table.components td.component, table.apparel td.apparel { width: 95px; font-weight: bold; } table.apparel td { padding: 0px 5px 10px 0px; } table.club td, table.contact td { padding: 0px; } table.club th, table.contact th { padding: 0px 10px; background: transparent url(/img/list_bullet.gif) no-repeat top left; font: normal 11px Arial, sans-serif; text-align: left; } table.contact { margin: 10px 0px 20px 0px; } table.contact a { color: #424242; } ul#staff { width: 340px; float: left; clear: both; margin: 0px 0px 0px 0px; padding: 0px; } ul#staff li { float: left; clear: both; list-style-type: none; list-style-image: none; padding: 15px 0px; border-top: 1px solid #d0d0d0; } ul#staff li .name { font-weight: bold; text-transform: uppercase; } ul#staff li .title { color: #d80016; } ul#staff li br { line-height: 7px; } ul#staff li img { display: none; width: 83px; height: 104px; float: left; margin: 0px 25px 0px 0px; } ul#staff li div { width: 330px; float: left; clear: right; } ul#picks { width: 340px; margin: 15px 0px 0px -40px; } ul#picks li { list-style-type: none; list-style-image: none; padding: 8px 0px; border-bottom: 1px solid #d0d0d0; } ul#picks li .picker { font-weight: bold; text-transform: uppercase; } ul#picks li .bike_type { color: #d80016; } ul#picks li br { line-height: 7px; } ul#bike_nav { width: 495px; height: 47px; float: left; margin: 0px 0px 10px 0px; padding: 0px; border-bottom: 4px solid #d80016; } ul#bike_nav li { float: left; list-style-image: none; list-style-type: none; border-left: 1px solid #fff; display:block;} ul#bike_nav li a{color:#343c42; text-transform:uppercase; font-size:9.5px; line-height:9.5px; font-weight:bold; background:#d6d8d9; padding:10px 7px; display:block;} ul#bike_nav li a:hover{text-decoration:none;} h3.catalog { float: left; margin: 20px 0px 0px 0px; padding: 10px 0px 0px 0px; /*background: #676d71;*/ font: bold 12px Arial, sans-serif; color: #343C42 !important; } ul#bike_catalog { width: 495px; float: left; margin: 0px; padding: 0px; } ul#bike_catalog li { width: 495px; float: left; list-style-type: none; list-style-image: none; } ul#bike_catalog li img.photo { width: 493px; height: 278px; float: left; border: 1px solid #c5c5c5; } ul#bike_catalog li div.name { width: 115px; height: 95px; float: left; margin: 0px; padding: 10px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #c5c5c5; background: transparent url(/img/catalog_product_name_bg.gif) no-repeat bottom left; text-transform: uppercase; color: #000; } ul#bike_catalog li div.name span.year { font-size: 13px; line-height: 15px; } ul#bike_catalog li div.name span.model { font-size: 19px; line-height: 15px; } ul#bike_catalog li div.specs { width: 337px; height: 95px; float: left; margin: 0px; padding: 10px; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #c5c5c5; font: normal 10px Arial, sans-serif; line-height: 11px; color: #424242; } ul#bike_catalog li div.specs table { width: 337px; } ul#bike_catalog li div.specs table tr { vertical-align: top; } ul#bike_catalog li div.specs table td.spec { width: 90px; padding: 0px 15px 0px 0px; font-weight: bold; } ul#bike_catalog a.top { height: 10px; float: right; padding: 5px 0px 10px 0px; font: normal 10px Arial, sans-serif; line-height: 12px; text-align: right; color: #d80016; } #footer { width: 621px; float: left; clear: both; padding: 0 111px 15px 215px; font: normal 10px Arial, sans-serif; line-height: 12px; color: #858a8e; margin-top: 26px; } #ftr_text { margin: 0px 0px 0px -1px; } #footer a { color: #858a8e; } /* HOME PAGE STYLES */ #home #content { width: 752px; border: 0px none; background: transparent; } #home #content-wrap { border: 0 none; margin: 0; padding: 0; } #home_flash { width: 752px; float: left; margin: 0px; padding: 0px; } #home_banner { float: left; } #home_promo_1 { border-width: 2px 0px 0px 0px; background-image: url(/img/home_promos/promo1.jpg); } #home_promo_2 { background-image: url(/img/home_promos/promo2.jpg); } #home_promo_3 { background-image: url(/img/home_promos/promo3.jpg); padding-right: 10px; } .home_promo { width: 230px; float: left; padding: 4px 9px 10px 10px; border-width: 2px 0px 0px 2px; border-style: solid; border-color: #676d71; background-color: #343c42; background-repeat: no-repeat; background-position: 10px 23px; font: normal 11px Arial, sans-serif; line-height: 13px; cursor: pointer; color: #fff; } .home_promo div { height: 13px; float: left; margin: 41px 0px 0px 0px; padding: 5px 9px 4px 9px; background: #343c42; filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; } html>body .home_promo div { margin-top: 78px; } .home_promo_4 { width: 162px; height: 75px; float: left; padding: 4px 11px 11px 11px; border-width: 2px 0px 0px 2px; border-style: solid; border-color: #676d71; background-color: #343c42; background-repeat: no-repeat; background-position: 11px 17px; font: normal 11px Arial, sans-serif; line-height: 13px; cursor: pointer; color: #fff; } .home_promo_4 div { height: 13px; float: left; margin: 41px 0px 0px 0px; padding: 5px 9px 4px 9px; } html>body .home_promo_4 div { margin-top: 44px; } .home_promo a { color: #fff; } #home .home_promo h4 { line-height: 16px; height: auto; } .home_promo a:hover { text-decoration: none; } .home_promo_info { width: 220px; } .home_promo_product { width: 90px; } .home_promo_price { width: 36px; } #home h4{width:230px; background:url(/img/home_h4_bkg.gif) right no-repeat #343C42; color:#CAE5EB; font-size:8.75px; line-height:8.75px; font-weight:bold; padding:1px 0px 1px 0px; margin:0px; font-weight:bold; letter-spacing:1.0px; text-transform:uppercase; height:10px;} /*#home #footer { padding-top: 23px; padding-left: 229px; background: transparent url(/img/home_ftr_bg.gif) repeat-x top left; }*/ /** SIFR STYLES **/ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0;} .sIFR-replaced { visibility: visible !important;} span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash #main_col h2 { visibility: hidden; } .sIFR-hasFlash #main_col h3 { visibility: hidden; } .sIFR-hasFlash #bike_catalog li div.name span.model { visibility: hidden; } .sIFR-hasFlash #bike_catalog li div.name span.year { visibility: hidden; } /*.sIFR-hasFlash .quote { visibility: hidden; } .sIFR-hasFlash .quoted { visibility: hidden; } .sIFR-hasFlash .source { visibility: hidden; }*/