body{
	 background-color: #000;
	 }
a{
	 /*font-size: 1.2em;*/
	 color: #000;
	 text-decoration: none;
	 }
p{
	 font-size: 1.2em;
	 font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Lucida","Trebuchet","Trebuchet MS","Arial","sans";
	 }
a:hover{
	 text-decoration: underline;
	 color: #333;
	 }
h1{
	 font-family:"Century Gothic",Avant Garde,Century Gothic,'ITC Avant Garde Gothic',Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
	 font-size: 3em;
	 }
h2{
	 font-family:"Century Gothic",Avant Garde,Century Gothic,'ITC Avant Garde Gothic',Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
	 font-size: 1.8em;
	 text-transform: uppercase;
	 font-weight: normal;
	 }
h3{
	 font-family: "Century Gothic",Avant Garde,Century Gothic,Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
	 font-size: 1.4em;
	 text-transform: uppercase;
	 }
hr{
	 margin-top: 30px;
	 margin-bottom: 0px;
	 border: 1px solid #545454;
	 }
#body{
	 background: #000 url('/images/story/2010/shared/stripes_black.jpg') no-repeat top center;
	 margin: 0 auto;
	 }
#wrapper{
	 }
#wrapper .links{
	 background: #000 url('/images/story/2010/scratch/landing_bike_hero_bottom.jpg') no-repeat;
	 padding: 0px 25px 25px;
	 }
.links .section{
	 width: 225px;
	 float: left;
	 margin-right: 12px;
	 height: 131px;
	 background: url('/images/story/2010/scratch/landing_callout_container_bg.jpg') no-repeat;
	 padding: 25px 25px 0;
	 }
.links .section.last{
	 margin-right: 0px;
	 }
.links .section h2{
	 margin: 0;
	 }
.links .section p{
	 margin: 5px 0;
	 font-size: 1.2em;
	 color: #000000;
	 }

#wrapper .links .section a{
	 color: #000000;
	 }

.sidebar h2{
	color: #fff;
}
.button a{
	/*This is the parent style for the Learn more links with the ">"*/
	background: transparent url('/images/story/2010/scratch/circle_arrow.png') no-repeat right center;
 	padding-right: 18px;
	display: inline-block;
}

.button a:hover{
	 text-decoration: underline;
}	 

p.credit{
	 font-size: .9em;
	 }

/* Navigation Defaults and Overrides */ 
.platform_nav {
	 clear:both;
	 overflow:hidden;
	 width:100%;
	 }
.platform_nav h1 span {
	 display: none;
	 }
.platform_nav h1 {
	 display:inline;
	 float:left;
	 width: 150px;
	 height: 90px;
	 background: transparent url('/images/story/2010/scratch/scratch_logo.png') no-repeat 0px 7px;
	 margin-left: 25px;
	 }
.platform_nav h1 a{
	 width: 150px;
	 height: 90px;
	 display: block;
	 }
.platform_nav ul {
	 display:inline;
	 float:left;
	 margin:50px 0 0 20px;
	 padding: 0px 0 10px 10px;
	 }
.platform_nav ul li {
	 color:#fff;
	 display:inline;
	 font-family:"Century Gothic",Avant Garde,Century Gothic,'ITC Avant Garde Gothic',Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
	 font-size:1.3em;
	 font-weight:500;
	 list-style-image:none;
	 list-style-position:outside;
	 list-style-type:none;
	 margin:0;
	 padding:0;
	 text-transform:uppercase;
	 }
.platform_nav ul li a {
	 color:#fff;
	 padding: 10px;
	 margin-right: 10px;
	 text-decoration:none;
	 font-family:"Century Gothic",Avant Garde,Century Gothic,'ITC Avant Garde Gothic',Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
	 }
.platform_nav ul li a:hover {
	 background:#fff none repeat scroll 0 0;
	 color: #000;
	 }
.platform_nav ul li.selected a{
	 background:#fff none repeat scroll 0 0;
	 color: #000;
	 }
/* End Navigation and Overrides */
#body h1 + p{
	 font-size: 1.5em;
	 color: #4d4d4d;
	 }

