/* Giro Development
Developed by Instrument Marketing | http://www.weareinstrument.com/ */

/* --- grid system overrides --- */
ul.span-1, ul.span-2, ul.span-3, ul.span-4, ul.span-5 { float: left; margin: 0; }

/* --- typography --- */
body { color: #222; }

a {
    color: #808183;
    text-decoration: none;
}
a:hover { color: #231f20; }
a:active { color: #bf272d; }

:focus, :active { outline: none; }

h2 {
    color: #bf272d;
    margin: 23px 0 18px;
    text-transform: uppercase;
}
h3, h4 { text-transform: uppercase; }

label { font-weight: normal; }

/* --- structural ---*/
body { margin: 0; text-align: left !important; }
.shadow { overflow: hidden; }
.fade { position: relative; }
.fade span { cursor: pointer; }

/* header */
#header-wrapper {
    background: url(/frontend/img/shadow-top.png) 0 45px repeat-x;
    height: 48px;
    margin-bottom: -3px;
    position: relative;
    width: 100%;
    z-index: 100;
}
#header {
    position: relative;
    z-index: 100;
}

#logo {
    font-size: 1em;
    margin: 0;
}
#logo a {
    display: block;
    height: 14px;
    padding: 16px 0 15px;
    width: 102px;
}

#header .shadow { 
    background: url(/frontend/img/header-shadow.png) center top;
    height: 5px;
    left: 0;
    position: absolute;
    top: 45px;
    width: 970px;
    z-index: 101;
}

#nav-main {
    height: 45px;
    list-style: none;
    left: 140px;
    margin: 0;
    position: absolute;
    top: 0;
    z-index: 102;
}
#nav-main li {
    background: url(/frontend/img/top-nav.png) 0 -44px no-repeat;
    float: left;
    height: 45px;
    position: relative;
    z-index: 102;
}
#nav-main li a {
    display: block;
    height: 100%;
    width: 100%;
}
#nav-main li span {
    display: block; 
    height: 100%; 
    overflow: hidden;
    text-indent: -999em;
}
#nav-main li.collections { background-position: 0 -44px; width: 109px; }
#nav-main li.products { background-position: -109px -44px; width: 94px; }
#nav-main li.media { background-position: -204px -44px; width: 67px; }
#nav-main li.collections:hover, #collections #nav-main li.collections { background-position: 0 0; }
#nav-main li.products:hover, #products #nav-main li.products { background-position: -109px 0; }
#nav-main li.media:hover, #media #nav-main li.media { background-position: -204px 0; }

/* subnav */
#nav-main ul {
    background: url(/frontend/img/nav-main-bg.png);
    display: none;
    height: 50px;
    left: 0;
    list-style: none;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 45px;
    z-index: 103;
}
#nav-main li:hover ul, #nav-main li.hover ul { display: block; }
#nav-main .collections ul { width: 751px; }
#nav-main .products ul { width: 721px; }

#nav-main ul li {
    background: url(/frontend/img/transparent.gif);
    float: left;
    height: 50px;
    z-index: 103 !important;
}
#nav-main ul li a {
    background: url(/frontend/img/second-nav.png) 0 0 no-repeat;
    display: block;
    height: 50px;
    overflow: hidden;
    text-indent: -999em;
}
/* subnav - collections */
#nav-main ul li.dirt a { background-position: -3px 0; width: 58px; }
#nav-main ul li.road a { background-position: -60px 0; width: 63px; }
#nav-main ul li.ski a { background-position: -123px 0; width: 46px; }
#nav-main ul li.snowboard a { background-position: -169px 0; width: 121px; }
#nav-main ul li.urban a { background-position: -290px 0; width: 71px; }
#nav-main ul li.womens-series a { background-position: -361px 0; width: 150px; }
#nav-main ul li.livestrong a { background-position: -511px 0; width: 110px; }
#nav-main ul li.dirt a:hover, .dirt #nav-main ul li.dirt a { background-position: -3px -50px; }
#nav-main ul li.road a:hover, .road #nav-main ul li.road a { background-position: -60px -50px; }
#nav-main ul li.ski a:hover, .ski #nav-main ul li.ski a { background-position: -123px -50px; }
#nav-main ul li.snowboard a:hover, .snowboard #nav-main ul li.snowboard a { background-position: -169px -50px; }
#nav-main ul li.urban a:hover, .urban #nav-main ul li.urban a { background-position: -290px -50px; }
#nav-main ul li.womens-series a:hover, .womens-series #nav-main ul li.womens-series a { background-position: -361px -50px; }
#nav-main ul li.livestrong a:hover, .livestrong #nav-main ul li.livestrong a { background-position: -511px -50px; }

