/*
THEME NAME: Ecospill theme
DESCRIPTION: Ecospill theme.
VERSION: 1
AUTHOR: Steve Coates
AUTHOR URI: http://www.go4.com.au
*/

body {
margin:0;
padding:0;
background:#fff url('images/body-bg.jpg') no-repeat top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
color:#1D2510;
}

#wrapper {
width:924px;
margin:0 auto;
padding:0;
}

ul#topnav {
margin:0 0 10px 0;
padding:5px 6px 7px;
width:460px;
float:right;
background:#666;
text-align:right;
border:0;
background:transparent url('images/topnav-460-bg.gif') right no-repeat;
font-size:11px;
}

#topnav li {
list-style-type:none;
display:inline;
margin:0;
padding:0 14px;
}

#topnav a {
border:0;
color:#000;
}

#topnav a:hover {
color:#1D2510;
}

/* --- header --- */
#header {
background:transparent url('images/header-bg.gif') top no-repeat;
height: 68px;
padding: 57px 8px 0 8px;
line-height:3px;
letter-spacing:1px;
position:relative;
}

div#header h1 {
width:60px;
margin:0;
overflow:hidden;
text-indent:-100em;
}

div#searchtop {
float:right;
margin:5px 0 10px 0;
position:absolute;
top:0;
right:20px;
}

div#searchtop form{
margin:0;
padding:0;
}

div#searchtop input#s {
background:#FFFFFF none repeat scroll 0 0;
color:#999;
border:1px solid #0067A6;
font-size:13px;
height:19px;
margin-top:0;
padding:0 3px;
width:238px;
vertical-align:bottom;
}

div#searchtop input#searchsubmit {
background:transparent url('images/go.gif') no-repeat right center;
border:0 none;
cursor:pointer;
padding:0;
width:28px;
height:25px;
vertical-align:bottom;
}


/* --- main menu --- */

/* Menu tabs; thanks Douglas Bowman, http://www.alistapart.com/articles/slidingdoors/ */
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:11px 10px 0 10px;
z-index:10;
font-family:Arial, Helvetica, sans-serif;
}

#menu li {
background:transparent url('images/tableft.gif') no-repeat left top;
float:left;
margin:0 4px 0 0;
padding:0 0 0 4px;
}

#menu li a {
background:#18210c url('images/tabright.gif') no-repeat right top;
color:#FFC81E;
font-size: 11px;
text-transform:uppercase;
display:block;
float:left;
/*padding:5px 15px 4px 6px;*/
padding:12px 8px 12px 6px;
text-decoration:none;
border:0;
}

#menu li a {
float:none;
font-weight:bold;
}

#menu li a:hover {
color:#161E0B;
}




/*  dropdown menu */

#menu li ul a {
display: block;
width: 150px;
background:#5a841e;
line-height:15px;
padding:5px 10px 5px 0px;
font-size:11px;
margin-right:0;
text-transform:capitalize;
}

#menu li { /* all list items */
float: left;
}

#menu li:hover {
position:static;
}

#menu li ul { /* second-level lists */
position: absolute;
width: 170px;
padding:0;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
background:#5a841e;
}

#menu li ul li{ /* 2nd list items */
float: left;
width: 170px; /* width needed or else Opera goes nuts */
background-image:none;
}

#menu li a:hover,#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
left: auto;
/*background:#ffff00;*/
color:#161E0B;
}

/* 3rd */
#menu li ul ul { /* third-and-above-level lists */
margin: -2em 0 10px 160px;
padding:5px 0 0 0;
background:#5a841e; /* third level background colour */
}

#menu li ul ul a, #menu li.current_page_ancestor ul ul a {
font-size:11px;
line-height:12px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* 3rd */

#menu li.current_page_ancestor a, #menu li.current_page_item a {
background:;
color:#161E0B;
}

#menu li.current_page_ancestor ul li.page_item a, #menu li.current_page_item ul li.page_item a{
color:#FFC81E;
}

#menu li.current_page_ancestor ul li.page_item a:hover, #menu li.current_page_item ul li.page_item a:hover{
color:#161E0B;
}




/* --- shopping cart in header --- */
.buy-spill-kit {
position:absolute;
top:38px;
right:19px;
width:270px;
height:57px;
padding:0 0 0 10px;
color:#fff;
line-height:15px;
background:#6DA026 url('images/cart_bg.gif') no-repeat left top;
}

