/* ========================
Pit N Portal
CSS by Guy Lillico
2008-01-30 
======================== */


@import url("reset.css");
@import url("thickbox.css");

body {
	background: url('../images/core/bg-repeat.jpg') repeat 0 0;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	text-align: center;
	position: relative;
}

#container-wrap {
	background: url('../images/core/body-bg.jpg') no-repeat 54% -40px;
	width: 100%;
	height: 600px;
}

body#popup {
	background: #363533 url('../images/core/body-bg.jpg') no-repeat 65% -40px;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	text-align: center;
	position: relative;
}

/*body.page-popup {
	color: #FFFFFF;
	position: absolute;
	padding-left: 20px;
	padding-top: 10px;
	top: 0px;
	left: 0px;
	background: #0f0f0f;
	text-align: left;
}

body.page-popup form {
	color: #FFFFFF;
}
*/

#wrap { color: #fff; width: 480px; height: auto; padding: 10px; display: block; margin: 0 auto; background-color: #141414; }
#wrap h3.popup-heading { display: block; padding: 8px; background: #ec9e16; color: #000; margin-bottom: 15px; text-align: left; }

p, span {
	line-height:150%;
	text-align:left;
	margin:0;
	margin-bottom: 15px;
	padding:0;
}

a {
	color: #ffb720;
}

a:hover {
	text-decoration: none;
}

a.pdf {
	background: url('../images/icon-pdf.gif') no-repeat;
	padding-left: 30px;
}

a.product-enquiry {
	background: #CC9900;
	color: #000000;
	font-weight: bold;
	padding: 1px;
	margin-left: 0px;
	margin-right: 3px;
	padding-right: 11px;
}

img {
	border: none;
}

h1, h2, h3, h4, h5 {
	padding: 8px 0 8px 0;
	font-weight: bold;
}

h1 { font-size: 20px; font-weight: normal; }

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffb720; }

strong { font-weight: bold; }

span.enlarge { clear: right; float: right; color: #CC9900; }


/**********************************
Container
**********************************/

#container {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	height: 100%;
	display: block;
	position: relative;
	z-index: 100;
}


/**********************************
Top
**********************************/

#header {
	text-align: left;
	height: 110px;
}

div#logo {
	background: url('../images/core/logo.png') no-repeat;
  	float: left;
	position: relative;
	left: 0px;
	top: 5px;
	width: 330px;
	height: 91px;
	text-indent: -9999px;
}

div#logo-popup {
	background: url('../images/core/logo.png') no-repeat;
  	display: block;
	margin: 0 auto 0 0;
	width: 330px;
	height: 91px;
	text-indent: -9999px;
	margin-bottom: 30px;
}

div#quote {
	background: url('../images/core/quote.png') no-repeat;
	position: relative;
	top: 0;
	left: 135px;
	float: left;
	width: 277px;
	height: 91px;
	text-indent: -9999px;
}


/**********************************
Content
**********************************/

#content {
	width: 100%;
	margin: 0;
	background: url('../images/core/content-bg.jpg') repeat-y 0 0;
}

#content #maincontent {
	color: #e8e8e8;
	width: 720px;
	padding-right: 18px;
	height: auto;
	text-align: left;
	float: right;
}

#content #maincontent a {
	text-decoration: none;
}

#content #maincontent a:hover {
	color: #ffffff;
}

#content #maincontent #banner {
	display: block;
	position: relative;
	width: 720px;
	height: 140px;
	padding: 7px 0;
}

#content #maincontent #flash-rebuilds {
	display: block;
	position: relative;
	width: 500px;
	height: 300px;
	padding: 7px 0;
}

#content #maincontent #mudmap {
	position: relative;
	top: -16px;
	right: 110px;
	float: right;
}

#content #maincontent div.text {
	padding: 10px 15px; 
	padding-bottom: 30px; 
	display: block;
	border-top: 1px solid #4b4948; 
	width: 690px;
	float: left;
	clear: both;
	margin-top: 15px;
}


body.page-detail #content #maincontent div.text { 
	border: none;
}

body.page-detail #content #maincontent div.text strong,
body.page-popup strong { 
	color: #F9BD64; 
	margin-right: 5px; 
	margin-left: 2px;
}

body.page-detail #content #maincontent div.text h1.page-title { 
	display: block;
	background: #ff7a0a;
	color: #0f0f0f;
	padding: 5px;
	margin-bottom: 19px;
}

#content #maincontent .image-display { 
	float: right;
	display: block; 
	margin: -40px 10px 0 20px;
	width: 200px;
	text-align: right;
	position: relative;
}

#content #maincontent .image-display img { 
	margin-bottom: 10px;
	border: 5px solid #1e1d1c;
}

