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

a img{border:none;}
a:focus {outline: none;}

body {
	font-family: Helvetica, Arial, sans-serif;
	background: #000 url(../images/background.gif) repeat 50% 0;
	float: none;
	font: 11px Verdana;
}

#container {
	width:960px;
	margin:0 auto;
	}

#header {
	height:94px;
	top:0;
	z-index:10;
	position:relative;
	float:left;
	padding-left: 9px;
	width:951px;

	}
	
#content {
	background-position: top;
	padding:0 19px 20px 19px;
	margin: 0;
	overflow:auto;
	background-color:#FFF;
	position:relative;
	float:left;
	z-index:1;
	}


#footer {
	background-color:#B3B3B3;
	float:left;
	height:44px;
	position:relative;
	width:100%;
}
#footer a {
	position:relative;
	font-size:10px;
	color:#FFF;
	font-weight:normal;
	text-align:right;
	margin-right:15px;
	margin-top: 216px;
	float:right;
}	
#footer .left {
	position:relative;
	font-size:10px;
	color:#FFF;
	font-weight:normal;
	text-align:left;
	margin-left:75px;
	margin-top: 15px;
	float:left;
}	
#footer .right a {
	position:relative;
	font-size:10px;
	color:#FFF;
	font-weight:normal;
	text-align:right;
	margin-right:75px;
	margin-top: 15px;
	float:right;
}

#footer .right a:hover {	
	color:#666;
} 

.prepand { margin:5px 0;}
.prepand2 { margin:10px 0 5px;}
.prepand3 { margin-top:15px;}
.prepand4 { margin-top:25px;}


/****************** Text Styles ******************/
h1 { font-size: 26px; color: #000; letter-spacing:-2.5px;  font-weight:bold; padding:10px; margin:0 0 0 0; position:relative; float:left; ;}
h2 { font-size: 26px; color: #FFF; letter-spacing:-2.5px;  font-weight:bold; padding:5px 10px; background-color:#F00; margin:0; position:relative; float:left; }
h3 { font-size: 13px; color: #FFF; letter-spacing:-1px;  font-weight:bold; padding:2px 5px; background-color:#F00; margin:-1px 6px; position:relative; float:left;}
h4 { font-size: 12px; color: #FFF; letter-spacing:-1px;  font-weight:normal; padding:2px 5px; background-color:#000; margin:-1px 6px; position:relative; float:left;}
h5 { font-size: 14px; color: #000; letter-spacing:-1px;  font-weight:bold; padding:0 10px; margin:0 0 0 0; position:relative; float:left; ;}
.teamtext { font-size: 12px; color: #FFF; letter-spacing:-1px;  font-weight:normal; padding:2px 5px; background-color:#000; margin:-1px 6px; }
.special h2 { font-size: 18px; letter-spacing:0; }
 
	
p { color:#000; font-size:12px; font-weight:bold; float:left;}
#newsArticle p {color:#FFF; float:none;}

li {
	list-style:none;
	position:relative;
	float:left;
}

ul {padding:0;
	margin:0;}



a { color:inherit;}
a:active {  }
a:hover { }
a.current { }

/****************** Head Styles ******************/

.logo {
	float:left;
	position:relative;
	z-index:1000;

}

.address {
	float:left;
	margin-top:25px;
	position:relative;

}

.telephone {
	float:right;
	margin-top:45px;
	position:relative;

}	
/****************** Menu Styles ******************/


#nav {
	float:left;
	height:58px;
	padding-left:196px;
	position:relative;
	z-index:100;
}

/*********************** Drop down Styles **************/

ul.topnav {
	list-style: none;
	margin: 0;
	float: left;
	padding:0;
}
ul.topnav li {
	padding:10px 0 0 0;
	margin:0;
	cursor:pointer;
	height:48px;
	float: left;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a {
	display: block;
	color: #4B3A2E;
	float:left;
	position:relative;
	list-style:none;
	font-weight:bold;
	font-size:11px;
}
ul.topnav li a:hover {
	float:left;
	position:relative;
	color: #4B3A2E;
}
ul.topnav li span.subhover {
	background-position: center bottombottom;
	cursor: pointer;
} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 59px;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 140px;
	z-index:1000;
}
ul.topnav li ul.subnav li {
	margin: 0;
	padding: 0;
	clear: both;
	background: #ffffff;
}
html ul.topnav li ul.subnav li a {
	float: left;
	background-color: #ffffff;
	width: 120px;
	display: block;
	padding:11px 10px;
	color: #000000;
	position:relative;
	border:none;
	text-decoration: none;
	margin:0;
}
ul.topnav li ul.subnav li a:hover {
	background-color: #FF0000;
	float:left;
	padding-left: 20px;
	position:relative;
	padding:11px 10px;
	color: #000000;
}

/****************** Banner Styles ******************/


#bannerImg {
	width:921px;
	height:179px;
	margin:1px 0 10px 0;
	position:relative;
	float:left;
}

#bannerImg h2{
margin:-114px 0 0;
z-index:100;}


#leftContent, #slide-pager {
	width:609px;
	position:relative;
	float:left;
	}
	
#leftContent .left {
	padding:20px 0;
	float:left;
	position:relative;
	width:303px;
	}
	

#leftContent .right {
	padding:20px 0;
	float:right;
	position:relative;
	width:303px;
	margin-bottom:100px;
	}
	
.greyBar {
	background-color:#b3b3b3;
	height:12px;
	padding:12px;
}

/****************** News Article Styles ******************/

#newsArticle {
	background-color:#000;
	padding:22px 22px 5px 22px;
	margin:6.5px 0;
}


