/* Acme Wheel and Rim Co - Screen */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Tahoma;
	font-size: 62.5%;
	background: #2E2825 url('../images/core/tile-body.jpg') 0 0 repeat-x;
}

/*=================================
	 Container
================================== */

div.container {
	width: 960px;
	height: auto;
	margin: 0 auto;
}

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

div.header {
	width: 960px;
	height: auto;
	position: relative;
}

/* Logo */

div.logo {
	position: absolute; top: 35px; left: 10px;
}

div.logo img {
	border: 0;
}

/* Navigation */

div.navigation {
	width: 960px;
	height: auto;
}

div.navigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.navigation ul {
	float: right;
	list-style-type: none;
}

div.navigation ul li {
	float: left;
	padding-right: 2px;
	background: url('../images/core/nav/bg-navline.jpg') right center no-repeat;
}

div.navigation ul li a {
	float: left;
	display: block;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
}

div.navigation ul li a.home {
	width: 47px;
	background: url('../images/core/nav/home.jpg') 0 0 no-repeat;
}

div.navigation ul li a.services {
	width: 60px;
	background: url('../images/core/nav/services.jpg') 0 0 no-repeat;
}

div.navigation ul li a.product-catalogue {
	width: 120px;
	background: url('../images/core/nav/product-catalogue.jpg') 0 0 no-repeat;
}

div.navigation ul li a.contact-us {
	width: 73px;
	background: url('../images/core/nav/contact-us.jpg') 0 0 no-repeat;
}

div.navigation ul li a:hover {
	background-position: 0 -31px;
}

/* Banner */

div.banner {
	width: 960px;
	height: 147px;
	background: url('../images/core/bg-banner.jpg') 0 0 no-repeat;
}

/*=================================
	 Content
================================== */

div.content {
	width: 960px;
	height: auto;
	background: url('../images/core/tile-content.jpg') 0 0 repeat-y;
}

div.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*=================================
	 Content Left
================================== */

div.content-left {
	width: 154px;
	height: auto;
	float: left;
	padding: 20px 3px;
	background: url('../images/core/tile-contentleft.jpg') 0 0 repeat-x;
}

/* Products */

div.products {
	font-size: 1.1em;
	color: #000;
	margin-bottom: 10px;
}

div.products:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.products h2 {
	color: #C10D01;
	display: block;
	border: 1px solid #CFCFCF;
	padding: 2px 80px 3px 5px;
	margin-bottom: 10px;
	font: bold 1.3em Arial;
	background: #F6F6F6 url('../images/core/bg-h2.jpg') right center no-repeat;
}

div.products ul {
	margin: 0 0 15px 0;
	list-style-type: none;
	border-top: 1px dotted #C10D01;
}

div.products ul li {
	position: relative;
	z-index: 100;
	width: 154px;
	float: left;
}

div.products ul li a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 5px 20px 5px 10px;
	/*background: #FFF url('../images/core/icon-arrow.jpg') 140px center no-repeat;*/
	border-bottom: 1px dotted #C10D01;
	border-right: 1px solid #C10D01;
}

div.products ul li a:hover {
	color: #C10D01;
}	

div.products ul ul {
	left: -9999em;
	margin-left: 154px;
	position : absolute; 
	top: 0;
}

div.products ul li ul li a {
	background-image: none;
}	

div.products ul li:hover ul ul, div.products ul li:hover ul ul ul,
div.products ul li.sfhover ul ul, div.products ul li.sfhover ul ul ul {
	left: -9999em;
}

div.products ul li:hover ul, div.products ul li.sfhover ul,
div.products ul li ul li:hover ul, div.products ul li ul li.sfhover ul { 
	left: auto;
}

/* Contact */

div.contact {
	font-size: 1.1em;
	color: #000;
}

div.contact h2 {
	color: #C10D01;
	display: block;
	margin-bottom: 15px;
	font: bold 1.3em Arial;
	border: 1px solid #CFCFCF;
	padding: 2px 80px 3px 5px;
	background: #F6F6F6 url('../images/core/bg-h2.jpg') right center no-repeat;
}

div.contact p {
	margin: 0 0 10px 10px;
	line-height: 1.4em;
}	

div.contact a, div.products a {
	color: #C10D01;
	text-decoration: underline;
}

div.contact a:hover, div.products a:hover {
	color: #080706;
}

/*=================================
	 Content Right
================================== */

