@CHARSET "UTF-8";

/*
This CSS resource incorporates links to font software which is 
the valuable copyrighted property of WebType LLC, The Font Bureau, 
and/or their suppliers. You may not 
attempt to copy, install, redistribute, convert, modify or reverse 
engineer this font software. Please contact WebType with any 
questions: http://www.webtype.com 
*/

.VonnesCondBold { font-family:"Vonnes Cond Bold", helvetica, arial; font-weight:bold; font-style:normal; line-height:normal; color:#000; }
.VonnesCondMedium { font-family:"Vonnes Cond Medium", helvetica, arial; font-weight:normal; font-style:normal; line-height:normal; color:#000; }
.VonnesCondBook { font-family:"Vonnes Cond Book", helvetica, arial; font-weight:normal; font-style:normal; line-height:normal; color:#000; }


/* 
 * Global
 */ 
/* Fonts */
a, .content_secondary_section_control { text-decoration:none; color:#f00; }
a:hover, .content_secondary_section_control:hover { text-decoration:underline; }
.redbtn { float:left; font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:12px; padding:5px 10px; color:#fff; background:#e81d0f; text-decoration:none; text-transform:uppercase; outline:0; border: none;}
.redbtn:hover { background:#c30202; text-decoration: none;}
.graybtn { float:left; font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:12px; padding:5px 10px; color:#eee; background:#aaa; text-decoration:none; text-transform:uppercase; outline:none; outline:0;}
.graybtn:hover { background:#ccc;}
a.download { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:14px; padding:4px 10px 4px 40px; color:#fff; background:#e81d0f url(/static/img/red_arrow_down.gif) 0 50% no-repeat; height:26px; width:75px; display:inline; text-decoration:none; text-transform:uppercase; }

/* Other */

body { font:12px Helvetica;  /* background: url(/static/img/SiteBG.jpg) center top no-repeat #c8c8c8; */ background-color: #000; }
h4 {font-size: 18px;font-weight:bold;color: #333;padding: 5px 0;}
h5 {font-size: 16px;font-weight:bold;color: #333;padding:5px 0;}
p {font-size: 12px; line-height: 17px;}
/***
 *
 *     Globals
 *
 */
 
 /* Generic styles */
 a img{ border: none;}
 b {color:#ccc;}
.hidden-block {display:none;}
.fleft, .left { float:left; }
.fright, .right { float:right; }
.center {text-align: center;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.block{ display: block; }
.bold{ font-weight: bold; }
.border-left{ background: url(/static/img/1pxBorderGrey.png) repeat-y; }
.faded-10 { /* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE 5-7 */filter: alpha(opacity =   10); /* Netscape */-moz-opacity: 0.1; /* Safari 1.x */-khtml-opacity: 0.1; /* Modern browsers */ opacity: 0.1; }
.faded-80 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity = 80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.hide{ display: none; }
.divider-large { margin:22px 0; width:961px; height:15px; background:url(/static/img/divider-large.png) top left repeat-y; display:block; clear:both; }
.divider-mid { margin:22px 0; width:100%; height:15px; background:url(/static/img/divider-mid.png) top left repeat-y; display:block; }
.divider-small { margin:22px 0; width:309px; height:15px; background:url(/static/img/divider-sm.png) top left repeat-y; display:block; }
.divider-690 { margin:22px 0; width:690px; height:15px; background:url(/static/img/divider-690.png) top left repeat-y; display:block; }
.required {color:#e81d0f;}
.red { color:#e81d0f; }
.white {color:#fff;}
input[type="password"], input[type="search"], input[type="text"], input[type="email"] {
    padding: 5px 2px; margin-bottom: 7px; color: #555; width:215px;
}
textarea { padding: 5px 2px; margin-bottom: 7px; color: #555; width:410px; height:110px;}

#pagewrap { border-top:0; /* border-left:30px solid #fff; border-right:30px solid #fff;  border-bottom:30px solid #fff;*/ width:1024px; margin:auto;
  background:#fff; color:#333; min-height:500px; overflow:hidden; /* margin-bottom: 50px; */}
.dark_grey {color: #333;}
.m10 {margin: 10px;}
.m10r {margin-right: 10px;}
.m5t {margin-top: 5px;}

/***
 *
 *     Hero block/area
 *
 */
.hero { width:100%; height:442px; position:relative; }
#product .hero, .hero.beta{ height: 560px; }
.hero .formattedtext .red {
  position:relative; clear:both; 
  font-family:"Vonnes Cond Bold"; font-style:normal; font-weight:900; color:#fff; font-size:46px; line-height:48px; text-transform:uppercase; width: 500px;
}
.hero .formattedtext .red span {
  background-color:#e81d0f; 
/*  line-height: 52px;*/
}
.hero .formattedtext .wbm {
  position:relative;
  clear:both; 
  font-family:"Vonnes Cond Bold"; 
  font-style:normal; 
  font-weight:900; 
  color:#e81d0f; 
  font-size:44px; 
  line-height:42px; 
  text-transform:uppercase;
 }


.hero.beta .formattedtext .wbm{
  font-size: 36px;
  line-height: 38px;
}

.hero .formattedtext .ne {
  margin-top: 70px;
  float: right;
  clear: both;
}
.hero .formattedtext .nw {
  margin-top: 70px;
  float: left;
  clear: both;
}
.hero  .formattedtext .ne, .hero .formattedtext .se {
  right:0px;
  margin-right:-3px;
  text-align: right;
  float: right;
}
.hero .formattedtext .ne span, .hero .formattedtext .se span, .hero .formattedtext .nw span, .hero .formattedtext .sw span {
  line-height: 48px;
  clear: both;
}

.hero .formattedtext .ne span, .hero .formattedtext .se span {
  padding-left: 12px;
  text-align: right;
  float: right;
}

.hero .formattedtext .se, .hero .formattedtext .sw {
  bottom: 70px;
  position: absolute;
}

.hero .formattedtext .nw, .hero .formattedtext .sw {
  left:0px;
  margin-left:-3px;
  text-align: left;
  float: left;
}
.hero .formattedtext .nw span, .hero .formattedtext .sw span {
  padding-right: 12px;
  text-align: left;
  float: left;
}

.hero .formattedtext .wbm {
  margin-left: 0;
  margin-right: 18px;
}

.hero .hero-quote {
  font-family:"Vonnes Cond Bold"; font-style:normal; font-weight:900; color:#fff; font-size:18px; line-height:24px; text-transform:uppercase;
  width: 300px;
  margin-top: 20px;
}
.hero .hero-quote.ne, .hero .hero-quote.se{
  text-align: right;
  float: right;
  margin-right: 30px;
}
.hero .hero-quote.nw, .hero .hero-quote.sw{
  margin-left: 30px;
}

.hero .hero-quote-source {
  font-family:"Vonnes Cond Bold"; font-style:normal; font-weight:900; color:#fff; font-size:12px; line-height:12px; text-transform:uppercase;
  width: 300px;
  margin-top: 6px;
}
.hero .hero-quote-source.ne, .hero .hero-quote-source.se{
  text-align: right;
  float: right;
  margin-right: 30px;
}
.hero .hero-quote-source.nw, .hero .hero-quote-source.sw{
  margin-left: 30px;
}

/***
 *
 *     Breadcrumbs
 *
 */
.breadcrumbwrap { width:100%; height:30px; background:url(/static/img/breadcrumb_bg.gif) top left no-repeat;
  font-family: "Vonnes Cond Bold", sans-serif; text-transform:uppercase; font-size:14px; }
.breadcrumbwrap .breadcrumb { float:left; color:#666; padding:5px 0 0 32px; }
.breadcrumbwrap .breadcrumb a { color:#666; text-decoration:none;}
.breadcrumbwrap .breadcrumb a:hover { color:#999; text-decoration:none;}
.breadcrumbwrap .breadcrumb em { color:#fff; font-weight:bold;  }
.breadcrumbwrap .share { float:right; padding:5px 21px 0 0; }
.breadcrumbwrap .share li { float:left; }
.breadcrumbwrap .share li a { color:#999; text-decoration:none;}
.breadcrumbwrap .share li a:hover { color:#fff; text-decoration:none;}
.breadcrumbwrap .share li.sep { padding:0px 8px; background:url(/static/img/breadcrumb_sep.gif) 8px 4px no-repeat;  height:15px; width:1px;  }


/* New PDP Breadcrumb Trail */
.breadcrumbwrap.beta{
  background: transparent;
  height: auto;
  width: 100%;
  clear: both;
  float: left;
}


.breadcrumbwrap.beta .breadcrumb {
float: left;
color: #666;
padding: 5px 0 0 20px;
}

.breadcrumbwrap.beta .breadcrumb a{
  color: #7a7a7a;
}

.breadcrumbwrap.beta .breadcrumb a:hover, .breadcrumbwrap.beta .breadcrumb em{
  color: #2e2e2e;
  font-weight: normal;
}

.shareboxwrap { position: absolute; width:204px; height:65px; background: url(/static/img/share-caret.png) 225px 100% no-repeat; overflow: hidden; }
.sharebox { width: auto; height: 22px; padding: 16px; border: 1px solid #000; background: #000; background: rgba(0, 0, 0, 0.7); }
.sharebox .google-plus-btn { float: left; margin-right: 10px; }
.sharebox .fb-like-btn { width: 46px; height: 20px; padding-top: 3px; margin-right: 10px; float: left; overflow: hidden; }
.sharebox .tweet-btn { padding-top: 3px; float: left; }
.sharebox .share-links { width: auto; margin: 0 auto; overflow: hidden; }

.radialbg { background:url(../img/radial_bg.jpg) top left no-repeat #ebebeb; }

.radialbg.beta{ 
  background: transparent;
}

.radialbg-960{
  width: 960px; height: 15px; margin-bottom: 22px; background: url(/static/img/row-bg-transparent.png) repeat-y; clear: both; }

/**********************************/
/*** Fancy Select Plugin Styles ***/
/**********************************/
.fancy-select{
  box-sizing: border-box;
  border: 1px solid #DDD;
  color: #555;
  background: #FFF url('../img/dropdown-arrow.png') 96% 50% no-repeat;
  cursor: pointer;
  padding: 5px 6px;
  font-size: 11px;
  margin-bottom: 7px;
  position: relative;
  z-index: 20;
}

.fancy-mouseover{
  z-index: 30;
}

.fancy-select .selected-option {
  margin-bottom: 0;
}

.fancy-select .content {
  display: none;
  margin-top: 5px;
  border: 1px solid #DDD;
  padding-bottom: 3px;
  position: absolute;
  z-index: 10;
  background: white;
  width: 100%;
  left: -1px;
}

.fancy-select .content ul{
  margin-top: 5px;
}

.hero .fancy-select .content ul{
  height: 360px;
  overflow: auto;
}
.fancy-select .content ul li{
  padding: 5px 7px;
}
.fancy-select .content ul .out-of-stock{
  color: #ccc;
}

.fancy-select .content ul li:hover{
  background: #eee;
}


/***
 *
 * Top navigation
 * 
 */

#cartwrap { width:1024px; margin:auto; position:absolute; }
#cart { position:absolute; right:0; top:58px; z-index:500; font-family: "Vonnes Cond Bold"; font-style: normal; font-weight: bold; color:#fff; text-transform:uppercase;}
#cart a { font-family: "Vonnes Cond Bold"; font-style: normal; font-weight: bold; color: white; text-transform: uppercase; }
#cart .cart,
#cart .login { float:left; }
#cart .cart { background:#555; padding:4px 10px; margin-right:4px; }
#cart .login { background:#333; padding:4px 10px; margin-right:15px; }
#cart .login .red { color:#F00; }
 
#nav { width:1024px; height:61px; background:url(/static/img/header_bg.png) top left no-repeat;
  font-family: "Vonnes Cond Bold"; font-style: normal; font-weight: bold; color:#999; z-index:1001; position:absolute; }
#nav a { text-decoration:none; color:#999;}

#nav .topnav { float:left; margin-top:23px; font-size:16px; line-height:16px;}
#nav .topnav li { text-transform:uppercase; position:relative; }
#nav .topnav li.sep { margin:0 8px; border-left:1px solid #606060; width:1px; height:14px;}
#nav .topnav li.sep:last-child { display: none;}
#nav .topnav li { display:inline; float:left; margin-right: 16px;}
#nav .topnav li a.selected,
#nav .topnav li a:hover { color:#fff; }
#nav .topnav .caret,
#nav .topnav .caret.white { width:14px; height:14px; position:absolute; top:25px; background:url(/static/img/header_caret.gif) top left no-repeat; }
#nav .topnav .caret.white { background:url(/static/img/header_caret_white.gif) top left no-repeat; }

#nav .logo { float:left; display:inline; padding-left:33px; padding-right:18px; }

/* GLOBAL SEARCH */
#nav #globalsearch { /* position:absolute; top:0; right:0; */ float:right; width:250px; padding:6px 12px 0 0; z-index:5; font-size:10px; line-height:12px; text-align: right;  }
#nav #g-search { display:block; position:relative; }
#nav #g-search .s-type {margin-bottom:5px; float: right;}
#nav #g-search .s-type a {display:block;float:left;}
#nav #g-search .s-type a.select {color:#fff;}
#nav #g-search .s-type a.d { padding-right:9px;}
#nav #g-search .s-type a.s {
    padding:0  0 0 9px; 
    background:none; 
    border-width:0 2px 0 1px;
    border-left:1px solid #606060;
}

/* #nav .sp-searchtext { font-size:11px; width:105px; height:19px; border:0 none; padding:0px 25px 0px 10px; color:#b2b2b2; background:url(/static/img/search_field.png) 0 0 no-repeat; -webkit-appearance:none; } */

#nav #navGlobalCart {margin: 16px 32px 0 0;}

#nav .sp-searchtext {width: 190px;padding: 5px;border: 0;background: #626262;color: #333;font-size: 18px;line-height: 21px;font-family: 'Vonnes Cond Bold';-webkit-appearance:none;}

#nav #sp-searchdealers { display:none;/* background:url(/static/img/search_dlr_field.png) 0 0 no-repeat;  */}
#nav .sp-searchtext:focus { background-position:0 -19px; outline:none; }

#nav #g-search label { display:block; margin-top:8px; }
#nav #g-search .sp-label { margin-bottom:-2px; }
#nav #g-search .sp-label label { display:none; margin:0; }

#nav .globalheader-js #g-search { width:100px; height:1 px; border:0 none; padding:1px 20px; color:#fff; background:url(/static/img/search_field.png) 0 0 no-repeat; }
#nav .globalheader-js #sp-searchtext { padding:0; color:#fff; background:none; }

#nav .searchmode      #g-search { background-position:0 100%; }
#nav .searchmode      #sp-searchtext { color:#fff; outline:none; }

#nav #g-search .s-type a {text-transform:uppercase;}

/*#nav #globalsearch { 
  position:absolute; 
  top:0; 
  right:0; 
  width:140px; 

}*/

#nav #g-search { 
  position:relative; 
  padding:0; 
  width:100%; 
  height:auto; 
  background-image:none; 

}

#nav #sp-magnify {float:right; cursor:pointer; position:relative; top:-30px; right:10px; width:15px; height:15px;  }
#nav #sp-storebox { cursor:pointer; position:absolute; top:34px; right:19px; width:15px; height:14px;  }
 
/*
#nav #sp-magnify * { position:absolute; opacity:1; width:15px; height:14px; background:url(/static/img/magnify.png) no-repeat 0 0; }
#nav #sp-magnify .magnify { opacity:0; background:url(/static/img/magnify-on.png) no-repeat 0 0; }
#nav.svg #sp-magnify * { background-image:url(/static/img/magnify-on.png); }
#nav.svg #sp-magnify .magnify { background-image:url(/static/img/magnify.png); }
*/
#nav #sp-magnify * { position:absolute; opacity:1; width:15px; height:15px; background:url(/static/img/icon_mag-glass.png) no-repeat 0 0; }
#nav #sp-magnify .magnify { opacity:.8; background:url(/static/img/icon_mag-glass.png) no-repeat 0 0; }
#nav.svg #sp-magnify * { background-image:url(/static/img/icon_mag-glass.png); }
#nav.svg #sp-magnify .magnify { background-image:url(/static/img/icon_mag-glass.png); }

#nav #sp-storebox * { position:absolute; opacity:1; width:15px; height:14px; background:url(/static/img/dealer-icon.png) no-repeat 0 0; }
#nav #sp-storebox .storebox { opacity:0; background:url(/static/img/dealer-icon.png) no-repeat 0 0; }
/*
focus on search transition
#nav.globalheader-loaded #globalnav,
#nav.globalheader-loaded #globalsearch,
#nav.globalheader-loaded #globalsearch .reset,
#nav.globalheader-loaded #sp-magnify * { -o-transition:width 0.3s ease-in-out; -ms-transition:width 0.3s ease-in-out; -moz-transition:width 0.3s ease-in-out; -webkit-transition:width 0.3s ease-in-out; }
#nav.globalheader-loaded #globalsearch .reset,
#globalheader.globalheader-loaded #sp-magnify * { -o-transition-property:opacity; -ms-transition-property:opacity; -moz-transition-property:opacity; -webkit-transition-property:opacity; }
#nav.nav-loaded #g-search { -o-transition:background-color 0.3s, 0.3s; -ms-transition:background-color 0.3s, 0.3s; -moz-transition:background-color 0.3s, 0.3s; -webkit-transition:background-color 0.3s, 0.3s; }
#nav.globalheader-loaded #sp-searchtext { -o-transition:color, text-shadow 0.3s, 0.3s; -ms-transition:color, text-shadow 0.3s, 0.3s; -moz-transition:color, text-shadow 0.3s, 0.3s; -webkit-transition:color, text-shadow 0.3s, 0.3s; }
 */

#ddown { position:absolute; z-index:1000; top:58px;  }
#ddown .navpanel { background:url(/static/img/head_ddw_bg.jpeg) top left no-repeat;background-color: #ffffff; width:1024px; }
#ddown .navpanel_x { height:408px; }
#ddown .drop-list{ width: 400px; background: #FFF;}
#ddown .drop-list .col li { height: 60px; }
#ddown .drop-list ul  {  }
#ddown .drop-list ul li { border-bottom:1px solid #ebebeb; padding:10px 17px 10px 17px; cursor:pointer; text-decoration:none; display:block; color:#222; clear:both; }
#ddown .drop-list ul li a {display:block; color:#222; text-decoration:none;}
#ddown .drop-list ul li a img { margin-right:10px; }
#ddown .drop-list ul li span { font-family:"Vonnes Cond Bold"; font-style:normal; font-weight:900; color:#222; font-size:16px; line-height:24px; text-transform:uppercase; clear:both;display:block; }
#ddown .drop-list ul li.hover  { border-bottom:1px solid #dfdfdf; background-color:#f2f2f2; }
#ddown .drop-list ul li.hover span { color:#cc0000; }
#ddown .drop-list ul li.hover span::after {content: " >"}
#ddown .drop-list ul li.first { padding-top:15px; }
#ddown .drop-list ul li.last { border-bottom:none; margin-bottom:0; padding-bottom:15px; }
#ddown .drop-list ul li div {}
#ddown .drop-list ul li div span {clear:none;}


#ddown .cols { padding-top:15px; width:372px; float:left;  }
#ddown .col, 
#ddown .col_w { padding-left:12px; height:400px; width:108px; float:left; overflow:hidden;  
  font-family: "Vonnes Cond Medium"; font-style: normal; font-weight: normal; font-size:12px; line-height:20px; }
#ddown .col_n { width:108px; }
#ddown .col_w { width:200px; }
#ddown .col a { color:#999; text-decoration:none; text-transform:uppercase; }
#ddown .col a.selected,
#ddown .col a:hover { color:#ed1c24; }
#ddown .colsep { height:320px; width:1px; float:left;  }
#ddown .pic { float:left; margin-top:25px; width:600px; height:350px; overflow:hidden;}
#ddown .headerinfo { position:absolute; right:0; padding-top:20px; height:324px; width:400px; overflow:hidden; }
#ddown .info .red {
  position:relative; right:-3px;float:right; clear:both;
  font-family:"Vonnes Cond Bold"; font-style:normal; font-weight:900; color:#fff; font-size:30px; line-height:31px; text-transform:uppercase; }
#ddown .info .b_tlb { padding:3px 0 3px 12px; }
#ddown .info .b_l { padding:0 0 0 12px; }
#ddown .info .b_lb { padding:0 0 3px 12px; }
#ddown .info .b_tl { padding:3px 0 0px 12px; }
#ddown .info .b_tlbr {padding: 3px 5px 3px 12px; text-align: right;
}
#ddown .info a.cta {
  clear:both; display:block; float:right; margin-top:20px; background-color:#787878; padding:6px 9px;
  color:#fff; text-decoration:none; text-transform:uppercase;
  font-family:"Vonnes Cond Bold"; font-style:normal; font-weight:900; color:#fff; font-size:11px; line-height:12px;
}
#ddown .info .red span {
  background-color:#e81d0f; 
}
#ddown .info .b_tlbr span {
  padding-left: 12px;
}
#ddown .pname { position:absolute; bottom:0px; font-size:10px; color:#fff; right:10px; text-align:right; line-height:12px; }
#ddownbikes .product-finder { position:absolute; left:10px; top:383px; }
#ddownbikes .product-finder a  { font-family:arial; font-size:12px; color:#666; } 
#ddownbikes .product-finder span { font-family:"Vonnes Cond Bold"; font-style:normal; font-weight:900; color:#666; font-size:14px; text-transform:uppercase; padding-right:10px;}
#ddowngear .product-finder { position:absolute; left:10px; top:383px; }
#ddowngear .product-finder a  { font-family:arial; font-size:12px; color:#fff; } 
#ddowngear .product-finder span { font-family:"Vonnes Cond Bold"; font-style:normal; font-weight:900; color:#fff; font-size:14px; text-transform:uppercase; padding-right:10px;}  
  
  
#ddown_tech_info{ margin-left: 316px;}
#ddown_news_info{ margin-left: 399px; }
#ddown_ourStory_info{ margin-left: 445px; }
#ddown_theHub_info{ margin-left: 519px; }
#ddown_support_info{ margin-left: 580px; }

#topnavpadder { height:58px; width:100%; }   

/***
 *
 * Footer
 *
 */
 
#footer { width:100%; height:33px; position:relative; background:url(/static/img/footer_bg.gif) top left no-repeat;}
#footer,
#footer a { font:9px Vonnes Cond Bold; text-transform:uppercase; color:#999; text-decoration:none; font-weight:bold; }
#footer a:hover { color:#f00; }

#footer .copy { float:left; padding-top:12px; padding-left:30px; }
#footer .right { position:absolute; right:30px; top:0px;}
#footer ul { float:left; }
#footer ul.tlist { padding-top:12px; }
#footer ul.tlist li { float:left; margin-right:10px; }
#footer ul.icons { padding-top:8px; }
#footer ul.icons li { float:left; margin-right:5px; }

/*** new footer */
#new-footer {background-color: #000;}
#main-footer {padding-top: 35px; padding-bottom: 35px;}
#footer-nav .navpanel {width: 25%; float: left; margin-bottom: 45px;}
#footer-nav .navpanel h5 {color: #fff;margin-left: 30px; font-family: "Vonnes Cond Bold"; font-size: 14px;}
#footer-nav .navpanel ul {margin-left: 29px;}
#footer-nav .navpanel a {color:#666;font-family: "Vonnes Cond Book";font-size: 14px;line-height: 24px;}
#footer-callouts {border-top: 1px #666 solid;padding-top: 15px;padding-bottom:5px;}
#footer-social {display: inline-block;float: left;width: 25%;}
#footer-social a:hover {opacity: .8;}
#copyright {display: inline-block;width:45%;float:left;text-align:center;padding-top:5px;font-family: "Vonnes Cond Book";font-size: 11px;color: #ccc;}
#footer-market {display: inline-block; float: right;width:30%;text-align:right;padding-top:5px;font-family: "Vonnes Cond Book";color: #fff;}
#footer-market a {color: #ccc;}
a#login_label {color: #fff;}
#sub-footer {height: 48px; background-color: #333; border-top: 1px #ccc solid;}
#sf-main, #sf-sub {border-left: 1px #ccc solid;}
#sf-logo, #sf-main, #sf-sub {float: left;display:inline-block;padding:14px 0;}
#sf-logo {padding: 16px 20px 10px 20px;}
#sf-logo img {width: 102px;}
#sf-main h3, #sf-sub h3 {float:left;margin: 0 42px;}
#sf-main h3 a, #sf-sub h3 a {font-family:"Vonnes Cond Bold";font-style: italic; font-size: 16px; color: #666;}

/* JAVASCRIPT Module specific */
.modCarousel_panes { overflow:hidden; position:relative; }
.modCarousel_pane { float:left; }
.modCarousel_pane .modCarousel_labeldef { display:none; }

/*
.modCarousel_label { clear:both; }
.modCarousel_bullets { clear:both; position:relative; left:-50%; float:right;}
.modCarousel_bullets ul { position:relative; left:50%; }
.modCarousel_bullets ul li { float:left; width:16px; height:17px; margin:0 4px; }
.modCarousel_bullet { background:url(/static/img/carousel_bul.png) top left no-repeat; width:16px; height:17px; float:left; }
.modCarousel_bullet.current { background:url(/static/img/carousel_bulr.png) top left no-repeat; }
*/
.modCarousel .ctl { clear:both; padding-top:7px; }
#modportaltech .ctl { clear:both; padding-top:40px; }
/*
.modCarousel .next {float:right; cursor:pointer;background:url(/static/img/slideshow_btn.png) top right no-repeat;width:30px; height:30px; margin-right:1px;}
.modCarousel .prev {float:right; cursor:pointer;background:url(/static/img/slideshow_btn.png) top left no-repeat;width:30px; height:30px; margin-right:1px;}
*/
.modCarousel .prev {float:right; cursor:pointer;background:url(/static/img/slideshow_btn_v2.gif) 0 0 no-repeat;
  width:30px; height:31px; margin-right:1px;}
.modCarousel .next {float:right; cursor:pointer;background:url(/static/img/slideshow_btn_v2.gif) -30px 0 no-repeat;
  width:30px; height:31px; margin-right:1px;}
.modCarousel a.prev:hover { background-position:-60px 0}
.modCarousel a.next:hover { background-position:-90px 0}


.modCarousel .label { float:right; margin-top:8px; color: #666666; font-family: "Vonnes Cond Book";
    font-size: 11px; font-style: normal; font-weight: normal; text-transform: uppercase;}
.modCarousel .label .idx { margin:0 5px; }
 
 /* content pages */
 .content {padding-bottom:40px;}
 .content .headline { font: 42px 'Vonnes Cond Bold'; font-weight:bold; color:#333;  text-transform:uppercase; margin-bottom:15px; }
 .content .upper-subheader { font-family: "Vonnes Cond Bold"; font-size: 24px; text-transform: uppercase; padding-bottom: 15px; }
 .content .subheader {font-size:24px;}
 .content .subheader .subheader {font-size:18px;}
 .content p.title { font-weight:bold; font-size:14px; }
 .content p { color:#333; line-height:18px;  margin-bottom:15px; }
 .content p.items { margin-bottom:1px; }
 .content a {font-weight:bold;}
 .content b { color: inherit; }

 .content .dim { color: #999; }
 .content ul.simple  {margin-bottom:15px;}
 .content ul.simple li {list-style-type:disc;margin-left: 14px;  }
  
  
 .content .upper_corner_txt { width:509px; text-align:right;}
  
 .content .listings { margin-bottom:15px;}
 .content .story { margin-bottom:25px; }
 .content .story img { margin:0;}
 .content .story p {margin-bottom:5px; line-height:17px; }
 .content .story .copy { width:715px; margin:0 0 0 15px;}
 
 .content .pagination {margin-bottom:28px;text-align:right;}
 .content .pagination a {text-decoration:none; border-right:1px solid #929292; padding:0 6px 0 5px;}
 .content .pagination a:hover {text-decoration:underline;}
 .content .pagination a.active {color:#333;}
 .content .pagination a.prev,
 .content .pagination a.next {text-decoration:none; color:#f00;}
 .content .pagination a.next {border:none;}
 .content .pagination a.inactive {color:#333;}
 
 /* two col-layout */
 .content .primary { width:605px; padding-right:25px; float:left; border-right:1px solid #e0e0e0;}
 .content .primary img { }
 .content .secondary { padding-left:25px; width:305px; float:left; }

 .content .secondary .headline { font-family: "Vonnes Cond Bold"; font-weight:bold; color:#222; font-size:18px; text-transform:uppercase; margin-bottom:10px;}
 .content .secondary .story {margin-bottom:25px;}
 .content .secondary .story img { width:100px; height:100px; margin:0; }
 .content .secondary .story p {margin-bottom:5px; line-height:17px; }
 .content .secondary .story p.title {font-weight:bold;}
 .content .secondary .story .copy { width:205px; margin:0 0 0 15px;}
 .content .secondary .dates { color:#333; font-size:12px; }
 .content .secondary .dates li { margin-bottom:10px; line-height:18px; }

/* slideshow  */
 .content .slideshow {width:280px; margin:0 0 15px 15px; position:relative;}
 .content .slideshow ul {margin-bottom:5px;}
 .content .slideshow ul img {margin-bottom:5px;}
 .content .slideshow span { font-family: "Vonnes Cond Book"; font-style: normal; font-weight: normal; color:#666; font-size:11px; text-transform:uppercase; }
 .content .slideshow .blurb {width:200px; padding-top:8px;}
 .content .slideshow .btns {width:61px;}
 .content .slideshow .next {display:block;cursor:pointer;background:url(/static/img/slideshow_btn.png) top right no-repeat;width:30px; height:30px;}
 .content .slideshow .prev {display:block;cursor:pointer;background:url(/static/img/slideshow_btn.png) top left no-repeat;width:30px; height:30px;}
 .content .slideshow a span {display:none;}

 .content .four-col { margin-bottom:20px; }
 .content .four-col .subheader {font-size:18px;}
 .content .four-col img {margin-bottom:15px;}
 .content .four-col div {width:220px; margin-left:20px; float:left;}
 .content .four-col div.first {margin-left:0;}


/***
 *
 * form
 *
 */

 .content form {}
 .content form fieldset fieldset {  margin-bottom: 10px; }
 .content form fieldset legend { padding: 0 2px; font-weight: bold; }
 .content form table {  }
 .content form table table td {padding:0;}
 .content form table td, .content form table th {padding:5px 0;}
 .content form table td.cellLabel {width:160px;}
 .content form table td label {color:#333; font-size:12px;display:block; padding-bottom:2px;vertical-align:middle;}
 .content form table td span.lbldesc {color:#666; font-size:10px; display:block;}
 .content form table td label {padding-left:7px;}
 .content form table td label.required {
  background-image:url(../img/required-field.png);
  background-position:top left;
  background-repeat:no-repeat;
}
.content_secondary_section_control {
    cursor: pointer;
    cursor: hand;
    margin-bottom: 24px;
}
 .iconvalidation { width:12px; height:12px; overflow: hidden; background:url('/static/img/icon-sprite-validation.gif'); display:inline-block; margin-left:4px; vertical-align:middle;}
 .iconvalid { background-position-x: -12px;}
 .content form .fancy-select {width:90px;float:left;margin-right:5px;}
 .content form table td .custom_checkbox { display: inline; }
 .content form table td .custom_checkbox input[type="checkbox"]{ display: none; }
 .content form table td .custom_checkbox .checkbox{
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    background: white url('../img/checkbox-sprite.png') 0 0  no-repeat;
    float: left;
    margin-right: 4px;
    margin-top: 1px;
 }

.content form table td .selected .checkbox{ background-position: bottom left; }

/*.content form .redbtn {
    padding: 6px 15px;
    font-size: 13px;
    float: left;
    display:block;
}*/



/***
 *
 * Page specific
 *
 */

#homepage .bucket { float:left; width:1024px; height:629px; overflow:hidden; position:relative;}
#homepage .bucketlist { width:4096px; height:629px; }
#homepage .bucketwrap { width:1024px; height:629px; overflow:hidden; position:relative;}
#homepage .info { padding-top:70px; position:relative; }
#homepage .info .red {
  position:relative;
  background-color:#e81d0f; clear:both;
  font-family:"Vonnes Cond Bold"; font-style:normal; font-weight:900; color:#fff; font-size:80px; line-height:81px; text-transform:uppercase; }
#homepage .info.se { position: absolute; right: 0px; bottom: 130px; } 
#homepage .info.sw { position: absolute; left: 0px; bottom: 130px; } 
#homepage .info .b_left { left:-5px; float:left; }
#homepage .info .b_right { right:-5px; float:right; }
#homepage .info .b_tlb { padding:3px 0 3px 12px; }
#homepage .info .b_l { padding:0 0 0 12px; }
#homepage .info .b_lb { padding:0 0 3px 12px; }
#homepage .info .b_tl { padding:3px 0 0px 12px; }
#homepage .info .b_trb { padding:3px 12px 3px 0; }
#homepage .info .b_r { padding:0 12px 0 0; }
#homepage .info .b_rb { padding:0 12px 3px 0; }
#homepage .info .b_tr { padding:3px 12px 0px 0; }
#homepage .info .formatted .nw,
#homepage .info .formatted .sw {
  padding-right: 8px;
  float: left;
  margin-left: -5px;
}
#homepage .info .formatted .ne,
#homepage .info .formatted .se {
  float: right;
  padding-left: 8px;
  margin-right: -5px;
}
#homepage .info .excerpt.nw, #homepage .info .excerpt.sw, #homepage .info .excerpt.ne, #homepage .info .excerpt.se { clear:both;
  text-transform:uppercase; width:350px; padding-top:20px; padding-left: 30px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75); color:#fff;
  font: bold 13px/15px "Vonnes Cond Bold";
}
#homepage .info .excerpt a { color:#fff; text-decoration:none; }
#homepage .info .excerpt a:hover { text-decoration:underline; } 
#homepage .info .excerpt.ne,
#homepage .info .excerpt.se {
  text-align: right;
  padding-right: 30px;
  float: right;
}
#homepage .info .e_left { float:left; padding-left:30px; }
#homepage .info .e_right { float:right; padding-right:30px; text-align:right; }


#homepage .calloutswrap { position:absolute; top:570px; width:1024px; }
#homepage .callouts { width:968px; height:78px; margin:auto; background:url(/static/img/home_calloutsbg.png) no-repeat; clear:both; }
#homepage .callouts a { color:#fff; }
#homepage .callouts a:hover { color:#fff; text-decoration:none;}
#homepage .callout1, 
#homepage .callout2, 
#homepage .callout3, 
#homepage .callout4 { float:left; /* background:rgba(0,0,255,.5); */ height:74px; } 
#homepage .callout1 { margin-left:4px; width:239px; }
#homepage .callout2 { margin-left:4px; width:237px; }
#homepage .callout3 { margin-left:3px; width:237px; }
#homepage .callout4 { margin-left:3px; width:237px; }
#homepage .call_state1 { background-position:0 0; }
#homepage .call_state2 { background-position:0 -78px; }
#homepage .call_state3 { background-position:0 -156px; }
#homepage .call_state4 { background-position:0 -234px; }

#homepage .callouts .bucketname { display:block; font-family:"Vonnes Cond Bold"; font-weight:bold; font-size:10px; text-transform:uppercase;
  padding-top:16px; padding-left:8px; }
#homepage .callouts .header { display:block; font-family:"Vonnes Cond Bold"; font-weight:bold; font-size:16px; text-transform:uppercase;
  padding-top:14px; padding-left:8px; height:25px; overflow:hidden; }
#homepage .call_state1 .callout1 .header,
#homepage .call_state2 .callout2 .header,
#homepage .call_state3 .callout3 .header,
#homepage .call_state4 .callout4 .header { color:#333; }

#homepage .timerwrap { float:right; margin-right:30px; width:50px; }
#homepage .timer { margin-left:10px; float:left; width:20px; height:19px; background:url(/static/img/home_timer.png) top left no-repeat; overflow:hidden;}
#homepage .timercontrol { float:left; width:20px; height:19px; background:url(/static/img/home_timercontrols.png) top left no-repeat; overflow:hidden;}

#homepage .modCarousel_wrap {height: 420px; overflow: hidden;}
#homepage #brandcarousel .driver-image {height: 320px;width: 480px;float:left;margin-left: 20px;}
#homepage #brandcarousel .driver-image img {height: 320px;width: 480px;}
#homepage #brandcarousel .driver-content {float: left; width: 400px; margin-left: 30px;}
#homepage #brandcarousel .driver-header {margin-top: 50px;}
#homepage #brandcarousel .driver-header h2 {font-family: "Vonnes Cond Bold"; color: #ffffff; font-size: 36px; line-height: 36px;}
#homepage #brandcarousel .driver-subheader {margin-top: 50px;}
#homepage #brandcarousel .driver-subheader h4 {font-family: "Vonnes Cond Bold"; color: #ffffff; font-size: 18px; line-height: 18px;}
#homepage #brandcarousel .driver-description p {color: #808080;}
#homepage #brandcarousel .driver-link {position: absolute; bottom: 21px;}



#homepage #brandcarousel, #sworks-lander #sworksathletecarousel {background-color: #333;}
#homepage #brandcarousel .driver {width: 1000px;margin: 30px 12px 0px; height: 340px; position: relative;}
#sworks-lander #sworks-athlete-gallery {width: 1003px; margin: 0px 10px;}
#sworks-lander #sworksathletecarousel .driver {width: 1003px;margin: 0px; height: 634px; position: relative;}




#homepage .modCarousel_panes, #sworks-lander .athleteCarousel_panes { overflow:hidden; position:relative; }
#homepage .modCarousel_pane, #sworks-lander .athleteCarousel_pane { float:left; }
#homepage .thumbcontainer, #sworkscarousel .thumbcontainer, #sworksathletecarousel .athletecontainer {height: 25px;}
#homepage ul.thumbcontainer, #sworkscarousel ul.thumbcontainer, #sworksathletecarousel ul.athletecontainer {width: 98px;margin:auto; color: #fff;}
#homepage .thumbcontainer li, #sworkscarousel .thumbcontainer li {float:left; cursor: pointer;font-size:26px;color:#999;margin: 0 5px;}

#sworksathletecarousel .athletecontainer li {
  float:left;
  cursor:pointer;
  font-size:22px;
  color:#999;
  margin: 0 5px;
}

#homepage .thumbcontainer li.current, #sworkscarousel .thumbcontainer li.current, #sworksathletecarousel .athletecontainer li.current {
  color: #fff;
}

#sworkscarousel #sworks-headline-nav h2, #sworkscarousel #sworks-headline-nav h2 a {
  font-family: "Vonnes Cond Book";
  font-size: 20px;
  line-height: 18px;
  color: #ccc;
  opacity: .8;
  filter: none;
  text-transform: uppercase;
}

#sworkscarousel #sworks-headline-nav {
  float: left;
  position: relative;
  bottom: 90px;
  margin: 0 41px;
  background:rgb(100,100,100);  
  background: transparent\9;  
  background:rgba(100,100,100,0.5);  
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#64646464,endColorstr=#64646464);  
  zoom: 1;
  width: 940px;
  padding:10px; 
}

#sworkscarousel ul.thumbcontainer {
  position: absolute;
  top: 420px;
  text-align: center;
  width: 100%;
}

#sworks-lander h2.sworks-subhead, #sworks-category h2.sworks-subhead, #sworks-section h2.sworks-subhead {
  font-family: "Vonnes Cond Book";
  font-size: 22px;
  line-height: 22px;
  text-transform: uppercase;
  }

#sworks-category a.sworkscatbtn {position: relative; bottom: 50px; float: right; right: 50px;}

#sworks-lander p.sworks-text,#sworks-category p.sworks-text,#sworks-section p.sworks-text {color: #ccc;margin:0px; font-size: 12px; margin-top: 20px; margin-bottom: 20px;}
#sworks-lander, #sworks-category, #sworks-section {padding-top: 1px;}
#sworks-lander #sworkscarousel .modCarousel_wrap {height: 450px; overflow: hidden;}
#product .module_related_items { float:right; width:230px; }
#product .hero .starrating {
  position: absolute;
  bottom: 30px;
  left: 340px;
  text-align: center;
}
#product li.modCarousel_pane img.product-hero-image {
margin: 25px 70px;
max-width: 660px;
}

#product .hero.beta .modCarousel_track{
  min-height: 590px;
}

#product .hero.beta li.modCarousel_pane img.product-hero-image{
  margin: 0;
  max-width: auto;
}

#product .narrowwrap { background:url(/static/img/product_narrow_bg.png) top left repeat-y; }
#product .narrowleftcol { float:left; }
#product .narrowleftcol .upper-subheader{ padding-bottom: 0; }
#product .narrowleftcol .content.manual{ width: 609px; }


#product .over { position:absolute; z-index:100; width:1024px; height:442px; }
#product .under { width:1024px; height:492px; }
#product .hero .modCarousel_wrap { height:500px; overflow:hidden;}
#product .hero .modCarousel_pane { height:500px; width:1024px; position:relative; }


#product .hero.beta{
  height: 600px;
}

/* carousel container and panes */
#product .hero.beta .modCarousel_wrap {
  height:100%;
  overflow:hidden;
}
#product .hero.beta .modCarousel_pane {
  height:100%;
  position:relative;
}


#product .hero .modCarousel_pane .zoom { position:absolute; bottom:20px; right:30px; width:17px; height:18px;  }
#product .hero .modCarousel_pane .zoom a { display:block; width:26px; height:18px; background:url(/static/img/ico_zoom.png) top left no-repeat; }
#product .hero .modCarousel_pane .roto { position:absolute; bottom:20px; right:70px; width:17px; height:18px;  }
#product .hero .modCarousel_pane .roto a { display:block; width:26px; height:18px; background:url(/static/img/ico_360.png) top left no-repeat; }
#product .hero .thumbcontainer { background:#292929; /*height:50px;*/ width:992px; color:#fff; overflow:hidden; padding-left:32px; padding-top:10px; }
#product .hero .thumbcontainer li { float:left; width:60px; overflow:hidden; margin-right:10px; cursor:pointer; margin-bottom: 10px; height: 40px;}
#product .hero .thumbcontainer li.current { border:2px solid #e81d0f; width:56px; height:36px; }
#product .hero .thumbcontainer li.current img { margin:-2px 0 0 -2px;}
#product .hero .msrp { float:right; text-align:right; font-family:"Vonnes Cond Book"; color:#999; font-size:18px; margin-right:20px; margin-top:10px; }
#product .hero .add_to_cart { float:right; margin-right:20px; margin-top:10px; color: #fff; }
#product .hero .msrp span { font-weight:bold; font-family:"Vonnes Cond Bold"; color:#333; }
#product .hero #old-msrp { font-weight:bold; font-family:"Vonnes Cond Bold"; color:#999; }
#product .hero .fancy-select .dropdown-list { /*height: 360px;*/ }
#product .hero input[type="text"] { width: 20px; font-family: "Vonnes Cond Bold"; font-size:14px; padding:7px 10px; }
#product .hero input[type="submit"] { color:#fff; background:#e81d0f; padding:8px 12px; font-family: "Vonnes Cond Bold"; font-size:15px; 
  text-decoration:none; float:right; margin-left: 10px; border: 0; }
#product .hero a.cta { float:right; margin-top:10px; background:#777; color:#fff; font-family:"Vonnes Cond Bold"; font-weight:bold;
  font-size:16px; line-height:17px; padding:4px 10px 4px 10px; margin-right: 20px; text-transform:uppercase; cursor:pointer; text-decoration:none; }
#product .hero #othermodels_select-dropdown .dropdown-list {
  height: auto;
}

#product p.product-color-name {position: absolute;bottom: 0;padding: 0 0 5px 10px;}

/* New PDP stylings */

/* ecommerce UI stuff */
#product .beta .ecommerce.controls{
  float: right;
  width: 340px;
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;  
}

#product .beta .ecommerce.controls.off{
  opacity: 0;
}

#product .beta .ecommerce.controls.off:after{
  content: "Loading…";
  display: block;
  position: absolute;
}

/* Product name */
#product .beta .ecommerce.controls .wbm.ne{
  margin-top: 60px;
}
/* product descrip */
#product .beta .ecommerce.controls p.product.description{
  width: 66.6%;
  text-align: right;
  float: right;
  margin:20px 20px 20px 0;
  clear: both;
  line-height: 15px;
}
/* rating */
#product .beta .ecommerce.controls .starrating{
  clear: both;
  float: right;
  text-align: right;
  margin:10px 20px 10px 0;
  width: 320px;
  bottom: auto;
  left: auto;
  position: relative;
}
/* msrp */
#product .hero.beta .msrp{
  margin:0 20px 0 0;
} 
/* color swatches */
#product .hero.beta ul.swatches{
  float: right;
  clear: both;
  margin-right: -3px;
}

#product .hero.beta ul.swatches li{
  border: 3px solid #FFF;
  cursor: pointer;
  float: right;
  height: 34px;
  list-style: none;
  text-align: right;
  width: 34px;
}

#product .hero.beta ul.swatches li:hover{
  border-color: #DDD;
}

