/* Industrial Cleaning System - Screen */

* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 62.5% Verdana;
	background: url('../images/core/tile-body.jpg') 0 0 repeat-x;
}

/* Container */

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

/* Header */

div.header {
	width: 950px;
	height: 119px;
	position: relative;
}

/* Logo */

div.logo {
	position: absolute; left: 14px; top: 29px;	
}

div.logo h2 a {
	width: 457px;
	height: 75px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/logo-industrialcleaning.gif') 0 0 no-repeat;
}

/* Phone */

div.phone {
	position: absolute; right: 20px; bottom: 20px;	
}

div.phone h3 {
	width: 211px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/bg-header.jpg') 0 0 no-repeat;
}

/* Banner */

div.banner {
	width: 950px;
	height: 198px;
}

/* Navigation */

div.navigation {
	width: 950px;
	height: 36px;
	padding-top: 3px;
	font-size: 1.4em;
	color: #FFF;
}

div.navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.navigation ul li {
	float: left;
	margin-right: 15px;
}

div.navigation ul li a {
	display: block;
	float: left;
	height: 23px;
	padding: 7px 10px 4px;
	color: #FFF;
	text-decoration: none;
}

div.navigation ul li a:hover {
	background: #FFF;
	color: #0c1b2d;
}

body#home div.navigation ul li a.home,
body#profile div.navigation ul li a.profile,
body#products div.navigation ul li a.products,
body#contact div.navigation ul li a.contact {
	background: #FFF;
	color: #0c1b2d;
}

/* Banner */

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

/* Container Content */

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

/* Content */

div.content {
	width: 950px;
	height: auto;
	margin: 30px 0;
	background: url('../images/core/bg-container_content.jpg') 0 0 no-repeat;
}

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

body#profile div.container-content,
body#products div.container-content,
body#contact div.container-content,
body#contact-thankyou div.container-content {
	background: url('../images/core/tile-content_inner.jpg') 0 0 repeat-y;
}

body#profile div.content,
body#products div.content,
body#contact div.content,
body#contact-thankyou div.content {
	background: url('../images/core/bg-container_content_inner.jpg') 0 0 no-repeat;
}

/* Content Left */

div.content-left {
	width: 206px;
	height: auto;
	float: left;
	padding: 12px;
}

/* Product Catalogue */

div.product-catalogue {
	font-size: 1.2em;
	color: #2d2d2d;
	margin-bottom: 20px;
}

div.product-catalogue h2 {
	font-size: 1.2em;
	color: #003c88;
	text-transform: uppercase;
	margin-bottom: 15px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/core/bg-product_catalogue.jpg') 0 0 no-repeat;
}

div.product-catalogue ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.product-catalogue ul li {
	display: inline;
}

div.product-catalogue ul li a {
	color: #2d2d2d;
	display: block;
	padding: 5px 5px 5px 25px;
	text-decoration: none;
	background: #f7f7f7 url('../images/core/icon-grey_arrow.gif') 13px 10px no-repeat;
}

div.product-catalogue ul li a:hover {
	color: #338dff;
}

div.product-catalogue ul li a:active {
	background: #dbdbdb;
}

div.product-catalogue ul ul li a.second_level {
	padding-left: 35px;
	background: #e7e7e7 url('../images/core/icon-grey_arrow_down.gif') 23px 10px no-repeat;
}

div.product-catalogue ul ul li a#second_level_across {
	padding-left: 35px;
	background: #e7e7e7 url('../images/core/icon-grey_arrow.gif') 23px 10px no-repeat;
}

div.product-catalogue ul ul ul li a {
	background: #ededed url('../images/core/icon-grey_arrow.gif') 43px 10px no-repeat;
	padding-left: 55px;
}

/* Content Middle */

div.content-middle {
	width: 450px;
	height: auto;
	float: left;
	padding: 12px 20px;
}

/* Feature Products */

div.feature-products {
	font-size: 1.1em;
	color: #999999;
	margin-bottom: 20px;
	width: 450px;
}

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

div.feature-products h2 {
	font-size: 1.3em;
	color: #003c88;
	text-transform: uppercase;
	margin-bottom: 15px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/core/bg-feature_products.jpg') 0 0 no-repeat;
}

div.feature-products ul {
	list-style-type: none;
}

div.feature-products ul li {
	line-height: 1.6em;
	float: left;
	width: 225px;
	height: 70px;
	margin-bottom: 20px;
}

div.feature-products ul li img {
	border: 5px solid #f7f7f7;
	float: left;
	margin-right: 5px;
}

div.feature-products ul li h3 {
	font-size: 1.1em;
	color: #000000;
}

div.feature-products ul li h3 a {
	color: #000000;
	text-decoration: none;
}

div.feature-products ul li h3 a:hover {
	color: #338dff;
}

div.feature-products ul li p {
	line-height: 1.6em;
}

div.feature-products ul li a:hover img  {
	border:  5px solid #f1f1f1;
}

/* Standard */

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

div.standard h1 {
	font-size: 1.2em;
	color: #003c88;
	text-transform: uppercase;
	margin-bottom: 15px;
}

div.standard h2 {
	font-size: 1.2em;
	color: #003c88;
	text-transform: uppercase;
	margin-bottom: 15px;
}