/* Home Section and Overrides */ 
#home{
	 height: 475px;
	 background-color: #ccc;
	 position: relative;
	 }
#home h1{
	 /*color: #000;*/
	 }
#home p{
	 font-weight: bold;
	 font-size: 1.4em;
	 color: #000;
	 }
#scratch_story #home{
	 background: transparent url('/images/story/2010/scratch/landing_bike_hero.jpg') no-repeat;
	 }
#top_fuel_story #home{
	 background: transparent url('/images/story/2010/top_fuel/landing_bike_hero.jpg') no-repeat;
	 }
#scratch_technology #home{
	 background: transparent url('/images/story/2010/shared/tech_hero_bg.jpg') no-repeat;
	 }

.main_copy_container{
	position: absolute;
	bottom: 50px;
	 width: 250px;
	 padding: 25px;
	 background: transparent url("/images/story/2010/shared/black_80.png");
	 }
.main_copy_container .main_copy h1{
	 color: #fff;
	 margin-bottom: 10px;
	 }
.main_copy_container .main_copy a{
	 color: #fff;
	 }
.main_copy_container .main_copy img{
	 border: 3px solid black;
	 margin-bottom: 10px;
	 }
#hotspot_copy{
	 z-index: 100;
	 width: 250px;
	 position: absolute;
	 left: 25px;
	 top: 25px;
	 }
#hotspot_copy p{
	 font-weight: normal;
	 }

p.choose{
	width: 190px;
}

#hotspot_copy p.choose span{
	 background: url('/images/story/2010/shared/tech_frame_selector.png') no-repeat right center;
	 padding: 0 20px 0 0;
	 font-weight: bold;
	display: inline-block;

	 }
#hotspot_copy ul{
	 font-family:"Century Gothic",Avant Garde,Century Gothic,'ITC Avant Garde Gothic',Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
	 margin: 0;
	 padding: 0;
	 display: inline-block;
	 }
#hotspot_copy ul li{
	 list-style-type: none;
	 margin: 0 0 10px 0;
	 }
#hotspot_copy ul li a{
	 color: #545454;
	 font-size: 1.4em;
	 background: url('/images/story/2010/shared/btn_choose_rpt_bg.jpg') repeat-x;
	 padding: 10px;
	 /*height: 19px;*/
	 max-width: 160px;
	 width: auto !important;
	 width: 160px;
	 border: 1px solid #545454;
	 display: block;
	 font-weight: bold;
	 }
#hotspot_copy ul li a span{
	 background: url('/images/story/2010/shared/choose_cirlce_gray.gif') no-repeat left center;
	 padding: 0 0 0 14px;
	 }
#hotspot_copy ul li a:hover{
	 text-decoration: none;
	 border: 1px solid #EE3324;
	 background: #fff;
	 }
#hotspot_copy ul li a.current{
	 text-decoration: none;
	 border: 1px solid #EE3324;
	 color: #EE3324;
	 background: #fff;
	 }
#hotspot_copy ul li a.current span{
	 background: url('/images/story/2010/shared/choose_cirlce_red.gif') no-repeat left center;
	 padding: 0 0 0 14px;
	 }
 
#hotspot_tabs .hotspot_tip{
	 background: #EE3724 url('/images/story/2010/shared/tooltip_vertical_ee3324.png') no-repeat;
	 padding: 10px;
	 display: none;
	 z-index: 200;
	 color: #fff;
	 font-weight: bold;
	 font-size: 1.4em;
	 }
#hotspot_tabs .hotspot_container{
	 height:402px;
	 position:absolute;
	 width:664px;
	 z-index:100;
	 }
#hotspot_tabs .hotspot_container a{
	 width: 28px;
	 height: 28px;
	 background: url('/images/story/2010/shared/hotspot.png') no-repeat;
	 position: absolute;
	 display: block;
	 cursor: pointer;
	 }
#hotspot_tabs .hotspot_container a:hover{
	 background: url('/images/story/2010/shared/hotspot_hover.png') no-repeat;
	 }
	 
/**************************************************************************** 
 Hotspot Positions positions are relative to upper left corner of bike images 
 ****************************************************************************/ 