#product .hero.beta ul.swatches li.selected{
  border: 3px solid #fd2228;
}

#product .hero.beta ul.swatches li.option div.swatch{
    border: 2px solid #c9ceca;
    height: 30px;
    position: relative;
    width: 30px;
}

#product .hero.beta ul.swatches li.option div.swatch span{
  bottom: 0;
  display: block;
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}

#product .hero.beta .add.to.cart{
  cursor: pointer;
}

#product .hero.beta .add.to.cart:hover{
  background: #C11;
}

#product .beta .ecommerce.controls .product.options{
  float: right;
  width: 255px; /* 310px; */
  margin-top: 10px;
  padding: 0 20px 10px;
  position: relaitve;
}

#product .beta .ecommerce.controls .product.options.dropd{
  margin-top:0;
}

#product .beta .ecommerce.controls .product.options.hidden, #product .beta .ecommerce.controls .product.options.errors h3.hidden{
  display: none;
}

#product .beta .ecommerce.controls .product.options.errors h3{
  clear: both;
  color: #e81d0f;
  font-family: "Vonnes Cond Bold";
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  margin: 0 0 10px 0;
  position: relative;
  text-transform: uppercase;
}


#item_width-dropdown{
  z-index: 100;
}

#product .beta .ecommerce.controls .product.options .fancy-select{
  margin-bottom: 0;
}

