/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Arial, Tahoma, sans-serif;
	font-size:70%;
	background-color:#FFF;
	background-image:url(../images/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	text-align:center;
	color:#504f4f;
}

select, textarea, input {
	font-family:Arial, Tahoma, sans-serif;
	font-size:1em;
	color:#504f4f;
}

form {
	padding:0;
	margin:0;
}

a img {
	border:none;
}

p {
	margin-top:0;
	margin-bottom:1em;
}

textarea.large {
	width:400px;
	height:200px;
}

/************ CONTAINER ************/

#shadow_bottom {
	width:940px;
	margin:0 auto 0 auto;
	padding:0 0 20px;
	background-image:url(../images/bottom_shadow.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#shadow_sides {
	padding:0 20px;
	background-image:url(../images/side_shadow.png);
	background-repeat:repeat-y;
	background-position:center;
}

#container {
	text-align:left;
	margin:0;
	padding:0;
	position:relative;
	background-color:#FFF;
	/*border:1px solid #666;
	width:880px;
	border-top:none;
	border-bottom-width:4px;*/
}

/************ HEADER ************/

#header {
	position:relative;
}

#header .logo {
	float:left;
	padding:10px 0 0 10px;
}

#header .phone {
	position:absolute;
	top:8px;
	right:10px;
}

/******** MENU ********/

#menu {
	text-transform:uppercase;
	font-weight:bold;
	padding:0;
	margin:0 10px 0 170px;
}

#menu ul {
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	position:relative;
}

#menu input {
	position:relative;
	top:35px;
}

#menu li {
	display:block;
	float:left;
	position:relative;
	z-index:5;
}

#menu li.link {
	background-image:url(../images/menu_sides.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:0 1px;
	text-align:center;
	margin-right:1px;
}

#menu li.link a {
	background-image:url(../images/menu_middle.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:40px 10px 5px;
	text-align:center;
}

#menu li.right {
	float:right;
	text-align:right;
}

#menu li a {
	color:#0079c2;
	text-decoration:none;
	display:block;
}

#menu a:hover {
	text-decoration:underline;
}

#menu li.selected a {
	background-image:none;
	background-color:#0079c2;
	color:#FFF;
}

/******** SUBNAV ********/

#subnav {
	text-transform:lowercase;
	padding:0 0 0 165px;
	background-color:#68b1dc;
}

#subnav ul {
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	position:relative;
}

#subnav li {
	display:block;
	float:left;
	position:relative;
	z-index:5;
}

#subnav li.link {
	background-image:url(../images/yourspace_subnav_fade.gif);
	background-repeat:repeat-x;
	background-position:center;
	padding:0 0 0 1px;
	text-align:center;
}

#subnav li.end {
	padding-right:1px;
}

#subnav li.link a {
	background-color:#68b1dc;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:5px 10px;
}

#subnav li.backlink {
	float:right;
	padding:5px 10px;
	text-align:center;
	background-image:url(../images/blue_fade_off.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#025d94;
	text-transform:uppercase;
	font-weight:bold;
}

#subnav li.backlink a {
	color:#FFF;
}

#subnav li a:hover {
	text-decoration:underline;
}

#subnav li.selected a {
	color:#004775;
}

/************ CONTENT ************/

#content {
	font-size:1.1em;
	clear:both;
	position:relative;
}

#content a {
	color:#0079c2;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#breadcrumb {
	background-color:#025d94;
	color:#FFF;
	padding:2px 20px;
	margin:0;
	font-size:0.9em;
	background-image:url(../images/blue_fade_off.gif);
	background-position:top;
	background-repeat:repeat-x;
}

#breadcrumb.small {
	font-size:1px;
	height:1px;
}

#breadcrumb a {
	color:#FFF;
}

/************ BANNER ************/

#banner {
	margin-bottom:10px;
	height:400px;
	position:relative;
}

#ribbon {
	position:absolute;
	width:900px;
	height:109px;
	background-image:url(../images/ribbon.png);
	background-position:bottom;
	background-repeat:no-repeat;
	z-index:1000;
	bottom:-1px;
	left:0;
}

