/*So Many Roads v1.0*/
		/* Conjoured with love by Scotty V
		Liverpool FC > Tottenham HS
		*/
		
		/* Reset styles and initialise */
		
			* {
				padding: 0;
				margin: 0;
			}
			
			html, body {
				font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
				font-size: 15px;
				text-align: center;
			}

			body {
				color: #d3d3d3;
				background-color: #5f5f69;
				background-position: center top;
				background-image: url(images/background.jpg);
				background-repeat: no-repeat;
				background-attachment: fixed;
			}
			
			p, li {
				line-height: 1.5em;
			}
			
			h1 {
				font-family: Helvetica,Arial,sans-serif;
				font-size: 1.8em;
				letter-spacing: -1px;
				color: #fff;
/*				margin-bottom: 0.65em;*/
/*				color: #fff;*/
				/*text-shadow:0 -1px 1px black;*/
			}
			
			h2 {
				color: #fff;
				font-family: Helvetica,Arial,sans-serif;
				font-size: 1.9em;
				letter-spacing: -1px;
/*				color: #dbdbdb;*/
			}
			
			h3 {
				font-size: 1.1em;
				margin-bottom: 0.83em;
				font-weight: normal;
			}
			
			p {
				margin-bottom: 1em;
			}
			
			ul, ol {
				list-style-position: inside;
				list-style-type: none;
			}
			
			a {
				color: #939393;
				text-decoration: none;
			}
			
			a:visited {
			}
			
			a:active {
			}
			
			a:hover {
				color: #27abe8;
			}
			
			a img {
				border: 0;
			}
			
			hr {
				margin-top: 0.15em;
				margin-bottom: 1.5em;
			}
			
		/* Main Styling */
			
			#main {
				position: relative;
				overflow: hidden;
			}
			
			#footer {
				width: 957px;
				margin: 0 auto;
				clear: left;
				overflow: hidden;
			}
			
			#footer-top {
				padding: 15px 20px;
				overflow: hidden;
				zoom: 1; /* For overflow hidden to work in IE6 this needs either a fixed width, fixed height or zoom. Fixed dimensions would mean having to add yet another child div to apply the padding to. */
				background-color: #191a1c;
				color: #9b9b9b;
				text-align: left;
			}
			
			#footer hr {
				border-color: #373737;
			}
			
			
			#site-map {
				width: 200px;
				height: 150px;
				float: left;
				margin-right: 40px;
			}
			
			#affiliates {
				width: 670px;
				float: left;
				overflow: hidden;
			}
			
			#page {
				margin: 0 auto;
				width: 795px;
				text-align: left;
			}
			
			#header {
				height: 120px;
				overflow: hidden;
			}
			
			#logo {
				float: left;
				width: 269px;
				height: 122px;
				background-color: #191a1c;
			}
				
			#logo-hover {
				display: none;
			}

			#logo:hover #logo-static{
				display: none;
			}

			#logo:hover #logo-hover{
				display: inline;
			}
			
			#nav {
				float: right;
				margin: 50px 15px 0 0;
				padding: 0 20px 3px 0;
				background-color: #191a1c;;
			}
			
			#nav li {
				display: inline;
				margin-left: 20px;
			}
			
			#nav a {
				color: #aaa;
			}
			
			#nav a:hover {
				color: #fff;
			}
			
			#community-menu-submenu {
				padding: 2px 0;
				background: #212225;
			}
			
			#community-menu-submenu li {
				display: inline;
				margin: 0 10px;
			}
			
			
			#window {
				position: relative;
				height: 227px;
/*				background-color: #1a1a1a;*/
				background: url(/images/window-tab.png) no-repeat top left;
				margin-bottom: 25px;
/*				position: relative;*/
			}
		
			.none-flash {
				position: absolute;
				top: 0;
				left: 0;
			}
			
			.none-flash h2, .none-flash h3{
				position: absolute;
				left: 20px;
			}
			
			.none-flash h2 {
				top: 15px;
			}
			
			.none-flash h3 {
				width: 200px;
				top: 70px;
				color: #fff;
				font-size: 1.2em;
			}
		
			.alternateContent{
				position: relative;
			}
			
			.tab-container {
				overflow: hidden;
				margin-bottom: 25px;
			}
			
			.tab {
				background-color: #191a1c;
				padding: 11px 20px;
			}
			
			.tab-bottom {
				padding-bottom: 9px;
			}
			
			#welcome {
				width: 450px;
				background: url(images/welcome-top.png) no-repeat top left;
				float: left;
				padding-top: 9px;
			}
			
			#welcome .tab-bottom {
				background: url(images/welcome-bottom.png) no-repeat bottom left;
			}
			
			#welcome .tab {
				background: url(images/welcome-repeat.png) repeat-y top left;
