/* RESPONSIVE GRID SYSTEM =============================================================================  */




/* BASIC PAGE SETUP ============================================================================= */

body { 
margin : 0 auto;
padding : 0;
font : 100%/1.4 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;	
color : #000; 
/*text-align: center;*/
background: #FFFFFF;
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%
}

html,
body,
.swiper-container {
  	height: 100%;
  	margin: 0;
}

.hide {
	display: none;
}
.disappear {
	display: none!important;
}
.vhide {
	visibility: hidden;
}
.centered {
	text-align: center;
}
.align-left {
	text-align: left!important;
}
.align-right {
	text-align: right!important;
}
hr {
    background: #dfdfdf none repeat scroll 0 0;
    border: medium none;
    height: 1px;
    margin: 30px auto;
	display: block;
}
button, 
input, 
select, 
textarea { 
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
color : #333; }

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight : normal;
margin-top: 10px;
/*letter-spacing: -1px;*/
letter-spacing: 0;
color: #000;
}


h1 { 
margin-bottom : .5em;
margin-top : .5em;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.2;
}


h2 { 
margin-bottom : .5em;
margin-top : .5em;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.2;
font-family: Georgia, 'Times New Roman', Times, serif; 

}
h2 span {
    display: block;
    font-size: 0.55em;
}

h3 { 
color: #333;
margin-bottom : 0.3em;
letter-spacing: -1px;
font-size : 1.75em; /* 28 / 16 */
line-height : 1.3; }


h4 { 
color: #444;
margin-bottom : 0.5em;
font-size : 1.5em; /* 24 / 16  */
line-height : 1.25; }

	

h5 { 
font-weight: 400; /* 20 / 16 */ }

h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */ }

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 1.5em; 
font-size : 1.2em; /* 16 / 16 = 1 */ }

p {
/*hyphens : auto; */ }


p.center {
text-align: center;
}

p.bike-promo {
	font-weight: 600;
	padding: .5em 0; 
	font-size: .95em; 
	background: rgba(0, 171, 238, .95); 
	color:#fff; width: 100%; 
	text-align: center; 
	position:absolute; 
	margin-bottom: 0;
	top: 45px; 
	z-index:999999;
	font-weight: 600;
}
@media (max-width: 799px) {
	p.bike-promo {
		position:inherit;
	font-size: 0.8em;
	}
}
ul, 
ol { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }
ul.morespace, 
ol.morespace {
	padding-left: 35px;
}
li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

ul.nostyle { 
list-style: none;
padding: 0;
margin: 0;
font-size:.95em;
}
ul.split li {
 display: inline-block;
  width: 48%;
}
ul.lessmargin {
	margin-top: -1em;
}
l
dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

b, strong { 
font-weight : bold; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid #ccc;
}

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

.subtext {
	color: #666;
	}
.red {
	color: #ff0000;
}
.neg-marg {
	margin-top:-1em!important;
}

.remove-padding {
	padding: 0!important;
}
.pos-rel {
	position: relative!important;
}
.mobile-no {
position: relative;
}
.mobile-yes {
display:none;
}

 .margtop-three {
	margin-top: 3em!important;
}
 .margtop-one {
	margin-top: 1em!important;
}

/* LINKS =============================================================================  */

a { 
color : #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited {
    color: #666;
}
a:focus {
    color: rgb(0, 0, 0);
    outline: thin dotted;
}
a:hover, a:active {
    color: #777;
    outline: 0 none;
}

a.color-line {
	color:#007aff; border-bottom: thin dotted
}

a.color-only {
	color:#007aff;
}



/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
img.desaturate-full { 
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
img.desaturate-half { 
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
}
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }



/* TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:#666;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:#ccc;
	}


button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
padding: 0.5em 1em;
margin: 0;
cursor : pointer; 
text-shadow:0 1px 0 #fff;
}

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

input{
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:0 0 3px #ddd inset;
-webkit-box-shadow:0 0 3px #ddd inset;
box-shadow:0 0 3px #ddd inset;
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}


/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : #ccc; }



/*  MAIN LAYOUT	============================================================================= */




#skiptomain { display: none; }

#wrapper, #footer {
	width: 100%;
	position: relative;
	text-align: left;
}


.generalcontent {
	clear: both;
    color: #333333;
    margin: 3em auto 0 auto;
    padding: .25em 0;
    position: relative;
    width: 90%;
	max-width: 1024px;	
}

.maincontent {
    clear: both;
    color: #333333;
    font-size: 0.8125em;
    line-height: 1.5em;
    margin: 0 auto;
    /*max-width: 92.3em;*/
    padding: .25em 0;
    position: relative;
    width: 90%;
	/*max-width: 1024px;*/
}
.catalog {
	width: 93.3%;
}

.header, .mobiheader {
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    height: 3.85em;
    line-height: 0;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}
.mobiheader {
	display:none;
	position:inherit;
	background: rgba(255,255,255,.95);
}