#slider {
	position:relative;
	background:url(../images/ajax-loader.gif) no-repeat 50% 50%; 
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a{
	display:block;
}

.nivo-controlNav {
	position:absolute;
	right:15px;
	bottom:0;
	z-index:1001;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

/******** MAP ********/

#map_canvas {
	width:560px;
	height:400px;
	margin-bottom:0.5em;
}

/************ MAIN ************/

#main {
	padding:20px;
}

#main.tour {
	padding-left:45px;
	padding-right:53px;
}

#main p {
	line-height:1.5em;
}

#main h1 {
	margin:0 0 1em 0;
	padding:0;
	font-size:1.8em;
}

#main h2 {
	margin:0 0 0.2em 0;
	padding:0;
	font-size:1.4em;
	font-family:"Arial Black", Arial, Tahoma, sans-serif;
}

#main label {
	width:12em;
	float:left;
	padding-right:1em;
	text-align:right;
}

#main .col {
	width:50%;
	float:left;
	padding-bottom:1em;
}

#main .colone {
	width:300px;
}

#main .coltwo {
	width:560px;
}

#main .col label {
	font-weight:bold;
	float:left;
	width:80px;
	margin-right:10px;
}

#main .col textarea {
	width:200px;
	height:100px;
}

#main.yourspace {
	width:660px;
	float:right;
	padding:10px 0;
}

#main.yourspace .post h3 {
	font-size:1.6em;
	color:#FFF;
	background-color:#0079c2;
	padding:0.3em 10px;
}

#main.yourspace .post h3 em {
	font-style:normal;
	font-weight:normal;
	font-size:0.7em;
	color:#8cbcd8;
}

#main.yourspace .post h3 span {
	float:right;
	font-style:normal;
	font-weight:normal;
	font-size:0.5em;
	position:relative;
	top:6px;
}

#main.yourspace .post h3 a {
	text-decoration:none;
	color:#FFF;
}

#main.yourspace .post h3 em a {
	color:#8cbcd8;
}

#main.yourspace .post h3 a:hover {
	text-decoration:underline;
}

#main.yourspace .post .when {
	font-size:0.9em;
	color:#999;
	clear:left;
}

#main.yourspace .mini .wrap {
	margin-left:55px;
}

#main.yourspace .mini h3 {
	font-size:1.3em;
}

#main.yourspace .mini img, #main.yourspace .album img {
	float:left;
	margin:0 1em 1em 0;
}

#main.yourspace .post .post_inner {
	padding:10px;
}

#main .galleryFront {
	float:left;
	margin:0 8px 1em 0;
	width:209px;
	height:150px;
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#0079c2;
}

#main .galleryFront img {
	width:209px;
	height:150px;
}

#main .end {
	margin-right:0;
}

#main .galleryFront h3 {
	position:absolute;
	bottom:0;
	left:0;
	background-color:#0079c2;
	background-color:rgba(0, 121, 194, 0.8);
	font-size:1em;
	padding:2px 5px;
	width:199px;
}

#main .galleryFront h3 a {
	color:#FFF;
}




#main.login {
	/*background-image:url(../images/banner_yourspacesignup.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:280px;*/
}

#main.login h1 {
	font-size:3em;
	float:left;
	width:300px;
}

#main.login form {
	margin-left:320px;
	padding-bottom:20px;
	font-size:0.9em;
}

#main.login form p {
	margin-bottom:0.5em;
}

#main.login form p.submit {
	padding-top:1em;
}

input.button {
	background-image:url(../images/blue_fade_off.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#025d94;
	text-transform:uppercase;
	padding:4px 8px;
	color:#FFF;
	border:none;
}

#main.login form label {
	font-weight:bold;
	float:left;
	/*text-align:right;*/
	width:120px;
	margin-right:10px;
}

#main.login form textarea {
	width:200px;
	height:50px;
}

#main .column {
	float:left;
	margin-right:17px;
	margin-bottom:2em;
	width:275px;
}

#main .last {
	margin-right:0;
}

#main .column h2 {
	color:#0079c2;
	text-transform:uppercase;
}

#main .column .panel {
	background-image:url(../images/panel_back.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:143px;
}

