@import url(/_ps/lightbox/css/jquery.lightbox.css);
@import url(/_ps/css/pepperforums.css);


/* HTML Classes *******************************************/

* {
outline:none;
}

body {
margin:0px;
font-size:11px;
font-family:arial, sans-serif;
}

img {
border:0px;
}

form {
padding:0px;
margin:0px;
}

a, a:link, a:active, a:visited {
color:#1570c7;
text-decoration:none;
}

h1 {
font-size:24px;
margin:0px;
padding:10px 0px 10px 0px;
color:#63B547;
}

h2 {
font-size:15px;
font-weight:normal;
margin:0px;
padding:20px 0px 5px 0px;
color:#63B547;
}

h3 {
font-size:13px;
font-weight:bold;
margin:0px;
padding:20px 0px 5px 0px;
color:#63B547;
}

hr {
clear:both;
border:0px;
border-top:1px solid #CCCCCC;
color:#FFFFFF;
background-color:#FFFFFF;
height:1px;
overflow:hidden;
padding:0px;
}

p {
line-height:16px;
}

/* Element Classes *******************************************/

#topcolourstrip {
height:7px;
background-color:#63B547;
}

#bodycontainer {
min-height:910px;
background:#FFFFFF url(/themes/default/bodybackground-grand-sale.jpg) repeat-x top left;
text-align:center;
}

#body {
background-image:url(/themes/default/pagebackground-grand-sale.jpg);
background-repeat:no-repeat;
background-position:center 0px;
text-align:left;
}

#page {
width:980px;
text-align:left;
margin:0px auto 0px auto;
}

#header {
height:115px;
width:980px;
text-align:left;
margin:0px auto 0px auto;
}

#logo {
float:left;
padding:20px 0px 0px 15px;
}

#mypp_placer {
height:7px;
width:980px;
text-align:left;
margin:0px auto 0px auto;
}

#mypp_overlay {
position:absolute;
width:400px;
margin:7px auto auto 580px;
z-index:10;
}

#mypp_options {
display:none;
padding:5px 20px 15px 20px;
background-color:#63B547;
}

#mypp_button {
float:right;
width:141px;
height:30px;
}

#topnav {
height:36px;
overflow:hidden;
}

#container {
min-height:500px;
}

#footer {
clear:both;
padding:20px 0px 0px 0px;
}

#blackpepper {
padding:10px 0px 20px 0px; 
margin-top:10px;
color:#AAAAAA; 
border-top:1px solid #EEEEEE;
}

#leftstrip {
width:180px;
float:left;
margin-right:12px;
}

#content {
width:788px;
float:left;
}



/* Custom Classes *******************************************/

a.alt, a:link.alt, a:active.alt, a:visited.alt {
color:#64b445;
text-decoration:none;
}

#topnav * {
height:36px;
line-height:39px;
text-decoration:none;
font-size:13px;
font-weight:normal;
}

#topnav .welcome {
float:right;
padding-right:20px;
font-size:12px;
}

#topnav .welcome * {
font-size:12px;
font-weight:bold;
}

#topnav div {
float:left;
background-repeat:no-repeat;
background-position:left top;
}

#topnav .center {
background-repeat:repeat-x;
background-position:left top;
padding:0px 7px 0px 7px;
}

.tabon_first .left {
width:9px;
background-image:url(/themes/default/tabon_leftfirst.png);
}

.tabon .left {
width:14px;
background-image:url(/themes/default/tabon_left.png);
}

.tabon_first .center, .tabon .center {
color:#FFFFFF;
font-weight:bold;
background-image:url(/themes/default/tabon_center.png);
}

.taboff_first .left {
width:14px;
background-image:url(/themes/default/taboff_leftfirst.png);
background-repeat:no-repeat;
background-position:top left;
}

.taboff_first .center, .taboff .center {
color:#FFFFFF;
font-weight:bold;
background-image:url(/themes/default/taboff_center.png);
}

.taboff .leftafter {
width:25px;
background-image:url(/themes/default/taboff_leftafter.png);
}

.taboff .left {
width:20px;
background-image:url(/themes/default/taboff_left.png);
}

.tabon_last {
width:24px;
background-image:url(/themes/default/tabon_last.png);
}