/*  GLOBAL NAV	============================================================================= */
.headerNav {
    font-size: 1.1em;
    margin: 1em auto;
    padding: 0;
    text-align: center;
	vertical-align: middle;
	width: 100%;
	max-width: 1024px;
	
}
.headerNav li {
    display: inline-block;
	font-weight: 500;
    margin: 0 0 0 1.5em;
    padding: 0;
	list-style: none;
    text-transform: uppercase;
	text-align: right;
}
.headerNav li:last-child {
	margin-right: 20px;
}
.headerNav li.header-left {
    margin: 0 85px 0 0;
}

#logo {
    display: inline-block;
    /*margin-top: 2px;*/
    padding: 0 15px;
    width: auto;
	margin-top: -0.5em;
}

.headerNav li.header-right-cart {
    margin: 0 25px 0 25px;
	font-size:1.3em
}
.headerNav a, .headerNav li a, .headerNav li a:active, .headerNav li a:visited, .headerNav li a.dropdown  {
	color:#000;
}


.headerNav li a:hover {
	color: #89c540;
}



@media (max-width: 909px) {
	.headerNav {
		text-align: center;
}
	.headerNav li.header-right {
		margin: 0 25px;
}
	.headerNav li.header-left {
		float: left;
		margin: 0;
	}
}

ul.nav {
	margin: 0em;
	font-size: 1em;
}

ul.nav li {
	display: inline;
    font-weight: 800;
    list-style: none;
    margin-right: 2em;
    text-transform: uppercase;
	margin-left:0;
}

ul.cart {
	float: right;
    font-size: 1.5em;
    margin: -0.2em 0 0;
    padding-right: 4em;
}

ul.cart li {
	display: inline;
    font-weight: 600;
    list-style: none;
    margin-left: 2em;
    text-transform: uppercase;
	margin-right:0;
}
ul.nav li a, ul.cart li a {
	text-decoration: none;
	color:#8cc541;
}

.logo {
	text-align: center;
}
.logo img {
	margin: -1em auto; 
}
.col-alt {
		margin-top:15px!important;
		margin-bottom: 10px;
	}
.col-center {
	display: inline-block!important;
    float: none!important;
    margin: 0 auto!important;
	}
.col-center-alt {
	display: inline-block!important;
    float: none!important;
}
span.carthdr-qty {
	position: absolute; 
	font-size: 10px; 
	top: 12px;
	right: 5.4em; 
	color:#ff0000
}
span.cartftr-qty {
	bottom: 20%;
    color: #ff0000;
    font-size: 10px;
    position: absolute;
    right: 46%;
}



/* header sections */
#balance_hdr {
    background-image: url("/images/hdrs/balance-bike.jpg");
    background-position: center top;
}
#pedal_hdr {
    /*background-image: url("/images/hdrs/pedal-bike-er3.jpg");*/
	background-image: url("/images/hdrs/pedal-bike-wm1.jpg");
    background-position: center top;
}
#gear_hdr {
    background-image: url("/images/hdrs/gear.jpg");
    background-position: center top;
}
#brands_hdr {
    background-image: url("/images/hdrs/brands.jpg");
    background-position: center top;
}
#about_hdr {
    background-image: url("/images/hdrs/about_3.jpg");
    background-position: center top;
}
#assenbly_hdr {
    background-image: url("/images/hdrs/assembly.jpg");
    background-position: center top;
}
#age_hdr {
    background-image: url("/images/hdrs/age.jpg");
    background-position: center top;
	filter: grayscale(0.85);
}
#size_hdr {
    background-image: url("/images/hdrs/size.jpg");
    background-position: center top;
	filter: grayscale(0.45);
}
#price_hdr {
    background-image: url("/images/hdrs/price.jpg");
    background-position: center top;
	filter: grayscale(0.45);
}
#contact_hdr {
    background-image: url("/images/hdrs/kids-balance-bikes.jpg");
    background-position: center top;
}
#yedoo_hdr {
    background-image: url("/images/products/hdrs/yedoo.jpg");
    background-position: center top;
}

/* header dynamic sections */
body.yedoo #balance_hdr {
    background-image: url("/images/products/hdrs/yedoo.jpg");
    background-position: center top;
}
body.strider #balance_hdr {
    background-image: url("/images/products/hdrs/strider-sport.jpg");
    background-position: center top;
}
body.stampede #balance_hdr {
    background-image: url("/images/products/hdrs/stampede.jpg");
    background-position: center center;
}
body.woom #balance_hdr {
    background-image: url("/images/products/hdrs/woom.jpg");
    background-position: center top;
}

body.muna #balance_hdr {
    background-image: url("/images/products/hdrs/muna5.jpg");
    background-position: center top;
}

body.ridgeback #balance_hdr {
    background-image: url("/images/products/hdrs/ridgeback.jpg");
    background-position: center top;
}
body.early-rider #balance_hdr {
    background-image: url("/images/products/hdrs/er.jpg");
    background-position: center top;
}
body.linus #balance_hdr {
    background-image: url("/images/products/hdrs/linus.jpg");
    background-position: center top;
}

body.saracen #balance_hdr {
    background-image: url("/images/products/hdrs/saracen.jpg");
    background-position: center top;
}

body.saracen .splash h1  {
	color:#000!important;
	text-shadow:0px 0px 15px #fff!important;
}

