/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* { margin: 0; padding: 0; } 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap { height: 100%; }
#wrap { width: 960px; }

body > #wrap { height: auto; min-height: 100%; }

#main { padding-bottom: 350px; }  /* must be same height as the footer */

#footer {
position: relative;
margin-top: -350px; /* negative value of footer height */
height: 350px;
clear:both;
} 

/* CLEAR FIX*/
.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 */

body { background: #fff url('bg.jpg') top center repeat-y; }

p {
font: 14px/21px georgia, "times new roman", times, serif;
padding: 10px 20px;
text-align: left;
}

p table tr { padding: 4px 0; }

td { font: 14px/21px georgia, "times new roman", times, serif; text-align: left; }

img { border: 0; }

a:link, a:visited {
color: #c00;
cursor: default;
text-decoration: underline;
}

a:hover {
color: #f00;
cursor: pointer;
text-decoration: none;
}

a:active {
color: #c00;
cursor: default;
text-decoration: underline;
}

.header a:link, .header a:visited {
color: #fff;
cursor: default;
text-decoration: none;
}

.header a:hover {
color: #fff;
cursor: pointer;
text-decoration: underline;
}

.header a:active {
color: #fff;
cursor: default;
text-decoration: none;
}


.header {
background: #161;
padding: 8px 12px;
text-align: right;
}

#index_left {
background-image: url('product_list.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 450px;
}

#index_right {
background-image: url('stockist_list.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 20px 0 10px;
width: 450px;
}

#products_pest_control {
background-image: url('pest_control.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 920px;
}

#products_pest_control td, #products_indoor_plant td, #products_garden td, #products_weedkiller td, #products_lawn_care td, #products_liquid_feed td, #products_straights td, #products_going_for_green td, #products_special_value td { border-bottom: 1px solid #ddd; padding-bottom: 10px; }

#products_indoor_plant {
background-image: url('indoor_plant.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 920px;
}

#products_garden {
background-image: url('garden.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 920px;
}

#products_weedkiller {
background-image: url('weedkiller.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 920px;
}

#products_lawn_care {
background-image: url('lawn_care.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 920px;
}

#products_liquid_feed {
background-image: url('liquid_feed.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 920px;
}

#products_straights {
background-image: url('straights.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 920px;
}

#products_going_for_green {
background-image: url('going_for_green.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 920px;
}

#products_special_value {
background-image: url('special_value.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 920px;
}

#contact_left {
background-image: url('company_info.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 10px 0 20px;
width: 450px;
}

#contact_right {
background-image: url('contact_list.jpg');
background-repeat: no-repeat;
float: left;
margin: 0 20px 0 10px;
width: 450px;
}

#index_left p, #index_right p, #contact_left p, #contact_right p {
margin: 0 20px;
padding: 84px 0 0 0;
}

#products_pest_control p, #products_indoor_plant p, #products_garden p, #products_weedkiller p, #products_lawn_care p, #products_liquid_feed p, #products_straights p, #products_going_for_green p, #products_special_value p {
margin: 0 20px;
padding: 64px 0 0 0;
}

.new { color: #c00; }

.announcement {
background: #ff9;
border: 1px solid #c00;
width: 880px;
}

.stockist_header {
text-align: left;
width: 900px;
}

.stockist_content {
padding: 10px 0;
width: 900px;
}

.stockist_content td {
border-bottom: 1px solid #ccc;
padding: 10px 0;
}