.hotspot {position:absolute;}
#alpha_red{
	top: 100px; left: 340px;
	}
#abp{
	top: 280px; left: 90px;
}
#full_floater{
	top: 230px; left: 275px;
}
#evo_link{
	top: 160px; left: 245px;
}
#e2{
	top: 80px; left: 435px;
}
#mino_link{
	top: 170px; left: 213px;
}
#system142x12{
	top: 280px; left: 125px;
}
#direct_mount{
	top: 215px; left: 245px;
}
#iscg{
	top: 270px; left: 260px;
}
#full_seatpost{
	top: 90px; left: 215px;
}
#hi_lo_chainstays{
	top: 270px; left: 190px;
}
#air_shocks_r{
	top: 180px; left: 300px;
}
#air_shocks_f{
	top: 165px; left: 470px;
}
#coil_shocks_r{
	top: 180px; left: 300px;
}
#coil_shocks_f{
	top: 165px; left: 470px;
}


#hotspot_tabs #hotspot_oclv_container #hotspot_oclv{
	 width: 664px;
	 height: 402px;
	 background: url('/images/story/2010/scratch/tech_frame_hero1.png') no-repeat;
	 position: absolute;
	 z-index: 100;
	 }
#hotspot_tabs #hotspot_aluminum{
	 width: 664px;
	 height: 402px;
	 background: url('/images/story/2010/scratch/tech_frame_hero2.png') no-repeat;
	 position: absolute;
	 z-index: 100;
	 }
#hotspot_tabs .hotspot_image_tips_container{
	 width: 664px;
	 height: 402px;
	 position: absolute;
	 right: 25px;
	 bottom: 16px;
	 }
/* End Home Section and Overrides */ 
 
/* Content section and Overrides */ 
#content_container{
	 background: #fff url('/images/story/2010/shared/content_top_bg.jpg') repeat-x top left;
	 }
#scratch_technology #content_container{
	 background: #fff;
	 }
#content_container #content_container_bottom_bkgd{
	 min-height: 100%;
	 height: auto !important;
	 height: 100%;
	 color: inherit;
	 padding: 25px 25px 0;
	 }
#scratch_technology #content_container #content_menu{
	 font-family:"Century Gothic",Avant Garde,Century Gothic,'ITC Avant Garde Gothic',Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
	 border-bottom: 1px solid #545454;
	 margin: 0 0 5px 0;
	 }
 
#content_menu .left_container,
#content_menu .right_container{
	 width: 420px;
	 }
#content_menu .right_container{
	 float: right;
	 }
#content_menu .left_container h2{
	 color: #000;
	 font-size: 1.8em;
	 text-transform: none;
	 margin: 5px 0 0 0;
	 }
#content_menu .right_container ul{
	 margin: 0;
	 padding: 0;
	 }
#content_menu .right_container ul li{
	 float: left;
	 list-style-type: none;
	 font-size: 1.2em;
	 font-weight: bold;
	 }
#content_menu .right_container ul li a{
	 display: block;
	 padding: 10px 7px 15px 7px;
	 text-transform: uppercase;
	 }
#content_menu .right_container ul .all{
	 color: #000000;
	 }
#content_menu .right_container ul .all a span{
	 background: url('/images/story/2010/shared/tech_bug_black.gif') no-repeat left center;
	 padding: 0 0 0 18px;
	 }
#content_menu .right_container ul .all a:hover{
	 background: url('/images/story/2010/shared/tech_tab_all_bg.jpg');
	 color: #fff;
	 text-decoration: none;
	 cursor: pointer;
	 }
#content_menu .right_container ul .all .active{
	 background: url('/images/story/2010/shared/tech_tab_all_bg.jpg');
	 color: #fff;
	 text-decoration: none;
	 }
#content_menu .right_container ul .speed{
	 color: #96AA37;
	 }
#content_menu .right_container ul .speed span{
	 background: url('/images/story/2010/shared/tech_bug_green.gif') no-repeat left center;
	 padding: 0 0 0 18px;
	 }
#content_menu .right_container ul .speed a:hover{
	 background: url('/images/story/2010/shared/tech_tab_speed_bg.jpg');
	 color: #fff;
	 text-decoration: none;
	 cursor: pointer;
	 }