#product .hero.beta input[type="submit"] {
  background: #e81d0f;
  border: 0;
  color: #fff;
  float: right;
  font-family: "Vonnes Cond Bold";
  font-size: 15px;
  margin-left: 10px;
  min-height: 35px;
  outline: none;
  padding: 8px 12px;
  text-decoration: none;
  -webkit-appearance: none;
  border-radius: 0;
}


#product .hero.beta input.quantity{
  border: 1px solid #CCC;
  float: right;
  margin-left: 10px;
  text-align: center;
  outline: none;
  padding: 8px;
  width: 17px;
  -webkit-appearance: none;
  border-radius: 0;
}

.hero.beta .fancy-select .content ul{
  height: auto;
}

#product .hero.beta a.cta.wtb{
  margin: 0 20px 0 0;
}


#product .hero.beta a.cta{
  clear: both;
  padding: 8px 10px;
}


/* Carousel stuff */
#product  .beta .primary.product.carousel{
  float: left;
  height: 100%;
  width: 680px;
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;  
}

#product  .beta .primary.product.carousel.off{
  opacity: 0;
}

#product .beta .carousel .modCarousel_panes li{
  display: block;
}
/*#product .beta .carousel .modCarousel_panes li:first-child{
  display: block;
}*/

#product .beta .carousel .modCarousel_panes li img{
  /* max-width: 100%; */
  max-width: 680px; /* mad specific yo */
  position: absolute;
  top: 60px;
}

#product .hero.beta  .thumbcontainer {
  background: transparent;
  color: #fff;
  height: auto;
  float: right;
  margin: 20px 20px 0 0;
  overflow: hidden;
  padding: 0px;
  width: 270px;

}

#product .hero.beta  .thumbcontainer li{
  float: right;
  width: 45px;
  height: 45px;
  margin: 0 0 5px 5px;
  border: 1px solid #d1d1d1;
}

#product .hero.beta .thumbcontainer li.current{
  border: 1px solid #c81d0f;
}

#product .hero.beta .thumbcontainer img {
  width: 45px;
  height: auto;
  margin: 5px auto 0;
}

#product .hero.beta .thumbcontainer li.current img{
  margin: 5px auto 0;
}


#productForm {float:right; margin-top:10px; text-align:right}
#productForm #qty {width:2em}
#productForm #submit {display:block; text-align:right}

#articles .side_image { margin:0 20px 20px 0; }
#articles .side_image .caption { font-size:11px;color:#555; }

#articles .primary {width:650px;}
#articles .secondary {width:260px;} 
#articles .secondary.gallery .picture { 
    padding: 3px; 
    font: 11px/1.4em Arial, sans-serif; 
    margin: 0.8em 0.8em 0.5em 0;
} 
#articles .secondary.gallery .picture img { 
  border: 1px solid #CCCCCC; 
    vertical-align:middle; 
    margin-bottom: 3px; 
}

