@charset "utf-8";
/* CSS Document */

html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
img{
	display:block;
}
div{
	position:relative;
	z-index:2;
}
h1{
	font-family:'Inder', Verdana, Geneva, sans-serif;
	font-size:24px;
	margin-bottom:9px;
}
h2{
	font-family:'Inder', Verdana, Geneva, sans-serif;
	font-size:18px;
	margin-bottom:9px;
}
p{
	margin-bottom:9px;
	line-height:18px;
}
a{
	color:#000;
}
a:hover{
	color:#d62f28;
}
a.hideme{
	position:absolute;
	display:block;
	left:-999px;
	top:-999px;
}
div#header{
}
	div.red-strip{
		width:100%;
		height:25px;
		line-height: 25px;
		background-color:#d62f28;
		color: rgba(255,255,255,0.75);
		text-align: right;
	}
		.red-strip-inner{
			width:911px;
			margin:0px auto;
		}
		div.red-strip a{
			color: rgba(255,255,255,0.75);
			text-decoration: underline;
		}
		div.red-strip a:hover{
			color:#fff;
		}
		div.red-strip img{
			display:inline;
		}
	div.grey-bar{
		background-color:#2d2d2d;
		background-image:url(/images/bauer-bikes-bg.gif);
		background-repeat:no-repeat;
		background-position:center;
	}
		div.grey-bar-inner{
			width:911px;
			height:136px;
			margin:0px auto;
		}
			img.logo{
				display:block;
				padding:36px 0px 0px 0px;
			}
			img.printonly{
				display:none;
			}
			div.navigation{
				position:absolute;
				height:37px;
				top:50px;
				right:0px;
				overflow:hidden;
			}
				div.navigation a{
					float:left;
					margin:0px 0px 0px 20px;
					padding:0px 20px 0px 0px;
					border-right:1px #ccc solid;
				}
				div.navigation a:first-child{
					margin:0px 0px 0px 0px;
				}
				div.navigation a.home{
					display:block;
					width:44px;
					height:37px;
					overflow:hidden;
					text-indent:-999px;
					background-image:url(../images/home.png);
					background-repeat:no-repeat;
				}
				div.navigation a.dealers, div.navigation a.contact{
					font-family:'Inder', Verdana, Geneva, sans-serif;
					color:#ffffff;
					text-decoration:none;
					font-size:22px;
					line-height:37px;
				}
				div.navigation a.contact{
					border-right:0px;
				}
div#bg-holder{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#333;
}
div#bg-holder-behind{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#333;
}
	div.boys-bg{
		background: url(/images/backgrounds/1-bg.jpg) no-repeat center center fixed;
	}
	div.girls-bg{
		background: url(/images/backgrounds/2-bg.jpg) no-repeat center center fixed;
	}
	div.comfort-bg{
		background: url(/images/backgrounds/3-bg.jpg) no-repeat center center fixed;
	}
	div.mtb-bg{
		background: url(/images/backgrounds/4-bg.jpg) no-repeat center center fixed;
	}
	div.slk-bg{
		background: url(/images/backgrounds/5-bg.jpg) no-repeat center center fixed;
	}
	div.twentynine-bg{
		background: url(/images/backgrounds/6-bg.jpg) no-repeat center center fixed;
	}
	div.road-bg{
		background: url(/images/backgrounds/7-bg.jpg) no-repeat center center fixed;
	}