#content_menu .right_container ul .speed .active{
	 background: url('/images/story/2010/shared/tech_tab_speed_bg.jpg');
	 color: #fff;
	 text-decoration: none;
	 }
#content_menu .right_container ul .confidence{
	 color: #328CC8;
	 }
#content_menu .right_container ul .confidence span{
	 background: url('/images/story/2010/shared/tech_bug_blue.gif') no-repeat left center;
	 padding: 0 0 0 18px;
	 }
#content_menu .right_container ul .confidence a:hover{
	 background: url('/images/story/2010/shared/tech_tab_conf_bg.jpg');
	 color: #fff;
	 text-decoration: none;
	 cursor: pointer;
	 }
#content_menu .right_container ul .confidence .active{
	 background: url('/images/story/2010/shared/tech_tab_conf_bg.jpg');
	 color: #fff;
	 text-decoration: none;
	 }
#content_menu .right_container ul .control{
	 color: #6F4C2A;
	 }
#content_menu .right_container ul .control span{
	 background: url('/images/story/2010/shared/tech_bug_brown.gif') no-repeat left center;
	 padding: 0 0 0 18px;
	 }
#content_menu .right_container ul .control a:hover{
	 background: url('/images/story/2010/shared/tech_tab_contr_bg.jpg');
	 color: #fff;
	 text-decoration: none;
	 cursor: pointer;
	 }
#content_menu .right_container ul .control .active{
	 background: url('/images/story/2010/shared/tech_tab_contr_bg.jpg');
	 color: #fff;
	 text-decoration: none;
	 }

#technology_container{
	 background: transparent url('/images/story/2010/shared/tech_vertical_separator.gif') repeat-y scroll;
	 background-position: 205px 0px;
	 }
#technology_container #suspension_container{
	 width: 200px;
	 float: left;
	 }
#technology_container #structure_container{
	 width: 620px;
	 margin-left: 30px;
	 float: left;
	 }
#technology_container .button.technology_trigger{
	 float: left;
	 width: 200px;
	 height: 152px;
	 cursor: pointer;
	 margin-bottom: 30px;
	 margin-right: 10px;
	 }
#technology_container #suspension_container .button.technology_trigger, #scratch_technology #content_container #technology_container .button.technology_trigger.last{
	 margin-right: 0px;
	 }
#technology_container #suspension_container .button .technology_settings, #scratch_technology #content_container #technology_container #structure_container .button .technology_settings{
	 margin: 5px 0 0 0;
	 }
#technology_container #suspension_container .button .technology_settings h3,
#technology_container #structure_container .button .technology_settings h3{
	 float: left;
	 width: 130px;
	 margin: 0 5px 0 0;
	 font-size: 1.2em;
	 }
#technology_container #suspension_container .button .technology_settings img,
#technology_container #structure_container .button .technology_settings img{
	 float: right;
	 margin: 0 0 0 5px;
	 }

#content_footer{
	font-family:"Century Gothic",Avant Garde,Century Gothic,'ITC Avant Garde Gothic',Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
	background: url('/images/story/2010/shared/content_bottom_rpt_bg.jpg') repeat-x bottom left;
	margin: 15px 0px 30px 0px;
	text-align: right;
	height: 80px;
	padding: 0px 25px;
}
#content_footer span{
	display: inline-block;
	background-color: #fff;
	color: #000;
	padding: 5px 12px 5px 10px;
	font-size: 1.4em;
	margin-left: 10px;
	margin-top: -8px;
	text-transform: uppercase;
	float: right;
}
#content_footer h4{
	border-top: 1px solid #545454;
	padding: 20px 0px 0px 0px;
	font-size: 1.0em;
	font-weight: normal;
	color: #fff;
	font-size: 1.4em;

}
#content_footer a{
	color: #fff;
}

#content_footer a:hover > span{
	 background-color: #545454;
	 color: #fff;
	 }

.left_container{
	 width: 557px;
	 }
.quote.athlete{
	 background: #000 url('/images/story/2010/scratch/athlete_quote_bg.jpg') repeat-x top left;
	 margin: 10px auto 20px auto;
	 }