#articles .pic {  }

#articles .modCarousel_panes { width:250px; height:197px; }

#careers .content .headline {font-family: "Vonnes Cond Bold"; font-weight:bold; color:#333; margin-bottom:10px; font-size:24px; text-transform:uppercase;}
#careers .content .secondary .headline {font-family: "Vonnes Cond Bold"; font-weight:bold; color:#333; margin-bottom:10px; font-size:18px; text-transform:uppercase;}
#careers .content .secondary .title {font-family: "Vonnes Cond Bold"; font-weight:bold; color:#333; margin-bottom:10px; font-size:14px; }
#careers .content .secondary ul {padding-left: 16px;margin-bottom: 20px;}
#careers .content .secondary ul li {list-style-type:disc; margin-bottom:5px;}

#supportiframe { width:800px; overflow-x:hidden; padding-bottom:20px; }
#supportiframe .headline {font-family: "Vonnes Cond Bold"; font-weight:bold; color:#333; margin-bottom:10px; font-size:42px; text-transform:uppercase;}
#supportiframe .bold { font-weight:bold; }
#supportiframe .iframecontainer { padding-top:20px; }
#supportiframe .bold, 
#supportiframe p { padding-bottom:15px; }

/*********** sworks specific **********************/

#sworks-lander, #sworks-category, #sworks-section {background-color: #000;}


/***************************************************/
/*********** bike comparison page styles ***********/
/***************************************************/
#bikeComparison{}

#bikeComparison .header {
  font-size: 42px;
}

#bikeComparison .module_lead_in {
  width: 534px;
}

#bikeComparison .inside{
  padding-top: 22px;
}

#bikeComparison table {
    color: #000;
    margin-bottom: 20px;
    width:100%;
}

#bikeComparison th {
    padding: 14px 22px 10px;
    font: 14px "Vonnes Cond Bold";
    color: #333;
}

#bikeComparison th img {
    margin: 0 0 0 2px;
    border: none;
}

#bikeComparison table td {
    width:315px;
    padding:0 0 15px 7px;
    vertical-align: top;
}

#bikeComparison table td:first-child {
    padding-left:0;
}

#bikeComparison tr.prod-pics {

}

#bikeComparison tr.prod-pics .item img {
  height: 196px;
}

#bikeComparison tr.prod-pics td {
    padding-bottom: 7px;
    margin-bottom: 0;
}

#bikeComparison tr.prod-pics td .item{
    margin-bottom: 7px;
}

#bikeComparison td .model,
#bikeComparison td .price,
#bikeComparison td .desc{
    margin-bottom: 7px;
    width:95%;
}


#bikeComparison td p{
    font-size: 11px;
    margin-right:46px;
}

#bikeComparison td .specs {
  
  padding-top:20px;
}

#bikeComparison td .specs  ul{
    padding-left: 16px;
    margin-bottom: 20px;
}

#bikeComparison td .specs ul li{
    list-style-type: disc;
    width:95%;
    margin-bottom:10px;
}

#bikeComparison a.name{
    font-family: "Vonnes Cond Bold";
    color: white;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    background: #111;
    padding: 4px 8px;
    text-decoration: none;
    float: left;
    clear: both;
}

#bikeComparison .greybg{
    background-color: #E0E0E0;
}

#bikeComparison .no-label {
    padding-top: 22px;
}

#bikeComparison select#ridingStyle,
#bikeComparison select#bikeModel{
    width: 308px;
}

#bikeComparison .fancy-select{
    width: 308px;
}

#bikeComparison .offset{
    display: none;
}

#bikeComparison .item {
    height: 245px;
}

#bikeComparison .model,
#bikeComparison .price {
    font-size: 14px;
    font-weight: bold;
}

#bikeComparison .rating,
#bikeComparison .desc {
    font-size: 11px;
}

#bikeComparison .model {
    color: #e81d0f;
}

#bikeComparison .rating {
    background: url(/static/img/rating-stars.png) 0 0 no-repeat;
    padding-left: 64px;
}

#bikeComparison .rating.three {
    background-position: 0 -38px;
}

#bikeComparison .rating.five {
    background-position: 0 -64px;
}

#bikeComparison .close {
    height: 16px;
    width: 16px;
    margin-right: 3px;
    float: right;
    background: url(/static/img/compare_close_btn.gif) 0 0 no-repeat;
    text-indent: -1000px;
    position:relative;
    top:0;
    right:20px;
}



#bikeArchive table {
  color: #000;
  margin-bottom: 20px;
}

#bikeArchive table tr .spacer {
  text-indent: -1000px;
  height: 14px;
}

#bikeArchive .prod-pics td  {
  padding-bottom: 7px;
  margin-bottom: 0;
}

#bikeArchive .prod-pics td .item {
  margin-bottom: 7px;
}

#bikeArchive td {
  width: 310px;
  padding-bottom: 15px;
  vertical-align: top;
}

#bikeArchive td p {
  font-size: 11px;
  margin-right:46px;
}

#bikeArchive th  {
  padding: 14px 22px 10px;
  font: 14px "Vonnes Cond Bold";
  color: #333;
}

#bikeArchive th img {
  margin: 0 0 0 2px;
  border: none;
}



/********************************************/
/************ bike finder styles ************/
/********************************************/
#bikeFinder{
  margin: 10px;
  background: url(/static/img/bike-finder-bg.jpg) 0 11px repeat-y;
  min-height: 518px;
  overflow: hidden;
  margin-bottom: 13px;
}

#bikeFinder #appHeader{
  width: 963px;
  background: #000;
  padding: 0 20px;
}

#bikeFinder #appHeader #progress li{
  font: 14px "Vonnes Cond Bold";
  text-transform: uppercase;
  color: #cacaca;
  border-left: 1px solid #1a1a1a;
  margin-left: 15px;
  padding: 15px 0 15px 15px;
  float: left;
}

#bikeFinder #appHeader #progress .first{
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

#appHeader #progress li span{
  display: none;
  color: #F00;
}

#bikeFinder #appHeader #progress .active,
#bikeFinder.start #appHeader #progress .first{
  color: #FFF;
}

#appHeader #progress .active span,
.start #appHeader #progress .first span{
  display: inline;
}

.results #appHeader #progress li{
    color: #FFF;
    border-left: none;
}

#appHeader #backButton{
  float: right;
}

.start #appHeader #backButton,
.q1 #appHeader #backButton{
  display: none;
}

#bikeFinder #appHeader #backButton a {
  margin-top: 11px;
  padding: 4px 10px;
  padding-left: 40px;
  color: #000;
  background: #F00 url(/static/img/bike-finder-back-arrow.gif) 0 0 no-repeat;
}

#questions {
  height: 470px;
  overflow: auto;
  width: 1019px;
}
.results #questions{
  display: none;
}

#bikeFinder #questions #start{
  
}

#bikeFinder p,
#bikeFinder h1,
#bikeFinder a{
  font-family: "Vonnes Cond Bold";
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
}

#bikeFinder h1{
  padding-top: 10px;
  font-size: 50px;
}

#bikeFinder p{
  font-size: 14px;
}

#bikeFinder .question-text p,
#bikeFinder #results_wrap .copy{
  font-size: 16px;
}

#bikeFinder #questions #start h1{
  padding-top: 154px;
}

#bikeFinder #questions #start #beginBtn{
  margin: 11px auto 0;
  padding-left: 65px;
  background: url(/static/img/bike-finder-begin-arrow.png) 0 0 no-repeat;
  width: 134px;
  cursor: pointer;
}

#bikeFinder #questions #start a{
  color: #141414;
  padding: 0 10px;
  font-size: 44px;
}

/* conditional visibility of questions*/
#start,
#questions .question{
  /*display: none;*/
  height: 480px;
}

#results_wrap{
  width: 1002px;
  display: none;
}

.start #start{
  display: block;
}

/* answer styles */

#bikeFinder #questions .options{
  margin: 19px auto 10px;
  overflow: hidden;
  width: 956px;
}

#bikeFinder #results_wrap .options{
  width: 962px;
  margin: 19px auto 10px;
  border-color: #787879;
  border-style: solid;
  border-width: 1px 0 1px;
  overflow: hidden;
}

#bikeFinder #questions .option{
  float: left;
  border-left: 1px solid #787879;
  width: 238px;
  padding-top: 167px;
  padding-left: 1px;
  height: 207px;
  position: relative;
  margin: 0 0 -1px -1px;
}

#bikeFinder #questions .five-col .option{
  width: 190px;
}

#bikeFinder #results_wrap .option{
  float: left;
  height: 304px;
  width: 480px;
  position: relative;
  padding: 12px 0 10px 1px;
  margin:0 -1px -1px 0;
  border-color: #787879;
  border-style: solid;
  border-width: 0 1px 1px 0;
  text-align: center;
}

#bikeFinder #results_wrap .option h2{
  height: 30px;
  width: 200px;
  float: left;
  margin-bottom: 20px;
  text-indent: -10000px;
}

#bikeFinder #results_wrap .copy {
  width: 730px;
  margin: 0 auto;
}

#bikeFinder #results_wrap .option .bike-family{
  margin: 8px 0 20px 20px;
}

#bikeFinder #results .female {
  background: url(/static/img/ico_women_light_gray.png) 428px 12px no-repeat;
}

#bikeFinder #results .option .product-info{
  display: none;
  width: 440px;
  height: 285px;
  padding: 20px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

/*#bikeFinder #results .option:hover .product-info{
  display: block;
}*/

#bikeFinder #results .option .product-info p{
  color: #333;
  text-align: left;
  font-size: 12px;
  text-transform: none;
  width: 172px;
  float: left;
}

#bikeFinder #results .option .product-info p a{
  padding:3px 9px;
  margin-top: 20px;
}

#bikeFinder #results .option .product-info img{
  float: right;
}


/* terrain options */
#bikeFinder #questions .question .options .option{
  background: url(/static/img/bike-finder-icons-sprite.png) 48px 0 no-repeat;
}
#bikeFinder #questions .five-col .options .option{
  background-position: 44px 0;
}
  #bikeFinder #questions .options #mountain_wrap:hover{
    background-position: 48px -475px;
  }
  
  #bikeFinder #questions .options #road_wrap{
    background-position: -187px 0;
  }
  
  #bikeFinder #questions .options #road_wrap:hover{
    background-position: -187px -475px;
  }
  
  #bikeFinder #questions .options #mountainjump_wrap{
    background-position: -427px 0;    
  } 
  #bikeFinder #questions .options #mountainjump_wrap:hover{
    background-position: -427px -475px;
  }
  
  #bikeFinder #questions  .options #multi-use_wrap{
    background-position: -664px 0;
  }
  #bikeFinder #questions  .options #multi-use_wrap:hover{
    background-position: -664px -475px;
  }


/* motivation options */
  #bikeFinder #questions .options #fastest_wrap{
    background-position: -898px 0;
  }
  
  #bikeFinder #questions  .options #fastest_wrap:hover{
    background-position: -898px -493px;
  }
    
  #bikeFinder #questions .options #updownequal_wrap{
    background-position: -1097px 0;
  } 
  #bikeFinder #questions .options #updownequal_wrap:hover{
    background-position: -1097px -493px;
  }
  
  #bikeFinder #questions .options #moredown_wrap{
    background-position: -1489px 0;   
  }
  #bikeFinder #questions .options #moredown_wrap:hover{
    background-position: -1489px -493px;    
  }
  
  #bikeFinder #questions .options #shuttleup_wrap{
    background-position: -1881px 0;
  }
  #bikeFinder #questions .options #shuttleup_wrap:hover{
    background-position: -1881px -493px;
  }
  
  #bikeFinder #questions .options #ridestunts_wrap{
    background-position: -2470px 0;
  }
  #bikeFinder #questions .options #ridestunts_wrap:hover{
    background-position: -2470px -493px;
  }
  
  #bikeFinder #questions .options #performancerd_wrap{
    background-position: -1462px 0;
  } 
  #bikeFinder #questions .options #performancerd_wrap:hover{
    background-position: -1462px -493px;
  }
  
  #bikeFinder #questions .options #leastfatigue_wrap{
    background-position: -2836px 0;
  }
  #bikeFinder #questions .options #leastfatigue_wrap:hover{
    background-position: -2836px -493px;
  }
  
  #bikeFinder #questions .options #fitness_wrap{
    background-position: -1269px 0;
  }
  #bikeFinder #questions .options #fitness_wrap:hover{
    background-position: -1269px -493px;
  }
  
  #bikeFinder #questions .options #tri_wrap{
    background-position: -1856px 0;
  }
  #bikeFinder #questions .options #tri_wrap:hover{
    background-position: -1856px -493px;
  }
  
  #bikeFinder #questions .options #mostmountain_wrap{
    background-position: -2639px 0;
  }
  #bikeFinder #questions .options #mostmountain_wrap:hover{
    background-position: -2639px -493px;
  }
  
  #bikeFinder #questions .options #somemountain_wrap{
    background-position: -3033px 0;
  }
  #bikeFinder #questions .options #somemountain_wrap:hover{
    background-position: -3033px -493px;
  }
  
  #bikeFinder #questions .options #fitness_city_wrap{
    background-position: -1270px 0;
  }
  #bikeFinder #questions .options #fitness_city_wrap:hover{
    background-position: -1270px -493px;
  }
  
/* five-col */
  #bikeFinder #questions .five-col #fastest_wrap{
    background-position: -898px 0;
  }
  
  #bikeFinder #questions .five-col #fastest_wrap:hover{
    background-position: -898px -493px;
  }
    
  #bikeFinder #questions .five-col #updownequal_wrap{
    background-position: -1097px 0;
  } 
  #bikeFinder #questions .five-col #updownequal_wrap:hover{
    background-position: -1097px -493px;
  }
  
  #bikeFinder #questions .five-col #moredown_wrap{
    background-position: -2664px 0;   
  }
  #bikeFinder #questions .five-col #moredown_wrap:hover{
    background-position: -2664px -493px;    
  }
  
  #bikeFinder #questions .five-col #shuttleup_wrap{
    background-position: -1881px 0;
  }
  #bikeFinder #questions .five-col #shuttleup_wrap:hover{
    background-position: -1881px -493px;
  }
  
  #bikeFinder #questions .five-col #ridestunts_wrap{
    background-position: -2470px 0;
  }
  #bikeFinder #questions .five-col #ridestunts_wrap:hover{
    background-position: -2470px -493px;
  }
  
  #bikeFinder #questions .five-col #performancerd_wrap{
    background-position: -1489px 0;
  } 
  #bikeFinder #questions .five-col #performancerd_wrap:hover{
    background-position: -1489px -493px;
  }
  
  #bikeFinder #questions .five-col #leastfatigue_wrap{
    background-position: -2861px 0;
  }
  #bikeFinder #questions .five-col #leastfatigue_wrap:hover{
    background-position: -2861px -493px;
  }
  
  #bikeFinder #questions .five-col #fitness_wrap{
    background-position: -1269px 0;
  }
  #bikeFinder #questions .five-col #fitness_wrap:hover{
    background-position: -1269px -493px;
  }
  
  #bikeFinder #questions .five-col #tri_wrap{
    background-position: -1883px 0;
  }
  #bikeFinder #questions .five-col #tri_wrap:hover{
    background-position: -1883px -493px;
  }
  
  #bikeFinder #questions .five-col #mostmountain_wrap{
    background-position: -2614px 0;
  }
  #bikeFinder #questions .five-col #mostmountain_wrap:hover{
    background-position: -2614px -493px;
  }
  
  #bikeFinder #questions .five-col #somemountain_wrap{
    background-position: -3008px 0;
  }
  #bikeFinder #questions .five-col #somemountain_wrap:hover{
    background-position: -3008px -493px;
  }
  
  #bikeFinder #questions .five-col #fitness_city_wrap{
    background-position: -1245px 0;
  }
  #bikeFinder #questions .five-col #fitness_city_wrap:hover{
    background-position: -1245px -493px;
  }
  
/* gender options */  
  #bikeFinder #questions .options #man_road_wrap,
  #bikeFinder #questions .options #man_city_wrap,
  #bikeFinder #questions .options #man_mountain_wrap{
    background-position: -3240px 0px;
  }
  #bikeFinder #questions .options #man_road_wrap:hover,
  #bikeFinder #questions .options #man_city_wrap:hover,
  #bikeFinder #questions .options #man_mountain_wrap:hover{
    background-position: -3240px -527px;
  }
  
  #bikeFinder #questions .options #female_road_wrap,
  #bikeFinder #questions .options #female_city_wrap,
  #bikeFinder #questions .options #female_mountain_wrap{
    background-position: -3490px 0;
  } 
  #bikeFinder #questions .options #female_road_wrap:hover,
  #bikeFinder #questions .options #female_city_wrap:hover,
  #bikeFinder #questions .options #female_mountain_wrap:hover{
    background-position: -3490px -527px;
  }

