/* html and body
----------------------------------------------------------------------*/
html {
background: #862074 url('/img/design/html.png') center top repeat-x;
}
body {
background: url('/img/design/body.png') center top no-repeat;
text-align: center;
}
.wrapper {
background: url('/img/design/wrapper.png') center top repeat-y;
margin: 0 auto;
position: relative;
text-align: left;
width: 880px;
}
/* header
----------------------------------------------------------------------*/
#header {
background: url('/img/design/header.png') center top no-repeat;
height: 205px;
position: relative;
}
.checkout #header {
background-image: url('/img/design/checkout_header.png');
}
#header a {
color: #ffd24e;
}
#header p.header_text {
color: #fff;
display: inline;
line-height: 1;
margin: 0;
padding: 20px 25px 0;
}
#header p.logo {
left: 350px;
padding: 0;
position: absolute;
top: 10px;
}
#header p.logo a {
background: url('/img/design/logo.png') center center no-repeat;
display: block;
height: 120px;
width: 180px;
text-indent: -10000px;
}
#header p.tagline {
background: url('/img/design/tagline.png') center center no-repeat;
bottom: 16px;
height: 26px;
padding: 0;
position: absolute;
right: 25px;
text-indent: -9999px;
width: 441px;
}
#header p.phone {
display: inline;
float: left;
}
#header p.phone strong {
font-size: 1.5em;
vertical-align: top;
}
#header p.account {
display: inline;
float: right;
}
#header ul.nav {
background: url('/img/design/nav_sheet.png') no-repeat;
margin: 0;
position: absolute;
}
.nav li {
display: inline;
float: left;
list-style: none;
margin: 0;
}
.nav li.home { margin-right: 1px; }
.nav li.about { margin-right: 1px; }
.nav li.contact { margin-right: 1px; }
.nav li.faq { margin-right: 1px; }
.nav li.account { margin-right: 1px; }
.nav li.curry-mixes { margin-right: 5px; }
.nav li.basket { position: relative; }
.nav li a {
background: url('/img/design/nav_sheet.png') no-repeat;
display: block;
text-decoration: none;
text-indent: -9999px;
}
.nav li a:hover {
text-decoration: none;
}
.nav li.home a { background-position: -5px -40px; width: 40px; }
.nav li.about a { background-position: -46px -40px; width: 78px; }
.nav li.contact a { background-position: -125px -40px; width: 89px; }
.nav li.blog a { background-position: -215px -40px; width: 60px; }
.nav li.faq a { background-position: -285px -40px; width: 59px; }
.nav li.account a { background-position: -345px -40px; width: 100px; }
.nav li.basket a { background-position: -446px -40px; width: 109px; }
.nav li.curry-mixes a { background-position: -5px -210px; width: 180px; }
.nav li.products a { background-position: -195px -210px; width: 180px; }
.nav li.home a:hover { background-position: -5px -75px; }
.nav li.about a:hover { background-position: -46px -75px; }
.nav li.contact a:hover { background-position: -125px -75px; }
.nav li.blog a:hover { background-position: -215px -75px; }
.nav li.faq a:hover { background-position: -285px -75px; }
.nav li.account a:hover { background-position: -345px -75px; }
.nav li.basket a:hover { background-position: -446px -75px; }
.nav li.curry-mixes a:hover { background-position: -5px -260px; }
.nav li.products a:hover { background-position: -195px -260px; }
.nav li.home a:focus { background-position: -5px -75px; }
.nav li.about a:focus { background-position: -46px -75px; }
.nav li.contact a:focus { background-position: -125px -75px; }
.nav li.blog a:focus { background-position: -215px -75px; }
.nav li.faq a:focus { background-position: -285px -75px; }
.nav li.account a:focus { background-position: -345px -75px; }
.nav li.basket a:focus { background-position: -446px -75px; }
.nav li.curry-mixes a:focus { background-position: -5px -260px; }
.nav li.products a:focus { background-position: -195px -260px; }
.nav li.home a.active { background-position: -5px -110px; }
.nav li.about a.active { background-position: -46px -110px; }
.nav li.contact a.active { background-position: -125px -110px; }
.nav li.blog a.active { background-position: -215px -110px; }
.nav li.faq a.active { background-position: -285px -110px; }
.nav li.account a.active { background-position: -345px -110px; }
.nav li.basket a.active { background-position: -446px -110px; }
.nav li.curry-mixes a.active { background-position: 0 -360px; width: 190px; }
.nav li.products a.active { background-position: -190px -360px; width: 190px; }
.nav li.home a.active:hover { background-position: -5px -110px; }
.nav li.about a.active:hover { background-position: -46px -110px; }
.nav li.contact a.active:hover { background-position: -125px -110px; }
.nav li.blog a.active:hover { background-position: -215px -110px; }
.nav li.faq a.active:hover { background-position: -285px -110px; }
.nav li.account a.active:hover { background-position: -345px -110px; }
.nav li.basket a.active:hover { background-position: -446px -110px; }
.nav li.curry-mixes a.active:hover { background-position: 0 -360px; }
.nav li.products a.active:hover { background-position: -190px -360px; }
#header ul.site {
left: 25px;
margin: 0;
padding: 5px 5px 0;
top: 95px;
width: 270px;
}
#header ul.site li {
line-height: 30px;
}
#header ul.accounts {
background-position: -280px top;
right: 25px;
margin: 0;
padding: 5px 5px 0;
top: 95px;
width: 270px;
}
.accounts li {
line-height: 30px;
}
.accounts li.basket a span {
background: #bf229b;
border: 2px solid #ffd14c;
color: #fff;
-moz-box-shadow: 0 0 4px #111;
-webkit-box-shadow: 0 0 4px #111;
box-shadow: 0 0 4px #111;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
right: -10px;
padding: 0 3px;
position: absolute;
text-align: center;
text-decoration: none;
text-indent: 0;
top: -10px;
width: auto !important;
width: 12px;
min-width: 12px;
}
.accounts li.basket a:hover span {
background-color: #861272;
text-decoration: none;
}
#header ul.top {
background-position: left -150px;
bottom: 0;
left: 25px;
margin: 0;
padding: 5px 5px 0;
width: 365px;
}
body.curry-mixes #header ul.top { padding-left: 0; width: 370px; }
body.products #header ul.top { padding-right: 0; width: 370px; }
body.curry-mixes #header ul.top li { margin: 0; }
body.products #header ul.top li { margin: 0; }
.top li {
line-height: 45px;
}
/* page layout
----------------------------------------------------------------------*/
#page {
background: url('/img/design/page.png') center top no-repeat;
min-height: 360px;
padding: 20px 30px 20px 0;
}
body.home #page {
padding: 0 10px;
}
body.error_404 #page {
padding: 0 10px;
}
body.login #page,
body.logged-out #page,
body.forgotten-password #page {
padding: 20px 0;
}
body.curry-page #page {
padding: 45px 0;
}
#content {
display: inline;
float: right;
min-height: 300px;
width: 610px;
}
.home #content {
padding: 20px 10px 0 0;
width: 560px;
}
#content:after {
content: '\00A0'; /* */
}
body.wide #content {
display: block;
float: none;
height: auto !important;
height: 300px;
min-height: 300px;
margin: 0 30px;
width: 820px;
}
body.login #content,
body.logged-out #content,
body.forgotten-password #content {
background: url('/img/design/login_bottom.png') center bottom no-repeat;
min-height: 1px;
margin: 0 0 40px;
width: auto;
}
body.error_404 #content {
background: url('/img/design/404.jpg') left top no-repeat;
display: block;
float: none;
height: 370px !important;
margin: 0 auto;
padding: 125px 0 0 390px;
width: 468px;
}
#sidebar {
display: inline;
float: left;
width: 220px;
}
.home #sidebar {
padding: 10px 0 0 10px;
width: 270px;
}
#sidebar .top {
background: url('/img/design/sidebar_top.png') center top no-repeat;
height: 10px;
}
#sidebar .bottom {
background: url('/img/design/sidebar_bottom.png') center bottom no-repeat;
height: 15px;
}
/* page elements
----------------------------------------------------------------------*/
div.alert {
background: 10px 11px no-repeat;
border: 1px solid;
clear: both;
color: #525252;
display: block;
float: none;
margin: 0 auto 20px;
padding: 10px 10px 10px 40px;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
width: auto;
}
div.done { background-color: #e9fad0; background-image: url('/img/icons/tick.png'); border-color: #aee756; }
div.quote { background-color: #eaf3f8; background-image: url('/img/icons/comment.png'); border-color: #72aed3; }
div.error { background-color: #ffe3df; background-image: url('/img/icons/cross.png'); border-color: #f08a73; }
div.warning { background-color: #ffefb5; background-image: url('/img/icons/error.png'); border-color: #ffca0b; }
.alert a {
color: #525252 !important;
text-decoration: underline;
}
.alert a:hover {
text-decoration: none;
}
.alert h2 {
font-size: 1.6em;
font-weight: bold;
line-height: 1.1;
margin: 0 0 .7em;
}
.done h3 { color: #1e6310; }
.alert p {
margin-bottom: .5em;
}
.alert ul {
margin: 0;
padding: 0;
}
div.assoc_docs {
margin: 20px 0 30px;
}
.assoc_docs dl {
margin: 0;
}
.assoc_docs dt {
background-position: left 2px;
background-repeat: no-repeat;
display: block;
float: none;
font-weight: normal;
margin: .35em 0 0;
padding: 0 0 0 24px;
}
.assoc_docs dt.doc { background-image: url('/img/icons/doc.png'); }
.assoc_docs dt.jpg { background-image: url('/img/icons/jpg.png'); }
.assoc_docs dt.link { background-image: url('/img/icons/world_go.png'); }
.assoc_docs dt.pdf { background-image: url('/img/icons/pdf.png'); }
.assoc_docs dt.ppt { background-image: url('/img/icons/ppt.png'); }
.assoc_docs dt.xls { background-image: url('/img/icons/xls.png'); }
.assoc_docs dt span {
color: #777;
font-size: .9em;
}
.assoc_docs dd {
color: #444;
font-size: .9em;
margin: 0 0 1em;
padding-left: 24px;
text-indent: 0;
}
.assoc_docs h4 {
font-weight: bold;
}
div.basket_is_empty {
background: #fff1ca;
border: 2px solid #ffe59c;
padding: 1em;
margin-top: 20px;
text-align: center;
}
.basket_is_empty a {}
.basket_is_empty a:hover {}
.basket_is_empty h2 {
font-size: 1.8em;
margin: 0 0 0.3em;
line-height: 1;
}
.basket_is_empty p {
font-size: 1.2em;
margin: 0;
}
div#basket_summary {
-moz-border-radius: 0 0 10px 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
-webkit-box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
background: #460435 url('/img/design/basket_summary.png') center top repeat-x;
border-radius: 0 0 10px 10px;
box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
display: none;
visibility: hidden;
padding-top: 10px;
position: absolute;
right: 0;
top: 30px;
width: 270px;
z-index: 10000;
}
#basket_summary.open {
display: block;
visibility: visible;
}
#basket_summary a {
background: none;
display: inline;
height: auto;
text-indent: 0;
width: auto;
}
#basket_summary a.thumb {
border: 1px solid #480537;
display: inline;
float: left;
margin: 0 10px 0 0;
}
#basket_summary div.basket_total {
background: #661254;
border: 1px solid #460435;
border-top-color: #762a65;
padding: 0 9px;
}
#basket_summary h1 {
background: url('/img/design/basket_summary_title.png') center center no-repeat;
border: 1px solid #2f0322;
border-top-color: #591e4a;
color: #fff;
line-height: 33px;
margin: 0;
text-indent: -9999px;
}
#basket_summary img {
display: block;
margin: 0;
}
#header #basket_summary ul {
background: #661254;
border: solid #2f0322;
border-width: 0 1px;
}
#basket_summary li {
border-top: 1px solid #762a65;
border-bottom: 1px solid #460435;
display: block;
float: none;
list-style: none;
margin: 0;
padding: 5px 9px;
position: relative;
}
#basket_summary p {
color: #fff;
font-weight: bold;
line-height: 1.5;
margin: 0;
}
#basket_summary p.remainder {
font-size: 16px;
font-style: italic;
text-align: center;
}
#basket_summary p.title {
display: inline;
float: left;
font-size: 14px;
font-weight: bold;
}
#basket_summary p.to_basket {
display: inline;
float: left;
font-size: 16px;
line-height: 40px;
margin: 0;
}
#basket_summary p.to_checkout {
margin: 10px 55px;
}
#basket_summary p.to_checkout a {
background: url('/img/buttons/checkout.png') center top no-repeat;
display: block;
height: 30px;
text-indent: -9999px;
width: 160px;
}
#basket_summary p.to_checkout a:hover {
background-position: center bottom;
}
#basket_summary p.quant {
clear: both;
display: inline;
float: left;
margin: 0;
}
#basket_summary p.summary_total {
display: inline;
float: right;
font-size: 16px;
line-height: 40px;
margin: 0;
}
#basket_summary p.total {
display: inline;
float: right;
margin: 0;
}
#basket_summary strong {
color: #cbb4cd;
font-weight: normal;
}
div.blog_content {
padding: 0 10px;
}
div.blog_header {}
.blog_header h1 {
background: url('/img/design/blog_header.png') center top no-repeat;
border-bottom: 1px solid #2c0220;
color: #fff;
font-size: 1.6em;
line-height: 34px;
margin: 0;
padding: 0 10px;
text-shadow: 0 0 1px #460435;
}
.blog_header h1 a {
color: #fff;
}
.blog_header h1 a:hover {
text-decoration: underline;
}
.blog_header p {
color: #1c0020;
margin: 1em 0;
padding: 0 10px;
}
img.blog_avatar {
float: left;
margin: 5px 10px 0 0;
}
div.blog_related {
clear: both;
margin: 30px 0 0;
}
.blog_related a {}
.blog_related a.thumb {
border: 1px solid #c28fb9;
display: inline;
float: left;
}
.blog_related a.thumb:hover {
border-color: #661254;
}
.blog_related div.info {
display: inline;
float: right;
width: 95px;
}
.blog_related h2 {
background: url('/img/design/blog_header.png') center top no-repeat;
border-bottom: 1px solid #2c0220;
color: #fff;
font-size: 1.6em;
line-height: 34px;
margin: 0;
padding: 0 10px;
text-shadow: 0 0 1px #460435;
}
.blog_related h3 {
font-size: 13px;
margin: 0 0 3px;
}
.blog_related img {
display: block;
}
.blog_related p {
margin: 0;
}
.blog_related ul {
border: solid #d2ccd2;
border-width: 0 1px 1px;
background: #f3f2f4;
margin: 0;
padding: 0 9px 9px;
}
.blog_related li {
background: #fff;
border: 1px solid #d2ccd2;
display: -moz-inline-stack;
display: inline-block;
*display: inline;
list-style: none;
margin: 10px 5px 0;
padding: 9px;
width: 390px;
vertical-align: top;
width: 170px;
}
.blog_related li.alpha { margin-left: 0; }
.blog_related li.omega { margin-right: 0; }
div.comments {
clear: both;
margin-top: 3em;
padding-top: 1em;
}
div.content_image {
margin: 0 0 20px;
position: relative;
width: 322px;
}
div.image_left {
display: inline;
float: left;
margin: 0 10px 10px 0;
}
div.image_right {
display: inline;
float: right;
margin: 0 0 10px 10px;
}
.content_image img {
border: 1px solid #c28fb9;
display: block;
}
.content_image:hover img {
border-color: #661254;
}
.content_image p {
height: 100%;
margin: 0;
position: absolute;
left: 0;
top: 0;
width: 322px;
}
.content_image p a {
display: block;
height: 100%;
width: 100%;
}
.content_image p a span {
background: #fff url('/img/icons/zoom.png') center top no-repeat;
border: solid #c28fb9;
border-width: 0 0 1px 1px;
-moz-border-radius: 0 0 0 10px;
-webkit-border-bottom-left-radius: 10px;
border-radius: 0 0 0 10px;
display: block;
height: 29px;
right: 0;
position: absolute;
top: 0;
width: 29px;
text-indent: -9999px;
}
.content_image p a:hover span,
.content_image:hover p a span {
background-position: center bottom;
border-color: #661254;
}
div.curries_wrap {
background: #f3f2f4;
border: solid #d2ccd2;
border-width: 0 1px;
padding: 9px 9px 0;
}
.curries_wrap:last-child {
border-bottom-width: 1px;
}
div.curry_desc {
display: inline;
float: left;
margin-bottom: 30px;
width: 480px;
}
.curry_desc h1 {
display: inline;
float: left;
}
.curry_desc p {
clear: both;
}
.curry_desc p.price {
clear: none;
color: #554058;
display: inline;
float: right;
font-size: 1.5em;
font-weight: bold;
}
.curry_desc p.ingredients {
color: #554058;
}
.curry_desc p.ingredients strong {
display: block;
}
.curry_desc p.allergy {
color: #554058;
font-size: 0.85em;
}
div.curry_products {
background: #f3f2f4;
border: 1px solid #d2ccd2;
clear: right;
display: inline;
float: right;
margin: 20px 0;
padding: 9px;
width: 302px;
}
.curry_products a {}
.curry_products a.thumb {
border: 1px solid #c28fb9;
display: inline;
float: left;
}
.curry_products a.thumb:hover {
border-color: #661254;
}
.curry_products div.info {
display: inline;
float: right;
width: 208px;
}
.curry_products form.add_form {
display: inline;
float: right;
margin: 0;
}
.curry_products form.add_form button {
background-image: url('/img/buttons/add.png');
width: 80px;
}
.curry_products h2 {
line-height: 1;
margin: 0;
}
.curry_products h3 {
font-size: 13px;
margin: 0 0 3px;
}
.curry_products img {
display: block;
}
.curry_products p {
margin: 0;
}
.curry_products p.in_your_basket {
display: inline;
float: right;
font-size: 13px;
margin-top: 4px;
}
.curry_products p.price {
display: inline;
float: left;
line-height: 30px;
}
.curry_products ul {
margin: 0;
}
.curry_products li {
background: #fff;
border: 1px solid #d2ccd2;
list-style: none;
margin: 10px 0 0;
padding: 9px;
}
div.curry_recipes {
border-top: 1px solid #d2ccd2;
clear: both;
margin-top: 20px;
padding-top: 20px;
}
.curry_recipes a {}
.curry_recipes a.thumb {
border: 1px solid #c28fb9;
display: inline;
float: left;
}
.curry_recipes a.thumb:hover {
border-color: #661254;
}
.curry_recipes div.info {
display: inline;
float: right;
width: 313px;
}
.curry_recipes h2 {
line-height: 1;
margin: 0 10px 0.5em;
}
.curry_recipes h3 {
font-size: 13px;
margin: 0 0 3px;
}
.curry_recipes img {
display: block;
}
.curry_recipes p {
margin: 0;
}
.curry_recipes ul {
margin: 0;
}
.curry_recipes li {
display: inline;
float: left;
list-style: none;
margin: 10px;
width: 390px;
}
.curry_recipes li.alpha {
clear: both;
}
.curry_recipes li.omega {
float: right;
}
div.home_about {
background: url('/img/design/about_us_top.png') right top no-repeat;
margin: 0 0 20px;
padding: 0 0 0 10px;
}
.home_about .inner {
background: url('/img/design/about_us_bottom.png') center bottom no-repeat;
padding: 20px 10px 1px;
}
.home_about h1 {
background: url('/img/design/titles/about_us.png') left top no-repeat;
margin: 0 0 0.2em 100px;
text-indent: -10000px;
}
.home_about img {
display: inline;
float: left;
margin: 0 10px 0 0;
}
.home_about p {
color: #fff;
font-weight: bold;
}
.home_about p.more {}
.home_about p.more a {
color: #862074;
font-size: 11px;
text-transform: uppercase;
white-space: no-wrap;
}
div.home_box {
margin: 0 10px 20px;
position: relative;
}
.js div.home_best {
margin: 0 0 20px !important;
}
.home_box h2 {
background: url('/img/design/home_header.png') left top;
border-bottom: 1px solid #2c0220;
color: #fff;
line-height: 34px;
margin: 0 auto;
padding-left: 10px;
text-shadow: 0 0 1px #460435;
width: 530px;
}
.home_box p {}
.home_box p.view_all {
line-height: 22px;
margin: 0;
position: absolute;
right: 6px;
top: 6px;
}
.home_box p.view_all a {
background: url('/img/buttons/view_all.png') center top no-repeat;
display: block;
height: 22px;
text-indent: -10000px;
width: 68px;
}
.home_box p.view_all a:hover {
background-position: center bottom;
}
div.home_connect {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: inset 0 0 1em #460435;
background: #560b44;
border-radius: 6px;
margin: 0 0 20px 10px;
padding: 10px;
}
.home_connect h2 {
background: url('/img/design/titles/stay_connected.png') left top no-repeat;
text-indent: -10000px;
}
.home_connect ul {
margin: 0;
}
.home_connect a {
background: left center no-repeat;
color: #ffd24e;
display: inline-block;
font-weight: bold;
line-height: 36px;
padding: 0 0 0 42px;
}
.home_connect li.facebook a { background-image: url('/img/icons/facebook.png'); }
.home_connect li.twitter a { background-image: url('/img/icons/twitter.png'); }
.home_connect li.rss a { background-image: url('/img/icons/rss_home.png'); }
.home_connect li {
line-height: 36px;
list-style: none;
margin: 0 0 10px;
}
.home_connect li:last-child {
margin: 0;
}
div.home_delivery {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #f1f0f2;
border: 3px solid #d2ccd2;
border-radius: 6px;
margin: 0 0 20px 10px;
padding: 7px;
}
.home_delivery h2 {
font-size: 1.8em;
font-weight: normal;
margin: 0 0 0.2em;
}
.home_delivery p {
color: #554058;
margin: 0 0 0.5em;
}
div.home_how_it_works {}
.home_how_it_works img {
display: block;
}
div.home_list {}
.home_best p.view_all {
right: 16px !important;
}
.home_best a.pn_btn {
background: url('/img/buttons/home_slider.png') no-repeat;
display: block;
height: 40px;
position: absolute;
top: 115px;
text-indent: -10000px;
width: 35px;
}
.home_best a.previous { background-position: left top; }
.home_best a.next { background-position: right top; right: 0; }
.home_best a.previous:hover { background-position: left bottom; }
.home_best a.next:hover { background-position: right bottom; }
.home_list a {}
.home_best a {
color: #ffd24e;
}
.home_list a.more {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.home_list a.thumb {
border: 1px solid #c28fb9;
display: inline;
float: left;
}
.home_best a.thumb {
border-color: #360226;
}
.home_list a.thumb:hover {
border-color: #661254;
}
.home_best a.thumb:hover {
border-color: #360226;
}
.home_list div.container {}
.js .home_list div.container {
background: #f3f2f4;
border: solid #d2ccd2;
border-width: 0 1px 1px;
height: 200px;
margin: 0 10px;
overflow: hidden;
position: relative;
width: 538px;
}
.home_list div.info {
display: inline;
float: right;
width: 320px;
}
.js .home_best div.info {
margin-right: 10px;
width: 310px;
}
.home_list h3 {
margin: 0;
}
.home_list img {
display: block;
}
.home_list p {
margin: 0;
}
.home_list p.date {
color: #777;
font-size: 12px;
margin: 0 0 1em;
}
.home_list p.price {
color: #d7d7d7;
font-size: 16px;
font-weight: bold;
margin: 0.5em 0 1em;
}
.home_list ul {
background: #f3f2f4;
border: solid #d2ccd2;
border-width: 0 1px 1px;
margin: 0;
padding: 9px 9px 0;
}
.js .home_list ul.slides {
background: none;
border: 0;
padding: 0;
height: 188px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
.home_list li {
background: #fff;
border: 1px solid #d2ccd2;
list-style: none;
margin: 1px 0 9px;
padding: 9px;
}
.js .home_list ul.slides li {
background: #6b125c;
border-color: #460435;
color: #fff;
height: 160px;
margin: 10px;
position: absolute;
top: 0;
width: 498px;
}
div.banner {
margin: -10px 10px 10px 10px;
height: 270px;
background: url('/img/banners/hampers.jpg') 0px 0px no-repeat;
position: relative;
text-indent: -3000px;
}
div.banner h4, div.banner p {
}
a.view_banner_btn {
display: block;
width: 540px;
height: 270px;
position: absolute;
top: 0px;
left: 0px;
background: url('/img/banners/hampers_btn.jpg') -200px 0px no-repeat;
text-decoration: none;
}
a.view_banner_btn:hover {
background-position: 18px 198px;
}
div.home_popular {}
.home_popular a {}
.home_popular a.thumb {
border: 1px solid #c28fb9;
display: inline;
float: left;
}
.home_popular a.thumb:hover {
border-color: #661254;
}
.home_popular div.info {
display: inline;
float: right;
width: 160px;
}
.home_popular h3 {
font-size: 13px;
margin: 0;
}
.home_popular img {
display: block;
}
.home_popular p {
color: #554058;
font-weight: bold;
margin: 0;
}
.home_popular ul {
background: #f3f2f4;
border: solid #d2ccd2;
border-width: 0 1px 1px;
padding: 9px 9px 0;
}
.home_popular li {
background: #fff;
border: 1px solid #d2ccd2;
clear: both;
display: inline;
float: left;
list-style: none;
margin: 1px 0 9px;
padding: 9px;
width: 235px;
}
.home_popular li.omega {
clear: none;
float: right;
}
div.nav_panel {
background: center center no-repeat;
-moz-box-shadow: 0 1px 5px RGBa(28, 0, 32, 0.9);
-webkit-box-shadow: 0 1px 5px RGBa(28, 0, 32, 0.9);
box-shadow: 0 1px 5px RGBa(28, 0, 32, 0.9);
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
display: none;
height: 320px;
left: 20px;
position: absolute;
top: 225px;
width: 840px;
z-index: 500;
}
div#how-it-works { background-image: url('/img/design/overlay_how_it_works.png'); }
div#rafis-tips { background-image: url('/img/design/overlay_rafis_tips.png'); }
.nav_panel a.close {
background: url('/img/buttons/nav_panel_close.png') right center no-repeat;
color: #ffd24e;
display: inline-block;
line-height: 30px;
padding: 0 30px 0 5px;
position: absolute;
right: 5px;
top: 22px;
}
.nav_panel a.pn_btn {
background: url('/img/buttons/tips_nav.png') no-repeat;
display: block;
height: 50px;
left: -5px;
position: absolute;
text-indent: -10000px;
top: 135px;
width: 55px;
}
.nav_panel a.previous { background-position: left top; }
.nav_panel a.next { background-position: right top; left: auto; right: -5px; }
.nav_panel a.previous:hover { background-position: left bottom; }
.nav_panel a.next:hover { background-position: right bottom; }
.nav_panel div#tips_slider {
height: 220px;
margin: 55px 0 0;
overflow: hidden;
position: relative;
width: 840px;
}
#tips_slider ul.slides {
left: 0;
margin: 0;
position: absolute;
top: 0;
}
#tips_slider .slides div.tip_body {
display: inline;
float: left;
margin-left: 70px;
width: 440px;
}
.tip_body h2 {
color: #fff;
font-size: 26px;
font-weight: bold;
}
.tip_body p {
color: #fff;
}
#tips_slider .slides div.tip_products {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #360226;
border-radius: 10px;
display: inline;
float: right;
margin-right: 70px;
padding: 15px;
width: 210px;
}
.tip_products ul {
height: auto;
margin: 0;
top: auto;
}
.tip_products a {}
.tip_products a.thumb {
border: 1px solid #bf23ad;
display: inline;
float: left;
}
.tip_products div.desc {
display: inline;
float: right;
width: 135px;
}
.tip_products form {
display: inline;
float: right;
}
.tip_products img {
display: block;
}
#tips_slider .slides .tip_products li {
display: block;
float: left;
list-style: none;
margin: 10px 0 0;
padding: 0;
position: static;
width: 210px;
}
#tips_slider .slides .tip_products li.first {
margin: 0;
}
.tip_products p {
margin: 0;
}
.tip_products p.in_your_basket {
background: none;
border: 0;
color: #fff;
display: inline;
font-size: 14px;
float: right;
text-align: left;
padding: 0;
}
.tip_products p.in_your_basket a {
color: #ffd24e;
}
.tip_products p.price {
color: #fff;
display: inline;
float: left;
}
#tips_slider .slides li {
display: none;
list-style: none;
margin: 0;
position: absolute;
top: 0;
width: 840px;
}
.nav_panel ul.pagination {
bottom: 15px;
left: 50%;
margin: 0;
position: absolute;
}
.nav_panel ul.pagination li {
display: inline;
float: left;
line-height: 16px;
list-style: none;
margin: 0 2px;
}
.nav_panel ul.pagination li a {
background: url('/img/buttons/tips_pagination.png') left center no-repeat;
display: block;
height: 20px;
text-indent: -10000px;
width: 20px;
}
.nav_panel ul.pagination li.active a {
background-position: right center;
}
div.login_boxes {
background: url('/img/design/login_top.png') center top no-repeat;
}
.login_boxes a {
color: #ffd24e;
}
.login_boxes a.register_button {
background: url('/img/buttons/register.png') center top no-repeat;
display: block;
float: right;
height: 30px;
text-indent: -9999px;
width: 110px;
}
.login_boxes a.register_button:hover,
.login_boxes a.register_button:focus {
background-position: center bottom;
}
.login_boxes div.login_box {
color: #fff;
display: inline;
float: right;
padding: 10px 30px 10px 20px;
width: 380px;
}
.login_boxes div.login {
float: left;
padding: 10px 20px 10px 30px;
}
.login_boxes form {}
.login_boxes button {
background: url('/img/buttons/login.png') center top no-repeat;
border: 0;
display: block;
float: left;
height: 30px;
text-indent: -9999px;
width: 80px;
}
body.forgotten-password .login_boxes button {
background-image: url('/img/buttons/submit.png')
}
.login_boxes button:hover,
.login_boxes button:focus {
background-position: center bottom;
}
.login_boxes label {
display: inline;
float: left;
padding-top: 5px;
width: 105px;
}
.login_boxes input {
border-color: #460435;
display: inline;
float: left;
margin: 0 0 10px;
width: 266px;
}
.login_boxes h1 {
background: #e9fad0 10px 11px no-repeat;
border: 1px solid #aee756;
clear: both;
color: #525252;
display: block;
float: none;
font-size: 2.2em;
line-height: 1.2em;
margin: 30px auto;
padding: 10px;
text-align: center;
width: auto;
}
.login_boxes h2 {
color: #fff;
font-size: 20px;
text-shadow: 0 0 1px #1c0020;
}
.login_boxes p {
clear: both;
}
.login_boxes p.options {
clear: none;
display: inline;
float: left;
font-size: 12px;
padding: 6px 0 0 105px;
}
.login_boxes p.submit {
display: inline;
float: right;
width: 80px;
}
div.product_desc {
display: inline;
float: left;
width: 280px;
}
.product_desc p {}
.product_desc p.price {
font-size: 18px;
font-weight: bold;
line-height: 1;
}
.product_desc p.price span.was {
background: #fff1ca;
color: #333;
display: inline-block;
font-size: 0.85em;
margin: 0 0 0 3px;
padding: 3px 5px;
}
.product_desc p.in_stock {
font-size: 16px;
font-weight: bold;
line-height: 1;
}
.product_desc p.out_of_stock {
background: #fff8e5;
border: 1px solid #fff4d3;
color: #554058;
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 0 7px;
}
div.product_image {
margin: 0;
}
div.products_header {
background: url('/img/design/purple_header.png') center top no-repeat;
height: 35px;
padding: 0 10px;
}
.products_header h2 {
color: #fff;
display: inline;
float: left;
font-size: 18px;
line-height: 35px;
margin: 0;
text-shadow: 0 0 1px #1c0020;
}
.products_header ul.list_view_toggle {
display: inline;
float: right;
margin: 0;
padding: 7px 0 0;
}
.list_view_toggle li {
display: inline;
float: left;
list-style: none;
margin: 0 0 0 7px;
}
.list_view_toggle li a {
background: url('/img/icons/list_view_toggle.png') no-repeat;
display: block;
height: 20px;
text-indent: -9999px;
width: 20px;
}
.list_view_toggle li.grid a { background-position: right top; }
.list_view_toggle li.list a { background-position: right bottom; }
.list_view_toggle li.grid a.active { background-position: left top; }
.list_view_toggle li.list a.active { background-position: left bottom; }
div.recipe {}
.recipe div {}
.recipe div.content {
/*
border: solid #d2ccd2;
border-width: 0 1px 1px;
padding: 9px;
*/
position: relative;
}
.recipe div.ingredients {
background: #f3f2f4;
display: inline;
float: right;
width: 170px;
}
.ingredients div.inner {
border: 1px solid #d2ccd2;
padding: 9px;
}
.ingredients p.in_your_basket {
font-size: 13px;
line-height: 2;
padding: 0;
text-align: center;
}
.ingredients li p {
margin: 0;
}
.recipe div.method {
display: inline;
float: left;
width: 400px;
}
.recipe div.recipe_thumb {
clear: right;
display: inline;
float: right;
margin: 0 0 10px;
width: 170px;
}
.recipe_thumb img {
border: 1px solid #d2ccd2;
}
.recipe_thumb p {
width: 170px;
}
.recipe h1 {
/*
background: url('/img/design/purple_header.png') center top no-repeat;
border-bottom: 1px solid #2c0220;
color: #fff;
font-size: 18px;
padding: 0 10px;
line-height: 35px;
margin: 0;
text-shadow: 0 0 1px #1c0020;
*/
}
div.results {
background: #661254;
border-top: 1px solid #762a65;
border-bottom: 1px solid #470938;
padding: 0 10px;
}
.results_footer {
margin-bottom: 20px;
}
.results a {
color: #ffd24e;
font-weight: bold;
}
.results a.current,
.results a:hover,
.results a:focus {
color: #fff;
text-decoration: none;
}
.paging a,
.paging span,
.results strong {
padding: 0 4px;
}
.results p {
color: #b389aa;
display: inline;
font-size: 12px;
line-height: 28px;
margin: 0;
text-transform: uppercase;
}
.results p.showing { float: left; }
.results p.paging { float: right; }
div.video {
margin: 0 0 1em;
}
dl.contact_details {
margin: 0 0 15px;
}
.contact_details dt {
clear: both;
display: inline;
float: left;
margin: 0;
width: 80px;
}
.contact_details dd {
display: inline;
float: left;
text-indent: 0;
width: 530px;
}
form.account_form {}
.account_form button {
background: url('/img/buttons/submit.png') center top no-repeat;
border: 0;
display: block;
float: right;
height: 30px;
text-indent: -9999px;
width: 80px;
}
body.register .account_form button {
background-image: url('/img/buttons/register.png');
width: 110px;
}
.account_form button:hover,
.account_form button:focus {
background-position: center bottom;
}
.account_form fieldset {
padding: 10px 0;
width: 400px;
}
.account_form fieldset.address {
display: inline;
float: right;
}
.account_form fieldset.details {
display: inline;
float: left;
}
.account_form input {
display: inline;
float: left;
margin-bottom: 15px;
width: 200px;
}
.account_form p.checks input {
float: none;
margin: 0 10px 0 0;
vertical-align: top;
}
.account_form label {
display: inline;
float: left;
padding-top: 6px;
width: 120px;
}
.account_form p.checks label {
display: block;
float: none;
padding: 0;
width: auto;
}
.account_form legend {
font-size: 18px;
font-weight: bold;
}
.account_form p {
clear: both;
line-height: 1;
margin-bottom: 15px;
}
.account_form select {
display: inline;
float: left;
margin-bottom: 15px;
width: 208px;
}
.account_form select option {
background: #fff;
}
form.add_all_to_basket {}
.add_all_to_basket button {
background: url('/img/buttons/add_all_to_basket.png') center top no-repeat;
border: 0;
height: 30px;
text-indent: -9999px;
width: 150px;
}
.add_all_to_basket button:hover,
.add_all_to_basket button:focus {
background-position: center bottom;
}
.add_all_to_basket p {
margin: 0;
}
form.add_form {
margin: 0 0 30px;
}
form.quick_order,
form.tips_form {
margin: 0;
}
.add_form a.input_control {
background: url('/img/icons/add_remove.png') center center no-repeat;
display: inline-block;
height: 15px;
line-height: 15px;
margin: 5px 5px 0;
overflow: hidden;
outline: none;
text-indent: -9999px;
vertical-align: top;
width: 15px;
}
.quick_order a.input_control {
margin-top: 8px;
}
.add_form a.inc { background-position: left top; }
.add_form a.dec { background-position: right top; }
.add_form a.inc:hover { background-position: left bottom; }
.add_form a.dec:hover { background-position: right bottom; }
.add_form a.inc:focus { background-position: left bottom; }
.add_form a.dec:focus { background-position: right bottom; }
.add_form button {
background: url('/img/buttons/add_to_basket.png') center top no-repeat;
border: 0;
height: 30px;
padding: 0;
text-indent: -9999px;
width: 150px;
}
.tips_form button {
background: #360226 url('/img/icons/tips_basket.png') right center no-repeat;
color: #ffd24e;
font-size: 11px;
font-weight: bold;
height: auto;
padding-right: 18px;
text-indent: 0;
text-transform: uppercase;
width: auto;
}
.quick_order button {
width: 80px;
background: url('/img/buttons/add.png') center top no-repeat;
}
.add_form button:hover,
.add_form button:focus {
background-position: center bottom;
}
.tips_form button:hover,
.tips_form button:focus {
background-position: right center;
color: #fff;
}
.add_form fieldset {
display: inline;
float: left;
}
.add_form fieldset.quant {
margin: 4px 10px 0 0;
}
.add_form input {
color: #1c0020;
font-weight: bold;
padding: 3px 0;
text-align: center;
vertical-align: bottom;
width: 30px;
}
.add_form p {
margin: 0;
}
form.comment_form {
clear: both;
margin-top: 3em;
padding-top: 1em;
}
.comment_form .alert p {
margin: 0;
}
.comment_form button {
background: url('/img/buttons/post_comment.png') center top no-repeat;
border: 0;
cursor: pointer;
height: 30px;
padding: 5px 10px;
text-indent: -10000px;
width: 150px;
}
.comment_form button:hover {
background-position: center bottom;
}
.comment_form input {
width: 283px;
}
.comment_form label {
display: block;
text-indent: 4px;
}
.comment_form textarea {
font-size: 1em;
height: 150px;
width: 598px;
}
.comment_form p {}
.comment_form p.name { display: inline; float: left; width: 295px; }
.comment_form p.email { display: inline; float: right; width: 295px; }
.comment_form p.comment {
clear: both;
}
.comment_form p.submit {
text-align: right;
}
form.contact_form {}
.contact_form button {
background: url('/img/buttons/contact_submit.png') center top no-repeat;
border: 0;
display: block;
height: 30px;
text-indent: -9999px;
width: 150px;
}
.contact_form button:hover,
.contact_form button:focus {
background-position: center bottom;
}
.contact_form input {
display: inline;
float: left;
margin-bottom: 10px;
width: 200px;
}
.contact_form label {
clear: both;
display: inline;
float: left;
margin: 4px 0 0;
width: 90px;
}
.contact_form p {
clear: both;
margin: 0;
}
.contact_form p.submit {
padding-left: 90px;
}
.contact_form textarea {
display: inline;
float: left;
margin-bottom: 10px;
width: 320px;
}
form.curry_form {
background: #f1f0f2;
background-image: -moz-linear-gradient(top, #862074, #460435);
background-image: -webkit-gradient(linear, left top, left bottom, from(0, #862074), top(1, #460435));
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 480px;
}
.js form.curry_form {
background: url('/img/design/curry_form_bottom.png') center bottom no-repeat;
}
.curry_form button {
background-image: url('/img/buttons/add_to_basket_border.png');
height: 36px;
width: 156px;
}
.curry_form a.input_control {
background-image: url('/img/icons/add_remove_border.png');
height: 21px;
margin-top: 8px;
width: 21px;
}
.curry_form fieldset {
display: inline;
float: left;
height: 36px;
margin: 0;
padding: 12px 10px;
}
fieldset.strength {
display: inline;
float: left;
padding: 12px 10px 0;
}
.js fieldset.strength {
background: url('/img/design/slider_bg.png') center top no-repeat;
display: block;
float: none;
height: 110px;
padding: 0;
}
.strength .ui-slider {
cursor: pointer;
display: inline;
float: right;
height: 52px;
margin: 48px 35px 0 0;
padding: 0;
position: relative;
width: 270px;
}
.strength a.ui-slider-handle {
background: url('/img/design/slider_marker.png') center center no-repeat;
display: block;
height: 38px;
margin: 0 0 0 -19px;
position: absolute;
width: 38px;
}
fieldset.gluten {
display: inline;
float: left;
padding: 10px 10px 0;
}
.js fieldset.gluten {
background: url('/img/design/slider_bg.png') center bottom no-repeat;
display: block;
float: none;
height: 30px;
padding: 0 10px;
}
form.curry_form fieldset.gluten label {
color: #fff;
}
.js form.curry_form fieldset.gluten label {
color: #554058;
}
.js .gluten p,
.js .gluten p label {
line-height: 1;
}
.curry_form fieldset.quant {
clear: both;
margin: 0;
padding: 0 10px 10px;
}
.curry_form fieldset.submit {
float: right;
padding: 0 10px 10px;
}
.js .curry_form fieldset.quant,
.js .curry_form fieldset.submit {
padding: 10px;
}
.curry_form label {
display: inline;
float: left;
margin: 0 10px 0 0;
}
.js .curry_form label {
margin: 0;
}
.curry_form fieldset.gluten label { color: #000; }
.curry_form input {}
body.js form.curry_form fieldset.strength p {
display: none;
visibility: hidden;
}
.curry_form p {
color: #fff;
line-height: 36px;
}
.curry_form select {
-moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.3);
box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.3);
border: 1px solid #a7a6aa;
color: #666;
padding: 2px 3px;
width: 130px;
}
.curry_form select:focus {
border-color: #862074;
}
.js .curry_form select {
color: #fff;
line-height: 36px;
}
ol.a_list {}
.a_list a.up {
background: #fff1ca;
border: 1px solid #ffe59c;
color: #666;
display: inline;
float: right;
margin-top: 5px;
padding: 0 8px;
white-space: no-wrap;
}
.a_list a.up:hover {
color: #333;
text-decoration: none;
}
.a_list > li {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 1em;
padding-bottom: 1em;
}
.a_list > li:last-child {
border: 0;
}
.a_list li ol {
margin-bottom: 1.5em;
}
.a_list span {
display: block;
}
.a_list span.q {
font-weight: bold;
margin-bottom: 0.25em;
}
ol.comments_list {
margin: 0 0 3em;
}
.comments_list div {
display: inline;
float: right;
width: 530px;
}
.comments_list h3 {
font-size: 1.2em;
font-weight: bold;
line-height: 1;
margin: 3px 0 0;
}
.comments_list li {
border-bottom: 1px solid #d2ccd2;
list-style: none;
margin: 0 0 1em;
padding: 0 10px;
}
.comments_list li:last-child {
border: 0;
}
.comments_list img {
border: 1px solid #d2ccd2;
display: inline;
float: left;
}
.comments_list p {}
.comments_list p.meta {
color: #8d7f8f;
font-size: 0.85em;
line-height: 2;
margin-bottom: 0.5em;
text-transform: uppercase;
}
ul.awards_list {
margin: 0;
}
.awards_list blockquote {
clear: both;
padding-left: 20px;
}
.awards_list blockquote p {
color: #fff;
}
.awards_list h3 {
color: #fff;
}
.awards_list li {
background: #661254 url('/img/design/feat_right.png') center top no-repeat;
border: 1px solid #460435;
color: #fff;
list-style: none;
margin: 0 0 20px;
padding: 9px;
}
.awards_list img {
border: 1px solid #460435;
display: inline;
float: left;
-moz-box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
-webkit-box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
margin: 0 15px 15px 0;
}
ul.block_list {
background: #f3f2f4;
border: solid #d2ccd2;
border-width: 0 1px;
margin: 0;
padding: 9px 9px 1px;
}
ul.blog_list {
border-width: 1px;
margin: 0 0 2em;
}
ul.grid_view {
padding: 9px 4px 1px;
text-align: center;
}
.block_list a {}
.block_list a.more {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.block_list a.thumb {
border: 1px solid #c28fb9;
display: inline;
float: left;
height: 128px;
width: 168px;
}
.grid_view a.thumb {
display: block;
float: none;
margin: 0 0 9px;
}
.block_list a.thumb:hover,
.block_list a.thumb:focus {
border-color: #661254;
}
.block_list div {}
.block_list div.info {
display: inline;
float: right;
height: 130px;
position: relative;
width: 380px;
}
.blog_list div.info {
width: 390px;
}
.grid_view div.info {
display: block;
float: none;
height: auto;
width: auto;
}
.block_list h3 {
margin: 0 0 .5em;
}
.blog .block_list h3 {
margin: 0;
}
.grid_view h3 {
font-size: 13px;
margin: 0 0 .2em;
}
.block_list .add_form {
bottom: 0;
margin: 0;
position: absolute;
right: 0;
}
.grid_view .add_form {
position: static;
}
.grid_view .add_form fieldset {
margin: 0 10px;
}
.grid_view .add_form fieldset.quant {
display: none;
visiblity: hidden;
}
.block_list img {
vertical-align: middle;
}
.block_list li {
background: #fff;
border: 1px solid #d2ccd2;
list-style: none;
padding: 9px;
margin: 0 0 9px;
}
.grid_view li {
display: -moz-inline-stack;
display: inline-block;
*display: inline;
margin: 0 5px 10px;
vertical-align: top;
width: 170px;
zoom: 1;
}
.grid_view li div {
zoom: 1;
}
.block_list p {}
.block_list p.date {
color: #777;
font-size: 12px;
}
.block_list p.in_your_basket {
bottom: 0;
position: absolute;
right: 0;
}
body.js .block_list p.in_your_basket {
cursor: pointer;
}
.grid_view p.in_your_basket {
font-size: 14px;
padding: 0;
position: static;
}
.block_list p.price {
bottom: 0;
color: #554058;
font-size: 18px;
font-weight: bold;
left: 0;
margin: 0;
position: absolute;
}
.grid_view p.price {
margin: 0 0 .3em;
position: static;
}
.grid_view p.desc {
display: none;
visibility: hidden;
}
ul.curries_filter {
background: url('/img/design/nav_sheet.png') left -545px; no-repeat;
height: 36px;
margin: 0;
padding: 9px 0 0 9px;
}
.curries_filter li {
display: inline;
float: left;
list-style: none;
margin: 0 8px 0 0;
}
.curries_filter li a {
background: url('/img/design/nav_sheet.png') no-repeat;
display: block;
height: 27px;
text-indent: -10000px;
width: 120px;
}
.curries_filter li.category a { background-position: -9px -599px; width: 92px; }
.curries_filter li.popular a { background-position: -109px -599px; width: 122px; }
.curries_filter li.random a { background-position: -239px -599px; width: 82px; }
.curries_filter li.quick a { background-position: -329px -599px; width: 112px; }
.curries_filter li.category a:hover { background-position: -9px -644px; }
.curries_filter li.popular a:hover { background-position: -109px -644px; }
.curries_filter li.random a:hover { background-position: -239px -644px; }
.curries_filter li.quick a:hover { background-position: -329px -644px; }
.on_category li.category a { background-position: -9px -690px; height: 35px; }
.on_popular li.popular a { background-position: -109px -690px; height: 35px; }
.on_random li.random a { background-position: -239px -690px; height: 35px; }
.on_quick li.quick a { background-position: -329px -690px; height: 35px; }
.on_category li.category a:hover { background-position: -9px -690px; height: 35px; }
.on_popular li.popular a:hover { background-position: -109px -690px; height: 35px; }
.on_random li.random a:hover { background-position: -239px -690px; height: 35px; }
.on_quick li.quick a:hover { background-position: -329px -690px; height: 35px; }
ul.curries_list {
margin: 0;
}
.curries_list div.chat {
display: inline;
float: right;
width: 205px;
}
.curries_list h3 {
margin: 0;
text-transform: uppercase;
}
.curries_list img {
border: 1px solid #c28fb9;
display: inline;
float: left;
}
.curries_list a:hover img {
border-color: #661254;
}
.curries_list li {
background: #fff;
border: 1px solid #d2ccd2;
clear: both;
display: inline;
float: left;
margin: 0 0 10px 0;
padding: 9px;
width: 375px;
}
.curries_list li.odd {
clear: none;
float: right;
}
.curries_list p {}
.curries_list p.desc,
.curries_list p.great {
margin: 0;
}
.curries_list p.price {
color: #554058;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 0.5em;
}
ul.curries_nav {
background: url('/img/design/nav_sheet.png') left -405px; no-repeat;
height: 35px;
margin: 0;
padding-left: 4px;
position: absolute;
right: 30px;
top: 205px;
width: 221px;
z-index: 1000;
}
.curries_nav li {
display: inline;
float: left;
list-style: none;
margin: 0 0 0 1px;
}
.curries_nav li a {
background: url('/img/design/nav_sheet.png') no-repeat;
display: block;
height: 30px;
text-indent: -10000px;
}
.curries_nav li.how-it-works a { background-position: -5px -440px; width: 118px; }
.curries_nav li.rafis-tips a { background-position: -124px -440px; width: 96px; }
.curries_nav li.how-it-works a.active { background-position: -5px -510px; }
.curries_nav li.rafis-tips a.active { background-position: -124px -510px; }
.curries_nav li.how-it-works a:hover { background-position: -5px -475px; }
.curries_nav li.rafis-tips a:hover { background-position: -124px -475px; }
.curries_nav li.how-it-works a.active:hover { background-position: -5px -510px; }
.curries_nav li.rafis-tips a.active:hover { background-position: -124px -510px; }
body.how-it-works .curries_nav li.how-it-works a { background-position: -5px -510px; }
body.rafis-tips .curries_nav li.rafis-tips a { background-position: -124px -510px; }
ul.curry_list {
margin: 0;
padding: 0;
}
.curry_list a {}
.curry_list a.thumb {
display: inline;
float: left;
margin: 0 10px 0 0;
}
.curry_list li {
background: #eee;
display: inline;
float: left;
list-style: none;
margin: 0 20px 20px 0;
padding: 0;
width: 398px;
}
.curry_list li.odd {
margin-right: 0;
}
ul.multi_images {}
.multi_images img {
border: 1px solid #c28fb9;
display: block;
margin: 0 auto 0.5em;
}
.multi_images li {
list-style: none;
margin: 0 0 1em;
text-align: center;
}
div.quotes_featured {
background: #661254 url('/img/design/feat_left.png') center top no-repeat;
border: 1px solid #460435;
margin: 0 0 40px;
width: 608px;
}
.quotes_featured blockquote {
margin-left: 20px;
}
.quotes_featured blockquote.has_image {
margin: 0;
}
.quotes_featured cite {
color: #fff;
font-size: 13px;
}
.quotes_featured div {
display: inline;
float: right;
padding-left: 20px;
width: 390px;
}
.quotes_featured img {
border: 1px solid #661254;
display: block;
}
.quotes_featured li {
list-style: none;
margin: 0;
padding: 9px;
width: 590px;
}
.quotes_featured p {
color: #fff;
margin: 0 0 .5em;
}
.quotes_featured p.quote_thumb {
border: 10px solid #550B43;
display: inline;
float: left;
margin: 0;
width: 152px;
}
.quotes_featured ul {
margin: 0;
padding: 0;
}
div.quotes_pager {
display: block;
float: none;
height: 10px;
margin: 0 auto 9px;
padding: 0;
}
.quotes_pager a {
background: url('/img/design/quotes_pager_controls.png');
display: block;
height: 10px;
text-indent: -9999px;
width: 10px;
}
.quotes_pager p {
display: inline;
float: left;
line-height: 10px;
margin: 0;
}
.quotes_pager p a {}
.quotes_pager p.prev a { background-position: left center; }
.quotes_pager p.next a { background-position: -10px center; }
.quotes_pager p.prev a:hover { background-position: -20px center; }
.quotes_pager p.next a:hover { background-position: -30px center; }
ul.cycle_pager {
display: inline;
float: left;
margin: 0;
}
.cycle_pager li {
display: inline;
float: left;
line-height: 10px;
margin: 0 2px;
padding: 0;
width: 10px;
}
.cycle_pager li a {
background-position: -40px center;
}
.cycle_pager li.activeSlide a,
.cycle_pager li a:hover,
.cycle_pager li a:focus {
background-position: -50px center;
}
table.dietary_restrictions {
margin: 0 auto 20px auto;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-radius: 5px 5px 0 0;
border-collapse: separate;
width: 610px;
}
table.dietary_restrictions th,
table.dietary_restrictions td {
text-align: center;
padding: 0.5em 3px;
}
table.dietary_restrictions thead th {
background: url('/img/design/diet_table_header.png') center top no-repeat;
border-color: #fff #5b0e4a #2c0220 #891e77;
border-style: solid;
border-width: 0 1px 1px 1px;
color: #fff;
line-height: 1.3;
text-align: center;
text-shadow: 0 0 1px #460435;
vertical-align: middle;
width: 50px;
font-size: 12px;
}
table.dietary_restrictions thead th.first {
background-position: left top;
border-left-width: 0;
font-size: 18px;
padding: 0.5em 0;
text-align: left;
text-indent: 10px;
width: 30%;
/*width: 189px;*/
}
table.dietary_restrictions thead th.last {
border-right-width: 0;
background-position: right top;
width: 59px;
}
table.dietary_restrictions tbody th {
background: #f3f2f4;
border: 1px solid;
border-color: #fff #d2ccd2 #d2ccd2 #d2ccd2;
color: #fff;
font-weight: bold;
text-align: left;
/* text-indent: 9px;*/
padding-right: 16px;
padding-left: 5px
}
table.dietary_restrictions tbody th a {
color: #bf23ad;
}
table.dietary_restrictions tbody td {
background: #f3f2f4 center center no-repeat;
border: 1px solid;
border-color: #fff #d2ccd2 #d2ccd2 #fff;
text-indent: -10000px;
}
table.dietary_restrictions tbody td.yes { background-image: url('/img/icons/diet_tick.png'); }
table.dietary_restrictions tbody td.no { background-image: url('/img/icons/diet_cross.png'); }
ul.profiles_list {
margin: 0 0 40px;
}
.profiles_list blockquote {
clear: both;
display: inline;
float: left;
padding: 0 0 0 20px;
width: 320px;
}
.profiles_list blockquote p,
.profiles_list blockquote cite {
color: #fff;
}
.profiles_list div {
display: inline;
float: left;
margin: 0 0 10px;
width: 380px;
}
.profiles_list img {
border: 1px solid #661254;
display: block;
}
.profiles_list h3 {
color: #fff;
}
.profiles_list li {
background: #661254 url('/img/design/feat_left.png') center top no-repeat;
border: 1px solid #460435;
color: #fff;
margin: 0 0 20px;
padding: 9px;
}
.profiles_list p {}
.profiles_list p.fave {
background: #360226;
border: 1px solid #460435;
-moz-box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
-webkit-box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
display: inline;
float: right;
font-size: 13px;
margin: 0;
padding: 9px;
width: 160px;
}
.fave a {
color: #ffd24e;
display: block;
}
.fave a.curry_thumb {
margin: 0 0 10px;
}
.fave strong {
background: url('/img/design/fave.png') left top no-repeat;
display: block;
height: 16px;
margin: 0 0 10px;
text-indent: -9999px;
}
.profiles_list p.profile_thumb {
background: #360226;
border: 1px solid #460435;
-moz-box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
-webkit-box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
box-shadow: 0 1px 3px RGBa(28, 0, 32, 0.8);
display: inline;
float: right;
margin: 0 0 10px;
padding: 9px;
width: 160px;
}
ul.quotes_others {
margin: 0;
padding: 0;
}
.quotes_others li {
clear: both;
border-bottom: 1px solid #e8e5e8;
list-style: none;
margin: 0 0 20px;
padding: 0 10px 10px 30px;
}
.quotes_others li.float_left,
.quotes_others li.float_right {
padding: 0 0 10px 30px;
width: 265px;
}
.quotes_others li.float_right {
clear: none;
}
.quotes_others li.float_left p.quote_thumb,
.quotes_others li.float_right p.quote_thumb {
float: right;
margin: 0 0 20px 10px;
text-indent: 0;
}
.quotes_others blockquote {
background: none;
margin: 0;
padding: 0;
}
.quotes_others img {
border: 1px solid #8d7f8f;
display: block;
}
.quotes_others p {}
.quotes_others p.quote_thumb {
display: inline;
float: left;
margin: 0 30px 20px -30px;
text-indent: 0;
}
ul.shops_list {
margin: 0;
padding: 0;
}
.shops_list div {}
.shops_list div.desc {
color: #fff;
display: inline;
float: left;
width: 198px;
}
.shops_list div.street_shot {
background: #360226;
border: 1px solid #460435;
display: inline;
float: right;
padding: 9px;
width: 352px;
}
.street_shot a {
color: #ffd24e;
}
.street_shot p {
color: #fff;
margin: 0;
line-height: 1;
text-align: right;
}
.shops_list dl {}
.shops_list dt {
clear: both;
display: inline;
float: left;
width: 60px;
}
.shops_list h2 {
color: #fff;
}
.shops_list img {
border: 1px solid #661254;
display: block;
margin: 0 0 9px;
}
.shops_list li {
background: #661254 url('/img/design/feat_right.png') center top no-repeat;
border: 1px solid #460435;
list-style: none;
margin: 0 0 20px;
padding: 14px;
}
.shops_list p {}
.shops_list p.phone {
font-size: 18px;
font-weight: bold;
line-height: 20px;
}
.shops_list p.phone strong {
background: url('/img/icons/phone.png') center center no-repeat;
display: inline-block;
margin: 0 5px 0 0;
height: 20px;
text-indent: -9999px;
vertical-align: middle;
width: 20px;
}
ul.sub_nav {
background: url('/img/design/sidebar.png') center top repeat-y;
margin: 0;
padding: 0 10px;
}
.sub_nav li {
background: #862074;
border: 1px solid #460435;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
list-style: none;
margin: 0 0 10px;
}
.sub_nav li.last {
margin: 0;
}
.sub_nav li a {
background: #6d135d;
background: -moz-linear-gradient(-90deg, #862074, #6d135d);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#862074), to(#6d135d));
color: #ffd24e;
display: inline-block;
font-weight: bold;
padding: 5px 0 5px 10px;
text-transform: uppercase;
width: 188px;
}
.sub_nav > li a:first-child {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-radius: 5px 5px 0 0;
}
.sub_nav li a.active,
.sub_nav li a:hover,
.sub_nav li a:focus {
color: #fff;
text-decoration: none;
}
.sub_nav li span {
background: #6d135d;
background: -moz-linear-gradient(-90deg, #862074, #6d135d);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#862074), to(#6d135d));
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-radius: 5px 5px 0 0;
color: #ffd24e;
display: inline-block;
font-weight: bold;
padding: 5px 0 5px 10px;
text-transform: uppercase;
width: 188px;
}
.sub_nav li ul {
border-top: 1px solid #560b44;
margin: 0;
padding: 0 9px;
}
.sub_nav li ul li {
background: none;
border: 0;
border-top: 1px solid #923782;
border-bottom: 1px solid #661254;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin: 0;
}
.sub_nav li ul li.first { border-top: 0; }
.sub_nav li ul li.last { border-bottom: 0; }
.sub_nav li ul li a {
background: #862074;
font-weight: normal;
padding: 5px 15px 5px 5px;
text-transform: none;
width: 160px;
}
.sub_nav li ul li a:hover,
.sub_nav li ul li a:focus {
background: url('/img/icons/sub_nav_hover.png') 170px 9px no-repeat;
color: #ffd24e;
}
.sub_nav li ul li a.active {
background: url('/img/icons/sub_nav_active.png') 170px 9px no-repeat;
color: #fff;
}
ul.vacancies_list {}
.vacancies_list a {}
.vacancies_list a.more {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.vacancies_list h3 {
margin: 0;
}
.vacancies_list li {
border-bottom: 1px solid #e8e5e8;
list-style: none;
margin: 0;
padding: 1em 0;
}
.vacancies_list p {
margin: 0;
}
.vacancies_list p.date {
color: #666;
margin: 0 0 0.5em;
}
.vacancies_list p.location {
color: #666;
}
p.vacancies_none { margin: 30px 0 ; text-align: center; font-weight: bold; font-size: 1.1em; }
/* footer
----------------------------------------------------------------------*/
div#footer {
background: url('/img/design/footer.png') center top repeat-y;
clear: both;
}
#footer .inner {
background: url('/img/design/footer_top.png') center top no-repeat;
}
#footer .alert p {
margin: 0;
}
.footer_boxes {
padding: 0 15px 10px;
}
.footer_boxes div.float {
color: #fff;
display: inline;
float: left;
margin: 0 5px;
position: relative;
width: 260px;
}
.footer_boxes div.last {
width: 300px;
}
.footer_boxes form.footer_sub {}
.footer_sub button {
background: #f8e07c;
background: -moz-linear-gradient(-90deg, #ffdd7a, #f8db68 50%, #f2c834 50%, #d68d1f);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#fed04d), color-stop(50%, #f8db68), color-stop(50%, #f2c834), to(#d68d1f));
color: #54055b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #d68d1f;
border-top-color: #fed04d;
display: inline-block;
font-size: 11px;
height: 18px;
line-height: 18px;
padding: 0 9px 1px;
text-transform: uppercase;
text-shadow: 0 0 1px #ffd24e;
}
.footer_sub button:hover,
.footer_sub button:focus {
background: #fde872;
background: -moz-linear-gradient(-90deg, #ffeb82, #fde872 50%, #fbd422 50%, #f19608);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#ffeb82), color-stop(50%, #fde872), color-stop(50%, #fbd422), to(#f19608));
border-color: #f19608;
border-top-color: #ffe13f;
}
.footer_sub fieldset {
background: #661254;
border: 1px solid #360226;
border-top-color: #762a65;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-radius: 0 0 10px 10px;
padding: 10px 10px 0;
}
.footer_sub p.submit {
text-align: right;
}
.footer_sub label {
display: inline-block;
float: left;
line-height: 30px;
}
.footer_sub input {
border: 1px solid #460435;
color: #460435;
display: inline;
float: right;
font-size: 13px;
height: 28px;
margin: 0 0 10px;
padding: 0 5px;
width: 218px;
}
.footer_sub p {
clear: both;
font-weight: bold;
margin: 0 0 10px;
}
.footer_boxes h2 {
-moz-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
background: #5f0f4e;
background: -moz-linear-gradient(-90deg, #731964, #3d032e);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#731964), to(#3d032e));
border: 1px solid #460435;
border-bottom-color: #2c0220;
border-radius: 10px 10px 0 0;
color: #fff;
font-size: 15px;
font-weight: normal;
line-height: 28px;
margin: 0;
text-indent: 10px;
text-shadow: 0 0 1px #1c0020;
}
.footer_boxes p {}
.footer_boxes p.loading {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: RGBa(0, 0, 0, 0.5) url('/img/icons/cmsubscribe_loading.gif') center center no-repeat;
border-radius: 10px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
position: absolute;
text-indent: -10000px;
top: 50%;
width: 40px;
}
.footer_boxes p.more {
-moz-border-radius: 0 0 10px 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
background: #661254;
border: 1px solid #360226;
border-top-color: #762a65;
border-radius: 0 0 10px 10px;
margin: 0;
padding: 10px;
text-align: right;
}
.footer_boxes p.more a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #f8e07c;
background: -moz-linear-gradient(-90deg, #ffdd7a, #f8db68 50%, #f2c834 50%, #d68d1f);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#fed04d), color-stop(50%, #f8db68), color-stop(50%, #f2c834), to(#d68d1f));
color: #54055b;
border-radius: 5px;
border: 1px solid #d68d1f;
border-top-color: #fed04d;
display: inline-block;
font-size: 11px;
line-height: 18px;
padding: 0 10px;
text-transform: uppercase;
text-shadow: 0 0 1px #ffd24e;
}
.footer_boxes p.more a:hover,
.footer_boxes p.more a:focus {
background: #fde872;
background: -moz-linear-gradient(-90deg, #ffeb82, #fde872 50%, #fbd422 50%, #f19608);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#ffeb82), color-stop(50%, #fde872), color-stop(50%, #fbd422), to(#f19608));
border-color: #f19608;
border-top-color: #ffe13f;
text-decoration: none;
}
.footer_boxes ul {
background: #661254;
border: 1px solid #360226;
border-top-color: #762a65;
margin: 0;
}
.footer_boxes ul li {
list-style: none;
margin: 0;
}
.footer_boxes ul.footer_products {
border-width: 0 1px;
}
.footer_boxes ul.footer_products li {
border-bottom: 1px solid #410932;
border-top: 1px solid #762a65;
font-size: 11px;
padding: 9px 9px;
}
.footer_boxes ul.footer_products a {
color: #ffd24e;
font-weight: bold;
}
.footer_boxes ul.footer_products li:hover a,
.footer_boxes ul.footer_products li:focus a {
text-decoration: underline;
}
.footer_boxes ul.footer_products a.thumb {
border: 1px solid #460435;
display: inline;
float: left;
width: 63px;
}
.footer_boxes ul.footer_products a.thumb img {
vertical-align: middle;
}
.footer_boxes ul.footer_products a.desc {
display: inline;
float: right;
width: 163px;
}
.footer_boxes ul.footer_products a.desc span {
color: #fff;
}
.footer_boxes ul.footer_faq {
padding: 5px 9px;
}
.footer_boxes ul.footer_faq li {
font-size: 11px;
padding: 3px 0;
}
.footer_boxes ul.footer_faq a {
color: #ffd24e;
font-weight: bold;
text-transform: uppercase;
}
.footer_boxes ul.footer_faq a:hover span,
.footer_boxes ul.footer_faq a:focus span {
text-decoration: underline;
}
.footer_boxes ul.footer_faq a strong {
color: #fff;
display: inline;
float: left;
width: 15px;
}
.footer_boxes ul.footer_faq a span {
display: inline;
float: left;
width: 225px;
}
.footer_navigation {
background: #661254;
border: 1px solid #360226;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 0 20px;
padding: 5px 0 10px;
}
.footer_navigation h2 {
color: #fff;
border-bottom: 1px solid #410932;
font-size: 15px;
line-height: 30px;
margin: 0;
text-indent: 5px;
text-shadow: 0 0 1px #1c0020;
}
.footer_navigation h2 a {
color: #fff;
}
.footer_navigation li {
display: inline;
float: left;
margin: 0 10px;
width: 190px;
}
.footer_navigation li.first { margin-left: 9px; }
.footer_navigation li.last { margin-right: 9px; }
.footer_navigation ul {
border-top: 1px solid #762a65;
margin: 0;
}
.footer_navigation ul li {
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
text-indent: 0;
width: 180px;
}
.footer_navigation ul li a {
color: #ffd24e;
}
/* footer links
----------------------------------------------------------------------*/
div#footer_links {
background: url('/img/design/footer_bottom.png') center top no-repeat;
clear: both;
margin: 0 auto;
padding: 25px 30px 60px;
width: 820px;
}
#footer_links a {
color: #ffd24e;
}
#footer_links p {
color: #360226;
display: inline;
float: left;
font-size: 11px;
line-height: 14px;
margin: 0;
}
#footer_links p.designition {
float: right;
}
#footer_links p.designition a {
background: url('/img/icons/designition.png') right center no-repeat;
display: inline-block;
padding-right: 22px;
text-transform: none;
}
table#basket_table {
font-size: 1.15em;
border-collapse: collapse;
width: 100%;
float: left;
margin-top: 5px;
}
#basket_table th {
padding: 8px 12px 9px 12px;
font-weight: normal;
color: #fff;
border-left: 1px solid #b42c9d;
border-right: 1px solid #23061e;
cursor: pointer;
text-align: left;
background: #2d142e;
background-image: -moz-linear-gradient(top, #582759, #2d142e); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7C1B6A),color-stop(1, #43043D)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#582759', EndColorStr='#2d142e'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#582759', EndColorStr='#2d142e')"; /* IE8 */
}
#basket_table th.cart_title {}
#basket_table th.cart_title a {
color: #992c2c;
font-weight: normal;
font-size: .85em;
}
#basket_table th.price { }
#basket_table th.quantity { width: 65px; }
#basket_table th.remove { width: 30px; padding-right: 0; }
#basket_table td {
padding: 9px 12px 10px 12px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #ccc;
}
#basket_table td span.gluten {
display: block;
font-size: 0.75em;
text-transform: uppercase;
}
#basket_table td.cart_meta { width: 65px; }
#basket_table td.cart_quantity { width: 5em; }
#basket_table td.cart_quantity select {
font-size: .9em;
margin-top: 0;
}
#basket_table td.price {
width: 55px;
}
#basket_table td.date {
font-size: .8em;
width: 70px;
color: #555;
padding-top: 11px;
}
#basket_table td.cart_title {}
#basket_table td.cart_title a { font-weight: bold; color: #333; text-decoration: none; }
#basket_table td.cart_title a:hover { text-decoration: underline; }
#basket_table td.cart_meta em {
font-style: normal;
display: block;
font-size: .8em;
}
a.cart_remove_link {
display: block;
padding: 3px 0;
margin-top: 5px;
font-size: .8em;
text-decoration: underline;
}
input.cart_quantity_input { width: 3em; }
#basket_table td.empty_basket {
padding: 6px 10px; background: #eee;
}
#basket_table td.empty_basket a {
font-size: .8em;
text-decoration: underline;
}
#basket_table td.made_changes { padding: 6px 10px; background: #eee; }
td.made_changes p {
margin: 0;
text-align: right;
font-size: .9em;
}
.js td.made_changes p {
display: none;
visibility: hidden;
}
td.made_changes button { margin-left: 5px; }
td.made_changes #update_cart { }
td.remove a {
display: block;
width: 16px;
height: 16px;
line-height: 16px;
text-indent: -3000px;
background: url('/img/design/trash.png') 0px 0px no-repeat;
}
td.remove a:hover { background-position: 0px -16px; }
#basket_table span.loading {
background: url('/img/icons/loading.gif') center center no-repeat;
display: inline-block;
height: 20px;
margin-left: 4px;
text-indent: -10000px;
width: 20px;
}
#basket_table span.win {
background: url('/img/icons/tick.png') center center no-repeat;
display: inline-block;
height: 20px;
margin-left: 4px;
text-indent: -10000px;
width: 20px;
}
#basket_table span.fail {
background: url('/img/icons/cross.png') center center no-repeat;
display: inline-block;
height: 20px;
margin-left: 4px;
text-indent: -10000px;
width: 20px;
}
#cart_totals {
margin: 20px 20px 25px 0;
width: 260px;
float: right;
font-size: 1.3em;
}
#cart_totals table { font-size: 1.5em; margin-bottom: 15px; }
#cart_totals th { text-align: right; padding: 8px 20px; border-bottom: 1px solid #ccc; width: 160px; color: #333; }
#cart_totals th em { font-style: normal; font-weight: normal; font-size: .75em; display: block; line-height: 1.4em; margin-top: 0px; color: #555; }
#cart_totals td { padding: 8px 10px; border-bottom: 1px solid #ccc; width: 80px; }
#cart_totals td.cart_total_price { color: #a90303; font-weight: bold; font-size: 1.1em; }
#cart_totals tr.discount td { color: #237E00; }
#cart_totals tr.discount td del { color: #777; }
#checkout_btn {
clear: right;
margin: 0 20px 20px 0;
}
#form_content {
width: 600px;
float: left;
}
#form_help {
width: 200px;
float: left;
margin-left: 20px;
padding-top: 25px;
}
#form_help ul {
}
#form_help ul li {
margin: 0 0 .75em 0;
line-height: 1.4em;
list-style: none;
}
#form_help ul li a {
padding: 1px;
background: #fff1ca;
color: #333;
}
#form_help #card_types {
margin: 0 0 0 -4px;
padding: 0;
}
#form_help #card_types li {
float: left;
margin: 0 0 0 4px;
}
#basket_bottom_left {
float: left;
width: 300px;
padding: 20px 0 0 0px;
}
#cart_discount {
padding: 20px;
background: #eee;
border: 0px solid #ccc;
position: relative;
}
#cart_discount.applied {
background: #EDF8EB;
border: 1px solid #49DD47;
padding: 17px 18px;
}
#cart_discount.applied p {
font-size: 1.1em;
font-weight: bold;
color: #2F5D16;
margin-bottom: 0;
line-height: 1.9em;
padding: 0 0 0 23px;
background: url('/img/icons/tick.png') 0px 4px no-repeat;
}
#cart_discount.applied strong {
display: block;
}
#cart_discount.applied p a {
font-size: .9em;
font-weight: normal;
}
#cart_discount.applied p em {
font-style: normal;
background: #fff;
padding: 4px 5px;
color: #222;
font-weight: normal;
border-right: 2px solid #BDD0B0;
border-bottom: 2px solid #BDD0B0;
}
#discount_remove {
font-size: .9em;
font-weight: normal;
display: block;
text-align: right;
position: absolute;
bottom: 10px;
right: 10px;
width: 70px;
}
#discount_help {
display: block;
position: absolute;
top: 10px;
right: 10px;
font-size: .85em;
width: 70px;
text-align: right;
color: #555;
text-decoration: underline;
}
#cart_discount label {
display: block;
font-size: 1.1em;
padding-bottom: 6px;
color: #691257;
font-weight: bold;
}
#cart_discount label a {
font-size: .85em;
font-weight: normal;
margin-left: 8px;
}
#cart_discount input {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#cart_discount_code {
width: 155px;
background: #fff;
margin: 0 6px 0 0;
font-size: 1.1em;
border-radius: 3px;
color: #333;
}
#discount_submit {
color: #333;
border: none;
padding: 5px 10px;
font-size: 1em;
border-radius: 6px;
-webkit-background-clip: padding-box;
background-color: #ccc;
background-image: -moz-linear-gradient(top, #ffffff, #cccccc); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #cccccc)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')"; /* IE8 */
border: 1px solid #aaa;
overflow:visible;
}
#discount_submit:hover {
background-color: #bbb;
background-image: -moz-linear-gradient(top, #ffffff, #bbbbbb); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #bbbbbb)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#bbbbbb'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#bbbbbb')"; /* IE8 */
border-color: #888;
}
#cart_discount p.error {
margin: -2px 0 6px 0;
color: red;
}
#postage_info {
padding: 0px 0 0 0px;
}
#postage_info p {
color: #555;
}
#postage_info table {
border-top: 1px solid #ccc;
width: 100%;
margin-top: -4px;
}
#postage_info table th, #postage_info table th { font-weight: normal; text-align: left; }
#postage_info table th, #postage_info table td {
border-bottom: 1px solid #ccc;
padding: 3px 5px 3px 5px;
}
#postage_info table th em {
color: #555;
font-weight: normal;
font-style: normal;
}
/*
Tips No Javascript
----------------------------------------------------------------------*/
ul.tips_fallback {
margin: 0px;
padding: 0 0px;
border-top: 1px solid #ccc;
padding-top: 10px;
}
ul.tips_fallback li.tip {
list-style: none;
padding: 10px 0px;
border-bottom: 1px solid #ccc;
margin: 0 0 10px 0;
}
ul.tips_fallback h2 { font-size: 1.8em; }
ul.tips_fallback .tip_info {}
ul.tips_fallback .curry_products { float: left; margin-top: 0; }
/*
Delivery Addresses
----------------------------------------------------------------------*/
#add_address {
float: right;
font-size: .7em;
margin-top: 5px;
display: block;
color: green;
background: url('/img/icons/plus.gif') 0px 5px no-repeat;
padding: 3px 0 3px 23px;
}
#account_addresses {
padding: 0px 0 0 0;
margin: 0;
}
#account_addresses li {
float: left;
width: 292px;
background: #E6F7FF;
background-image: -moz-linear-gradient(top, #e2f6ff, #f0faff); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e2f6ff),color-stop(1, #f0faff)); /* Saf4+, Chrome */
margin: 0 0px 20px 0;
position: relative;
min-height: 190px;
padding: 0px 0px 0px 0px;
border: 1px solid #a9d8f0;
list-style: none;
}
#account_addresses li.even { margin-right: 20px; }
#account_addresses li p.options {
margin: 0;
font-size: .9em;
padding: 3px 14px 0 0;
background: #a9d8f0;
}
#account_addresses li p.options a {
display: block;
float: right;
padding: 3px 0px 3px 19px;
font-weight: normal;
text-decoration: none;
margin-left: 15px;
background-repeat: no-repeat;
color: #333;
}
#account_addresses li p.options a.edit {
background: url('/img/icons/edit.png') 0px 0px no-repeat;
}
#account_addresses li p.options a.delete {
background: url('/img/icons/cross.png') 0px 2px no-repeat;
}
#account_addresses li p.options a:hover { text-decoration: underline; }
#account_addresses li address {
font-style: normal;
padding: 10px 10px 5px 20px;
}
#account_addresses li address p {
margin: 0;
font-size: 1.2em;
}
/*
div.done { background-color: #e9fad0; background-image: url('/img/icons/tick.png'); border-color: #aee756; }
div.quote { background-color: #eaf3f8; background-image: url('/img/icons/comment.png'); border-color: #72aed3; }
div.error { background-color: #ffe3df; background-image: url('/img/icons/cross.png'); border-color: #f08a73; }
div.warning { background-color: #ffefb5; background-image: url('/img/icons/error.png'); border-color: #ffca0b; }
*/
#pinnedPost {
padding: 15px 20px 5px 20px;
background: #FFF4CB;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin: 0 10px 20px 10px;
border: 2px solid #e6d594;
}
#pinnedPost h2 a { color: #1c0020; }
#pinnedPost p { font-size: 1.1em; }
div.social_media {
border-top: 1px solid #CFCFCF;
margin-top: 20px;
padding-top: 15px;
}