﻿
#Content h1
{
	padding-top: 42px;
}

#Content h1.Local
{
    color: #009CDD;
}

#Content h2.Local
{
    color: #375016;
}

#Content h3
{
    color: #666;
}

#Content .Ride-Title
{
    margin: 0 200px 0 0;
    height: 180px;
}

#Content img.Ride-Level
{
    float: right;
    display: inline;
    margin: 25px 0 0 0;
}

#Content .Column-Feature
{
    position: relative;
}

#Content .Articles
{
    margin-top: 15px;
}

#Content .Paging
{
    margin-top: 20px;
}

#Content .Ride-Wrapper
{
    position: relative;
}

/* --- Tabs --- */

#Content ul.Content-Tabs
{
    height: 29px;
    margin: 0 200px 0 0;
    padding: 4px 0 0 0;
    background: url(/images/backgrounds/content-tabs-503.png) no-repeat 0 0;
}

#Content ul.Content-Tabs li a
{
    padding: 9px 0 8px 10px;
    background-position: right 9px;
}

#Content ul.Content-Tabs li a span
{
    height: 10px;
    padding: 0 15px 0 0;
    background: no-repeat 0 0;
    text-indent: -9000px;
    overflow: hidden;
}

#Content ul.Content-Tabs li.Current a span
{
    background-position: 0 -30px;
}

#Content ul.Content-Tabs li a.Tab-EventDetails span
{
    width: 82px;
    background-image: url(/images/buttons/tab-event-details.gif);
}

#Content ul.Content-Tabs li a.Tab-GettingThere span
{
    width: 83px;
    background-image: url(/images/buttons/tab-getting-there.gif);
}

#Content ul.Content-Tabs li a.Tab-Entertainment span
{
    width: 91px;
    background-image: url(/images/buttons/tab-entertainment.gif);
}

#Content ul.Content-Tabs li a.Tab-RideReport span
{
    width: 69px;
    background-image: url(/images/buttons/tab-ride-report.gif);
}

#Content ul.Content-Tabs li a.Tab-MediaGallery span
{
    width: 86px;
    background-image: url(/images/buttons/tab-media-gallery.gif);
}

#Content ul.Content-Tabs li a.Tab-FeaturedImages span
{
    width: 100px;
    background-image: url(/images/buttons/tab-featured-images.gif);
}

#Content ul.Content-Tabs li a.Tab-FeaturedVideos span
{
    width: 100px;
    background-image: url(/images/buttons/tab-featured-videos.gif);
}

#Content ul.Content-Tabs li a.Tab-FAQs span
{
    width: 29px;
    background-image: url(/images/buttons/tab-faqs.gif);
}

#Content .Tab-Contents
{
    margin: 0 200px 0 0;
}

/* --- Ride Overview --- */

#Content .Ride-Overview
{
    position: relative;
    margin: 0 0 0 9px;
    padding: 0 0 10px 0;
}

#Content .Ride-Overview img
{
    float: left;
    display: inline;
}

#Content .Ride-Overview h3
{
    margin: 0 0 0 245px;
    padding: 10px 0 10px 10px;
    background-position: left top;
}

#Content .Ride-Overview ul
{
    float: right;
    display: inline;
    width: 450px;
    margin: 0 0 0 0;
    padding: 12px 0 0 0;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left top;
    list-style: none;
}

#Content .Ride-Overview ul li
{
    margin: 0;
    padding: 3px 10px;
    background: #F5F5F5;
    font-size: 1.2em;
}

#Content .Ride-Overview ul li.Alternate
{
    background: none;
}

#Content .Ride-Overview ul li label
{
    float: left;
    display: inline;
    width: 190px;
    font-size: 0.8em;
    color: #777;
    text-transform: uppercase;
}

#Content .Ride-Overview .Ride-Cost
{
    position: absolute;
    top: 9px;
    right: 10px;
    font-size: 1.6em;
    color: #009CDD;
}

#Content .Ride-Overview .Ride-Cost, 
#Content .Ride-Overview .Ride-Cost span
{
    font-weight: bold;
}

/* --- Ride Description --- */

#Content .Ride-Description
{
    float: left;
    display: inline;
    width: 505px;
}

