body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header,
footer,
nav,
section {
    display: block;
}

.group:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
* html .group {height: 1%;}
*:first-child+html .group {min-height:1px;}

/* GLOBAL ELEMENTS */
.ui-page {background:#fff !important;}

.logoBar {background:#0d0d0f url(/Public/Images/logo-bar-bg.jpg) repeat-x 0 0;height:43px;padding:0 5px !important;}
.logoBar img {float:left;margin-left:5px;height:43px;}
.logoBar a.ui-btn-right {float:right;margin:7px 5px 0 0;
    background:#0d0d0f url(/Public/Images/logo-bar-bg.jpg) repeat-x 0 -8px;
    border: 1px solid #0d0d0f;
    color: #fff;
    font-weight: bold;
    font-size:0.875em;
    text-shadow: 0 0 0 #FFFFFF;
    -moz-box-shadow:inset 0 -1px 1px #646466;
    -webkit-box-shadow:inset 0 -1px 1px #646466;
    box-shadow:inset 0 -1px 1px #646466;
    border-radius: .75em;
}
.logoBar a .ui-btn-inner {padding:0 10px;border-radius:.75em;border-top:1px solid rgba(25, 25, 25, 0.3);line-height:28px;}

.withImage {padding:0 !important;}
.withImage ul {margin:1em 15px !important;}
.withImage > div {margin-right:15px !important;margin-left:15px !important;}
.homeImage {max-width:1000px;width:100%;display:block;margin:0 auto;}

.withFullLink {padding-bottom:35px !important;}
#fullSiteLinkWrapper {position:absolute;bottom:0;left:0;width:100%;margin:0 !important;}
.fullSiteLink {display:block;margin:0 15px;padding:0.5em 1em;
    border:1px solid #981016 !important;
    background:#D71820 !important;
    font-weight:bold;
    color:#fff !important;
    cursor:pointer;
    text-shadow:0 1px 0 #981016 !important;
    text-decoration:none;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#D71820),to(#981016)) !important;
    background-image:-webkit-linear-gradient(top,#D71820,#981016) !important;
    background-image:-moz-linear-gradient(top,#D71820,#981016) !important;
    background-image:-ms-linear-gradient(top,#D71820,#981016) !important;
    background-image:-o-linear-gradient(top,#D71820,#981016) !important;
    background-image:linear-gradient(top,#D71820,#981016) !important;
    -moz-border-radius:0.6em 0.6em 0 0;
    -webkit-border-radius:0.6em 0.6em 0 0;
    border-radius:0.6em 0.6em 0 0;
    outline:0;
}

#socialLinksTitle {font-size:0.875em;text-transform:uppercase;}
#socialLinks {padding-right:15px;/*to overwrite standard 75px*/}
#socialLinks p {margin:0;}
#socialLinks a {margin:0 2% 0 0;width:15%;float:left;display:block;text-align:center;background:none;}
#socialLinks a.last {margin-right:0;}
#socialLinks a img {width:100%;max-width:45px;}

.footerLinks {font-size:0.75em;display:block;margin:3em 15px 0;text-align:center;}
.footerLinks a {color:#232323 !important;font-weight:normal !important;}

.productSeriesList .ui-collapsible .ui-listview-inset {margin-top:0 !important;}
.productSeriesList .homeImage {margin-bottom:1em;}
.productSeriesList .ui-collapsible-heading {margin:0;}

/*PRODUCT PAGE*/
.productNameBar {
    background:#D71820 !important;
    color:#fff;
    font-weight:bold;
    text-shadow:0 -1px 1px #981016 !important;
    text-decoration:none;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#D71820),to(#981016)) !important;
    background-image:-webkit-linear-gradient(top,#D71820,#981016) !important;
    background-image:-moz-linear-gradient(top,#D71820,#981016) !important;
    background-image:-ms-linear-gradient(top,#D71820,#981016) !important;
    background-image:-o-linear-gradient(top,#D71820,#981016) !important;
    background-image:linear-gradient(top,#D71820,#981016) !important;
}
.productNameBar #productName {position:relative;display:inline;float:left;margin:0 15px 0 0;}
.productNameBar #productMSRP {position:relative;display:inline;float:right;}

.product-navigation {}
    .product-navigation a.previousProduct {float:left;}
    .product-navigation a.nextProduct {float:right;}

.productPhotoArea {position:relative;}
.productImage {max-width:100%;display:block;margin:0 auto;background:#fff;}
ul.bikeSiblings {margin:0 auto;padding:0;list-style:none;text-align:center;}
ul.bikeSiblings li {margin:0 1.5625%;display:inline-block;height:.625em;width:.625em;background:#f4bcc2;-moz-border-radius:.3125em;-webkit-border-radius:.3125em;border-radius:.3125em;}
ul.bikeSiblings li.active {background:#d81f35;}

.colorways {position:absolute;top:0;right:0;width:7.8125%;}
.colorways img {display:block;max-width:100%;margin:0 0 .625em;}

.colorways .bikeSwatch {position:relative;display:inline-block;width:100%;overflow:hidden;margin:0 0 .625em;}
.colorways .bikeSwatchHelper {margin-top:100%;}
.colorways .bikeSwatch img {position:absolute;top:-25%;left:-200%;max-width:400%;margin:0;}

.product-description {border-bottom:3px solid #59595c;border-top:3px solid #59595c;margin:0.5em 0 1em;padding:1em 0;}

/*PARTS & CLOTHING*/
.estoreProductInfo h2 {font-size:1.15em;}
.estoreProductInfo .ui-collapsible-content {padding-top:20px;}
.estoreProductInfo ul {list-style:none;padding:0;}
.estoreProductInfo ul li {border-top:1px solid #6c6c6c;padding:0.5em 0;}
.estoreProductInfo ul li:first-child {border-top:0 none;}
.ui-body-c .ui-link.buyBtn {float:right;font-size:.75em;line-height:2em;text-transform:uppercase;text-decoration:none;padding:0 1em;color:#fff;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.25);background:#de101d url(/Public/Images/buyBtn-bg.gif) repeat-x left center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid rgba(0, 0, 0, 0.5)}

/*DEALER SEARCH*/
.dealerInfo {clear:both;border-bottom:2px solid #59595c;padding:1em;position:relative;}
.dealerInfo .mainInfo {float:left;display:inline;}
    .dealerInfo .mainInfo a {color:#D71820;text-decoration:none;text-transform:uppercase;}
.dealerInfo .suppInfo {float:right;display:inline;text-align:right;}
    .dealerInfo .suppInfo img {margin:0 0 0 10px;}
    .dealerInfo .suppInfo img:first-child {margin-left:0;}
.dealerInfo .dealerBtns {margin:25px 0 0;clear:right;float:right;display:inline;text-align:right;}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* custom theme for product pages */
.ui-bar-f {
    background: -moz-linear-gradient(center top , #DDDDDD, #BBBBBB) repeat scroll 0 0 #BBBBBB;
    border: 1px solid #CCCCCC;
    color: #333333;
    text-shadow: 0 1px 0 #EEEEEE;
}
.ui-bar-f, .ui-bar-f input, .ui-bar-f select, .ui-bar-f textarea, .ui-bar-f button {
    font-family: Helvetica,Arial,sans-serif;
}
.ui-bar-f .ui-link-inherit {
    color: #333333;
}
.ui-bar-f .ui-link {
    color: #2489CE;
    font-weight: bold;
}
.ui-body-f {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    text-shadow: 0 1px 0 #FFFFFF;
}
.ui-body-f, .ui-body-f input, .ui-body-f select, .ui-body-f textarea, .ui-body-f button {
    font-family: Helvetica,Arial,sans-serif;
}
.ui-body-f .ui-link-inherit {
    color: #333333;
}
.ui-body-f .ui-link {
    color: #2489CE;
    font-weight: bold;
}
.ui-btn-up-f {
    background: none repeat scroll 0 0 #D71820;
    border: 1px solid #CCCCCC;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 1px #981016;
}
.ui-collapsible-heading .ui-btn-up-f {
    background-image:-webkit-gradient(linear,left top,left bottom,from(#D71820),to(#981016)) !important;
    background-image:-webkit-linear-gradient(top,#D71820,#981016) !important;
    background-image:-moz-linear-gradient(top,#D71820,#981016) !important;
    background-image:-ms-linear-gradient(top,#D71820,#981016) !important;
    background-image:-o-linear-gradient(top,#D71820,#981016) !important;
    background-image:linear-gradient(top,#D71820,#981016) !important;
}
.ui-collapsible-heading-collapsed .ui-btn-up-f {
    background:#fff;
    border: 1px solid #CCCCCC;
    color: #444444;
    font-weight: bold;
    text-shadow: 0 1px 1px #FFFFFF;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) !important;
    background-image:-webkit-linear-gradient(top,#fff,#fff) !important;
    background-image:-moz-linear-gradient(top,#fff,#fff) !important;
    background-image:-ms-linear-gradient(top,#fff,#fff) !important;
    background-image:-o-linear-gradient(top,#fff,#fff) !important;
    background-image:linear-gradient(top,#fff,#fff) !important;
}
.ui-btn-up-f a.ui-link-inherit {
    color: #333333;
}
.ui-btn-hover-f {
    background: -moz-linear-gradient(center top , #D71820, #981016) repeat scroll 0 0 #981016;
    border: 1px solid #AAAAAA;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 1px 1px #981016;
}
.ui-collapsible-heading-collapsed .ui-btn-hover-f {
    background: -moz-linear-gradient(center top , #FDFDFD, #EEEEEE) repeat scroll 0 0 #EEEEEE;
    border: 1px solid #AAAAAA;
    color: #222222;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 1px 1px #FFFFFF;
}
.ui-btn-hover-f a.ui-link-inherit {
    color: #222222;
}
.ui-btn-down-f {
    background: -moz-linear-gradient(center top , #EEEEEE, #FFFFFF) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #111111;
    font-weight: bold;
    text-shadow: 0 1px 1px #FFFFFF;
}
.ui-btn-down-f a.ui-link-inherit {
    color: #111111;
}
.ui-btn-up-f, .ui-btn-hover-f, .ui-btn-down-f {
    font-family: Helvetica,Arial,sans-serif;
    text-decoration: none;
}
.ui-btn-icon-notext {background:#fff;}
.ui-listview .ui-li-divider {
    background: -moz-linear-gradient(center top , #dcddde, #c1c2c4) repeat scroll 0 0 #c1c2c4;
    border:1px solid #c1c2c4;
    color:#333;
    text-shadow:0 1px 1px #fff;
}
.ui-body-f label {float:left;display:inline;width:20%;padding:0.5em;margin:0 2% 0 0;}
.ui-btn-active {
    border:1px solid #981016 !important;
    background:#D71820 !important;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    text-shadow:0 -1px 1px #981016 !important;
    text-decoration:none;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#D71820),to(#981016)) !important;
    background-image:-webkit-linear-gradient(top,#D71820,#981016) !important;
    background-image:-moz-linear-gradient(top,#D71820,#981016) !important;
    background-image:-ms-linear-gradient(top,#D71820,#981016) !important;
    background-image:-o-linear-gradient(top,#D71820,#981016) !important;
    background-image:linear-gradient(top,#D71820,#981016) !important;
    outline:0
}
.ui-bar-a .ui-shadow, .ui-bar-b .ui-shadow, .ui-bar-c .ui-shadow {-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}
.ui-body-d .ui-link {background:#fff;}
.ui-footer {bottom:0; position:absolute !important; top: auto !important; width:100%;}

/* Styles for footers
-----------------------------------------------------------*/
.segmented-control { text-align:center; }
.segmented-control .ui-controlgroup { margin: 0.2em; }
.ui-control-active, .ui-control-inactive { border-style: solid;
border-color: gray; }
.ui-control-active { background: #BBB; }
.ui-control-inactive { background: #DDD; }