/* subnav - products */
#nav-main ul li.cycling-helmets a { background-position: -4px -100px; width: 165px; }
#nav-main ul li.snow-helmets a { background-position: -165px -100px; width: 140px; }
#nav-main ul li.sunglasses a { background-position: -304px -100px; margin-left: 4px; width: 120px; }
#nav-main ul li.goggles a { background-position: -424px -100px; width: 93px; }
#nav-main ul li.gloves a { background-position: -516px -100px; width: 78px; }
#nav-main ul li.accessories a { background-position: -593px -100px; width: 119px; }
#nav-main ul li.cycling-helmets a:hover, .cycling-helmets #nav-main ul li.cycling-helmets a { background-position: -4px -150px; }
#nav-main ul li.snow-helmets a:hover, .snow-helmets #nav-main ul li.snow-helmets a { background-position: -165px -150px; }
#nav-main ul li.sunglasses a:hover,
#products.sunglasses #nav-main li.products ul li.sunglasses a,
#collections.sunglasses #nav-main li.collections ul li.sunglasses a { background-position: -304px -150px; }
#nav-main ul li.goggles a:hover, .goggles #nav-main ul li.goggles a { background-position: -424px -150px; }
#nav-main ul li.gloves a:hover, .gloves #nav-main ul li.gloves a { background-position: -516px -150px; }
#nav-main ul li.accessories a:hover, .accessories #nav-main ul li.accessories a { background-position: -593px -150px; }

/* disable hover effect for fade-enabled links */
.fade-on #nav-main ul li.dirt a.fade { background-position: -3px 0; }
.fade-on #nav-main ul li.road a.fade { background-position: -60px 0; }
.fade-on #nav-main ul li.ski a.fade { background-position: -123px 0; }
.fade-on #nav-main ul li.snowboard a.fade { background-position: -169px 0; }
.fade-on #nav-main ul li.urban a.fade { background-position: -290px 0; }
.fade-on #nav-main ul li.womens-series a.fade { background-position: -361px 0; }
.fade-on #nav-main ul li.livestrong a.fade { background-position: -511px 0; }
.fade-on #nav-main ul li.cycling-helmets a.fade { background-position: -4px -100px; }
.fade-on #nav-main ul li.snow-helmets a.fade { background-position: -165px -100px; }
.fade-on #nav-main ul li.sunglasses a.fade { background-position: -304px -100px; }
.fade-on #nav-main ul li.goggles a.fade { background-position: -424px -100px; }
.fade-on #nav-main ul li.gloves a.fade { background-position: -516px -100px; }
.fade-on #nav-main ul li.accessories a.fade { background-position: -593px -100px; }

/* shadow in subnav */
#nav-main li .shadow { 
    background: url(/frontend/img/header-shadow.png) 0 0 no-repeat;
    display: none;
    height: 5px;
    left: 0;
    position: absolute;
    top: 45px;
    z-index: 104;
}
#nav-main li:hover .shadow { display: block }
#nav-main li.collections .shadow { background-position: -167px 0; width: 685px; }
#nav-main li.products .shadow { background-position: -263px 0; width: 714px; }

/* utility navigation */
#nav-utility {
    height: 45px;
    line-height: 45px;
    list-style: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#nav-utility li {
    float: left;
    margin-left: 20px;
    height: 45px;
}
#nav-utility li a {
    background: url(/frontend/img/utility-nav.png) 0 0 no-repeat;
    display: block;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-indent: -9999em;
}
#nav-utility li.my-list { width: 54px; }
#nav-utility li.my-list a { display: none; }
.js #nav-utility li.my-list a {
    background-position: 0 0;
    display: block; 
    width: 54px;
}
#nav-utility li.my-list a:hover, #my-list #nav-utility li.my-list a { background-position: 0 -45px; }
.fade-on #nav-utility li.my-list a.fade { background-position: 0 0; width: 54px; }

#nav-utility li.region-selector { position: relative; }
#nav-utility li.region-selector a { 
    height: 33px;
    margin: 8px 0 0;
    width: 58px;
}
#nav-utility li.region-selector a.us { background-position: -127px 0; }
#nav-utility li.region-selector a.eu { background-position: -127px -33px; }
#nav-utility li.region-selector a.ap { background-position: -127px -66px; }
#nav-utility li.region-selector div {
    background: url(/frontend/img/lightshade-bg.png);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#nav-utility li.loading div { display: block !important; }
#nav-utility li.region-selector img {
    display: block;
    margin: 10px auto 0;
}

#nav-utility .search form {
    height: 100%;
    margin: 0;
    padding: 0;
}
#nav-utility .search form label {
    background: url(/frontend/img/utility-nav.png) -67px 0 no-repeat;
    display: block;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    text-indent: -9999em;
    width: 34px;
}
#nav-utility .search form input { 
    display: inline;
    vertical-align: middle;
    width: 150px;
}
#nav-utility .search form button {
    background: #fff url(/frontend/img/search-sprites.png) 0 -1px no-repeat;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin: 3px 0 0 5px;
    overflow: hidden;
    text-indent: -999em;
    width: 14px;
    vertical-align: middle;
}

/* region selector welcome message */
#regionset {
    background: #a21a28;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 2em;
    padding-left: 35px;
    text-decoration: none;
    text-transform: uppercase;
}


/* other common structural elements */
.paper {
    background: url(/frontend/img/paper.gif);
    position: relative;
    width: 100%;
}
.paper .shadow {
    background: url(/frontend/img/shadow-bottom.png);
    bottom: 0;
    height: 3px;
    left: 0;
    margin-top: -3px;
    position: absolute;
    width: 100%;
}

.top-shadow {
   /* background: url(/frontend/img/shadow-hump.png) center top no-repeat;
    margin-top: -6px !important;
    padding-top: 6px !important;
    position: relative; */
    width: 100%; 
}