body.prevelo #balance_hdr {
    background-image: url("/images/products/hdrs/prevelo1.jpg");
    background-position: top center;
}

body.subrosa #balance_hdr {
    background-image: url("/images/products/hdrs/subrosa.jpg");
    background-position: center center;
}

body.featured #balance_hdr {
    background-image: url("/images/products/wide/saracen.jpg");
    background-position: center top;
}

body.featured .splash h1  {
	color:#000!important;
	text-shadow:0px 0px 15px #fff!important;
}
body.black-friday #balance_hdr {
    background-image: url("/images/products/hdrs/black-friday.jpg");
    background-position: center top;
}

body.black-friday .splash h1  {
	color:#000!important;
	text-shadow:0px 0px 15px #fff!important;
}

body.fourfour #balance_hdr {
    background-image: url("/images/hdrs/404.jpg");
    background-position: center top;
}

body.fourfour .splash h1  {
	color:#000!important;
	text-shadow:0px 0px 15px #fff!important;
}

body.error #balance_hdr {
    background-image: url("/images/hdrs/error.jpg");
    background-position: center top;
}

body.error .splash h1  {
	color:#000!important;
	text-shadow:0px 0px 15px #fff!important;
}




.splash {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 75vh;
    width: 100%;
	margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.splash h1 {
    bottom: 30%;
    color: #fff;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight: 600;
    position: absolute;
    right: 10%;
	text-shadow:0px 1px 0px #333;
}
.splash h1 span, h1.splash_title span {
	font-size: .55em;
	display: block; 
	font-weight: 300;
}

h1.splash_title {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.splash span.ftr {
	position: absolute; bottom:20px; left:20px; color:#fff; font-size:.5em;
}


@media (max-width: 799px) {
	.header {
		display: none!important;
		position:inherit;
}

}
@media (max-width: 799px) {
	
	
}


@media (max-width: 360px) {
/*	.callout {
	 bottom: 10%!important;
}
.callout h1 {
	font-size: 1em!important;
}*/

	
}

	.sub_navigation {
    background-color: rgba(255, 255, 255, 0.95);
    padding: 20px;
    /*position: absolute;*/
    text-align: left;
    width: 100%;
    z-index: 15;
	display:none;
	position:fixed;
	top:2.9em;
	left:0;
	border-top: 1px solid #000;
	color: #000;	
}
.sub_navigation p.catTitle {
	margin-bottom: 1.5em; font-weight:600; font-family: helvetica;font-size: 0.85em;
}
.sub_navigation p.lessmargtop {
	margin-top: -1em;
}
ul.dropListMenu {
    margin-top: -20px;
	margin-left: -27px;
	list-style: none;
	font-size: 1em;
}

.dropListMenu li {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	font-size:.80em;
	line-height:.85em;
	font-family: Arial, Helvetica, sans-serif;
}
.dropListMenu li a {
    display: block;
    font-style: normal;
    line-height: .85em;
    margin: 0 -20px;
    padding: 7px 20px 7px 30px;
    text-decoration: none;
    text-shadow: none;
	color:#000;
}
.dropListMenu li a:hover {
	background:#000;
	color:#fff;
}

.dropListSquare {
	list-style: none; margin-left: -27px; font-size: .75em; margin-top:-15px;
}
.dropListSquare li {
	width: 25%; 
	display: inline-block;
    margin-bottom: 0.45em;
    margin-right:0;
    padding: 0.25em;
    text-align: center;
}
.dropListSquare li.alt {
	width: 41%;
}

.dropListSquare li.article a:before {
  content: "\f054";
   font-family: FontAwesome;
    font-style: normal;
    font-weight: 100;
    text-decoration: inherit;
   margin-right:.25em;
   font-size: 0.85em;
  }
  
.dropListSquare li a {
	display: block;
	color:#000;
	 border: 1px solid #ccc; 
	 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dropListSquare li a:hover {
	color:#fff;
	background: #000;
	border: 1px solid #000;
}



.dropListSquare li.article {
	display: block;
    margin-bottom: 0;
    width: 89%;
}

.dropListSquare li.article a {
	text-align: left;
	border: none;
	padding: 0;
}

.dropListSquare li.article a:hover {
	background: none;
	border: none;
	color: #666;
}






.home-wide {
	/*background: transparent url(/images/wide-image-r2.jpg) no-repeat scroll center center / cover;*/
	/*background: transparent url(/images/wide-image-r2.jpg) no-repeat scroll center top / cover;*/
	box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
}
.product-wide {
	background: transparent url(/images/hdrs/painting-guy.jpg) no-repeat scroll center center / cover ; 
}
.new-wide {
	background: transparent url(/images/hdrs/box-brushes.jpg) no-repeat scroll center center / cover ; 
}
@media only screen and (max-width: 360px) {}

.home-wide > .message {
	position: absolute; 
	text-align: center; 
	margin: 0 auto; 
	bottom: 150px; 
	width: 100%;
	position: absolute; left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%) ;
	background: rgba(255, 255, 255, 0.4); 
	max-width: 60%;	
}
.home-wide > .message h1{
	color: rgb(0, 0, 0); 
	line-height: 1.75em; 
	text-align: center; 
	display: inline; 
	font-style: italic; 
	font-size: 2em;
}

.swiper-container {
  height: 100%;
  margin: 0;
}
.container, .swiper-slide {
  margin-bottom: 2em;
  color:#fff;
  /* background: transparent url("/images/3.jpg")no-repeat center center / cover ; */
   background: transparent no-repeat center center / cover;
}
.callout {
	bottom: 180px;
    left: 4%;
    position: absolute;
    text-align: center;
    width: 92%;
	
}

		
.callout h1 {
	/*color: #fff;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 3.5em;
    font-weight: 600;
    letter-spacing: 0;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.9);*/
	color: #fff;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-weight: 600;
    letter-spacing: 0;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
    /*text-transform: uppercase;*/
	font-size:5vw;
}
.callout h1.blk {
	color: #fff;
    text-shadow: 0 0 1px #999;
}
.callout h1 span {
	display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 0.65em;
    font-weight: normal;
    text-transform: lowercase;
}
.callout button {
	background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-family: bebas-neue,Helvetica,sans-serif;
    font-size: 28px;
    font-weight: 900;
    margin: 1em auto 0;
    padding: 22px 30px 14px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: 300px;
}
.callout button:hover {
	background: #fff;
    border: 1px solid #fff;
	color:#000;
}
.callout button.blk {
	 border: 1px solid #000;
    color: #000;
}
.callout button.blk:hover {
	background: #000;
    border: 1px solid #000;
	color:#fff;
}



/* BLACK FRIDAY ALTERNATIVE */
.callout-bf {
	top: 65px!important;
}
.callout-bf h1 {
	color:#ff0000;
	text-shadow: none;
}
.callout-bf h1 span {
	color:#000;
}
.callout-bf button {
	border: #000;
	color: #000;
	margin: 0 auto;
	border: 1px solid #000;
}








.rel-placement {
	position: relative;
}
.rel-placement img.ovr {
	position: absolute; z-index:9999;height:98%;
}

.undertitle h3 {
	font-size: 1.3em;
    font-weight: 500;
    letter-spacing: 0;
}
.undertitle h3 span {
	 font-weight: normal;
	 display: block;
    font-size: 0.75em;
    font-weight: normal;
}
.undertitle h3.agegroup {
position:absolute;width:100%; color:#fff; font-weight:900; font-size:1.5em;visibility: hidden;
}


.undertitle h3.commitment {
	color: #88c540;
    font-weight: 900;
	font-size: 1.8em;
	line-height: 1.1em;
    margin-bottom: 0.3em;
}

.undertitle h3.commitment span {
	color: #000;
	font-size: 1.5vw;
    font-weight: 100;
    margin-bottom: 1em;
	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

@media (max-width: 480px) {
.undertitle h3.commitment span {
		font-size: 5.5vw
}
}


.product {position: relative; }
.product img{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha( opacity  = 100);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: 75%;
}
.product:hover img{
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha( opacity = 70);
}
.product img.category {
	border: 1px solid #999;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    box-shadow: 0 0 10px #ddd;
	width: 90%;
}

.product img.brands { 
	width: 90%;
}

@media (max-width: 480px) {
.product img {
	width: 100%;
}
.product img.brands {
	border: 1px solid #999;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    box-shadow: 0 0 10px #ddd;
	width: 90%;
}
}
.product h3 span.dlr {
	color: #777;
    font-size: 0.7em;
    margin-bottom: 0.5em; 
}
.product img.sale {
	bottom:75px; width: 15%; left: 42.5%; position: absolute;
}

.age123, .age345, .age3456 {
	box-sizing: border-box;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.age123::after, .age345::after, .age3456::after {
	display: none;
}
.age123:hover img, .age345:hover img, .age3456:hover img {
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}
.age123::after {
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #fff;
    content: "AGES 1-3";
    display: inherit;
    font-size: 2.5vw;
    font-weight: 900;
    left: 41%;
    letter-spacing: 0;
    margin-left: -31%;
    padding: 0.5em 0 .5em 0;
    position: absolute;
    text-shadow: 1px 1px 3px #333;
    top: 35%;
    width: 80%;
    text-align: center;
	background:rgba(0, 0, 0, 0.2);
}

/*** PEDAL ***/
.age234 {
	box-sizing: border-box;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.age234::after {
	display: none;
}
.age234:hover img {
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}
.age234::after {
     border: 1px solid #fff;
    box-sizing: border-box;
    color: #fff;
    content: "AGES 2-4";
    display: inherit;
    font-size: 2.5vw;
    font-weight: 900;
    left: 41%;
    letter-spacing: 0;
    margin-left: -31%;
    padding: 0.5em 0 .5em 0;
    position: absolute;
    text-shadow: 1px 1px 3px #333;
    top: 35%;
    width: 80%;
    text-align: center;
	background:rgba(0, 0, 0, 0.2);
}

/*** DISCOVER ***/
.age3456 {
	box-sizing: border-box;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.discover::after {
	display: none;
}
.age3456:hover img {
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}
.age3456::after {
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #fff;
    content: "AGES 3-6";
    display: inherit;
    font-size: 2.5vw;
    font-weight: 900;
    left: 41%;
    letter-spacing: 0;
    margin-left: -31%;
    padding: 0.5em 0 .5em 0;
    position: absolute;
    text-shadow: 1px 1px 3px #333;
    top: 35%;
    width: 80%;
    text-align: center;
	background:rgba(0, 0, 0, 0.2);
}

.agecompare:hover img {
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}
.agecompare::after {
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #fff;
    content: "COMPARE BIKES";
    display: inherit;
    font-size: 2.5vw;
    font-weight: 900;
    left: 41%;
    letter-spacing: 0;
    margin-left: -31%;
    padding: 0.5em 0 .5em 0;
    position: absolute;
    text-shadow: 1px 1px 3px #333;
    top: 35%;
    width: 80%;
    text-align: center;
	background:rgba(0, 0, 0, 0.2);
}
.agesizing:hover img {
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}
.agesizing::after {
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #fff;
    content: "SIZING & FIT";
    display: inherit;
    font-size: 2.5vw;
    font-weight: 900;
    left: 41%;
    letter-spacing: 0;
    margin-left: -31%;
    padding: 0.5em 0 .5em 0;
    position: absolute;
    text-shadow: 1px 1px 3px #333;
    top: 35%;
    width: 80%;
    text-align: center;
	background:rgba(0, 0, 0, 0.2);
}

@media (max-width: 480px) {
	.age123::after, .age234::after, .age3456::after, .agecompare::after, .agesizing::after {
	font-size: 6.5vw;	
	}
}



/*** SIZE MATTERS ***/
.black {
	background: #3f4245;
	color:#fff;
	width: 100%;
	margin: 2em auto;
	text-align: center;
}
.black .maincontent {
	width: 92.3%;
}
.black h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;
}
.black h2 span {
	display: block;
	font-size: .55em;
}
.black p {
	color:#fff;
}

.black p span {
    color: #999;
    display: block;
    font-size: 0.75em;
}

.black img {
	margin-bottom: 2em;
}

.blackgroup:hover {
	-webkit-filter: brightness(90%);
	filter: brightness(90%);
}

.black a {color:#fff;}
/*** SIZE MATTERS ***/









/*** LIGHT GREY DIV ***/
.litegrey {
	background: #ededee;
	background:rgba(0,0,0,.05);
	width: 100%;
	margin: 2em auto;
	text-align: center;
}
.litegrey .maincontent, .alt .maincontent {
	width: 92.3%;
	max-width: 980px;
}
.litegrey p span {
	display: block;
	font-style: italic;
	font-size: .85em;
}





/*** MAILCHIMP ***/
div#mc_embed_signup {
	margin: 0 auto; 
	width: 100%; 
	max-width: 550px;
}
#mc_embed_signup input#mce-EMAIL {
	width: 100%; 
	font-size: 1.3em; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-style: italic; 
	margin-left: 5px; 
	border: none; 
	border-bottom: 2px solid #000; 
	border-radius: 0; 
	box-shadow: none; 
	display: inline;
}
#mc_embed_signup button#mc-embedded-subscribe {
	background: none;
	border: none;
	padding:0; 
	position: absolute; 
	right: 0; 
	top:-0.5em;
	color: rgba(140, 197, 65, 1);
}
#mc_embed_signup button#mc-embedded-subscribe:hover {
	color: rgba(140, 197, 65, .9);
}
#mc_embed_signup #mce-success-response {
	text-align: center; 
	color:#000;
	font-weight:300; 
	margin-top: -2em;
    max-width: 550px;
    text-align: center;
    width: 100%;
}
#mc_embed_signup #mce-success-response:after {
	display: table;
	margin-bottom:15px;
}