.quote .left_container{
	 width: auto;
	 width: 410px;
	 }
#why_content .left_container .quote.athlete .quote_content{
	 background: url("/images/story/2010/scratch/why_athlete_headshot.jpg") no-repeat;
	 padding: 25px 10px 25px 145px;
	 width: 390px;
	 color: #fff;
	 float: none;
	 }
#why_content .left_container .quote.athlete .quote_content h3{
	 color: #fff;
	 }
#why_content .left_container .quote .right_container{
	 width: 390px;
	 color: #fff;
	 padding: 10px;
	 }
#why_content .left_container .quote.athlete .right_container h3{
	 color: #fff;
	 }
#why_content .left_container .quote .right_container h3{
	 color: #000;
	 font-size: 1.6em;
	 }
#why_content .left_container .quote.athlete .right_container p{
	 color: #fff;
	 }
#why_content .left_container .quote .right_container p{
	 margin: 0;
	 color: #000;
	 }
.block{
	 width: 219px;
	 background-color: #000;
	 /*color: #fff;*/
	 /*text-align: center;*/
	 padding: 25px 25px 5px 25px;
	 }
.block.suggestion{
	 padding: 0;
	 width: 269px;
	 text-align: left;
	 }
.block h3{
	 color: #fff;
	 text-align: left;
	 margin: 0;
	 padding: 0;
	 }
.block p{
	 text-align: left;
	 font-size: 1.2em;
	 margin: 10px 0;
	 padding: 0;
	 }
.block img{
	 margin: 10px 0 0 0;
	 }
.block .related_bike{
	 padding: 25px 0 0 25px;
	 width: 244px;
	 height: 125px;
	 }
.block .related_bike h2{
	font-size: 1.4em;
	 width: 125px;
	 margin: 0 0 10px 0;
	 }
.related_bike .button a{
	 background: url('/images/story/2010/shared/circle_arrow_on_000.png') no-repeat right center;
	 color: #fff;
	 }
.block #block_remedy{
	 background: url('/images/story/2010/shared/why_neighbor_remedy.jpg') no-repeat;
	 }
.block #block_fuel_ex{
	 background: url('/images/story/2010/shared/why_neighbor_fuelex.jpg') no-repeat;
	 }
.block #block_topfuel{
	 background: url('/images/story/2010/shared/why_neighbor_topfuel.jpg') no-repeat;
	 }
.block #block_session{
	 background: url('/images/story/2010/shared/why_neighbor_session.jpg') no-repeat;
	 }
.block #block_scratch{
	 background: url('/images/story/2010/shared/why_neighbor_scratch.jpg') no-repeat;
	 }

.lineup_compare_container{
	 margin: 10px 0;
	 }
.lineup_compare_container .alertBar,
.lineup_compare_container .choose{
	 position: absolute;
	 width: 740px;
	 color: #fff;
	 background-color: #000;
	 }
.lineup_compare_container .choose a{
	 color: #fff;
	 }
.lineup_compare_container .red{
	 position: absolute;
	 z-index: 2000;
	 background-color: #EE3323;
	 display: none;
	 }
.lineup_compare_container .choose p{
	 padding: 0 0 0 15px;
	 }
.lineup_compare_container .compareBtn{
	 background: transparent url('/images/story/2010/shared/bl_choose_arrow_red.gif') no-repeat scroll 4px center;
	 width: 110px;
	 }
.lineup_compare_container .compare{
	 width: 100px;
	 margin: 0 0 0 10px;
	 color: #fff;
	 background-color: #EE3324;
	 cursor: pointer;
	 }
.lineup_compare_container .compare p{
	 text-align: center;
	 text-transform: uppercase;
	 }
	 
#bike_list{
	 padding: 65px 0 0 0;
	 }
#bike_list.left_container{
	width: 110px;
}
#bike_list #compare{
	 height: 45px;
	 }
#bike_list .bike_details{
	 width: 100px;
	 height: 120px;
	 margin: 1px 0;
	 background: url('/images/story/2010/shared/bl_bike_bg.jpg') bottom left;
	 padding: 0 5px;
	 }