#flash-banner {
    display: block;
    height: 546px;
    line-height: 0;
    margin: 0 auto;
    width: 970px;
}

.paper-lance {
    background: url(http://tour.giro.com/frontend/img/lance_paper.jpg);
    position: relative;
    width: 100%;
}

.paper-lance .shadow {
    background: url(http://tour.giro.com/frontend/img/shadow-bottom.png);
    bottom: 0;
    height: 3px;
    left: 0;
    margin-top: -3px;
    position: absolute;
    width: 100%;
}

#flash-banner-lance {
    display: block;
    height: 411px;
    line-height: 0;
    margin: 0 auto;
    width: 970px;
}

#flash-banner-lance img {
    display: block;
    margin: 0px;
    padding: 0px;
	border: 0px;
}

.buckets {
 /*   background: url(/frontend/img/shadow-buckets.png) center top no-repeat;
    margin-top: -6px;
    padding-top: 6px; */
    width: 100%;
}

.flash-buckets {
    display: block;
    margin: 0 auto;
    width: 970px;
}

.flash-buckets img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.flash-buckets ul {
	list-style:none;
	width: 970px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	
}
	
.flash-buckets ul li {
	list-style:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	white-space:nowrap;
	width: 194px;
	height: 109px;
}

.flash-buckets ul li img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block; /*Use display block on the li images to get ride of FF white-space pixel bug. To eliminate it in IE make sure there is no space between
	the li items in the code i.e. <li></li><li></li><li></li> . .etc. */
}

.flash-buckets ul li a.flashBucket {width:194px; height:109px; display:block; margin: 0px; padding: 0px; text-decoration:none; border: none;}
		a.bucket_1{ background:url(/frontend/img/we_got_clogs_sprite.png) no-repeat left top;}
		a.bucket_2{ background:url(/frontend/img/team_radio_shack_sprite.png) no-repeat left top;}
		a.bucket_3{ background:url(/frontend/img/team_rabobank_sprite.png) no-repeat left top;}
		a.bucket_4{ background:url(/frontend/img/team_astana_sprite.png) no-repeat left top;}
		a.bucket_5{ background:url(/frontend/img/team_prologue_sprite.png) no-repeat left top;}
		a.bucket_6{ background:url(/frontend/img/a_day_with_alberto_sprite.png) no-repeat left top;}
		a.comingsoon{ background:url(/frontend/img/coming_soon.jpg) no-repeat left top;}
		a.bucket_1:hover, a.bucket_2:hover, a.bucket_3:hover, a.bucket_4:hover, a.bucket_5:hover, a.bucket_6:hover { background-position: left -109px;}


/* Begin Photo Sprites */
.photo-buckets {
    display: block;
    margin: 0 auto;
    width: 970px;
}

.photo-buckets img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.photo-buckets ul {
	list-style:none;
	width: 970px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	
}
	
.photo-buckets ul li {
	list-style:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	white-space:nowrap;
	width: 194px;
	height: 109px;
}

.photo-buckets ul li img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block; /*Use display block on the li images to get ride of FF white-space pixel bug. To eliminate it in IE make sure there is no space between
	the li items in the code i.e. <li></li><li></li><li></li> . .etc. */
}

.photo-buckets ul li a.photoBucket {width:194px; height:109px; display:block; margin: 0px; padding: 0px; text-decoration:none; border: none;}
		a.photo_view{ background:url(/frontend/img/view_photo.png) no-repeat left top;}
		a.photo_comingsoon{background:url(/frontend/img/coming_soon.jpg) no-repeat left top;}
		a.photo_view:hover, a.photo_view:hover{ background-position: left -109px;}



.buckets .under_shadow {
	padding:0px;
	margin: 0px auto;
	border:0px;
	width: 1024px;
	height: 3px;
	text-align: center;
}

.buckets .under_shadow img {
	padding: 0px;
	margin: 0px;
	border:0px;
	display: block;
}




/* -- Main Content --*/
#page-content {
	width: 970px;
	border: 0px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}

#page-content p {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align: top;
}

#page-content img  {
	border: none;
	vertical-align: top;
	display: block;
	padding: 0px;
	margin:0px;
}

#page-content #col-1{
float: left;
width: 400px;
border: 0px;
margin: 0px;
padding: 38px 0px 0px 0px;
text-align:left;
}


#page-content #col-1 p {
	margin:0px;
	padding:0px 0px 0px 2px;
	border:0px;
	vertical-align: top;
}

#page-content #col-1 p.title {
	margin:0px;
	padding:0px 0px 20px 1px;
	border:0px;
}

#page-content #col-1 .twitter-feed {
	width: 302px;
	margin-left: 82px;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
	clear: both;
	vertical-align:top;

}

#page-content #col-1 .twitter-feed ul.twitter-feed {
	width: 302px;
	margin: 0px; 
	list-style:none;
	padding: 0px;
	border: none;
	vertical-align:top;
	

}


#page-content #col-1 .twitter-feed ul.twitter-feed li {
  width: 302px;
  margin: 0px; 
  list-style:none;
  padding: 0px;
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  border-bottom:1px solid #cccccc;
  border-top: none;
  border-left:none;
  border-right:none;
}