/* suspension options */
#bikeFinder #questions .suspension .option{
  width: 305px;
}
#bikeFinder #questions .question .suspension{
  width: 612px;
}
  #bikeFinder #questions .options #hardtail_wrap{
    background-position: -4216px 0;
  }
  #bikeFinder #questions .options #hardtail_wrap:hover{
    background-position: -4216px -491px;
  }
  #bikeFinder #questions .options #fullsuspension_wrap{
    background-position: -3854px 0;
  }
  #bikeFinder #questions .options #fullsuspension_wrap:hover{
    background-position: -3854px -491px;
  }

#bikeFinder .options .first {
  border: none;
}

#bikeFinder #questions .option input{
  display: none;
}

#bikeFinder #questions .option p{
  font-size: 20;
  color: #999;
}

#bikeFinder #questions .option:hover p{
  color: #da1609;
}

#bikeFinder #questions .option .down-arrow {
  background: url(/static/img/bike-finder-option-down-arrow.png) 50% 0 no-repeat;
  padding-bottom: 50px;
  height: 69px;
  width: 100%;
  position: absolute;
  bottom: 0;
}

#bikeFinder #questions .option:hover .down-arrow,
#bikeFinder #questions .option.active .down-arrow {
  background-position: 50% 64%;
}

#bikeFinder #questions .option .text-area p{
  display: none;
  font-size: 11px;
  color: #FFF;
  padding: 2px 11px 0;
}

#bikeFinder #questions .option:hover .text-area p,
#bikeFinder #questions .option.active .text-area p{
  display: block;
}

/**********************************************************/
/************ product finder styles (non-bike) ************/
/**********************************************************/
#productFinder{
  margin: 10px;
  background: url(/static/img/bike-finder-bg.jpg) 0 11px repeat-y;
  min-height: 518px;
  overflow: hidden;
  margin-bottom: 13px;
}

#productFinder #appHeader{
  width: 963px;
  background: #000;
  padding: 0 20px;
}

#productFinder #appHeader #progress li{
  font: 14px "Vonnes Cond Bold";
  text-transform: uppercase;
  color: #cacaca;
  border-left: 1px solid #1a1a1a;
  margin-left: 15px;
  padding: 15px 0 15px 15px;
  float: left;
}

#productFinder #appHeader #progress .first{
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

#appHeader #progress li span{
  display: none;
  color: #F00;
}

#productFinder #appHeader #progress .active,
#productFinder.start #appHeader #progress .first{
  color: #FFF;
}

#appHeader #progress .active span,
.start #appHeader #progress .first span{
  display: inline;
}

.complete #appHeader #progress li{
    color: #FFF;
    border-left: none;
}

.complete #appHeader #progress .tab span{
    display: inline-block;
    width: 15px;
    text-indent: -10000px;
    background: url(/static/img/grey-red-close-btn.gif) 0 1px no-repeat;
    cursor:pointer;
}

.start #appHeader #progress .tab{
  display: none;
}

#appHeader #backButton{
  float: right;
}

.start #appHeader #backButton,
.q1 #appHeader #backButton{
  display: none;
}

#productFinder #appHeader #backButton a {
  margin-top: 11px;
  padding: 4px 10px;
  padding-left: 40px;
  color: #000;
  background: #F00 url(/static/img/bike-finder-back-arrow.gif) 0 0 no-repeat;
}

#productFinder #questions {
  height: 470px;
  overflow: hidden;
  width: 1019px;
}

#productFinder #questions #qSlider{
  
}
.results #questions{
  display: none;
}

#productFinder p,
#productFinder h1,
#productFinder a{
  font-family: "Vonnes Cond Bold";
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
}

#productFinder h1{
  padding-top: 10px;
  font-size: 50px;
}

#productFinder p{
  font-size: 14px;
}

#productFinder .question-text p,
#productFinder #results_wrap .copy{
  font-size: 16px;
}

#productFinder #start h1{
  padding-top: 154px;
}

#productFinder #start #beginBtn{
  margin: 11px auto 0;
  padding-left: 65px;
  background: url(/static/img/bike-finder-begin-arrow.png) 0 0 no-repeat;
  width: 134px;
  cursor: pointer;
}

#productFinder #start a{
  color: #141414;
  padding: 0 10px;
  font-size: 44px;
}

/* conditional visibility of questions*/
#start,
#questions .question{
  /*display: none;*/
  height: 480px;
}

#results_wrap{
  width: 1002px;
  display: none;
}

.start #start{
  display: block;
}

/* answer styles */

#productFinder #questions .options{
  margin: 19px auto 10px;
  overflow: hidden;
  width: 956px;
}

#productFinder #results_wrap .options{
  width: 962px;
  margin: 19px auto 10px;
  border-color: #787879;
  border-style: solid;
  border-width: 1px 0 1px;
  overflow: hidden;
}

#productFinder #questions .option{
  float: left;
  border-left: 1px solid #787879;
  width: 238px;
  padding-top: 167px;
  padding-left: 1px;
  height: 207px;
  position: relative;
  margin: 0 0 -1px -1px;
}

#productFinder #questions .five-col .option{
  width: 190px;
}
#productFinder #questions .suspension .option{
  width: 270px;
}

#productFinder #results_wrap .option{
  float: left;
  height: 304px;
  width: 480px;
  position: relative;
  padding: 12px 0 10px 1px;
  margin:0 -1px -1px 0;
  border-color: #787879;
  border-style: solid;
  border-width: 0 1px 1px 0;
  text-align: center;
}

#productFinder #results_wrap .option h2{
  height: 30px;
  width: 200px;
  float: left;
  margin-bottom: 20px;
  text-align: left;
  font: 20px 'Vonnes Cond Bold';
  text-transform: uppercase;
}

#productFinder #results_wrap .logo .option h2{
  text-indent: -10000px;
}

#productFinder #results_wrap .copy {
  width: 730px;
  margin: 0 auto;
}

#productFinder #results_wrap .option .bike-family{
  margin: 8px 0 20px 20px;
  color: #FFF;
}

#productFinder #results .female {
  /*background: url('../img/ico_women_light_gray.png') 428px 12px no-repeat;*/
}

#productFinder #results.tire .option > .supercat-products-image {
  margin: 8px 15px 0 0;
}

#productFinder #results .option .product-info{
  display: none;
  width: 440px;
  height: 285px;
  padding: 20px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

/*#productFinder #results .option:hover .product-info{
  display: block;
}*/

#productFinder #results .option .product-info p{
  color: #333;
  text-align: left;
  font-size: 12px;
  text-transform: none;
  float: left;
}

#productFinder .action .option .product-info p{
  width: 172px;
}

#productFinder #results .option .product-info p a{
  padding:3px 9px;
  margin-top: 20px;
}

#productFinder #results .option .product-info img{
  float: right;
}


/* terrain options */
#productFinder #questions .question .options .option{
  background-position: 50% 100% !important;
  background-repeat: no-repeat; 
}
#productFinder #questions .question .options .option:hover{
  background-position: 50% 0 !important;
  background-repeat: no-repeat;
}

#productFinder .options .first {
  border: none;
}

#productFinder #questions .option input{
  display: none;
}

#productFinder #questions .option p{
  font-size: 20;
  color: #999;
}

#productFinder #questions .option:hover p{
  color: #da1609;
}

#productFinder #questions .option .down-arrow {
  background: url(/static/img/bike-finder-option-down-arrow.png) 50% 0 no-repeat;
  padding-bottom: 50px;
  height: 69px;
  width: 100%;
  position: absolute;
  bottom: 0;
}

#productFinder #questions .option:hover .down-arrow,
#productFinder #questions .option.active .down-arrow {
  background-position: 50% 64%;
}

#productFinder #questions .option .text-area p{
  display: none;
  font-size: 11px;
  color: #FFF;
  padding: 2px 11px 0;
}

#productFinder #questions .option:hover .text-area p,
#productFinder #questions .option.active .text-area p{
  display: block;
}

/***************************************************/
/************ dealer finder page styles ************/
/***************************************************/
.adp-placemark{
  border: none;
}
  
#directionsBox #map{
  width: 703px;
  height: 442px;
}

#directionsBox .mapOnly #map{
  width: 1024px;
  height: 442px;
  z-index: 600;
}

#directionsBox #directionsPanel{
  background: #FFF;
  display: block;
  width: 300px;
  height: 422px;
  overflow: auto;
  border-left: 1px solid #DDD;
  padding: 10px;
}

#directionsBox .mapOnly #directionsPanel{
  display: none;  
}

#directionsBox .bubble-wrap-close{
  position: absolute;
  top: 2px;
  right: 4px;
  cursor: pointer;
  color: #AAA;
}
#directionsBox #map .bubbleBG{
  overflow: hidden;
}

#directionsBox #map .bubble-wrap{
  font-size: 12px;
  overflow: hidden;
}

#directionsBox #map .bubble-wrap #bodyContent{
  /*width: 333px;*/
  overflow: hidden;
}

#directionsBox #map .bubble-wrap .bubbleCol{
  overflow: hidden;
}

#directionsBox #map .bubble-wrap h1{
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
}

#directionsBox #map .bubble-wrap p,
#directionsBox #map .bubble-wrap h1{
  margin-bottom: 7px;
}

#directionsBox #map .bubble-wrap .caps{
  text-transform: capitalize;
}
/* END HERO BLOCK GOOGLE MAPS RELATED STYLES */


#dealerFinder {
  font-size: 12px;
  color: #333;
  overflow: hidden;
}

#dealerFinder .radialbg-960{
  height: 15px;
}

#dealerFinder .pageHeader {
  padding: 20px 0;
  font: 24px 'Vonnes Cond Bold';
}

.stategroup {
  margin-bottom: 40px;  
}

#dealerFinder #dealerFilter{
  padding-bottom: 30px;
  margin-bottom: 16px;
}

#dealerFinder .results-header {
  font-size: 18px;
}

#dealerFinder .filter-column,
#sbc-finders .filter-column {
  display: -moz-inline-stack;
  display: inline-block;
  /* for IE */
  zoom: 1;
  *display: inline;
  /* end IE */
  vertical-align: top;
  padding: 0 20px 0 20px;
  min-height: 160px;
}

#sbc-finders div.filterCol {
  width: 170px;
}

* html #dealerFinder .filter-column { 
  height: 160px;
}

#dealerFinder .first {
  padding-left: 0;
}

#dealerFinder .filter-column .col-header,
#sbc-finders .filter-column .col-header {
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin-bottom: 12px;
}

#dealerFinder .filter-column ul li,
#sbc-finders .filter-column ul li {
  padding-bottom: 5px;
}

#dealerFinder #lastColumn { 
  width: 541px;
}

#dealerFinder #lastColumn ul li,
#sbc-finders #finder-filters ul li {
  float: left;
  width: 170px;
}

#dealerFinder #lastColumn ul,
#sbc-finders #finder-filters ul {
  margin-bottom: 20px;
  height: 200px;
}

#dealerFinder #lastColumn ul {
  width: 340px;
}

#dealerFinder #lastColumn ul .first,
#dealerFinder #lastColumn ul li ul li,
#sbc-finders #finder-filters ul .first,
#sbc-finders #finder-filters ul li ul li {
  padding-left: 0;
}

/******** form elements *********/
#dealerFinder .filter-column .fancy-select,
#sbc-finders .filter-column .fancy-select {
  width: 164px;
  font-size: 12px;
}

#dealerFinder .filter-column input,
#sbc-finders .filter-column input {
  outline: none;
  font-size: 11px;
}

#dealerFinder .filter-column input[type="password"],
#dealerFinder .filter-column input[type="search"],
#dealerFinder .filter-column input[type="text"]{
  padding: 5px;
  margin-bottom: 7px;
  color: #555;
}

/*#dealerFinder .filter-column .redbtn {
  padding: 6px 15px;
  font-size: 13px;
  float: left;
}*/

#dealerFinder .filter-column .custom_checkbox,
#sbc-finders .filter-column .custom_checkbox {
  display: inline;
}

#dealerFinder .filter-column .custom_checkbox input[type="checkbox"],
#sbc-finders .filter-column .custom_checkbox input[type="checkbox"] {
  display: none;
}

#dealerFinder .filter-column .custom_checkbox .checkbox,
#sbc-finders .filter-column .custom_checkbox .checkbox {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  background: white url(/static/img/checkbox-sprite.png) 0 0  no-repeat;
  float: left;
  margin-right: 4px;
  margin-top: 1px;
}

#dealerFinder .filter-column .selected .checkbox,
#sbc-finders .filter-column .selected .checkbox {
  background-position: bottom left;
}

#dealerFinder .filter-column .custom_radioBtn {
  display: inline;
}

#dealerFinder .filter-column .custom_radioBtn input[type="radio"]{
  display: none;
}

#dealerFinder .filter-column .custom_radioBtn .radioBtn {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background: white url(/static/img/radiobutton_sprite.png) 0 0 no-repeat;
  float: left;
  margin-right: 4px;
}

#dealerFinder .filter-column .selected .radioBtn{
  background-position: bottom left;
}

#dealerFinder .filter-column #address {
    width: 115px;
    border: 1px solid #DDDDDD;
  -moz-appearance: none;
  
}

/*********** filter results header **************/
#dealerFinder #resultsHeader{
  margin-bottom: 20px;
}

#dealerFinder #resultsHeader h3{
  font: 18px "Vonnes Cond Bold";
  margin-bottom: 5px;
  text-transform: uppercase;
}

/******** filter results header - page nav *********/
#dealerFinder .page-nav{
  float: right;
  font-size: 11px;
}

#dealerFinder .page-nav a{
  /*padding-left: 3px;
  margin-left: 3px;
  border-left: 1px solid #333;*/
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}

/******** dealer rows *********/

#dealerFinder #filterResults h3 {
  font: 18px "Vonnes Cond Bold";
  margin-bottom: 5px;
  margin-top: 10px;
  text-transform: uppercase;
}

#dealerFinder #filterResults .row {
  
}

#dealerFinder #filterResults .row .more-info{
  padding-top: 0;
}

#dealerFinder #filterResults .row-wrap{
  overflow: hidden;
  padding: 20px;
}

/* dealer type row backgroundss */
#dealerFinder #filterResults .row .concept{
  background: url(/static/img/dealer-concept-bg.png) 903px 0 no-repeat;
}

#dealerFinder #filterResults .row .elite{
  background: url(/static/img/dealer-elite-bg.png) 903px 0 no-repeat;
}

/*********** dealer row columns ***********/
#dealerFinder #filterResults .row .col {
  float: left;
}

#dealerFinder #filterResults .row .col h4{
  font-weight: bold;
  margin: 5px 0;
}

#dealerFinder #filterResults .row .col p {
  padding-bottom: 10px;
}

#dealerFinder #filterResults .row .col ul{
  margin-bottom: 10px;
  overflow: hidden;
}

/*********** dealer row specific column styles ************/
#dealerFinder #filterResults .row .row-num{
  font: 16px "Vonnes Cond Bold";
  margin-right: 16px;
}

#dealerFinder #filterResults .row .address,
#dealerFinder #filterResults .row .directions {
  margin-right: 20px;
  width: 170px;
}

#dealerFinder #filterResults .row .about p{ width: 348px; padding-left: 10px; }


/* features styles (shared with the concept store details page) */
  .features ul{
    overflow: hidden;
    margin-bottom: 7px;
  }
  
  .features li {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    /*text-indent: -1000px;
    background: #000 url('../img/dealer-features-sprite.gif') no-repeat;*/
  }
  
  .features .women,
  .features .Icon_DesignWomen{
    background-position: 0 -40px; 
  }
  
  .features .s-card{
    background-position: 0 -80px;
  }
  
  .features .s-works,
  .features .Icon_SWorks{
    background-position: 0 -120px;
  }
  
  .features .equipment,
  .features .Icon_BGFitCenter
  .features .Icon_BG{
    background-position: 0 -160px;
  }
  
  .features .test-ride,
  .features .Icon_FSRTestCenter{
    background-position: 0 -200px;
  }
  
  .features .premier, 
  .features .Icon_Trisport{
    background-position: 0 -240px;
  }

