/* CSS Document */

* {
text-decoration : none;
}



/* body */

body {
background : url(../graphics/layout/background.gif);
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 0;
text-align : center;
}

	img {
	border : none;
	}
	
	.b {
	font-weight : bold;
	}
	
	label {
	text-align : left;
	}



/* main page wrapper */

#wrapper {
background : url(../graphics/layout/back.jpg) 50% 0 repeat-y;
height : 1%;
margin : auto;
text-align : left;
width : 772px;
}

	html>body #wrapper {
	height : auto;
	overflow : auto;
	}

	#wrapper-main {
	margin : 0 6px;
	}



/* header banner */

#banner {
background : #000 url(../graphics/new-graphics/banner.jpg) no-repeat;
display : block;
height : 125px;
width : 760px;
}

	html>body #banner {
	min-height : 125px;
	height : auto;
	}

	#banner p {
	font-size : 1.1em;
	margin : 0;
	padding : 103px 5px 5px;
	text-align : right;
	}
	
		#banner a {
		background : #fff;
		color : #000;
		border : 1px solid #000;
		font-weight : bold;
		padding : 0 2px;
		}



/* main */

#main {
background : url(../graphics/layout/right-back.gif) 100% 0 repeat-y;
float : left;
margin : 1px 0 0 0;
width : 760px;
}



/* left section */

#left {
float : left;
width : 585px;
}



	/* main content */

	#content {
	float : right;
	font-size : 1.1em;
	width : 408px;
	}

		#content-main {
		border-left : 1px solid #A7ABAD;
		margin : 0 1px 0 0;
		padding : 0 0 0 1px;
		}

		#content-inner {
		border-top : 1px solid #A7ABAD;
		margin : 1px 0 0 0;
		padding : 10px;
		}
		
			#content h1 {
			background : #000;
			color : #fff;
			font-size : 1.3em;
			letter-spacing : -1px;
			margin : 0 0 10px 0;
			padding : 5px;
			}
			
				#content h1.online-shop {
				background : #ff8c04;
				}
			
			#content h2, #content h3, #content h4, #content h5, #content h6 {
			color : #ff8c04;
			font-size : 1.3em;
			letter-spacing : -1px;
			margin : 0 0 10px 0;
			padding : 0;
			}
			
			#content a {
			color : #ff8c04;
			}
			
				#content a:hover {
				color : #000;
				}
			
			#content p {
			margin : 0 0 10px 0;
			padding : 0;
			text-align : justify;
			}
		
		
		
		p#top-nav {
		background : #A7ABAD;
		color : #A7ABAD;
		font-weight : bold;
		margin : 0;
		padding : 5px;
		}
		
			p#top-nav a {
			color : #fff;
			padding : 0 3px;
			}
		
				p#top-nav a:hover {
				color : #000;
				}


	/* left navigation */

	#nav {
	float : left;
	font-size : 1.1em;
	margin : 0 1px 0 0;
	width : 176px;
	}
	
	#nav-content {
	background : url('../graphics/layout/cards.gif') 0 100% no-repeat;
	padding : 0 1px 112px 0;
	}
	
		#nav p {
		margin : 0;
		padding : 5px 10px;
		}
	
		#nav p.nav-head {
		background : #ff8c04;
		color : #fff;
		font-size: 1.3em;
		font-weight : bold;
		letter-spacing : -1px;
		padding : 4px 10px;
		margin : 0;
		}
		
			#nav p.nav-head#cart_info {
			background : #ff8c04 url('../graphics/common/cart.gif') 4px 50% no-repeat;
			padding : 4px 10px 4px 33px;
			}
		
		.border {
		border-bottom : 1px solid #A7ABAD;
		border-top : 1px solid #A7ABAD;
		margin : 1px 0;
		}
		
			#nav ul.bikes {
			list-style-image : url(../graphics/common/bullet.gif);
			margin : 0 auto 5px 50px;
			padding : 0;
			}
			
				#nav ul.bikes#cart_details {
				margin : 5px auto 5px 50px;
				}
			
			#nav a {
			color : #000;
			font-weight : bold;
			}
			
				#nav a:hover {
				color : #ff8c04;
				}
		
			#nav ul.premises {
			color : #A7ABAD;
			font-weight : bold;
			margin : 5px 20px;
			padding : 0;
			}
			
			#nav img {
			border-bottom : 1px solid #A7ABAD;
			padding : 0 0 1px 0;
			}



