/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.slider-container {
	margin: auto;
}

.banner-logo {
	text-align: center;
	margin: auto;
	padding-top: 56px;
}

.banner-logo img {
	width: 100%;
	max-width:280px;
	height: auto;
	display: block;
	text-align: center;
	margin:auto;
}

.banner-pad {
	padding-top: 20px;
}



/* Start Navs */

.prime-nav {
	margin-top: 0px;
}


/* Start Primary Navs */
.navigation-container {
	z-index: 2000;
	overflow-y: visible;
	overflow-x: visible;
	overflow: visible;
	position: relative;
	min-height: 45px;
}
#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
	background: #c0272d url(../images/menu-icon.png) center;
}
a:hover#menu-icon {
	background-color: #00a651;
}

.prime-nav {
	width: 100%;
	font-size: 14px;
	font-weight: normal;
}
div.prime-nav ul {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0px;
	position: relative;
	width: 100%;
	color: #ffffff;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* Level 1 */

div.prime-nav ul a {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	color: #ffffff;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-decoration: none;
	font-weight: normal;
}

div.prime-nav ul a:hover {
	color: #ed3d3d!important;
	background-color: #000000!important;
}
div.prime-nav ul li {
    -ms-flex:1 1 auto;
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    flex:1 1 auto;
    position:relative;
	background-color: #000000;
	margin: 0px;
}
div.prime-nav ul li:hover > ul {
    display:block;
}
div.prime-nav ul li.selected a {
	color: #ed3d3d;
}
div.prime-nav ul li a:hover {
    color: #ed3d3d;
}
div.prime-nav ul li.selected a:hover {
    background:#000000;
}

div.prime-nav ul li > a:after {
	margin-left: 5px;
	content: "\f078";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #ffffff;
	font-size: 12px;
	z-index: 1000;
     }
div.prime-nav > ul li > a:after { 
	margin-left: 0px;
	content: "\f078";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	color: #ffffff;
    font-size: 12px;
    position: absolute;
    }
div.prime-nav ul li > a:only-child:after { 
	margin-left: 0; 
	content: '';  
	}


/* Level 2 */

div.prime-nav ul ul {
	border: none;
	display: none;
	left: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	width: auto;
	z-index: 1100;
}
div.prime-nav ul ul li {
	float: none;
	margin: 0;
	min-width: 180px;
}
div.prime-nav ul ul a {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	display: block;
	justify-content: flex-start;
	line-height: 140%;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	font-size: 12px;
	background-color: #363636;
	color: #FFF!important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
div.prime-nav ul ul a:hover {
	background-color: #4a4a4a!important;
	color: #ed3d3d!important;
}

div.prime-nav ul ul li > a:after { 
	margin-left: 0px;
	content: "\f078";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	color: #ffffff;
    font-size: 12px;
    position: absolute;
     }
div.prime-nav > ul ul li > a:after { 
	margin-left: 0px;
	content: "\f078";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	color: #ffffff;
    font-size: 12px;
    position: absolute;
    }
div.prime-nav ul ul li > a:only-child:after { 
	margin-left: 0; 
	content: '';  
	}

div.prime-nav ul ul > li.selected > a  {
	background-color: #4a4a4a;
}
/* End Primary Navs */


.base-nav {
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	width: 100%;
	color: #ffffff;
}

div.base-nav {
	overflow: visible;
	text-align: right;
	vertical-align: middle;
	}
	
div.base-nav ul {
	list-style:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
}
div.base-nav li {
	display: inline;
	line-height: normal;
	margin: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
}


div.base-nav ul li a {
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	width: auto;
	font-style: normal;
	padding: 10px;
}

div.base-nav ul li a:hover {
	color: #ed3d3d;
	text-decoration: none;
}

div.base-nav ul li.selected a {
	color:#ed3d3d;
	text-decoration:none;
}

div.base-nav li#Legals {
	border-left-style: none!important;
}
/* end Navs */


.banner-image {
	margin: auto;
	padding-top: 20px;
}
.banner-image img {
	width:100%;
	height:auto;
	display: block;
	margin: auto;
}


/* Start Base Elements */

.base-bar-divider {
	text-align: right;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #322f31;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: auto;
}
.base-bar-divider img {
	height: auto;
	width: 100%;
	max-width: 472px;
	
}
.base-address-container {
	margin: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.base-address {
	font-size: 14px;
	line-height: normal;
	color: #FFF;
	text-decoration: none;
}
/* Start Base Elements */




/* Start Banner Tools */

.banner-search {
}

.tools-container {
	padding-top: 20px;
}

.banner-social-container {
	width: 120px;
	right: 0px;
	display: inline-block;
	position: relative;
	float: right;
}
.banner-social-icon {
	color: #ffffff!important;
	font-size: 22px!important;
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	padding-top: 10px;
	height: 40px;
	text-align: center;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}
.banner-social-icon a,.banner-social-icon a:visited {
	vertical-align: top;
	display: inline-block;
    *display: inline;
	zoom: 1;
	color: #ffffff!important;
}
.banner-social-icon a:hover {
	color: #ed3d3d!important;
}
.banner-social-icon a i:before {
	color: #ffffff!important;
	font-size: 22px!important;
}
.banner-social-icon a:hover i:before {
	color: #ed3d3d!important;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
/* End Banner Tools */




/* Start General Body Content Styles */
.body-bg {
	background-position: 10px 0px;
	background-color: #FFFFFF;
	background-image: url(/images/body-bg.jpg);
	background-repeat: no-repeat;
	background-size: 940px auto;
	float: left;
}
.BodyContent {
	padding: 20px;
}
#BodyContent-home {
	padding-top: 20px;
}
/* End General Body Content Styles */


/* Start Our Stores Styles */
.our-stores-container {
	margin: auto;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #322f31;	
}
.our-stores-logo {
	margin: auto;
	text-align: center;
	vertical-align: top;
	padding-bottom: 20px;
}
.our-stores-logo img {
	max: 100%;
	max-width: 260px;
	height: auto;
	border-bottom-style: none;
	display:block;
	margin: auto;
}
.our-stores-heading {
}
.our-stores-heading h2 {
}
.our-stores-heading-web {
	margin-bottom: 10px;
}
.our-stores-details {
}
.our-stores-contact {
}
.our-stores-view-map {
}
.our-stores-body {
	padding-top: 10px;
	padding bottom: 10px;
}

.our-stores-icon {
	color: #ffffff!important;
	font-size: 22px!important;
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	height: 40px;
	text-align: center;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	padding-right: 10px;
}
.our-stores-icon a,.our-stores-icon a:visited {
	vertical-align: top;
	display: inline-block;
    *display: inline;
	zoom: 1;
	color: #ffffff!important;
}
.our-stores-icon a:hover {
	color: #ed3d3d!important;
}
.our-stores-icon a i:before {
	color: #ffffff!important;
	font-size: 22px!important;
}
.our-stores-icon a:hover i:before {
	color: #ed3d3d!important;
}

.our-stores-text-container {
	margin: auto;
}
/* End Our Stores Styles */


/* Start What's On */

.whats-on-content {
	padding-top: 10px;
}
.whats-on-small-image {
	margin:auto;
}
.whats-on-small-image img {
	width: 100%;
	height: auto;
	display: block;
	margin: auto;
}
.whats-on-item-container {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #322f31;	
}
/* End What's On */


/* Start Webform */
.web-form {
    padding-bottom: 5px;
    padding-top: 5px;
}

.web-form-content {
    margin-bottom: 15px;
    padding-top: 5px;
}

.web-form-content label {
    margin-bottom: 10px;
	display:block;
}

.web-form input {
    width: 100%;
}
.web-form textarea {
    width: 100%;
}
.req {
	color: #ed3d3d;
}
/* End Webform */

.social-secondary {
	padding-top: 7px;
	float: right;
}
#social-appear {
	display:none;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

#centre-info p {
	font-size: 14px;
	line-height: 20px;
}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

.banner-contact {
	padding-top: 22px;
}
.banner-contact p {
	font-size: 12px;
	line-height: 18px;
}
.banner-contact H1 {
	font-size: 28px;
}


.body-bg {
	background-position: 10px 0px;
	background-size: 748px auto;
}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {	
.body-bg {
	background-position: 0px 0px;
	background-size: 748px auto;
}
div.base-nav {
	text-align: center;
	}
.base-address {
	text-align: center;
	}
	
.navigation-container {
	width:auto;
}
	
.prime-nav {
	float: left;
	width:auto;
}
#menu-icon {
		display:inline-block;
	}
div.prime-nav ul, nav:active ul, div.prime-nav ul ul  {
	display: none;
	position: absolute;
	padding: 0px;
	border: none;
	left: 0px;
	top: auto;
	width: 50%;
	background-color: #474747;
	border: 2px solid #c0272d;
	}
div.prime-nav ul a {
	justify-content: left;
	background-color: #474747;
	color: #FFF;	
}
div.prime-nav ul a:hover {
	color: #ffffff;
	background-color: #2c2c2c;
}
	div.prime-nav ul li {
	background-color: #c0272d;
	margin: 0px;
	text-align: left;
}
	div.prime-nav ul ul {
	background-color: #151515;
	color: #ffffff;
	border: none;
	display: none;
	left: 0;
	padding: 0;
	width: auto;
	padding: 0;
	margin: 0;
	z-index: 1100;
	top: 100%;
	position: relative;
}
div.prime-nav ul ul li {
	text-align: left;
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
}

div.prime-nav ul ul a {
	background-color: #151515;
	color: #ffffff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div.prime-nav:hover ul {
		display: block;
	}
	#social-hide {
		display:none;
	}
	#social-appear {
	display: block;
	}
	.banner-social-icon {
	padding-top: 0px;
}
.compact-nav-title {
	display: inline;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	color: #979797;
	width: auto;
}
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

.banner-contact {
	padding-top: 10px;
	text-align: center;
}
.our-stores-logo-container {
	display: block;
	width: 100%;
	padding-right: 0px;
	padding-bottom: 20px;
	vertical-align: top;
	float: left;
}
.our-stores-content-container {
	display: inline;
	float: left;
	margin: auto;
	width: auto;
}
.our-stores-heading {
	width: 100%;
}

.our-stores-details {
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin:auto;
	width:100%;
	float:left;
}
.our-stores-contact {
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin:auto;
	width:100%;
	float:left;
}
.our-stores-view-map {
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin:auto;
	width:100%;
	float:left;
}
.our-stores-container {
	text-align:center;
}


		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
.banner-contact {
	padding-top: 10px;
	text-align: center;
}

.our-stores-heading {
	width: 100%;
}

.our-stores-details {
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin:auto;
	width:100%;
	float:left;
}
.our-stores-contact {
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin:auto;
	width:100%;
	float:left;
}
.our-stores-view-map {
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin:auto;
	width:100%;
	float:left;
}
.our-stores-container {
	text-align:center;
}
.tools-container {
	margin:auto;
}

		}



/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/