.taboff_last {
width:19px;
background-image:url(/themes/default/taboff_last.png);
}

.tabon a, .tabon_first a {
color:#FFFFFF;
}

.taboff a, .taboff_first a {
color:#000000;
}


.corner_tl {
background-image:url(/themes/default/corner_tl.gif);
background-repeat:no-repeat;
background-position:top left;
}

.corner_tr {
background-image:url(/themes/default/corner_tr.gif);
background-repeat:no-repeat;
background-position:top right;
}

.corner_bl {
background-image:url(/themes/default/corner_bl.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

.corner_br {
background-image:url(/themes/default/corner_br.gif);
background-repeat:no-repeat;
background-position:bottom right;
}



.searchbar {
clear:both;
height:48px;
background-color:#64b445;
}

.searchform .cartsummary {
float:right;
height:27px;
line-height:27px;
padding-left:40px;
margin:5px 20px 0px 0px;
color:#FFFFFF;
cursor:pointer;
background-image:url(/themes/default/cart.gif);
background-repeat:no-repeat;
background-position:top left;
}

.searchform select {
width:200px;
}


.bigfield {
float:left;
height:30px;
padding-right:5px;
background:#FFFFFF url(/themes/default/searchfield_right.gif) no-repeat right top;
}

.bigfield .left {
height:30px;
background-image:url(/themes/default/searchfield_left.gif);
background-repeat:no-repeat;
background-position:left top;
}

.bigfield input.field {
font-size:16px;
border:0px;
padding:5px 0px 0px 5px;
background-color:transparent;
}


td.field, div.field {
height:31px;
padding-right:5px;
background-image:url(/images/field_right.gif);
background-repeat:no-repeat;
background-position:right top;
}

div.field {
float:left;
}

div.field .left, td.field .left {
height:31px;
background-image:url(/images/field_left.gif);
background-repeat:no-repeat;
background-position:left top;
}

div.field input.field, td.field input.field {
font-family:arial, sans-serif;
font-size:16px;
border:0px;
margin:5px 0px 0px 5px;
background-color:transparent;
}

textarea.field {
font-family:arial, sans-serif;
font-size:16px;
}


#footer .extras {
float:right;
padding-right:20px;
}

#footer .optiongroup {
width:175px;
margin-left:20px;
float:left;
}

#footer .optiongroup .heading {
font-size:16px;
font-family:georgia;
padding:0px 0px 10px 0px;
}


.bulletoption {
padding:0px 0px 5px 15px;
background-image:url(/images/bullet.gif);
background-repeat:no-repeat;
background-position:0px 2px;
}

.kidsthumbnail {
float:left;
width:87px;
height:130px;
margin:0px 15px 15px 0px;
}

.kidsthumbnailshort {
float:left;
width:87px;
height:87px;
margin:0px 14px 15px 0px;
}

.bulletoptionred {
padding:0px 0px 2px 15px;
background-image:url(/images/bullet_red.gif);
background-repeat:no-repeat;
background-position:0px 3px;
}


#leftstrip .optiongroup {
border:1px solid #CCCCCC;
padding:18px;
margin-top:10px;
}

#leftstrip .optiongroup .heading {
font-size:16px;
font-family:georgia;
padding:0px 0px 10px 0px;
}


#leftstrip .promo {
margin-top:10px;
}


.error {
font-weight:bold;
color:#DD3333;
padding:10px 0px 10px 0px;
}

.info {
font-size:11px;
font-weight:bold;
color:#3C5893;
line-height:20px;
padding:5px 10px 5px 25px;
background-image:url(/_ps/images/info.gif);
background-repeat:no-repeat;
background-position:5px 7px;
border:1px solid #B8CDE6;
background-color:#E3EAF3;
margin:10px 0px 10px 0px;
}



.grid {
width:100%;
border-collapse:collapse;
}

.grid th {
font-weight:bold;
text-align:left;
font-size:12px;
padding:5px 5px 5px 0px;
border-bottom:1px solid #dbdbdb;
vertical-align:bottom;
}

.grid td {
vertical-align:top;
padding:5px 5px 5px 0px;
border-bottom:1px solid #dbdbdb;
line-height:18px;
}

