/*
Theme Name: Fitbikeco
Author: Matt Carswell
Description: Responsive Fitbikeco theme
Version: 2014.1
*/


/*////////// GENERAL //////////*/

html, body {
	font-size: 100%;
	height: 100%;
	width: 100%;
}

* {
	margin: 0;
	padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

iframe, img {
	max-width: 100%;
}

.h_iframe {
	position: relative;
}
.h_iframe .ratio {
	display: block;
	width: 100%;
	height: auto;
}
.h_iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	max-width: 100%;
	height: auto;
}

.clear {clear:both;}

body {
 	background-color: #FFF;
	font-family: 'Maven Pro', sans-serif;
	font-size: .7em;
	letter-spacing:.1em;
  	line-height:16px;
  	color: #000000; 
}

body img {
	padding:0px;
	border: none;
}

.overlay {
	width: 300px;
    height: 200px;
    position: absolute;
    top: 33%; 
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
	background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    z-index: 11;
}

.overlay #loginform {
	padding: 30px;
	font-weight: bold;
	color: #FFF;
}
.overlay span {
	display: block;
	font-weight: bold;
	color: #FFF;
	font-size: 1.25em;
	padding: 10px;
}

#container {
	position: relative;
  	margin: 10px auto 0;
	padding: 0 3.85%;
	width: 92.3%;
  	max-width: 1080px;
}
	  
#main {
	width: 100%;
}

#topContent, #bottomContent {
	position:relative;
 	margin:0;
	width: 100%;
 	float:left;
}

#topContent {
	padding-bottom: 10px;
}

#bottomContent {
	padding: 10px 0;
}

.categories ul {
	border:dashed thin #000;
}

/*////////// TYPEOGRAPHY //////////*/
h1, h2, h3, h4 {
  /*font-family: anisette-petite,sans-serif;*/
  font-family: 'Maven Pro', sans-serif;
}
		
h1 { /* TITLES */
 	font-size: 1em;
	letter-spacing:.2em;
	font-weight:500;
	text-transform:uppercase;
	margin:0px 0px 0px 0px;
	/*background:#EEE;*/
}
		
h2 { /* NAVIGATION */
	font-size: .9em;
	letter-spacing:.2em;
	font-weight:500;
	text-transform:uppercase;
	margin:0px 0px 0px 0px;
}
	
h3 { /* Info Titles */
  	font-size: .9em;
	letter-spacing:.2em;
	font-weight:500;
	margin-bottom:5px;
	margin-top:0px;
	padding:0px 0px 0px 0px;
	text-transform:uppercase;
}

.divider{
	font-family: 'Raleway', sans-serif;
    color:#000;
    width:100%;
    margin:20px auto;
    overflow:hidden;
    text-align:center;   
    line-height:1.2em;
	font-weight: 800;
}

.divider:before, .divider:after{
    content:"";
    vertical-align:top;
    display:inline-block;
    width:50%;
    height:0.65em;
    border-bottom:1px solid #333;
    margin:0 2% 0 -55%;
}
.divider:after{
    margin:0 -55% 0 2%;
}
	
/* The Classes */
.hide {  
display: none;
}

.buttonCenter {
	font-size:8px;
	text-align:center;
}
/* End The Classes */

p {
    margin-bottom: 18px;
}

p.wp-caption-text {
	padding: 0 10px;
	text-align: center;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
	
a, a:visited {
  text-decoration: underline;
  color:#000;
}

a:hover {
	text-decoration: none;
}

#footerText {
	color:#666666;
}

#footerText a {
  text-decoration: none;
  color:#777777;
}

#footerText a:hover {
	color:#090;
 	text-decoration: underline;
}
		
#footerText a:visited {
	text-decoration: none;
	color:#666;
}
 	 
/*////////// HEADER //////////*/

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-image:url(images/headerGradient.png);
	background-repeat: repeat-x;
  	margin: 10px auto 0;
	height: 57px;
	padding-top: 11px;
	z-index: 100;
}

#logo {
	border:none;
	float: left;
}

#logo a {
	background:none;
}

.headerNav {
  	margin: 0 auto;
	padding: 0 3.85%;
	width: 92.3%;
  	max-width: 1080px;
}

div#cart {
	position: absolute;
	top: -9px;
	right: 0;
}
a.cart-contents {
	font-size: 0.8em;
}
	