#newsArticle .newsImg {
	width:563px;
	height:auto;
	background-color:#FFF;
	z-index:10;
	position:relative;
}

#newsArticle .newsTitle {
	height:41px;
	position:relative;
	width:563px;
	z-index:20;
	margin-top:-46px;
}

#rightContent, #slide {
	width:303px;
	position:relative;
	float:right;
}

#rightContent .rightBody {
	width:303px;
	position:relative;
	float:left;
	margin-bottom:22px;
}


#slide {
	border-top:36px solid #000;
	width:303px;
	position:relative;
	float:left;
	margin-bottom:22px;
}



#rightContent .blackBar, #secondhandContent .blackBar {
	background-color:#000;
	height:12px;
	padding:12px;
	width:279px;
	position:relative;
	float:left;
}

/****************** About Us Styles ******************/

.shopImage {
	width:563px;
	background-color:#FFF;
	position:relative;
}

.aboutTitle {
	height:41px;
	position:absolute;
	top:414px;
	left:0px;
	width:563px;
	z-index:20;
}

#teamMember{
	float:left;
	margin-top:10px;
	position:relative;
	}
	
#teamMember .leftColumb {
	position:relative;
	float:left;
	width:93px;
	margin-left:20px;
	}
	
#teamMember .rightColumb {
	position:relative;
	float:right;
	width:190px;
	text-align:left;
	}
	
#teamMember p {
	margin:0 0 5px 0;
	color:#fff;
	}
	
#teamMember img {
	border-left:12px solid red;
	}
	
/****************** Brand Info Styles ******************/

.brandInfo {
	margin-top:-10px;
	padding:0 10px;
	float:left;
	}


/****************** Second Hand Styles ******************/	
#secondhand {
	width:928px;
	margin-left:-6px;
	overflow:hidden;
	position:relative;
	float:left;
	}
	
#secondhandContent {
	padding:20px;
	background-color:#000;
	margin:6px 0 0 6px;
	float:left;
	}
#secondhandContent .bikeImg {
	width:263px;
	height:197px;
	background-color:#FFF;
	float:left;
	margin-right: 20px;
	}
#secondhandContent .title {
	height:41px;
	width:563px;
	float:left;
	}
#secondhandContent .articleBody{
    float: left;
    min-height: 135px;
    width: 599px;	
    }
	
#secondhandContent p {
	color:#FFF;
	font-weight:bold;
	}

#secondhandContent h3 { font-size: 16px; color: #FFF; letter-spacing:-1px;  font-weight:bold; padding:2px 5px; background-color:#F00; margin:-1px 0; position:relative; float:right;}

.full { width:897px; position:relative; float:left;}

#secondhandContent a {
	text-decoration:none;
	}

/****************** Contact Styles ******************/	

.contact_box {
	background: url(/images/contactBg.gif) no-repeat;
	padding:0 20px 40px 20px;
	margin:25px 0 20px 0;
	width:263px;
	height:348px;
}


.contact_box #submit {background-color:#F00; padding:5px 10px; font-weight:bold; color:#FFF; float:right; cursor:pointer; margin-top:3px;}

	.contact_box #submit:hover { color:#000;}

.contact_box h3{margin:-1px 0px;}

.contact_box p {float:left;}

.contact_box input { width:200px; margin-top:5px;}

textarea {margin-top:5px;}

iframe { border:20px #000 solid; margin:-8px 6px 30px;}

/****************** Bg Fit Styles ******************/

.bgfit {padding:0 6px;}

.bgfit h3 {margin:0; position:absolute; left:6px; top:84px;}

.bgfitQA {margin:0 0 20px 0;}

.bgfitQA h3 { padding:0; font-size:14px; margin:0;  background-color:transparent; color:#F00; float:none;}

.bgfitQA p {float:none; }

#bgfitContent {
	padding:0 6px;
	width:597px;
	position:relative;
	float:left;
	}
	
#productLogo {
	padding:10px;
	width:100px;
	height:auto;
	float:left;
	}
/****************** Workshop Styles ******************/	
	
.workshopImg  {float:left;}

.wksp h3{ margin-left:0;}


/****************** Gallery Styles ******************/

#left {
	margin:0;
	padding-right:20px;
	width:283px;
	float:left;
	}
	
#right {
	margin:0;
	padding-right:20px;
	width:283px;
	float:left;
	}
	
.galleryImg {
	float:left;
	height:130px;
	margin:6px 0 6px 7px;
	overflow:hidden;
	width:178px;
	}
	
.slide-wrapper {
	background-color:#fff;
	}
	
.hide {
	display:none;
	}
	
#slide-pager li{
	padding:10px;
	}
	
.specials {
	float:right;
	margin-top:-207px;
	position:relative;
	z-index:10;
	}
	
.velo {
	background:url(../images/newquay_velo_logo.jpg) no-repeat 0px 0px;;
	width:303px;
	height:109px;
	text-indent:-9000px;
	overflow:hidden;
	}
	
#hpBrands li {
	padding:5px;
	}