.features .info-rollover{
  clear: both;
  width: 448px;
}


#dealerFinder #filterResults .row .hours,
#dealerFinder #filterResults .row .additional-info {
  float: right;
  width: 218px;
  margin-right: 18px;
  overflow: hidden;
}

#dealerFinder #filterResults .row .directions {
  margin-left: 25px;
}

#dealerFinder #filterResults .row .additional-info a,
#dealerFinder #filterResults .row .directions a{
  font-weight: bold;
}

#dealerFinder #filterResults .odd{
  /*background-color: #EEE;*/
  background: url(/static/img/row-bg-transparent.png) repeat-y;
}

#dealerFinder #filterResults .even{
  background-color: none;
}

#dealerFinder #filterResults .row .hours .detail-link {
  display: none;
  background: url(/static/img/more-info-arrow-sprite.gif) 0 100% no-repeat;
  padding-left: 20px;
  margin-top:10px;
}

#dealerFinder #filterResults .row .hours .active {
  background-position: 0 0;
}

#dealerFinder #filterResults .row .hours p{
  padding-bottom:0;
}
#dealerFinder #filterResults .row .hours p span {
  display: inline-block;
  width: 74px;
}
/****************** results footer  ******************/
#resultsFooter {
  overflow: hidden;
  padding: 20px 0;
}



/***************************************************/
/*********** bike comparison page styles ***********/
/***************************************************/

#supportFAQ{
  overflow: hidden;
}

#supportFAQ .twitter{
    background: url(/static/img/twitter.png) no-repeat 0 0;
    color:#666;
    font: 18px 'Vonnes Cond Bold';
    text-transform:uppercase;
    padding:4px 0 0 35px;
    height:27px;
}

#supportFAQ .twitlinks{
    margin-bottom:20px;    
}

#supportFAQ .header{
  font: 42px 'Vonnes Cond Bold';
  margin-bottom: 20px;
  margin-bottom: 10px;
    text-transform:uppercase;
    color: #333;
}

#supportFAQ .header.alt{
    font: 24px 'Vonnes Cond Bold';
    margin-bottom: 0;
}

/*#supportFAQ .redbtn {
  padding:7px 10px;
}*/

#supportFAQ #col-one{
  width: 605px;
  float: left;
}

#supportFAQ #col-one .help{
    width: 290px;
}

#supportFAQ #col-one .help.last{
    width: 280px;
  margin-left: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 20px;

}

#supportFAQ  .subheader {
    font: 18px 'Vonnes Cond Bold';
    text-transform:uppercase;
    margin-bottom:5px;
    color: #333;
}

#supportFAQ #col-one .resources {
  padding-left:0;
  margin:0;
}
#supportFAQ #col-one .resources li {
   list-style-type:none;  
}

#supportFAQ #col-one #faqs {
  margin-top: 27px;
}
  #supportFAQ #col-one .faq{
    margin-bottom: 4px;
  }
  #supportFAQ #col-one .faq .topic{
    display: block;
    padding: 5px 20px;
    font-weight: bold;
    color: #333;
    background: #CCC url(/static/img/faq-arrow-sprite.gif) no-repeat;
    text-decoration: none;
  }
  
  #supportFAQ #col-one .faq .active{
    background-position: 0 -24px;
  }

  #supportFAQ #col-one .faq .answer{
    padding: 0 20px 20px;
    overflow: hidden;
  }

  #supportFAQ #col-one .faq h4{
    margin: 20px 0;
    font-weight: bold;
  }

#supportFAQ #col-one  ul{
  padding-left: 16px;
  margin-bottom: 20px;
}

#supportFAQ #col-one ul li{
  list-style-type: disc;
}

#supportFAQ #col-one form ul.dropdown-list { margin:5px 0 0 0; padding:0; }
#supportFAQ #col-one form ul.dropdown-list li{ list-style-type:none; }

#supportFAQ #col-one form ul.cbox { margin:0; padding:0; }
#supportFAQ #col-one form ul.cbox li{ list-style-type:none; float: left; width:143px; }
#supportFAQ #col-one form ul.cbox ul { margin-top:5px; padding-left:0;  }

#supportFAQ #col-one form .genderBox  label {  background: url(/static/img/radiobutton_sprite.png) 0 0 no-repeat; height:14px; display: block; cursor: pointer; padding-right:10px; float:left;  }
#supportFAQ #col-one form .genderBox  label.check-off { }
#supportFAQ #col-one form .genderBox  label.check-on { background-position: bottom left;} 
#supportFAQ #col-one form .genderBox  span{
    cursor: pointer;
    padding-left:20px;
}

#supportFAQ #col-one form .genderBox input  { display: none; }

 #supportRightCol{
  width: 323px;
  height: 520px; /*temp*/
  float: right;
  padding-left:20px;
}

 #supportRightColh3{
  clear: both;
}

  #submit{
  font-size: 13px;
  padding: 7px 10px;
}

 #supportRightCol .fancy-select{
  width: 160px;
  float: none;
}

 #supportRightCol #dealerFinderSearchForm .fancy-select {
  float: left;
}
#supportRightCol  .subheader {
    font: 18px 'Vonnes Cond Bold';
    text-transform:uppercase;
    margin-bottom:5px;
    color: #333;
}
#supportRightCol .offline p {
  color: #333;
  line-height: 18px;
  margin-bottom: 15px;
}
#supportRightCol {
  line-height: 18px;
}

/****************************************************/
/*********** region selection page styles ***********/
/****************************************************/
#locations #background {
  width: 1024px;
  margin: 0 auto;
  min-height: 687px;
  background: url(/static/img/tmp/region_lander_background.jpg) 0 0 no-repeat;
}
*#locations #background,
*#locations #backgroundOverlay {
  height: 780px;
}

#locations #backgroundOverlay {
  height: 100%;
  min-height: 700px;
  background: #000;
  overflow: hidden;
}

#locations #regionWrap {
  margin-left: 64px;
  margin-top: 50px;
}

#regionWrap h1 {
  font: 18px "Vonnes Cond Bold";
  color: #FFF;
  padding: 8px 0;
  padding-left: 25px;
}


#locations #regionList{
  margin-top: 14px;
}

#locations #regionList .region-col { float:left; display:inline; }
#locations #regionList .region-col ul {
  float: left;
  display:inline;
  background: url(/static/img/1pxBorderWhite.png) 100% 0 repeat-y;
  width: 170px;
  min-height: 314px;
}

* html #locations #regionList .region-col ul {
  height: 157px;
}

#locations #regionList .last ul{
  background: none;
}

#locations #regionList .region-col{
  margin-left: 18px;
}
  #locations #regionList .first{
    margin-left: 0;
  }

#locations #regionList .region-col li {
  margin-bottom: 11px;
  overflow: visible;
  position: relative;
}

#locations #regionList .region-col li .option-label {
  display: block;
  overflow: hidden;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

#locations #regionList .region-col li .option-label span{
  padding: 3px 11px 3px 3px;
  margin: 2px 0;
  float: left;
  background: url(/static/img/region_select_dropdown_arrow.png) 100% 100% no-repeat;
}

#locations #regionList .region-col .active .option-label span{
  color: #E81D0F;
  background: url(/static/img/region_select_dropdown_active_arrow.png) 100% 100% no-repeat;
  padding-left: 5px;
}

#locations #regionList .region-col li .options{
  display: none;
}

#locations #regionList .region-col li .options a {
  display: block;
  color: black;
  padding: 5px 0 5px 5px;
  float: none;
  width: 100%;
  text-decoration: none;
}

#locations #regionList .region-col li .options a:hover {
  background: #CCC;
}

#locations #regionList .region-col .active .options{
  padding: 2px 0;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 10;
}

#locations #regionList .region-col .active .option-label,
#locations #regionList .region-col .active .options{
  display: block;
  border-right: 1px solid #B6B6B6;
  overflow: hidden;
  background: #FAFAFA;
  width: 120px;
  padding-left: 0;
  margin-left: 28px;
}

#locations #footer { width:1024px; margin:auto;  }
/***********************************************/
/*********** sponsorship page styles ***********/
/***********************************************/
#sponsorship .fancy-select {
  float:left;
  margin-right:5px;
}

#sponsorship .content form table td label {padding-left:0; margin-bottom:5px;}
#sponsorship .content form table td input {width:243px;margin-right:5px;}
#sponsorship .content form table td input.short {width:75px; margin-right:5px;}
#sponsorship .content form table td input.medium {width:160px; }
#sponsorship .content form table td .add.redbtn {margin-left:5px;}
/*************************************************/
/*********** store details page styles ***********/
/*************************************************/
#storeDetails h2 {
  font: 24px "Vonnes Cond Bold";
  text-transform: uppercase;
  clear: both;
}

#storeDetails h3 {
  font: 18px "Vonnes Cond Bold";
  text-transform: uppercase;
  clear: both;
}

#storeDetails h4 {
  font-weight: bold;
  margin: 5px 0;
}

#storeDetails ul li{
  font:13px "Vonnes Cond Book";
  text-transform: uppercase;
  color: #555;
  cursor: pointer;
  margin-bottom: 3px;
}
  #storeDetails ul .selected{
    font:13px "Vonnes Cond Bold";
    color: #e81d0f;
  }

#storeDetails .col{
  float: left;
  margin-left: 32px;
}
  
  #storeDetails .bikePreview{
    float: right;
    margin-bottom: 30px;
  }
  #storeDetails .specialists{
    width: 162px;
    margin-left: 53px;
  }
/*    #storeDetails .specialists .redbtn{
      font-size: 13px;
    }*/
#storeDetails .first{
  margin-left: 0;
}

#storeDetails .primary{
  width: 490px;
}

#storeDetails .secondary{
  float: right;
  border: none;
  width: 377px;
}

#storeDetails .secondary #map{
  width: 377px;
  height: 322px;
  margin-bottom: 10px;
}

#storeDetails .secondary #mapControls a{
  font-weight: normal;
  color: #333;
}

#storeDetails .secondary #mapControls a:hover,
#storeDetails .secondary #mapControls .selected{
  text-decoration: none;
  color: #E81D0F;
}

#storeDetails .secondary #mapControls .selected{
  font-weight: bold;
  cursor: default;
}

#storeDetails .secondary #mapControls .driving,
#storeDetails .secondary #mapControls .cycling {
  text-indent: -9999px;
  background: url(/static/img/map-toggle-sprite.png) 0 0;
  display: block;
  width: 39px;
  height: 25px;
  float: left;
}

#storeDetails .secondary #mapControls .cycling{
  width: 38px;
  background-position: 100% 0;
}

#storeDetails .secondary #mapControls .driving:hover{
  background-position: 0 100%;
}
  
#storeDetails .secondary #mapControls .cycling:hover{
  background-position: 100% 100%;
}

#conceptEliteDealerList .region-info{
  width:300px;
  margin-bottom: 50px;
  float: left;
}

#conceptEliteDealerList .region-info a{
  font-weight: bold;
}

#conceptEliteDealerList .list-wrap {
  overflow: hidden;
  width: 600px;
}

#conceptEliteDealerList .headline { 
  font-family: "Vonnes Cond Book"; font-weight:bold; font-size:24px; text-transform:uppercase;
  margin-bottom:7px;
}
 

/******************************
******* Test The Best *********
*******************************/
#testTheBest{
  
}
#testTheBest .primary{
  width: 632px;
}
#testTheBest .secondary{
  width: 286px;
  padding-left: 20px;
}
#testTheBest .secondary p{
  width: 193px;
  line-height: 14px;
}
#testTheBest .secondary ul li{
  width: 204px;
}
#testTheBest .secondary ul .specialized{
  background: url(/static/img/tmp/event_logo.gif) 100% 0 no-repeat;
}
#testTheBest .secondary ul li p{
  width: 140px;
}
#testTheBest .secondary ul li p span{
  line-height: 14px;
}

#testTheBest .profile {
  overflow: hidden;
}

#testTheBest .about-rep {
  padding-top: 20px;
}
#testTheBest .profile-img{
  float: left;
}
#testTheBest .text-col{
  width: 155px;
  float: left;
  padding-left: 15px;
}
#testTheBest p span{
  display: block;
  font-weight: bold;
}
#testTheBest .details p span{
  line-height: 7px;
}
#testTheBest .links span{
  margin-bottom: 2px;
}
#testTheBest .text-row{
  margin-bottom: 10px;
}
#testTheBest .text-row a{
  display: block;
  line-height: 12px;
}
#testTheBest .region{
  width: 269px;
  float: right;
  overflow: hidden;
}
#testTheBest #tabPanels{
  overflow: hidden;
}
#testTheBest .header{
  margin-bottom: 20px;
}
#testTheBest .headline{
  margin-bottom: 0;
}

#testTheBest .subheader{
  text-transform: uppercase;
  font-weight: bold;
}

/***
 *
 * archive
 *
 */
 
 #bikeSearchResult .content {}
 #bikeSearchResult .content .subheader { font-family: "Vonnes Cond Bold"; font-weight:bold; color:#333; margin-bottom:10px; font-size:18px; text-transform:uppercase;}
 #bikeSearchResult .content .title { font-family: "Vonnes Cond Bold"; font-weight:bold; color:#333; margin-bottom:10px; font-size:24px; text-transform:uppercase;}
 #bikeSearchResult .content .links { margin-left:20px; }
 #bikeSearchResult .content a { line-height:17px; } 
 #bikeSearchResult .content a.redbtn { margin-top: 12px; }
 #bikeSearchResult .content .primary {margin-bottom:10px;} 
 #bikeSearchResult .content .primary .headline {font-family: "Vonnes Cond Bold"; font-weight:bold; color:#333; margin-bottom:10px; font-size:24px; text-transform:uppercase;}
 #bikeSearchResult .content .secondary .story .title {font-family: "Vonnes Cond Bold"; font-weight:bold; color:#333; margin-bottom:10px; font-size:18px; text-transform:uppercase;}
 #bikeSearchResult .content span {float:left; margin:8px 14px; display:inline-block float:left; font-size:14px; font-family: "Vonnes Cond Book"; font-style: normal; font-weight: bold; color:#888; }
 #bikeSearchResult .content .fancy-select { float:left;}

 #bikeArchive .content { margin-bottom:40px;}
 #bikeArchive .content .subheader { font-family: "Vonnes Cond Bold"; font-weight:bold; color:#333; font-size:18px; text-transform:uppercase;}
 
 #bikeArchive .content ul{ margin-bottom: 20px;} 
 #bikeArchive .content ul li{ padding-left: 10px; margin:14px 0;}
 #bikeArchive .content .module_grid { width:100%; }
 #bikeArchive .content table { width:960px; }

/***********************************************/
/************* athletes page styles ************/
/***********************************************/

#iam-athletes {
  width: 590px;
  margin: 60px auto;
  text-align: center;
}

#iam-athletes .iam-header {
  width: 590px;
  font-family: "Vonnes Cond Bold"; font-weight:bold; color:#333; font-size:50px; text-transform:uppercase;
  margin-bottom: 4px;
}

#iam-athletes .iam-subheader {
  width: 590px;
  color: #c2c2c2;
  text-transform:uppercase;
  margin-bottom: 40px;
  font: 16px "Vonnes Cond Medium";
}

#iam-athletes ul {
  width: 590px;
  float: left;
  clear: both;
  margin-bottom: 40px;
}

#iam-athletes li {
  display: inline;
  float: left;
  clear: none;
  padding: 10px 30px;
  border-right: 1px solid #e3e3e3;
  font: 19px "Vonnes Cond Medium";
  text-transform:uppercase;
  height: 260px;
}

#iam-athletes li.last-child {
  border-right: none;
}


#iam-athletes li a:hover {
  text-decoration: none;
}

#iam-athletes li p {
  color: #aaaaaa;
  line-height: 1.25em;
  background: #fff url('../img/athletes/shadow.png') no-repeat center top;
  margin-top: 3px;
  padding-top: 24px;
  margin-bottom: 12px;
}
/***
 *
 * search results
 *
 */

#searchResults .tabPanel{
  
}

#searchResults #header{
  overflow: hidden;
}

#searchResults #header .headline {
  width: 240px;
  color: red;
  font-size: 60px;
  line-height: 55px;
}

#searchResults #header #searchform{
  overflow: hidden;
  float: left;
}

#searchResults #header #searchform input{
  float: left;
  width: 130px;
  margin-right: 8px;
  padding-right: 23px;
  border: 2px solid #DDD;
  outline: 0;
  outline: none;
  border-radius: 3px;
  background: url(/static/img/search-form-magnify.png) 95% 50% no-repeat;
}