.grid td.label {
padding-top:10px;
}

td.label {
padding-right:20px;
vertical-align:top;
padding-top:10px;
}

hr.shadow {
border:0px;
height:7px;
overflow:hidden;
background:#FFFFFF url(/images/shadowhr.gif) no-repeat top left;
}


.slider {
width:567px;
margin:10px 0px 20px 0px;
background:#FFFFFF url(/images/sliderbackground.jpg) no-repeat top left;
position:relative;
}

.slider .limit {
display:none;
}

.sliderheading {
float:left;
font-size:24px;
color:#555555;
padding:20px 0px 10px 30px;
}

.slider .viewall {
margin:30px 0px 15px 0px;
padding:0px 30px 0px 15px;
float:right;
font-size:11px;
background-image:url(/images/bullet_green.gif);
background-repeat:no-repeat;
background-position:0px 2px;
}

.slider .prevbutton {
position:absolute;
top:90px;
left:5px;
cursor:pointer;
}

.slider .nextbutton {
position:absolute;
top:90px;
left:535px;
cursor:pointer;
}

.slider ul {
clear:left;
height:180px;
overflow:hidden;
}

.slider li {
float:left;
width:100px;
height:180px;
margin:0px 0px 0px 20px;
overflow:hidden;
}

.slider li img {
width:80px;
height:110px;
background-color:#EEEEEE;
margin:5px 0px 10px 0px;
}

.slider .carousel {
clear:left;
margin-left:40px;
}



/* BOOK SLIDER *******************/
.bookslider {
margin:10px 0px 20px 0px;
position:relative;
}

.bookslider .limit {
display:none;
}

.booksliderheading {
float:left;
font-size:20px;
color:#64b445;
position:relative;
z-index:5;
padding:25px 0px 10px 30px;
}

.bookslider .viewall {
margin:30px 0px 15px 0px;
padding:0px 32px 0px 15px;
float:right;
font-size:11px;
background-image:url(/images/bullet_green.gif);
background-repeat:no-repeat;
background-position:0px 2px;
}

.bookslider .prevbutton {
position:absolute;
top:180px;
left:13px;
cursor:pointer;
}

.bookslider .nextbutton {
position:absolute;
top:180px;
right:12px;
cursor:pointer;
}

.bookslider ul {
clear:both;
height:310px;
overflow:hidden;
}

.bookslider .carousel {
margin:0px 0px 0px 20px;
padding-bottom:10px;
background-color:#FFFFFF;
}

.bookslider .carousel .item {
float:left;
text-align:center;
width:164px;
}

.bookslider .border {
clear:both;
border:1px solid #CCCCCC;
margin:0px 30px 0px 30px;
padding:10px 0px 10px 0px;
background:#FFFFFF url(/images/book-panel-working.gif) no-repeat center center;
}

.bookslider li {
width:164px;
text-align:center;
}


/* RATINGS *******************/
.rating {
float:left;
width:300px;
height:15px;
margin:5px 0px 5px 0px;
}

.rating .userstars, .rating .modstars {
float:left;
text-align:left;
width:85px;
height:14px;
background-image:url(/images/emptyrating.png);
background-repeat:no-repeat;
background-position:left top;
}

.rating .userstars img {
height:14px;
background-image:url(/images/userrating.png);
background-repeat:no-repeat;
background-position:left top;
}

.rating .modstars img {
height:14px;
background-image:url(/images/modrating.png);
background-repeat:no-repeat;
background-position:left top;
}

.rating .label {
font-size:10px;
color:#888888;
line-height:15px;
}




.crumbs {
color:#888888;
}

.crumbs .crumb {
color:#63B547;
}

.crumbs .active {
color:#888888;
}


.pepperforum {
width:auto;
}

.pepperforum .h1 {
font-size:20px;
margin:0px;
padding:10px 0px 10px 0px;
color:#000000;
}

.pepperforum .header {
display:none;
}

.reviewerprofile {
float:left;
width:340px;
margin-bottom:20px;
}

.reviewerimage {
float:left;
width:100px;
height:124px;
margin-right: 20px;
}

.reviewerblurb {
float:left;
width:220px;
}


.accordion {
margin-top:10px;
background-color:#ededed;
}