@media (max-width: 801px) {
div#mc_embed_signup {
	margin-bottom:8em;
}
}
/*** END MAILCHIMP ***/





/*** CONTACT FOOTER FONTAWESOME ***/
i.icontact {
	font-size: 2em; 
	margin: 0.75em 0.2em
}
i.icontact-alt {
	margin: 0.321em .2em
}
/*** END CONTACT FOOTER FONTAWESOME ***/






/*** FOOTER ***/
footer {
	margin: 5em auto;
	font-size: 0.85em;
}

footer ul {
	list-style: none;
	text-align: center;
	margin: 0 auto 1em auto;
	padding: 0;
}
footer ul li::after {
    content: "|";
    padding-left: 0.5em;
}
footer ul li {
    display: inline;
    padding-left: 0.3em;
}
footer ul li:first-child {
	padding-left: 0;
}
footer ul li:last-child:after {
	content: "";
}
footer p.legal {
	color:#999;
	font-size: 0.85em;
	margin: 5em auto 8em;
}


footer.black-footer ul {
	text-align: left;
	margin: 0;
}
footer.black-footer ul li::after {
    content: none;
    padding-left: 0;
}
footer ul li {
    display: block;
    padding-left: 0;
}


/*** BLACK FOOTER ***/
.black-footer {
	background: #3f4245;
	color:#999;
	width: 100%;
	font-size: 0.7em;
    margin: 0 auto;
    text-align: left;
}
.black-footer .maincontent {
	width: 92.3%;
}
.black-footer h4 {
	color:#999; 
	font-weight: 100;
}