#bike_list .bike_details h3{
	 font-size: 1.1em;
	 margin: 0;
	 }
#bike_list .bike_details p{
	 font-size: .9em;
	 margin: 0;
	 }
#bike_list .bike_details .compare{
	 margin-top: 10px;
	 cursor: pointer;
	 }
#bike_list .bike_details .compare:hover{
	 color: #EE3324;
	 }
#bike_list .bike_details .left_container{
	 background: url('/images/story/2010/shared/bl_check_off.gif') no-repeat;
	 width: 13px;
	 height: 12px;
	 margin-right: 3px;
	 }
#bike_list .bike_details .left_container:hover{
	 background: url('/images/story/2010/shared/bl_check_hover.gif') no-repeat;
	 }
#bike_list .bike_details .left_container.active{
	 background: url('/images/story/2010/shared/bl_check_on.gif') no-repeat;
	 }
#bike_stats{
	 width: 738px;
	 }
#bike_stats #table{
	 width: 738px;
	 overflow-x: auto;
	 overflow-y: hidden;
	 }
#bike_stats #table .cell{
	 width: 120px;
	 float: left;
	 margin: 0;
	 border-left: 1px solid #ccc;
	 border-right: 1px solid #ccc;
	 }
#bike_stats #table .cell p{
	 padding: 0px 5px;
	 }
#bike_stats #table #head{
	color: #000;
	 width: 1600px;
	 }
#bike_stats #table #head .cell{
	 height: 65px;
	 cursor: pointer;
	 text-align: center;
	 }
#bike_stats #table #head .cell:hover{
	 color:#EE3324;
	 }
#bike_stats #table_body{
	 width: 1600px;
	 }
#bike_stats #table_body .row .cell{
	 height: 120px;
	 border-top: 1px solid #ccc;
	 text-align: center;
	 }
#bike_stats #table_body .row .cell img{
	 margin: 53px 0 0 0;
	 }

.right_container{
	 width: 292px;
	 color: #fff;
	 }
#setup_content_container .right_container{
	 	background-color: #000;
}
.left_container h2{
	 /*margin: 20px 0 0 0;*/
	 }
.left_container h2 + p{
	 margin: 5px 0 10px 0;
	 }
.right_container .details{
	 padding: 10px 25px;
	 color: #b4b4b4;
	 }
.right_container .details h5:hover{
	 text-decoration: underline;
	 }
.right_container .bumper{
	 float: left;
	 height: 420px;
	 }
.right_container .details h5{
	 font-size: 1.0em;
	 background: #ee3323 url('/images/story/2010/shared/setup_icon.gif') no-repeat 10px center;
	 color: #fff;
	 padding: 10px 30px;
	 }
#why_block_container h2{
	 color: #fff;
	 text-align: left;
	 font-weight: normal;
	 margin: 0px;
	 }
 
 /* End content section and Overrides */
#scratch_why #why_block_container{
	 width: 270px;
	 float: right;
	color: #b4b4b4;
	 }
#commercial{
	 margin: 25px 0px;
	 }
#commercial .details{
	 float: right;
	 width: 272px;
	 }
#wallpapers{
	 border-top: 1px solid #ccc;
	 }
.column{
	 width: 272px;
	 float: left;
	 margin-right: 17px;
	 margin-bottom: 100px;
	 }
.column.last{
	 margin-right: 0px;
	 }
.wallpaper_size_container{
	 width: 200px;
	 }
.wallpaper_size_container p{
	 float: left;
	 padding: 0px 10px;
	 margin: 5px 0px;
	 }
.wallpaper_size_container p.first{
	 padding-left: 0px;
	 border-right: 1px solid #000;
	 }
 
 /* Shared Class Styles */ 
.left_container{
	 float: left;
	 }
.right_container{
	 float: right;
	 }
 
 /* End Shared Class Styles */
#overlay_conatiner{
	 background-color: #fff;
	 width: 810px;
	 display: none;
	 }
#overlay_conatiner .right_container{
	color: #000;
	 }