.buy-spill-kit table.noborder td {
padding:5px 5px 0 0;
border:none;
}

.buy-spill-kit table.noborder td:first-child {
padding:5px 10px 0 0;
}

.buy-spill-kit img {
border:0;
padding:1px 0 0 0;
}

.buy-spill-kit  a:link, .buy-spill-kit a:visited {
border:0;
text-decoration:none;
color:#FFC81E;
}

.buy-spill-kit a:hover  {
color:#161E0B;
text-decoration:underline;
}


div#content-wrap {
margin:0;
background:#fff;
padding:5px 30px 0 30px;
border-right: 1px solid #B5D09B;
border-left: 1px solid #B5D09B;
min-height: 250px;
_height:250px;
}

#feature-image {
margin-bottom:20px;
}

div#container {
width:570px;
padding:25px 0;
float:right;
}

div#container-restocking {
width:860px; /*width:770px;*/
padding:25px 0;
float:right;
}

div#container-restocking table.noborder td {
padding:10px 0 10px 0;
}


div#container-home {
float:left;
width:440px;
padding:0 0 25px 0;
}

div#content {
margin: 0;
padding:0;
}

div.sidebar {
margin:0;
padding:25px;
float:right;
width:318px;
background:#ECFBD4;
overflow: hidden;
}

.pageid-2 div.sidebar {
min-height:415px;
/*ie6 hack */
height:auto !important;
height:415px;
background:transparent url('images/home-planting.jpg') no-repeat bottom;
margin-bottom:30px;
}

div.sidebar-subnav {
width:210px;
padding:25px 0;
float:left;
overflow:hidden;
}


/* --- submenu --- */
#submenu {
font-size:95%;
padding-left:0;
margin:0 0 30px 0;
background:#fff;
}
/*new menu */
#submenu ul {
margin:0;
padding:0;
list-style-type:none;
position:relative;
}

#submenu li {
display : block;
margin:0 0 5px 0;
padding: 5px 0 5px 0;
border-bottom: 1px dotted #1D2510;
}

#submenu li a {
color:#417509;
text-decoration:none;
padding:0;
border:none;
}

#submenu li a:hover {
color:#417509;
}

#submenu ul li ul {
display:none;
}

#submenu ul li ul li.current_page_item {
font-weight:bold;
}

li.current_page_ancestor, #submenu li.current_page_ancestor a {
/*font-weight:bold;*/
color:#417509;
}

/* text colours */
#submenu ul li.current_page_item  a{
color:#417509;
}

#submenu ul li ul li.page_item  a{
padding:0;
color:#417509;
border:none;
}


#submenu ul li.current_page_item  {
padding:0 0 5px 0;
/*border-bottom:none;*/
border-bottom: 1px dotted #1D2510;
}

#submenu ul li.current_page_parent {
background: url('images/subsubmenu-bg.gif') no-repeat top;
padding-bottom:5px;
border-bottom: 1px dotted #1D2510;
}

#submenu ul li ul li.current_page_item,#submenu ul li ul li.page_item {
background:  url('images/bullet-arrowbox.gif') no-repeat;
padding:0 0 3px 20px;
border:none;
margin:0 0 0 0;
}

/* display third level list items */
#submenu ul li.current_page_parent ul, #submenu ul li.current_page_item ul {
display:block;
font-weight:normal;
font-size:13px;
padding:10px 0 0 15px;
background:none;
}

li.current_page_item {
font-weight:bold;
}

/* --- rounded bottom of content ---*/
#content-bottom {
height:10px;
padding:0;
margin: 0 0 5px 0;
background:#fff url('images/content-bottom-rounded.gif') no-repeat;
}

ul#bottomnav {
padding:0;
margin:0;
border:0;
text-align:center;
}

#bottomnav li {
list-style-type:none;
display:inline;
margin:0;
padding:0 7px;
}

#bottomnav a {
border:0;
color:#5A841F;
font-weight:normal;
}

#bottomnav a:hover {
color:#1D2510;
}

div#footer {
clear: both;
height:20px;
padding:7px 5px 0px 16px;
}

#footer a:link, #footer a:visited {
color:#666;
text-decoration:none;
border-bottom: 1px dotted #666;
}

#footer a:hover {
color:#000;
border-bottom:1px solid #000;
}