#Content .Ride-Description.Ride-City
{
    float: none;
    display: block;
    width: auto;
}

#Content .Ride-Description h3
{
    margin: 52px 0 0 9px;
}

#Content .Ride-Description p, 
#Content .Ride-Description li
{
    font-size: 1.2em;
}

#Content .Ride-Description.Ride-City p
{
    margin: 15px 0 0 9px;
    padding: 0;
}

#Content .Ride-Description.Ride-City p, 
#Content .Ride-Description.Ride-City li, 
#Content .Ride-Description.Ride-City td
{
    color: #333!important;
}

#Content .Ride-Description.Ride-City table
{
    margin: 15px 0 0 5px;
}

#Content .Ride-Description.Ride-City table td
{
    padding-right: 50px;
    font-size: 1.2em;   
}

/* --- Ride Route --- */

#Content .Ride-Route
{
    margin: 30px 0 0 0;
}

#Content .Ride-Route .Route-Map
{
    float: left;
    display: inline;
    width: 225px;
    margin: 5px 0 0 9px;
}

#Content .Ride-Route .Route-Map .Map-Frame
{
    width: 225px;
    height: 225px;
    border: solid 1px #009CDD;
    overflow: hidden;
}

#Content .Ride-Route .Launch-Map
{
    margin: 10px 0 0 0;
    text-align: right;
}

#Content .Ride-Route .Launch-Map a img
{
    padding-left: 2px;
}

#Content .Ride-Route h3
{
    margin: 0 0 0 245px;
    padding: 10px 0 10px 10px;
    background-position: left top;
}

#Content .Ride-Route p
{
    margin: 0 0 0 245px;
    padding: 10px 0 0 10px;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left top;
    font-size: 1.2em;
}

#Content .Ride-Route ul
{
    margin: 20px 0 0 245px;
    list-style: none;
}

#Content .Ride-Route ul li
{
    margin: 0;
    padding: 2px 10px;
    font-size: 1.2em;
}

#Content .Ride-Route ul li label
{
    display: block;
    font-size: 0.8em;
    color: #777;
    text-transform: uppercase;
}

/* --- Ride Route -> City Ride --- */

#Content .Ride-Route.Route-City h3
{
    margin: 0;
    padding: 0 0 10px 10px;
    background-position: left bottom;
}

#Content .Ride-Route.Route-City .Icons
{
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
}

#Content .Ride-Route.Route-City .Icons a
{
    float: right;
    display: inline;
    margin: 0 0 0 20px;
    padding: 2px 0 7px 23px;
    background: no-repeat 0 0;
    font-size: 1.1em;
    color: #444;
    text-transform: uppercase;
}

#Content .Ride-Route.Route-City .Icons a.Google { background-image: url(/images/icons/google-small.png); }
#Content .Ride-Route.Route-City .Icons a.PDF { background-image: url(/images/icons/file-pdf-small.png); }

#Content .Ride-Route.Route-City .Route-Map
{
    float: none;
    display: block;
    width: auto;
}

/* --- Ride Options --- */

#Content .Ride-Options
{
    float: right;
    display: inline;
    width: 170px;
    padding: 0 0 0 0;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left top;
}

#Content .Ride-Options.Ride-City
{
    padding: 0;
    background: none;
}

#Content .Ride-Options .Button-Wrapper
{
    margin: 0;
    padding: 0 0 11px 0;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left bottom;
}

#Content .Ride-Options a.Button-Large
{
    margin: 0;
}

#Content .Ride-Options .Ride-Info
{
    padding: 0 0 10px 0;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left bottom;
}

#Content .Ride-Options .Ride-Info h3
{
    margin: 0;
    padding: 10px;
}

#Content .Ride-Options .Ride-Info p
{
    font-size: 1.2em;
}

#Content .Ride-Options .Section
{
    margin: 22px 0 0 0;
    background-image: url(/images/backgrounds/border-rounded-bottom-170.png);
}

#Content .Ride-Options .Section-Inner
{
    background-image: url(/images/backgrounds/border-rounded-top-170.gif);
}

#Content .Ride-Options .Form
{
    background: none;
}

#Content .Ride-Options .Form h3
{
    font-size: 1.2em;
    text-transform: uppercase;
}