#scratch_story #overlay_conatiner{
	 background-color: #fff;
	 width: 530px;
	 display: none;
	 padding: 60px 25px 25px 25px;
	 }
#overlay_conatiner #overlay_header{
	 height: 60px;
	 line-height: 60px;
	 position: relative;
	 }
#overlay_conatiner #overlay_header h1{
	 font-weight: normal;
	 }
#overlay_conatiner #overlay_header .left_container{
	 width: 600px;
	 margin-left: 25px;
	 }

.close_button{
	position: absolute;
	right: 20px;
	top: 15px;
	height: 35px;
	width: 250px;
	line-height: 35px;
	text-align: right;
}
.close_button p{
	margin: 0px;
	padding: 0px;
}	
.close_button a{
 	background: url('/images/story/2010/shared/modal_close.png') no-repeat center right;
 	padding-right: 35px;
	display: inline-block;
}

#sscratch_story #overlay_conatiner .close{
 display: block;
	 text-align: right;
	 line-height:30px;
	 text-decoration: none;
	 }
#soverlay_conatiner .close span{
	 background: url('/images/story/2010/shared/modal_close.png') no-repeat center right;
	 padding: 0 32px 0 0;
	 display: block;
	 height: 30px;
	 color: #666;
	 margin-right: 12px;
	 cursor: pointer;
	 }
#sscratch_story #overlay_conatiner .close span{
	 margin-right: 0px;
	 }


#overlay_conatiner #overlay_content{
	 background: #fff url('/images/story/2010/shared/modal_content_bg.png') repeat-x;
	 padding: 25px;
	 }
#overlay_conatiner #overlay_content #loader_container{
	 margin: 0 auto;
	 min-height: 150px;
	 text-align: center;
	 padding: 150px 0 0 0;
	 }
#overlay_conatiner #overlay_content #overlay_media{
	 width: 530px;
	 }
#overlay_conatiner #overlay_content #overlay_text h2{
	 font-weight: bold;
	 }
#overlay_conatiner #overlay_content #overlay_text{
	 width: 210px;
	 padding-left: 20px;
	 }
#overlay_conatiner #overlay_content #overlay_text ol{
	 margin: 0px;
	 padding: 20px;
	 }
#overlay_conatiner #overlay_content #overlay_text ol li{
	 margin: 0px;
	 padding-bottom: 10px;
	 }
.moreInfo{
	 position: absolute;
	 margin-left: 85px;
	 margin-top: 48px;
	 }
.carousel_container{
	 width: 900px;
	 padding: 10px 0;
	 background-color: #2c2c2c;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 }
#overlay_carousel{
	 width: 760px;
	 margin: 10px 25px 25px 25px;
	 }
	 
 /* root element for the scrollable. when scrolling occurs this element stays still. */ 
#overlay_carousel .scrollable{
	 width: 760px;
	 }
div.scrollable {
	 /* required settings */ position:relative;
	 overflow:hidden;
	 width: 852px;
	 height: 120px;
	 float: left;
	 background-color: #999;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 }
/* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ div.scrollable div.items {
	 /* this cannot be too large */ width:20000em;
	 position:absolute;
	 height: 120px;
	 }
/* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ 
div.scrollable div.items .carousel_item {
	 float:left;
	 width: 102px;
	 height: 100px;
	 margin: 10px 0 0 10px;
	 }
#overlay_carousel div.scrollable div.items .carousel_item {
	 float:left;
	 width: 130px;
	 height: 100px;
	 margin: 10px 0 0 10px;
	 }
#overlay_carousel div.scrollable div.items .carousel_item.active .carousel_item_details{
	 background-color: #FFF;
	 }
#overlay_carousel div.scrollable div.items .carousel_item .carousel_item_details:hover{
	 background-color: #EE3323;
	 }
div.scrollable div.items .carousel_item .carousel_item_details{
	 background-color: #dfdfdf;
	 padding: 5px;
	 }
#overlay_carousel div.scrollable div.items .carousel_item .carousel_item_details{
	 background-color: #666666;
	 }
div.scrollable div.items .carousel_item .carousel_item_details .play_btn{
	 position: absolute;
	 margin-left: 45px;
	 margin-top: 30px;
	 }
div.scrollable div.items .carousel_item a{
	 margin: 0;
	 padding: 0;
	 font-size: 1.0em;
	 font-family: "Lucida Grande","Lucida Sans","Trebuchet","Trebuchet MS","Arial","sans";
	 }
div.scrollable div.items .carousel_item a img{
	 display: block;
	 }
div.scrollable div.items .carousel_item h3{
	 font-family:"Century Gothic",Avant Garde,Century Gothic,'ITC Avant Garde Gothic',Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
	 margin: 0;
	 padding: 0;
	 font-size: 1.1em;
	 }
div.scrollable div.items .carousel_item p{
	 margin: 0;
	 padding: 0;
	 font-size: 1.0em;
	 }
/* you may want to setup some decorations to active the item */ 
div.items div.active {
	 /* border:1px inset #ccc;
	 */ background-color:#fff;
	 }
