/*
 * WING OF ST MAWES LTD 2008
 *
 * Subject to copyright.
 *
 * Web Development by LOOKsystems Limited
 * mailto:info@looksystems.ltd.uk
 * http://www.looksystems.ltd.uk
 *
 */

/* HOME STYLES */

/* new index elements */
.offers-list{
    width:100%;
    clear:both;
    margin-bottom:20px;
    overflow:hidden;
}
.offers-list li{
    width:152px;
    padding:10px 0px 0px 0px;
    display:inline;
    margin-left:5px;
    border-left:1px solid #303640;
    float:left;
    height:125px;
    position:relative;
}
.offers-list li.first{
    padding:10px 5px 0px 0;
    border-left:0px solid #000;
    margin-left:0px;
    width:148px;
}
.offers-list li img{
    position:absolute;
    bottom:0px;
    left:15px;
    z-index:3;
}
.offers-list span.f-title{
    text-indent:-5000px;
    overflow:hidden;
    display:block;
    margin:0 auto 10px auto;
    height:13px;
    width: 148px;
    background: center top no-repeat;
}

.offers-list li a {
	display:block;
	padding-top:1px;	
    text-decoration:none;
}

.offers-list li a:hover {
	padding-top:0px;
	display:block;
	border-top:1px solid #fff;
}


.offers-list li a .overlay{
    position:absolute;
    bottom:0px;
    left:-10000px;
    width:138px;
    height:91px;
/*    display:none;*/
    z-index:111;
    padding:20px 5px 0px 5px;
    color:#fff;
    font-size:95%;
    overflow:hidden;
    background:transparent url(../img/offers-overlay.png) no-repeat top left;
}
.offers-list li a:hover .overlay{
	bottom:0px;
    left:5px;
    display:block;
    text-decoration:none;
}

/* right banners */
.delivery-banner,.newsletter-banner,.wholesale-banner{
    border:1px solid #3e4651;
    padding:8px 10px 0 10px;
    display:block;
    height:90px;
    overflow:hidden;
    margin-bottom:15px;
}
.delivery-banner{
    background:url(../img/delivery-bg.gif) no-repeat 190px 65px #c9dfe1;
}
.newsletter-banner{
    background:url(../img/mail-list-bg.gif) no-repeat 190px 65px #88b6b8;
}
.wholesale-banner{
    background:url(../img/wholesale-bg.gif) no-repeat 190px 65px #3e4651;
}
.banner-title{
    display:block;
    overflow:hidden;
    text-indent:-5000px;
    margin-bottom:10px;
    height:13px;
    width:183px;
    background: 0 0 no-repeat;
}
.banner-body{
    color:#3e4651;
    width:90%;
    display:block;
    height:70px;
    overflow:hidden;
    line-height:120%;
}
.wholesale-banner .banner-body{
    color:#fff;
}
a:hover.delivery-banner,a:hover.newsletter-banner,a:hover.wholesale-banner{
    text-decoration:none;
}


/* 24 h banner*/
.banner_24h{
    background:url(../img/24-hrs-banner.gif) no-repeat top left #44b2bc;
    width:100%;
    height:44px;
    display:block;
    width:100%;
    clear:both;
    margin-bottom:15px;
    overflow:hidden;
}
.banner_24h a {
    text-decoration:underline;
    color: #fff;
}
a.banner_24h span{
    padding:50px 20px 20px 20px;
    color:#fff;
    display:block;
}
.banner_24h div {
    padding:40px 20px 20px 20px;
    color:#fff;
}
.banner_24h span.banner-title{
    display:block;
    padding:0px;
    height:0px;
    width:0px;
    padding:0px;
}

/* ethical source banner */
.middle-column{
    float:left;
    border-bottom:4px solid #a7a8a8;
    margin-right:14px;
}
.double-middle-column{
    float:left;
    border-bottom:4px solid #a7a8a8;
    margin-right:14px;
}
.no-bg{
    background:none;
}

.ethical-column{
    width:344px;
    border:1px solid #3e4651;
    height:329px;
    background:url(../assets/images/home/blocks/images/ethical-banner.jpg) no-repeat top left;
    position:relative;
    cursor: pointer;
}
.ethical-body{
    color:#fff;
    background:url(../img/ethical-banner-overlay.png) top left;
    padding:10px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:324px;
}
.ethical-body a{
    color:#44B2BC;
}

a.see-more-btn{
    display:block;
    overflow:hidden;
    text-indent:-5000px;
    background:url(../img/see-more-btn.png) no-repeat top left;
    width:110px;
    height:19px;
    clear:both;
}

.ethical-body p {
    margin-top:10px;
}

a:hover.ethical-column{
    text-decoration:none;
}

/* new recipe */
.try-new{
    padding:10px;
    background:#eceded !important;
    line-height:120%;
    font-size:95%;
    width:205px !important;
    border-bottom:4px solid #a7a8a8;
    height:340px;
}

.try-new h3{
    display:block;
    overflow:hidden;
    text-indent:-5000px;
    background:url(../img/try-new-heading.gif) no-repeat top left;
    width:203px;
    height:113px;
}
.try-new .wrap {
    height: 74px;
    overflow: hidden;
}
.try-new p{
    color:#3e4651;
}
.try-new h5{
    font-size:105%;
    padding:4px 0;
}

a.read-more-btn{
    display:block;
    overflow:hidden;
    text-indent:-5000px;
    background:url(../img/new-recipe-more-btn.gif) no-repeat top left;
    width:54px;
    height:12px;
}

