/* ------------------------------------------------------------------------
Basic Style Sheet - MD Racing

Author: Oliver Coningham
Website: http://www.aztec4design.com/
Email: oliver@aztec4design.com
-------------------------------------------------------------------------*/


/* =General
-------------------------------------------------------------------------*/

body
	{
	background: #666 url('../images/body-bg.gif') no-repeat top center;
	color: #fff;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	}
	
#skip
	{ 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
#container 
	{
	margin: auto;
	width: 780px;
	}
	
hr
	{
	display: none;
	}

.cleared
	{
	clear: both;
	}

strong
	{
	font-weight: bold;
	font-size: 1.1em;
	}


/* =Extras
-------------------------------------------------------------------------*/

#extended-content ul.nav, #extended-content ul.nav li {
	float:left;
	clear:left;
}
#extended-content ul.nav li a {
	padding:0px 30px 10px 0px;
	float:left;
}
#extended-content ul.nav li a span {
	display:block;
}
#extended-content ul.nav li.pdf {
	background:url(../images/pdf.gif) no-repeat 0px 0px;
	padding-left:37px;
}

	
/* =Cart
-------------------------------------------------------------------------*/

#cart
	{
	background: #363636 url('../images/cart-bg.gif') no-repeat center -6px;
	color: #333;
	height: 60px;
	width: 780px;
	}
	
#cart a
	{
	color: #333;
	display: block;
	float: right;
	height: 20px;
	margin-top: 3px;
	padding-left: 50px;
	text-decoration: none;
	width: 150px;
	}

#cart p {
	float:right;
	clear:right;
}
#cart p.customer {
	padding-top:5px;
}
#cart p.customer, #cart p.discount {
	white-space:nowrap;
	padding-right:5px;
	color:white;
}

.quantity
	{
	margin-right: 15px;
	}
	
	
/* =Branding
-------------------------------------------------------------------------*/

#branding
	{
	height: 200px;
	margin-bottom: 2px;
	width: 780px;
	}
	
#flash
	{
	float: left;
	height: 200px;
	width: 578px;
	}
	
#logo
	{
	background: #666 url('../images/logo.gif') no-repeat top center;
	float: left;
	height: 200px;
	text-indent: -25000px;
	width: 202px;
	}
	
	
/* =Navigation
-------------------------------------------------------------------------*/

#nav-bar
	{
	height: 44px;
	margin-bottom: 2px;
	width: 780px;
	}
	
#nav
	{ 
	float: left;
	height: 44px;
	text-indent: -25000px;
	width: 580px;
	}
	
#nav li
	{ 
	float: left;
	}
	
#nav a
	{
	display: block;
	height: 44px;
	width: 96px;
	}
	
#nav-home a {background: url('../images/nav_v3.gif') no-repeat 0px 0px;}
#nav-home a:hover, #nav-home a.selected {background-position: 0px -44px;}
#nav-about a {background: url('../images/nav_v3.gif') no-repeat -96px 0px;}
#nav-about a:hover, #nav-about a.selected {background-position: -96px -44px;}
#nav-ufo a {background: url('../images/nav_v3.gif') no-repeat -192px 0px;}
#nav-ufo a:hover, #nav-ufo a.selected {background-position: -192px -44px;}
#nav-account a {background: url('../images/nav_v3.gif') no-repeat -288px 0px;}
#nav-account a:hover, #nav-account a.selected {background-position: -288px -44px;}
#nav-gallery a {background: url('../images/nav_v3.gif') no-repeat -384px 0px;}
#nav-gallery a:hover, #nav-gallery a.selected {background-position: -384px -44px;}
#nav-downloads a {background: url('../images/nav_v3.gif') no-repeat -480px 0px;width:100px;}
#nav-downloads a:hover, #nav-downloads a.selected {background-position: -480px -44px;}

/* =Search
-------------------------------------------------------------------------*/

#nav-bar form
	{
	background: url('../images/nav_v3.gif') no-repeat -580px 0px;
	float: right;
	height: 32px;
	padding: 12px 0 0 15px;
	width: 185px;
	}
	
#nav-bar form legend
	{
	display: none;
	}
	
