/* ------------------------------------------------------------------------
Basic Style Sheet - U-Fit Rubber FLooring Company

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


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

* 
	{ 
	margin: 0; 
	padding: 0; 
	}
	
body
	{
	background-color: #fff;
	color: #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.75em;
	}
		
#container
	{ 
	background: url('../img/page_bg.gif') repeat-y center;
	margin: auto; 
	width: 800px;
	}
	
#container-main
	{
	margin-left: 30px;
	width: 740px;	
	}
	
.hide
	{
	display: none;
	}
	
	
/* =Links
-------------------------------------------------------------------------*/

a
	{
	outline: none;
	}

a.rss 
	{
	background: url('../img/rss_icon.gif') no-repeat center left;
	padding-left: 20px;
	}
	
a.backwards
	{
	background: url('../img/back_arrow.gif') no-repeat center left;
	background-color: inherit;
	color: #999;
	padding-left: 23px;
	text-decoration: none;
	}
	
a.backwards:hover
	{
	text-decoration: underline;
	}
	
a.add-address
	{
	background: url('../img/hcard_icon.gif') no-repeat center left;
	padding: 3px 0 5px 34px;
	}
	
#content-left a, #content-right a
	{
	color: #555;
	background-color: inherit;
	text-decoration: underline;
	}
	
#content-left a:hover, #content-right a:hover
	{
	text-decoration: none;
	}
		
		
/* =Shadow
-------------------------------------------------------------------------*/

.shadow
	{
	height: 30px;
	width: 800px;	
	}
	
#top-shadow
	{
	background: url('../img/top_shadow.gif') no-repeat top left;
	height:30px;
	}
	
#bottom-shadow
	{
	background: url('../img/bottom_shadow.gif') no-repeat top left;
	}
	

/* =Header
-------------------------------------------------------------------------*/

#header
	{
	background: url('../img/header_bg.gif') repeat-x top left;
	height: 121px;
	width: 740px;	
	}
	
#header h1
	{
	background: url('../img/ufit_logo.gif') no-repeat top left;
	float: left;
	height: 121px;
	text-indent: -25000px;
	width: 182px;
	}
	
#header h1 a
	{
	display: block;
	height: 118px;
	width: 182px;
	}
	
#header ul, #header ol, #header li
	{
	list-style: none;
	}
	

/* =Navigation
-------------------------------------------------------------------------*/

#nav
	{
	float: right;
	height: 28px;
	width: 513px;
	}
	
#nav li
	{
	float: left;
	list-style: none;
	}
	
#nav a
	{
	display: block;
	height: 28px;
	margin-right: 1px;
	text-indent: -25000px;
	}
	
#nav a:hover, #nav .selected
	{
	background-position: 0 -28px;
	}
			
#nav-home a
	{
	background: url('../img/home_tab.gif') no-repeat top left; 
	width: 83px;
	}
	
#nav-products a
	{
	background: url('../img/products_tab.gif') no-repeat top left; 
	width: 83px;
	}
	
#nav-gallery a
	{
	background: url('../img/gallery_tab.gif') no-repeat top left; 
	width: 83px;
	}

#nav-faq a
	{
	background: url('../img/faq_tab.gif') no-repeat top left; 
	width: 83px;
	}
	
#nav-about a
	{
	background: url('../img/about_tab.gif') no-repeat top left; 
	width: 83px;
	}
	
#nav-contact a
	{
	background: url('../img/contact_tab.gif') no-repeat top left; 
	width: 83px;
	}
	
	
/* =Mini Buttons
-------------------------------------------------------------------------*/

#mini
	{
	float: left;
	height: 39px;
	margin: 21px 0 11px 45px;
	width: 513px;
	}
	
#mini li
	{
	float: left;
	list-style: none;
	}
	
#mini a
	{
	display: block;
	height: 39px;
	margin-right: 1px;
	text-indent: -25000px;
	width: 83px;
	}
	
#mini a:hover, #mini .selected
	{
	background-position: 0 -39px;
	}
			
#mini-one a
	{
	background: url('../img/small_type_button.gif') no-repeat top left; 
	}
	
#mini-two a
	{
	background: url('../img/small_colour_button.gif') no-repeat top left; 
	}
	
#mini-three a
	{
	background: url('../img/small_quantity_button.gif') no-repeat top left; 
	}
	

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

#samples-tab a
	{
	background: url('../img/samples_tab.gif') no-repeat top left;
	width: 83px;	
	}
	
#samples-tab a:hover
	{
	background-position: 0 -39px;
	}

#login a
	{
	background: url('../img/login_tab.gif') no-repeat top left;
	margin-right: 0;
	width: 47px;	
	}
	
#login a:hover
	{
	background-position: 0 -39px;
	}

#cart
	{
	background: url('../img/cart_button.gif') no-repeat top left;
	padding: 9px 0 0 0;
	width: 120px;	
	}
	
#cart a
	{
	background-color: inherit;
	color: #bababa;
	height: 30px;
	margin-right: 0px;
	text-decoration: none;
	text-indent: 0;	
	width: 120px;
	}

.cart-total
	{
	background-color: inherit;
	color: #555;
	font-weight: bold;
	}

	
/* =Flash
-------------------------------------------------------------------------*/

#flash-default
	{
	background-color: #ececed;
	color: #555;	
	height: 371px;
	width: 740px;
	}

#flash
	{
	background-color: #ececed;
	color: #555;	
	height: 210px;
	width: 740px;
	}
	
	
/* =Content
-------------------------------------------------------------------------*/

#content
	{
	background: #e1e2e3 url('../img/content_bg.gif') repeat-x top left;
	color: #555;
	overflow: hidden;
	width:740px;
	}
#content-pad {
	padding: 35px 35px 20px 35px;
}
#content-left
	{
	float: left;
	width: 317px;
	}
	
#content-right
	{
	float: right;
	width: 317px;
	}
	
#content p 
	{ 
	margin-bottom: 1.5em; 
	}
	
#content-page
	{
	background: #e1e2e3 url('../img/gallery_bg.gif') repeat-x top left;
	color: #555;
	overflow: hidden;
	width: 740px;
	}
#content-page-pad {
	padding: 35px;
}
	
#content-page p 
	{ 
	margin-bottom: 1.5em; 
	}
	
#content-page img
	{ 
	border: 3px solid #fff;
	margin: 0 10px 10px 0; 
	}
		
	
/* =Footer
-------------------------------------------------------------------------*/

#footer
	{
	background-color: #555;
	clear: both;
	color: #fff;
	height: 50px;
	width: 740px;
	}
#footer-pad {
	padding: 13px 10px 10px 10px;
}
#footer-left
	{
	float: left;
	}
	
#footer-right
	{
	float: right;
	}
#aztec {
	background:#FFFFFF;
	text-align:center;
	padding:0px 0px 20px 0px;
}
#aztec a {
	color:#555555;
	text-decoration:none;
}
#aztec a:hover {
	text-decoration:underline;
}