/* top main tabs */
#main-tabs{
    width:700px;
    border:1px solid #60666e;
    background:#fff;
    height:359px;
    position:relative;

}

#main-tabs ul#tab-menu{
    position:absolute;
    bottom:0px;
    left:0px;
    height:40px;
    width:100%;
}
.tabs-content h2{
    color:#000;
    padding-bottom:20px;
    height: 16px;
    background: 0 0 no-repeat;
    text-indent: -9000px;
    overflow: hidden;
    font-weight: bold;
    position:absolute;
    width: 660px;
}
.tabs-content{
    font-size:115%;
    color:#a9a9a9;
    font-weight:bold;
    padding:20px;
}
.tabs-content div {
    background: #fff;
    position: absolute;
    width: 660px;
}
.tabs-content p {
	margin-top: 40px;
}
.tabs-content img{
    float:right;
    margin:0 0 0 20px;
}
.tabs-content a.see-more-btn{
    clear:left;
    margin-top:10px;
}
#main-tabs ul#tab-menu li{
    width:175px;
    display:inline;
    height:40px;
}
#main-tabs ul#tab-menu li a{
    display:block;
    overflow:hidden;
    text-indent:-5000px;
    float:left;
    width:174px;
    height:12px;border-left:1px solid #fff;
    padding:14px 0;
    background:#eceded;
}
#main-tabs ul#tab-menu li a.active{
    background:#fff;
}
#main-tabs ul#tab-menu li a span{
    height:12px;
    display:block;
}
#main-tabs ul#tab-menu li.first a{
    border-left:0px;
}
#main-tabs ul#tab-menu li a span{
    background:no-repeat center -12px;
}
#main-tabs ul#tab-menu li a.active span{
    background:no-repeat center 0px #fff;
}

.tabs-content div{
    height:290px;
}
#main-tabs ul#tab-menu li a:focus{
    outline: none;
}

/* catch of the week tabs */
.products-tabs{
    width:344px;
    height:331px;
    position:relative;
}
div.products-body{
    padding:10px 0;
    border:1px solid #60666e;
    border-top:none;
    background:#fff;
    height:278px;
    overflow:hidden;
}
#prod-tabs{
    height:32px;
    width:100%;
}
#prod-tabs li{
    display:inline;
    float:left;
}
#prod-tabs li a{
    display:block;
    overflow:hidden;
    text-indent:-5000px;
    float:left;
}
#prod-tabs li a.active{
    border:1px solid #60666e;
    border-bottom:none !important;
}
#prod-tabs li a#tab-best-sellers{
    background:url(../assets/images/home/other/tab-best-sellers.gif) no-repeat bottom left;
    width:149px;
    height:31px;
    border-bottom:1px solid #60666e;
}
#prod-tabs li a.active#tab-best-sellers{
    background:url(../assets/images/home/other/tab-best-sellers.gif) no-repeat  top left;
    border-bottom:1px solid #60666e;

}
#prod-tabs li a#tab-catch-week{
    background:url(../assets/images/home/other/tab-catch-week.gif) no-repeat  bottom left;
    width:193px;
    height:31px;
    border-bottom:1px solid #60666e;
}
#prod-tabs li a.active#tab-catch-week{
    background:url(../assets/images/home/other/tab-catch-week.gif) no-repeat  top left;
}
.highlighted-area{
    background:url(../img/products-tabs-content.jpg) repeat-y top left #fff;
    height:60px;
    padding:10px;
    color:#565857;
    overflow:hidden;
    clear:both;
    margin-top:10px;
    float:left;
    width:322px;
}
.highlighted-area a{
    color:#369ba4;
}
#prod-tabs li a:focus{
    outline: none;
}


/* the sliding list of best sellers */
#best-sellers-body,#catch-week-body{
    overflow:hidden; position:relative; width:342px;
}

.best-sellers-list{
    width:17300px;
    height:175px;
    margin-left:-5px;
}
.best-sellers-list li{
    border-left:1px solid #c3c5c8;
    padding:5px 6px 5px 6px;
    width:161px;
    height:155px;
    display:inline;
    float:left;
    position:relative;
}
.best-sellers-list li.first{
    border-left:0px;
}

.best-sellers-list a{
    width:160px;
    display:block;
    height:155px;
}
.best-sellers-list a:hover{
    text-decoration:none;
}
.best-sellers-list img{
    display:block;
    margin:0 auto 0 auto;
    position: relative;
    top: 40px;
    z-index:1;
}
.best-sellers-list strong{
    text-align:center;
    display:block;
    width: 140px;
    position: absolute;
    z-index: 2;
}
span.view-link{
    display:block;
    float:right !important;
    position:absolute;
    bottom:5px;
    right:10px;
}

/* bulleted paginator */
.b-paginator{
    width:40%;
    margin:0px auto;
}
.b-paginator li{
    display:inline;
    float:left;
}
.b-paginator li a{
    padding:1px;
    width:12px;height:11px;
    display:block;
    background:url(../img/paginator-bg.gif) no-repeat center center;
    cursor: default;
}
.b-paginator li.active a{
    background:url(../img/paginator-active.gif) no-repeat center center;
}
.b-paginator li.prev a{
    background:url(../img/paginator-prev.gif) no-repeat center center;
    cursor: pointer;
}
.b-paginator li.next a{
    width:12px;height:11px;
    background:url(../img/paginator-next.gif) no-repeat center center;
    cursor: pointer;
}
.b-paginator li.opaque a{
    opacity:0.3;
    filter:alpha(opacity=30)
}