#main .column .scroll {
	overflow:auto;
}

#main .column .panel img {
	display:block;
}

#main .column .panel ul {
	padding:10px;
	list-style:none;
}

#main .column .panel ul li {
	padding:0 15px;
	background-image:url(../images/icons/burger.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:0.5em;
	text-transform:uppercase;
}

#main .column .sub a {
	color:#FFF;
	text-transform:uppercase;
	background-image:url(../images/blue_fade_off.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#025d94;
	display:block;
	padding:3px 0 3px 10px;
}

#main .column .sub a span {
	float:right;
	width:25px;
	border-left:1px solid #FFF;
	text-align:center;
}

.articles {
	border:1px solid #CCC;
	background-color:#FFF;
	padding:5px;
	margin-bottom:10px;
	margin-right:10px;
	text-align:center;
}

.articles .item {
	padding:10px 0 20px;
	text-align:left;
	margin:0 20px 10px 20px;
	border-bottom:5px solid #CCC;
}

.articles .item p.date {
	color:#999;
	font-size:0.9em;
}

.articles h2 {
	font-size:1.2em;
	padding:5px 11px 5px 20px;
	margin:0 0 5px;
	color:#FFF;
	background-image:url(../images/blue_fade_off.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#025d94;
	text-align:left;
}

.articles h3 {
	font-size:1.4em;
	text-transform:uppercase;
}

#main.cyclescheme {
	background-image:url(../images/banner_cyclescheme.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding:302px 40px 20px 230px;
	height:500px;
}

#main.cyclescheme h1 {
	position:absolute;
	top:30px;
	left:20px;
	width:100%;
	font-size:4em;
}

#main.cyclescheme h2 {
	font-size:4em;
}

#main.cyclescheme h3 {
	font-size:1.6em;
}

#main.cyclescheme h4 {
	font-size:2em;
}

#main.cyclescheme h5 {
	font-size:1.2em;
	margin-top:2em;
	margin-bottom:0.2em;
}

#main.cyclescheme table td {
	padding:5px 8px;
}

#main.cyclescheme table tr.blue td {
	font-size:1.2em;
	color:#FFF;
	background-color:#0079c2;
	padding-right:100px;
}

#main.cyclescheme table tr.blue td.right_align {
	border-left:2px solid #fff;
	padding-right:8px;
}

#main.cyclescheme table tr.spacer {
	font-size:1px;
	height:10px;
}

/************ SEARCH ************/
#search {
	list-style:none;
	padding:0;
	margin:0;
}

#search li.search_item {
	background-color:#FFF;
	border:1px solid #e0e0e0;
	padding:2em;
	clear:left;
	margin-top:1em;
}

#search li.search_item img {
	float:left;
}

#search li.search_item h3 {
	margin-bottom:0.5em;
}

#search .inner {
	margin-left:350px;
}

#search .inner ul {
	padding-left:2em;
	list-style:square;
	margin-bottom:1em;
}

/************ WRAPPER ************/

.wrapper {
	background-position:top right;
	background-repeat:no-repeat;
}

.news { 	background-image:url(../images/banner_news.jpg); }
.geartop { 	background-image:url(../images/banner_gear.jpg); }
.geartopgrad { 	background-image:url(../images/banner_gear_grad.jpg); }

.search { 	
	background-image:url(../images/banner_search.jpg);
	padding:250px 19px 19px;
}

div.menonroadperformance { 	background-image:url(../images/banner_mens_onroad_performance.jpg); }
div.menonroadlifestyle { 	background-image:url(../images/banner_mens_onroad_lifestyle.jpg); }
div.menonroadsport { 		background-image:url(../images/banner_mens_onroad_sport.jpg); }

div.menxroadperformance { 	background-image:url(../images/banner_mens_xroad_performance.jpg); }
div.menxroadlifestyle { 	background-image:url(../images/banner_mens_xroad_lifestyle.jpg); }
div.menxroadsport { 		background-image:url(../images/banner_mens_xroad_sport.jpg); }