div#wrapper{
	width:100%;
	height:auto!important;
	height:100%;
	min-height:100%;
}
	div#content{
		width:920px;
		margin:0px auto;
		padding:20px 20px 160px 20px;
	}
		div.white{
			background-image:url(/images/white.png);
			background-repeat:repeat;
		}
		div.white-padding{
			padding:20px;
		}
		div.bike-nav{
			width:200px;
			min-height:473px;
			padding:10px 0px;
			margin:0px 20px 0px 0px;
			float:left;
		}
			div.bike-nav a{
				display:block;
				height:45px;
				line-height:45px;
				overflow:inherit;
				padding:5px;
				margin:0px 0px 0px -20px;
				font-family:'Inder', Verdana, Geneva, sans-serif;
				color:#333333;
				font-size:18px;
				text-decoration:none;
			}
				div.bike-nav a:hover{
					color:#d62f28;
				}
				div.bike-nav a span, div.bike-nav a:hover span{
					display:block;
					background-image:url(../images/bike-icons.png);
					background-repeat:no-repeat;
					width:45px;
					height:45px;
					text-indent:-999px;
					float:left;
					margin:0px 10px 0px 0px;
				}
					div.bike-nav a.boys span{
						background-position:0px 0px;
					}
					div.bike-nav a.boys:hover span{
						background-position:-45px 0px;
					}
					div.bike-nav a.girls span{
						background-position:0px -45px;
					}
					div.bike-nav a.girls:hover span{
						background-position:-45px -45px;
					}
					div.bike-nav a.comfort span{
						background-position:0px -270px;
					}
					div.bike-nav a.comfort:hover span{
						background-position:-45px -270px;
					}
					div.bike-nav a.mtb span{
						background-position:0px -135px;
					}
					div.bike-nav a.mtb:hover span{
						background-position:-45px -135px;
					}
					div.bike-nav a.mtb-sport span{
						background-position:0px -180px;
					}
					div.bike-nav a.mtb-sport:hover span{
						background-position:-45px -180px;
					}
					div.bike-nav a.twenty-nine span{
						background-position:0px -225px;
					}
					div.bike-nav a.twenty-nine:hover span{
						background-position:-45px -225px;
					}
					div.bike-nav a.road span{
						background-position:0px -270px;
					}
					div.bike-nav a.road:hover span{
						background-position:-45px -270px;
					}
					div.bike-nav a.slk span{
						background-position:0px -315px;
					}
					div.bike-nav a.slk:hover span{
						background-position:-45px -315px;
					}
				
div#footer{
	width:100%;
	min-width:960px;
	height:120px;
	margin-top:-120px;
	z-index:5;
}
	div#footer div.grey-bar{
		height:100px;
		color:#ccc;
	}
	div#footer .grey-bar-inner{
		background-image:none;
		height:120px;
	}
		div#footer div.grey-bar p{
			line-height:100px;
		}
	.large-circle{
		position:absolute;
		z-index:3;
		right:20px;
		top:-13px;
	}
.preloader{
	position:absolute;
	width:10px;
	height:10px;
	left:-2000px;
	top:-2000px;
	overflow:hidden;
	z-index:-10;
}
	.preloader img{
		display:block;
		position:absolute;
	}
/*Homepage*/
div.bike-intro{
	width:400px;
	padding:20px;
	float:left;
}
div.bike-dealers{
	width:200px;
	height:243px;
	padding:20px;
	margin:0px 0px 0px 20px;
	float:left;
}
div.bike-featured{
	width:660px;
	margin:20px 0px 0px 0px;
	padding:20px;
	float:left;
}
#countryTrigger{
	display:none;
}
#countryswitch{
	display: none;
	width: 400px;
	padding:30px;
	background-color:#2d2d2d;
	font-family:'Inder', Verdana, Geneva, sans-serif;
	font-size:18px;
	text-align: center;
	color:#fff;
}
	.switchlogo{
		display: block;
		margin:0px auto;
		padding-bottom:40px;
	}
	#countryswitch a{
		color:#d62f28;
	}
	.switchbtns{
		padding-top:40px;
		overflow: hidden;
	}
	#countryswitch .switchbtns a{
		display:block;
		width:160px;
		margin:0px 10px;
		padding:5px 10px;
		float:left;
		background-color:#d62f28;
		color:#ffffff;
		text-decoration: none;
		border-radius:15px;
	}