#page-content #col-1 .twitter-feed ul.twitter-feed li a {
  width: 302px;
  margin: 0px; 
  padding: 0px;
  border: none;
  display: inline;
  text-decoration: none;
  color: #59bcd9;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:normal;
}

#page-content #col-1 .twitter-feed ul.twitter-feed li a:hover {
 text-decoration: underline;
   color: #59bcd9;
}

#page-content #col-2{
float: left;
width: 376px;
border: 0px;
margin: 0px;
padding: 90px 0px 0px 0px;
text-align:left;
}

#page-content #col-2 .twitter-feed2 {
	width: 290px;
	margin-left: 80px;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
	clear: both;
	vertical-align:top;

}

#page-content #col-2 .twitter-feed2 ul.twitter-feed2 {
	width: 290px;
	margin: 0px; 
	list-style:none;
	padding: 0px;
	border: none;
	vertical-align:top;
}

#page-content #col-2 .twitter-feed2 ul.twitter-feed2 li {
width: 290px;
  margin: 0px; 
  list-style:none;
  padding: 0px;
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  border-bottom:1px solid #cccccc;
  border-top: none;
  border-left:none;
  border-right:none;
}

#page-content #col-2 .twitter-feed2 ul.twitter-feed2 li a {
width: 290px;
  margin: 0px; 
  padding: 0px;
  border: none;
  display: inline;
  text-decoration: none;
  color: #59bcd9;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:normal;
}

#page-content #col-2 .twitter-feed2 ul.twitter-feed2 li a:hover {
 text-decoration: underline;
   color: #59bcd9;
}


#page-content #col-1 img, #page-content #col-2 img  {
	border: none;
	vertical-align: top;
	display: block;
	padding: 0px;
	margin:0px 5px 0px 0px;
}
	
#page-content #col-1 img.left, #page-content #col-2 img.left {
	float: left;
}

#page-content #col-3{
float: left;
width: 194px;
border: 0px;
margin: 0px;
padding: 46px 0px 0px 0px;
text-align:left;
height: auto;
	
}

#page-content #col-3 p {
	margin: 0px;
	padding: 0px 0px 14px 30px;
	border: 0px;
	
}

#page-content #col-3 ul {
	list-style:none;
	width: 164px;
	height:153px;
	margin: 0px;
	padding: 0px 0px 12px 20px;
	border: 0px;
	
}
	
#page-content #col-3 ul li {
	list-style:none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	white-space:nowrap;
	width: 164px;
	height: 153px;
}

#page-content #col-3 ul li a {
	display:block;
	margin: 0px;
	padding: 0px; 
	text-decoration:none;
	border: none;
	width: 164px;
	height: 153px;
}

#page-content #col-3 ul li img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block; /*Use display block on the li images to get ride of FF white-space pixel bug. To eliminate it in IE make sure there is no space between
	the li items in the code i.e. <li></li><li></li><li></li> . .etc. */
}

/*-- Lance Armstrong landing page-content --*/
#page-content #lance-col-1{
float: left;
width: 468px;
border: 0px;
margin: 0px;
padding: 35px 0px 0px 20px;
text-align:left;
}

#page-content #lance-col-1 p.header_lance
{font-family:Myriad Pro, Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
 border: 0px;
 font-size: 22px;
 line-height:27px;
 text-transform:uppercase;
 
}

#page-content #lance-col-1 p.header_lance span
{font-weight: bold;
}

#page-content #lance-col-1 p.subheader_lance
{font-family:Myriad Pro, Arial, Helvetica, sans-serif;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border: 0px;
 font-size: 16px;
 line-height: 18px;
 font-weight: bold;
 
}

#page-content #lance-col-1 p.text_lance
{font-family:Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
 border: 0px;
 font-size: 13px;
 line-height:14px;
 font-weight: normal;
 text-align: left;
 
}

#page-content #lance-col-1 p.text_lance a:link,
#page-content #lance-col-1 p.text_lance a:visited
{font-family:Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#ee2e24;
 text-decoration:none;
 font-weight: normal;
 padding: 0px;  
 margin: 0px;
 border: none;
 }

#page-content #lance-col-1 p.text_lance a:active,
#page-content #lance-col-1 p.text_lance a:hover
{ text-decoration: underline;
}

#page-content #lance-col-1 p.ionos {
	padding: 14px 0px 14px 0px;
	margin: 0px;
	border: 0px;
}

#page-content #lance-col-1 p.ionos img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	border: none;
	vertical-align: top;
	display: block;
}
	
#page-content #lance-col-1 p.ionos a {
	padding: 0px;
	margin: 0px;
	border: 0px;
    text-decoration: none;
}

#page-content #lance-col-1 #lance-form {
	padding: 0px;
	margin: 0px;
	border: 0px;
    width: 468px;
	max-width:468px;
}

#page-content #lance-col-2 {
float: left;
width: 402px;
border: 0px;
margin: 0 0 25px 0;
padding: 35px 0px 0px 80px;
text-align:left;
}

#page-content #lance-col-2 #lance-top {
	width: 402px;
	margin: 0px;
	padding: 0px;
	height: 172px;
	float: left;
	
}


#page-content #lance-col-2 #lance-top .lance-top-left  {
	float:left;
	margin:0px;
	padding:0px;
	border: 0px;
	height:170px;
	width: 136px;
	
}
#page-content #lance-col-2 #lance-top .lance-top-right  {
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
	border: 0px;
	height:170px;
	width: 250px;
	
}