div#siteby {
float:right;
}

p {
line-height:1.6em;
text-align:justify;
}

div#crumbs {
margin:-.5em 0 0 0; 
padding: 0 0 .5em 0;
font-size:.9em;
}

#container ul, #container-home ul {
margin:0 0 0 15px;
list-style-type:disc;
padding:0 0 0 0;
}

#container li, #container-home li {
margin:0 0 1em 0;
padding-left:0;
/*background:  url(images/bullet-arrowbox.gif) no-repeat;*/
}

#container-home table td {
padding:0 20px 0 0;
border-bottom:none;
}

table.notableborder  td {
border-bottom:none;
}

table {
border-collapse:collapse;
}

table td p img {
margin-left:8px;
margin-bottom:-5px;
}

table td p  {
margin:0 0 10px 0;
}

table td {
padding:10px 20px 0 0;
vertical-align:top;
border-bottom:1px solid #B5D09B;
}


table.noborder td {
padding:10px 20px 10px 0;
border:none;
}

body.pageid-296 table td {
padding:0;
vertical-align:top;
border:none;
text-align:justify;
line-height:1.4em;
}

body.pageid-296 ol {
margin:5px 0;
padding-left:25px;
}

body.pageid-296 #container ol li{
margin:5px 0;
padding-left:5px;
}

.entry-content h4 {
margin:0;
padding:0;
font-size:1.5em;
}

.entry-content h3 {
font-size:1.5em;
padding:0;
margin:0 0 20px 0;
}

h2.entry-title {
margin:0;
line-height:1em;
}

h2.page-title {
margin:0 0 .8em 0;
line-height:1em;
}

h3.entry-title {
margin:0 0 -.5em 0;
padding-bottom:0;
}

.entry-title {
clear:both;
}

.entry-date {
font-size:90%;
color:#666;
margin:-.5em 0 10px 0;
}

div#nav-above, div#nav-below {
width:100%;
height:1em;
}

div#nav-above {
margin:1em 0;
}

div#nav-below {
margin:1em 0;
}

div.hentry {
padding: 0 0 5px 0;
}

.image-left {
float:left;
margin:5px 10px 0 0;
border:1px solid #807340;
padding: 5px;
}

.image-right {
float:right;
margin:5px 0 0 10px;
border:1px solid #807340; 
padding: 5px;
}

/*
a{
color:#417509;
border-bottom: 1px dotted #417509;
text-decoration: none;
}

a:hover {
color:#000;
border-bottom: 1px solid #000;
}
*/

a:link img, a:visited img, a:hover img {
border-style:none;
text-decoration:none;
border-bottom:none;
}

table a:link, table a:visited, table a:hover {
color:#417509;
border:none;
text-decoration: none;
}

table img {
border:none;
}


/* form */

input#fm_hydrocarbon {
width:25px;
}

table.leftstock td p label, table.rightstock td p label  {
width:150px;
}

table.leftstock td, table.rightstock td, table#restocking td {
border-bottom:none;
}

table.leftstock td.itemsize,  table.rightstock td.itemsize {
padding:0 15px 0 0!important;
width:150px!important;
text-align:right;
font-weight:bold;
 }
 
table.leftstock td.quantity,  table.rightstock td.quantity {
padding:0 0 5px 0!important;
font-weight:bold;
}

table#restocking td, table.buyspillkit td {
padding:0;
}
 
table#restocking  {
padding:0;
margin:0 0 0 80px;
width:500px;
 }
 
table.leftstock td h3, table.rightstock td h3 {
text-align:right;
} 

table.buyspillkit  {
padding:0;
margin:0 0 0 100px;
width:480px;
}
 
table.buyspillkit td.itemsize {
padding:0 15px 0 0!important;
width:240px!important;
text-align:left;
font-weight:bold;
}

table.buyspillkit td.quantity,  table.buyspillkit td.price {
padding:0 0 5px 0!important;
font-weight:bold;
width:70px;

}

table.buyspillkit td {
padding:0 0 5px 0;
border-bottom:none;
vertical-align:middle;
}

table.buyspillkit td input.fmtext {
margin:0 !important;
}

form.ddfm  .submitbuyspillkit {
clear:both;
text-align:right;
width:530px;
}

table#simpleuser_login_table td {
border:none;
}



/* from sandbox */
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}