@import url('reset.css');

body {
	background: #e0e2e5 url('../images/core/bg.gif') repeat-x 0 0;
	font: 62.5% Arial, Tahoma, 'sans serif';
	margin: 0;
	padding: 0;
}

/* Container
--------------*/
#container {
	margin: 0 auto;
	padding: 0;
	width: 850px;
}

/* Header
--------------*/
#header {
	height: 86px;
	position: relative;
}

#header h1, #header h2, #header h3 { margin: 0; padding: 0; }

#header h1#logo a {
	background: url('../images/core/logo.gif') no-repeat 0 0;
	display: block;
	height: 54px;
	left: 21px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 19px;
	width: 548px;
}

#header #wombat {
	background: url('../images/core/wombat_logo.gif') no-repeat 0 0;
	display: block;
	height: 39px;
	overflow: hidden;
	position: absolute;
	right: 14px;
	text-indent: -9999px;
	top: 40px;
	width: 127px;
}

#header #kobelco a {
	background: url('../images/core/kobelco_logo.gif') no-repeat 0 0;
	display: block;
	height: 22px;
	overflow: hidden;
	position: absolute;
	right: 157px;
	text-indent: -9999px;
	top: 51px;
	width: 105px;
}

/* Navigation
--------------*/
#navigation { height: 38px; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation ul li { float: left; }
#navigation ul li a {
	display: block;
	float: left;
	height: 38px;
	overflow: hidden;
	text-indent: -9999px;
}
#navigation ul li a:hover { background-position: 0 -38px !important; }

#navigation ul li.wcm_home a { background: url('../images/nav/wcm_home.jpg') no-repeat 0 0; width: 126px; }
#navigation ul li.about_us a { background: url('../images/nav/about_us.jpg') no-repeat 0 0; width: 108px; }
#navigation ul li.parts_services a { background: url('../images/nav/parts_services.jpg') no-repeat 0 0; width: 154px; }
#navigation ul li.dealer_network a { background: url('../images/nav/dealer_network.jpg') no-repeat 0 0; width: 156px; }
#navigation ul li.product_catalogue a { background: url('../images/nav/product_catalogue.jpg') no-repeat 0 0; width: 170px; }
#navigation ul li.contact_us a { background: url('../images/nav/contact_us.jpg') no-repeat 0 0; width: 136px; }

/* Banner
--------------*/
#banner {
	background: #000;
	height: 296px;
	position: relative;
}

#banner h1, #banner h2, #banner h3, #banner h4, #banner h5 { margin: 0; padding: 0; }

#banner.one { background: url('../images/core/banner1.jpg') no-repeat 0 0; }
#banner.one h2 {
	background: url('../images/core/banner1-supply_loaders.gif') no-repeat 0 0;
	display: block;
	height: 58px;
	overflow: hidden;
	position: absolute;
	right: 90px;
	text-indent: -9999px;
	top: 94px;
	width: 150px;
}

#banner #banner_box {
	background: url('../images/core/banner_box_bg.gif') no-repeat 0 0;
	height: 126px;
	position: absolute;
	right: 18px;
	top: 170px;
	width: 247px;
}

#banner #banner_box h3.dealers_australia_wide,
#banner #banner_box p.freecall,
#banner #banner_box a.make_an_enquiry {
	left: 21px;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

#banner #banner_box h3.dealers_australia_wide { background: url('../images/core/banner-dealers_australia_wide.gif') no-repeat 0 0; height: 15px; top: 15px; width: 201px; }
#banner #banner_box p.freecall{ background: url('../images/core/banner-freecall.gif') no-repeat 0 0; height: 36px; top: 35px; width: 191px; }
#banner #banner_box a.make_an_enquiry { background: url('../images/core/banner-make_an_enquiry.gif') no-repeat 0 0; height: 14px; top: 90px; width: 211px; }

/* Content
--------------*/
#content {
	background: #fff;
	padding-bottom: 2em;
}

#content strong { font-weight: bold; }
#content em { font-style: italic; }

#content .clear { clear: both; display: block; height: 0; line-height: 0; }

#content #left {
	float: left;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 20px 0 20px 30px;
	width: 530px;
}

#content.fullwidth #left { padding-right: 30px; width: 780px; }

#content #left h1,
#content #left h2,
#content #left h3,
#content #left h4,
#content #left p { margin-bottom: 1em; }

#content #left h1, #content #left h2 { color: #000; font-size: 1.6em; font-weight: bold; }
#content #left h3 { color: #053570; font-size: 1.4em; font-weight: bold; }
#content #left h4 { color: #000; font-size: 1.2em; font-weight: bold; }
#content #left h5 { color: #053570; font-size: 1em; font-weight: bold; }

.left-list { width: 260px; display: block; float: left; }
.left-list ul { list-style-type: disc; }
.left-list ul li { }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/****************************************************
*** CSS Changes Made by Keegan Rowe - 28/12/2007
****************************************************/
#content #left h1 a {
	color: #000; font-weight: bold; text-decoration:none; }

#content #left h1 a:hover {
	color: #000; font-weight: bold; text-decoration:underline; }

#content #left h3 a {
	color: #053570; font-weight: bold; text-decoration:none; }
#content #left h3 a:hover {
	color: #053570; font-weight: bold; text-decoration:underline; }

/****************************************************
****************************************************/

#content #left a { color: #00337f; text-decoration: underline; }
#content #left a:hover { color: #000; }