#page-content #lance-col-2 #lance-top .lance-top-left  img {
	border: none;
	vertical-align: top;
	padding: 0px;
	margin:0px;
	height: 170px;
	width: 136px;
	
}


#page-content #lance-col-2 #lance-top .lance-top-right h2 {
 font-family:Myriad Pro, Arial, Helvetica, sans-serif;
 margin: 0px 0px 3px 0px;
 padding: 0px;
 border: 0px;
 font-size: 22px;
 line-height: 22px;
 font-weight: bold;
 text-transform: uppercase;
 color: #000000;
 vertical-align:top;
}

#page-content #lance-col-2 #lance-top .lance-top-right p {
 font-family:Arial, Helvetica, sans-serif;
 margin: 0px 0px 4px 0px;
 padding: 0px;
 border: 0px;
 font-size: 13px;
 line-height: 15px;
 font-weight: normal;
 color: #000000;
}

#page-content #lance-col-2 #lance-top  .lance-top-right ul {
	list-style:none;
	width: 243px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	
}
	
#page-content #lance-col-2 #lance-top  .lance-top-right ul li {
	list-style:none;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	border: 0px;
	display: block;
	white-space:nowrap;
	width: 243px;
	height: 23px;
}

#page-content #lance-col-2 #lance-top .lance-top-right ul li a {
	display:block;
	margin: 0px;
	padding: 0px 0px 0px 5px;  
	text-decoration:none;
	border: none;
	width: 243px;
	height: 23px;
	line-height:23px;
	background:url(/frontend/img/lance_bar_right.jpg) no-repeat left top;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:13px;
	color:#ffffff;
	text-align: left;
	
}

#page-content #lance-col-2 #lance-top .lance-top-right ul li img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block; /*Use display block on the li images to get ride of FF white-space pixel bug. To eliminate it in IE make sure there is no space between
	the li items in the code i.e. <li></li><li></li><li></li> . .etc. */
}


#page-content #lance-col-2 #lance-twitter-title{
	width: 402px;
	margin: 0px;
	padding: 46px 0px 18px 0px;
	clear: both;
}

#page-content #lance-col-2 #lance-twitter-title hr {
text-align: left; 
height:1px; 
width: 394px;
margin: 5px 0px 0px 0px;

}

#page-content #lance-col-2 #lance-twitter1 {
	width: 402px;
	margin: 0px;
	padding: 0px;
	height: 290px;
	
	
}

#page-content #lance-col-2 #lance-twitter1 p, #page-content #lance-col-2 #lance-twitter2 p {
text-align:left;
margin:0px;
padding: 0px;
border: 0px;

}
																							

#page-content #lance-col-2 #lance-twitter1 #lance-feed1, #page-content #lance-col-2 #lance-twitter2 #lance-feed2 {
  width: 300px;
	margin: 0px;
	padding: 0px 0px 0px 90px;
	border: none;
	height: 227px;
	clear: both;
	
	
}

#page-content #lance-col-2 #lance-twitter1 #lance-feed1 ul.lance-feed, #page-content #lance-col-2 #lance-twitter2 #lance-feed2 ul.lance-feed  {
  width: 300px;
	margin: 0px; 
	list-style:none;
	padding: 0px;
	border: none;
	height: 227px;
	
	
}

#page-content #lance-col-2 #lance-twitter1 #lance-feed1 ul.lance-feed li, #page-content #lance-col-2 #lance-twitter2 #lance-feed2  ul.lance-feed li  {
  width: 300px;
  margin: 0px; 
  list-style:none;
  padding: 0px;
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  border-bottom:1px solid #cccccc;
  border-top: none;
  border-left:none;
  border-right:none;
	
}

#page-content #lance-col-2 #lance-twitter1 #lance-feed1 ul.lance-feed li a, #page-content #lance-col-2 #lance-twitter2 #lance-feed2 ul.lance-feed li a  {
  width: 300px;
  margin: 0px; 
  padding: 0px;
  border: none;
  display: inline;
  text-decoration: none;
  color: #59bcd9;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:normal;
  
	
}

#page-content #lance-col-2 #lance-twitter1 #lance-feed1 ul.lance-feed li a:hover, #page-content #lance-col-2 #lance-twitter2 #lance-feed2 ul.lance-feed li a:hover  {
   text-decoration: underline;
   color: #59bcd9;
	
}

#page-content #lance-col-2 #lance-twitter2 {
	width: 402px;
	margin: 0px;
	padding: 0px;
	height: 250px;
	
	
}

#page-content #lance-col-2 #lance-twitter1 img.left, #page-content #lance-col-2 #lance-twitter2 img.left {
	float: left;
	padding: 0px 15px 0px 0px;
	display: block;
	border: none;
	margin: 0px;
}



/*-- Lance Armstrong text page-content --*/
#page-content .lance-header {
width: 970px;
padding:0px;
margin: 0 auto;
}
						

#page-content .lance-header h2 {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 40px;
	line-height: 40px;
	text-align:center;
	padding: 28px 0px 18px 0px;
	text-transform: uppercase;
	color: #000000;
	margin: 0px;
}

#page-content .lance-entry {
	width: 970px;
	margin: 0px;
	padding: 0px;
	text-align:left;
		
}