#keyword
	{
	float: left;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 2px 0 2px 5px;
	width: 132px;
	}


/* =Subnav
-------------------------------------------------------------------------*/

#subnav
	{
	float: left;
	margin-right: 2px;
	width: 198px;
	}

#subnav a
	{
	background: url('../images/subnav2.gif') no-repeat 0px 0px;
	color: #999;
	display: block;
	height: 25px;
	padding: 6px 0 0 55px;
	text-decoration: none;
	}
	
#subnav a:hover, #subnav .selected
	{
	background-position: 0px -31px;
	color: #ffff33;
	font-weight: bold;
	}
			
#subnav-ufo-clothing a {background: url('../images/subnav2.gif') no-repeat -198px 0px;}
#subnav-ufo-clothing a:hover, #subnav-ufo-clothing a.selected {background-position: -198px -31px;}
#subnav-ufo-plastics a {background: url('../images/subnav2.gif') no-repeat -396px 0px;}
#subnav-ufo-plastics a:hover, #subnav-ufo-plastics a.selected {background-position: -396px -31px;}
#subnav-ufo-protection a {background: url('../images/subnav2.gif') no-repeat -594px 0px;}
#subnav-ufo-protection a:hover, #subnav-ufo-protection a.selected {background-position: -594px -31px;}
#subnav-ufo-bike a {background: url('../images/subnav2.gif') no-repeat -792px 0px;}
#subnav-ufo-bike a:hover, #subnav-ufo-bike a.selected {background-position: -792px -31px;}
#subnav-ufo-bmx a {background: url('../images/subnav2.gif') no-repeat -990px 0px;}
#subnav-ufo-bmx a:hover, #subnav-ufo-bmx a.selected {background-position: -990px -31px;}
#subnav-ufo-helmets a {background: url('../images/subnav2.gif') no-repeat -1188px 0px;}
#subnav-ufo-helmets a:hover, #subnav-ufo-helmets a.selected {background-position: -1188px -31px;}
#subnav-cleaning-products a {background: url('../images/subnav2.gif') no-repeat -1386px 0px;}
#subnav-cleaning-products a:hover, #subnav-cleaning-products a.selected {background-position: -1386px -31px;}
#subnav-oils a {background: url('../images/subnav2.gif') no-repeat -1584px 0px;}
#subnav-oils a:hover, #subnav-oils a.selected {background-position: -1584px -31px;}
#subnav-boots a {background: url('../images/subnav2.gif') no-repeat -1782px 0px;}
#subnav-boots a:hover, #subnav-boots a.selected {background-position: -1782px -31px;}
#subnav-filters a {background: url('../images/subnav2.gif') no-repeat -1782px 0px;}
#subnav-filters a:hover, #subnav-filters a.selected {background-position: -1782px -31px;}
#subnav-goggles a {background: url('../images/subnav2.gif') no-repeat -1980px 0px;}
#subnav-goggles a:hover, #subnav-goggles a.selected {background-position: -1980px -31px;}
#subnav-cables a {background: url('../images/subnav2.gif') no-repeat -2178px 0px;}
#subnav-cables a:hover, #subnav-cables a.selected {background-position: -2178px -31px;}
#subnav-accessories a {background: url('../images/subnav2.gif') no-repeat -2376px 0px;}
#subnav-accessories a:hover, #subnav-accessories a.selected {background-position: -2376px -31px;}
#subnav .subnav-special a {background: url('../images/subnav2.gif') no-repeat -2574px 0px;color:black;}
#subnav .subnav-special a:hover, #subnav .subnav-special a.selected {background-position: 0px -31px;color:#FFFF33;}




/* =Subnav (Sub Categories)
-------------------------------------------------------------------------*/

#subnav ul li ul {
	background:#343434;
	padding:0px;
}
#subnav ul li ul li {
	padding:0px 0px 0px 55px;
}
#subnav ul li ul li a {
	background:none;
	padding:5px 0px 5px 0px;
	height:auto;
	color:white;
	border-bottom:solid 1px #666666;
}
#subnav ul li ul li ul {
	background:none;
}
#subnav ul li ul li ul li {
	padding:0px 0px 0px 20px;
}