.black-footer p {
	color:#999;
}

.black-footerimg {
	margin-bottom: 2em;
}

.blackgroup:hover {
	-webkit-filter: brightness(90%);
	filter: brightness(90%);
}

.black-footer a {color:#999;}
.black-footer a:hover {color:#fff;}

.black-footer i{
	color:#999;
	font-size: 1.5em;
    margin-right: 0.25em;
}








/* BACK2TOP *============================================================================= */
.back-to-top {
			position: fixed;
			bottom: 6em;
			right: 0px;
			text-decoration: none;
			color: #fff!important;
			background-color: #4E7697;
			font-size: 12px;
			padding: 1em 1em 0.75em 1em;
			display: none;
		}

		.back-to-top:hover {	
			background-color: #689BC5;
			color: #f1f1f1!important;
		}















































/*  MAIN CONTENT WRAP	============================================================================= */
#maincontentcontainer {
		width: 100%;
	}




.extra-margin {
margin-left:-0.1em!important; 
clear:both;
}








/*  HOME / SPLASH PAGE	 ============================================================================= */



.rmv-margin {
	margin: 0!important;
}

.block {
	display: block!important;
}

.strong {
	font-weight: 700;
}




/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

	
/*  CODE  ============================================================================= */

pre.code {
	padding: 0;
	margin: 0;
	font-family: monospace;
	white-space: pre-wrap;
	font-size: 1.1em;
}

strong.code {
	font-weight: normal;
	font-family: monospace;
	font-size: 1.2em;
}



/*  CALCUATIONS  ============================================================================= */

#calculated .col {
	background: #ccc;
	padding: 1em 0;
	background: transparent;

}





