/*--------------------------+
 | Site: Breakwest Hire	    |
 +--------------------------*/

 
@import url("/stylesheets/reset.css");



/* Core layout 
======================================================================*/
body {padding: 0 0 15px 0; font:12px Verdana, Arial, Helvetica, sans-serif; background:#898989 url(/images/core/1_bg.jpg) repeat-x;}
#container {margin:0 auto; width:940px;  }
#page {background:#f7feff url(/images/core/container-footer.gif) bottom no-repeat; margin:0 auto; width:900px; padding: 0 0 10px 0;}
#logo-banner {background:#fff url(/images/core/banner-bg.jpg) no-repeat; width:886px; height:98px; overflow:hidden; padding:27px}
#navigation {background:#f7feff; margin:0 auto; width:900px; height:33px; padding:0 0 0 0;}
#image-banner {margin:0 auto; width:900px; height:166px; background:url(/images/core/banner-image.jpg) no-repeat;}
#address-bar {background:url(/images/core/home-bar.jpg) no-repeat; overflow:hidden; width:885px; height:41px; margin:0 13px 0 13px; }
	.subcat #address-bar {background:url(/images/core/homebar-blank.jpg) no-repeat; overflow:hidden; width:885px; height:41px; margin:0 13px 0 13px; }
	.contact #address-bar {background:url(/images/core/homebar-blank.jpg) no-repeat; overflow:hidden; width:885px; height:41px; margin:0 13px 0 13px; }

#content {background:#ddeaf1 url(/images/core/home-bg-top.jpg) no-repeat top left; width:845px; margin:0 auto; padding:15px 15px 0 15px;}
	.subcat #content {background:#ddeaf1 url(/images/core/home-bg-top-blank.jpg) no-repeat top left; width:845px; margin:0 auto; padding:15px 15px 0 15px;}
	.contact #content {background:#ddeaf1 url(/images/core/home-bg-top-blank.jpg) no-repeat top left; width:845px; margin:0 auto; padding:15px 15px 0 15px;}

#content-footer {background:url(/images/core/content-footer.gif) no-repeat; width:875px; height:14px;}

.cta-left {float:left; width:210px;}
.content-right {float:left; width:455px; padding:0 0 0 15px;}
	.subcat .content-right {float:left; width:600px; padding:0 0 0 15px;}
	.contact .content-right {float:left; width:600px; padding:0 0 0 15px;}


.contact-right {width:170px; float:right; margin-top:35px;}
.contact-left {width:400px; height:20px; height:500px;}


#te-logo {margin:0 auto; width:865px; background:#ddeaf2 url(/images/core/content-footer.gif) no-repeat bottom; text-align:right; padding:0 10px 10px 0;}

#footer {padding:15px 30px 15px 30px;}


/* Categories layout 
======================================================================*/
#categories-container {background:#fff url(/images/core/categories-repeat.gif) repeat-y; width:198px; margin:10px 0 0 0;}

#categories-container ul {padding:10px; color:#017ba2; font-size:12px;}
#categories-container li {background:url(/images/bullet-arrow_26.gif) no-repeat; padding:0 0 5px 15px;}
#categories-container li ul li {color:#666; background:none; padding:0 0 5px 0; margin:0;}

ul.cat-nav {background:url(/images/core/categories-footer.gif) no-repeat bottom; padding:0 0 20px 0;}


/* Featureed Product layout 
======================================================================*/
#feature-product-container {float:right; width:385px; height:140px; overflow:hidden; margin:19px 25px 0 0;}
.featured-product {float:left; width:150px; height:101px; border:2px solid #000; margin:0 0 0 25px;}

.featured-product-title {background:#000; color:#FF0000; padding:0 5px 0 5px; font-size:12px; height:15px; overflow:hidden;}
.featured-product-name {background:#333; color:#fff; padding:0 5px 0 5px; border-top:1px solid #000; font-size:12px; height:15px; overflow:hidden;}



/* Product layout 
======================================================================*/
#product-container {}
.category {width:200px; float:left; height:15px; margin:5px; background:url(/images/bullet-blue.gif) no-repeat 0 2px; padding:0 0 0 12px; overflow:hidden;}
.product-listing-container {width:174px; float:left; margin:15px 25px 15px 0;}
.product-listing {width:170px; border:2px solid #b8d1df; background-color:#c9dee9;} 
/* Container holds the whole listing item, listing holds the info so the product-link can be outside the border square */

.listing-product-image {height:80px; width:170px; overflow:hidden; margin:9px 0 0 9px;}
	.listing-product-image img {border: 1px solid #1c5c71;}
.listing-product-name {background:#9abacc; padding:3px; font-size:12px; height:30px; overflow:hidden; text-align:center; color:#1c5c71; font-weight:bold; line-height:normal;}
.listing-product-short-desc {color:#333; padding:3px; font-size:11px; height:52px; overflow:hidden;}
.listing-product-link {width:174px; background:#017ba2 url(/images/core/listing-blue-curve.gif) no-repeat; height:21px; overflow:hidden; font-size:12px; padding:3px 0 0 0; text-align:center;}

dl.listing-info {}
dt {float:left; width:42px; color:#000;}
dd {float: left; width:118px;}
dd.model {width:100px; overflow:hidden; height:14px;}

dl.image-box {border: 2px solid #b8d1df; background-color: #c9dee9;	width: 170px;	text-align: center;	padding: 0 0 0 0;float: right;	margin: 0 0 10px 10px;}
dl.image-box dt {font-weight: bold; background-color: #9abacc; color: #1c5c71;	padding: 5px 10px; margin-bottom: 10px; width:150px;}
dl.image-box dd img	{border: 1px solid #1c5c71;}
dl.image-box dd {margin: 0;	padding: 0 10px 5px 10px;	font-size: 11px; width:150px; color:#333;}

.product-detail-right {width:170px; float:right; margin-top:35px;}
.product-detail-left {width:400px;}

dl.product-info {width: 400px;	margin: 0; padding: 0;}
dl.product-info dt {width: 90px; float: left; margin: 0 0 0 0; padding:5px; border-top: 1px solid #b8d1df; font-weight: bold; font-size:11px;}
dl.product-info dd {float: right; width: 290px; margin: 0 0 0 0; padding:5px; border-top: 1px solid #b8d1df; color:#333; font-size:11px;}



/* Navigation layout 
======================================================================*/
ul#nav {list-style:none; float:left; width:988px; display: inline-block; clear:both; padding:0 0 0 0px;}
ul#nav li {float:left; height:33px; overflow:hidden;}
ul#nav li a {display:block;height:33px;text-indent:-9999px;}
ul#nav li a:hover {background-position:0 -33px!important;}

ul#nav li#home a {background: url(/images/nav/home.jpg) no-repeat 0 0; width:95px;} 
ul#nav li#profile a {background: url(/images/nav/profile.jpg) no-repeat 0 0; width:73px;} 
ul#nav li#sales a {background: url(/images/nav/sales.jpg) no-repeat 0 0; width:138px;} 
ul#nav li#hire a {background: url(/images/nav/equipment.jpg) no-repeat 0 0;width:127px;} 
ul#nav li#careers a {background: url(/images/nav/careers.jpg) no-repeat 0 0;width:80px;}
ul#nav li#servicerepairs a {background: url(/images/nav/servicerepairs.jpg) no-repeat 0 0;width:141px;} 
ul#nav li#contact a {background: url(/images/nav/contact.jpg) no-repeat 0 0;width:82px;} 
ul#nav li#spacer {background:url(/images/nav/spacer.jpg) no-repeat 0 0; width:301px;} 
 
#footer a {color:#4c92b7; text-decoration:none;}
#footer a:hover {color:#4c92b7; text-decoration:underline;}

#categories-container a {color:#666; font-size:12px; text-decoration:none;}
#categories-container a:hover {color:#666; font-size:12px; text-decoration:underline;}

.listing-product-link a {color:#fff;}
.listing-product-link a:hover {color:#fff;}

a {color:#FF0000; text-decoration:none;}
a:hover {color:#FF0000; text-decoration:underline;}




 /* Font Style
======================================================================*/
h1 {font-size:25px; color:#333; font-style:italic; padding:0 0 15px 0; font-family:Arial, Helvetica, sans-serif;}
h2 {font-size:18px; color:#990000; font-style:italic; padding:0 0 15px 0; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
h3 {color:#017ba2; padding:0 0 15px 0; font-family:Arial, Helvetica, sans-serif;}
h4 {color:#000; font-size:13px; padding:0 0 15px 0; font-family:Arial, Helvetica, sans-serif;}
h5 {color:#000; font-size:11px; padding:0 0 15px 0; font-family:Arial, Helvetica, sans-serif;}
h6 {color:#fff; text-align:center; font-size:12px; text-transform:uppercase; padding:5px 0 10px 0;}

p {color:#666; line-height:17px; font-size:11px; padding:0 0 15px 0;}

.category-title {text-indent:-9999px; background:url(/images/core/product-catalogue-title.gif) no-repeat; height:25px;}

ul.downloads {}
ul.downloads li {padding:5px 0 0 25px; height:20px; background:url(/images/icon-pdf.gif) no-repeat 0 3px;}

#address-bar p {font-size:10px; color:#fff; padding:6px 0 0 20px;}

ul {}
li {}

.red {color:#CC0000;}
#footer p {font-size:10px; padding:0 0 0 0;}

dl.contact-info {width: 400px;	margin: 0; padding: 0;}
dl.contact-info dt {width: 70px; float: left; margin: 0 0 0 0; padding:5px; border-top: 1px solid #b8d1df; font-weight: bold; font-size:11px;}
dl.contact-info dd {float: right; width: 310px; margin: 0 0 0 0; padding:5px; border-top: 1px solid #b8d1df; color:#333; font-size:11px;}



/* Extras 
======================================================================*/
.float-right {float:right;}




 /* Form Style
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 80px;
}

form.form input, form.form select, form.form textarea {
	width: 215px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}