div.search {
	float: right;
	cursor: pointer;
}
div.search:hover span {
	background-color: transparent;
	color: #FFF;
}
div.search span {
}
	
#searchform {
	display: none;
	float: right;
	margin-top: 4px;
}
#searchform input {
	padding: 4px;
	color: #fff;
	background: none;
	border: 4px solid #fff;
	border-radius: 10px;
	width: 150px;
	height: 12px;
	font-size: .9em;
	letter-spacing: .2em;
	font-weight: 500;
	text-transform: uppercase;
}
#socialIcons {
	position: absolute;
	right: 0;
	top: 15px;
	width:155px;
	height:16px;
	vertical-align: baseline;
}

#socialIcons a {
	background:none;
	position:relative;
}

#socialIcons div {
	float: right;
	width:49px;
	height:24px;
	overflow:hidden;
}
/*////////// CONTENT WINDOW //////////*/

#content {
	padding-top: 78px;
}

#viewer {
	position:relative;
	float:left;
	width: 100%;
	margin-bottom: 0px;
}

#viewer.splash {
	min-height:630px;
}

#viewerContent {
	width: 100%;
	height: 100%;
}
#viewerContent p {
	margin-bottom: 0;
}
#viewerContent p img {
	display: block;
	margin: 0 auto;
}

#viewerFooter {
}

#viewerFooterLt {
	position:relative;
	float:left;
	width:20%;
}

#viewerFooterRt {
	position:relative;
	float:left;
	width:80%;
}


.blkTxt {
	position:relative;
	display:inline;
	background:#000;
	padding:2px 5px 2px 5px;
	font-size:8px;
	text-transform:uppercase;
	letter-spacing:.2em;
}

.blkTxt a, .blkTxt a:visited {
	color:#FFF;
}

.blkTxt a:hover {
	color:#CCC;
}

#viewerCtrls {
	position:relative;
	display:inline;
	float:left;
	margin-top:10px;
}


#viewerInfo {
	position:relative;
	float:left;
	display:inline;
	width:70%;
	padding-left: 5px;
	color:#000;
	margin:10px 0;
}

#viewerInfo p {
	display: inline;
}

.postDate {
	font-size:8px;
	text-transform:uppercase;
}

.postCategory {
	color:#FFF;
	position:relative;
	padding:2px 5px 2px 0px;
	font-size:8px;
	text-transform:uppercase;
	letter-spacing:.2em;
	background:#000;
}

.postCategory a, .postCategory a:visited {
	color:#FFF;
	background:#000;
	padding:2px 0px;
}

.postCategory a:hover {
	color:#CCC;
}

#viewerButtons {
	position:absolute;
	text-align:left;
	right: 0;
	top: 0;
	width:30%;
	margin-top:12px;
	/*background:#0F0;*/
}

.viewNextBtn {
	position:relative;
	display:inline;
	height:20px;
	padding:0px 0px 0px 0px;
}

.viewPrevBtn {
	position:relative;
	float:right;
	display:inline;
	height:20px;
	padding:0px 0px 0px 0px;
}

.fbLike {
	float: right;
	text-align: right;
}

.InfoLinks {
	color:#000;
}

.InfoLinks a, .InfoLinks a:visited {
	color:#000;
	text-decoration:underline;
}

.InfoLinks a:hover {
	color:#FFF;
	background:#000;
}

/*////////// PAGE MODULES //////////*/

#pageModules {
	width: 100%;
	padding:0;
	margin: 5px 0 0;
}

#pageModules .page-module-wrapper { 
	display: block;
	width: 33.33%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border: 5px solid #fff;
}

#pageModules .large {
	width: 66.66%;
}

.page-module-wrapper img {
	width: 100%; 
	height: auto;
}

.page-module-wrapper p img {
	width: auto;
	vertical-align:  middle;
	margin: -5px 5px 0 0;
}

.page-module-wrapper a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
    text-align:center;
    width: 100%;
	height: 100%;
	padding-top: 40%;
	text-decoration: none;
}

.page-module-wrapper p.title {
	font-family: 'Raleway', sans-serif;
	font-size: 400%;
	font-weight: 800;
	color: #FFF;
	text-transform: uppercase;
}