/*  VIDEO ARROWS  (GALLERY FOOTER)  ============================================================================= */
img.vid-arrow {
	left: 30%;
    position: absolute;
    text-shadow: none;
    top: 25%;
    width: 40%;
    z-index: 3;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha( opacity  = 100);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
img.vid-arrow:hover {
	opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha( opacity  = 75);
}




/*  RESPONSIVE VIDEO EMBED   ============================================================================= */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*  RESPONSIVE VIDEO REVISED TO SIMPLE ASSEMBLY   ============================================================================= */
.video-container-simple {
	postion: relative; width: auto; line-height:0; overflow: hidden;
}
.video-container-simple img.playme {
	position: absolute;
}


/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }





/*  BUTTONS  ============================================================================= */

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #cc1122 /*url(/images/glass.png) repeat-x 0 50%*/;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size : 1.1em;
				
}
.button:hover {
	background: #dd2233 /*url(/images/glass.png) repeat-x 0 50%*/;
	color: #fff;
	text-decoration: none;
}
.button:active {
	background: #dd2233 /*url(/images/glass.png) repeat-x 0 50%*/;
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited { 
	color : #fff;
}

#errorcount {
	color: #2c98d6; font-size:.8em; padding-top:0; 
}



/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;

border : 0; }

mark {
	background: rgb(23,119,175);
	color: #fff;
}








/* MISC    ============================================================================= */
.smalltxt {
	font-size: .78em;
}

.clearit {
	display: block;
}
.offset:before { 
	display: block; 
 	content: " "; 
  	height: 150px;      /* Give height of your fixed element */
        margin-top: -150px; /* Give negative margin of your fixed element */  	
        visibility: hidden; 
}


/* SHOPPING CART    ============================================================================= */
#EJEJC_overlay {
    background-color: #000;
}
#EJEJC_window {
    /*top:5%!important;

	height: /*600px*/
    
    70%;
    */ border: none!important;
    margin-top: -100px!important;
}
#EJEJC_iframeContent {
    padding: 10px!important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    overflow: scroll;
    padding: 7px!important;
    height:
    /*540px*/
    
    90%!important;
}
#ejejctable table {
    font-family: inherit ! important;
}
table#ejejctable select#countryDD {
    padding: 5px 3px!important;
}
#EJEJC_iframeContent table td {
    font-size: 12px;
    font-family: inherit !important;
    /*padding: 3px !important;

	-moz-border-radius: 5px; 

	-webkit-border-radius: 5px; 

	-khtml-border-radius: 5px; 

	border-radius: 5px; */
}
/*#EJEJC_iframeContent table td table td:first-child {background: red;}*/

