/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.hurddeerfeeders.com/
   TEMPLATE NAME:  HURD DEER FEEDERS
   DATE:           Aug-5th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #dfd8c3 url('/images/bg.jpg') repeat-x;
} 

#admin{
margin: 0;
padding: 0px;
height: 100%; 
background: #dfd8c3;
}

#sub {
background: #dfd8c3 url('/images/subbg.jpg') repeat-x;
margin: 0;
padding: 0px;
height: 100%; 
}

img { border: none; }

/* ----------CART--------------------- */
font, table, tr, td { font: 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif; color: #434035; border: none; background-color: transparent}
font { font-weight: bold}
table, td, tr { border: none; }
td { line-height: 20px; }
table b { color: #434035; }
table a, tr a, td a {color: #551f11}
table hr {border: none; border-bottom: 1px solid #434035; height: 0px;}
font img { border: 6px solid #434035; margin-right: 10px; }

#awsclassifiedbreadcrumb {
 float: right;
 width: 550px;
 text-align: left;
 font: 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
 color: #434035;
}

#cartwelcometable{ background-color: #dfd7c2; }
 
#cartwelcometable td{ border: 1px #f3efe5 solid; padding: 5px; border-collapse:collapse; }

#cartclassifiedlistings { width: 550px;}
#cartclassifiedlistings table{  padding: 4px;}
#cartclassifiedlistings td{ padding: 4px; text-align: left; width: 30%}
#cartclassifiedlistings img{ border: 6px solid #604935;}

#cartclassifieddetails { width: 550px;}
#cartclassifieddetails table{  padding: 4px;}
#cartclassifieddetails td{ padding: 4px; text-align: left; width: 30%}
#cartclassifieddetails img{ border: 6px solid #604935;}


/* ----------CATALOG--------------------- */
font p { text-align: left; width: 50%; margin-top: 250px; margin-bottom: 100px; min-height: 100%;  height: auto !important;  height: 100%; }

font p a {
text-decoration: underline;
color: #551f11;
font: 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
}



/* ----------CART--------------------- */
td p { text-align: left; width: 300px; margin-top: 10px; margin-bottom: 10px; }

#trader {
 height:auto;
 height: 100%;
 min-height: 100%;
}

#trader #navbar {
 width:130px;
 float: left;
 clear: right
}
#trader #posts {
 float: right;
 width: 550px;
}

#posts table{ padding: 60px}



/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
color: #777;
}
 
.form, textarea  {
width: 20em;
border: 1px solid #777;
font: 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
color: #5a5542;
padding: 6px;
margin-bottom: 20px;
}



.adForm, textarea {
width: 350px;
}
 
.button {
width: 6em;
font: bold 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
color: #dfd8c3;      
background: #5a5542;
padding: 7px;
border: 1px solid #5a5542;
}

/* --------------HEADER------------- */

#header {
background: url(/images/header.jpg) no-repeat;
height: 182px;
text-align: left
}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink {
background-image: url('/images/logo.png');
background-repeat: no-repeat;
height: 182px;
width: 200px;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.png);  width: 200px;  height: 182px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------MAIN CONTENT----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; /* Main DIV Background Img */
}


#main .content {
padding: 0px;
margin: 0px;
margin-left: 212px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
}

#main .sub {
padding: 0px 20px 40px 35px;
}

#main .sub p {
font: 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
line-height: 20px;
color: #434035;
padding-bottom: 20px;
}


#main h1 {
font: 20pt Georgia, Times New Roman, Serif;
color: #551f11;
padding-bottom: 12px;
}

#main p {
font: 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
line-height: 20px;
color: #434035;
}

#main .content a {
text-decoration: underline;
color: #551f11;
font: 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
}

/* --------------LEFT NAVIGATION----------------*/


#main .navleft {
float:left; 
height: auto;
height: 675px; /* Height of Background Img */
width: 212px;
margin: 0px;
padding: 0px;
background: #dfd8c3 url('/images/leftnavbg.gif') repeat-x;
}

#main .navleft .nav {
background: url('/images/leftnav_nav.gif') no-repeat;
width: 106px;
height: 22px;
margin: 10px 0px 0px 20px
}


#main .cart {
margin: 10px 0px 0px 20px;
}

#main .cart font {
color: black;
font-size: 8pt;
line-height: 14px;
}

#main .cart a {
font: bold 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
color: black;
background: url('/images/icon_cart.gif') no-repeat center left;
padding-left: 24px;
}

#main .cart h1{
background: url('/images/leftnav_cart.png') no-repeat;
width: 134px;
height: 23px;
}


#main .navleft p {
padding: 40px 0px 20px 20px;
font: 8pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
color: #000
}

#leftnav {
padding: 0px;
margin: 0px;
font: bold 10pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
color: #333;
letter-spacing: -1px
}

