/* ============================================================================= jQuery Tooltip ========================================================================== */ #tooltip { position: absolute; z-index: 3000; -moz-box-shadow: 0px 0px 4px #666; -webkit-box-shadow: 0px 0px 4px #666; box-shadow: 0px 0px 4px #666; background-color: #fff; width: 222px; } .tooltip_body {display: none;} /* Results */ .race-result-list {list-style: none; padding-left: 20px; margin-bottom: 20px;} .race-result-list li {margin-bottom: 20px;} .race-result-list li span.race-result-finish { width: 20px; height: 18px; padding-top: 2px; margin-right: 10px; display: block; float: left; text-align: center; background: #e31b22; color: #fff; font-weight: bold; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } /* Marketing Pages */ #marketing_intro {background: url("/images/bmx/site/marketing_intro_bg.gif") repeat-y left top; margin-bottom: 20px;} #marketing_intro p {margin: 0px; color: #000000;} #marketing_intro > h1 {background: #e71319 url("/images/bmx/site/marketing_header_bg.gif") no-repeat right top; margin: 0px; padding: 10px 15px 0px 15px; height: 38px; color: #000000; font-size: 30px; font-family: 'Calgary', 'Helvetica', 'Arial', sans-serif;} #marketing_intro a {color: #000000} #marketing_intro #marketing_intro_content {width: 420px; padding: 20px;} .grey_wrap {padding: 20px;} /* The Bike */ .bike_intro #marketing_intro_content {background: url("/images/bmx/site/bike_feature_bg.png") no-repeat left bottom; padding-bottom: 250px !important;} .bike_intro #marketing_intro_content h1 {line-height: 24px;} .bike_intro #marketing_intro_content h1 span.red {color: #e71319; font-size: 40px;} #about_the_bike {width: 430px; background: url("/images/bmx/site/footer_callouts_bg.gif") repeat left top; padding: 15px; margin-bottom: 20px;} #about_the_bike #bmx_bike {padding: 10px; background: #ffffff; position: relative;} #about_the_bike #bmx_bike a.tooltip {position: absolute; display: block; width: 20px; height: 20px; text-indent: -9999px;} .bike_tooltip_body img {margin-bottom: 10px;} .bike_tooltip_body p {padding: 0px 15px 15px 15px; font-size: 11px; line-height: 15px; margin: 0px; text-align: left;} .bike_tooltip_body ul {padding: 0px 15px; margin-bottom: 5px !important;} .bike_tooltip_body ul li {text-align: left;} .bike_tooltip_body ul li.one {background: url("/images/bmx/site/icon_one.gif") no-repeat left top; padding: 3px 0px 5px 25px;} .bike_tooltip_body ul li.two {background: url("/images/bmx/site/icon_two.gif") no-repeat left top; padding: 3px 0px 5px 25px;} #about_the_bike #bmx_bike a#steering_link {top: 44px; left: 275px;} #about_the_bike #bmx_bike a#brake_link {top: 136px; left: 126px;} #about_the_bike #bmx_bike a#crank_link {bottom: 80px; left: 187px;} #about_the_bike #bmx_bike a#fork_link {bottom: 112px; left: 335px;} #about_the_bike #bmx_bike a#saddle_link {top: 82px; left: 160px;} #about_the_bike #bmx_bike a#hub_link {bottom: 102px; left: 53px;} /* The Track */ .track_intro #marketing_intro_content {background: url("/images/bmx/site/track_feature_bg.png") no-repeat left bottom; padding-bottom: 220px !important; color: #000000;} #track_terms {background: url("/images/bmx/site/footer_callouts_bg.gif") repeat left top; color: #000000;} #track_terms h2 {padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; border-bottom: solid 2px #aaa;} #track_terms img {margin: 5px 15px 5px 0px; float: left;} #track_terms .ui-tabs .ui-tabs-panel {background: #fff; padding-top: 20px !important;} #track_terms .red_eight {display: block; padding: 8px 12px 4px 8px; color: #ffffff; background: #e31b22; margin-right: 5px; font-size: 20px;} /*The Sport */ .sport_intro #marketing_intro_content h1 {font-size: 68px; margin: 0px; color: #000000;} .sport_intro #marketing_intro_content h2 {background: #ffffff; color: #000000; padding: 10px 10px 5px 10px; display: inline-block; line-height: 20px; margin-bottom: 15px;} .sport_intro #marketing_intro_content p {margin: 0px; color: #000000;} .sport_intro #marketing_intro_content {background: url("/images/bmx/site/sport_feature_bg.png") no-repeat left bottom; padding-bottom: 250px !important;} .sport_ad {width: 220px; height: 193px; display: block; float: left; text-indent: -9999px;} #sport_history_ad {background: url("/images/bmx/site/sport_history_ad.jpg") no-repeat left top; margin-right: 20px;} #sport_history_ad:hover {background-position: bottom left;} #sport_halloffame_ad {background: url("/images/bmx/site/sport_halloffame_ad.jpg") no-repeat left top;} #sport_halloffame_ad:hover {background-position: bottom left;} #sport_sponsors_ad {background: url("/images/bmx/site/sport_sponsors_ad.jpg") no-repeat left top; margin-right: 20px;} #sport_sponsors_ad:hover {background-position: bottom left;} #sport_award_ad {background: url("/images/bmx/site/sport_award_ad.jpg") no-repeat left top;} #sport_award_ad:hover {background-position: bottom left;} #track_terms #series_list li {margin-bottom: 5px; line-height: 18px;} /* The Gear */ .gear_intro #marketing_intro_content {background: url("/images/bmx/site/gear_feature_bg.png") no-repeat right bottom; padding-bottom: 20px !important; color: #000000;} .gear_intro #marketing_intro_content h1 {line-height: 30px; font-size: 30px;} .gear_intro #marketing_intro_content h2 {font-family: 'Grotesque-Light', 'Helvetica', 'Arial', sans-serif !important;} .gear_intro #marketing_intro_content p {padding-right: 215px; margin-bottom: 20px !important;} #about_the_gear {width: 430px; background: url("/images/bmx/site/footer_callouts_bg.gif") repeat left top; padding: 15px; margin-bottom: 20px;} #about_the_gear #bmx_gear {padding: 10px; background: #ffffff; position: relative;} #about_the_gear #bmx_gear a.tooltip {position: absolute; display: block; width: 20px; height: 20px; text-indent: -9999px;} .gear_tooltip_body p {padding: 15px; font-size: 11px; line-height: 15px; margin: 0px; text-align: left;} #about_the_gear #bmx_gear a#helmet_link {top: 36px; left: 169px;} #about_the_gear #bmx_gear a#goggles_link {top: 85px; left: 131px;} #about_the_gear #bmx_gear a#jersey_link {top: 189px; left: 203px;} #about_the_gear #bmx_gear a#gloves_link {top: 360px; left: 111px;} #about_the_gear #bmx_gear a#pants_link {bottom: 339px; left: 241px;} #about_the_gear #bmx_gear a#shoes_link {bottom: 67px; left: 255px;} #marketing_post_content {padding: 15px;} #marketing_post_content h1 {margin-bottom: 20px !important;} #marketing_post_content #featured_image {width: 430px; margin-bottom: 20px;} #marketing_post_content #vimeo {margin-bottom: 20px;} #marketing_post_gallery {background: url("/images/bmx/site/footer_callouts_bg.gif") repeat left top; padding: 15px;} #marketing_post_gallery h2 {border-bottom: solid 2px #aaa; padding-bottom: 10px; margin-bottom: 10px;} #marketing_post_gallery ul li {float: left; margin: 0px 11px 20px 11px;} #marketing_post_gallery ul li a img {border: solid 2px #aaa;} #marketing_post_gallery ul li a:hover img {border: solid 2px #ddd;} #marketing_features #features_controls {} #marketing_features #features_controls ul li {margin: 0px 5px 0px 0px !important; float: left;} #marketing_features #features_controls ul li:before {content: "•";} #marketing_features #features_controls ul li:first-child:before {content: "";} #marketing_features #features_controls ul li a {font-weight: bold; padding-left: 5px;} #marketing_features #features_controls ul li:first-child a {padding: 0px;}