#searchResults #header #searchform a{
  padding: 6px 6px 5px;
}

#searchResults #header .items {
  margin-bottom: 20px;
}

#searchResults .share-links {
  padding-right: 4px;
  vertical-align: bottom;
  float: right;
  color: #999;
}

#searchResults .share-links a{
  font-size: 14px;
  color: #999;
}

#searchResults .headline{
  font-size: 18px;
}

#searchResults .primary .headline {
  margin-bottom: 0;
}

#searchResults .primary #results{
  
}

#searchResults .secondary{
  float: right;
}

#searchResults .header p{
  float: left;
}

#searchResults .pagination {
  float: right;
  font-size: 11px;
  /*display: none;*/
}

#searchResults .pagination li {
  display: inline;
}

.content .pagination .nb{ /* no border */
  border-right: none;
}

#searchResults p .title{
  display: block;
}

#searchResults #dealerLocator #address{
  float:left;
  margin-right:10px;
  width: 152px;
}

#searchResults #searchPagination{
  width: 200px;
  float: right;
}

.jPaginate{
    height:34px;
    position:relative;
    color:#a5a5a5;
    font-size:small;   
  width:100%;
}
.jPaginate a{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
}
.jPag-control-back{
  position:absolute;
  left:0px;
}
.jPag-control-front{
  position:absolute;
  top:0px;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 5px;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    height:18px;
    padding:2px 5px;
    margin:2px;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:15px;
     text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(/static/img/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(/static/img/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(/static/img/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(/static/img/snext.png) no-repeat center left;
            }

/***
 *
 * bike registration form layout [by DonSrogis]
 *
 */
.form-row { margin-bottom:10px }
.form-label, .form-input { float:left }
.form-label { width: 160px }
.form-comment { color: #666; padding:2px 6px; font-size:0.8em }
.nolabel { margin-left: 160px; width:240px }
.nolabel input { float:left; width: 20px; height: 20px }
.requiredFields { color: red; margin-bottom:20px }
.form-li { float:left; width:140px; padding-bottom:10px }
.li { width: 300px }

/***
 *
 * S-Card [by DonSrogis]
 *
 */
 
 .header-subheader-set .header { margin-bottom: 0 !important }
 .header-subheader-set .subheader { margin-bottom: 20px !important }
 .s-card #col-one { width:47% !important }
 .s-card #col-two { width:45% !important; padding-top:20px }
 .s-card #col-two .s-card-comment { padding-left: 16px }
 
 /***
 *
 * Technology [by DonSrogis]
 *
 */
 
 .technology .col-one { width: 520px; float: left }
 .technology .col-two { width: 360px; float: right }
 .technology .headline { line-height: 1.1em }
 
 .technology .tech-slideshow-container { width:360px; height:360px;
 background: #ccc url(/static/img/fpo/hero_bike_archive.jpg) no-repeat center center;  }
 .technology .tech-slideshow-pagination { color:#666; text-align:right; text-transform:uppercase; font-size:11px; padding-top:10px  }

/***
*
* Sitemap
*
*/

#sitemap .group{
  float: left;
  width: 140px;
  padding-right: 20px;
  overflow: hidden;
}
#sitemap .group .subheader {
  font-size: 14px;
  margin-bottom: 9px;
}
#sitemap .subgroup .subheader {
  font-size: 12px;
}
#sitemap .subgroup {
  margin-bottom: 20px;
}
#sitemap .subgroup li a{
  font-weight: normal;
}



/***
 *
 * TABS
 *
 */
#tabMenu { background:#d2d2d2; width:100%; height:50px; padding-left:30px; }
#tabMenu li { float:left; }
#tabMenu li a { color:#666; text-decoration:none; font-weight:bold; display:block; text-transform:uppercase;
  font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:14px; height:35px; padding:15px 10px 0 10px; position:relative;  }
#tabMenu li a .caret { display:none; }
#tabMenu li a.current { background:#e81d0f; color:#fff; }
#tabMenu li a.current .caret { display:block; background:url(/static/img/tab_caret.png) top left no-repeat; width:14px; height:14px;
  position:absolute; bottom:-14px; left:0px; }
  
#tabPanels { width:100%; clear:both; }
.tabPanel { padding-top:30px; padding-left:30px; padding-bottom:20px; width:964px; }

#tabMenu li.compare { float:right; margin-right: 53px; background-color: #c00; margin-top: 5px;}
#tabMenu li.compare a { color: #fff; height: 20px; padding-top: 18px; line-height: 1px;}
#tabMenu li.compare a:hover { background-color: #b9170b; }


#tabPanels.beta #tab_features.tabPanel{
  padding-top: 0;
}


/* New Tabs */

#tabMenu.beta{
  background: #d9d9d9;
  clear: both;
  float: left;
  height: auto;
  margin: 5px auto 10px 20px;
  padding-left: 0;
  width: 985px;
}

#tabMenu.beta li{
  width: 246px;
}


#tabMenu.beta li a{
  height: auto;
  padding: 5px 20px;
  color: #333333;
  background: #d9d9d9;
}

#tabMenu.beta li a:hover{
  background: #aeaeae;
  color: #373737;
}

#tabMenu.beta li a.current, #tabMenu.beta li a.current:hover{
  background: #e81d0f;
  color: #FFF;
}


#tabMenu.beta li a.current .caret{
  display: none;
}

/***
 *
 * MODULES
 *
 */
 
