/* ------------------------------------------
SURF - default.css

Description:   Theme for Surf. Not to be used elsewhere
Created:       25 June 2010
Updated:       25 August 2010
Version:       1.01
------------------------------------------ */


/* ============================================================================================================================ **
**                                              S C R E E N
** ============================================================================================================================ */

@media screen, projection {

/* ----------------------------------------------------------------------------------------------------------------------------
== RESET
** ---------------------------------------------------------------------------------------------------------------------------- */

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q, samp,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding:0; border:0; margin:0; font-size:100%; vertical-align:baseline; background:transparent;
}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, th, td {vertical-align:middle;}


/* ----------------------------------------------------------------------------------------------------------------------------
== TYPOGRAPHY
** ---------------------------------------------------------------------------------------------------------------------------- */

body {font:100.01%/1 Arial, sans-serif; color:#000; background:#007cbb url(../images/design/bkgd-body.jpg) repeat-x 0 0;}

a:link, a:visited {color:#005caa; text-decoration:underline;}
a:hover, a:focus, a:active {text-decoration:none;}

p, blockquote, address,
li, dt, dd,
caption, td, th,
legend, label, input, textarea {font-size:0.9375em;} /* 15px */

blockquote p, li li, li p, li dt, li dd {font-size:1em;}

/* Headings */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; color:#152f7d;}
h1 {margin:0 0 0.25em; font-size:2.5em; line-height:1.1em;} /* 44px */
h2 {margin:1.4em 0 0.5em; font-size:1em;} /* 16px */
h3 {margin:1em 0 0.5em; font-size:1em; font-weight:normal;} /* 16px */
h4 {margin:1em 0 0.75em; font-size:0.875em;} /* 14px */

/* Paragraphs and blockquotes */
p, blockquote {margin:0.7em 0 1.4em; line-height:1.4em;}
blockquote {padding:0 15px; border-left:3px solid #04b6bd; margin:1em 10px;}

/* Lists */
ul, ol {margin:1em 0 1em 20px;}
ul {list-style:disc;}
ul ul, ol ol, ul ol, ol ul, ul dl, ol dl {margin-top:0.5em; margin-bottom:0.5em;}
ol {margin-left:25px;} /* see ie.css */
dl {margin:1em 0;}

li, dt, dd {padding-left:20px; margin:0.25em 0; line-height:1.4em;}
dt {font-weight:bold;}
dd {margin-left:20px;}

/* Other */
em {font-style:italic;}
strong {font-weight:bold;}
sub, sup {font-size:0.75em; vertical-align:sub; line-height:0;}
sup {vertical-align:super;}
small {font-size:0.75em;}


/* ----------------------------------------------------------------------------------------------------------------------------
== TEMPLATE
** ---------------------------------------------------------------------------------------------------------------------------- */

#container {width:950px; margin:0 auto; overflow:hidden; background:#cde9fb url(../images/design/bkgd-container.jpg) repeat-x 0 0;}

/* HEADER
------------------------------------------------------------------------------------------------------------------------------- */

#header {padding:0 40px; overflow:hidden;}

#logo {float:left; color:#053b84;} 
#logo img {display:block;}

/* NAV
------------------------------------------------------------------------------------------------------------------------------- */

#nav {float:left; width:610px; margin:36px 0 0 136px;}
#nav ul {list-style:none; padding:0; margin:0;}
#nav li {float:left; padding:0 0 0 7px; margin:0; text-align:center; font-size:1.25em; font-weight:bold; background:url(../images/design/sprite-nav.png) no-repeat -590px 0;}
li#nav-home {padding-left:0; background:transparent;}

#nav a {display:block; width:66px; height:28px; overflow:hidden; text-decoration:none; color:#123a88;
background:url(../images/design/sprite-nav.png) no-repeat 0 0; text-indent:-9999px;}
#nav a:hover,
 #nav a:focus,
 #nav a:active,
 #nav .current {background-position:0 -28px;}
 
#nav-products a {width:103px; background-position:-66px 0;}
#nav-products a:hover,
 #nav-products a:focus,
 #nav-products a:active,
 #nav-products .current {background-position:-66px -28px;}
 
#nav-tips a {width:140px; background-position:-169px 0;}
#nav-tips a:hover,
 #nav-tips a:focus,
 #nav-tips a:active,
 #nav-tips .current {background-position:-169px -28px;}
 
#nav-plan a {width:204px; background-position:-313px 0;}
#nav-plan a:hover,
 #nav-plan a:focus,
 #nav-plan a:active,
 #nav-plan .current {background-position:-313px -28px;}
 
#nav-offers a {width:67px; background-position:-519px 0;}
#nav-offers a:hover,
 #nav-offers a:focus,
 #nav-offers a:active,
 #nav-offers .current {background-position:-519px -28px;}

/* NAV SUPP
------------------------------------------------------------------------------------------------------------------------------- */

#nav-supp {float:left; width:195px;}
#nav-supp ul {list-style:none; padding:0; margin:0 0 70px;}
#nav-supp li {padding:0; margin:0; border-top:1px solid #fff; font-size:1.125em; line-height:1.2em; font-weight:bold;}
#nav-supp li.first {border:0;}
#nav-supp li a {display:block; width:195px; height:41px; padding:0; overflow:hidden; text-decoration:none; color:#123a88; background:url(../images/design/sprite-nav-supp.png) no-repeat 0 0; text-indent:-9999px;}
#nav-supp a:hover,
 #nav-supp a:focus,
 #nav-supp a:active,
 #nav-supp .current {background-position:0 -28px;}
 
li#nav-item-1 a {height:41px; background-position:0 0;}
li#nav-item-1 a:hover,
 li#nav-item-1 a:focus,
 li#nav-item-1 a:active,
 li#nav-item-1 .current {background-position:-195px 0;}
 
li#nav-item-2 a {height:41px; background-position:0 -41px;}
li#nav-item-2 a:hover,
 li#nav-item-2 a:focus,
 li#nav-item-2 a:active,
 li#nav-item-2 .current {background-position:-195px -41px;}

li#nav-item-3 a {height:37px; background-position:0 -82px;}
li#nav-item-3 a:hover,
 li#nav-item-3 a:focus,
 li#nav-item-3 a:active,
 li#nav-item-3 .current {background-position:-195px -82px;}
 
li#nav-item-4 a {height:41px; background-position:0 -119px;}
li#nav-item-4 a:hover,
 li#nav-item-4 a:focus,
 li#nav-item-4 a:active,
 li#nav-item-4 .current {background-position:-195px -119px;}

li#nav-item-5 a {height:37px; background-position:0 -160px;}
li#nav-item-5 a:hover,
 li#nav-item-5 a:focus,
 li#nav-item-5 a:active,
 li#nav-item-5 .current {background-position:-195px -160px;}
 
li#nav-item-6 a {height:38px; background-position:0 -197px;}
li#nav-item-6 a:hover,
 li#nav-item-6 a:focus,
 li#nav-item-6 a:active,
 li#nav-item-6 .current {background-position:-195px -197px;}
 
li#nav-item-7 a {height:59px; background-position:0 -235px;}
li#nav-item-7 a:hover,
 li#nav-item-7 a:focus,
 li#nav-item-7 a:active,
 li#nav-item-7 .current {background-position:-195px -235px;}
 
li#nav-item-8 a {height:37px; background-position:0 -294px;}
li#nav-item-8 a:hover,
 li#nav-item-8 a:focus,
 li#nav-item-8 a:active,
 li#nav-item-8 .current {background-position:-195px -294px;}

li#nav-item-9 a {height:64px; background-position:0 -331px;}
li#nav-item-9 a:hover,
 li#nav-item-9 a:focus,
 li#nav-item-9 a:active,
 li#nav-item-9 .current {background-position:-195px -331px;}

li#nav-item-10 a {height:37px; background-position:0 -395px;}
li#nav-item-10 a:hover,
 li#nav-item-10 a:focus,
 li#nav-item-10 a:active,
 li#nav-item-10 .current {background-position:-195px -395px;}

li#nav-item-11 a {height:41px; background-position:0 -432px;}
li#nav-item-11 a:hover,
 li#nav-item-11 a:focus,
 li#nav-item-11 a:active,
 li#nav-item-11 .current {background-position:-195px -432px;}
 
li#nav-item-12 a {height:41px; background-position:0 -473px;}
li#nav-item-12 a:hover,
 li#nav-item-12 a:focus,
 li#nav-item-12 a:active,
 li#nav-item-12 .current {background-position:-195px -473px;}

/* CONTENT
------------------------------------------------------------------------------------------------------------------------------- */

#content {min-height:350px; padding:20px 40px; position:relative;} /* see ie.css */


/* OFFER THANKS PAGE 
------------------------------------------------------------------------------------------------------------------------------- */

#flowerman-thanks {position:absolute; z-index:160; top:-209px; left:30px;  width:276px; height:229px;background-image:url(../images/design/flowerman-thanks.gif);}

#share-on-facebook {position:relative; z-index:10; float:left; margin-left:10px; display:inline;}

#main {float:right; width:610px;}

/* FOOTER
------------------------------------------------------------------------------------------------------------------------------- */

#footer {position:relative; width:870px; padding:40px 40px 20px; margin:0 auto; overflow:hidden; background:url(../images/design/bkgd-footer.gif) no-repeat 0 0;}
#footer ul {list-style:none; padding:0; margin:0;}
#footer li {padding:0; margin:0;}
#footer a:link,
 #footer a:visited {text-decoration:none; color:#fff;}
#footer a:hover,
 #footer a:active,
 #footer a:focus {text-decoration:underline; color:#fff;}

/* footer navigation */
#nav-footer {float:right;}
#nav-footer li {display:inline; padding-left:8px; border-left:1px solid #fff; margin-left:5px; font-size:0.6875em; line-height:1.2em;}
#nav-footer li.first {padding-left:0; border-left:0; margin-left:0;}

/* social media links */
.addthis_toolbox {float:right; margin:0 0 0 40px; font-size:0.6875em;}
.addthis_button_compact {float:left; line-height:16px; text-decoration:none;}
.addthis_button_compact img {vertical-align:middle;}
.addthis_separator {float:left; width:1px; height:16px; background:#fff;}

/* unilever details */
#company-details {float:left; width:290px; color:#fff;}
#company-details img {float:left; margin-right:10px;}
#company-details p {margin:0; font-size:0.6875em; line-height:1.1em;}
#company-details address,
 #company-details span {display:inline; font-style:normal; font-size:0.6875em; line-height:1.1em;}
#company-details span {margin-left:10px;}


/* ----------------------------------------------------------------------------------------------------------------------------
== UNIQUE TEMPLATES
** ---------------------------------------------------------------------------------------------------------------------------- */

/* HOME
------------------------------------------------------------------------------------------------------------------------------- */

.home #container {background:transparent url(../images/design/bkgd-container-home.jpg) repeat-x 0 0;}
.home #content {padding:20px 0 0; margin:0 0 0 -20px;}
.home #footer {padding-top:0px !important; background:transparent;}

/*#banner {height:300px; margin:0 0 25px 20px; background:url(../images/design/banner.jpg) no-repeat 0 0;}*/
#banner {position:relative; height:300px; margin:0 0 25px 20px; }

#banner a,
 #banner img,
 #banner object {display:block; outline:0;}
#banner .CTA {
    position:absolute;
    top:0;
    right:0;
}

#banner .CTA {
	position:absolute;
	top:0;
	right:0;
}

.home .section {float:left; width:263px; min-height:210px; padding:0 20px 15px; margin:0 0 0 20px; background:#aad2ea url(../images/design/bkgd-section-home-btm.png) no-repeat 0 100%;}
.home .section h2 {position:relative; top:-10px; padding:15px 0 10px; margin:0 -20px -10px; text-align:center; background:url(../images/design/bkgd-section-home-top.png) no-repeat 0 0;}
.home .section h2 a {text-decoration:none;}
.home .section h2 a:hover,
 .home .section h2 a:focus,
 .home .section h2 a:active {text-decoration:underline;}
.home .section p {margin-bottom:0; font-size:0.8125em;}

/* PRODUCTS
------------------------------------------------------------------------------------------------------------------------------- */

.product-1 {float:left; width:195px; margin:166px 40px 0 0;}
.product-2 {float:left; width:195px; margin:80px 40px 0 0;}
.product-3 {float:left; width:120px;}

.section-liquids {padding-top:50px; overflow:hidden;}
.section-liquids img {float:left; margin:-50px 20px 0 0;padding-bottom: 150px;}


.stores {list-style:none; padding:0; margin:0;}
.stores li {padding:5px 20px; margin:0 0 5px; overflow:hidden; background:#e7f4fe;}
.stores li img {float:left;}

/* WINNERS TICKER
------------------------------------------------------------------------------------------------------------------------------- */

#winners-ticker {left:32px; position:absolute; top:60px; height:55px; width:308px;}

/* TV ADs
------------------------------------------------------------------------------------------------------------------------------- */

.ads h2 {margin-top:40px;}
.ads #main {position:relative; z-index:1;}

.ads #video-lemons {position:relative;z-index:-1; width:540px; padding:35px 75px 35px 110px; margin:-30px 0 0 -110px; background:url(../images/design/bkgd-video-lemons.jpg) no-repeat 0 0;}
.ads #video-twilight {position:relative; z-index:-1;width:540px; padding:35px 85px 45px 130px; margin:-30px 0 0 -130px; background:url(../images/design/bkgd-video-twilight.jpg) no-repeat 0 0;}
.ads #video-capsules{position:relative; z-index:-1; width:540px; padding:50px 80px 50px 150px; margin:-45px 0 0 -150px; background:url(../images/design/bkgd-video-capsules.jpg) no-repeat 0 0;}
.ads #video-laundrette {position:relative; z-index:-1; width:540px; padding:50px 80px 50px 150px; margin:-45px 0 0 -150px; background:url(../images/design/bkgd-video-essential.jpg) no-repeat 50px 30px;}

.itunes {margin:-20px 70px 0 0; text-align:right;}
.itunes img {vertical-align:middle;}

/* SOLITAIRE
------------------------------------------------------------------------------------------------------------------------------- */

.solitaire #main img {margin:0 0 0 -80px;}

/* CLEANER PLANET PLAN
------------------------------------------------------------------------------------------------------------------------------- */

.cpp #content {background:url(../images/design/bkgd-cpp.png) no-repeat 30px 100%;}
.cpp h1,
 .cpp h2 {color:#007f1d;}
.advice {margin-left:170px;}

/* OFFERS
------------------------------------------------------------------------------------------------------------------------------- */

.dosing #content {background:url(../images/design/bkgd-dosing.jpg) no-repeat 0 355px;}
.laundrymancomp #content {background-color:#000000;}
.prize #content {background:url(../images/design/bkgd-prize.jpg) no-repeat 0 200px;}
.coupon #content {background:url(../images/design/bkgd-coupon.jpg) no-repeat 0 250px;}
.flowerman #content {position:relative; background:url(../images/design/bkgd-flowerman.jpg) no-repeat 0 100%;}
.flowerman #bkgd-tip {position:absolute; bottom:1385px; left:300px; width:27px; height:108px; background:url(../images/design/bkgd-flower-tip.jpg) no-repeat 0 0;}

.section-offers {float:right; width:285px; padding:5px 5px 0; background:#e3f1fd url(../images/design/bkgd-section-offer-top.gif) no-repeat 0 0;}
.section-first {float:left;}
.section-offers p {padding:0 10px 10px; margin:10px -5px 0; font-size:0.875em; background:url(../images/design/bkgd-section-offer-btm.gif) no-repeat 0 100%;}

/* Laundry Man Comp */
.laundry-man-comp-thanks {
	background-image:url(/assets/images/design/laundry-man-thanks-op2.png); 
	height:524px; 
	width:621px; 
	margin-right:100px;
	float:right;
	bottom:0;
	z-index:10;
}
.laundry-man-comp-thanks a.see-more {
	display:block;
	height:39px;
	width:179px;
	background:url(../images/design/btn-action.png);
	text-indent:-9999px;
	margin:10px 0;
}
.laundry-man-comp-thanks .share {
	display:block; 
	width:202px; 
	height:27px; 
	background:url(/assets/images/design/laundry-man-share.png);
	margin:30px 0 0 0;
	padding:6px 10px;
	color:#ffffff;
	font-weight:bold;
}
.laundry-man-comp-thanks .share a {
	float:right;
	margin-right:3px;
}
.laundry-man-comp-thanks a {
	color:#FFFFFF;
	text-decoration:none;
}
#laundry-man-cta {
	display:block;
	background:url(/assets/images/design/btn-win-lingerie.png);
	height:33px;
	width:356px;
	text-indent:-9999px;
	margin-top:20px;
}
ol.laundryman {
	margin-left:-20px;
	margin-top:20px;
}
ul.laundryman {
	
}


/* CONTACT
------------------------------------------------------------------------------------------------------------------------------- */

.contact #content {background:url(../images/design/bkgd-contact.jpg) no-repeat 40px 150px;}
.contact .section {float:right; width:295px;}
.contact .section-first {float:left;}
.contact h2 {clear:both; padding-bottom:10px; border-bottom:1px solid #7189b8;}
.contact .gform fieldset {padding-top:0; border:0;}
.contact .gform .checkbox input {margin-left:0;}
.contact .gform .checkbox label {width:500px;}
.contact .gform .inline label {width:120px;}
.contact .gform .inline input {clear:none;}

.contactus-thanks-products {float:right;}


/* ----------------------------------------------------------------------------------------------------------------------------
== COMPONENTS
** ---------------------------------------------------------------------------------------------------------------------------- */

/* Cleaner planet plan - Promo */
.cpp-promo {padding:0 0 10px; margin:30px 0 0; background:url(../images/design/cpp-btm.png) no-repeat 0 100%;}
.cpp-promo img {display:block; margin-top:-15px;}
.cpp-promo p {padding:10px 15px 0; margin:0; font-size:0.875em; line-height:1.2em; background:#fff;}

/* Surf Tools
------------------------------------------------------------------------------------------------------------------------------- */

.surf-tools {padding:0 20px 20px; background:#baddf6 url(../images/design/bkgd-surf-tools-box.jpg) no-repeat 0 100%;}
.surf-calc {background-image:url(../images/design/bkgd-surf-tools-box-alt.jpg);}
.surf-tools-title {padding:5px 20px; margin:0 -20px 15px; color:#fff; background:#01438f url(../images/design/bkgd-surf-tools-heading.jpg) no-repeat 0 0;}

.surf-tools .select {margin:0 0 0.75em;}
.surf-tools .select label {float:left; width:210px; font-weight:bold; line-height:1.2em; color:#152f7d;}
.surf-tools select {float:right; width:350px;}
.surf-tools .submit {margin:20px 0 0; text-align:right;}

.surf-calc p {margin:30px 0 15px; font-weight:bold; line-height:1.2em; color:#152f7d;}
.surf-calc .checkbox {width:335px; height:38px; padding:0 15px 0 0; margin:0 0 10px 15px; text-align:right; background:url(../images/design/bkgd-calc-right.gif) no-repeat 100% 0;}
.surf-calc .checkbox label {position:relative; left:-15px; float:left; padding-left:70px; height:38px; line-height:36px; cursor:pointer; background:url(../images/design/bkgd-calc-left-soft.gif) no-repeat 0 0;}
.surf-calc .mod label {background-image:url(../images/design/bkgd-calc-left-mod.gif);}
.surf-calc .hard label {background-image:url(../images/design/bkgd-calc-left-hard.gif);}
.surf-calc .checkbox input {padding:0; margin-top:10px;}

/* Sorting symbols
------------------------------------------------------------------------------------------------------------------------------- */

.section-symbols {padding:0 25px; margin:20px 0; overflow:hidden; background:#e7f4fd url(../images/design/bkgd-symbols-btm.gif) no-repeat 0 100%;}
.section-symbols .box {padding:0 0 20px;}
.section-symbols h2 {padding:0 10px; margin:0 -25px; height:42px; line-height:40px; color:#fff; background:url(../images/design/bkgd-symbols-top.png) no-repeat 0 0;}
.section-symbols h2 a:link,
 .section-symbols h2 a:visited {display:block; text-decoration:none; color:#fff; background:url(../images/design/icon-open-alt.png) no-repeat 100% 8px;}
.section-symbols h2.open a {background-image:url(../images/design/icon-collapse-alt.png);}

.symbol-item {float:left; width:180px; padding:0 0 0 100px; margin:20px 0 0;}
.symbol-item img {float:left; margin:0 0 0 -100px;}
.symbol-item p {margin-right:25px; margin-bottom:0;}

/* FAQs
------------------------------------------------------------------------------------------------------------------------------- */

.faqs {list-style:none; padding:0; border-bottom:1px solid #fff; margin:0;}
.faqs li {padding:0; border-top:1px solid #fff; margin:0;}
.faqs h3 {font-weight:bold;}
.js .faqs h3 {margin:0;}
.js .faqs h3 a {display:block; padding:0.75em 30px 0.75em 0; text-decoration:none; background:url(../images/design/icon-open.png) no-repeat 100% 8px;}
.js .faqs h3.open a {background-image:url(../images/design/icon-collapse.png);}
.js .faqs p {margin:0 0 1.5em;}

/* Pagination
------------------------------------------------------------------------------------------------------------------------------- */

.pagination {padding:5px 0;}
.pagination p {float:left; width:50%; padding:0; margin:0;}
.pagination ul {float:right; width:50%; list-style:none; padding:0; margin:0; text-align:right;}
.pagination li {display:inline; padding:0 0 0 0.4em; border-left:1px solid #555; margin:0 0.1em;}
.pagination li.first {padding-left:0; border-left:0;}
.pagination a {text-decoration:none;}
.pagination a:hover,
 .pagination a:focus,
 .pagination a:active {text-decoration:underline; color:#222;}

/* Privacy policy & Legal notice
------------------------------------------------------------------------------------------------------------------------------- */

.toc li {color:#005caa;}
.section-privacy {border-top:1px solid #152f7d;}


/* ----------------------------------------------------------------------------------------------------------------------------
== IMAGE REPLACEMENT
** ---------------------------------------------------------------------------------------------------------------------------- */

.header-products,
 .header-liquids,
 .header-capsules,
 .header-powders,
 .header-where,
 .header-ads,
 .header-tips,
 .header-faqs,
 .header-quantity,
 .header-solver,
 .header-symbols,
 .header-cpp,
 .header-offers,
 .header-spree,
 .header-dosing,
 .header-laundryman,
 .header-laundrymancomp,
 .header-years-supply,
 .header-coupon,
 .header-thanks,
 .header-laundryman-thanks,
 .header-thanks-alt,
 .header-offerclosed,
 .header-contact,
 .header-legal,
 .header-privacy,
 .header-solitaire,
 .header-404,
 .header-sitemap,
 .header-whoops,
 .header-sorry,
 .header-offer-not-yet-open,
 .header-offer-terms {margin:0 0 20px; overflow:hidden; text-indent:-9999px; background:url(../images/design/sprite-headings.png) no-repeat 0 0;}

.header-products {height:71px; background-position:4px -2202px;}
.header-liquids {height:69px; background-position:0 -68px;}
.header-capsules {height:71px; background-position:0 -137px;}
.header-powders {height:69px; background-position:0 -208px;}
.header-where {height:73px; background-position:0 -277px;}
.header-ads {height:74px; background-position:0 -350px;}
.header-tips {height:76px; background-position:0 -500px; /*background-position:0 -424px;*/}
.header-faqs {height:88px; background-position:0 -500px;}
.header-quantity {height:68px; background-position:0 -588px;}
.header-solver {height:78px; background-position:0 -656px;}
.header-symbols {height:78px; background-position:0 -734px;}
.header-cpp {height:99px; background-position:0 -812px;}
.header-offers {height:64px; background-position:0 -911px;}
.header-spree {height:147px; background-position:0 -975px;}
.header-dosing {height:100px; background-position:0 -1122px;}
.header-laundryman {height:83px; background-position:0 -3229px;}
.header-laundrymancomp {height:106px; background-position:0 -2932px;}
.header-years-supply {height:155px; background-position:0 -1222px;}
.header-coupon {height:152px; margin-left:-40px; background-position:0 -1377px;}
.header-thanks {height:70px; background-position:0 -1529px;}
.header-laundryman-thanks {height:78px; background-position:0 -3038px;}
.header-thanks-alt {height:82px; background-position:0 -1599px;}
.header-offerclosed {height:87px; background-position:0 -2443px;}
.header-contact {height:68px; background-position:0 -1681px;}
.header-legal {height:80px; background-position:0 -1749px;}
.header-privacy {height:85px; background-position:0 -1829px;}
.header-solitaire {height:136px; background-position:0 -1914px;}
.header-404 {height:80px; background-position:0 -2045px;}
.header-sitemap {height:69px; background-position:0 -2125px;}
.header-whoops {height:73px; background-position:0 -2272px;}
.header-sorry {height:60px; background-position:0 -2615px;}
.header-offer-not-yet-open{height:87px; background-position:0 -2530px;}
.header-offer-terms{height:92px; background-position:0 -2735px;}


.btn-capsules a,
.btn-fb-share a,
 .btn-powders a,
 .btn-liquids a,
 .btn-discover a,
 .btn-range a,
 .btn-where a,
 .btn-buy {display:block; overflow:hidden; text-indent:-9999px; background:url(../images/design/sprite-buttons.png) no-repeat 0 0;}

.btn-capsules a {width:120px; height:34px; margin:0 auto; background-position:0 0;}
.btn-capsules a:hover,
.btn-capsules a:focus,
.btn-capsules a:active {background-position:0 -34px;}

.btn-fb-share a {width:205px; height:38px; margin:0 auto; background-position:-501px 0;}
.btn-fb-share a:hover,
.btn-fb-share a:focus,
.btn-fb-share a:active {background-position:-501px -39px;}


.btn-powders a {width:117px; height:34px; margin:0 auto; background-position:-120px 0;}
.btn-powders a:hover,
.btn-powders a:focus,
.btn-powders a:active {background-position:-120px -34px;}

.btn-liquids a {width:111px; height:34px; margin:0 auto; background-position:-237px 0;}
.btn-liquids a:hover,
.btn-liquids a:focus,
.btn-liquids a:active {background-position:-237px -34px;}

.btn-discover {position:relative; margin-top:-20px;}
.btn-discover a {width:153px; height:34px; background-position:-348px 0;}
.btn-discover a:hover,
.btn-discover a:focus,
.btn-discover a:active {background-position:-348px -34px;}

.btn-range a {width:258px; height:34px; background-position:0 -68px;}
.btn-range a:hover,
.btn-range a:focus,
.btn-range a:active {background-position:0 -102px;}

.btn-where a {width:147px; height:34px; background-position:-258px -68px;}
.btn-where a:hover,
.btn-where a:focus,
.btn-where a:active {background-position:-258px -102px;}

.btn-buy {float:right; width:86px; height:34px; margin:8px 0 0; background-position:-405px -68px;}
.btn-buy:hover,
.btn-buy:focus,
.btn-buy:active {background-position:-405px -102px;}


/* ----------------------------------------------------------------------------------------------------------------------------
== FORM
** ---------------------------------------------------------------------------------------------------------------------------- */

legend, label, input, select, textarea {font-size:0.9375em;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}

.gform {padding:0 0 10px; margin:35px 0 0; background:#fff url(../images/design/bkgd-form-btm.gif) no-repeat 0 100%;}
.gform form {position:relative; top:-10px; padding:20px 30px 10px; overflow:hidden; background:url(../images/design/bkgd-form-top.gif) no-repeat 0 0;}
.gform fieldset {padding:20px 0 0; border-top:1px solid #7189b8; margin:0 0 20px;}
.gform p {margin:0 0 1em;}
.gform div {margin:0 0 1em;}
.gform div label {float:left; width:160px; margin:0 10px 0 0; font-weight:bold; line-height:1.2em;}
.gform div small {float:right; width:350px; margin:5px 0 0 0;}
.gform div span {display:block; font-weight:normal;}

.gform .text input,
 .gform .text textarea {float:left; width:340px; padding:2px; border:1px solid; border-color:#7d7d7d #c3c3c3 #dcdcdc; background:#fff url(../images/design/bkgd-field.gif) repeat-x 0 0;}
.gform .text textarea {width:560px; height:10em; margin-top:5px;}

.gform .short select {width:105px; margin-right:5px;}
.gform .short input {width:105px; margin-right:10px;}
.gform .short span {float:left; margin-top:4px; font-size:0.8125em;}

.gform .select {margin:0 0 1.5em;}
.gform .select label {float:none; display:block; width:auto; margin:0 0 5px;}
.gform .select select {width:200px;}

/* checkboxes or radio buttons (horizontal and vertical arrangement) */
.gform .checkbox,
 .gform .radio {margin:0 0 1.5em;}
.gform .checkbox p,
 .gform .radio p {margin:0 0 15px; font-weight:bold; line-height:1.2em;}
.gform .checkbox input,
 .gform .radio input {clear:both; float:left; margin-right:5px; margin-left:10px;}
.gform .checkbox label,
 .gform .radio label {float:left; width:440px; font-weight:normal; cursor:pointer;}
.gform .single {margin-bottom:0;}
.gform .single input {margin-left:0;}

.gform .legal {list-style:none; padding:0; margin:-10px 0 10px;}
.gform .legal li {display:inline; padding:0; margin:0;}

.gform .submit {margin:2em 0 0; text-align:center;}
.gform .submit input {margin:0 5px;}

/* status displays */
.error,
 .notice,
 .success {padding:10px; border:2px solid #ddd; margin-bottom:1em;}
.error h2,
 .notice h2,
 .success h2 {margin-top:0; border: none;}
.error ul,
 .notice ul,
 .success ul {margin-bottom:0;}
.error {border-color:#fbc2c4; color:#8a1f11; background:#fbe3e4;}
.notice {border-color:#ffd324; color:#514721; background:#fff6bf;}
.success {border-color:#c6d880; color:#264409; background:#e6efc2;}
.error a {color:#8a1f11; border-color:#8a1f11;}
.notice a {color:#514721; border-color:#514721;}
.success a {color:#264409; border-color:#264409;}

.error ul li {list-style-type:none; margin-left:10px;}

h2.standalone {margin: 0; padding: 0;}

/* ----------------------------------------------------------------------------------------------------------------------------
== TABLES
** ---------------------------------------------------------------------------------------------------------------------------- */

table { width:100%; margin:0.5em 0 1em;}
th, td {padding:0.5em 1em; border:1px solid #d5c092; border-width:0 1px 1px 1px; text-align:center; font-size:0.8125em; background:#f9f2e8;}
thead th {padding-top:1em; padding-bottom:1em; border-color:#db9eae; font-weight:bold; color:#fff; background:#a40f38;}


/* ----------------------------------------------------------------------------------------------------------------------------
== SELF-CLEARING (modern browsers)
** ---------------------------------------------------------------------------------------------------------------------------- */

#nav ul:after,
 #content:after,
 .pagination:after,
 .symbol-group:after,
 .symbol-item:after,
 fieldset div:after {
	clear:both; display:block; content:"\0020"; height:0; font-size:0; line-height:0; visibility:hidden;
}

/* end of @media screen, projection */}



/* ============================================================================================================================ **
**                                              P R I N T
** ============================================================================================================================ */

@media print {

/* end of @media print */}



/* ============================================================================================================================ **
**                                              H A N D H E L D
** ============================================================================================================================ */

@media handheld, screen and (max-width: 480px) {

/* end of @media handheld */}