.page-module-wrapper p.description {
	font-family: 'Raleway', sans-serif;
	font-size: 100%;
	font-weight: 500;
	color: #FFF;
	text-transform: uppercase;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	width: 75%;
	padding: 10px;
	margin: 0 auto;
}

/*////////// POST MODULES //////////*/
	
.entry {
}

.entry img {
	padding:0px;
	width: 100%;
	height: auto;
}

#postModules, .riderNav {
	position: relative;
	list-style-type: none;
	text-align: justify;
	width: 100%;
	padding:0;
	margin:0;
}

.module-wrapper { 
	display: inline-block;
	width: 32.8%;
	margin: 0 0 2.2%;
}

.module-wrapper-square { 
	display: inline-block;
	width: 21%;
	margin: 0 0 2.2%;
	position: relative;
	overflow: hidden;
}

.module-wrapper-square img {
	width: 100%; 
	height: auto;
	border:none;
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
	border-radius: 20%;
}

.module-wrapper-square a {
	font-family: 'Raleway', sans-serif;
	font-size: 220%;
	font-size: 2.6vmin;
	font-weight: 800;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	line-height: normal;
	letter-spacing: normal;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
    text-align:center;
    width: 100%;
	height: 100%;
	padding-top: 75%;
}

#postModules:after, .riderNav:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.module-footer {
	position:relative;
	}
.module-footer a.title {
	background:url(images/home-icons.gif) no-repeat -140px -1px; 
	padding-left:20px; 
	color:#000000;
	text-transform:uppercase;
	}

.module-footer a.cat {
	width:20px; 
	height:14px;
	right:0px;
	top:2px;
	text-indent:-9999px;
	position:absolute;
	text-decoration: none;
	}	

.module-footer a.video		{background:url(images/home-icons.gif) no-repeat 0px 0px;}
.module-footer a.ads		{background:url(images/home-icons.gif) no-repeat -80px 0px;}
.module-footer a.wallpapers	{background:url(images/home-icons.gif) no-repeat -20px 0px;}
.module-footer a.bikechecks	{background:url(images/home-icons.gif) no-repeat -60px 0px;}
.module-footer a.photos		{background:url(images/home-icons.gif) no-repeat -40px 0px;}
.module-footer a.features	{background:url(images/home-icons.gif) no-repeat -120px 0px;}

.module-wrapper img {
	width: 100%; 
	height: auto;
	border:none;
}

.module-wrapper a:hover img {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.4);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.4);
}

.module-wrapper .type-rider img {
	max-height: 199px;
	width: auto;
}

.VideoPlay {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

.VideoPlay img {
	border:none;
}

#moduleNav {
	position:relative;
	float:right;
	width:54px;
	height:20px;
}

.modNextBtn {
	position:relative;
	display:inline;
	float:right;
	height:20px;
	padding:0px 0px 0px 0px;
	background:#0C3;
}

.modPrevBtn {
	position:relative;
	display:inline;
	height:20px;
	padding:0px 0px 0px 0px;
}

.prev_post_button {
	background:#0F0;
}

#postModule {
	position:relative;
	padding:0 0 0 0;
	height:240px;
	width:315px;
}

#postFooter {
	height:21px;
	width:315px;
}

#postTitle {
	position:relative;
	float:left;
}

#postTitle a {
	text-decoration:none;
	color:#000;
}

#postTitle a:hover {
	text-decoration:none;
	color:#000;
}

#postTitle a:visited {
	text-decoration:none;
	color:#000;
}

#postButtons {
	float:right;
	font-size:9px;
	font-weight:100;
	letter-spacing:.2em;
}

#postButtons a {
	text-decoration:none;
	color:#FFF;
}

#postButtons a:hover {
	text-decoration:none;
	color:#FFF;
}

#postButtons a:visited {
	text-decoration:none;
	color:#FFF;
}

#prevBtn {
	position:relative;
	display:inline;
	background:#000;
	padding:2px 5px 2px 5px;
	top:2px;
	font-size:8px;
	letter-spacing:.2em;
}

#nextBtn {
	position:relative;
	display:inline;
	background:#000;
	padding:2px 5px 2px 5px;
	top:2px;
	font-size:8px;
	letter-spacing:.2em;
}

#moreBtn {
	position:relative;
	display:inline;
	background:#000;
	padding:2px 5px 2px 5px;
	top:2px;
}