.ui-accordion-header {
height:29px;
line-height:29px;
font-weight:bold;
background:#ededed url(/images/accordion_head.gif) repeat-x left top;
color:#333333;
cursor:pointer;
}

.ui-accordion-header div {
background-image:url(/images/bullet_white.gif);
background-repeat:no-repeat;
background-position:6px 9px;
padding-left:20px;

}

.ui-accordion-content {
padding:10px 20px 0px 20px;
}


.pagination {
padding:20px 0px 20px 0px;
text-align:center;
}

.pagination * {
margin-left:5px;
margin-right:5px;
}

.pagination .disabled {
color:#AAAAAA;
}

.pagination .current {
font-weight:bold;
color:#000000;
text-decoration:underline;
}


.ajaxresult {
line-height:25px;
font-size:18px;
padding:5px;
border-top:1px solid #CCCCCC;
cursor:pointer;
background-color:#FFFFFF;
color:#000000;
}

.ajaxresulton {
line-height:25px;
font-size:18px;
padding:5px;
border-top:1px solid #CCCCCC;
cursor:pointer;
background-color:#463E7A;
color:#FFFFFF;
}

.greenpanel {
width:659px;
height:95px;
background-image:url(/images/greenpanel.gif);
background-repeat:no-repeat;
background-position:left top;
}

.greenpanel .padding {
padding:20px;
}



.button, .button:visited {
background:#222 url(/_ps/images/btnoverlay.png) repeat-x; 
display:inline-block; 
padding:5px 10px 6px; 
color:#fff; 
text-decoration:none;
-moz-border-radius:5px; 
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
border-bottom:1px solid rgba(0,0,0,0.25);
position:relative;
cursor:pointer;
white-space:nowrap;
}

.button:hover	 {
background-color:#111111;
color:#FFFFFF;
text-decoration:none;
border-width:0px;
}

.button:active {
top:1px;
}

.small.button, .small.button:visited {
font-size:11px;
}

.button, .button:visited, .medium.button, .medium.button:visited {
font-size:15px;
font-weight:bold;
line-height:1;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
text-transform:lowercase;
border-width:0px;
}

.large.button, .large.button:visited {
font-size:14px;
padding:8px 14px 9px;
}


.default.button, .default.button:visited {
color:#FFFFFF;
background-color:#222222;
}
.default.button:hover {
background-color:#000000;
}


.gray.button, .gray.button:visited {
color:#FFFFFF;
background-color:#888888;
}
.gray.button:hover {
background-color:#555555;
}


.green.button, .green.button:visited {
color:#FFFFFF;
background-color:#64B445;
}
.green.button:hover {
background-color:#55AA33;
}


.recipethumbnail {
float:left;
width:160px;
margin:0px 15px 15px 0px;
}

.recipedetail {
float:left;
width:550px;
margin:0px 0px 15px;
}


.pagenav {
margin-top:20px;
text-align:center;
}

.pagenav .disabled {
color:#AAAAAA;
}

.clear {
clear:both;
height:0px;
overflow:hidden;
}



#bstabs {
height:39px;
background-color:#d0e8c7;
padding:0px 10px 0px 10px;
}

#bstabs div {
cursor:pointer;
}

.bstabonfirst, .bstabon, .bstabonlast {
float:left;
margin-top:10px;
height:29px;
line-height:29px;
background:#d0e8c7 url(/images/bstabbg_on.gif) repeat-x bottom left;
}

.bstaboff, .bstabofflast, .bstabofffirst {
margin-top:10px;
float:left;
height:29px;
line-height:29px;
background:#d0e8c7 url(/images/bstabbg_off.gif) repeat-x bottom left;
}

