/*
    Document   : layout
    Created on : 24-May-2010, 14:05:23
    Author     : stuart
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* header */
.wrapper
{
    background: url("../images/catalog/Template/banner-small.jpg") top center no-repeat;
}

.quick-access
{
    width: 450px;
    height: 233px;
    position: absolute;
    right: 0;
    top: 0;
}
.header
{
    /*padding-top: 30px;*/
    height: 215px;
}
.quick-access .welcome-msg
{
    position: absolute;
    right: 2%;
    bottom: 13%;
    font-size: 1.385em;
}
.quick-access .module
{
    bottom: 0;
    right: 2%;
    position: absolute;
}
.quick-access a:link, .quick-access a:visited
{
    color: #ffffff;
    font-weight: bolder;
}
.telephone-number {
    text-align: left;
    font-size: 1.08em;
    color: #fff;
}
.telephone-number span {
    font-size: 1.286em;
    font-weight: bolder;
}
/*header ENDS */
/* Suckerfish Drop down menu */
.level0
{
    float: left;
}
#nav
{
    padding: 0 1%;
    width: 100%;
    float: left;
    background: url("../images/catalog/Template/nav-banner.png") repeat-x;
    height: 45px;
}
#nav ul
{
    text-align: center;
    width: 100%;
}
#nav, #nav ul
{
   margin: 0;
   padding: 0;
}
#nav li.level0
{
    width: /*8.323em*/ auto;
}
#nav li
{
    position: relative;
    z-index: 100;
}
#nav li:hover.level1, #nav li:hover.level2, #nav li:hover.level3
{
    background-color: #848C5B;
}
#nav li ul
{
    position: absolute;
    left: -999em;
}
#nav a
{
    margin: 0 0.5em;
    font-size: 0.93em;
    text-align: center;
    display: block;
    font-family: tahoma, arial, helvetica, "Nimbus Sans L", sans-serif;
}
#nav a:link, #nav a:visited
{
    color: #ffffff;
    line-height: 2.7em;
}
#nav a:hover
{
    color: #f68f1e;
}
#nav .level1 a:hover
{
    color: #ffffff;
}
#nav li ul ul
{
    margin: -2.5em 0 0 100%;
}
#nav li.nav-9 ul ul
{
    margin: -2.5em 0 0 -100%;
}
#nav li:hover ul
{
    width: auto;
    min-width: 100%;
    background: #5a6524;
}
#nav li.nav-9 ul
{
    right: 0;
}

#nav li:hover ul.level0
{
    margin-top: -5px;
    padding-top: 5px;
}

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

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
/* Suckerfish Drop down menu END */
.module
{
    margin-bottom: 0.77em;
    /*position: static;*/
}
.header .form-search
{
    position: absolute;
    top: 0;
    right: 0;
}
/* featured product */
.featured {
    float: left;
}
/* big product grid*/
li.featured.all{
    width: 254px;
    margin-right: 8px;
}
li.featured .module,
li.featured .mod-content {
    background-image: url("../images/catalog/Template/style-sprite.png");
}
li.featured.all .module{
    padding-top: 1em;
    background-position: -1376px 0;
}
li.featured.all.first .module{
    background-position: -1886px 0;
}
li.featured.all.last .module{
    background-position: -2397px 0;
}
li.featured.all .mod-content{
    padding-bottom: 0.77em;
    height: 330px;
    background-position: -1631px 100%;
}
li.featured.all.first .mod-content{
    background-position: -2141px 100%;
}
li.featured.all.last .mod-content{
    background-position: -2652px 100%;
}
li.featured.all.last{
    margin-right: 0;
}
.featured.all .module .hd,
.featured.all .module .bd,
.featured.all .module .ft {
     text-align: center;
     font-size: 1.08em;
     margin: 0 0.714em;
}
.featured.all .module .hd {
    margin-bottom: 0.714em
}
.featured.all .module .ft {
    margin-top: 0.714em
}
.featured.all ul.add-to-links li
{
    float: left;
    width: 50%;
}
/* big product grid ENDS */
/* small product grid */
.featured.category
{
    width: 188px;
    margin: 10px 2px 10px 0;
}
.featured.category .module {
    padding-top: 0.77em;
    background-position: -2906px 0;
}
.featured.category.last .module,
.featured.category.first .module {
    background-position: -3284px 0;
}
.featured.category .mod-content {
    padding-bottom: 0.77em;
    min-height: 9em;
    background-position: -3095px 100%;
    min-height: 164px;
}

.featured.category.last .mod-content,
.featured.category.first .mod-content {
    background-position: -3473px 100%;
}
.featured.category .module .hd,
.featured.category .module .bd,
.featured.category .module .ft {
     text-align: center;
     font-size: 1.08em;
     margin: 0 0.714em;
}
.featured.category .module .hd {
    font-size: 1.231em;
    height: 2em;
}
/* small ENDS */
/* featured product ends */
/*sidebar right */
.sidebar .module.block,
.sidebar .block.block-reorder,
.wordpress-recent
{
    background-color: #9ca37c;
    margin-bottom: 1.1em;
    min-height: 180px;
    color: #ffffff;
}
.sidebar .block a,
.sidebar .block,
.wordpress-recent ul li h3 a
{
    color: #ffffff;
    font-size: 1em;
    font-weight: normal
}
.sidebar .truncated dl
{
    color: #000000;
    border: 1px solid #000000;
    width: auto;
}
.truncated .show dl
{
    left: 30%;
    top: -20px;
}
.sidebar .module.block .hd,
.sidebar .block.block-reorder .block-title,
.wordpress-recent .page-title
{
    background: transparent url("../images/catalog/Template/style-sprite.png") -3663px 0 no-repeat;
    width: 180px;
    height: 35px;
}
.sidebar .module.block.block-compare .hd {
    background-position: -3845px 0;
}
.sidebar .module.block.block-viewed .hd,
.wordpress-recent .page-title {
    background-position: -4027px 0;
}
.sidebar h1, .sidebar h2, .sidebar h3
/*.sidebar .block.block-reorder .block-title span*/
{
    font-size: 1.08em;
}
.wordpress-recent .page-title h2
{
    text-align: left;
    border-bottom: none;
}
.sidebar .block.block-reorder .block-title span
{
    text-transform: capitalize;
}
.sidebar .bd,
.sidebar .block.block-reorder .block-content,
.wordpress-recent ul li h3
{
    margin: 0.77em 5%;
}
.block-blog .block-content
{
    margin: 0 0.93em;
    padding: 0 0 0.77em;
}
.empty .actions
{
    background-color: transparent;
}