div.menoffroadperformance { background-image:url(../images/banner_mens_offroad_performance.jpg); }
div.menoffroadlifestyle { 	background-image:url(../images/banner_mens_offroad_lifestyle.jpg); }
div.menoffroadsport { 		background-image:url(../images/banner_mens_offroad_sport.jpg); }

div.womenonroadperformance { 	background-image:url(../images/banner_womens_onroad_performance.jpg); }
div.womenonroadlifestyle { 		background-image:url(../images/banner_womens_onroad_lifestyle.jpg); }
div.womenonroadsport {		 	background-image:url(../images/banner_womens_onroad_sport.jpg); }

div.womenxroadlifestyle { 	background-image:url(../images/banner_womens_xroad_lifestyle.jpg); }
div.womenxroadsport {	 	background-image:url(../images/banner_womens_xroad_sport.jpg); }

div.womenoffroadperformance { 	background-image:url(../images/banner_womens_offroad_performance.jpg); }
div.womenoffroadlifestyle { 	background-image:url(../images/banner_womens_offroad_lifestyle.jpg); }
div.womenoffroadsport {	 		background-image:url(../images/banner_womens_offroad_sport.jpg); }

div.youthonroadlifestyle {	background-image:url(../images/banner_youth_onroad_first.jpg); }
div.youthonroadsport { 		background-image:url(../images/banner_youth_onroad_sport.jpg); }
div.youthbmxsport {	 		background-image:url(../images/banner_youth_bmx_dirt.jpg); }
div.youthoffroadsport { 	background-image:url(../images/banner_youth_offroad_sport.jpg); }

/************ SIDE ************/

#side {
	width:170px;
	margin:0 0 2em;
	background-color:#FFF;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
}

#side.yourspace {
	width:220px;
	padding:10px 0;
	border:none;
}

#side.yourspace .imgWrapper {
	position:relative;
}

#side.yourspace .imgWrapper a {
	background-color:#FFF;
	background-color:rgba(255, 255, 255, .9);
	position:absolute;
	top:0;
	right:0;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
	display:none;
}

#side.yourspace .imgWrapper:hover a {
	display:block;
}

#side.yourspace .profilePic {
	margin-left:20px;
	margin-bottom:5px;
}

#side.yourspace h2 {
	margin-left:20px;
	margin-bottom:0;
	font-size:1.6em;
	color:#0079c2;
}

#side.yourspace p {
	margin-left:20px;
	line-height:1.6em;
}

#side.yourspace p strong {
	color:#0079c2;
	font-size:1.2em;
}

#side.yourspace p.light {
	font-size:0.9em;
	color:#999;
}


#side h3 {
	color:#FFF;
	padding:5px 5px 5px 19px;
	background-color:#025d94;
	margin-bottom:2px;
	background-image:url(../images/blue_fade_off.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-size:1.2em;
}

#side h3.women {
	background-image:url(../images/grad_womens.gif);
	background-color:#6da4b7;
}

#side h3.youth {
	background-image:url(../images/grad_youth.gif);
	background-color:#bebe4c;
}

#side h4 {
	padding:2px 5px 2px 19px;
	font-size:1.0em;
	font-weight:lighter;
	margin-bottom:1px;
}

#side h3 a, #side h4 a {
	background-image:url(../images/left_arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	display:block;
	color:#FFF;
	padding-right:12px;
}

#side h3 a.dropped, #side h4 a.dropped {
	background-image:url(../images/down_arrow.gif);
}

#side h5 {
	padding-left:19px;
	font-size:1em;
	color:#FFF;
}

#side h5 a {
	color:#FFF;
}

#side h6 {
	padding-left:29px;
	font-size:0.9em;
	color:#FFF;
}

#side h3, #side.bikeside h4, #side.bikeside h5, #side.bikeside h6, #side.bikeside li {
	text-transform:uppercase;
}

#side.yourspace h3 {
	color:#0079c2;
	padding:0;
	background-color:transparent;
	background-image:none;
	margin:0 0 0 20px;
}

#side ul {
	padding:0;
	margin:3px 0 3px 0;
	list-style:none;
}

#side ul li {
	padding:0;
	background-color:#CCC;
	margin-bottom:1px;
}