div.content-right {
	width: 799px;
	height: auto;
	float: left;
	margin-left: 1px;
	background: url('../images/core/tile-contentright.jpg') 0 0 repeat-x;
}

/* Sub Navigation */

div.sub-navigation {
	width: 799px;
	height: auto;
	padding: 0;
	margin-bottom: 20px;
}

div.sub-navigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.sub-navigation ul {
	list-style-type: none;
}

div.sub-navigation ul li {
	float: left;
}

/*div.sub-navigation ul li a {
	float: left;
	display: block;
	height: 79px;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
}

div.sub-navigation ul li a.services {
	width: 281px;
	z-index: 10;
	background: url('../images/core/button-services.gif') 0 0 no-repeat;
}

div.sub-navigation ul li a.product-catalogue {
	width: 302px;
	z-index: 5;
	margin-left: -50px;
	background: url('../images/core/button-productcatalogue.gif') 0 0 no-repeat;
}

div.sub-navigation ul li a.contact-us {
	width: 274px;
	z-index: 0;
	margin-left: -50px;
	background: url('../images/core/button-contactus.gif') 0 0 no-repeat;
}*/

/* Text */

div.text {
	padding: 10px;
}

/* Standard */

div.standard {
	font-size: 1.2em;
	color: #2E2825;
}

div.standard h1 {
	color: #C10D01;
	display: block;
	margin-bottom: 15px;
	font: bold 1.4em Arial;
	border: 1px solid #CFCFCF;
	padding: 5px 120px 5px 10px;
	background: #F3F3F3 url('../images/core/bg-h1.jpg') right center no-repeat;
}

div.standard h2 {
	color: #2E2825;
	font-size: 1.2em;
	margin-bottom: 15px;
}

div.standard h2 a {
	text-decoration: none;
}

div.standard h3 {
	color: #2E2825;
	font-size: 1.1em;
	margin-bottom: 15px;
}

div.standard h4 {
	color: #2E2825;
	font-size: 1em;
	margin-bottom: 15px;
}

div.standard h5 {
	color: #2E2825;
	font-size: 0.9em;
	margin-bottom: 15px;
}

div.standard p {
	margin-bottom: 15px;
	line-height: 1.6em;
}	

div.standard a {
	color: #C10D01;
	text-decoration: underline;
}

div.standard a:hover {
	color: #080706;
}

div.standard ul {
	margin-bottom: 15px;
	margin-left: 25px;
}

div.standard ul li {
	line-height: 1.6em;
}

div.standard ol {
	margin-bottom: 15px;
	margin-left: 25px;
}

div.standard ol li {
	line-height: 1.6em;
}

div.standard hr {
	border: 0;
	height: 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #CFCFCF;
}

.right {
	float: right;
	margin: 15px 0 15px 15px;
}
div.standard img { display: block; border:  2px solid #b10e0e; margin-bottom: 10px; }

.left {
	float: left;
	margin: 15px 15px 15px 0;
}

/* Services */

div.services table td {
	vertical-align: top;
	padding-bottom: 10px;
	padding-right: 5px;
}

/* Product Listing */

div.product-listing table td {
	padding: 10px 20px 10px 0;
	vertical-align: top;
	border-bottom: 1px solid #CFCFCF;
}

ul.product-category li {list-style: none;}
ul.product-category li:before {content: "\00BB \0020";} /* prefixes » to list items on parent ul

/* Product Detail */

div.product-detail table td {
	padding: 10px 20px 10px 0;
	vertical-align: top;
}

/* Enquiry Form */

div.enquiry-form table td {
	padding: 5px 10px 5px 0;
}

div.enquiry-form table td input.field,
div.enquiry-form table td textarea.field {
	border: 1px solid #CFCFCF;
	padding: 5px;
	color: #2E2825;
	width: 250px;
	font: normal 1em Tahoma;
}

div.enquiry-form table td input.button {
	border: 0;
	padding: 5px;
	color: #FFF;
	border: 0;
	background: #000;
}

/*=================================
	 Footer
================================== */

div.footer {
	width: 960px;
	height: auto;
	font-size: 1.1em;
	color: #FFF;
	padding: 10px 0;
}	

div.footer img {
	float: right;
	border: 0;
}

div.footer p {
	line-height: 1.4em;
}

div.footer a {
	color: #FFF;
	text-decoration: underline;
}

div.footer a:hover {
	text-decoration: none;
}