#content #maincontent ul {
	position: relative;
	left: 18px;
	text-align:left;
	margin:0;
	margin-bottom: 15px;
	padding:0;
}

#content #maincontent li {
	font-size: 1em;
	line-height: 17px;
	list-style-type: disc;
}

#content #maincontent li.list {
	font-size: 1em;
	line-height: 17px;
	list-style-type: disc;
}

.border { border-top: 1px solid #4b4948; width: 716px; }

#content #left {
	color: #d7d7d7;
	float: left;
	width: 200px;
	height: auto;
}

#content #left #flash-left {
	position: relative;
	top: 57px;
	display: block;
	width: 193px;
	height: 175px;
}

#content #left #left-cta {
	position: relative;
	top: 54px;
	padding: 3px 10px 3px 20px;
	text-align: left;
	display: block;
	height: 250px;
}

#content #left #left-cta span {
	padding-left: 10px;
}

#content #left #left-cta img {
	padding: 0px 0 8px 15px;
	margin-top: 40px;
}

#content #left #left-cta ul {
	list-style-type: none;
	position: relative;
	top: 21px;
	left: 10px;
	width: 156px;
}

#content #left #left-cta ul li {
	height: 16px;
	display: block;
	text-indent: 10px;
	padding-top: 2px;
	font-weight: bold;
}

#content #left #left-cta ul li#left-phone {
	background: url('../images/core/icon-telephone.gif') no-repeat bottom left;
}

#content #left #left-cta ul li#left-fax {
	background: url('../images/core/icon-fax.gif') no-repeat bottom left;
}

#content #left #left-cta ul li#left-email {
	margin-top: 2px;
	text-indent: 21px;
	background: url('../images/core/icon-email.gif') no-repeat top left;
}

#content #left #left-cta ul li a {
	text-decoration: none;
	font-weight: normal;
}

#content #left #left-cta ul li a:hover {
	text-decoration: underline;
}


/**********************************
Navigation
**********************************/

#navigation, #navigation ul {
	position: relative;
	top: 19px;
	list-style: none; /* hide bullet points */
	margin: 0;
	padding: 0;
	padding-left: 15px;
	width : 185px; /* set for base nav width */
	z-index: 100;
}

#navigation li {
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px; /* collapse borders */
	position : relative; /* required - used to position subs */
	width: 185px; /* set to same width as base list */
	height: 30px;
	border-bottom: 1px solid #373534;
	margin-bottom: 1px;
}

#navigation li ul {
	left: -9999em;
	margin-left : 185px;
	position : absolute; /* required - positions subs in parent list item */
	top: 0; /* align to top */
}

#navigation li ul li {
	margin: 0px;
}

#navigation li a {
	background-color: #000000;
	color: #d77308;
	display : block;
	font-size: 12px;
	text-decoration : none;
	width: 185px;
	height: 30px;
	text-indent: -9999px;
}

#navigation li ul {
	padding-left: 0px;
}

#navigation li ul a {
	background-color : #feb61f;
	font-weight: bold;
	color : #222120;
	padding : 5px 0px;
	text-indent: 0px;
	width: 185px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
	height: 20px;
}

#navigation li ul a:hover { 
	background-color : #f6eade; 
	color : #ee820d; 
}	

/* hide subs on current list */
#navigation li:hover ul ul, 
#navigation li:hover ul ul ul, 
#navigation li.sfhover ul ul, 
#navigation li.sfhover ul ul ul {
	left: -9999em;
}

/* show subs on hover */
#navigation li:hover ul, 
#navigation li li:hover ul, 
#navigation li li li:hover ul, 
#navigation li.sfhover ul, 
#navigation li li.sfhover ul, 
#navigation li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav-home { background: url('../images/nav/nav-home.gif') no-repeat 0 0; height: 30px; }
#nav-home:hover { background: url('../images/nav/nav-home-r.gif') no-repeat 0 0; height: 30px; }

#nav-profile { background: url('../images/nav/nav-profile.gif') no-repeat 0 0; height: 30px; }
#nav-profile:hover { background: url('../images/nav/nav-profile-r.gif') no-repeat 0 0; height: 30px; }

#nav-services { background: url('../images/nav/nav-services.gif') no-repeat 0 0; height: 30px; }
#nav-services:hover { background: url('../images/nav/nav-services-r.gif') no-repeat 0 0; height: 30px; }

#nav-machinery { background: url('../images/nav/nav-machinery.gif') no-repeat 0 0; height: 30px; }
#nav-machinery:hover { background: url('../images/nav/nav-machinery-r.gif') no-repeat 0 0; height: 30px; }