#side ul a {
	color:#666;
	padding:3px 19px;
	display:block;
}

#side.yourspace ul {
	margin-top:1em;
	border-bottom:1px solid #CCC;
}

#side.yourspace ul li {
	border-top:1px solid #CCC;
	background-color:transparent;
	margin-bottom:0;
}

#side.yourspace ul.options {
	border:none;
}

#side.yourspace ul.options li {
	border:none;
	margin-left:19px;
}

#side.bikeside ul li {
	background-color:transparent;
}

#side.bikeside ul a {
	padding-left:39px;
	font-size:0.8em;
	color:#FFF;
}

#side.gear ul a {
	padding-left:29px;
}

#side ul li.selected {
	background-color:#FFF;
	color:#000;
	font-weight:bold;
}

#side ul li.selected a {
	color:#000;
}

#side.yourspace ul li.selected {
	background-image:url(../images/yourspace_menu_fade.gif);
	background-repeat:repeat-y;
	background-position:left;
	color:#FFF;
}

#side.yourspace ul li.selected a {
	color:#FFF;
}

/************ PANEL COLOURS ************/

#side.bikeside .panel {
	background-color:#CCC;
	padding:10px 0;
	margin-bottom:1px;
}

#side.gear .panel {
	background-image:url(../images/gear_side_grad.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#737374;
}

#side.bikeside div.onroadperformance	{ background-color:#585747; }
#side.bikeside div.onroadsport			{ background-color:#94948A; }
#side.bikeside div.onroadlifestyle		{ background-color:#BCBEAD; }

#side.bikeside div.xroadperformance		{ background-color:#BD1B20; }
#side.bikeside div.xroadlifestyle		{ background-color:#FCAF17; }

#side.bikeside div.offroadperformance	{ background-color:#0076A3; }
#side.bikeside div.offroadsport			{ background-color:#00ACCD; }
#side.bikeside div.offroadlifestyle		{ background-color:#65B4C6; }

#side.bikeside div.bmxsport				{ background-color:#372225; }


#side.bikeside h4.menonroad				{ background-color:#585747; }
#side.bikeside h4.menxroad				{ background-color:#BD1B20; }
#side.bikeside h4.menoffroad			{ background-color:#0076A3; }

#side.bikeside h4.womenonroad			{ background-color:#585747; }
#side.bikeside h4.womenxroad			{ background-color:#FCAF17; }
#side.bikeside h4.womenoffroad			{ background-color:#0076A3; }

#side.bikeside h4.youthonroad			{ background-color:#BCBEAD; }
#side.bikeside h4.youthbmx				{ background-color:#372225; }
#side.bikeside h4.youthoffroad			{ background-color:#00ACCD; }

/************ COPY ************/

#copy {
	/*margin-left:190px;*/
	padding-top:150px;
	width:710px;
	float:right;
}

#copy.full {
	margin-left:0;
	padding-top:0;
	width:729px;
}

#copy.bikelist {
	padding-top:188px;
	width:690px;
	margin-right:20px;
}

#copy.gearlist {
	padding-top:210px;
}

#copy .bike, #copy .gear {
	width:338px;
	height:302px;
	padding:0px;
	border:1px solid #CCC;
	float:left;
	margin:5px 10px 5px 0;
	text-align:center;
	cursor:pointer;
	background-color:#FFF;
	position:relative;
}

#copy .gear {
	width:218px;
	height:228px;
	margin-right:15px;
}

#copy .bike p {
	position:absolute;
	margin:5px;
	bottom:0;
	font-size:1.1em;
	padding:3px 5px;
	background-color:#999;
	color:#FFF;
	text-transform:uppercase;
	text-align:left;
}

#copy .bike p.fullWidth {
	width:318px;
}

#copy .bike p.fullWidth span {
	float:right;
	text-align:right;
}

#copy .gear h3 {
	position:absolute;
	top:0;
	width:218px;
	background-color:#025d94;
	background-image:url(../images/blue_fade_off.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:left;
	text-transform:uppercase;
	font-size:1.1em;
}

