@charset "UTF-8";
/* CSS Document */
/********************************/
/***     RESETS               ***/
/********************************/

/*body, p, div, h1, h2, h3, h4, h5, h6, table, tbody, tr, td, span, blockquote, a, abbr, address, cite, code, img, ul, ol, li, dl, dd, dt, form, label, fieldset, caption, input, textarea, button*/ 
body, p, div, h1, h2, h3, h4, h5, h6, tr, td, span, blockquote, a, img, ul, ol, li, dl, dd, dt, form, input, textarea, fieldset {
    border:0; outline:0; /*vertical-align:baseline;*/
	list-style:none; line-height:1.5em;	margin:0; padding:0; }
	
/************************************
	Top Bar & Main Layout Elements
************************************/	
a.retLogo {border: 0;  }
.nav { text-align: center; float: none; margin-top: 60px; }
.nav li { display: inline;  }

section { position: relative; padding: 0px; position:relative; text-align: center;} /* Defines a row enabling different background colours*/
.SectionCont { position:relative; width: 90%; max-width: 1000px; margin: 0% auto; padding: 50px 0px 50px 0px; } /* Defines content space and centers within SectionRow*/
#Header .SectionCont, footer .SectionCont { padding: 0; } /* Defines alternative padding for header section */
footer { padding:20px 0px 20px 0px; position:relative; text-align: center; }

.ContentWrapper { text-align: center; }
.ContentWrapper:before, .ContentWrapper:after { content:""; display:table; }
.ContentWrapper:after { clear: both; }
.col { display: block; float:left; margin: 1% 0 1% 5%; }
.col:first-child { margin-left: 0; }
.left { text-align: left; }

/*  GRID OF FIVE  */
.cell_5_of_5 { width: 100%; }
.cell_4_of_5 { width: 79%; }
.cell_3_of_5 { width: 58%; }
.cell_2_of_5 { width: 37%; }
.cell_1_of_5 { width: 16%; }

/*  GRID OF EIGHT  */
.cell_8_of_8 { width: 100%; }
.cell_7_of_8 { width: 86.87%; }
.cell_6_of_8 { width: 73.75%; }
.cell_5_of_8 { width: 60.62%; }
.cell_4_of_8 { width: 47.5%; }
.cell_3_of_8 { width: 34.37%; }
.cell_2_of_8 { width: 21.25%; }
.cell_1_of_8 { width: 8.125%; }

/*  GRID OF NINE  */
.cell_9_of_9 { width: 100%; }
.cell_8_of_9 { width: 88.33%; }
.cell_7_of_9 { width: 76.66%; }
.cell_6_of_9 { width: 65%; }
.cell_5_of_9 { width: 53.33%; }
.cell_4_of_9 { width: 41.66%; }
.cell_3_of_9 { width: 30%; }
.cell_2_of_9 { width: 18.33%; }
.cell_1_of_9 { width: 6.666%; }

/************************************
	Navigation & Ordering Buttons
************************************/
a { text-decoration: none; }
.btn-lrg { padding: 7px 20px; margin: 5px; display: inline-block; }
.btn-sml { padding: 5px 12px; display: inline-block; }
.OrderLocations li { display:inline-block; }
a.underline { text-decoration: underline; }

/************************************
	Individual Row Styling
************************************/
#Header{ width: 100%; z-index: 99; }
#MainSlider { z-index: 4;}
#Locations{ z-index:5;}
#AboutUs{ z-index:4;}
#ContactUs{ z-index:3;}

/************************************
	Location items
************************************/
.StoreContainer { padding: 20px; margin-top: 20px; }
.StoreContainer iframe{ width: 100%; border: 0; }
.StoreContainer ul { margin: 20px 0 20px 0; }

/************************************
	ISM Slider additional styling
************************************/
.ism-slider { padding: 0px; }
.ism-btn-pos {
	position: absolute; left:0; right: 0; bottom:0;
	width: auto; height: auto; margin-bottom:6%;
	overflow: visible; }
.ism-CTA-Button {
	z-index: 7; display:inline-block; vertical-align: baseline;
	text-wrap:none; text-decoration:none; }

/**********************************
Zwift Footer
**********************************/
.ZwiftPowered { position:fixed; bottom:50px; right:50px; width:200px; font-weight:bold; font-size:12px; }
.footer_zwift { position:absolute; right:50px; top:27px; }
.footer_spheres { position:absolute; right:0px; top:5px; }
.footer_zwift_link { color:#FFF; text-decoration:none; }
.footer_zwift_link:hover { text-decoration: underline; }