#nav-wrecking-and-parts { background: url('../images/nav/nav-wrecking-and-parts.gif') no-repeat 0 0; height: 30px; }
#nav-wrecking-and-parts:hover { background: url('../images/nav/nav-wrecking-and-parts-r.gif') no-repeat 0 0; height: 30px; }

#nav-rental { background: url('../images/nav/nav-rental.gif') no-repeat 0 0; height: 30px; }
#nav-rental:hover { background: url('../images/nav/nav-rental-r.gif') no-repeat 0 0; height: 30px; }

#nav-machine-rebuilds { background: url('../images/nav/nav-machine-rebuilds.gif') no-repeat 0 0; height: 30px; }
#nav-machine-rebuilds:hover { background: url('../images/nav/nav-machine-rebuilds-r.gif') no-repeat 0 0; height: 30px; }

#nav-contact { background: url('../images/nav/nav-contact.gif') no-repeat 0 0; height: 30px; }
#nav-contact:hover { background: url('../images/nav/nav-contact-r.gif') no-repeat 0 0; height: 30px; }


/**********************************
Featured Products
**********************************/

ul#featured {
	position: relative;
	list-style-type: none;
	width: 716px;
	padding: 0;
}

ul#featured li {
	position: relative;
	right: 17px;
	list-style-type: none!important;
	float: left;
	width: 172px;
	min-height: 310px;
}

ul#featured li#featured-special { background: #1e1d1c url('../images/core/featured-special.gif') no-repeat top center; margin-right: 8px; margin-left: 1px; }
ul#featured li#featured-machinery { background: #1e1d1c url('../images/core/featured-machinery.gif') no-repeat top center; margin-right: 9px; }
ul#featured li#featured-wrecking { background: #1e1d1c url('../images/core/featured-hire.gif') no-repeat top center; margin-right: 9px; }
ul#featured li#featured-rental { background: #1e1d1c url('../images/core/featured-wrecking.gif') no-repeat top center; }

ul#featured li img {
	position: relative;
	top: 34px;
	padding: 10px 20px;
}

ul#featured li h3 {
	padding: 35px 3px 2px 22px;	
}

ul#featured li span {
	padding: 8px 3px 3px 22px;
}

ul#featured li p {
	position: relative;
	top: 7px;
	left: 22px;
	border-top: 1px solid #333130;
	width: 130px;
}

ul#featured li a.link {
	float: right;
	padding-right: 14px;
}

/*ul#featured li#featured-special a {
	position: relative;
	top: 17px;
	right: 14px;
}*/

ul#featured li span.info {
 	padding: 0 20px 0 0px;
	position: relative;
	left: 12px;
}
 
 
/**********************************
Subcategory Listing
**********************************/
 
ul#subcat-list {
	position: relative;
	right: 9px;
	list-style-type: none;
	width: 700px;
	margin: 0px;
	padding: 0px 0;
	margin-top: 12px;
	margin-bottom: 9px;
	text-align: left;
	text-indent: 0px;
}

ul#subcat-list li {
	background: #1e1d1c url('../images/core/subcat-bg1.jpg') no-repeat top left;
	position: relative;
	left: -17px;
	margin-top: 10px;
	margin-bottom: 7px;
	list-style-type: none;
	width: 700px;
	height: 110px;
	margin-right: 9px;
}

ul#subcat-list li h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0f0f0f;
	font-weight: bold;
	padding: 0px;
	position: relative;
	top: 5px;
	left:4px;
	text-transform: uppercase;
	text-align: left;
}
ul#subcat-list li h3 a { text-decoration: none; color: #000; }
ul#subcat-list li h3 a:hover { text-decoration: underline; color: #fff; }

ul#subcat-list li img {
	position: relative;
	top: -10px;
	right: 10px;
	float: right;
	border:5px solid #1e1d1c;
}

ul#subcat-list li p {
	position: relative;
	padding-top: 6px;
	top: 7px;
	left: 22px;
	width: 530px;
}

ul#subcat-list li span {
	padding: 8px 3px 3px 22px;
}


/**********************************
Product Listing
**********************************/

p.next { text-align: right; clear: both; width: 100%; padding-top: 5px; margin-top: 10px; border-top: 1px solid #4b4948; margin-bottom: 15px; }

ul#product-list {
	position: relative;
	right: 9px;
	list-style-type: none;
	width: 716px;
	height: 100%;
	margin: 0px;
	padding: 0px 0;
	margin-top: 12px;
	margin-bottom: 9px;
	text-align: left;
	text-indent: 0px;
	float: left;
}