* html #leftnav { /*IE 6 only */
w\idth: 212px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#leftnav ul{
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#leftnav li {
margin: 0px;
border-bottom: 1px solid #8a0606;
border-top: 1px solid #dd0000;
background: url(/images/bullet_arrow.gif) no-repeat center left;
}

#leftnav li a{
display: block;
padding: 8px 0px 8px 38px;
color: #000;
text-decoration: none;
width: 100%;
}

html>body #leftnav li a{ /*Non IE6 width*/
width: auto;
}

#leftnav li a:hover{
text-decoration: underline;
background: url(/images/navon2.gif) repeat-x;
color: #000;
}



/* --------------HOMEPRODUCTS------------- */

#homeproducts {
background: url(/images/homeproductsbg.png) no-repeat left top;
height: 342px;
padding: 0px 20px 0px 30px;
}

#homeproducts .img {
border: 8px solid #65604c;
}

#homeproducts h2, h3 {
font: 30pt Georgia, Times New Roman, Serif;
color: white;
margin: 0px;
padding-left: 130px;
}

#homeproducts .one, .two, .three {
float: left; 
width: 180px;
margin-right: 52px;
margin-top: 20px;
}

#homeproducts h1 {
font: 16pt Georgia, Times New Roman, Serif;
color: #551f11;
padding: 8px;
}

#homeproducts p {
padding: 0px 0px 10px 8px;
}

.leaves {
position: absolute;
background: url(/images/homeproducts_leaves.png) no-repeat;
width: 118px;
height: 104px;
margin-left: 600px;
}

/* --------------HOMEBUTTONS------------- */

#homebuttons {
margin: 0px;
padding: 45px 0px 20px 25px;
height: 100%;
height: auto;
min-height: 100%;
}

#homebuttons .traders {
position: absolute;
padding-top: 50px;

height: 61px;
width: 300px;
float: left;
height: 100%;
height: auto;
min-height: 100%;

}

#homebuttons .traders h1 { 
background: url('/images/homebutton_traders.gif') no-repeat;
height: 61px;
width: 300px; 
}

#homebuttons .outfitters {
padding-top: 50px;
float: right;
width: 370px;

}

#homebuttons .outfitters h1 { 
background: url('/images/homebutton_out.gif') no-repeat; 
height: 61px;
}

#homebuttons p {
width: 300px;
padding: 6px 0px 10px 6px;
}

/* --------------OUTFITTERS------------- */

#outfitters {
background: #827c69 url(/images/outfittersbg.gif) repeat-x;
padding: 4px;
color: white;
padding: 20px;
margin-bottom: 14px;
border-bottom: 1px solid #65604c;
height: auto;
min-height: 206px;
}

#outfitters .holder {
margin: 0px;
padding: 0px;
height: auto;
}

#outfitters img {
float: left;
border: 6px solid #dfd8c3;
margin: 0px 20px 0px 0px;
}

#outfitters .holder a {
font: 20pt Georgia, Times New Roman, Serif;
color: white;
text-decoration:underline
}

#outfitters .holder a:hover {
color: #dfd8c3;
}

#outfitters div.text p{
color: white;
padding: 10px 0px 0px 0px;
text-align:justify;
}

/* --------------RTR------------- */

#rtr {
padding: 0px;
margin: 0px;
}

/* --------------EMPTYSUB------------- */

#emptysub {
height: 140px;
}

.leftleaf {
position: absolute;
background: url(/images/subleaf.png) no-repeat top;
width: 186px;
height: 161px;
}




/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer, .push { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background-color: #5a5542;
height: 100px;
height: auto;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
}

#seo  { font-family: Arial, Helvetica, Tahoma, Verdana, Sans-serif; text-decoration: none; color: #E5DFCF; font-size: 8pt; text-align: left  }

#seo2  { font-family: Arial, Helvetica, Tahoma, Verdana, Sans-serif; text-decoration: none; color: #E5DFCF; font-size: 8pt; text-align: center  }

a.seo:link {  font-family: Arial, Helvetica, Tahoma, Verdana, Sans-serif; text-decoration: none; color: #E5DFCF; font-size: 8pt;}
a.seo:visited  { font-family: Arial, Helvetica, Tahoma, Verdana, Sans-serif; text-decoration: none; color: #E5DFCF; font-size: 8pt; }
a.seo:hover { font-family: Arial, Helvetica, Tahoma, Verdana, Sans-serif; text-decoration: underline; color: #E5DFCF; font-size: 8pt;}

/* --------------FOOTER LINKS------------- */

#footer ul {
padding: 10px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #fff;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 8pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
}

#footer .links li a:hover {
color: #65604c;
text-decoration: underline;
}

#footer .asc ul {
margin: 0px;
padding: 0px;
}

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a {
color: #e5dfcf;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt Arial, Helvetica, Tahoma, Verdana, Sans-serif;
}

#footer .links li a:hover {
text-decoration: underline;
background: url(images/navon.gif) repeat-x;
}


/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }