/*
Green template
Author: Lee Munroe August 2008
*/

/* 
################### Colour reference ###################
#dbf0a9 Light green
#f9edcc Light orange
#fe6600 Orange
#556d3b Dark Green
#80ab52 Green
*/

/* 
################### CSS contents ###################
* 1 Body
* 2 Search
* 3 Nav
* 4 Subnav
* 5 Categories
* 6 Subcategories
* 7 Pagination
* 8 Footer
* 9 Headings
* 10 Products 
* 11 Links
* 12 Breadcrumbs
* 13 Basket
*/
 
 
/*
################### Body ################### 
*/

body{
color:#666;
background-color:#dbf0a9;
}

/*
################### Search ################### 
*/

#searchcontainer{
background:#556d3b;
}

#frm-search #keywords{
border:1px solid #80ab52;
background:#dbf0a9;
}

#frm-search label{
color:#fff;
}

/*
################### Nav ################### 
*/

#nav li a{
color:#556d3b;
}

#nav li a:hover, #nav li a.current{
color:#fff;
}

#nav li a{
margin-right:3px;
float:left;
padding-left:20px;
background: no-repeat top left url(../images/green/navleft.gif);
}

#nav li a span{
padding-right:20px;
background:no-repeat top right url(../images/green/navright.gif);
display:block;
float:left;
height:25px;
padding-top:10px;
}

#nav li a:hover{
background-position:0% -42px;
cursor: pointer;
}

#nav li a:hover span{
background-position:100% -42px;
}

#nav li a.current{
background-position:0% -84px;
}

#nav li a.current span{
background-position:100% -84px;
}

#subnav a{
padding:5px 10px;
}

/*
################### Subnav ################### 
*/

#subnav ul{
background-image:url(../images/green/basket.gif);
}

#subnav a{
background:#fff;
color:#556d3b;
border:solid #dbf0a9 1px;
}

#subnav a:hover{
background:#80ab52;
color:#fff;
border-color:#80ab52; 
}

/*
################### Categories ################### 
*/

.categories li{
border-top:1px solid #fff;
}

.categories li a{
background:#dbf0a9;
color:#556d3b;
}

.categories li a:hover{
background-color:#80ab52;
color:#fff;
}

.categories li a.current{
color:#fff;
}

.categories li a.current{
background:no-repeat right url(../images/green/catmarker.gif) #80ab52;
width:190px;
padding-right:20px;
}

.categories li a{
display:block;
padding:10px;
width:180px;
}

.categories{
padding-top:30px;
background:no-repeat top url(../images/green/categories.gif);
}

/*
################### Subcategories ################### 
*/

.categories .subcategories{
background:#80ab52;
}

.categories .subcategories li{
background-image:url(../images/pointer.gif);
}

.categories .subcategories li a{
color:#fff;
}

.categories .subcategories li a span{
border-bottom:1px solid #fff;
}

.categories .subcategories li.current a{
color:#dbf0a9;
}

/*
################### Pagination ################### 
*/

.pagination-nav li a{
border:1px solid #80ab52;
}

.pagination-nav li a:hover, .pagination-nav li a.current{
background:#556d3b;
color:#fff;
border-color:#556d3b;
}

.pagination{
background:#dbf0a9;
color:#556d3b;
}

.pagination-nav li a{
padding:5px;
}

/*
################### Footer ################### 
*/

#footer-nav li{
border-right:1px solid #666;
}

#footer-nav a{
color:#666;
border-bottom:1px solid #666;
}

/*
################### Headings ################### 
*/

h2{
color:#fe6600;
}

h3 a{
color:#fe6600;
border-bottom:2px solid #fe6600;
}

/*
################### Products ################### 
*/

#products li.product-container{
border:1px solid #dbf0a9;
}

#products-suggested .product-options li{
border-right:1px solid #000;
}

.link-add{
background-image:url(../images/green/buy.gif);
}

.link-moreinfo{
background-image:url(../images/green/moreinfo.gif);
}

.continue-shopping a{
color:#fe6600;
border-bottom:1px solid #fe6600;
}

#frm-attributes fieldset{
border:1px solid #CCCCCC;
}

#frm-attributes fieldset legend{
color:#666;
}

.button-buy{
background-image:url(../images/green/buybg.gif);
color:#fff;
}

.product-price{
color:#fe6600;
}

.items{
color:#666;
}

.review{
border-bottom:1px solid #CCCCCC;
}


/*
################### Links ################### 
*/

a{
color:#556d3b;
}

a:hover{

}

/*################### Breadcrumbs ################### 
*/

#breadcrumbs a{
color:#556d3b;
border-bottom:1px solid #556d3b;
}

#breadcrumbs p{
color:#556d3b;
}


/*
################### Basket ################### 
*/

#frm-basket-update{
background-image:url(../images/green/updatebg.gif);
color:#fff;
}

#tbl-basket th{
border-bottom:#556d3b 2px solid;
}

#tbl-basket tbody td{
border-bottom:#dbf0a9 1px solid;
}

#tbl-basket tbody tr:hover td{
background:#dbf0a9;
}

/*
################### Basket ################### 
*/

#frm-login fieldset{
border-color:#dbf0a9;
}