ul#product-list li {
	background: #0f0f0f url('../images/core/product-bg.gif') no-repeat top center;
	position: relative;
	right: 17px;
	list-style-type: none;
	float: left;
	width: 172px;
	height: 320px;
	margin-top: 15px;
	margin-right: 7px;
}

ul#product-list li.specials {
	background: #0f0f0f url('../images/core/featured-special.gif') no-repeat top center;
	position: relative;
	right: 17px;
	list-style-type: none;
	float: left;
	width: 172px;
	height: 320px;
	margin-top: 15px;
	margin-right: 7px;
}

ul#product-list li h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0f0f0f;
	font-weight: bold;
	padding: 0 5px 5px 0;
	position: relative;
	top:5px;
	left: 22px;
	text-align: left;
}

ul#product-list li h3 span.hidden, ul#product-list li.specials h3 span.hidden { display: none; }

ul#product-list li img {
	position: relative;
	top: 17px;
	padding: 20px 20px;
}

ul#product-list li p {
	position: relative;
	padding-top: 6px;
	top: 7px;
	left: 22px;
	border-top: 1px solid #333130;
	width: 130px;
}

ul#product-list li span {
	padding: 8px 3px 3px 22px;
}

ul#product-list li div.buttons {
	float: right;
	display: inline-block;
	clear: both;
	margin: 8px 10px 0 0;
	text-align: right;
}

ul#product-list li div.special-price, ul#featured li div.special-price { display: block; clear:both; height: 25px; margin:5px 20px 0 20px; }
ul#product-list li div.special-price span.normal, ul#featured li div.special-price span.normal { text-align: center; color: #fff; font-weight: bold; padding: 0; background-color: #0f0f0f; padding: 5px;  }
ul#product-list li div.special-price span, ul#featured li div.special-price span { text-align: center; color: #000; font-weight: bold; padding: 0; background-color: #ffb720; padding: 5px;  }

/*ul#product-list li div.buttons a { margin-right: 5px; width: auto; padding: 3px 5px; background-color: #ffb720;; color: #000; text-align: center; }
ul#product-list li div.buttons a:hover { background-color: #000; color: #fff; }*/

.detail-box { background-color: #1e1d1c; float: left; height: auto; display: block; padding: 10px; font-size: 1.1em; }
.offer { font-size: 1.2em; color: #FFCC00; font-weight: bold; }
.discounted { text-decoration:line-through; }
.popup-enquiry a { display: block; width: 670px; float: left; background: #ffb720; color: #000; font-size: 1.2em; font-weight: bold; text-decoration: none; padding: 10px; }
.popup-enquiry a:hover { background: #000; color: #ffb720;text-decoration: none; }

/**********************************
Footer
**********************************/

#clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	visibility: hidden;
	border: none;
    margin: 0;
	padding: 0;
    background: transparent;
}

#footer {
	color: #ffb720;
	clear: both;
	background: url('../images/core/footer-bg.gif') no-repeat 0 0;
	height: 35px;
	padding: 5px;
	vertical-align: middle;
	width: 950px;
}

#footer p {
	position: relative;
	top: -10px;
}

#footer span {
	position: relative;
	top: 1px;
	padding-left: 25px;
	padding-right: 15px;
	color: #959595;	
}

#footer img {
	position: relative;
	top: 8px;
	left: 20px;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}


/*-------------------------------------------
	Clearfix
-------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-------------------------------------------
	Forms / Buttons
-------------------------------------------*/

#search {
	background: url('../images/core/search-label.gif') no-repeat 0 0;
	position: relative;
	width: 720px;
	height: 35px;
	top: 25px;
	border-bottom: 1px solid #4b4948;
	margin-bottom: 15px;
}

#search form#search_form {
	float: right;
	position: relative;
	left: 0px;
}

#search form#search_form input, 
#search form#search_form select {
	border: 2px solid #ffffff;
	color: #271411;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 0px;
}

#search form#search_form input {
	margin-right: 6px;
}

.input_submit { padding: 5px; }

input.enquire-btn {
	position: absolute;
	top: 23px;
	left: 30px;
	width: 138px;
	height: 25px;
	background: url('../images/core/btn-enquire.gif') no-repeat;
	outline: none;
}

input.enquire-btn:hover {
	background: url('../images/core/btn-enquire.gif') no-repeat 0 -25px;
}

#search form#search_form input.search-btn {
	border: none;
	position: relative;
	top: -2px;
	left: 4px;
	width: 89px;
	height: 25px;
	background: url('../images/core/btn-search.gif') no-repeat 0 0;
	outline: none;
}

#search form#search_form input.search-btn:hover {
	border: none;
	background: url('../images/core/btn-search.gif') no-repeat 0 -25px;
}