/*				font-size: 1em;*/
			}
			
			#welcome .article-body {
				font-size: .85em;
				color: #bbb;
				text-indent: 2em;
			}
			
			#news {
				width: 320px;
				float: left;
				margin-right: 25px;
				padding-top: 9px;
				background: url(images/news-top.png) no-repeat top left;
			}
			
			#news .tab-bottom {
				background: url(images/news-bottom.png) no-repeat bottom left;
			}
			
			#news .tab {
				background: url(images/news-repeat.png) repeat-y top left;
			}
			
			.time-stamp {
				position: relative;
				float: left;
				width: 52px;
				height: 57px;
/*				background-color: #111214;*/
				background: url(images/timestamp.png) no-repeat top left;
			}
			
			.date {
				text-align: center;
				margin-top: 8px;
				color: #838390;
				font-size: 1.1em;
				font-weight: bolder;
			}
			
			.date sup {
				text-transform: uppercase;
				font-size: 0.5em;
			}
			
			.month {
				text-transform: uppercase;
				font-weight: bolder;
				color: #4f5058;
				font-size: 1.2em;
				text-align: center;
			}
			
			#news .article {
				overflow: hidden;
				margin-bottom: 1em;
			}
			
			#news .article-title {
				margin-left: 70px;
				width: 205px;
				font-size: 0.85em;
			}
			
			#contact {
				width: 360px;
				float: left;
				margin-right: 75px;
				background: url(images/bottom-top.png) no-repeat top left;
				padding-top: 9px;
			}
			
			#contact .tab-bottom,
			#theShop .tab-bottom {
				background: url(images/bottom-bottom.png) no-repeat bottom left;
			}
			
			#contact .tab,
			#theShop .tab {
				background: url(images/bottom-repeat.png) repeat-y top left;
			}
			
			#contact .vcard {
				margin-bottom: 2em;
			}
			
			
			#theShop {
				width: 360px;
				float: left;
				background: url(images/bottom-top.png) no-repeat top left;
				padding-top: 9px;
			}
			
			#theShop img{
				width: 320px;
				height: 214px;
			}
			
			#slideshow {
				position: relative;
				height: 214px;
				width: 320px;
			}
			
			.brand-name {
				font-weight: bold;
				color: #fff;
			}
			
			#footer-info {
				margin: 8px auto;
				text-align: left;
				font-size: 0.65em;
			}
			
			.copyright {
				margin-left: 125px;
				float: left;
			}
			
			.designed {
				background-position: right 0;
				background-repeat: no-repeat;
				background-image: url(images/flame.png);
				float: right;
				margin-right: 125px;
				/*padding: 2px 0 10px 20px;*/
				padding: 2px 20px 10px 0;
			}
			
			/* */
			/* ----- NEWS SECTION ----- */
			/* */
			
			#news-full {
				padding: 25px;
				background: url(images/bottom-repeat.png) top left;
				margin-bottom: 1em;
			}

			
			#news-full .article {
				overflow: hidden;
				margin-bottom: 1em;
			}
			
			#news-full .article-title {
				margin-left: 70px;
/*				padding-right: 30px;*/
				font-size: 0.85em;
			}
			
			#news-full hr {
				border-color: #666;
			}
			
			
			/* */
			/* ----- PROFILE SECTION ----- */
			/* */
			
			#contact-tab {
				padding: 35px 45px 45px 45px;
				overflow: hidden;
			}
			
			#contact-tab h2 {
/*				text-decoration: underline;
				margin-bottom: .3em;*/
			}
			
			#contact-tab hr {
/*				display: none;*/
				border-color: #333;
				margin-top: .55em;
				margin-bottom: .55em;
			}
			
			#contact-tab .adr hr {
/*
				width: 250px;*/
			}
			
			#contact-tab span {
				display: block;
			}
			
			#contact-tab .opening-times {
				float: left;
				zoom: 1;
				width: 49%;
			}
			
			#contact-tab .opening-times {
				width: 350px;
			}
			
			#contact-tab .opening-times-group {
/*				font-size: 1.1em;*/
			}
			
			#contact-tab .adr {
				float:right;
				zoom: 1;
				text-align: right;
				width: 49%;
			}
			
			#contact-tab .brand-name {
				font-size: 1.2em;
			}
			
			
			.profile {
				width: 320px;
				padding: 20px;
				background: url(images/news-repeat.png) repeat top left;
				float: left;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
			}
			
			.profile h2 {
				font-size: 1.7em;
			}
			
			.profile p {
				font-size: .85em;
			}
			
			.profile-left
			{
				margin-right: 74px;
			}
			
			.profile img
			{
				float: left;
				margin-right: 25px;
				margin-bottom: 5px;
				width: 80px;
			}
			