.block .actions
{
    padding:6px 9px;
    text-align:right;
    border-top: 1px solid white;
}
.sidebar .product-name a
{
    color: #ffffff;
}
.product-name a:hover, .actions a:hover
{
    text-decoration: none;
    vertical-align: bottom;
}
#recently-viewed-items li.item p,
#recently-compared-items li.item p,
#compare-items li.item p
{
    border-bottom: 1px solid #B5BA9D;
    margin-bottom: 4px;
}
#recently-viewed-items li.item,
#recently-compared-items li.item,
#compare-items li.item
{
    padding: 0px 9px;
}

/*sidebar right ENDS */
/*siderbar left */
.sidebar .module.block.block-layered-nav
{
    width: 180px;
    background: none;
}

.sidebar .module.block.block-layered-nav .hd,
.sidebar .module.block.block-layered-nav .mod-content,
.block-blog
{
    background: #5a6524 url("../images/catalog/Template/style-sprite.png") 0 0 no-repeat;
}
.block-blog.block-blog-comments, .block-blog.block-blog-archives
{
    background-image: none;
}
.wordpress-recent .block-blog
{
    background: transparent none;
}
.sidebar .module.block.block-layered-nav .hd,
.wp-sidebar
.block-blog.block-recent-posts
{
    padding-top: 15px;
    background-position: -4210px 0;
}
.sidebar .module.block.block-layered-nav .mod-content,
.block-blog
{
    padding-bottom: 10px;
    background-position: -5162px 100%;
}
.narrow-by-list2
{
    background: #5a6524;
}
.sidebar .module.block.block-layered-nav .hd
{
    height: auto;
    color: #ffffff;
}
.sidebar .module.block.block-layered-nav .bd
{
    margin-top: 0;
}
.sidebar .module.block.block-layered-nav .hd.block-title  h3,
.sidebar .module.block.block-layered-nav .hd.block-title  h2,
.sidebar .module.block.block-layered-nav .hd.block-title h1
{
    color: #ffffff;
}
.block-layered-nav dt
{
    padding: 7px 0 0 0;
}
/* footer */
.footer-container
{
    background-color: #d6d8c8;
    margin-top:3px;
}
.footer-category-links
{
    overflow: hidden;
    padding: 2% 2% 0;
}
.footer-category-links li
{
    max-width: 88px;
}
.link-block.module .mod-content .bd ul li
{
    float: none;
    list-style-type: none;
}
.link-block.module .mod-content .bd ul li a
{
    color: #58595b;
}
.footer
{
    padding: 0 0 0.4em;
    width: 100%;
}
.footer li
{
    font-size: 0.85em;
    float: left;
    margin: 0 0.65em 0 0;
}
.footer-links, .footer address, .footer .module
{
    padding: 0 2% 0;
    overflow: hidden;
}
.footer address
{
    font-size: 0.85em
}
.footer a
{
    color: #5a6524;
    text-decoration: none;
}
.footer a:hover
{
    text-decoration: underline;
}
/* footer ENDS */
/* boots */
.boots
{
    background: #5a6524 url("../images/catalog/Template/boot-fitting-background.jpg") 0 0 no-repeat;
    text-align: right;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    font-size: 1.385em;
    border-bottom: 20px solid #ffffff;
}
span.boot-fitting
{
    color: #d6d8c8;
    font-size: 1.5em;
}
.boots a
{
    color: #f68f1e;
    margin-right: 1em;
}
/* boots ENDS */
/* ullswater festival */
.ullswater-festival
{
    height: 60px;
    overflow: hidden;
    position: relative;
    border-bottom: 20px solid #FFFFFF;
}
.ullswater-festival a span
{
    background: url("../images/catalog/Template/ullswater-festival-banner.jpg") 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* ullswater festival ENDS */
/* product grid */

ul.products-grid li.item
{
    width: 190px;
    margin-bottom: 10px;
    float: left;
    margin-right: 2px;
}
ul.products-grid li.item .hd
{
    background-image: url("../images/catalog/Template/style-sprite.png");
    background-position: -2906px 0;
    height: 26px;
    padding-top: 10px;
}

ul.products-grid li.item .bd
{
    background-image: url("../images/catalog/Template/style-sprite.png");
    background-position: -3095px 100%;
    padding: 0 4px 10px;
    min-height: 9em;
    overflow: hidden;
}
ul.products-grid .item.first .hd,
ul.products-grid .item.last .hd
{
    background-position: -3284px 0;
}
ul.products-grid .item.first .bd,
ul.products-grid .item.last .bd
{
    background-position: -3473px 100%;
}
*.price-box, .older-price, .special-price, .regular-price, .price-label
{
    margin: 0;
}
.special-price
{
    color:#cd5033;
    font-weight: bold;
}
h3.product-name
{
    text-align: center;
    padding: 0 5px;
}
/* product grid ends */

.btn-remove
{
    background: url("../images/catalog/Template/btn_remove.png") no-repeat;
}