/* 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 165px;
}

#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_back.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:62px;
	padding:40px 5px 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 {
	background-image:url(../images/menu_back_selected.gif);
}

#menu li.selected a {
	color:#FFF;
}

/************ 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;
	background-image:url(../images/flash_back.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
}

#banner p {
	position:absolute;
	top:80px;
	left:482px;
	width:350px;
	color:#FFF;
}

#banner a {
	color:#FFF;
	text-decoration:underline;
}

/************ 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 .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;
}

/************ 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.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.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 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 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.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;
}

/************ 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 ul {
	padding-left:20px;
}

#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;
}

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

#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 .map 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 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;
}

/************ 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); }
.success {	background-image:url(../images/icons/accept.gif);}
.star {		background-image:url(../images/icons/star.gif);}
.email {	background-image:url(../images/icons/email.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 ************/

.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;
}