/* right section */

#right {
/*background : url(../graphics/layout/right.jpg) 0 100% no-repeat;*/
float : right;
padding : 0 0 68px 0;
width : 175px;
}

	#right img {
	border-bottom : 1px solid #fff;
	margin : 0;
	}

/* right section departments */

#right-de {
background : url(../graphics/layout/right-de.jpg) 0 100% no-repeat;
float : right;
padding : 0 0 68px 0;
width : 175px;
}

	#right-de img {
	border-bottom : 1px solid #fff;
	margin : 0;
	}
	
/* right section clothing */

#right-cl {
background : url(../graphics/layout/right-cl.jpg) 0 100% no-repeat;
float : right;
padding : 0 0 68px 0;
width : 175px;
}

	#right-cl img {
	border-bottom : 1px solid #fff;
	margin : 0;
	}

/* footer */

#footer {
background : url(../graphics/layout/main.gif) no-repeat;
clear : both;
padding : 5px 0 0 0;
margin : 0;
}

	#footer p {
	background : #000;
	color : #FFD804;
	font-size : 1.1em;
	padding : 5px;
	margin : 0;
	text-align  :center;
	}
	
		#footer p a {
		color : #FFD804;
		}
		
			#footer p a:hover {
			color : #fff;
			}



/* bikes */

.orange, .section a {
color : #ff8c04;
}

	.section a:hover {
	color : #000;
	}

.grey {
color : #A7ABAD;
}

.cap {
text-transform : capitalize;
}

p#total-bikes {
border-bottom : 4px solid #000;
font-size : 1.3em;
font-weight : bold;
letter-spacing : -1px;
padding : 0px 10px 10px 10px;
margin : 0;
}

	.section {
	border-bottom : 1px solid #000;
	border-top : 1px solid #000;
	float : left;
	padding : 5px 0;
	}
	
		.section .section-img {
		float : left;
		width : 170px;
		}
		
		.section .section-text {
		float : left;
		margin : 0 0 0 10px;
		width : 205px;
		}
		
		.section-title {
		font-size : 1.3em;
		font-weight : bold;
		letter-spacing : -1px;
		text-transform : uppercase;
		}

p#bike-price {
font-size : 1.3em;
font-weight : bold;
letter-spacing : -1px;
}

p#bike-img {
text-align : center;
}

	p#bike-img img, p#flip-img img {
	border : 1px solid #A7ABAD;
	}

p#flip-img {
padding : 0 4px;
}




/* admin forms */

form.admin {
clear : both;
float : left;
width : 380px;
}

	form.admin label {
	float : left;
	margin : 5px 0 0 0;
	padding : 2px 0 0 0;
	width : 100px;
	}

	form.admin input, form.admin select, form.admin textarea {
	border : 1px solid #ccc;
	float : left;
	font-family : Arial;
	font-size : 1em;
	margin : 5px 0 0 0;
	width : 280px;
	}

		form.admin textarea {
		height : 100px;
		}
	
	table.admin {
	font-size : 1em;
	margin : 0;
	padding : 0;
	}
	
		table.admin td {
		margin : 0;
		padding : 2px 10px;
		}



#index-featured {
border-bottom : 3px solid #000;
float : left;
width : 384px;
}

	#index-featured-img {
	float : left;
	width : 170px;
	}
	
	#index-featured-title {
	font-size : 1.3em;
	font-weight : bold;
	letter-spacing : -1px;
	margin : 5px;
	text-transform : uppercase;
	}
	
	#index-featured-desc {
	float : left;
	margin : 5px;
	width : 200px;
	}
	


a#skeleton {
display : none;
}



/* storefront */

ul#sections {
height : 1%;
list-style : none;
margin : 10px 0;
padding : 0;
}

	html>body ul#sections {
	height : auto;
	overflow : auto;
	}

	ul#sections li {
	float : left;
	height : 160px;
	margin : 5px 0;
	text-align : center;
	width : 128px;
	}
	
		ul#sections li a {
		color : #000;
		font-weight : bold;
		}
	
		html>body ul#sections li {
		height : auto;
		min-height : 160px;
		}



/* products */

p#shoplogo {
margin : 0;
padding : 0;
}