#copy .gear h3 a {
	color:#FFF;
	display:block;
	padding:2px 5px;
}

#copy .bike p a {
	color:#FFF;
}

#copy .bike p a:hover, #copy .gear h3 a:hover {
	text-decoration:none;
}

#copy .end {
	margin-right:0;
}

#copy.bikelist h1, .search h1 {
	font-size:2.6em;
	color:#FFF;
	position:absolute;
	top:36px;
	text-transform:uppercase;
}

#copy.bikelist p.intro {
	font-size:1.4em;
	color:#FFF;
	position:absolute;
	top:66px;
	text-transform:uppercase;
}

#copy.bikelist h2 {
	color:#FFF;
	text-transform:uppercase;
	padding:20px 10px 5px;
	margin-top:20px;
	clear:left;
	color:#94948A;
}

#copy h3.subtitle {
	text-transform:uppercase;
	color:#0079C2;
	margin:0 0 5px;
	padding-top:30px;
	clear:left;
	font-size:1.4em;
}

#fullrange {
	width:150px;
	float:right;
}

#fullrange .bike {
	width:148px;
	height:100px;
	margin:4px 0;
}

#fullrange h3 {
	text-transform:uppercase;
	color:#0079C2;
	margin:10px 0;
	font-size:2em;
	line-height:1em;
}

#fullrange .bike p {
	margin:2px;
	font-size:0.8em;
	padding:1px 2px;
	line-height:1em;
}

#thebike {
	margin-right:160px;
	padding-top:20px;
}

#thebike .price {
	margin-top:1em;
	font-size:1.2em;
	color:#0079C2;
	text-align:right;
}

#thebike .sub_buttons {
	text-align:right;
}

#copy ul.search_options  {
	list-style:none;
	padding:1em 0 0 0;
	margin:0;
	font-size:0.9em;
	position:relative;
	top:1px;
}

#copy ul.search_options li {
	padding:0;
	background-color:#CCCCCC;
	margin-right:3px;
	float:left;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}

.search_options:after, .search_options ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: left;
}
.search_options, .search_options ul {	/* IE7 float clear: */
	min-height: 0;
}

#copy ul.search_options a {
	color:#666666;
	text-decoration:none;
	padding-top:0.7em;
	padding-bottom:0.7em;
	margin:0 1.1em;
	display:block;
}

#copy ul.search_options a:hover {
	text-decoration:underline;
}

#copy ul.search_options .selected {
	background-color:#FFFFFF;
}

#content .search_options .selected a {
	color:#000;
}

#copy .details {
	border:1px solid #CCC;
	padding:10px;
	margin-bottom:2em;
}

#copy .details h3 {
	margin-bottom:0.5em;
}

#copy .details ul {
	padding-left:20px;
}

#spectable {
	font-size:0.9em;
	margin-bottom:2em;
}

#spectable td {
	padding:0.3em 0;
	border-bottom:1px solid #E0E0E0;
}

#spectable .headerrow td {
	border-bottom:2px solid #666;
	padding-top:1em;
	font-size:1.2em;
	text-transform:uppercase;
}

#copy .button {
	background-image:url(../images/blue_fade_off.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#025d94;
	text-transform:uppercase;
	padding:4px 0;
}

#copy .button a {
	color:#FFF;
	padding:0 8px;
}

/************ BACKWRAP ************/

#backwrap {
	background-position:bottom right;
	background-repeat:no-repeat;
}

#backwrap.servicing {	background-image:url(../images/back_servicing.gif);	}
#backwrap.bikefit {		background-image:url(../images/back_bikefit.gif);
						padding-bottom:100px;
}
#backwrap.hire {		background-image:url(../images/back_hire.gif);
						padding-bottom:40px;
}
#backwrap.demo {		background-image:url(../images/back_demo.gif);
						padding-bottom:80px;
}


/************ CONTACT ************/

#staff_panel {
	width:300px;
	float:right;
	margin-top:20px;
}

#staff_panel h1, h1.paneltop {
	background-color:#0079c2;
	color:#FFF;
	font-size:1.4em;
	padding:3px 5px;
	margin-bottom:4px;
	width:256px;
}