div.standard h3 {
	font-size: 1.1em;
	color: #10233c;
	text-transform: uppercase;
	margin-bottom: 15px;
}

div.standard h4 {
	font-size: 1em;
	color: #10233c;
	text-transform: uppercase;
	margin-bottom: 15px;
}

div.standard h5 {
	font-size: 0.9em;
	color: #10233c;
	text-transform: uppercase;
	margin-bottom: 15px;
}

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

div.standard a {
	color: #338dff;
	text-decoration: none;
}

div.standard a:hover {
	color: #2d2d2d;
}

div.standard ul {
	list-style-type: square;
	margin-bottom: 15px;
	margin-left: 25px;
}

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

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

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

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

div.standard table {
	margin-bottom: 15px;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
}

div.standard table td {
	padding: 5px;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

div.standard img.right {
	margin: 10px 0 10px 10px;
	border: 5px solid #eeeeee;
	float: right;
}

div.standard img.left {
	margin: 10px 10px 10px 0;
	border: 5px solid #eeeeee;
	float: left;
}

/* Content Right */

div.content-right {
	width: 206px;
	height: auto;
	float: left;
	padding: 12px;
}

/* Brands we stock */

div.brands-stock {
	margin-bottom: 20px;
	width: 206px;
}

div.brands-stock h2 {
	font-size: 1.4em;
	color: #003c88;
	text-transform: uppercase;
	margin-bottom: 15px;
	overflow: hidden;
	text-indent: -9999px;
}

div.brands-stock img {
	border: 5px solid #eeeeee;
}

div#fade {
	height: 160px; 
	width: 206px;
	overflow: hidden;
}

/* Come see us */

div.come-see {
	font-size: 1.1em;
	color: #2d2d2d;
	margin-bottom: 20px;
	width: 206px;
}

div.come-see h3 {
	font-size: 1.6em;
	width: 178px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/core/bg-come_see.jpg') 0 0 no-repeat;
}

div.come-see p {
	line-height: 1.6em;
	margin-left: 48px;
}

div.come-see a {
	color: #338dff;
	text-decoration: none;
	padding-left: 10px;
	background: url('../images/core/icon-blue_arrow.jpg') left center no-repeat;
}

div.come-see a:hover {
	color: #2d2d2d;
}

/* Contact Us */

div.contact-us {
	font-size: 1.1em;
	color: #2d2d2d;
	width: 206px;
}

div.contact-us h3 {
	font-size: 1.6em;
	width: 159px;
	height: 43px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/core/bg-contact_us.jpg') 0 0 no-repeat;
}

div.contact-us p {
	line-height: 1.6em;
	margin-left: 48px;
}

div.contact-us a {
	color: #338dff;
	text-decoration: none;
	padding-left: 10px;
	background: url('../images/core/icon-blue_arrow.jpg') left center no-repeat;
}

div.contact-us a:hover {
	color: #2d2d2d;
}

/* Need some Help */

div.need-help {
	font-size: 1.1em;
	color: #2d2d2d;
	margin-bottom: 20px;
	width: 206px;
}

div.need-help h3 {
	font-size: 1.6em;
	width: 178px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/core/bg-need_help.jpg') 0 0 no-repeat;
}

div.need-help p {
	line-height: 1.6em;
	margin-left: 48px;
}

div.need-help a {
	color: #338dff;
	text-decoration: none;
}

div.need-help a:hover {
	color: #2d2d2d;
}

/* Content Wide */

div.content-wide {
	width: 696px;
	height: auto;
	float: left;
	padding: 12px;
}

/* Product Detail */

div.product-detail {
	width: 696px;
	height: auto;
}

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

/* Detail Left */

div.detail-left {
	width: 246px;
	height: auto;
	float: left;
}
.center {
	text-align: center;
}

div.detail-left img {
	border: 5px solid #eeeeee;
}

div.button-enquire {
	width: 180px;
	padding-left: 66px;
}

div.button-enquire a {
	width: 113px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/button-enquire.gif') 0 0 no-repeat;
}

div.button-enquire a:hover {
	background: url('../images/core/button-enquire-on.gif') 0 0 no-repeat;
}



/* Detail Right */

div.detail-right {
	width: 450px;
	height: auto;
	float: left;
}

/* Contact Footer */

div.contact-footer {
	background: #f7f7f7;
	padding: 20px;
}

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

div.contact-footer div.come-see,
div.contact-footer div.contact-us, 
div.contact-footer div.need-help {
	float: left;
}

div.contact-footer div.come-see,
div.contact-footer div.contact-us {
	margin-right: 10px;
}

/* Footer */

div.footer {
	width: 910px;
	height: auto;
	color: #aaaaaa;
	font-size: 1.1em;
	padding: 20px;
	border-top: 1px solid #aaaaaa;
}

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

div.footer ul {
	margin-right: 20px;
}

div.footer ul li {
	display: inline;
	margin-right: 20px;
}

div.footer ul li a {
	color: #aaaaaa;
	text-decoration: none;
}

div.footer ul li a:hover {
	color: #2d2d2d;
}

div.footer a.webfirm {
	float: right;
	border: 0;
	width: 70px;
	height: 17px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/logo-webfirm.jpg') 0 0 no-repeat;
}