#ejejctable {
    font-family: inherit !important;
    width: 100%!important;
    line-height: 2em !important;
    font-size: 1em!important;
    margin-top: 15px !important;
}
#EJEJC_window {
    -webkit-border-bottom-left-radius: 15px!important;
    -webkit-border-bottom-right-radius: 15px!important;
    -moz-border-radius-bottomleft: 15px!important;
    -moz-border-radius-bottomright: 15px!important;
    border-bottom-left-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
    width: 715px !important;
    border: 1px solid #ddd;
}
input#btnContShop {
    padding: 0 8px!important;
    display: block;
}
table#ejejctable tr#td1,
table#ejejctable tr#td2,
table#ejejctable tr#td3,
table#ejejctable tr#td4,
table#ejejctable tr#td5,
table#ejejctable tr#td6,
table#ejejctable tr#td7 {
    border-bottom: 1px solid #eee!important;
    -webkit-transition: background .5s ease!important;
    -moz-transition: background .5s ease!important;
    -o-transition: background .5s ease!important;
    transition: background .5s ease!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -khtml-border-radius: 0!important;
    border-radius: 0!important;
}
table#ejejctable br {
    display: none!important;
}
table#ejejctable tr#td1 td,
table#ejejctable tr#td2 td,
table#ejejctable tr#td3 td,
table#ejejctable tr#td4 td,
table#ejejctable tr#td5 td,
table#ejejctable tr#td6 td,
table#ejejctable tr#td7 td {
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -khtml-border-radius: 0!important;
    border-radius: 0!important;
}
table#ejejctable tr#td1 td:first-child,
table#ejejctable tr#td2 td:first-child,
table#ejejctable tr#td3 td:first-child,
table#ejejctable tr#td4 td:first-child,
table#ejejctable tr#td5 td:first-child,
table#ejejctable tr#td6 td:first-child,
table#ejejctable tr#td7 td:first-child {
    padding-left: 5px!important;
}
table#ejejctable tr#td1:hover,
table#ejejctable tr#td2:hover,
table#ejejctable tr#td3:hover,
table#ejejctable tr#td4:hover,
table#ejejctable tr#td5:hover,
table#ejejctable tr#td6:hover,
table#ejejctable tr#td7:hover {
    background: #ddd!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -khtml-border-radius: 0!important;
    border-radius: 0!important;
}
table#ejejctable tr#td1:hover td,
table#ejejctable tr#td2:hover td,
table#ejejctable tr#td3:hover td,
table#ejejctable tr#td4:hover td,
table#ejejctable tr#td5:hover td,
table#ejejctable tr#td6:hover td,
table#ejejctable tr#td7:hover td {
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -khtml-border-radius: 0!important;
    border-radius: 0!important;
}
table#ejejctable input {
    border-radius: 0;
    box-shadow: none;
    margin-right: 2px !important;
}
#EJEJC_title {
    width: 715px!important;
    background-color: #aaa!important;
}
#EJEJC_title a {
    color: #fff!important;
}
td#tdHeader {
    /* background-color:#4a92b8!important;*/
    
    background-color: #3c434d!important;
}
/*** Discount SHOW-HIDE ***/

#dscnt_cd {
    text-indent: -9999px;
    line-height: 0;
    font-weight: 600;
}
#dscnt_cd:after {
    content: "Apply Coupon";
    text-indent: 0;
    display: block;
    line-height: initial;
    margin-top: -8px;
}
/*table#ejejctable tr:nth-last-child(-n+4) td:nth-child(2) table tr:nth-child(4)*/

#dscnt_cd,
input[name="discount_code"],
#discount2 {
    display: none;
}
#state2,
#discount2 {
    font-size: 10px;
    font-style: italic;
}
input[name="discount_code"],
input#fldZipcode {
    padding: .25em .5em !important;
}
/*** END Discount SHOW-HIDE ***/

td#tdHeader img#imgHeader {
    /*width:600px!important;*/
    
    width: 690px!important;
    height: 63px!important;
}
#EJEJC_closeWindow {
    padding-right: 15px!important;
    text-transform: uppercase!important;
}
#ejejctable #btnUpdtCart,
#ejejctable #btnContShop {
    background-color: #f8f8f8 !important;
    border: 0 none !important;
    cursor: pointer !important;
    height: 30px !important;
    line-height: 30px !important;
    margin-top: 8px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 200px !important;
    border: 1px solid #ddd !important;
}
img#btnPP {
    display: block;
    float: right;
    width: 200px;
}
a#dusic {
    line-height: 2em;
}
input#btnContShop {
    padding: 0 8px !important;
    display: block;
    margin-bottom: 60px !important;
}
#ejejctable #btnUpdtCart:hover,
#ejejctable #btnContShop:hover {
    background-color: #ddd !important;
}
#tdSell {
    height: 100%;
    vertical-align: top!important;
}
td#tdPmnt {
    display: none;
    text-align: right!important;
    width: 80%!important;
}
td#tdPmnt b {
    color: #333!important;
}
#tdSell div.upsell {
    line-height: 15px;
    display: inline-block;
    position: relative;
    width: 100px;
    height: 120px;
    border: 1px solid #ddd;
    text-align: center;
    margin-right: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    vertical-align: top;
}
#tdSell div.upsell:hover {
    box-shadow: 1px 1px 8px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 8px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 8px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 1px 1px 8px 4px rgba(0, 0, 0, 0.2);
}
#tdSell p.rec {
    line-height: 15px;
    margin-top: 0;
    font-size: 11px;
}
body.altrec #tdSell p.rec {
    margin-bottom: 15px;
}
#tdSell p.recalt {
    margin-bottom: 50px;
    margin-left: 35px;
    margin-top: -50px;
    display: block;
}
#tdSell p.recalt a {
    color: #999!important;
}
#tdSell p.rec strong {
    color: #9AB808;
    font-weight: 900;
}
#tdSell p.warning {
    font-size: 11px;
    line-height: 15px;
    margin-top: 18px;
}
#tdSell div.upsell img {
    margin: 0 auto;
    vertical-align: top;
    display: block;
    width: 60px;
    height: 60px;
}
#tdSell div.upsell a {
    display: block;
    margin: 5px;
    font-size: 11px;
    text-decoration: none;
}
#tdSell div.upsell a.gotu {
    font-size: 0.75em;
    line-height: 12px;
    margin: 0 5px;
}
#tdSell div.upsell a.cart-btn {
    background: #93BB00;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    padding: 3px 6px;
    text-align: center;
    text-transform: uppercase;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    left: 7%;
    bottom: 5px;
}
#tdSell div.upsell a.cart-btn:hover {
    background: #F2AF13;
    text-decoration: none;
}