div#tipDiv {
	font-size:8px;
	text-transform:uppercase;
	letter-spacing:.2em;
    color:#FFF;
    background-color:#000; 
	border:none;
	padding:2px 5px 2px 5px;
	margin:0px 0px 0px 0px;
	/*background:#FF0;*/ 
	min-width: 100px;
	white-space: nowrap;
	text-align:center;
}

/*////////// FOOTER //////////*/
#pushbottom {
 	clear:both;
	height:1px;
	/*background:#F00;*/
}

#footer {
	color:#AAA;
	width: 100%;
	padding:0;
	margin-bottom:0px;
	margin-top:18px;
	clear: both;
}

#footer a, #footer a:hover {
	color:#AAA;
}

#footer .socialIcons {
	width: 90%;
	max-width: 430px;
	margin: 0 auto;
	text-align: justify;
	padding: 40px 0;
}
#footer .socialIcons a {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.footerDate {
	width: 100%;
	text-align: right;
	border-top: 1px solid #CCC;
}

/*////////// RIDER PAGE //////////*/

#rider_main {
	/*background:#0F9;*/
	height:620px;
}

#riderInfo {
	width:315px;
	height:179px;
	background:#EEE;
}

.riderNav ul {
	list-style: none;
	display: block;
	text-align: center;
}

.riderNav li {
	display: inline-block;
}

.riderNav li + li:before {
    content: "/";
	padding: 0 5px;
}

.riderNav li a {
	color: #000;
	font-size: 0.9em;
	letter-spacing: 0.2em;
	font-weight: 500;
	text-transform: uppercase;
	white-space: nowrap;
}

.riderInfoPad {
	padding-left:9px;
	padding-top:5px;
	padding-right:9px;
	/*background:#F00;*/
}

.riderSocial {
	width:315px;
	float:left;
	margin-left:15px;
}

.riderSocial div.container {
	width:315px;
	height:176px;
	overflow:hidden;
	background:whiteSmoke;
	margin-top:10px;
}

.riderSocial h2 {
	color:#fff;
	background:#000; 
	padding:2px; 
	display:inline; 
	font-size:8px; 
	letter-spacing:.2em; 
	line-height:8px;  
	width:90px;
}

.riderSocial h2 a {
	color:#fff;
	text-decoration:none;
}

.riderInfoPad {
	color:#000;
}

.riderInfoPad a, .riderInfoPad a:visited {
	color:#000;
	text-decoration:underline;
}

.riderInfoPad a:hover {
	color:#FFF;
	background:#000;
}

