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

/* 
################### Colour reference ###################
#d62115 Red
#ededed Light grey
#bfbdbd Grey
#666 Dark grey
*/

/* 
################### 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:#ededed;
}

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

#searchcontainer{
background:#bfbdbd url(../images/red/searchbg.gif) no-repeat bottom;
}

#frm-search #keywords{
border:1px solid #666;
background:#fff;
}

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

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

#nav{
background:url(../images/red/navbg.gif) no-repeat top #d62115;
height:40px;
}

#nav li a{
color:#fff;
font-size:1.2em;
height:30px;
padding:10px 10px 0 10px;
display:block;
float:left;
margin:0 10px;
}

#nav li a span{

}

#nav li a:hover, #nav li a.current{
background:url(../images/red/navhover.gif);
}

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

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

#subnav a{
background:#fff;
color:#666;
border-bottom:solid #666 1px;
margin-left:5px;
}

#subnav a:hover{
border:none;
}

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


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

.categories li a{
background:#bfbdbd;
color:#666;
font-weight:bold;
}

.categories li a:hover{
color:#d62115;
}

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

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

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

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

.categories .subcategories{
background:#666;
}

.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{

}

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

.pagination-nav li a{
border-bottom:1px solid #666;
color:#666;
margin-right:5px;
}

.pagination-nav li a:hover{
border:none;
}

.pagination-nav li a.current{
color:#d62115;
font-weight:bold;
border:none;
}

.pagination{
color:#666;
}

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

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

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

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

h2{
color:#d62115;
}

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

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

#products li.product-container{
}

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

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

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

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

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

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

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

.product-price{
color:#d62115;
}

.items{
color:#666;
}

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


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

a{
color:#d62115;
}

a:hover{

}

.button-addreview a{
color:#666;
border-color:#666;
}

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

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

#breadcrumbs p{
color:#666;
}


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

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

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

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

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

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

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