#staff_panel h2, h2.paneltop {
	background-color:#b4b4b4;
	color:#FFF;
	font-size:1em;
	font-weight:normal;
	padding:3px 5px;
	margin-bottom:10px;
	width:256px;
}

h1.paneltop {
	margin-top:20px;
	margin-left:20px;
}

h2.paneltop {
	margin-left:20px;
}

.staff {
	background-color:#0079c2;
	background-image:url(../images/staff_back.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#FFF;
	width:260px;
	font-size:0.9em;
	margin:0 10px 10px 0;
	border:3px solid #CCC;
	float:left;
}

.staff p {
	margin:0;
}

.staff img {
	float:left;
}

.staff .staff_inner {
	margin-left:120px;
	padding:5px 10px;
}

#staff_panel .staff a, #main .staff a {
	color:#FFF;
}

#contact_side {
	width:300px;
	float:right;
	text-align:right;
	text-transform:uppercase;
	margin-top:20px;
}

#contact_side .panel {
	background-color:#228ac9;
	color:#FFF;
	padding:10px;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:10px;
}

#contact_side .opening {
	font-weight:normal;
	font-size:1.4em;
}

#contact_side .panel p {
	margin:0;
	padding:0;
}

#contact_side .maplink a {
	background-color:#228ac9;
	color:#FFF;
	padding:5px 10px;
	font-size:1.2em;
}

#contact_main {
	margin:20px 330px 3em 30px;
	color:#64a0c5;
	text-transform:uppercase;
}

#contact_main h2 {
	font-size:4.2em;
	line-height:1em;
	margin-bottom:0;
}

#contact_main h3 {
	font-size:2.8em;
	line-height:1.2em;
	margin-bottom:0.5em;
}

#contact_main p {
	font-size:1.8em;
}

#contact_main h4 {
	font-size:1.6em;
	margin-bottom:0.2em;
	color:#0079c2;
}

#contact_main .images {
	position:relative;
	left:-11px;
}

#contact_main .images img {
	margin-right:10px;
}

#contact_main .blue_panel {
	background-color:#0079c2;
	color:#FFF;
	text-transform:none;
	margin:0 10px 10px 0;
	float:left;
	width:230px;
	height:170px;
	padding:10px;
}

#contact_main .blue_panel h3 {
	font-size:1.4em;
	text-transform:uppercase;
}

#contact_main .blue_panel p {
	font-size:1em;
	margin-bottom:0.5em;
}

#contact_main .blue_panel ul {
	margin-left:20px;
}

#contact_main .blue_panel li {
	margin-bottom:0.3em;
}

/************ BIKE COLOURS ************/

.onroadperformance #copy .bike			{ border-color:#585747; }
.onroadperformance #copy .bike p		{ background-color:#585747; }
.onroadperformance #copy.bikelist h2 	{ 
	color:#585747;
}

.onroadsport #copy .bike		{ border-color:#94948A; }
.onroadsport #copy .bike p		{ background-color:#94948A; }
.onroadsport #copy.bikelist h2 	{ 
	color:#94948A;
}

.onroadlifestyle #copy .bike	{ border-color:#BCBEAD; }
.onroadlifestyle #copy .bike p	{ background-color:#BCBEAD; }
.onroadlifestyle #copy.bikelist h2 	{ 
	color:#BCBEAD;
}

.xroadperformance #copy .bike	{ border-color:#BD1B20; }
.xroadperformance #copy .bike p	{ background-color:#BD1B20; }
.xroadperformance #copy.bikelist h2 	{ 
	color:#BD1B20;
}

.xroadlifestyle	#copy .bike		{ border-color:#FCAF17; }
.xroadlifestyle	#copy .bike	p	{ background-color:#FCAF17; }
.xroadlifestyle #copy.bikelist h2 	{ 
	color:#FCAF17;
}

.offroadperformance #copy .bike		{ border-color:#0076A3; }
.offroadperformance #copy .bike p	{ background-color:#0076A3; }
.offroadperformance #copy.bikelist h2 	{ 
	color:#0076A3;
}

