/* Core Structure Styles - Site wide Elements 
================================================== */
body{
	color: rgb(102, 102, 102);
	background: #fff;}

#viewport{
	position: relative;
	width: 100%;}

#viewport,
#page {
	position: relative;}

.mSideArea {
	width: 260px;
	position: absolute;
	color: #fff;
	background: #333;}

.sideShowing #page {
	left: 260px;}

.sideShowing .mSideArea {
	left: 0;}

#page {
	background: #fff;
	transition: left .25s;
	-webkit-transition: left .25s;
	-moz-transition: left .25s;}
	.page-shop-info{
		background: #262626 !important;
		color: #fff;}
/*
		.page-shop-info .container a{
			color: #c58786;}
*/
	
.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .container{
	width: 95%}
.container-shim{
	margin-top: 70px;}
.container-center{
	text-align: center;}
		
a {
	color: #49859e;}
	
h1, h2, h3, h4, h5, h6{
	font-family:'DIN1451W01-Mittelschrif';
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.1em;}

h1 {
	font-size: 46px;}

h1.small,h1.large , h2.small, .section-divider{
	color: #666;
	text-transform: uppercase;
	border-top: 5px solid #666;
	padding-top: 5px; }
	.page-shop h1.section-divider{
		border-top-color: #262626;
		color: #262626;}

h1.large{
	font-size: 40px;
	text-transform: inherit;}

h1.small, .section-divider{
	font-size: 20px;
	margin: 5px 0px 20px 0px;}

h2.small{
	font-size: 20px;
	margin: 20px 0px 10px 0px;}
	
h3{
	font-size: 20px;
}

h3.small{
	font-size: 18px;
	margin: 5px 0px 5px 0px;}

h3.racename{
	font-size: 18px;
	margin: 20px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;}
	
h4{
	font-size: 16px;}

h4.small{
	font-size: 14px;
	margin: 5px 0px 5px 0px;}

h6	{
	margin: 0px 0;}
	
h2.section-divider{
	font-size: 18px;
	font-weight: normal;
	padding: 5px 0 10px 0;
	margin: 0px 0px 10px 0px;
	border-top: solid #49859e 5px;
	color: #49859e;
	text-transform: uppercase;}
	.page-shop h2.section-divider{
		border-top-color: #444;
		color: #444;}

.border-right{
	border-right: 1px dotted #777777;
	margin-right: -1px;
	padding-right: 10px;}

hr {
	border-top: 1px dotted #777777;}

hr.small {
	margin: 10px 0px;}
	
.row-spacer{
	padding-bottom: 8px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 8px;}
.row-spacer .btn-group {
	margin: 0px;}
	
.icon-large{
	font-size: 60px;
	display: block;}

.padding-small{
	padding: 10px;}

.span-left{
	text-align: left;}

.span-right{
	text-align: right;}
	
td.text-right{
	text-align: right;
}


/* Navigation */
.logo a{
	position: absolute;
	display: inline;
	overflow: hidden;
	text-indent: -1000px;
	background: url(/template/images/xcracer/xcracer-sprite.png) no-repeat;
	width: 318px;
	height: 116px;
	top: 1px;
	z-index: 1;}
.navbar .btn-navbar{
	float: left;}
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
	padding: 10px 0 10px 0;}

.navbar-inverse .navbar-inner {
	background: #396272;
	background: -moz-linear-gradient(top,  #396272 0%, #2e5260 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#396272), color-stop(100%,#2e5260));
	background: -webkit-linear-gradient(top,  #396272 0%,#2e5260 100%);
	background: -o-linear-gradient(top,  #396272 0%,#2e5260 100%);
	background: -ms-linear-gradient(top,  #396272 0%,#2e5260 100%);
	background: linear-gradient(to bottom,  #396272 0%,#2e5260 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#396272', endColorstr='#2e5260',GradientType=0 );
	border-top: 20px solid #5996ad;}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	color: #fff;
	font-family:'DIN1451W01-Mittelschrif';
	font-weight: normal;
	line-height: 30px;
	padding: 5px 30px 5px 0px;}
.navbar-inverse .brand, .navbar-inverse .nav > li > a:hover {
	color: #81c6df;}

ul.nav.mobile li a{
	font-size: 18px;
	padding: 10px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #222;
	font-family:'DIN1451W01-Mittelschrif';
	font-weight: normal;}
ul.nav.mobile li form{
	margin: 0 0 0 0;
	padding: 10px;}
ul.nav.mobile li a:hover{
	background: none;
	color: #f1f1f1;}
ul.nav.mobile li a:active{
	background: #222;}
ul.nav.mobile li.mobile-menu-sub a{
	font-size: 14px;
	padding: 10px 10px 10px 15px;
	background: #396373;
	color: #fff;
	border-top: 1px solid #5996ad;
	border-bottom: 1px solid #1b3f4d;}
ul.nav.mobile li.mobile-menu-sub a:active{
	background: #222;}
	
.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
	color: #f1f1f1;
	background-color: #222;}
.navbar-inverse .btn-navbar{
	background-color: #333;
	background-image: none;}
.navbar-inner .btn-group{
	margin: 5px 0 5px 30px;
}

li.last{
	border-right: 1px solid #5996ad;}

/* General Styles
================================================== */

.well-dark{
	background: #396373;
	border: #000;
	padding: 10px;
	color: #fff;}
	.well-dark > h2.section-divider{
	border-top: 0px;
	border-bottom: solid #fff 5px;
	color: #fff;}
	.well-dark > small{
		color: #81c6df;	}
	.well-dark > hr{
		border-top: 1px dotted #81c6df;
		border-bottom: 0px;}
	.well-dark a{
		color: #81c6df;}
	.well-dark h2, .well-dark h6, .well-dark h2 a, .well-dark h6 a{
		color: #fff;}
	.well-dark a.btn{
		color: #fff;}
		
.well-times{
	background: #fcfcfc;
	border-color: #e3e3e3;
}
.page-shop-info .well{
	background: #666;
	border-color: #333;}
	
.gallerythumb-square{
	height: 140px;
	margin-bottom: 20px;}
.row-top{
	margin-top: 140px;}
	
.xcracer-light-blue{
	color: #5996ad;}
.row-fullwidth{
	width:100%;}


/* Module Specific Styles 
================================================== */
.form-search .input-append .search-query {}
form.form-search {
	margin: 5px 30px 5px 0;}
.form-search input{
	width: 110px;}
.login {
	background: #f1f1f1;
	padding: 10px;
	border-radius: 0px 0px 4px 4px;
	border: 1px solid #ccc;}
	.login > form, .well form{
		margin-bottom: 0px;}


/* Slide Show */
	#slider {
		position: relative;}

	#slider ul li{
		height: 400px;
		padding: 40px;
		color: #fff;}
		
	li.spec{
		background: #396272;
		background: -moz-linear-gradient(top,  #396272 0%, #2e5260 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#396272), color-stop(100%,#2e5260));
		background: -webkit-linear-gradient(top,  #396272 0%,#2e5260 100%);
		background: -o-linear-gradient(top,  #396272 0%,#2e5260 100%);
		background: -ms-linear-gradient(top,  #396272 0%,#2e5260 100%);
		background: linear-gradient(to bottom,  #396272 0%,#2e5260 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#396272', endColorstr='#2e5260',GradientType=0 );}
		
		.LargeRectangle, .MediumRectangle, .SmallRectangle{
			width: 300px;
			margin: 5px;
			position: relative;
			text-align: center;
			border: 1px solid #fff;}
			
			.LargeRectangle p, .MediumRectangle p, .SmallRectangle p{
				padding: 10px 20px 10px 20px;}

			.LargeRectangle{
				height: 450px;	
				background: #56bbd9;
				float: left;}
			.MediumRectangle{
				height: 250px;
				background: #06a77d;}
			.SmallRectangle{
				height: 150px;	
				background: #5996ad;}
		.managementsystem{
			width: 200px;}
	li.blogger{
		background: #f3f3f3;
		border: 1px #ccc solid;
		margin-left: 10px !important;
		margin-bottom: 10px !important;
		font-size: 13px;}
	ul.blogger-reset{
		margin-left: -10px !important;}
		.bloggerimage{
			display: block;
			width: 100%;
			padding-bottom: 100%;
			margin-bottom: 10px;}

	.modal-wide {
		top: 0px;
		width: 1000px;
		margin-left: -500px;}
		.modal-wide .modal-body {
			max-height: 100%;}
		.modal-body img{
			width: 100%;}	

/* Slide Show Nav */
    a#prev , a#next {
      position:absolute;
      top:45%;
      z-index: 10;
      font-size: 40px;
      line-height: 60px;
      color: rgba(255,255,255,0.5);
      text-shadow: 1px 2px 5px rgba(0,0,0,0.2);
      transition: font-size 0.1s;
      -webkit-transition: font-size 0.1s;
      -moz-transition: font-size 0.1s;
      -o-transition: font-size 0.1s;
      -webkit-transition-timing-function: ease-out;}
	    a:hover#prev , a:hover#next {
	      color: #fff;
	      font-size: 40px;
	      line-height: 60px;
	      -webkit-transition: font-size 0.1s;
	      -webkit-transition-timing-function: ease-in;}
	    a#prev {
	      left:15px;}
	    a#next {
	      right:17px;}
	      
#event_start{
	width: 100%;
	height: 300px;}
	
/* Content Category Pages*/

.thumbimage{
	display: block;
	position: relative;
	padding-bottom: 65.5%;	
}	

/* Calendar - Planner */
table.event-planner{
	width: 100%;}
	tr.month td{
		text-align: center;
		background: #2f5767;
		font-size: 24px;
		padding: 10px;
		color: #fff;
		font-family:'DIN1451W01-Mittelschrif';
		font-weight: normal;
		text-transform: uppercase;}
	.event-planner td{
		border: 1px solid #fff;}
	td.daysofweek{
		background: #49859E;
		color: #fff;
		font-family:'DIN1451W01-Mittelschrif';
		font-weight: normal;
		text-transform: uppercase;
		text-align: center;
		padding: 5px;
		width: 14%;}
	td.day{
		background: #f9f9f9;
		text-align: left;
		vertical-align: top;
		padding: 5px;
		height: 90px;}
	td.today{
		background: #f1f1f1;
		text-align: left;
		vertical-align: top;
		padding: 5px;
		font-weight: bold;}
	td .btn-small{
		line-height: 1.1em;
		margin-bottom: 3px;
	}
		

.plannerevent a:link, .plannerevent a:visited, .plannerevent a:active {
	display: block;
	font-family: inherit;
	font-size: 10px;
	line-height: 13px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 1px 2px #2c5161;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 0px;
	background-color: #49859e;
	border: 1px solid;
	border-color: #2c5161;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;}
	.plannerevent a:hover {
		background-color: #2c5161;}

.plannerevent-location {
	font-size: 9px;
	font-weight: normal;}
	
/* FORUM */
	.posthead{
		color: #aaa;
	}
	.entry-content{
		position: relative;
		background: #666;
		padding: 20px;
		border-radius: 10px;
		color: #fff;
		font-size: 15px;
		margin-top: 20px;}
		.entry-content a, .sig-content a{
			color: #5996ad;
			text-decoration: underline;}
			.entry-content a:hover{
				color: #81c6df;}
		.entry-content::after {
			content: "";
			display: block;
			position: absolute;
			top: -30px;
			left: 20px;
			width: 0;
			border-width: 15px;
			border-style: solid;
			border-color: transparent transparent #666 transparent;}
			.entry-content p{
				margin-bottom: 0px;
				}
	.replypost .entry-content{
		background: #f5f5f5;
		color: #333;}
		.replypost .entry-content::after {
			border-color: transparent transparent #f5f5f5 transparent;}
	.replypost, .firstpost{
		border-top: 1px dotted #ccc;
		margin-top: 20px;
		padding-top: 10px;}
		.quotebox blockquote {
			padding: 10px 10px 10px 20px;
			margin: 0 0 20px;
			border-left: 5px solid #eeeeee;
			background: #d5e5ea;
			color: #5996ad;
			border-radius: 0 5px 5px 0;
			font-style: italic;}
			.firstpost, .entry-content{
				color: #fff;}
	.sig-content{
		border-top: 1px dotted #accbd6;
		margin-top: 10px;
		padding-top: 10px;
		font-size: 11px;
		line-height: 1em;
		color: #aaa;}
		.sig-content a{
				color: #a0a0a0;}

	.post-num{
		float: right;
		font-size: 40px;
		color: #f5f5f5;}
	ul.item-info {
		padding-left: 0px;
		margin: 0 0 10px 0px;}
		ul.item-info li{
			float: left;
			list-style: none;
			padding: 0px 20px 0px 0px;}
	.item-subject h4{
		margin-bottom: 0px;}
	.forum-module{
		font-size: 11px;
		line-height: 1.5em;
		margin-bottom: 20px;}
	.resultpost{
		border-bottom: 1px dotted #ccc;
		margin-bottom: 20px;}
	.feed a{
		color: #fff;}
		.feed a:hover{
			text-decoration: none;}

	.well-forum-topic{}
		.well-forum-topic ul{
			list-style: none;
			padding: 0px;
			margin: 0px;}
		.well-forum-topic li{
			border-top: 1px #ccc dotted;
			padding-top: 5px;
			margin-top: 5px;}
		
		
/* 	Editorial Nav */

	.content-feed-item{
		font-size: 13px;
		padding: 10px;
		border-radius: 3px;
		margin-bottom: 20px;
		border: 1px solid rgba(0, 0, 0, 0.15);
		color: rgba(255,255,255,0.8);}
		.content-feed-item h6{
			font-weight: normal;}
		.content-feed-item h4 {
			margin-bottom: 3px;}
		.content-feed-item h4 a{
			color: #fff;}

	a.btn-ed-nav{
		padding: 0px;
		font-size: 12px;
		line-height: 39px;
		text-transform: uppercase;
		font-family:'DIN1451W01-Mittelschrif';
		font-weight: normal;
		text-transform: uppercase;
		border-top-width: 4px;
		border-top-style: solid;
		padding: 5px;}
		a:hover.btn-ed-nav{
			text-decoration: none;
			color: #666;}
	.btn-general-news, .general-news{
		border-top-color: #999;
		color: #999;}
		.general-news-well{
		background: #999;}
	.btn-mtbshorts, .mtbshorts{
		border-top-color: #e5691e;
		color: #e5691e;}
		.mtbshorts-well{
		background: #e5691e;}
	.btn-event-news, .event-news{
		border-top-color: #389fbd;
		color: #389fbd;}
		.event-news-well{
		background: #389fbd;}
	.btn-event-reports, .event-reports{
		border-top-color: #5996ad;
		color: #5996ad;}
		.event-reports-well{
		background: #5996ad;}
	.btn-blog, .blog{
		border-top-color: #396272;
		color: #396272;}
		.blog-well{
			background: #396272;
			color: #fff;}
		.blog-well a{
			color: #81c6df;}
	.btn-training, .training-article{
		border-top-color: #666;
		color: #666;}
		.training-article-well{
		background: #666;}
	.btn-interviews, .interview{
		border-top-color: #519251;
		color: #519251;}
		.interview-well{
		background: #519251;}
	.btn-places-to-ride, .places-to-ride{
		border-top-color: #84b384;
		color: #84b384;}
		.places-to-ride-well{
		background: #84b384;}
	.btn-product-reviews, .product-review{
		border-top-color: #a0504e;
		color: #a0504e;}
		.product-review-well{
		background: #a0504e;}
	.btn-technique, .technique{
		border-top-color: #d3a418;
		color: #d3a418;}
		.technique-well{
		background: #d3a418;}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;}
#twitter-widget-0{
	min-width: 100px !important;	
	width: 100% !important;}	

.shop-header{
	margin-top: -50px;
	font-family:'DIN1451W01-Mittelschrif';
	font-weight: normal;
	line-height: 1.1em;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #5996ad;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 5%, rgba(249,249,249,1) 51%, rgba(255,255,255,1) 95%);
	background: -webkit-gradient(linear, left top, right top, color-stop(5%,rgba(255,255,255,1)), color-stop(51%,rgba(249,249,249,1)), color-stop(95%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 5%,rgba(249,249,249,1) 51%,rgba(255,255,255,1) 95%);
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 5%,rgba(249,249,249,1) 51%,rgba(255,255,255,1) 95%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 5%,rgba(249,249,249,1) 51%,rgba(255,255,255,1) 95%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 5%,rgba(249,249,249,1) 51%,rgba(255,255,255,1) 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );}
	.shop-title{
		font-size: 60px;
		text-transform: uppercase;
		line-height: 0.9em;
		text-shadow: -2px -2px 2px #fff, 2px 2px 2px #f0f0f0;}
	.shop-strapline{
		font-size: 16px;
		text-transform: uppercase;}
	.shop-usp{
		font-size: 12px;
		text-transform: uppercase;
		color: #666;}

	.xcracershop h2.section-divider, .xcracershop h2.section-divider a{
		color: #444;
		border-color: #444;}
	.well-shop{
		color: #fff;
		background: #444;
		border-color: #111;}
	.well-shop a{
		color: #81c6df;}
	#results .btn-small{
		margin: 0 10px 10px 0;}
	.table .child-table{
		margin-bottom: 10px;
		background-color:transparent;
		color: #888;
	}
	.table .child-table td{
		border-top: none;}
	.table .child-table td small{
		font-size: 10px;}

	ul.tagnav{
		list-style: none;
		padding-left: 0;
		margin-left: 0;
		font-weight: bold;}
	ul.tagnav > ul.tagnav{
		margin-left: 5px;
		font-weight: normal;}

		
/* Element Specific Styles 
================================================== */

.ui-autocomplete{
	z-index: 1000000000 !important;
}
h1.strapline {
	font-size: 14px;
	color: #c1c1c1;
	line-height: 1em;
	margin-top: -10px;}
	
#shop-header{
	margin-top: 81px;
	background: #000;
	margin-bottom: -120px;}
	
#summarylist h3 a{
	color: #fff;}

.btn{
	font-family:'DIN1451W01-Mittelschrif';
	font-weight: normal;}
	.section-header{
		padding: 0px 0px 10px 0px;
		margin-bottom: 0px;}
		.section-header h2, .section-header h3{
			border-top: 0px;
			font-weight: normal;
			border-top-width: 8px;
			border-top-style: solid;
			padding-top: 5px;}

iframe{
	border: 0;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	z-index: 1;}
	.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;}

.raceresults{
	background: #5996ad;
	color: #fff;
	border-radius: 3px;
	padding: 10px;}
	.raceresults > h2.section-header{
	border-top: 0px;
	border-bottom: solid #fff 5px;
	color: #fff;}
	.raceresults > small{
		color: #396373;	}
	.raceresults > hr{
		border-top: 1px dotted #396373;
		border-bottom: 0px;}
	.raceresults a{
		color: #81c6df;}
	.raceresults h2, .raceresults h6, .raceresults h2 a, .raceresults h6 a{
		color: #fff;}
		
.rcadvert{
	margin-bottom: 10px;}
.rcadvert img{
	width: 100%;}

.well-entry{
	text-align: center;}
	
.mosaicflex{
	width: 31.3333%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 3%;
	padding-left: 1%;
	float: left;
	text-align: center;
	margin-bottom: 10px;}
	a:hover .mosaicflex{
		z-index: 1000px;
		box-shadow: 0px 0px 50px #333;
		background: #777;
		border-radius: 2px;
		border: 1px solid #ccc;
		margin-top: -1px;
		margin-right: -1px;
		margin-bottom: 9px;
		margin-left: -1px;}
	.mosaicflex h6{
		font-size: 10px;}

.mosaic{
	height: 181px;
	width: 31.3333%;
	margin: 1%;
	float: left;
	position: relative;}
a .reviewtitle{
	position: absolute;
	z-index: 2;
	background: #a0504e;
	bottom: 20px;
	left: 0;
	color: #fff;
	padding: 5px;}
	
a.entrytile {
	width: 46%;
	border: #fff solid 2px;
	float: left;
	padding-bottom: 32%;
	margin: 0 -1px 2% -1px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;}
	.entrytile a{
		display: inline-block;}
		a.entrytile:nth-child(2n+1){
			margin-left: 2%;
		}

	.mosaictile img{
		width: 100%;}
#map_canvas{		
	height: 800px;}

.nav-tabs {
	border-bottom: 1px dotted #49859e;}
	.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
		color: #49859e;
		background-color: #fff;
		border: 1px dotted #49859e;
		border-bottom-color: transparent;
		cursor: default;
		font-weight: bold;}
		.nav-tabs > li > a:hover {
			border-bottom: 1px dotted #49859e;
			background:#49859e;
			color: #fff;}
	.nav-tabs > li {
		margin-bottom: -1px;}
		
#gallery-container{
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;}

	.container-fullwidth #gallery-container{
		-moz-column-count: 4;
		-moz-column-gap: 10px;
		-webkit-column-count: 4;
		-webkit-column-gap: 10px;
		column-count: 4;
		column-gap: 10px;}
	.container-fullwidth .span12{
		margin-left: 0;}


.gallery-item-mosaic {
	width: 100%;
	margin-bottom: 10px; 
	display: inline-block;}
	.gallery-item-mosaic p, .gallery-item-list p{
		background: #333;
		color: #fff;
		padding: 7px;
		font-size: 12px;
		line-height: 1.4em;
		margin-bottom: 0;}

.gallery-item-list{
	margin-bottom: 20px;}
	
.articles li:nth-child(4n-2) {
	margin-left: 0;}	

.blog-articles li:nth-child(4n+1) {
	margin-left: 0;}	


.articles li, .blog-articles li{
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	padding-top: 2.127659574468085%;
	padding-right: 2.127659574468085%;}	
.articles .article{
	height: 415px;}
	
.blog-articles .article{
	height: 250px;}
	
.clearall{
	clear: both;}

.shop-tag{
	margin-bottom: 20px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;}
.shop-tag-img{
	padding-bottom: 100%;
	background-size: cover;
	border: 1px #777777 dotted;}

	.shop-tag p{
		margin-bottom: 0px;}

.shop-tag:nth-child(6n+1) {
	margin-left: 0;}	


.shop-product a{
	width: 100%;
	padding-bottom: 180%;
	position: relative;
	margin-bottom: 20px;
	display: block;
	border: 1px solid #ddd;
	border-radius: 4px;}
.shop-product h2{
	color: #888;
	font-size: 12px;
	line-height: 1em;}
.shop-product a:hover{
	text-decoration: none;
	background: #262626;
	color: #fff;}
.shop-product a:hover h2{
	color: #fff;}
.shop-product:nth-child(6n+1) {
	margin-left: 0;}	
	.shop-product-thumbnail{
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		padding: 8px;}


ul.thumbnails li.thumbnail-article{
	height: 465px;}
.hide-not-superwide{
	display: none;}	
	
textarea#content{
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	color: #fff;
	background: #333;
	padding: 20px;}

	.visible-largedesktop{
		display: none;}
.gmnoprint img { max-width: none; }
		
/* Google Search */

.gsc-tabHeader.gsc-tabhInactive {
	border-color: #ccc !important;
	background-color: #f1f1f1 !important;
	color: #ccc !important;
	font-size: 16px !important;
	padding: 10px !important;
	border-radius: 3px 3px 0px 0px;}
.gsc-tabHeader.gsc-tabhInactive:hover {
	background: #ccc !important;
	color: #fff !important;}
.gsc-tabHeader.gsc-tabhActive {
	border-color: #ccc !important;
	background-color: #fff !important;
	color: #666 !important;
	font-size: 20px !important;
	padding: 12px !important;
	border-radius: 3px 3px 0px 0px;}
.gsc-tabsArea {
	border-color: #ccc !important;}
.cse form.gsc-search-box, form.gsc-search-box {
	padding: 0px !important;}
input.gsc-input {
	border-color: #ccc !important;}
.cse input.gsc-input, input.gsc-input {
	border: 1px solid #ccc !important;
	padding: 10px 13px !important;
	width: 93% !important;
	font-size: 20px !important;}
table.gsc-search-box td {
	vertical-align: top !important;}
.cse input.gsc-search-button, input.gsc-search-button {
	font-size: 17px !important;
	padding: 10px 15px !important;
	height: 42px !important;}
.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0em !important;}

.productinfo h2{
	font-size: 17.5px;
	line-height: 20px;
	text-transform: uppercase;}

.hidden-960{
	display: none;}
	
.padding-left{
	padding-left: 20px;}

.alert-success{
	text-align: center;}

h1 .icon-smile, h1 .icon-thumbs-up, h1 .icon-camera-retro, h1 .icon-briefcase{
	font-size: 200px;
	line-height: 1em;}
	
/* Google Adsense */

ins.adsbygoogle, ins.adsbygoogle ins, ins#aswift_0_anchor, ins iframe, #zrt_ads_frame1, ins ins ins iframe iframe iframe div, ins ins ins iframe iframe{
	width: 100% !important;}

.well.terms{
	font-size: 90%;
	max-height: 200px;
	overflow: scroll;}
.well.terms h3{	
	margin-top: 0;}


/* Responsive Styles 
================================================== */


@media (min-width: 2180px) {
	#gallery-container{
		-moz-column-count: 4;
		-moz-column-gap: 10px;
		-webkit-column-count: 4;
		-webkit-column-gap: 10px;
		column-count: 4;
		column-gap: 10px;}
	#adverts{}
}

@media (min-width: 1220px) {
	.container{
		margin-left: 0;
		margin-right: 0;
		width: calc(96% - 350px);
		padding-left: 3%;
		padding-right: 1%;}
	.container.container-fullwidth{
		width: 95%;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: auto;
		margin-right: auto;}
	
	h1.section-divider{
		font-size: 30px;}

	#adverts{
		position: absolute;
		right: 0;
		width: 300px;
		margin-right: 3%;}
	.navbar-inner .container{
		width: auto;}
	
	.two-col-ads .span9{
		width: 54%;}
	.two-col-ads .span6{
		width: 38.5%;}
	.two-col-ads .span3{
		width: 13%;}

	.two-col-ads #adverts {
		width: 300px;}
		.two-col-ads .rcadvert {
			margin-bottom: 10px;}
	.mosaicflex{
		width: 23%;}
	.thumbnails .span2{
		width: 12%;}
	.hide-not-superwide{
		display: block;}	
	.shop-product:nth-child(6n+1) {
		margin-left: 2.564102564102564%;}	
	.shop-product:nth-child(7n+1) {
		margin-left: 0;}
	.visible-largedesktop{
		display: block;}
	.visible-med-desktop-down{
		display: none;}
	.container-fullwidth #gallery-container{
		-moz-column-count: 6;
		-moz-column-gap: 10px;
		-webkit-column-count: 6;
		-webkit-column-gap: 10px;
		column-count: 6;
		column-gap: 10px;}
	.container-fullwidth .span12{
		margin-left: 0;}
}


@media (min-width: 1200px) and (max-width: 1219px); {
.form-search .input-append .search-query {}
.entrytile{
	width: 300px;
	padding: 1%;
	float: left;}
.gallerythumb-square{
	height: 170px;
	margin-bottom: 30px;}
.shop-tag img{
	height: 133px;}
.thumbnail{
	margin-bottom: 30px;}
.hidden-960{
	display: inline;}
a.btn-ed-nav{
	font-size: 12px;}
}

@media (max-width: 1219px) {
	.visible-med-desktop-down{
		display: block;}
}
@media (max-width: 1140px){
#gallery-container{
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;}
}

@media (max-width: 1100px){
	li#search-main-menu{
		display: none;}
}

@media (max-width: 1015px){
	.shop-title{
		font-size: 55px;}
}

@media (max-width: 979px){
body{
	font-size: 13px;}
.container{
	width: 95%}
h1 {
	font-size: 36px;
	line-height: 32px;}
h2 {
	font-size: 26px;
	line-height: 28px;}
h3{	
	font-size: 22px;}
.row-top{
	margin-top: 36px;}
.form-search .input-append .search-query {}
.entrytile{
	width: 48%;}
.navbar-fixed-top {
	margin-bottom: 0px;}
.container-shim{
	margin-top: 0px;}
.shop-tag img{
	height: 80px;}
.shop-tag{
	height: 98px;}
.navbar .btn-navbar{
	display: none ;
	margin-left: 10px;}
.mosaicflex{
	width: 48%;}
.shop-product h2{
	font-size: 11px;}
	.shop-title{
		font-size: 50px;}
#shop-header{
	margin-top: 0;
	background: #000;
	margin-bottom: 0px;}
}

@media (max-width: 885px){
.logo a{
	background: url(/template/images/xcracer/xcracer-sprite.png) no-repeat -340px 0px;
	width: 244px;
	top: 10px;}
}


@media (min-width: 768px) and (max-width: 979px){
.container{
	width: 95%}
.row-fluid .span2-grow979, .row-fluid .span4-shrink979{
	width: 23%;}
.shop-product h2{
	font-size: 10px;}
.shop-title{
	font-size: 40px;}
}

@media (max-width: 767px){
body{
	padding: 0px;
	font-size: 12px;}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
	margin-left: -10px;
	margin-right: -10px;}
h2 {
	font-size: 22px;
	line-height: 24px;}
.navbar .btn-navbar{
	display: inline;}
h3{	
	font-size: 18px;}
#page{
	padding: 0 10px 0 10px;}
.logo a{
	right: 10px;
	background: url(/template/images/xcracer/xcracer-sprite.png) no-repeat -340px 0px;
	width: 248px;
	height: 105px;
	top: 11px;}
.mosaictile{
	width: 31.333333%;
	padding: 1%;
	float: left;}
	.mosaictile img{
		width: 100%;}
.border-right{
	border-right: none;
	margin-right: 0px;
	padding-right: 0px; }
.rcadvert{
	width: 48%;
	padding: 1%;
	float: left;}
.form-search .input-append .search-query {
	background: #444 !important;
	border-color: #222 !important;
	color: #f1f1f1;}
	
.input-medium{
	width: 90%;
	margin: 10px;}

[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
	margin-bottom: 20px;}
#map_canvas{		
	height: 600px;}
.shop-tag{
	padding-bottom: 50%;
	width: 50% !important;
	float: left !important;}
	.shop-tag:nth-child(2n+1) {
		padding-right: 1%;}
	.shop-tag:nth-child(2n+0) {
		padding-left: 1%;}
.shop-product a {
	padding-bottom: 0%;}
	.shop-product-thumbnail {
	position: relative;}

#adverts{
	position: relative;}
.articles .article, .blog-articles .article{
	height: inherit;}
.mosaicflex h6{
	font-size: 14px;}
.shop-header{
	margin-top: 0px;}
.span-left,
.span-right{
	text-align: center;}
	
	.container-fullwidth #gallery-container{
		-moz-column-count: 3;
		-moz-column-gap: 10px;
		-webkit-column-count: 3;
		-webkit-column-gap: 10px;
		column-count: 3;
		column-gap: 10px;}
}


@media (max-width: 500px){
	td .btn-small{
		font-size: 9px;
		margin-bottom: 2px;}
	td.daysofweek {
		font-size: 9px;
		line-height: 1em;
		padding: 3px;
		width: 14%;}
	.plannerevent-location{
		font-size: 8px;}
	.mobile-nav{
		display: block;
		position: absolute !important;
		top: 80px;
		background: #333;
		width:100%;
		z-index: 0;
		margin-left: -2.5%;
		text-align: center;}
	.mobile-nav li{
		margin-top: 30px;}
	.container-fullwidth{
		margin-top: 80px;
	}

}


@media (max-width: 400px){
.mosaictile, .entrytile{
	width: 48%;}
.rcadvert{
	width: 100%;
	float: none;}
#map_canvas{		
	height: 450px;}
.gsc-tabHeader.gsc-tabhInactive {
	font-size: 10px !important;}
	.gsc-tabHeader.gsc-tabhActive {
	font-size: 12px !important;}
h1 {
	font-size: 24px;
	line-height: 23px;}
td .btn-small{
	font-size: 8px;
	line-height: 1.1em;
	margin-bottom: 2px;}
.plannerevent-location{
	font-size: 7px;}
.mosaic{
	height: 181px;
	width: 48%;}
#gallery-container{
	-moz-column-count: 1;
	-moz-column-gap: 0px;
	-webkit-column-count: 1;
	-webkit-column-gap: 0px;
	column-count: 1;
	column-gap: 0px;}
.container-fullwidth #gallery-container{
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;}
}

@media (max-width: 320px){
iframe#editFrame{
	height: 350px !important;
}
.mosaic{
	height: 280px;
	width: 100%;}

}