.product {
height : 1%;
}

	html>body .product {
	height : auto;
	overflow : auto;
	}

	.product-img {
	float : left;
	width : 164px;
	}
	
	.product-main {
	float : left;
	width : 220px;
	}
	
	h2.product-title {
	color : #000;
	}
	
		h2.product-title span {
		color : #a7abad;
		margin : 0 7px;
		}
	
	.product-text span {
	color : #ff8c04;
	}
	
	.product-price {
	font-weight : bold;
	margin : 0;
	padding : 10px 0;
	}
	
		.product-price span {
		color : #ff8c04;
		font-size : 1.2em;
		}
	
	#selecttype, .attributelist {
	font-family : Arial;
	font-size : 1em;
	width : 220px;
	}

	p#info_message {
	background : #eee;
	border : 1px solid #ab1518;
	margin : 12px 0;
	padding : 5px;
	text-align : center;
	}
	
	input.add-to-cart {
	background : #ff8c04;
	border : 1px solid #9a5a0e;
	color : #fff;
	font-weight : bold;
	padding : 2px 10px 0;
	margin : 0;
	text-transform : uppercase;
	}
	
	#content a.larger-image {
	background : #a7abad;
	border : 1px solid #666;
	color : #fff;
	display : block;
	font-size : 1.2em;
	font-weight : bold;
	padding : 3px 0;
	margin : 0 7px 0 0;
	text-align : center;
	text-transform : uppercase;
	}



/* default form settings */

form {
margin : 0;
padding : 0;
}

	input, textarea, select {
	font-family : Arial;
	}
	
	td input, td textarea, td select, td options {
	border : 1px solid #aaa;
	font-size : 1em;
	padding : 3px;
	width : 150px;
	}
	
		input.checkbox, input.radio {
		border : none;
		width : 20px;
		}
	
		input.quantity {
		width : 40px;
		}
		
		select#shippingCountry {
		width : 370px;
		}



/* tables */

table {
border : 1px solid #aaa;
border-collapse : collapse;
clear : both;
font-size : 1em;
margin : 0 0 10px 0;
width : 100%;
}

	td, th {
	border : 1px solid #ccc;
	padding : 5px;
	text-align : left;
	vertical-align : top;
	}
	
		th, tfoot td {
		background : #aaa;
		font-weight : bold;
		}
		
		caption {
		font-size : 1.2em;
		font-weight : bold;
		text-align : left;
		margin : 0 10px;
		}
	
			caption.noshow {
			display : none;
			}
		
			/* uncomment this to make the rest of the "totals" row transparent
		
			tfoot td.noshow {
			background : transparent;
			border : 1px solid #fff;
			}
			
			/*


/* cart buttons */

#content-inner p.cart-buttons {
margin : 0;
padding : 3px 0 20px;
text-align : right;
}

#content-inner p.cart-buttons a, #content-inner p.cart-buttons input {
background : #ccc;
border : 1px solid #aaa;
color : #000;
font-weight : bold;
margin : 0 0 0 5px;
padding : 0;
}

	#content-inner p.cart-buttons a {
	padding : 4px 12px;
	}

	#content-inner p.cart-buttons input {
	font-size : 1em;
	position : relative;
	padding : 2px 0 3px;
	top : 4px;
	}

		html>body #content-inner p.cart-buttons input {
		padding : 3px 12px;
		position : static;
		}
	
	#content-inner p.cart-buttons a:hover, #content-inner p.cart-buttons input:hover {
	background : #aaa;
	border : 1px solid #000;
	color : #fff;
	}
	



/* contact page */

p#company-details {
color : #666;
font-size : 0.9em;
}

form#contact_form {
border : 1px solid #000;
margin : 0 0 10px;
padding : 10px;
width : 360px;
}

	form#contact_form label {
	display : block;
	margin : 0;
	padding : 0 0 3px;
	}

	form#contact_form input, form#contact_form select, form#contact_form textarea {
	border : 1px solid #aaa;
	color : #666;
	display : block;
	font-family : Arial;
	font-size : 1em;
	margin : 0 0 8px 0;
	padding : 3px;
	width : 354px;
	}
	
		form#contact_form textarea {
		height : 65px;
		}
	
		form#contact_form input#contact_submit {
		margin : 10px 0 0;
		width : 200px;
		}
	
		form#contact_form input#contact_code {
		background : #fff url('/graphics/common/code.gif') no-repeat;
		}
		
		
p#thawte {
margin : 20px 0;
}


h2#carttotal {
color : #000;
}