/*----------------------------+
 | Site: Oilfield Traders     |
 +----------------------------*/

 
@import url("reset.css");



/* Core layout 
======================================================================*/
body {background:#00ad71 url(../images/core/bg.jpg) repeat-x 0 0; font:12px Verdana, Arial, Helvetica, sans-serif;}
#container {margin:0 auto; width:980px; background:#fff url(../images/core/top-stars.jpg) repeat-y top right;}
#banner-container {height:300px; overflow:hidden;}
	#phone-info {width:620px; height:115px; float:left;}
	#logo {float:left; width:360px; height:300px; background: url('../images/core/bg-logo.jpg')no-repeat 0 0; }
	#banner-contents {float:left; width:620px; height:300px;}
	#page-info {float:left; width:600px; height:110px;  padding:20px 10px 10px 0; border-right:10px solid #b19b61;}
#content {width:920px; padding:0 20px 20px 20px; border-left:10px solid #b19b61; border-right:10px solid #b19b61; background:url(../images/core/watermark.gif) no-repeat left top;}
	#content-info {padding:0 10px;}
#footer {background:#b19b61; width:940px; height:10px; margin:0 auto; padding:20px 20px 25px 20px;}



/* Services layout 
======================================================================*/
ul#listing-container {width:900px;}
ul#listing-container li {width:900px; height:1%; border-bottom:1px solid #ebe6d7; margin:0 0 20px 0; padding:0 0 20px 0;}
	.listing-imgs {width:150px !important; overflow:hidden; float:left;}
	.listing-img {border:none !important; width:150px !important; overflow:hidden; float:left; clear:both; margin: 2px 0;}
	.listing-img img {border:5px solid #d8cdb0; padding:1px;}
	.listing-info {padding:5px; width:690px; float:right;}
	
	
/* Products layout 
======================================================================*/
#searchbox {width:260px; height:80px; overflow:hidden; float:right; background: url(../images/core/search-bg.jpg) no-repeat left top; margin:0 0 0 10px; padding:10px;}
ul#results li {border-bottom:1px solid #ebe6d7; padding:10px 0 10px 0; margin:10px 0 10px 0;}

span.more-info {float:right;}
span.price {color:#FF6600; font-size:14px;}

ul#catalogue {width:900px;}
ul#catalogue li {float:left; width:205px; padding:5px 0 5px 15px; display:inline; line-height:18px; font-size:12px; border-left:1px solid #ebe6d7;}

ul#catalogue-listing {width:900px;}
ul#catalogue-listing li {padding:10px 0 20px 0;}
ul#catalogue-listing .listing-title {width:890px; background:#f3f0e7; height:20px; padding:5px 10px 5px 10px; margin:0 0 10px 0; overflow:hidden; border-top:1px solid #d8cdb0;}
ul#catalogue-listing .listing-img {float:left;}
ul#catalogue-listing .listing-info {float:left; width:400px; padding:0 10px 0 10px; border-right:1px solid #ebe6d7;}
ul#catalogue-listing .listing-details-container {float:left; width:300px; padding:0 10px 0 10px;}
	 dl.listing-details {width: 330px; padding: 5px 0 0 0;}
	 .listing-details dt {width: 90px; height:15px; float: left; margin: 0 0 0 0; padding:5px; border-bottom: 1px solid #d7edf8; font-weight: bold; color:#6aacce;}
	 /* commented backslash hack for mac-ie5 \*/
	 dt { clear: both; }
	 /* end hack */
	 .listing-details dd {float: left; width:220px; height:15px; margin: 0 0 0 0; padding:5px; border-bottom: 1px solid #d7edf8;}
	 
div#product-detail-container {width:700px; margin:0 0 0 100px;}
	.product-detail-title {
		background:#f3f0e7; 
		height:20px; 
		padding:5px 10px 5px 10px; 
		margin:0 0 10px 0; 
		overflow:hidden; 
		border-top:1px solid #d8cdb0; 
		color:#807453; 
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:16px;}
	ul#detail-details {width:700px;}
	ul#detail-details li.field-title {width:90px; height:15px; float:left; padding:5px; margin:5px 0 0 0; border-bottom:1px solid #d7edf8; font-weight: bold; color:#6aacce;}
	ul#detail-details li.field-info {width:240px; height:15px; float:left; padding:5px; margin:5px 0 0 0; border-bottom:1px solid #d7edf8;}
.product-details-info {margin:15px 0 20px 0; border-bottom:1px solid #d8cdb0;}
.nav2 {text-align:center;}


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

ul.nav li#home a {background: url(../images/nav/home.jpg) no-repeat 0 0; width: 58px;} 
ul.nav li#services a {background: url(../images/nav/services.jpg) no-repeat 0 0; width: 76px;} 
ul.nav li#products a {background: url(../images/nav/products.jpg) no-repeat 0 0; width: 85px;}
ul.nav li#gallery a {background: url(../images/nav/gallery.jpg) no-repeat 0 0; width: 76px;} 
ul.nav li#inventory a {background: url(../images/nav/inventory.jpg) no-repeat 0 0; width: 93px;}
ul.nav li#contact a {background: url(../images/nav/contact.jpg) no-repeat 0 0;width: 81px;} 
ul.nav li#email a {background: url(../images/nav/email.jpg) no-repeat 0 0;width: 151px;} 

.home ul.nav li#home a {background: url(../images/nav/home.jpg) no-repeat 0 0; background-position:0 -45px!important; width: 58px;} 
.services ul.nav li#services a {background: url(../images/nav/services.jpg) no-repeat 0 0; background-position:0 -45px!important; width: 76px;} 
.products ul.nav li#products a {background: url(../images/nav/products.jpg) no-repeat 0 0; background-position:0 -45px!important; width: 85px;} 
.gallery ul.nav li#gallery a {background: url(../images/nav/gallery.jpg) no-repeat 0 0; background-position:0 -45px!important; width: 76px;} 
.inventory ul.nav li#inventory a {background: url(../images/nav/inventory.jpg) no-repeat 0 0; background-position:0 -45px!important; width: 93px;} 
.contact ul.nav li#contact a {background: url(../images/nav/contact.jpg) no-repeat 0 0; background-position:0 -45px!important; width: 81px;} 

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

#container a {color:#00a57f; text-decoration:none;}
#container a:hover {text-decoration:underline;}

.listing-title a {color:#807453 !important; font:14px Georgia, "Times New Roman", Times, serif;}


 /* Font Style
======================================================================*/
.home h1 {text-indent:-9999px; height:35px; margin:0 0 20px 0; width:940px; overflow:hidden; background:url(../images/titles/title-home.jpg) no-repeat;}
.services h1 {text-indent:-9999px; height:35px; margin:0 0 20px 0; width:940px; overflow:hidden; background:url(../images/titles/title-services.jpg) no-repeat;}
.products h1 {text-indent:-9999px; height:35px; margin:0 0 20px 0; width:940px; overflow:hidden; background:url(../images/titles/title-products.jpg) no-repeat;}
.gallery h1 {text-indent:-9999px; height:35px; margin:0 0 20px 0; width:940px; overflow:hidden; background:url(../images/titles/title-gallery.jpg) no-repeat;}
.inventory h1 {text-indent:-9999px; height:35px; margin:0 0 20px 0; width:920px; overflow:hidden; background:url(../images/titles/title-inventory.jpg) no-repeat;}
.contact h1 {text-indent:-9999px; height:35px; margin:0 0 20px 0; width:940px; overflow:hidden; background:url(../images/titles/title-contact.jpg) no-repeat;}

h2 {font-size:14px; color:#1874a5; padding:0 0 10px 0;}
h3 {font-size:14px; color:#666; padding:0 0 10px 0;}
h4 {font-size:12px; color:#3399CC; padding:0 0 10px 0;}
h5 {font-size:10px; color:#333; padding:0 0 10px 0;}

p {font-size:12px; line-height:20px; padding:0 0 15px 0;}

#footer p {font-size:11px; color:#fff;}

#page-info h2 {font-size:12px;}
#page-info p {font-size:11px; color:#333;} 




/* Extras 
======================================================================*/
.float-right {float:right;}
.float-left {float:left;}
.map {float:right; margin:0 0 0 10px; border:5px solid #d8cdb0; padding:1px;}

#ul_hp {line-height:20px; list-style:disc; padding-left:30px; padding-bottom:20px}


/* -- gallery -- */
#gallery1 { 
	float: left;
	width: 850px;
	margin: 0 10px;
}

#gallery1 ul { padding: 0; }

#gallery1 ul li {
	display: inline;
	padding: 0 15px 15px 0;
	float: left;
}

#gallery1 ul li a img {
	border: 3px solid #eed79c;
}

#gallery1 ul li a:hover img {
	border: 3px solid #b19b61;
}



 /* Table Style
======================================================================*/
#inventory-table{
	border: 1px solid grey;
	width:	890px;
	text-align: center;
	margin: 0 auto;
}

.table-left{
	text-align:left;
}

#inventory-table tr#table-title{
	border-bottom: 2px solid grey;
}

#inventory-table span{
	color: red;
}

 /* Form Style
======================================================================*/
#enquiry-container {background:#fff; padding:15px; margin:20px; width:430px;}

#search-input {
  border: 1px solid #ddd;
  width: 200px;
	height:14px;
  padding: 5px 0 5px 30px;
  margin: 0 7px 8px 0;
	color:#18759e;
  background:#fff url(../images/icon-search.gif) no-repeat 2px 2px;
}

#search-submit {margin:0 0 0px 13px;}

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: 150px;
	float:left;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	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;
}