/*--------------------------------------------------------------------------------
David Plumb 
Version: 1.0  Date: 01/10/2008
Coded by Ryan Downie (ryan@bfinternet.co.uk)
Design by Ryan Downie (ryan@bfinternet.co.uk)
----------------------------------------------------------------------------------- */

/* ---------------------------------------------
Global Styles
--------------------------------------------- */

body{
background-image:url(../images/html.jpg);
background-repeat:repeat-x;
color:#4a4837;

}

html {
background:url(../images/body.jpg);

}

div#ft {
background:url(../images/footer.jpg) repeat-x;
text-align:left;
height:125px;
}

div#footer-wrapper {
width:970px;
margin:0 auto;
}

div#ft ul {
margin:2% 0 0;
float:left;
}

div#ft ul li{
list-style:none;
color:#FFF;
margin:2% 0;
}

p#bf {
float:right;
color:#FFF;
margin:2.6% 0 0;
}

p#bf a {
color:#fff;
border-bottom:1px dotted;
}


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

.clearfix {display: inline-block;}  /* for IE/Mac */

a { border:none!important;}



/* ------------ 
Masthead
------------- */

div#masthead {
text-align:center;

}

div#masthead-intro {
float:right;
margin:20px 0 0 0;
}

div#masthead img {
position:relative;
top:7px;
}

div#masthead  p{
text-transform:uppercase;
font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
font-weight:600;
color:#38312f;
letter-spacing:.1em;
font-size:90%;}

div#masthead p span, div#masthead a {
color:#a7a37e;
text-transform:lowercase;
}

div#masthead p a {
	text-decoration:underline;
}

h1#logo {
background:url(../images/logo.jpg) no-repeat;
width:530px;
height:98px;
text-indent:-9999px;
margin:0 0 14px 96px;
}

/*-------------------------------
Navigation
------------------------------- */

ul#hd li {
float:left;
margin:0 3.7em 0 0;
list-style:none;
font-size:128.5%;
font-family: Georgia, Times, "Times New Roman";
font-style:italic;
line-height:2;
}

ul#hd li a {
color:#FFF;
text-decoration:none;
display:block;
}

ul#hd li a:hover {
color:#a6a17a;
text-decoration:underline;
}

ul#hd li.last {
margin:0;
}

a {
color:#3c3533;
text-decoration:underline;
border-bottom:1px dotted #3c3533;
}

a:hover {
text-decoration:none;
border-bottom:1px solid #3c3533;
}

/* -- END OF GLOBAL STYLES --*/

/* -----------------------------------
PAGE SPECIFIC TEMPLATES
---------------------------------- */

/* --------------------------------
Home Page
-------------------------------- */
div#introduction {
margin:2% 0 1%;
font-size:90%;

}

li.header {
background:url(../images/list-bg.jpg) repeat-x;
list-style:none;
font-size:130%;
color:#FFF;
font-family: Georgia, Times, "Times New Roman";
padding:0 7%;
margin:0!important;
line-height:2.3;
}

ul#supply {
width:47%;
float:left;
margin:0;
padding:0;
}

ul#customers {
float:left;
width:53%;
margin:0;
padding:0;
}

ul#supply li , ul#customers  li {
margin:2% 0 3% 13%;
}

ul#ebay {
margin:0;
padding:0;
list-style:none;
}

a#ebay {
	text-decoration:underline;
}

ul#ebay li {
list-style:none;
}

ul#ebay p {
padding:2% 7%;
line-height:1.8;
}

ul#ebay img {
float:right;
margin:-5% 0 0;
}

div#featured {
margin:2% 0 0;
font-size:90%;
}

div#featured h3, div#about-us h3, div#contact-us h3{
background:url(../images/list-bg.jpg) repeat-x;
list-style:none;
font-size:130%;
color:#FFF;
font-weight:normal;
font-family: Georgia, Times, "Times New Roman";
padding:0 3%;
margin:0!important;
line-height:2.3;
}

div#featured li {
list-style:none;
float:left;
width:18%;
margin:0 6% 2% 0;
padding:1%;
min-height:395px;
}


div#featured h4 {
text-transform:uppercase;
font-family: Georgia, Times, "Times New Roman";
font-style:italic;
font-size:130%;
letter-spacing:.1%;
margin-bottom:5%;
color:#8c8a77;
font-weight:normal;
min-height:40px;
}

div#featured li p {
text-transform:uppercase;
line-height:1.8;
font-size:92%;
color:#696759;
margin:5% 0;
}

div#featured td img {
border:2px solid #a7a37e;
margin:0 0 2em;
}

div#featured td.odd {
background:#dedbb8;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}


.last {
margin:0 0 !important;
}

/* ---------------------
About us
---------------------- */
div#about-us {
margin:2% 0 0;
min-height:270px;
}

div#about-us h3{
padding:0 3% 1%;
}

div#about-us p {
padding:0 3%;
}



/* -------------------
Contact Form
------------------- */
div#contact-us {
margin:2% 0;
}

form#contact_form {
width:95%;
margin:2% auto;

}

form#contact_form h4 {
font-size:120%;
margin-bottom:10px;
font-family: Georgia, Times, "Times New Roman";
letter-spacing:.1em;
font-weight:normal;}

div#contact-us .box {
float:left;
}

div#contact-us fieldset#details {
width:32%;
}
div#contact-us fieldset#let-us {
width:47%;
}

div#contact-us fieldset#details label, div#contact-us fieldset#let-us label, div#contact-us fieldset#send label {
display:block;
width:80%;
margin-bottom:1%;
}

div#contact-us fieldset#send {
width:20%;
}

#Nature_of_Enquiry {
width:90%;}

#Intrested_In {
width:90%;
}

fieldset#details input {
width:60%;
}

img#verification_img {
margin-bottom:6%;
}

button {
background:#372F2D;
color:#FFF;
display:block;
padding:2%;
text-align:center;
border:none;
margin-bottom:2%;}

div#skip {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background:#A7A380;
padding:5px 10px;
text-align:center;
width:100px;
float:left;
font-size:80%;
margin:-9px 0 0 23px;
}

div#product-area img {
	border:2px solid #A7A37D;
	float:left;
	margin:20px 0 0;
	
}

div#pro-desc {
	margin:20px 0 0 24px; 
	float:left;
}

th, td {
padding:0.5em;
width:231px;
border:none;
}

table.product-box {width:18em;}

table.product-box  tr {	}

tr.product-row {
float:left;
margin:1em 0 3em;
}