.wp-paginate			{list-style:none; padding:0px; }
.wp-paginate li			{display:inline; margin-right:5px}
.wp-paginate a			{color:#000000;}
.wp-paginate a.prev 	{background:#000; color:#fff; padding:1px 2px; text-transform:uppercase;}
.wp-paginate a.next 	{background:#000; color:#fff; padding:1px 2px; text-transform:uppercase;}
.wp-paginate .current	{font-weight:bold;}

.rightColumn { float:left;width:100%; }
.rightColumnContent { margin-left: 330px; }
.leftColumn { float:left;margin-left:-100%; }

.term-parts .leftColumn { display: none; }

#postModules.info div, #infoSidebar.info div {display: inline-block; width:315px; height:177px; margin: 0 0 2.2%; font-size:.9em; text-transform:uppercase; line-height:12px; overflow: hidden;}

.info .stickers		{background:url(images/INFO_LANDING_stickers.jpg) no-repeat; color:#000;}
.info .stickers span	{text-align:center; margin-top:130px; background-color:#FFF; display: block;}

.info .contact			{background:url(images/INFO_LANDING_CONTACT.jpg) no-repeat; color:#fff;}
.info .contact ul		{margin:105px 0px 0px; padding:0px;}
.info .contact .left	{text-align:center; width:135px; margin:0px 10px; float:left; display:block;}
.info .contact .right	{text-align:center; width:135px; margin:15px 10px 0px; float:left; display:block;}
.info .contact a		{color:#fff;}
.info .contact a span	{background:url(images/info-env.gif) no-repeat; width:26px; height:17px; display:block; margin:5px auto;}

.info .links		{background:url(images/INFO_LANDING_links.jpg) no-repeat; position:relative;}
.info .links li		{list-style:none;}	
.info .links li a 	{height:18px; display:block; position:absolute; top:77px; text-indent:-9990px;}
a.facebook			{left:48px; width:12px;}
a.twitter			{left:84px; width:12px;}
a.instagram			{left:113px; width:23px;}
a.vimeo 			{left:151px; width:19px;}
a.podcast			{left:189px; width:13px;}
a.youtube			{left:220px; width:23px;}
a.rss 				{left:257px; width:20px;}


.info .dealer			{background:url(images/INFO_LANDING_DEALERS.jpg) no-repeat; color:#fff;}
.info .dealer a			{display:block; width:100%; height:80%; text-indent:-9999px;}
.info .dealer p 		{text-align:center; margin:0; line-height:12px;}
.info .dealer p a		{display:inline; width: auto; height: auto; text-indent: 0px; color:#fff;}

.info .jobs		{background:url(images/INFO_LANDING_JOBS.jpg) no-repeat;}
.info .jobs a	{display:block; width:100%; height:100%; text-indent:-9999px;}

.info .customer		{background:url(images/INFO_LANDING_CS.jpg) no-repeat;}
.info .customer a	{display:block; width:100%; height:100%; text-indent:-9999px;}

				
#slideshow						{position:relative;}
#slideshow .imagefooter			{display:none; padding-top:7px; height:23px; width:100%; bottom:0px; position:absolute; text-align:center; text-transform:uppercase;}
#slideshow .imagefooter	p		{display:inline; margin:0; color:#fff; font-size:8px; background:#000; padding:2px 5px; letter-spacing:.2em;}

#slideshow .embed				{background:#000;; display: none; bottom: 10px; position: absolute; z-index: 100; right: 10px; border-radius:0;}
#slideshow .embed a				{color:#FFF; display:block; padding:3px; text-decoration:none;}
#slideshow .fitlogo				{background:url(images/fit-logo-small.gif) no-repeat; width:22px; height:22px; display:block; float:right;}

.slidecontrol					{width: 90px;height:25px; text-transform:uppercase;}

#slideshow .embedbox			{position:absolute; display:none; left:50%; margin-left:-240px; top:25px; height:210px; width: 480px; background:url(images/50b.png); border-radius:5px; padding:5px; z-index:50;}
.embedbox p						{padding-left:15px;color:#fff; font-weight:bold;margin:0;}
.embedbox textarea				{font-size:11px;border:2px solid #c4c3b9; background:#fff; width:420px; margin:0px 15px;}
textarea#embed_code				{height:45px;}
textarea#permalink				{height:16px;margin-bottom:15px;}
.embedbox .close				{position:absolute; top:5px; right:5px; color:#fff;}
.embedbox a.close				{text-decoration:none;}
.embedbox div					{color:#fff;}

#slideshow .slidecontrol				{width:auto; height:auto;}
#slideshow .slidecontrol span.prev		{position:absolute; left:0px; width:50%; background:none; height:548px; top:0px; z-index:20; text-indent:-9999px; cursor:pointer;}
#slideshow .slidecontrol span.next		{position:absolute; right:0px; width:50%; background:none; height:548px; top:0px; z-index:20;  text-indent:-9999px;cursor:pointer;}

.slidecontrol2					{width: 140px; text-align:right; height:25px; text-transform:uppercase; position:absolute; right:0px; bottom:-35px; z-index:1000;}
.slidecontrol2 span				{color:#000; text-transform:uppercase;}
.slidecontrol2 span.prev		{background:#000; color:#fff; padding:3px; cursor:pointer;}
.slidecontrol2 span.next		{background:#000; color:#fff; padding:3px; cursor:pointer;}

#mobile-header, #sidr {
	display: none;
}

/* WooCommerce
-------------------------------------------------------------- */

.bikeSpecs {width:100% !important;}
.bikeSpecs ul {overflow:hidden;margin: 7px 0 10px 0;}
.bikeSpecs ul li {float:left;width:50%;padding-right:0 !important;}
.bikeSpecs h1 {width: 100%;font-weight: bold;border-bottom: 1px solid #000;}

.rightColumnProducts { margin: 18px 0 0 249px; }

#shopCategories .woocommerce-loop-category__title {
	font-family: 'Raleway', sans-serif;
	font-size: 220%;
	font-size: 2.6vmin;
	font-weight: 800;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height:normal;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	padding-top: 70%;
}

.woocommerce ul.products .count,
.woocommerce-page ul.products .count {
	display: none;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
	width: 100%;
	text-align: justify;
	list-style-type: none;
}

.woocommerce ul.products:after,
.woocommerce-page ul.products:after {
    content: "";
    width: 100%;
    display: inline-block;
}

.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a {
	color:#000;
	text-align: left;
}

.woocommerce ul.products li.product .swatch,
.woocommerce-page ul.products li.product .swatch {
	float:left;
	width:11px;
	height:11px;
	border:1px solid #dadada;
	margin:2px;
}

.woocommerce ul.products li.product .swatch a.swatchlink,
.woocommerce-page ul.products li.product .swatch a.swatchlink {
	display:block;
	width:100%;
	height:100%;
}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
	text-align: left;
	padding: .2em 0;
	margin: 0;
}

.woocommerce-result-count,
.woocommerce-ordering {
	display:none;
}

.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product-category,
.woocommerce ul.products li.product-category {
	vertical-align: top;
	float: none !important;
	clear: none !important;
	display: inline-block;
	margin: 0 0 2.2%;
	width: 32.8%;
}
.woocommerce-page ul.products li.product-category,
.woocommerce ul.products li.product-category {
	width: 32.8%;
}
.woocommerce-page ul.products li.product-category,
.woocommerce ul.products li.product-category {
	width: 21%;
}

.woocommerce div.product div.images img,
.woocommerce #content div.product div.images img,
.woocommerce-page div.product div.images img,
.woocommerce-page #content div.product div.images img {
	display: block;
	width: 100%;
	height: auto;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; 
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; 
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

.woocommerce ul.products li.product-category a img,
.woocommerce-page ul.products li.product-category a img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	border: none;
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
	border-radius: 20%;
}
	
.woocommerce div.product div.images div.thumbnails a,
.woocommerce-page div.product div.images div.thumbnails a,
.woocommerce #content div.product div.images div.thumbnails a,
.woocommerce-page #content div.product div.images div.thumbnails a {
	float: left;
	width: 58px;
	margin: 0 3.8% 3.8% 0;
}

.woocommerce #content div.product div.thumbnails a.last,
.woocommerce div.product div.thumbnails a.last,
.woocommerce-page #content div.product div.thumbnails a.last,
.woocommerce-page div.product div.thumbnails a.last {
	margin-right: 0 !important
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
	color: #000;
}

.woocommerce ul.products li.product .price .amount,
.woocommerce-page ul.products li.product .price .amount{
	font-size: 0.8em;
	font-weight: bold;
}

.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: inherit;
}

.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
	font-size: inherit;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	width: 68%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	width: 28%;
	float: left;
}

.woocommerce #content div.product div.summary ul, .woocommerce div.product div.summary ul, .woocommerce-page #content div.product div.summary ul, .woocommerce-page div.product div.summary ul {
	list-style: none;
}

.woocommerce-tabs ul {
	list-style: none;
}

.woocommerce-tabs ul li {
	padding-right: 10px;
}

.woocommerce-tabs ul.tabs {
	display: none;
}

/*.woocommerce-tabs div#tab-description > div {
	float: left;
	width: 30%;
}*/

.woocommerce-tabs div#tab-description > div#specs {
	margin-top: 2em;
/*	padding-left: 4%;
	border-left: 1px solid #aaa;*/
}

.woocommerce-tabs div#tab-description > div#specs ul {
	float: left;
}

.woocommerce-tabs div#tab-description > table td {
  padding-right: 2em;
}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
	clear: none;
	margin-left: 32%;
	padding-left: 2em;
	border-left: 1px solid #aaa;
}

/*div.product_cat-bikes .woocommerce-tabs, div.product_cat-frames .woocommerce-tabs, div.product_cat-forks .woocommerce-tabs, div.product_cat-bars .woocommerce-tabs, div.product_cat-stems .woocommerce-tabs, div.product_cat-sprockets .woocommerce-tabs, div.product_cat-pedals .woocommerce-tabs, div.product_cat-cranks .woocommerce-tabs, div.product_cat-seating .woocommerce-tabs, div.product_cat-grips .woocommerce-tabs, div.product_cat-pegs .woocommerce-tabs, div.product_cat-tires .woocommerce-tabs {
	width: 100% !important;
}*/

.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {
	color: #000;
	font-size: 1.25em;
	font-weight: bold;
}

.woocommerce span.onsale, .woocommerce-page span.onsale {
	min-height: 18px;
	min-width: 32px;
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	line-height: 18px;
	top: 6px;
	left: 68%;
	margin: 0 0 0 -54px;
	-webkit-border-radius: 20px;
	border-radius: 18px;
	background: #FF0000;
	text-shadow: 0 -1px 0 #85ad74;
	color: #ffffff;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
	z-index: 10000;
}

.woocommerce div.product p.stock, .woocommerce #content div.product p.stock, .woocommerce-page div.product p.stock, .woocommerce-page #content div.product p.stock {
font-size: 1em;
}

.woocommerce div.product .stock, .woocommerce #content div.product .stock, .woocommerce-page div.product .stock, .woocommerce-page #content div.product .stock {
	color: #000;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
}

.woocommerce div.product form.cart table td {
    display: block;
}

.widget_shopping_cart {
	margin: 18px 0 40px 39px;
	width: 160px;
}

.widget_shopping_cart a.button {
	margin-bottom: 10px;
}

.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
	width: 58px;
}

.woocommerce #content table.cart td, .woocommerce #content table.cart th, .woocommerce table.cart td, .woocommerce table.cart th, .woocommerce-page #content table.cart td, .woocommerce-page #content table.cart th, .woocommerce-page table.cart td, .woocommerce-page table.cart th, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
	vertical-align: top;
}

.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dt {
	margin-bottom: 0;
}

.woocommerce td.product-name a {
	font-weight: bold;
}

div.pp_woocommerce div.ppt, div.pp_woocommerce .pp_description {
  display: none !important;
}

a.buy_it_now_button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #fff;
    background-color: #a46497;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

a.buy_it_now_button:hover {
	background-color: #935386;
}

div.complete-bike-text {
	padding-top: 10px;
	clear: both;
	font-style: italic;
}

.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: auto;
}