/*			#profile-1 img,
			#profile-2 img{
				float: left;
				margin-right: 25px;
				margin-bottom: 5px;
			}
			
			#profile-1 {
				float: left;
				margin-right: 74px;
			}
			
			#profile-2 {
				float: left;
			}
			
			#profile-3{
				margin: 0 auto;
			}
			
			#profile-3  img{
				float: left;
				margin-right: 20px;
				margin-bottom: 10px;
			}*/
			
			
			/* */
			/* ----- AFFILIATES SECTION ----- */
			/* */
					
			#row1{
				margin-bottom: 10px;
				overflow: hidden;
			}
						
			#row1 a{
/*				display: inline;*/
				float: left;
				margin-right: 4px;
			}
			
			#row2 {
				/*margin-left: 32px;*/
				margin-bottom: 10px;
				overflow:hidden;
			}
			
			#row2 a {
/*				display: inline;*/
				float: left;
				margin-right: 15px;
			}
			
			#row3 {
				margin-left: 3px;
				margin-bottom: 15px;
				overflow: hidden;
			}
			
			#row3 a {
/*				display: inline;*/
				float: left;
				margin-right: 18px;
			}
			
			#row4 {
				text-align: center;
				overflow: hidden;
			}
			
			#row4 li{
/*				display: inline;*/
				float: left;
				margin-right: 10px;
			}
			
			#row4 a:hover{
				color: #fff;
			}
			
/*row 1*/	
			#a1-hover {display: none;}
			#spidi:hover #a1{display: none;}
			#spidi:hover #a1-hover{display: inline;}
			
			#a2-hover {display: none;}
			#richa:hover #a2{display: none;	}
			#richa:hover #a2-hover{display: inline;	}
		
			#a3-hover {display: none;}
			#teknic:hover #a3{display: none;}
			#teknic:hover #a3-hover{display: inline;}
			
			#a4-hover {display: none;}
			#weise:hover #a4{display: none;}
			#weise:hover #a4-hover{display: inline;	}


/*row 2*/			
			#a5-hover {display: none;}
			#ixon:hover #a5{display: none;}
			#ixon:hover #a5-hover{display: inline;}
			
			#a6-hover {display: none;}
			#osx:hover #a6{display: none;	}
			#osx:hover #a6-hover{display: inline;	}
		
			#a7-hover {display: none;}
			#shark:hover #a7{display: none;}
			#shark:hover #a7-hover{display: inline;}
			
			#a8-hover {display: none;}
			#scorpion:hover #a8{display: none;}
			#scorpion:hover #a8-hover{display: inline;	}
			
			#a9-hover {display: none;}
			#hjc:hover #a9{display: none;}
			#hjc:hover #a9-hover{display: inline;	}
			
/*row 3*/			
			#a10-hover {display: none;}
			#sidi:hover #a10{display: none;}
			#sidi:hover #a10-hover{display: inline;}

			#a11-hover {display: none;}
			#tcx:hover #a11{display: none;	}
			#tcx:hover #a11-hover{display: inline;	}

			#a12-hover {display: none;}
			#draggin-jeans:hover #a12{display: none;}
			#draggin-jeans:hover #a12-hover{display: inline;}

			#a13-hover {display: none;}
			#buff:hover #a13{display: none;}
			#buff:hover #a13-hover{display: inline;	}

			#a14-hover {display: none;}
			#dirty-dog:hover #a14{display: none;}
			#dirty-dog:hover #a14-hover{display: inline;	}
			
			#a15-hover {display: none;}
			#oxford:hover #a15{display: none;}
			#oxford:hover #a15-hover{display: inline;	}
			
			#a16-hover {display: none;}
			#bike-it:hover #a16{display: none;}
			#bike-it:hover #a16-hover{display: inline;	}
			
			#a17-hover {display: none;}
			#muc-off:hover #a17{display: none;}
			#muc-off:hover #a17-hover{display: inline;	}
			
			
			/* */
			/* ----- PRODUCT SECTION ----- */
			/* */
			
			.current {
				background: #555;
			}
			
			.current a { 
				color: #1a1a1a;;
			}
			
			#products .current {
				color: #ccc;
			}
			
			#categories {
				float: left;
				padding: 20px;
				background: url(images/news-repeat.png) repeat top left;
				margin-right: 15px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				width: 135px;
				margin-bottom: 20px;
				font-size: 0.85em;
			}
			
			#categories ul {
				border-left: 3px dashed #ccc;