#page-content .lance-entry h3 {
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	text-align:center;
	padding: 0px;
	margin: 0px 0px 24px 0px;
}

#page-content .lance-entry hr {
text-align: left; 
height:1px; 
width: 900px;
margin-top: 0px;
margin-bottom: 44px;
margin-right: 0px;
margin-left: 35px;

}
	

#page-content .lance-entry p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight:normal;
	text-align:left;
	margin: 0px 0px 10px 0px;
	color: 1e1e1e
}

#page-content .lance-entry p.last {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight:normal;
	text-align:left;
	margin: 0px 0px 50px 0px;
	color: 1e1e1e;
}



/*close page-content */


/* ---- Captions ----*/
#captions {
 /*   background: url(/frontend/img/shadow-buckets.png) center top no-repeat;
    margin-top: -6px;
    padding-top: 6px; */
    width: 100%;
	clear:both;
	height:172px;
	
}


#captions #caption-buckets {
    display: block;
    margin: 0 auto;
    width: 970px;
	height: 172px;
}

#captions #caption-buckets img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#captions #caption-buckets ul {
	list-style:none;
	width: 970px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 172px;
	
}
	
#captions #caption-buckets ul li {
	list-style:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	white-space:nowrap;
	height: 172px;
	width: 388px;
}

#captions #caption-buckets ul li.n {
	list-style:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	white-space:nowrap;
	height: 172px;
	width: 194px;
}

#captions #caption-buckets ul li img, #captions #caption-buckets ul li.n img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block; /*Use display block on the li images to get ride of FF white-space pixel bug. To eliminate it in IE make sure there is no space between
	the li items in the code i.e. <li></li><li></li><li></li> . .etc. */
}


#captions #caption-buckets ul li a {width:388px; height:172px; display:block; margin: 0px; padding: 0px; text-decoration:none; border: none;}
		a.promo_tour1{ background:url(/frontend/img/tour_promo1.jpg) no-repeat left top;}
		a.promo_tour3{ background:url(/frontend/img/tour_promo3.jpg) no-repeat left top;}
		a.promo_tour1:hover, a.promo_tour3:hover { background-position: left -172px;}
		

#captions #caption-buckets ul li.n a {width:194px; height:172px; display:block; margin: 0px; padding: 0px; text-decoration:none; border: none;}
		a.promo_tour2{ background:url(/frontend/img/tour_promo2.jpg) no-repeat left top;}
		a.promo_tour2:hover { background-position: left -172px;}



#captions #caption-buckets ul li a {width:388px; height:172px; display:block; margin: 0px; padding: 0px; text-decoration:none; border: none;}
		a.promo_lance1{ background:url(/frontend/img/lance_promo1.jpg) no-repeat left top;}
		a.promo_lance3{ background:url(/frontend/img/lance_promo3.jpg) no-repeat left top;}
		a.promo_lance1:hover, a.promo_lance3:hover { background-position: left -172px;}
		

#captions #caption-buckets ul li.n a {width:194px; height:172px; display:block; margin: 0px; padding: 0px; text-decoration:none; border: none;}
		a.promo_lance2{ background:url(/frontend/img/lance_promo2.jpg) no-repeat left top;}
		a.promo_lance2:hover { background-position: left -172px;}



#captions .under_shadow {
	padding:0px;
	margin: 0px auto;
	border:0px;
	width: 1024px;
	height: 3px;
	text-align: center;
}

#captions .under_shadow img {
	padding: 0px;
	margin: 0px;
	border:0px;
	display: block;
}



/* -- end Captions --*/

/* footer */
#footer {
    height: 185px;
    position: relative; 
}
#nav-footer,
#nav-footer-top {
    list-style: none;
    margin: 18px 0 0;
    overflow: hidden;
    width: 388px;
}
#nav-footer-top {
    background: url(/frontend/img/footer-top-bg.png) center bottom no-repeat;
    margin: 0;
    padding: 15px 0 20px 37px;
    position: absolute;
    right: 0;
    top: -80px;
}

#nav-footer li, #nav-footer-top li { float: left; }
#nav-footer li.support, #nav-footer-top li.support { width: 134px; }
#nav-footer li.company, #nav-footer-top li.company { width: 234px; }

#nav-footer ul,
#nav-footer-top ul {
    float: left;
    list-style: none;
    margin: 0;
    position: relative;
    width: 117px;
}
#nav-footer ul li,
#nav-footer-top ul li {
    float: none;
    position: relative;
}

#nav-footer li span,
#nav-footer ul li a,
#nav-footer-top li span,
#nav-footer-top ul li a {
    background: url(/frontend/img/footer.png) 0 0 no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
}

#nav-footer li span, #nav-footer-top li span { height: 18px; }
#nav-footer li.company span, #nav-footer-top li.company span { background-position: -134px 0; }