.module_related_items .head { font-family:"Vonnes Cond Bold"; font-weight:bold; font-size:18px; padding-bottom:7px; }
.module_related_items .item { margin-bottom:10px; padding-top: 4px;
  height: 206px; background-color: #FFF; }
.module_related_items .item a { padding:4px 10px; color:#fff; text-decoration:none; text-transform:uppercase; outline:none; outline:0; background-color: #333; font: bold 12px "Vonnes Cond Bold";
}
.module_related_items .item img { margin-top: 20px; }
 
.module_events { width:200px; font:12px Helvetica; color:#000; padding:0 20px; float:left; }
.module_events .header { font-family: "Vonnes Cond Book"; font-weight:bold; color:#333; margin-bottom:10px; font-size:24px; text-transform:uppercase;}
.module_events .caption { lint-height:18px; }
.module_events .date { color:#999; font-weight:normal; }
.module_events .event { margin-top:15px; }
.module_events .event,
.module_events .event a { color:#333; font-weight:bold; text-decoration:none; }
.module_events .event a:hover { text-decoration:underline}
.module_events .icon { float:right; margin-left:10px; }


.module_gallery { width:860px; color:#333 }
.module_gallery .headline { font-family: "Vonnes Cond Book"; font-weight:bold; font-size:24px; text-transform:uppercase; }
.module_gallery .caption { }
.module_gallery .footer { font-weight:bold; }
.module_gallery .link { margin-top:15px; }
.module_gallery .wrap { width:960px; overflow:hidden; margin-top:15px; margin-bottom:5px; }
.module_gallery .thumbs { width:1000px; }
.module_gallery .column, .module_gallery .thumb { float:left; cursor:pointer; }
.module_gallery .layout1 .thumb { margin-right:4px; margin-bottom:4px; position:relative; }
.module_gallery .layout1 .column1 { width:320px;  }
.module_gallery .layout1 .column2 { width:480px;  }
.module_gallery .layout1 .column3 { width:160px;  }
.module_gallery .layout1 .thumb1, .module_gallery .layout1 .thumb1 .tb { width:316px; height: 316px; }
.module_gallery .layout1 .thumb2, .module_gallery .layout1 .thumb2 .tb,
.module_gallery .layout1 .thumb3, .module_gallery .layout1 .thumb3 .tb,
.module_gallery .layout1 .thumb5, .module_gallery .layout1 .thumb5 .tb,
.module_gallery .layout1 .thumb6, .module_gallery .layout1 .thumb6 .tb,
.module_gallery .layout1 .thumb7, .module_gallery .layout1 .thumb7 .tb { width:156px; height: 156px; }
.module_gallery .layout1 .thumb4, .module_gallery .layout1 .thumb4 .tb { width:476px; height: 476px;
}
.module_gallery .layout1 .x_image { float:left; width:470px; }
.module_gallery .layout1 .x_image img { /*width:465px;*/max-height:463px; }
.module_gallery .layout1 .x_info { width:420px; }

.module_gallery .layout2 .thumb { margin-right:9px; margin-bottom:10px; position:relative; }
.module_gallery .layout2 .column1 { width:387px;  }
.module_gallery .layout2 .column2 { width:581px;  }
.module_gallery .layout2 .thumb1, .module_gallery .layout2 .thumb1 .tb { width:378px; height:378px;  }
.module_gallery .layout2 .thumb2, .module_gallery .layout2 .thumb2 .tb,
.module_gallery .layout2 .thumb3, .module_gallery .layout2 .thumb3 .tb { width:184px; height:184px;  }
.module_gallery .layout2 .thumb4, .module_gallery .layout2 .thumb4 .tb { width:572px; height:572px; }
.module_gallery .layout2 .x_image { float:left; width:570px; }
.module_gallery .layout2 .x_image img { width:565px; }
.module_gallery .layout2 .x_info { width:320px; }

.module_gallery .layout_w .thumb { margin-right:9px; margin-bottom:9px; position:relative; }
.module_gallery .layout_w .column1 { width:387px;  }
.module_gallery .layout_w .column2 { width:581px;  }
.module_gallery .layout_w .thumb1, .module_gallery .layout_w .thumb1 .tb { width:378px;  }
.module_gallery .layout_w .thumb2, .module_gallery .layout_w .thumb2 .tb,
.module_gallery .layout_w .thumb3, .module_gallery .layout_w .thumb3 .tb { width:184px;  }
.module_gallery .layout_w .thumb4, .module_gallery .layout_w .thumb4 .tb { width:572px;  }
.module_gallery .layout_w .x_image { float:left; width:595px; }
.module_gallery .layout_w .x_image img { width:590px; }
.module_gallery .layout_w .x_info { width:295px; }

.module_gallery .x_info { float:left; margin-left:10px; margin-top:40px; }
.module_gallery .x_nav { position:absolute; right: 20px; bottom: 20px; width: 94px; font-size: 1.2em; }
.module_gallery .x_headline { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:36px; text-transform:uppercase; }
.module_gallery .x_header { font-family: "Vonnes Cond Bold";  font-weight:bold; color:#333; margin-top:15px; font-size:18px; text-transform:uppercase;}
.module_gallery .fullwrap { width:946px; border:1px solid #cfcfcf; background:#fff; padding:6px; position:relative; }


.module_gallery .x_nav .prev {float:right; cursor:pointer;background:url(/static/img/slideshow_btn_v2.gif) 0 0 no-repeat;
  width:30px; height:31px; margin-right:1px; }
.module_gallery .x_nav .next {float:right; cursor:pointer;background:url(/static/img/slideshow_btn_v2.gif) -30px 0 no-repeat;
  width:30px; height:31px; margin-right:1px;}

.module_gallery .closebtn { position:absolute; top:7px; right:7px; width:16px; height:16px; background:url(/static/img/gal_close.gif) top left no-repeat; text-decoration:none; display:block; }
.module_gallery .plusico { background:url(/static/img/tr60.png) repeat; width:100%; height:100%; position:absolute; bottom:0; left:0; height:22px; }
.module_gallery .plusico img { margin-top:5px; margin-left:5px; }
.module_gallery .overlaylabel { position:absolute; bottom:0; left:0; width:100%; text-align:right; background:#000; 
  color:#FFF; text-transform:uppercase; font-size:18px;  text-decoration:none;
  font-family: "Vonnes Cond Bold"; font-weight:bold;}
.module_gallery .overlaylabel div { padding:10px 10px 12px; }
.module_gallery .red { color:#e81d0f; }

.module_video { width:690px; float:left; padding-bottom:20px; }
.module_video .modCarousel_panes{ height:388px; }
.module_video .modCarousel_pane { width:690px; height:388px; }
.module_video .modCarousel_pane img { width:100%; }
.module_video .panewrap { padding:6px; border:1px solid #ccc; height:377px;}
.module_video .headline { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:24px; color:#333; text-transform:uppercase; }
.module_video .caption { margin:5px 0 20px;}

.module_grid { width:956px; overflow:hidden; }
.module_grid .wrap { width:1050px; }
.module_grid .gridview img { margin-left:15px; }
.module_grid .item { float:left; display:inline; width:310px; height:288px; background:#fff; margin-right:10px; position:relative; margin-bottom:10px;
  overflow:hidden; border:1px solid #e1e1e1; }
.module_grid .msrp { font-family: "Vonnes Cond Bold"; font-size:16px; color:#333; height:25px; clear:both; padding-left:10px; padding-top:5px; }
.module_grid a.name { font-family: "Vonnes Cond Bold"; color:#FFF; font-weight:bold; font-size:18px; text-transform:uppercase; background:#111;
  padding:4px 8px; text-decoration:none; float:left; clear:both; height: 52px; }
.module_grid a.name { font-family: "Vonnes Cond Bold"; color:#FFF; font-weight:bold; font-size:18px; text-transform:uppercase; background:#111;
  padding:4px 8px; text-decoration:none; float:left; clear:both; height: 52px; width: 294px;}
#supercategory .module_grid a.name { height: auto; width: auto; }
.module_grid .over { position:absolute; width:310px; text-align:center; top:100px; left:0px; }
.module_grid .over a { color:#fff; background:#e81d0f; padding:8px 12px; font-family: "Vonnes Cond Bold"; font-size:15px; margin:auto;
  position:relative; text-decoration:none; }
.module_grid .gridview .starrating {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 10px;
}
.module_grid .gridview .starrating img {
  width: 72px;
  height: auto;
  margin-left: -10px;
}
/*
.module_grid .text { color:#333; font-size:12px; margin:5px 0 30px 0;}
.module_grid .text a { font-family: "Vonnes Cond Bold"; color:#e81d10; font-size:12px; text-decoration:none; }
*/

.module_grid .text .redbtn{
  margin-right: 5px;
}

.module_grid  .womenlogo { position:absolute; bottom:5px; right:5px; background:url(/static/img/ico_women_gray.png) top left no-repeat; width:29px; height:33px; }


.module_grid .listview .plist, 
.module_grid .listview .pdetails { float:left; overflow:hidden;}
.module_grid .listview .plist { width:350px; }
.module_grid .listview .pdetails { width:600px; }
.module_grid .listview .plist a { font-family: "Vonnes Cond Book"; color:#666; font-size:13px; text-transform:uppercase; text-decoration:none;}
.module_grid .listview .plist a.current { font-family: "Vonnes Cond Bold"; font-weight:bold; color:#e81d0f; }
.module_grid .listview .msrp  { font-family: "Vonnes Cond Book"; color:#999; font-size:14px; text-transform:uppercase; clear:both; float:right; }
.module_grid .listview .msrp span { color:#333; }
.module_grid .listview .starrating { width: 600px; text-align: center;}

.module_grid .selector { font-family: "Helvetica"; font-size: 12px; bottom:15px; height: 24px; padding-bottom: 8px; }
.module_grid .selector .toggle { float:right; padding-top:8px; }
.module_grid .selector .toggle .label { float: left; margin-right: 7px; }
.module_grid .selector .listico { background:url(/static/img/gridsprite.png) top left no-repeat; width:17px; height:16px; float:left; margin-right:5px; }
.module_grid .selector .gridico { background:url(/static/img/gridsprite.png) -17px 0 no-repeat; width:17px; height:16px; float:left; }
.module_grid .selector .listico.selected { background-position:0px -16px; }
.module_grid .selector .gridico.selected { background-position:-17px -16px; }

.module_grid .quickview { z-index:1000; background:#fff; width:731px; color:#333; }
.module_grid .quickview .inner { position:relative; width:711px; height:358px; margin:15px 0 0 10px; background:#fff; }
.module_grid .quickview img { float:right; width:430px; margin-right:35px; margin-top:38px; margin-bottom:30px;} 
.module_grid .quickview .colorway { float:right; font-family:"Helvetica"; font-size:11px; color:#999999; margin-right:35px; margin-bottom:20px; text-align:right; clear:both;}
.module_grid .quickview .info { float:left; width:200px; margin-left:17px; font-size:11px; line-height:15px; color:#333; }
.module_grid .quickview .info .logo img { width:auto; float:none; margin-left:0px; margin-bottom:15px;}
.module_grid .quickview .info .link { margin-top:20px; margin-left: 0px; }
.module_grid .quickview .info .link a { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:12px; background:#777; padding:4px 10px 4px 17px;
  text-transform:uppercase; color:#fff; text-decoration:none; }
.module_grid .quickview a.close { background:url(/static/img/quickview_close.gif) top left no-repeat; display:block; width:16px; height:16px;
  position:absolute; right:0; top:0; }

.module_lead_in { width:660px; } /* removed: padding-bottom:30px; */
.module_lead_in .header { font-family: "Vonnes Cond Bold"; font-weight:bold; color:#f00; font-size:8px; text-transform:uppercase;}
.module_lead_in .headline { font-family: "Vonnes Cond Bold"; font-weight:bold; color:#222; font-size:45px; text-transform:uppercase;}
.module_lead_in .copy { color:#333; font-size:12px; line-height:18px; }
.module_lead_in .link { margin-top:20px; } 


.module_product_features { width:680px; line-height:18px;}

.beta .module_product_features .copy{
  padding-left: 5px;
}

.module_product_features .lead_in, .module_product_reviews .lead_in { font-family: "Vonnes Cond Bold"; font-size:25px; line-height:28px; font-weight:bold; text-transform:uppercase;}
.module_product_features .image { margin-left:-30px; width:350px; float:left; }
.module_product_features .details { margin-top:10px; }
.module_product_features ul { display:block; margin-left: 350px; }
.module_product_features li { list-style:disc outside; margin-bottom:10px; }

.module_product_lead_in { width:620px; }
.module_product_lead_in .headline { font-family: "Vonnes Cond Book"; font-weight:bold; font-size:45px; line-height:46px; color:#333; text-transform:uppercase; }
.module_product_lead_in .caption { margin-top:5px; }

.module_product_related .header {font-family: "Vonnes Cond Book"; font-weight:bold; font-size:14px; color:#333; }
.module_product_related .item { width:180px; }
.module_product_related .name { float:left; font-weight:bold;}
.module_product_related .price { float:right; }

.module_product_reviews { width:620px; }
.module_product_reviews .header {font-family: "Vonnes Cond Book"; font-weight:bold; font-size:18px; color:#333; }
.module_product_reviews .headline {font-family: "Vonnes Cond Book"; font-weight:bold; font-size:45px; line-height:46px; color:#333; }
.module_product_reviews .source { font-style:italic; }
.module_product_reviews .datetext { font-style:normal;}
.module_product_reviews .revblock { margin-top:15px;}
.module_product_reviews .source,
.module_product_reviews .datetext,
.module_product_reviews .copy,
.module_product_reviews .row { line-height:18px; }
.module_product_reviews .morelink { margin-top:15px; }
.module_product_reviews > .review_prominent, .content_secondary_section > .review_prominent { margin-bottom: 16px; }

.module_shop_inside { width:860px; }
.module_shop_inside .modCarousel_wrap { width:360px; }
.module_shop_inside .modCarousel_panes { margin:0 12px; width:360px; height:350px; float:left; }
.module_shop_inside .modCarousel_label { height:20px; font-size:12px; color:#666; text-align:center; }
.module_shop_inside .header { font-family: "Vonnes Cond Book"; font-weight:bold; font-size:18px; line-height:20px; color:#F00; text-transform:uppercase; }
.module_shop_inside .text { width:480px; margin-right:20px; float:left; }
.module_shop_inside .headline { font-family: "Vonnes Cond Book"; font-weight:bold; font-size:45px; color:#333; text-transform:uppercase; }
.module_shop_inside .leadin { font-weight:bold; }
.module_shop_inside .gallery { width:360px; float:left; }
.module_shop_inside p { margin-bottom:15px; }

.module_news { width:620px; float:left;  }
.module_news .header { font-family: "Vonnes Cond Book"; font-weight:bold; font-size:45px; color:#333; text-transform:uppercase; }
.module_news .image { float:left; width:200px; }
.module_news .text { float:left; width:420px; }
.module_news .date_text { font-size:11px; font-weight:bold; color:#999 }
.module_news .headline { font-size:18px; color:#333 }
.module_news .copy { line-height:18px; }
.module_news .copy a { font-weight:bold; }
.module_news .sep { clear:both; margin:20px 0; height:1px; width:100%; background:#ddd; }

.module_store_video { width:860px; }
.module_store_video .header { font-family: "Vonnes Cond Book"; font-weight:bold; font-size:24px; color:#333; text-transform:uppercase; }
.module_store_video .copy { line-height:18px; }
.module_store_video .copy a { font-weight:bold; }
.module_store_video .video { float:left; width:605px; }
.module_store_video .text { float:left; width:255px; }
.module_store_video .title { font-weight:bold; }
.module_store_video .item { margin-top:15px; }
.module_store_video .x_redt { color:#F00; font-weight:bold;}

.module_tech_features { width:960px; }
.module_tech_features .header { font-family: "Vonnes Cond Book"; font-weight:bold; font-size:18px; color:#F00; text-transform:uppercase;}
.module_tech_features .headline { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:42px; color:#191919; text-transform:uppercase;  padding-bottom: 30px; }
.module_tech_features .feature_text { float:left; clear:none; width: 778px; }
.module_tech_features .image { float:left; width:460px; position:relative; left:-50px; margin-top:100px; }
.module_tech_features .info { float:left; width:960px;}
.module_tech_features .x_header { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:24px; color:#333; text-transform:uppercase; padding-bottom:5px; } 
.module_tech_features .x_copy { line-height:18px; font-weight:normal; }
.module_tech_features .x_copy p { margin-bottom:15px;  }
/*
.module_tech_features .x_imgright { float:right; width:160px; height:160px; margin-left:10px; }
.module_tech_features .x_imgleft { float:left; width:160px; height:160px; margin-right:10px; }
*/
.module_tech_features img { float:left; width:228px; height:178px; border:1px solid #e1e1e1; margin-right:20px; margin-left:0px;}
.module_tech_features .first img { float:right; width:588px; height:348px; margin-right:0px; margin-left:20px;  }
.module_tech_features .feature { padding-bottom:20px; }


.module_testimonial .text { float:left; }
.module_testimonial .pic { float:left; }
.module_testimonial .header { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:18px; color:#F00; text-transform:uppercase; clear:both; }
.module_testimonial .leadin { font-weight:bold; }
.module_testimonial .copy { line-height:18px;}
.module_testimonial .link { margin-top:10px; }
.module_testimonial .headline { padding-bottom:10px; }
.module_testimonial .modCarousel_wrap { overflow:hidden; }
.module_testimonial .modCarousel_panes { float:left; }
.module_testimonial .modCarousel_label { .module_testimonial
 }
.module_testimonial_wide { width:960px; }
.module_testimonial_wide .text { width:580px; padding-right:20px;}
.module_testimonial_wide .headline { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:45px; line-height:46px; color:#333; text-transform:uppercase; }
.module_testimonial_wide .pic { width:360px; }
.module_testimonial_wide .pic img { width:360px; height:350px; }
.module_testimonial_wide .modCarousel_wrap { width:360px; }
.module_testimonial_wide .modCarousel_panes { width:360px; height:350px; }
.module_testimonial_narrow { width:680px; padding-left:10px; }
.module_testimonial_narrow .text { width:380px; margin-right:20px; }
.module_testimonial_narrow .pic { width:280px; }
.module_testimonial_narrow .headline { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:25px; line-height:28px; color:#333; text-transform:uppercase; }
.module_testimonial_narrow .pic img { width:280px; height:280px; }
.module_testimonial_narrow .modCarousel_wrap { width:280px; }
.module_testimonial_narrow .modCarousel_panes { width:280px; height:280px; }

.module_twitter { width:345px; margin-right:15px; float:left; font-family:helvetica; font-size:12px; line-height:14px; }
.module_twitter .headline { font-family: "Vonnes Cond Book"; font-weight:bold; font-size:24px; color:#333; text-transform:uppercase;}
.module_twitter .caption { line-height:18px; margin-top:5px; }
.module_twitter .handle { color:#333; font-weight:bold; }
.module_twitter .tweet_text a { color:#4a80b8; text-decoration:none; }
.module_twitter .tweet_text a:hover { text-decoration:underline; }
.module_twitter .date,
.module_twitter .source,
.module_twitter .source a { color:#999; text-decoration:none; }
.module_twitter .source a:hover { text-decoration:underline; }
.module_twitter li { margin-top:15px; }

.module_specs { width:690px; }
.module_specs .head { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:42px; color:#333; text-transform:uppercase; padding-bottom:20px; }
.module_specs .line { width:100%; }
.module_specs .l { width:160px; padding:10px; float:left; }
.module_specs .r { width:490px; padding:10px; float:left; }
.module_specs .even { background: url(/static/img/bg_evenrow.png) top left repeat; }

.module_geometry { width:690px; }
.module_geometry .head { font-family: "Vonnes Cond Bold"; font-weight:bold; font-size:42px; color:#333; text-transform:uppercase; padding-bottom:20px; }
.module_geometry .even { background: url(/static/img/bg_evenrow.png) top left repeat; }
.module_geometry table { width:100%;}
.module_geometry td,
.module_geometry th { padding:4px 10px; }
.module_geometry th { color:#ff0000; text-transform:uppercase;}
.module_geometry tr.first td, 
.module_geometry tr.first th { font-weight:bold; }

.module_button { padding:10px 0 30px 0; clear:both;  }
.module_button a { font-size:12px; padding-top:4px; padding-bottom:4px;}

/***
 *
 * PORTAL PAGES
 *
 */
 
.portalpage { }
.portalpage .hero { height:539px; }
.portalpage .wrap { padding-left:22px; }
.portalpage .box { background:#fff; float:left; margin-bottom:20px; margin-right:20px;}

.portalpage .module_lead_in { padding:10px 20px 20px 20px; width:939px; }
.portalpage .module_lead_in .headline { font-size:36px; }
.portalpage .module_lead_in .copy { width:759px; }
 
.portalpage .colleft { float:left; width:640px; } 
.portalpage .module_portal_tech { width:580px; padding:20px 20px 10px 20px; height:449px; overflow:hidden;}
.portalpage .module_portal_tech .headline { font-family: "Vonnes Cond Bold"; font-weight:bold; color: #222; text-transform: uppercase;
  font-size:24px; padding-bottom:10px; }
.portalpage .module_portal_tech .copy { font-size:12px; line-height:18px; }
.portalpage .module_portal_tech .link { margin:10px 0 15px; }
.portalpage .module_portal_tech .modCarousel_pane img {width: 280px;height:280px;}

.portalpage .modCarousel .modCarousel_panes { width:280px; height:280px; float:left; }
.portalpage .modCarousel .modCarouselExtra { float:left; width:280px; padding-right:20px; padding-top:20px; font-size:12px; line-height:17px; }
.portalpage .modCarousel { border-top:1px solid #c8c8c8; margin-top:15px; padding-top:15px; }

.portalpage .module_news { padding:20px 20px 0 20px; width:580px; height:469px;}
.portalpage .module_news .header { font-size:24px; padding-bottom:15px;  }
.portalpage .module_news .item { float: left; margin-bottom:20px; }
.portalpage .module_news .image { width:100px; }
.portalpage .module_news .text { width:440px; font-size:12px; line-height:17px; padding-left: 10px; }
.portalpage .module_news .headline { font-size:14px; line-height:17px; font-weight:bold;}

.portalpage .module_portal_collections { padding:20px; width:300px; height:951px; overflow:hidden;}
.portalpage .module_portal_collections .headline { font-family: "Vonnes Cond Bold"; font-weight:bold; color: #222;
  text-transform: uppercase; font-size:24px; padding-bottom:10px; height:62px; width:225px; }

.portalpage .module_portal_collections .buttons .prev {float:right; cursor:pointer;background:url(/static/img/slideshow_btn_v2.gif) 0 0 no-repeat;
  width:30px; height:31px; margin-right:1px;}
.portalpage .module_portal_collections .buttons .next {float:right; cursor:pointer;background:url(/static/img/slideshow_btn_v2.gif) -30px 0 no-repeat;
  width:30px; height:31px; margin-right:1px;}
.portalpage .module_portal_collections .buttons a.prev:hover { background-position:-60px 0}
.portalpage .module_portal_collections .buttons a.next:hover { background-position:-90px 0}

.portalpage .module_portal_collections .item { float:left; display:inline; width:310px; height:290px; background:#fff; margin-right:10px;
  position:relative; overflow:hidden; margin-top:10px; }
.portalpage .module_portal_collections .item img { width:310px; }
.portalpage .module_portal_collections .item .sep { margin-top:20px; height:33px; clear:both; }
.portalpage .module_portal_collections a.name { font-family: "Vonnes Cond Bold"; color:#FFF; font-weight:bold; font-size:18px; text-transform:uppercase;
  background:#111; padding:4px 8px; text-decoration:none; float:left; clear:both; }
.portalpage .module_portal_collections a.name:hover { background:#666; } 

.portalpage .module_gallery { padding:10px 10px 10px 10px; width:959px; }
.portalpage .module_gallery .wrap { padding-left:0px; }
.portalpage .hero .b_ttl { padding-top:193px; }
.portalpage .share { float:right; padding:20px 20px 0 0; }
.portalpage .share .google-plus-btn, 
.portalpage .share .fb-like-btn, 
.portalpage .share .tweet-btn { float:left; margin-left:12px; }

/****
 *
 * General Classes
 *
 */

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.whitebg {background-color: #ffffff;}

/****
 * Temp
 *
 */
 

.col2_left { width:605px; float:left;}
.col2_right { width: 323px; height: 520px; float: left; padding-left: 20px; }

#supportlanding .headline { font-family: "Vonnes Cond Bold"; font-size:18px; color:#666; padding-left:25px; background:url(/static/img/twitter_small.gif) 0px 3px no-repeat; text-transform:uppercase;
  padding-bottom:4px; }
#supportlanding .handle { color:#e81d0f; }
#supportlanding .tweet { font-family: "Vonnes Cond Bold"; font-size:28px; line-height:30px; color:#191919; text-transform:uppercase;
  padding-bottom:10px; }
#supportlanding .action { color:#333; font-size:12px; font-style:italic; }
#supportlanding .statement { padding:20px 0; line-height:17px; }
#supportlanding .statement b { font-weight:bold; }
/*#supportlanding .redbtn { padding:4px 10px; }*/
#supportlanding .helpprod,
#supportlanding .helpsite { float:left; line-height:17px;  }
#supportlanding .helpprod { width:280px; padding-right:20px; }
#supportlanding .helpsite { border-left:1px solid #DFDFDF; padding-left:19px; width:280px; }
#supportlanding .question { font-family: "Vonnes Cond Bold"; font-size:18px; text-transform:uppercase; padding-bottom:10px;}
#supportlanding .helpprod a,
#supportlanding .helpsite a,
#supportlanding .resources a { font-weight:bold; line-height:17px; }

#sb-nav-close {text-decoration: none;}
.font-color {color: #333;}

/* The ecom drop down */
#item_select-dropdown div ul {
  height: auto;
  max-height: 300px;
}

/* Ecom Errors*/
.error {
  font-size: 14px;
  font-weight: bold;
  color: #FF0000; 
  margin-bottom: 15px;
}

#ddowngear .col, #ddown .col_w {
  width: 135px;
}

#ddownrider .col, #ddown .col_w {
  width: 135px;
}

.dn {display:none;}

/* IE 8/9/10 Hacks. */
@media screen\0 {
  #nav #sp-magnify {margin-top: -40px;  margin-right: -10px;}
}

/* tmall qrcode thing */
#ddown{
  left: 595px;
}

#ddown .navpanel_x {
  width: 200px;
  height: 200px;
}


#ddown .navpanel_x #cntmallbarcodefo{
  float: left;
  width: 100%;
  height: 100%;
  clear: both;
}

#ddown .navpanel_x #cntmallbarcodefo img, #cntmallbarcodefo img{
  max-width: 100%;
}

#cntmallbarcodefo .cntmallheadertext{
  background: #FFF;
  padding: 5px;
  margin-top: -3px;
}


/* generics */

.container, .row{ 
  float: left;
  clear: both;
  width: 100%;
}

.container .row label{
  font-weight: bold;
}


.row{
  margin-bottom: 10px;
}

.half {
  float: left;
  width: 49%;
}

.hidden{
  display: none;
}


.row.checkboxes{
  margin-bottom: 20px;
}

.row.checkboxes .half{
  margin-bottom: 5px;
}

.container .row .half select.select{
   float: left;
   clear: both;
   width: 225px;
   height: 24px;

}

.notification{
  border: 1px solid;
  padding: 10px;
  margin-bottom: 20px;
  background-color: lightgrey;
}

.notification.error{
    background-color: lightpink;
}