#content #left ul, #content #left ol { margin-bottom: 1em; }
#content #left ul { list-style-type: square; margin-left: 2em; }
#content #left ol { list-style-type: decimal; margin-left: 2em; }

#content #right {
	background: #fc0 url('../images/core/content_right_bg.gif') no-repeat left bottom;
	display: inline;
	float: right;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-right: 18px;
	padding: 15px 19px 10px;
	width: 209px;
}

#content.fullwidth #right { display: none; }

#content #right h2 { color: #fff; font-size: 1.4em; font-weight: bold; margin-bottom: .5em; text-transform: uppercase; }
#content #right h4 { color: #000; font-size: 1.1em; font-weight: bold; margin-bottom: 0; }
#content #right p { margin-bottom: 1em; }

#content #right a { color: #00337f; text-decoration: underline; }
#content #right a:hover { color: #000; }

#content #right div.black_button {
	background: url('../images/core/black_button_right_bg.gif') no-repeat right top;
	height: 21px;
	line-height: 21px;
	margin-bottom: 1em;
	padding-right: 4px;
	text-align: right;
}
#content #right div.black_button a {
	background: #000 url('../images/core/black_button_left_bg.gif') no-repeat 0 0;
	color: #fff;
	display: block;
	float: right;
	font-size: .9em;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	padding-left: 10px;
	padding-right: 6px;
	text-decoration: none;
}

#content #right <script type="text/javascript" language="javascript" src="http://www.webfirm.com.au/JavaScript/swfobject.js"></script>featured_product_border { border: 2px solid #fff; margin-bottom: 1em; }

#content #left dl { border-bottom: 1px solid #ccc; margin-bottom: 1em; }

#content #left dl dt {
  border-top: 1px solid #ccc;
  color: #053570;
  float: left;
  font-weight: bold;
  padding: 1em 10px 0;
  width: 200px;
}

#content #left dl dd {
  border-top: 1px solid #ccc;
  margin-left: 210px;
  padding: 1em 10px 0;
}
#content .product_catalogue_list { list-style-type: none !important; margin: 0 !important; }
#content .product_catalogue_list li {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	display: block;
	float: left;
	height: 140px;
	padding: 20px 5px 10px;
	text-align: center;
	width: 249px;
}
#content .product_catalogue_list li img { margin-bottom: 1em; }

#content .product_listing_list { border-top: 1px solid #ccc; list-style-type: none !important; margin: 0 !important; }
#content .product_listing_list li {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 10px 5px;
}
#content .product_listing_list li img { float: left; /*width: 200px; - this cannot be done, it is DYNAMIC!! */ }
#content .product_listing_list li .content { float: left; margin-left: 10px; width: 550px;  }

#content .product_detail_list { list-style-type: none !important; margin: 0 !important; }
#content .product_detail_list li {
	display: block;
	padding: 10px 5px;
}
#content .product_detail_list li .image { float: left; text-align: center; width: 200px; }
#content .product_detail_list li .image img { margin-bottom: 1em; }
#content .product_detail_list li .content { float: left; margin-left: 10px; width: 550px;  }


/****************************************************
*** CSS Changes Made by Keegan Rowe - 28/12/2007
****************************************************/

#content .product_listing_list li div.contentnoimage { margin-left:0; }

#content .product_detail_list li .contentnoimage { margin-left: 0; }
#content .product_detail_list li .image .item img { margin-bottom: 0; }
#content .product_detail_list li .image .item { margin-bottom: 15px; }
#content .product_detail_list li .image .item .enlarge { margin-bottom: 15px; }

#content .product_catalogue_list li {
	height:150px; 
}

#content .product_catalogue_list li {
	border: 1px solid #ccc;
	border-bottom:0;
}

#content .product_catalogue_list li.firstrow {
	border-top:0;
}

#content .product_catalogue_list li.firstcol {
	border-left:0;
	border-right:0;
}

#content .product_catalogue_list li.lastcol {
	border-right:0;
	border-left:0;
}
/****************************************************
****************************************************/

#content table { border-collapse: collapse; width: 100%; }
#content table th {
	color: #053570;
	font-weight: bold;
	padding: 4px;
}
#content table td {
	border: 1px solid #ccc;
	padding: 4px;
}
#content table tr.alt td { background: #f6efcf; }

#content table.nostyle tr.alt td { background: none; }

#content .contact_left {
	float: left;
}
#content .contact_right {
	float: right;
}

#content div.content-float-left, #content div.content-float-right { margin: 1em; text-align: center; }
#content div.content-float-left { float: left; }
#content div.content-float-right { float: right; }

#content img.bordered-image {
	border: 1px solid #E3E4E7;
	margin: 1em;
	padding: 1px;
}

/* Footer
---------------*/
#footer {
	background: #fff;
	border-top: 1px solid #d5d7db;
	clear: both;
	font-size: 1.1em;
	padding: 15px 30px;
	position: relative;
}

#footer ul { list-style: none; margin: 0; padding: 0; }
#footer ul li { display: inline; margin-right: 5px; }
#footer ul li a { color: #00337f; text-decoration: none; }
#footer ul li a:hover { color: #000; }

#footer a#site_created_by_webfirm {
	background: url('../images/core/site_created_by.gif') no-repeat 0 0;
	display: block;
	height: 21px;
	overflow: hidden;
	position: absolute;
	right: 30px;
	text-indent: -9999px;
	top: 15px;
	width: 70px;
}