/* PROMO ***********************************/
#smallpromo {
	display: none;
}
.small-promo {
	position: fixed; 
	bottom: 75px; 
	font-size: .85em; 
	text-align: center; 
	/*background:#08b9fb;*/
	/*background:#c40088;8*/
	background: #f9f9f9;
	background: rgba(255,255,255,.75);
	padding: 0.5em 0.5em 0 0.5em; 
	line-height: 15px; 
	color:#fff;
	box-shadow:1px 1px 3px #999;
	border-left: 5px solid #333;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px; 
	z-index:999;
	
}
.small-promo:hover {
	/*background:#c40088;*/
	background:rgba(0, 0, 0, 0.25);
}
.small-promo span {
	font-size: .75em;	
	color:#000;
	display: block;
}
.small-promo span:first-child {
	margin-top: .5em;
}

.small-promo a { 
color : #fff;
text-decoration: underline;
}

.small-promo a:visited { 
color : #f9f9f9; }

.small-promo  a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

.small-promo  a:hover, 
.small-promo  a:active { 
color : #fff;
}

.small-promo-gray {
	background: grey;
	background: rgba(0, 0, 0, 0.5);
}

body#cust-client .small-promo {
	display: none!important;
}

body.store #smallpromo {
     display: none!important;
	 visibility: hidden!important;
}

body#home #smallpromo {
     display: none!important;
	 visibility: hidden!important;
}

.closewell {
    color: #000;
    filter: alpha(opacity=20);
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    margin-top: 0;
    opacity: .2;
    text-shadow: 0 1px 0 #fff;
}
.closewell:hover, .closewell:focus {
    color: #000;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    text-decoration: none;
}
button.closewell {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}









/* RESPONSIVE TABLE    ============================================================================= */
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }
.rt { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
.rt-alt {table-layout: inherit!important;}
.rt th,
.rt tr td { margin: 0; padding: 0.4166em;/*10*/ vertical-align: top; 
background:#fff;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
border: 1px solid #e2e2e2;
border-left: none;
border-top: none;
font-size: 0.9em;
}
.rt tr th.alt {border-right: none!important;}
.ctr { text-align: center;}
.rt th { text-align: center; border-bottom: 2px solid #333; vertical-align: bottom; }
.rt th img { display: block; margin: 0 auto; width: 50%; }
.rt th:nth-child(1) {text-align: left;}
.rt tr:nth-child(even) td {
background:#FBFBFB;
}
.rt tr:hover th {
background:#fff;
}

.rt tr:hover td {
background: #A3C20B;
color:#fff;

}

.rt tr:hover td a { 
color : #fff;
text-decoration: underline;
}

.rt tr:hover td a:visited { 
color : #fff; }

.rt tr:hover td a:focus { 
color : #fff; }

.rt tr:hover td a:hover, 
.rt tr:hover td a:active { 
color : #f9f9f9;
}

.rt tr td:first-child {
font-weight: 600;

}

.rt tr:hover td:first-child {
background: /*#A3C20B*/ #757575;
color:#fff;

}

.rt tr th:last-child,
.rt tr td:last-child {border-right: none;
}

@media only screen and (max-width: 40em) { /*640*/

#rt1 { display: block; position: relative; width: 100%; }
#rt1 thead { display: block; float: left; }
#rt1 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
#rt1 thead tr { display: block; }
#rt1 th { display: block; border-right: 2px solid #eee!important; border-bottom: 1px solid #ddd; background:#fbfbfb; box-shadow:2px 2px 5px #DDDDDD;text-align: left; }
#rt1 th img { display: none; }
#rt1 tr.mobile-no  { display: none; }
#rt1 tbody tr { display: inline-block; vertical-align: top; }
#rt1 td { display: block; min-height: 1.25em; }
#rt1 td img { width: 1em; }
.rt tr th:last-child { border-right: 1px solid #e2e2e2!important;	}	

/* sort out borders */

.rt th { border-bottom: 0; }
.rt td { border-left: 0; border-right: 0; border-bottom: 0; }
.rt tbody tr { border-right: 1px solid #babcbf; }
.rt th:last-child,
.rt td:last-child { border-bottom: 1px solid #babcbf; }


#bikes .up-promo-mobile-no  { display: none!important; }

}