.bstabonfirst .left {
padding-left:15px;
background-image:url(/images/bstableft_on_first.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
.bstabonfirst .right {
padding-right:0px;
}

.bstabon .left, .bstabonlast .left {
padding-left:30px;
background-image:url(/images/bstableft_on.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
.bstabon .right {
padding-right:15px;
}

.bstabon .right, .bstabonfirst .right, .bstabonlast .right {
color:#64b445;
font-weight:bold;
line-height:29px;
}
.bstabonlast .right {
padding-right:30px;
background-image:url(/images/bstabright_on.gif);
background-repeat:no-repeat;
background-position:bottom right;
}



.bstaboff .right, .bstabofffirst .right, .bstabofflast .right {
color:#FFFFFF;
font-weight:bold;
line-height:29px;
}

.bstabofffirst .left {
padding-left:15px;
background-image:url(/images/bstableft_off_first.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

.bstaboff .nextleft, .bstabofflast .nextleft {
padding-left:30px;
background-image:url(/images/bstableft_off_next.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

.bstaboff .left, .bstabofflast .left {
padding-left:30px;
background-image:url(/images/bstableft_off.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
.bstaboff .right {
padding-right:10px;
}

.bstabofflast .right {
padding-right:30px;
background-image:url(/images/bstabright_off.gif);
background-repeat:no-repeat;
background-position:bottom right;
}



.resultpages {
float:right;
padding-right:10px;

}

.resultpages * {
margin-left:5px;
margin-right:5px;
font-size:12px;
line-height:41px;
}

.resultpages a:link, .resultpages a:active, .resultpages a:visited {
color:#1570c7;
}

.resultpages .disabled {
color:#AAAAAA;
}

.resultpages .current {
color:#000000;
font-weight:bold;
}



/* FEATURE BOOK BANNERS ****************************/

.featurebooks {
width:517px;
height:274px;
float:left;
}

.featurebooks .fb {
width:517px;
height:274px;
position:absolute;
background-repeat:no-repeat;
background-position:top left;
}

.featurebooks .fb .image {
height:230px;
}

.featurebooks .fb .image img {
width:517px;
height:230px;
}

.featurebooks .fb .nav {
height:35px;
line-height:35px;
cursor:pointer;
}

.featurebooks .fb .active {
text-align:center;
padding-top:9px;
background-image:url(/images/book-banner-active.png);
background-repeat:no-repeat;
background-position:center top;
}

.featurebooks .fb .active .text {
background-color:#65b445;
border-style:solid;
border-color:#65b445;
border-width:0px 1px 1px 0px;
white-space:nowrap;
}

.featurebooks .fb .active * {
color:#FFFFFF;
}

.featurebooks .fb .item {
text-align:center;
padding-top:9px;
}

.featurebooks .fb .item .text {
background-color:#daedd3;
border-style:solid;
border-color:#b7dca8;
border-width:0px 1px 1px 0px;
white-space:nowrap;
}

.featurebooks .fb .item * {
color:#000000;
}


#topfivecontent {
min-height:200px;
}

#top5categories {
position:absolute;
width:207px;
height:0px;
overflow:hidden;
margin-top:-20px;
background-image:url(/images/top-5-more-list-bg.png);
background-repeat:no-repeat;
background-position:center top;
}

#quicksearch {
display:none;
position:absolute;
z-index:150;
margin:36px 0px 0px 11px;
padding-bottom:8px;
width:368px;
background-image:url(/images/quick-results-shadow.png);
background-repeat:no-repeat;
background-position:bottom left;
}

#quickresults {
width:360px;
margin-left:4px;
background-color:#FFFFFF;
font-size:13px;
line-height:20px;
}

#quickresults .heading {
font-weight:bold;
color:#63B547;
border-bottom:1px solid #EEEEEE;
padding:10px 10px 2px 10px;
}

#quickresults .item {
padding:1px 10px 3px 10px;
background-color:#FFFFFF;
}

#quickresults .active {
cursor:pointer;
padding:1px 10px 3px 10px;
background-color:#eef6eb;
}



.addtocartbutton {
cursor:pointer;
}

.addtocart {
visibility:hidden;
position:absolute;
z-index:150;
width:560px;
height:270px;
margin:-270px 0px 0px -150px;
background-image:url(/images/add-to-cart-background.png);
background-repeat:no-repeat;
background-position:left top;
}

.addtocart .padding {
padding:30px;
}

.addtocart * {
text-align:left;
}

.addtocart .justadded {
width:230px;
float:left;
}

.addtocart .justadded .block {
height:175px;
}

.addtocart .yourcart .block {
padding-left:20px;
}

.addtocart .yourcart {
width:260px;
float:right;
border-left:1px dotted #CCCCCC;
}