/* =Products
-------------------------------------------------------------------------*/

#product-area
	{
	float: left;
	margin-right: 2px;
	width: 378px;
	}
	
#product-area a
	{
	color: #ffff33;
	text-decoration: underline;
	}
	
#product-area a:hover
	{
	color: #fff;
	text-decoration: underline;
	}
	
#product-area h3
	{
	background: url('../images/featured-products.gif') no-repeat top left;
	height: 44px;
	text-indent: -25000px;
	width: 378px;
	}
	
.product
	{
	background: #7a7a7a url('../images/product-bg.gif') no-repeat top left;
	height: 86px;
	margin-top: 2px;
	padding: 15px;
	width: 348px;
	}
	
.product img {
	padding:8px;
}

.product .img
	{
	float: left;
	margin-right: 15px;
	width:86px;
	height:86px;
	text-align:center;
	}
	
.product h4
	{
	color: #ededed;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 6px;
	}
	
.product .description
	{
	color: #ffff33;
	}
	
.product .price
	{
	color: #000;
	float: left;
	font-size: 120%;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 83px;
	}

.listprice
	{
	color: #EBEB5A;
	text-decoration: line-through;
	}	

.product .button img
	{
	float: right;
	margin-right: -15px;
	}
	
.postage
	{
	height: 29px;
	margin-top: 2px;
	width: 378px;
	}
	

.adverts
	{
	height: 118px;
	margin-top: 2px;
	width: 378px;
	}
	
#advert-01
	{
	float: left;
	height: 118px;
	margin-right: 2px;
	width: 188px;
	}
	
#advert-02
	{
	float: right;
	height: 118px;
	width: 188px;
	}
	
	
/* =Offers
-------------------------------------------------------------------------*/

#offers
	{
	float: left;
	width: 200px;
	}

#offers h3
	{
	background: url('../images/special-offers.gif') no-repeat top left;
	height: 44px;
	margin-bottom: 2px;
	text-indent: -25000px;
	width: 200px;
	}
	
#flash-offers
	{
	background-color: #333;
	height: 354px;
	width: 200px;
	}
				

/* =Form
-------------------------------------------------------------------------*/

#address
	{
	float: left;
	margin-left: 30px;
	}
#extended-content form
	{
	float: left;
	}
	
#extended-content form label
	{
	font-weight: bold;
	}
	
#extended-content form legend
	{
	display: none;
	}
	
#extended-content .form_input
	{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 5px;
	margin: 5px 0 1.25em 0;
	width: 250px;
	}
	
#map
	{
	border: solid 3px #666;
	height: 272px;
	width: 544px;
	}
	
		
/* =Footer
-------------------------------------------------------------------------*/

#footer
	{
	background-color: #333;
	clear: both;
	color: #666;
	height: 48px;
	margin-top: 2px;
	padding: 12px 15px 0 15px;
	width: 750px;
	}
	
#footer span
	{
	color: #404040;
	}
	
#links
	{
	float: left;
	}
	
#copyright
	{
	float: right;
	text-align: right;
	}
	
#footer a
	{
	color: #666;
	text-decoration: none;
	}
	
#footer a:hover
	{
	color: #ffff33;
	text-decoration: underline;
	}
	
#copyright a
	{
	color: #ffff33;
	text-decoration: underline;
	}
/* GALLERY */


.thumbnail{
	float: left;
	padding: 6px;
	}	

.thumbnail img{
	border-bottom: 4px solid #FFFF33;
	}
	
.gallery-content .page-nav {
	clear:both;
	}	
	
.gallery-content .next a {
	color: #808080;
	float: right;
	margin-right: 7px;
	padding: 3px 27px 3px 0;
	text-transform: uppercase;
	clear:both;
	}

.gallery-content .prev a  {
	color: #808080;
	/*float: left;*/
	padding: 3px 0 3px 27px;
	text-transform: uppercase;
	clear:both;
	}

.gallery-content .next a {
	background: url('../media/img/next-page.png') no-repeat top right;
	}

.gallery-content .prev a {
	background: url('../media/img/prev-page.png') no-repeat top left;
	}