.carousel_container .nextPage:hover {
	 background-position:0 -120px;
	 }
.carousel_container .nextPage {
	 cursor:pointer;
	 display:inline-block;
	 float:left;
	 overflow:hidden;
	 width:24px;
	 background-color: #2c2c2c;
	 background: #2c2c2c url('/images/story/2010/shared/carousel_right_on_2c2c2c.png') no-repeat scroll 0 0;
	 height:120px;
	 }
.carousel_container .prevPage:hover {
	 background-position:0 -120px;
	 }
.carousel_container .prevPage {
	 cursor:pointer;
	 display:inline-block;
	 float:left;
	 overflow:hidden;
	 width:24px;
	 background-color: #2c2c2c;
	 background: #2c2c2c url('/images/story/2010/shared/carousel_left_on_2c2c2c.png') no-repeat scroll 0 0;
	 height:120px;
	 }
.carousel_container a.disabled{
	 visibility: hidden;
	 }
.multi_text{
	 display: none;
	 }
 
 /*//////////////////////////////////////////////////////////////////// 
 Float Fix 
 ////////////////////////////////////////////////////////////////////*/ 
.clearfix:after {
	 content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
	 }
 .clearfix {
	 display: inline-block;
	 }
 /* Hides from IE-mac \*/ * html .clearfix {
	 height: 1%;
	 }
.clearfix {
	 display: block;
	 }

 /* End hide from IE-mac */
.tooltip{
	 display:none;
	 width:223px;
	 }
#scratch_bike_lineup .bl_tooltip{
	 display:none;
	 width:240px;
	 }

 /* tooltip styling */ 
.tooltip .tooltip_content{
	 font-size:11px;
	 color:#545454;
	 background-color: #d5d5d5;
	 padding: 15px;
	 }
.tooltip .tooltip_content.right_container{
	 width: 200px;
	 background-color: #000;
	 }
.tooltip .tooltip_content.right_container h3{
	 color: #fff;
	 }
.tooltip .tooltip_content.right_container p{
	 color: #707070;
	 margin: 0 0 10px 0;
	 }

#scratch_bike_lineup .tooltip .tooltip_content a{
	color: #fff;
	background: url('/images/story/2010/shared/circle_arrow_on_000.png') no-repeat right bottom;
}	




.tooltip .tooltip_content a{
	 color: #000;
	 background: url('/images/story/2010/shared/circle_arrow_on_f9f9f9.png') no-repeat right bottom;
	 }

.tooltip .tooltip_arrow{
	 width: 27px;
	 height: 14px;
	 background: url('/images/story/2010/shared/tooltip_vertical_d5d5d5.png') no-repeat top center;
	 margin: 0 auto;
	 }
.tooltip .tooltip_arrow.left_container{
	 width: 10px;
	 height: 21px;
	 margin: 100px 0 0 0;
	 background: url('/images/story/2010/shared/bl_tooltip_arrow.png') no-repeat center center;
	 }

/* a .label element inside tooltip */ 
.tooltip .label {
	 color:yellow;
	 width:35px;
	 }
.tooltip h3 {
	 color:#000;
	 font-weight:bold;
	 }
.tooltip p {
	 color: #545454;
	 font-size: 11px;
	 margin: 0 0 10px;
	 }