/*////////// RESPONSIVE STYLES //////////*/

@media screen and (max-width: 768px) {
#pageModules .page-module-wrapper { 
	width: 50%;
}
#pageModules .large {
	width: 50%;
}
#viewer.splash {
	min-height: 500px;
}
.module-wrapper { 
	width: 48.2%;
}
#navwrap, #logo, #headerRight, .leftColumn {
	display: none;
}
#mobile-header {
	display: block;
	visibility: visible;
	width: 100%;
	height: 50px;
	margin: 10px 0;
}
#mobile-header a#responsive-menu-button {
	float: left;
	text-decoration: none;
	font-size:36px;
}
#mobile-header #mobile-logo {
	margin: 0 auto;
	width: 185px;
}
#mobile-header #mobile-logo img {
	width: 185px;
	height: 33px;
}
.module-wrapper-square a, #shopCategories h3 {
	font-size: 140%;
}
.leftColumn {
	display: none;
}
.rightColumn .rightColumnContent, .rightColumn .rightColumnProducts {
	margin-left: 0;
}
#viewerInfo {
	width:100%;
}
#viewerButtons {
	position: inherit;
	width: 100%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	width: 100%;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    clear: both;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}
.woocommerce-tabs div#tab-description > div {
	float: none;
	width: 100%;
}

.woocommerce-tabs div#tab-description > div#specs {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
}

@media screen and (max-width: 650px) {
#viewer.splash {
	min-height: 350px;
}
.module-wrapper { 
	width: 100%;
}
.module-wrapper-square {
	width: 48.2%;
}
#viewerFooterLt {
	display: none;
}

#viewerFooterRt, #viewerInfo {
	width:100%;
}
#viewerButtons {
	position: inherit;
	width: 100%;
}
.woocommerce-page ul.products li.product, .woocommerce ul.products li.product {
    width: 48%;
}
}
@media screen and (max-width: 480px) {
#container {
	margin-top: 78px;
}
#content, #topContent {
	padding-top: 0;
}
.page-module-wrapper a {
	padding-top: 20%;
}
.page-module-wrapper p.title {
    font-size: 250%;
}
.page-module-wrapper p.description {
    padding: 8px;
    font-size: 90%;
}
.page-module-wrapper p img {
    display: none;
}
#searchform {
	width: 50px;
}
#searchform input {
	width: 46px;
}