INGREDIENTS
3
a.active
111
color
1 serving
margin-top: 16px; text-align: center
1 serving
border: 1px solid #e0e0e0; font-family: arial; font-size: 12px; height: 20px; line-height: 20px; width: 20px; }
1 serving
background-color: #ffffff
border-left: 1px solid #eee
111111
color
1 serving
padding-top: 56px
1 serving
background-color: transparent
1 serving
border-bottom: 1px solid #0bc2ff
1 serving
color: #0bc2ff
1 serving
background-color: #0bc2ff
1 serving
border-bottom: none
1 serving
color: #fff
1 serving
margin-top: 22px
1 serving
margin-bottom: 15px
111
color
1 serving
font-size: 36px
1 serving
font-style: normal
111
color
1 serving
font-size: 14px
1 serving
font-style: normal
1 serving
body.contact div.section
1 serving
body.contact div.section form
1 serving
body.contact div.section form div
1 serving
body.contact .section input[type=text]
1 serving
body.product #product_images img.square
1 serving
product_details .selectarea-alternative
color
1 serving
background-color: #ffffff
5
border: 1px solid #aaa
1 serving
font-size: 16px
1 serving
font-style: normal
1 serving
margin-top: 16px
1 serving
clear: both
1 serving
display: block
111
background-color
1 serving
color: transparent
60
opacity:.; -moz-opacity:.; filter:alpha
111
background-color
20
opacity: 0.; -moz-opacity: 0.; filter: alpha
111
background-color
60
opacity:.; -moz-opacity:.; filter:alpha
1 serving
background-color: #fff
111
color
60
opacity:.; -moz-opacity:.; filter:alpha
1 serving
top: -399px
1 serving
background-color: #0bc2ff
100
opacity:1; -moz-opacity:1; filter:alpha
1 serving
display: table-cell
1 serving
friendly drop-downs
111111
color
1 serving
background-color: #ffffff
1 serving
font-size: 34px
5
background-color: #fff !important; color: #0bc2ff
1 serving
drop-dif
5
border-bottom: 1px solid #aaa
5
border-left: 1px solid #aaa
5
border-right: 1px solid #aaa
1 serving
product_details div.price-block {
1 serving
font-size: 27px
1 serving
font-style: normal
1 serving
margin-bottom: 12px
111
color
1 serving
font-size: 14px
1 serving
font-style: normal
1 serving
padding-top: 16px
1 serving
font-size: 22px
1 serving
font-size: 14px
1 serving
font-style: normal
111
color
1 serving
margin-top: 36px
1 serving
font-size: 36px
1 serving
font-style: normal
111111
color
1 serving
font-size: 36px
1 serving
font-style: normal
111
color
1 serving
font-size: 36px
1 serving
font-style: normal
111
color
111
color
1 serving
border-bottom: none
1 serving
product-collections-list a.active
1 serving
input[type="button"]
111
background-color
1 serving
color: #fff
1 serving
input[type="button"]
1 serving
background-color: #0bc2ff
1 serving
color: #fff
5
border: 1px solid #aaa
111111
color
1 serving
background-color: #ffffff
1
font-size:05em
1 serving
margin-bottom:8px
1 serving
ff button vertical text alignment fix
1 serving
button::-moz-focus-inner
1 serving
input[type="button"]::-moz-focus-inner
1 oz
input[type="file"] > input[type="button"]::-m -focus-inner {
555555
color
555555
border-color
1 serving
font-style: normal
111
color
1 serving
font-style: normal
1 serving
font-size: 42px
1 serving
font-style: normal
1 serving
font-size: 18px
111
color
1 serving
font-size: 16px
1 serving
font-style: normal
1 serving
font-size: 14px
1 serving
font-style: normal
111
background-color
1 serving
color: #fff
1 serving
color: #fff
1 serving
font-size: 12px
1 serving
font-style: normal
1 serving
display: inline-block
1 serving
padding-top: 6px
1 serving
margin-top: 0px
1 serving
padding-top: 0px
111
color
1 serving
font-size: 16px
1 serving
font-style: normal
1 serving
color: #0bc2ff
1 serving
background-color: #0bc2ff
1 serving
color: #fff
1 serving
font-size: 12px
1 serving
background-color: #ffffff
111111
color
1 serving
border-color: #a5a5a5
111
color
1 serving
font-size: 12px
1 serving
font-style: normal
1 serving
font-size: 10px
1 serving
font-style: normal
1 serving
div.section
1 serving
margin-top: 20px
1 serving
display: inline-block
111
background-color
1 serving
color: #fff
1 serving
font-size: 14px
1 serving
position: relative; top: -3px
border-bottom: 1px solid #eee
border-top: 1px solid #eee
111
color
1 serving
font-style: normal
1 serving
font-size: 48px
1 serving
header .subnav a.active
1 serving
footer .shop-name { /*font-size: 42px
111
color
1 serving
user-sale-price-color
111
color
1 serving
font-style: normal
1 serving
font-size: 18px
50
opacity:.; filter:alpha
1 serving
color: #4d4d4d
1 serving
font-style: normal
1 serving
font-size: 14px
1 serving
header .subnav a.active
111
color
1 serving
font-style: normal
1 serving
font-size: 18px
1 serving
header .nav ul li a.active {
111
color
111
border-color
111
color
111
border-color
1 serving
pages-nav-bar
1 serving
collection-nav-bar
1 serving
main-nav-bar
1 serving
pages-nav-bar ul li a {
555555
color
1 serving
font-style: normal
1 serving
font-size: 14px
1 serving
pages-nav-bar ul li.active a
1 serving
pages-nav-bar ul li a:hover
1 serving
font-style: normal
1 serving
padding-top: 4px
1 serving
padding-bottom: 1px
1 serving
background-color: #fff
1 serving
border-color: #e5e5e5
color
1 serving
border-top-color: #e5e5e5
1 serving
a
1 serving
a:hover
1 serving
a.product-image
1 serving
a.product-image:hover
1 serving
body
1 serving
body.in-banner-design-mode .no-banner:after {
1 serving
content: 'banner width: 980px max. banner height: any
1 serving
}
1 serving
body.in-logo-design-mode .no-logo:after {
1 serving
content: 'logo width: 980px max. logo height: any
1 serving
}
1 container
banner_ .banner-slide-show
1 serving
banner-slide img
1 serving
div.container
1 serving
body {
1 serving
background: #fcfcfc
1 serving
font-family: "philosopher"
1 serving
}
1 serving
div.container
1 serving
body.cart
1 serving
body.cart #carted_items
1 serving
body.cart #carted_items input[type="text"] {
1 serving
body.cart #carted_items input[type="text"]:focus {
1 serving
}
1 serving
body.cart #proceed_to_checkout {
1 serving
height: 460px
1
line-height: 5em
1 serving
width: 300px
1 serving
}
1 serving
body.cart input[type="submit"]
1 serving
body.cart #carted_items input[type="submit"] {
1 serving
padding:2px
1 serving
}
1 serving
body.cart #carted_items input[type="submit"]:hover {
1 serving
}
1 serving
body.cart #carted_items input[type="submit"].activate
1 serving
div.collection-details {
1 serving
}
1
body.collection div.collection-details h {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
line-height: 1em
1 serving
text-align: center
1 serving
text-transform: uppercase
margin: 22px auto
1 serving
}
1 serving
body.collection div.collection-details .blurb {
1 serving
line-height: 24px
padding: 8px
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
line-height: 1em
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
}
1 serving
body.contact label
1 serving
body.contact label[for=message]
1 serving
body.contact textarea
1 serving
body.product #other_products_set
1 serving
body.product #other_products_set
1 serving
body.product #other_products_set_with_lightbox
1 box
body.product #other_products_set h2
1 serving
body.product #product_details .details
1 serving
body.product #product_details .details h1
1 serving
body.product #product_details #product_images
1 serving
body.product #product_details #product_images img.landscape
1 serving
body.product #product_details #product_images img.portrait
1 serving
product_details #product_variations
1 serving
product_details .selectarea {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1
line-height: 5em
1 serving
text-align: left
1 serving
text-transform: none
1 serving
padding: 12px 10px 10px 10px
1 serving
}
1 serving
product slidebox
1 serving
slide_nav {
margin: 12px
100
1 serving
position: relative
1 serving
}
1 serving
slide_nav a {
1 oz
border-radius:12px; -m -border-radius:12px; -webkit-border-radius:12px
1 serving
font: 0px/12px "arial unicode ms
1 serving
height: 12px
1 serving
margin-right: 8px
1 serving
max-width: 12px
1 serving
overflow: hidden
1 serving
padding: 8px
1 serving
width: 12px
100
1 serving
}
1 serving
slide_nav a:hover
1 serving
slide_nav a.activeslide
1 serving
the banner overrides
1 container
banner_ #banner_nav a {
1 serving
}
1 container
banner_ #banner_nav a.activeslide {
1 serving
}
1 container
slideshow a.next
1 container
slideshow a.prev {
1 oz
border-radius:25px; -m -border-radius:25px; -webkit-border-radius:25px
2
box-shadow: inset 0px 1px 0px #bbb; -moz-box-shadow: inset 0px 1px 0px #bbb; -webkit-box-shadow: inset 0px 1px 0px #bbb
1 serving
font: 36px/42px "arial unicode ms
1 serving
height: 50px
servings
margin: 8px
1 serving
position: relative
1 serving
width: 50px
100
1 serving
}
1 container
slideshow a.next:hover
1 container
slideshow a.prev:hover
1 serving
slide_nav a.activeslide {
1 serving
}
1 serving
product page - slideshow
1 container
slideshow {
1 serving
width: 648px
1 serving
height: 648px
1 serving
}
1 serving
put slide images inside a div
1 container
slideshow slide-image-inner {
1 serving
text-align: center
1 serving
vertical-align: middle
1 serving
height: 648px
1 serving
width: 648px
1 serving
}
1 container
slideshow slide-image-inner img {
1 serving
vertical-align: middle
1 serving
max-height: 648px
1 serving
max-width: 648px
1 serving
}
1 serving
selectarea .left
1 serving
selectarea
1 serving
float: left
1 serving
overflow: hidden
1 serving
position: relative
1 serving
width: 304px !important
1 serving
}
1 serving
selectarea .center {
1 serving
}
1 serving
selectarea a.selectbutton {
border: none
1 serving
float: none
1 serving
height
1 serving
line-height
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position: absolute
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: center
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: 32px
1 serving
}
1 serving
selectarea #myselecttext0
1 serving
selectarea:hover
1 serving
}
1 serving
optionsdiv1
1 serving
optionsdivinvisible
1 serving
optionsdivvisible
1 serving
optionsdivinvisible
1 serving
optionsdivvisible a
1 serving
optionsdivvisible a:hover
1 serving
optionsdivvisible ul
1 serving
optionsdivvisible ul li{
servings
background:none; padding: 12px 10px 8px; text-align: left
1 serving
}
1 serving
outtahere
1 serving
line-height: 28px; vertical-align: middle
1 serving
}
1 serving
product_details #product_price
1 serving
product_details #product_price {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
text-align: center
1 serving
text-transform: none
1 serving
}
1 serving
product_details #buy_button
1 serving
buy_button {
1 serving
font-family: inherit
1 serving
}
1 serving
product_details div.product-variants
1 serving
product_details div.product-description {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
text-align: left
1
line-height: 35em
1 serving
text-transform: none
1 serving
}
1 serving
product_details #product_variations {
1 serving
max-width: 316px
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
body.page div#page-content {
1 serving
width: 646px
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1
line-height: 3em
1 serving
text-align: left
1 serving
text-transform: none
1 serving
}
1 serving
h1
1 serving
h1
1
hpage-header
1 serving
}
1 serving
content .page-header {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
line-height: 1em
1 serving
text-align: left
1 serving
text-transform: uppercase
1 serving
}
1 serving
contact #content .page-header
1 serving
product_details .page-header {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1
line-height: 2em
1 serving
text-align: left
1 serving
text-transform: uppercase
1 serving
}
1 box
other_products_set_with_light h2 a
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
line-height: 1em
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
}
1 box
other_products_set_with_light h2 a span
2
other_products_set h a span {
1 serving
}
1 serving
product-collections-list a {
1 serving
text-decoration: none
1 serving
}
? border:0; border:0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
border-radius:5px
1 serving
moz-border-radius:5px
1 serving
webkit-border-radius:5px
1 serving
cursor: pointer
1 serving
padding: 4px 40px
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
}
1 serving
input[type="submit"]:hover {
1 serving
}
1 serving
input[type="submit"].disabled:hover
1 serving
input[type="text"]
1 serving
font-family: inherit
1 serving
padding: 2px
1 serving
}
1 serving
input[type="text"]:focus
1 serving
input[type="reset"]::-moz-focus-inner
1 serving
input[type="submit"]::-moz-focus-inner
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
border: none
1 serving
}
1 serving
li
1 serving
nav li
1 serving
nav li
1 serving
div.nav ul {
1 serving
text-align: center
1 serving
display: inline
1 serving
}
1 serving
ul
1 serving
footer .nav
1 serving
footer .nav a {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
line-height: 1em
1 serving
text-transform: uppercase
1 serving
}
1 serving
footer
1 serving
footer .nav.shop-policies a
1 serving
footer .shop-name a {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
line-height: 1em
1 serving
text-transform: uppercase
1 serving
}
1 serving
footer .shop-tag-line
1 serving
footer .shop-tag-line {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
line-height: 1em
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
}
1 serving
footer #supadupa_strapline .strapline a
1 serving
footer .supadupa-me a
1 serving
product image display
1 serving
product-image img.landscape
1 serving
product-image img.portrait
1 serving
div.gridded-row
1 serving
div.gridded-row .gridded-cell
1 serving
div.gridded-row .col3
1 serving
div.image-row .gridded-cell
1 serving
div.detail-row .gridded-cell
1 serving
ie position fixxie
1 serving
div.image-row .gridded-cell div {
1 serving
position: relative
1 serving
}
1 serving
div.image-row .gridded-cell div a {
1 serving
position: absolute
1 serving
left
1 serving
right
? #bottom: 0; #bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
div.gridded-cell .price-bubble
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
text-align: center
1
line-height: 32em
1 serving
text-transform: uppercase
1 serving
vertical-align: middle
1 serving
}
1 serving
div.gridded-cell .price-bubble {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
text-align: center
1 serving
text-transform: none
1 oz
m -border-radius: 2.3em
2
webkit-border-radius: 3em
2
border-radius: 3em
2
height: 3em
2
line-height: 3em
2
width: 3em
1 serving
padding: 10px
1 serving
}
1 serving
div.gridded-cell .retail-price-on-sale {
1 serving
}
1 serving
cart div.gridded-cell .price-bubble {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
text-align: center
1 serving
text-transform: none
1
line-height: 8em
1
width: 8em
1
height: 8em
1 serving
}
1 serving
div.gridded-cell .price-bubble span {
1
line-height: 2em
1 serving
display: inline
1 serving
line-height: 1em
1 serving
}
1 serving
div.gridded-cell .price-bubble span.retail-price-on-sale {
1 serving
}
1 serving
div.gridded-cell .product-name {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
text-align: center
1
line-height: 32em
1 serving
text-transform: uppercase
1 serving
min-height: 16px
servings
padding: 5px
1 serving
width: 217px
1 serving
}
1 serving
div.gridded-cell .product-details:hover a
1 serving
div.gridded-cell .product-details .product-name:hover {
1 serving
}
1 serving
div.gridded-cell .product-details.hover .price-bubble
1 serving
}
1 serving
basket page overrides
1 serving
carted_items .product-image img.landscape
1 serving
carted_items .product-image img.portrait
1 serving
carted_items div.gridded-row
1 serving
carted_items div.gridded-row .gridded-cell
1 serving
carted_items div.image-row .gridded-cell
1 serving
carted_items div.detail-row .gridded-cell
1 serving
carted_items div.gridded-row .col3
1 serving
carted_items div.gridded-cell .product-name {
1 serving
text-align: center
1 serving
width: 134px
1 serving
}
1 box
carted_items div.gridded-cell .product-name .quantity {
1 serving
text-align: center
1 serving
}
1 serving
carted_items div.gridded-cell .product-name input {
1
height: 8em
1
width: 8em
1 serving
}
1 serving
carted_items div.gridded-cell .product-name div {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1
line-height: 32em
1 serving
text-transform: uppercase
1 serving
min-height: 14px
padding: 6px
1 serving
}
1 serving
carted_items div.gridded-cell .product-variation {
1 serving
font-family: arial
1 serving
font-weight: normal
1
line-height: 32em
1 serving
text-transform: uppercase
1 serving
}
1 serving
end::basket page overrides
1 serving
end:product image display
1 serving
content {
1 serving
}
1 serving
header #cart_bubble {
1 oz
m -border-radius: 11px
1 serving
border-radius: 11px
1 serving
webkit-border-radius:11px
1 serving
height: 22px
1 serving
left: -1px
1 serving
line-height: 26px
1 serving
min-width: 22px
1 serving
}
1 serving
header #cart_bubble
1 serving
header .nav li
1 serving
header .subnav {
servings
padding: 6px 2px
1 serving
}
1 serving
header .shop-details
1 serving
header .shop-name {
1 serving
text-align: center
1 serving
}
1 serving
header .shop-name a {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
line-height: 1em
1 serving
text-transform: uppercase
1 serving
}
1
header h img#logo {
1 serving
max-width: 980px
1 serving
}
1 serving
header .subnav
1 serving
header .subnav a:hover
1 serving
footer
1 serving
footer .shop-details
1 serving
margin: 34px auto 13px
1 serving
text-align: center
1 serving
}
1 serving
shop-policies
1 serving
retail-price-on-sale {
1 serving
text-decoration: line-through
1 serving
}
1 serving
shop-tag-line
1 serving
shop-tag-line {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1
line-height: 2em
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
}
1 serving
supadupa_strapline .supadupa-me {
1 serving
}
1 serving
header .subnav a {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1
line-height: 5em
1 serving
text-transform: uppercase
1 serving
}
1 serving
header .subnav a:hover
1 serving
header .nav
1 serving
header .subnav
1 serving
header .nav ul li a {
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1
line-height: 5em
1 serving
text-transform: uppercase
1 serving
}
1 serving
}
1 serving
header .nav ul li a:hover {
1 serving
}
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
line-height: 1em
1 serving
text-transform: uppercase
1 serving
}
1 serving
form.search input.search
1 serving
font-family: "philosopher"
1 serving
font-weight: normal
1 serving
text-transform: uppercase
1 serving
}
1 serving
form.search input.search {
1 serving
webkit-box-shadow: none
1 oz
m -box-shadow: none
1 serving
box-shadow: none
1 serving
}
1 serving
form.search {
servings
margin: 13px 3px
1 serving
}
1 serving
search input and results styling
1 serving
form.search input.search
1 serving
float: left
1 serving
}
1 box
ui-menu-item.focus .text {
1 serving
background: #0bc2ff
1 serving
}
1 serving
form.search input.search.closed
1 serving
form.search .ico-search
1 serving
ui-autocomplete .focus .frame
1 serving
ui-autocomplete .focus .text
1 serving
ui-autocomplete .focus .highlight
1 serving
ui-autocomplete .highlight