#Content .Ride-Options .Form .Element
{
    padding: 10px 10px 0 10px;
}

#Content .Ride-Options .Form .Text
{
    width: 135px;
    padding: 1px;
}

#Content .Ride-Options .Form .Controls
{
    margin: 10px 0 0 10px;
    padding: 0;
}

#Content .Ride-Options .Form a.Button
{
    float: left;
    margin: 0;
}

#Content .Ride-Options .Message
{
    margin: 0;
    padding: 10px 0 0 10px;
}

#Content .Ride-Options .Message p
{
    margin: 0;
    padding: 0;
    line-height: 1em;
}

#Content .Ride-Options .Message ul
{
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

#Content .Ride-Options .Message ul li
{
    margin-left: 0;
    padding-left: 0;
}

#Content .Ride-Options .Section.Share ul
{
    display: none!important;
}

/* --- Other Rides --- */

#Content .Ride-Others
{
    margin: 40px 0 0 0;
}

/* --- BC Promo Panel --- */

#Content .BC-Wrapper
{
    margin: 0 10px 0 0;
    padding: 0 100px 0 0;
    background: url(/images/logos/partner-britishcycling-solo.gif) no-repeat right top;
}

/* --- BC Promo Panel --- */

#Content .LFA-Wrapper
{
    margin: 0 10px 0 0;
    padding: 0 100px 0 0;
    background: url(/images/logos/lfa.png) no-repeat right top;
}

/* --- Sidebar -> Info Panel --- */

#Content .Column-Sidebar .Info-Panel
{
    margin: 11px 0 0 0;
    padding: 1px 0 0 0;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left top;
}

#Content .Column-Sidebar .Info-Panel-Inner
{
    padding: 0 0 15px 0;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left bottom;
}

#Content .Column-Sidebar .Info-Panel h3
{
    padding: 6px 0 10px 10px;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left bottom;
    color: #999;
}

/* --- Sidebar -> Feature Panels --- */

#Content .Column-Sidebar .Feature-Panels
{
    background: none;
}

/* --- Sidebar -> Ambassador --- */

#Content .Panel-Ambassador
{
    position: relative;
    padding-bottom: 20px;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left bottom;
}

#Content .Panel-Ambassador h4
{
    margin: 0;
    padding: 20px 0 0 0;
    font-size: 1.5em;
    color: #666;
}

#Content .Panel-Ambassador h5
{
    margin: 2px 0 0 0;
    font-size: 1.2em;
    color: #999;
}

#Content .Panel-Ambassador blockquote
{
    margin: 10px 25px 0 0;
    font-size: 1em;
    color: #0B539B;
    font-style: italic;
    line-height: 1.6em;
}

#Content .Panel-Ambassador blockquote span img
{
    position: absolute;
}

#Content .Panel-Ambassador h5 span
{
    font-weight: normal;
}

#Content .Panel-Ambassador .Ambassador-Photo
{
    position: absolute;
    top: 20px;
    left: -193px;
    padding: 5px;
    border: solid 1px #CCC;
}

/* --- Sidebar -> News --- */

#Content .Column-Sidebar .Feature-News
{
    margin: 10px 0 0 0;
    padding: 1px 0 0 0;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left top;
}

#Content .Column-Sidebar .Feature-News h3
{
    margin: 0;
    padding: 4px 0 10px 10px;
    background: url(/images/backgrounds/dots-horizontal.gif) repeat-x left bottom;
    font-size: 1.3em;
    color: #818181;
    font-weight: bold;
    text-transform: uppercase;
}

#Content .Column-Sidebar .Feature-News ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#Content .Column-Sidebar .Feature-News ul li
{
    margin: 10px 0 0 0;
    padding: 0;
    line-height: 1.2em;
}

#Content .Column-Sidebar .Feature-News ul li strong a
{
    display: block;
    padding: 5px 10px;
    background: #F5F5F5 url(/images/icons/arrow-right.gif) no-repeat 215px 9px;
    color: #303030;
    font-weight: bold;
}

#Content .Column-Sidebar .Feature-News ul li .News-Brief
{
    display: block;
    padding: 5px 0 0 10px;
}