.offroadsport #copy .bike		{ border-color:#00ACCD; }
.offroadsport #copy .bike p		{ background-color:#00ACCD; }
.offroadsport #copy.bikelist h2 	{ 
	color:#00ACCD;
}

.offroadlifestyle #copy .bike	{ border-color:#65B4C6; }
.offroadlifestyle #copy .bike p	{ background-color:#65B4C6; }
.offroadlifestyle #copy.bikelist h2 	{ 
	color:#65B4C6;
}

.bmxsport #copy .bike			{ border-color:#372225; }
.bmxsport #copy .bike p			{ background-color:#372225; }
.bmxsport #copy.bikelist h2 	{ 
	color:#372225;
}

#copy .bike:hover, #copy .gear:hover {
	border-color:#000;
}

#copy.bikelist h2.first {
	background-image:none;
	background-color:transparent;
}

/************ ICONS ************/

.icon {
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
}

.add {		background-image:url(../images/icons/add.gif); }
.edit {		background-image:url(../images/icons/pencil.gif); }
.success {	background-image:url(../images/icons/accept.gif);}
.star {		background-image:url(../images/icons/star.gif);}
.email {	background-image:url(../images/icons/email.gif);}
.user {		background-image:url(../images/icons/user.gif);}
.map {		background-image:url(../images/icons/map.gif);}
.picture {	background-image:url(../images/icons/picture.gif);}
.pdf {		background-image:url(../images/icons/page_white_acrobat.gif);}

/************ FOOTER ************/

#footer {
	clear:both;
	text-align:right;
	background-color:#5eaad8;
}

#footer_extra {
	width:924px;
	margin:0 auto 4em auto;
	position:relative;
	top:-5px;
	font-size:0.9em;
	text-align:left;
}

#footer_extra p.copyright {
	float:right;
	text-align:right;
	padding-right:20px;
}

#footer ul {
	list-style:none;
	padding:3px 0;
	margin:0 auto 0 auto;
	display:block;
	position:relative;
	width:100%;
}

#footer li {
	display:inline;
	padding:0;
	position:relative;
	z-index:5;
}

#footer li a {
	color:#FFF;
	text-decoration:none;
	padding:3px 8px;
	border-left:1px solid #FFF;
	background-color:#0079c2;
}

#submenu li a {
	color:#FFF;
	padding:0 18px;
	border-color:#FFF;
}

#footer li.last a {
	border:0;
}

#footer a:hover {
	text-decoration:underline;
}

#footer_extra .panel_top {
	width:420px;
	padding:12px 0 0;
	background-image:url(../images/small_shadow_top.png);
	background-position:top center;
	background-repeat:no-repeat;
}

#footer_extra .panel_bottom {
	padding:0 0 12px;
	background-image:url(../images/small_shadow_bottom.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#footer_extra .panel_sides {
	padding:0 12px;
	background-image:url(../images/small_shadow_sides.png);
	background-repeat:repeat-y;
	background-position:center;
}


#footer_extra .panel_insert {
	background-color:#FFF;
	padding:6px 10px;
}

#footer_extra .panel_insert img {
	margin-right:10px;
}

/************ ADDITIONAL ************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.hidden {
	display:none;
}

.clear {
	font-size:1px;
	height:1px;
	clear:both;
	margin:0;
	padding:0;
}

.clear_left {
	font-size:1px;
	height:1px;
	clear:left;
	margin:0;
	padding:0;
}


.left {
	float:left;
}

.right {
	float:right;
}

.right_align {
	text-align:right;
}

.center_align {
	text-align:center;
}

.highlight {
	color:#FF0000;
}

.hl {
	color:#FF0000;
}

.highlight input, .highlight textarea {
	border:1px solid #FF0000;
	color:#FF0000;
	background-color:#FFCFCF;
}

.error {
	border:1px solid #FF0000;
	color:#FF0000;
	padding:1em;
	margin-bottom:1em;
}

.message {
	border:1px solid #0000FF;
	text-align:center;
	color:#0000FF;
	padding:1em;
	margin-bottom:1em;
}

.accept {
	border:1px solid #007745;
	color:#007745;
	padding:1em;
	margin-bottom:1em;
}