/*				border-right: 3px dashed #1a1a1a;*/
			}
			
			#categories li {
				margin-left: 10px;
			}
			
			#categories a {
				color: #ccc;
			}
			
			#categories a:hover {
				color:#21abe8;
			}
			
			#products {
				width: 586px;
				overflow: hidden;
				margin-bottom: 20px;
				background: url(images/news-repeat.png) repeat top left;
				padding: 20px 0 0 19px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px
			}
			
			.product {
				float: left;
				padding: 19px;
				width: 140px;
				margin-right: 16px;
				margin-bottom: 25px;
				background: #1a1a1a;
				height: 275px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px
			}
			
			.product-image{
				padding: 10px;
				background: #fff;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px
			}
			
			.product-info {
				margin-top: 15px;
/*				background: #1c1c1c;*/
			}
			
			.product-name {
				border: 1px dashed #333;
				padding: 2px 5px 2px 5px;
				font-size: 0.85em;
			}
			
			.product-name a {
				color: #aaa;
			}
			
			.product-name a:hover {
				color: #21abe8;
			}
			
			.product-supplier {
				color: #666;
				padding-left: 5px;
				padding-bottom: 5px;
			}
			
			.single-product{
				padding: 10px 30px 10px 11px;
			}
			
			
			.single-product-image {
				text-align: center;
				padding: 10px;
				background: #fff;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px
			}
			
			.single-product-info {
				margin-top: 25px;
			}
			
			.single-product-info h2 {
				font-size: 1.7em;
			}
			
			#product-colours {
/*				font-size: .85em;*/
				padding: 2px 6px 2px 2px;
			}
			
			.back-link {
				margin-top: 15px;
			}
			
			
			/* */
			/* ----- COMMUNITY SECTION ----- */
			/* */
			
			#testimonials {
				float: left;
				width: 220px;
				padding: 20px;
				background: url(images/news-repeat.png) repeat top left;
				margin-bottom: 20px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px
			}
			
			#testimonials h2 {
				font-size: 1.7em;
			}
			
			#customers h2 {
				font-size: 1.7em;
			}
			
			.testimonial {
				margin-bottom: 15px;
				padding: 15px;
				background: #1a1a1a;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				font-size: 0.85em;
			}
			
			.testimonial img {
				margin-right: 5px;
			}
			
/*			.positive .testimonial-text {
				background: url(/images/smiley-star.png) -4px -4px no-repeat;
				text-indent: 2.5em;
				padding-top: 6px;	
			}
			
			.negative .testimonial-text {
				background: url(/images/smiley-sad-blue.png) -4px -4px no-repeat;
				text-indent: 2.5em;
				padding-top: 6px;
				padding-bottom: 2px;			
			}*/
			
			.testimonial-from {
				font-style: italic;
				border-bottom: 1px dashed #333;
			}
			
			#customers {
				float: right;
				width: 480px;
				padding: 20px;
				background: url(images/news-repeat.png) repeat top left;
				margin-bottom:20px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px
			}
			
			.customer img {
/*				border-top: 2px solid #222;*/
				/*border-top: 1px solid #999;*/
				border-bottom: 2px solid #222;
			}
			
			.customer-name {
				margin-top: 15px;
				color: #eee;
				font-size: 1.3em;
				font-weight: bold;
			}
			
			.customer-bike {
				
			}
			
			#sponsors, #links {
				clear: both;
				padding: 20px;
				background: url(images/news-repeat.png) repeat top left;
				margin-bottom: 20px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px
			}
			
			#sponsors h2, #links h2 {
				font-size: 1.7em;
			}
			
			#site-map a {
				display: block;
				margin-bottom: 1.2em;
			}
			
			#customers h2 {
				width: 100%;
			}
			
			a#search-customers {
				position: absolute;
				right: 20px;
			}
			
			#customer-search {
				overflow: hidden;
				margin-bottom: 20px;
				background: url(images/news-repeat.png) repeat top left;
				padding: 20px 0 0 19px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px
			}
			
			#customer-found {
				padding: 19px;
				width: 483px; 
				margin-right: 16px;
				margin-bottom: 25px;
				background: #1a1a1a;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px
			}
			
			#customer-found img {
				border: 2px #666666 solid;
			}
			
			#customer-search ul {
				margin-bottom: 25px;
			}
			
			input#search-products {
				width: 200px;
				font-size: .9em;
			}
			
			#search {
				width: 586px;
				overflow: hidden;
/*				margin-bottom: 20px;*/
			}
			
			#clear-search {
				background: url(images/news-repeat.png) repeat top left;
				padding: 19px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px
			}
			
			#search-all{
				padding: 19px;
				background: #1a1a1a;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px
			}