/*Homepage banner*/
.slides_container {
	width:660px;
	height:150px;
	overflow:hidden;
}
.slides_container div.slide {
	width:660px;
	height:150px;
	display:block;
}
.prev{
	position:absolute;
	top:53px;
	left:-24px;
	z-index:999;
}
.next{
	position:absolute;
	top:53px;
	right:-24px;
	z-index:999;
}
.pagination {
	position:absolute;
	bottom:-27px;
	left:50%;
	margin-left:-50px;
	z-index:999;
	width:100px;
	padding:0px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
.banner-caption{
	width:200px;
	height:80px;
	padding:10px;
	border-top:4px #D62F28 solid;
	background-color:#333;
	position:absolute;
	z-index:10;
	color:#fff;
}
		.banner-caption h2{
			margin-bottom:5px;
		}
			.banner-caption a, .banner-caption a h2, .banner-caption a p, .banner-caption a:hover{
				color:#fff;
				text-decoration:none;
			}
			.banner-caption a:hover h2, .banner-caption a:hover p{
				color:#999;
			}
		.banner-caption p{
			border-top:1px #CCC solid;
			padding-top:5px;
		}
	.left-caption{
		left:20px;
		top:20px;
	}
	.right-caption{
		right:20px;
		top:20px;
	}
	div.bottom-caption{
		width:490px;
		height:30px;
		left:85px;
		bottom:20px;
	}
		div.bottom-caption h2{
			float:left;
			margin-right:10px;
		}
		div.bottom-caption p{
			border-top:0px;
		}
/*Category Colours*/
.blue{
	background-color:#304595;
}
.purple{
	background-color:#6f2a91;
}
.gold{
	background-color:#d5cf31;
}
.green{
	background-color:#1a9a47;
}
.red{
	background-color:#d72140;
}
.brown{
	background-color:#5a614a;
}
.grey{
	background-color:#858789;
}
.mint{
	background-color:#85ae08;
}
/*Categories*/
div.bike-holder{
	width:650px;
	padding:20px;
	float:left;
	/*display:none;*/
}
div.bike-specific{
	width:690px;
	padding:0px;
}
	.bike-type-heading{
		display:block;
		padding:5px;
		margin:0px;
		font-size:16px;
		font-weight:normal;
		color:#FFF;
	}
	.bike-type{
		height:auto!important;
		min-height:100px;
		padding:10px;
		margin:0px 0px 20px 0px;
		overflow:auto;
		background-color:#FFF;
	}
	.restrict-space{
		padding:10px 88px;
	}
	.restrict-more-space{
		padding:10px 154px;
	}
	.restrict-most-space{
		padding:10px 250px;
	}
		.last-type{
			margin:0px;
		}
		.bike-type .bike{
			width:113px;
			padding:0px 6px;
			border-left:1px #EBEBEB solid;
			text-align:center;
			float:left;
		}
		.bike-type .bike:first-child{
			border-left:0px;
		}
		.bike-type img{
			display:block;
		}
			.bike-type .bike h3{
				font-size:12px;
				text-align:center;
			}
			.bike-type .bike a{
				text-align:center;
				text-decoration:none;
				cursor:pointer;
			}
			.bike-type .bike a .bike-hover{
				position:absolute;
				display:none;
				width:125px;
				height:118px;
				left:0px;
				top:-2px;
				background-color:#2D2D2D;
				cursor:pointer;
			}
				.bike-type .bike a:hover .bike-hover{
					display:block;
					text-align:left;
					opacity:0.9;
				}
					.bike-type .bike a:hover .bike-hover .hover-heading{
						background-color:#09F;
						color:#ffffff;
						padding:3px;
						background-image:url(../images/small-arrow.png);
						background-repeat:no-repeat;
						background-position:right top;
					}
					.bike-type .bike a:hover .bike-hover .blue{
					 	background-color:#304595;
					}
					.bike-type .bike a:hover .bike-hover .purple{
						background-color:#6f2a91;
					}
					.bike-type .bike a:hover .bike-hover .gold{
						background-color:#d5cf31;
					}
					.bike-type .bike a:hover .bike-hover .green{
						background-color:#1a9a47;
					}
					.bike-type .bike a:hover .bike-hover .red{
						background-color:#d72140;
					}
					.bike-type .bike a:hover .bike-hover .brown{
						background-color:#5a614a;
					}
					.bike-type .bike a:hover .bike-hover .grey{
						background-color:#858789;
					}
					.bike-type .bike a:hover .bike-hover .mint{
						background-color:#85ae08;
					}
					.bike-type .bike a:hover .bike-hover .hover-deets{
						color:#ffffff;
						font-size:10px;
						padding:5px;
					}
					.bike-type .bike a:hover .bike-hover div.hover-click{
						position:absolute;
						display:block;
						color:#ffffff;
						width:125px;
						bottom:5px;
						font-size:10px;
						text-align:center;
					}
		.bike-type .bigger-gap{
			width:125px;
			padding:0px 15px;
		}
			.bike-type .bigger-gap a .bike-hover{
				width:155px;
				height:118px;
			}
			.bike-type .bigger-gap a:hover .bike-hover div.hover-click{
				width:155px;
			}
/*Bike page*/
div.bike-type-container{
	margin:20px 0px 0px 0px;
}
div.bike-details{
	overflow:auto;
}
	div.bike-deets-heading{
		padding-left:10px;
		margin-bottom:0px;
	}
		div.bike-deets-heading h1{
			color:#ffffff;
			margin-bottom:10px;
		}
	div.bike-deets-specs{
		width:213px;
		margin:0px 10px 0px 0px;
		padding:5px;
		float:left;
		background-color:#ffffff;
	}
	div.no-thumbs{
		width:328px;
	}
		div.bike-deets-specs table{
			/*background-color:#cccccc;*/
			width:100%;
			border-width: 0 0 1px 1px;
			border-spacing: 0;
			border-collapse: collapse;
			border-style: solid;
			border-color:#cccccc;
		}
			div.bike-deets-specs table td{
				margin:0px;
				padding:5px;
				font-size:11px;
				border-width: 1px 1px 0 0;
    			border-style: solid;
				border-color:#cccccc;
			}
			div.bike-deets-specs table td.header{
				color:#0099ff;
				vertical-align:top;
			}
	div.bike-deets-image{
		width:300px;
		height:300px;
		float:left;
		background-color:#ffffff;
	}
	div.bike-deets-thumbs{
		width:105px;
		margin:0px 0px 0px 10px;
		float:left;
	}
		div.bike-deets-thumbs img{
			display:block;
			width:105px;
			height:105px;
			background-color:#ffffff;
			margin-bottom:10px;
		}
.small-details{
	width:250px;
	padding:10px 20px;
	height:128px;
	float:left;
}
div.white-padding.small-details{
	padding:10px 20px;
}
.bike-availability{
	position: absolute;
	z-index:10;
	right: 38px;
	top:14px;
	line-height:47px;
	font-family:'Inder', Verdana, Geneva, sans-serif;
	color:#ffffff;
	text-transform: uppercase;
}
	.bike-availability img{
		display:block;
		float:right;
		margin:0px 0px 0px 10px;
	}
.country-selection{
	width:180px;
	height:148px;
	margin:0px 0px 0px 20px;
	float:left;
	font-family:'Inder', Verdana, Geneva, sans-serif;
	font-size:18px;
	text-align: center;
}
.select-nz a, .select-aus a{
	display:block;
	width:180px;
	height:58px;
	padding-top:90px;
	background-position: left top;
	overflow: hidden;
	text-decoration: none;
}
.select-nz a{
	background-image:url(../images/nz-map.png);
}
.select-aus a{
	background-image:url(../images/aus-map.png);
}
.select-nz a:hover, .select-aus a:hover{
	background-position: left bottom;
	color:#000;
}
/*Media Queries*/
@media screen and (max-width:980px) {
	img.logo{
		display:block;
		width:300px;
		height:43px;
		padding:48px 0px 0px 0px;
	}
	img.printonly{
	  	display:none;
	}
    div.bike-nav {
		float:none;
		width:700px;
		height:90px;
		min-height:90px;
		margin:0px auto 20px auto;
		padding:0px 0px 0px 110px;
	}
	div.bike-nav a{
		width:88px;
		margin-left:0px;
		float:left;
		text-align:center;
	}
	div.bike-nav a span, div.bike-nav a:hover span{
		display:block;
		margin:0px auto;
		float:none;
	}
	div.bike-holder{
		margin:0px auto;
		float:none;
	}
	div.grey-bar-inner{
		width:700px;
	}
	div#footer div.grey-bar p{
		margin-right:150px;
		padding:32px 0px 0px 0px;
		line-height:normal;
	}
	div#content{
		width:700px;
		margin:0px auto;
		overflow:auto;
	}
	div#footer{
		min-width:700px;
	}
	div#footer .grey-bar-inner{
		overflow:visible;
	}

}