#nav-footer ul li a,
#nav-footer-top ul li a {
    display: block;
    height: 22px;
    width: 100%;
}
#nav-footer ul li.warranty a, #nav-footer-top ul li.warranty a{ background-position: 0 -18px; }
#nav-footer ul li.manuals a, #nav-footer-top ul li.manuals a { background-position: 0 -40px; }
#nav-footer ul li.faqs a, #nav-footer-top ul li.faqs a { background-position: 0 -62px; }
#nav-footer ul li.contact a, #nav-footer-top ul li.contact a { background-position: 0 -84px; }
#nav-footer ul li.press a, #nav-footer-top ul li.press a { background-position: -134px -18px; }
#nav-footer ul li.about a, #nav-footer-top ul li.about a { background-position: -134px -40px; }
#nav-footer ul li.jobs a, #nav-footer-top ul li.jobs a { background-position: -134px -62px; }
#nav-footer ul li.partnerships a, #nav-footer-top ul li.partnerships a { background-position: -134px -84px; }
#nav-footer ul li.advocacy a, #nav-footer-top ul li.advocacy a { background-position: -256px -18px; }
#nav-footer ul li.online a, #nav-footer-top ul li.online a { background-position: -256px -40px; }
#nav-footer ul li.dealers a, #nav-footer-top ul li.dealers a { background-position: -256px -62px; }
#nav-footer ul li.international a, #nav-footer-top ul li.international a { background-position: -256px -84px; }
#nav-footer ul li.warranty a:hover, #nav-footer-top ul li.warranty a:hover,
.warranty-and-registration #nav-footer ul li.warranty a, .warranty-and-registration #nav-footer-top ul li.warranty a { background-position: 0 -107px; }
#nav-footer ul li.manuals a:hover, #nav-footer-top ul li.manuals a:hover,
.manuals #nav-footer ul li.manuals a, .manuals #nav-footer-top ul li.manuals a { background-position: 0 -129px; }
#nav-footer ul li.faqs a:hover, #nav-footer-top ul li.faqs a:hover,
.faqs #nav-footer ul li.faqs a, .faqs #nav-footer-top ul li.faqs a { background-position: 0 -151px; }
#nav-footer ul li.contact a:hover, #nav-footer-top ul li.contact a:hover,
.contact-us #nav-footer ul li.contact a, .contact-us #nav-footer-top ul li.contact a { background-position: 0 -173px; }
#nav-footer ul li.press a:hover, #nav-footer-top ul li.press a:hover,
.press #nav-footer ul li.press a, .press #nav-footer-top ul li.press a { background-position: -134px -107px; }
#nav-footer ul li.about a:hover, #nav-footer-top ul li.about a:hover,
.about-us #nav-footer ul li.about a, .about-us #nav-footer-top ul li.about a { background-position: -134px -129px; }
#nav-footer ul li.jobs a:hover, #nav-footer-top ul li.jobs a:hover,
.jobs #nav-footer ul li.jobs a, .jobs #nav-footer-top ul li.jobs a { background-position: -134px -151px; }
#nav-footer ul li.partnerships a:hover, #nav-footer-top ul li.partnerships a:hover,
.partnerships #nav-footer ul li.partnerships a, .partnerships #nav-footer-top ul li.partnerships a { background-position: -134px -173px; }
#nav-footer ul li.advocacy a:hover, #nav-footer-top ul li.advocacy a:hover,
.advocacy #nav-footer ul li.advocacy a, .advocacy #nav-footer-top ul li.advocacy a { background-position: -256px -107px; }
#nav-footer ul li.online a:hover, #nav-footer-top ul li.online a:hover,
.online-dealers #nav-footer ul li.online a, .online-dealers #nav-footer-top ul li.online a { background-position: -256px -129px; }
#nav-footer ul li.dealers a:hover, #nav-footer-top ul li.dealers a:hover,
.dealer-locator #nav-footer ul li.dealers a, .dealer-locator #nav-footer-top ul li.dealers a { background-position: -256px -151px; }
#nav-footer ul li.international a:hover, #nav-footer-top ul li.international a:hover,
.international-distributors #nav-footer ul li.international a, .international-distributors #nav-footer-top ul li.international a { background-position: -256px -173px; }

.warranty-and-registration #nav-footer-top li.support .heading,
.manuals #nav-footer-top li.support .heading,
.faqs #nav-footer-top li.support .heading,
.contact-us #nav-footer-top li.support .heading {
    background-position: 0 -195px !important;
    height: 33px;
    margin-top: -15px;
}

.press #nav-footer-top li.company .heading,
.about-us #nav-footer-top li.company .heading,
.jobs #nav-footer-top li.company .heading,
.partnerships #nav-footer-top li.company .heading,
.advocacy #nav-footer-top li.company .heading,
.online-dealers #nav-footer-top li.company .heading,
.dealer-locator #nav-footer-top li.company .heading,
.international-distributors #nav-footer-top li.company .heading {
    background-position: -134px -195px !important;
    height: 33px;
    margin-top: -15px;
}

/* disable hover effect for fade-enabled links */
.fade-on #nav-footer ul li.warranty a.fade:hover, .fade-on #nav-footer-top ul li.warranty a.fade:hover { background-position: 0 -18px; }
.fade-on #nav-footer ul li.manuals a.fade:hover, .fade-on #nav-footer-top ul li.manuals a.fade:hover { background-position: 0 -40px; }
.fade-on #nav-footer ul li.faqs a.fade:hover, .fade-on #nav-footer-top ul li.faqs a.fade:hover { background-position: 0 -62px; }
.fade-on #nav-footer ul li.contact a.fade:hover, .fade-on #nav-footer-top ul li.contact a.fade:hover { background-position: 0 -84px; }
.fade-on #nav-footer ul li.press a.fade:hover, .fade-on #nav-footer-top ul li.press a.fade:hover { background-position: -134px -18px; }
.fade-on #nav-footer ul li.about a.fade:hover, .fade-on #nav-footer-top ul li.about a.fade:hover { background-position: -134px -40px; }
.fade-on #nav-footer ul li.jobs a.fade:hover, .fade-on #nav-footer-top ul li.jobs a.fade:hover { background-position: -134px -62px; }
.fade-on #nav-footer ul li.partnerships a.fade:hover, .fade-on #nav-footer-top ul li.partnerships a.fade:hover { background-position: -134px -84px; }
.fade-on #nav-footer ul li.advocacy a.fade:hover, .fade-on #nav-footer-top ul li.advocacy a.fade:hover { background-position: -256px -18px; }
.fade-on #nav-footer ul li.online a.fade:hover, .fade-on #nav-footer-top ul li.online a.fade:hover { background-position: -256px -40px; }
.fade-on #nav-footer ul li.dealers a.fade:hover, .fade-on #nav-footer-top ul li.dealers a.fade:hover { background-position: -256px -62px; }
.fade-on #nav-footer ul li.international a.fade:hover, .fade-on #nav-footer-top ul li.international a.fade:hover { background-position: -256px -84px; }

.warranty-and-registration #nav-footer ul li.warranty a.fade span, .warranty-and-registration #nav-footer-top ul li.warranty a.fade span,
.manuals #nav-footer ul li.manuals a.fade span, .manuals #nav-footer-top ul li.manuals a.fade span,
.faqs #nav-footer ul li.faqs a.fade span, .faqs #nav-footer-top ul li.faqs a.fade span,
.contact-us #nav-footer ul li.contact a.fade span, .contact-us #nav-footer-top ul li.contact a.fade span,
.press #nav-footer-top ul li.press a.fade span, .press #nav-footer ul li.press a.fade span,
.about-us #nav-footer ul li.about a.fade span, .about-us #nav-footer-top ul li.about a.fade span,
.jobs #nav-footer ul li.jobs a.fade span, .jobs #nav-footer-top ul li.jobs a.fade span,
.partnerships #nav-footer ul li.partnerships a.fade span, .partnerships #nav-footer-top ul li.partnerships a.fade span,
.advocacy #nav-footer ul li.advocacy a.fade span, .advocacy #nav-footer-top ul li.advocacy a.fade span,
.online #nav-footer ul li.online a.fade span, .online #nav-footer-top ul li.online a.fade span,
.dealers #nav-footer ul li.dealers a.fade span, .dealers #nav-footer-top ul li.dealers a.fade span,
.international #nav-footer ul li.international a.fade span, .international #nav-footer-top ul li.international a.fade span { visibility: hidden !important; }

#footer .dealer-locator a {
    background: url(/frontend/img/dealers-world.png);
    display: block;
    height: 170px;
    overflow: hidden;
    text-indent: -9999em;
    width: 388px;
}

#footer .address address {
    background: url(/frontend/img/footer.png) -372px 0 no-repeat;
    height: 19px;
    margin: 18px 0 0 18px;
    overflow: hidden;
    text-indent: -9999em;
    width: 168px;
}
#footer .address a {
    background: url(/frontend/img/footer.png) -372px -18px no-repeat;
    display: block;
    height: 19px;
    margin-left: 18px;
    overflow: hidden;
    text-indent: -9999em;
    width: 88px;
}
#footer .address a:hover { background-position: -372px -37px; }
.fade-on #footer .address a.fade { background-position: -372px -18px; }



/* --- 404 / 500 --- */
#page-content h2.page-error  {
    float: none !important;
    font-size: 22px !important;
    line-height: 22px !important;
	font-family:Arial, Helvetica, sans-serif;
	color:#bf272d;
}

#page-content .page-error {
    padding: 50px 0 30px;
    min-height: 300px;
}

/* ===== miscellaneous styles ===== */
.clear {
    clear: both;
	height: 0px;
    font-size: 1px;
    line-height: 0px;
	margin: 0px;
	padding: 0px;
}

/* kht */
.line{width:300px;list-style:none;border-bottom:1px solid #cccccc;margin:0px;padding:0px;}

/* kht - photogallary */
div.sc_menu, div.sc_menu_vid {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 109px;
	width: 970px;
	overflow: auto;
}
ul.sc_menu,  ul.sc_menu_vid{
	display: block;
	height: 109px;
	/* max width here, for users without javascript */	
	width: 50000px;	
	padding: 0px 0 0 0px; 
	/* removing default styling */
	margin: 0;
	/* background: url('navigation.png');*/	
	list-style: none;
}
.sc_menu li,  .sc_menu_vid li{
	display: block;
	float: left;	
	padding: 0;
}
.sc_menu a, .sc_menu_vid a {
	display: block;
	text-decoration: none;
}
.sc_menu span, .sc_menu_vid span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span, .sc_menu_vid a:hover span {
	display: block;
}
.sc_menu img, .sc_menu_vid img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img, .sc_menu_vid a:hover img {
	/*
	filter:alpha(opacity=50);	
	opacity: 0.5;
	*/
}