@charset "UTF-8";


/* Reset CSS Import */

@import url("reset.css");


html { background:#e3f4f1 url(/assets/global/images/global/page_body_bg.gif) repeat-x 0 0;}
body { font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif; font-size:11px; letter-spacing:.03em; color:#444; text-align:center; }

.clear { width:inherit; height:0px; clear:both; line-height:0px; font-size:0px; }
.none { display:none; }
.InputError { clear:both; font-size:11px; line-height:11px; color:#900; border:1px solid #900; background-color:#efc5bf; padding:3px; margin:0 0 10px 0; }

/*  Layout 
============================================================================================ */
#wrapper { width:966px; text-align:center; margin:0 auto 0 auto; }


/* Head */ 
#head { width:inherit; height:25px; background:url(../images/global/pg_top.png) no-repeat 0 0; }

#check_head { width:inherit; height:144px; clear:both; background:url(../images/global/checkout_banner.jpg) no-repeat 23px 0; padding:0 0 15px 0; }
#confirm_head { width:inherit; height:80px; clear:both; background:url(../images/global/confirm_banner.gif) no-repeat 23px 0; padding:0 0 15px 0; }



/* Content */
#content { width:inherit; background: url(../images/global/content_bg.png) repeat-y 0 0; }
#check_content { width:inherit; background: url(../images/global/content_bg.png) repeat-y 0 0; }

#content_footer { width:inherit; height:19px; clear:both; text-align:center; background:url(../images/global/pg_btm.png) no-repeat 0 0; margin:0 0 12px 0; }

.content_wrap { width:920px; margin:0 23px; }

.content_wrap p{font-size:14px;}

/* Columns */
#content .content_wrap .left { width:580px; float:left; }
#content .content_wrap .right { width:303px; float:right; background-color:#ccc; }

/* Checkout Columns */
#check_content .content_wrap .left { width:303px; float:left; }
#check_content .content_wrap .right { width:590px; float:right; padding:0 0 10px 0; }


/* Footer and Links */
#footer { width:inherit; height:60px; clear:both; background:url(../images/global/page_footer_bg.png) no-repeat 0 0; }

#footer ul { text-align:center; padding:0 0 25px 0; }
#footer ul li { display:inline; list-style-type:none; line-height:60px; padding:0 2px 0 0; }
#footer ul li.first { padding:0 1px 0 30px; }

/* Copyright */
#legal { width:inherit; text-align:center; font-size:9px; color:#999; padding:20px 0 20px 0; }

/* ================================================================= */






/* Product Scroller */
#productbrowser { width:590px; height:192px; background:url(../images/scroller/scroller_background.png) no-repeat top; overflow: auto; padding:0 0 20px 0; }

#pb-productbrowsercontainer { position:relative; width:588px; height:192px; margin:0 auto; }
#pb-productbrowsercontainer ul { list-style:none; }

#pb-productslider { top:10px; left:0; width:1400px; height:144px; position:absolute; margin:0; padding:0; }

#pb-productslider .pb-productimage { float:left; width:140px; height:144px; position:relative; top:0; }
#pb-productslider .pb-productimage a { float: left; width: 100%; padding-top: 120px; overflow: visible; color: #0088a4; font-size: 11px; line-height:12px; text-align: center; background-position: 50% 100%; background-repeat: no-repeat; font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif; letter-spacing:.08em; text-decoration:none; }
#pb-productslider .pb-productimage a:hover { text-decoration: underline; color: #60cdcb; }

#pb-productslidertrack { position: absolute; top: 165px; left: 10px; width:570px; overflow: hidden; background: url(../images/scroller/scroller_scrollbar.png) no-repeat; height:17px; visibility: hidden; }

#pb-cat1 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 143px; }
#pb-cat2 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 285px; }
#pb-cat3 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 428px; }

#pb-productsliderhandle { position: absolute; width: 127px; height: 17px; cursor: pointer; z-index: 155; }
#pb-productsliderhandleimage { position: absolute; width: 127px; height: 17px; background: url(../images/scroller/scroller_scroller.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); cursor: pointer; z-index: 5; }

#pb-leftarrow { position: absolute; left: 10px; top: 165px; width: 17px; height: 17px; background: transparent; z-index: 150; cursor: pointer; }
#pb-rightarrow { position: absolute; left: 565px; top: 165px; width: 17px; height: 17px; background: transparent; z-index: 150; cursor: pointer; }

/* Individual Products */
#pb-productslider #pb-mud { background-image: url(../images/scroller/prod_mud.jpg); }
#pb-productslider #pb-lotion { background-image: url(../images/scroller/prod_body_lotion.jpg); }
#pb-productslider #pb-salts { background-image: url(../images/scroller/prod_salts.jpg); }
#pb-productslider #pb-showergel { background-image: url(../images/scroller/prod_shower_gel.jpg); }
#pb-productslider #pb-handcream { background-image: url(../images/scroller/prod_hand_cream.jpg); }
#pb-productslider #pb-backloofah { background-image: url(../images/scroller/prod_back_loofah.jpg); }
#pb-productslider #pb-pumicestone { background-image: url(../images/scroller/prod_pumice.jpg); }
#pb-productslider #pb-eyemask { background-image: url(../images/scroller/prod_mask.jpg); }
#pb-productslider #pb-sponge { background-image: url(../images/scroller/prod_sponge.jpg); }
#pb-productslider #pb-bufferloofah { background-image: url(../images/scroller/prod_loofah.jpg); }

/* Reposition */
#pb-productslider #pb-ipodsock { margin-right: -15px; }
#pb-productslider #pb-radioremote { margin-right: -5px; }
#pb-productslider #pb-giftcards { margin: 0 15px; }
#pb-productslider #pb-headphones { margin: 0 -10px; }
#pb-productslider #pb-itunes { margin: 0 15px; }
#pb-productslider #pb-downloaditunes { margin: 0 -15px; }

/* ================================================================= */







/*  Cart 
============================================================================================ */
#cart { width:580px; clear:both; text-align:left; border:1px solid #5EAFBF; border-right:none; padding:0; margin:0 0 20px 0; }
#cart th, #cart td { padding:5px; vertical-align:top; }
#cart th { color:#fff; font-size:12px; font-weight:bold; text-align:center; border-bottom:1px solid #5EAFBF; border-right:1px solid #5EAFBF; background-color:#5EAFBF; }
#cart td { border:1px solid #5EAFBF; border-top:none; border-left:none; }
#cart td.numbers { text-align:right; }
#cart td.total { text-align:right; color:#008DA8; font-weight:bold; }
#cart td.total_num { text-align:right; color:#ff7c00; font-weight:bold; }
#cart td.qty, #cart td.remove { text-align:center; }
#cart td.remove a span { display:none; }
#cart td.stripes { background:url(../images/global/stripes_bg.gif) repeat 0 0; border-bottom:none; }
#cart td.stripes_pos_adj { background-position:-2px 0; }

/* Header Info Above Cart Table */
.cart_head { width:580px; padding:0; margin:0; }
.cart_head_left { width:245px; float:left; }
.cart_head_right { width:245px; float:right; }

/* Continue Shopping and Update Links */
#cart_control_menu { float:right; padding:0; margin:0; }
#cart_control_menu li { list-style:none; display:inline; }
#cart_control_menu a.continue span { display:none; }
#cart_control_menu a.continue { width:143px; height:17px; background:url(../images/buttons/continue_shopping.gif) no-repeat; float:left; }
#cart_control_menu a.continue:hover { background-position:0 -17px; }
#cart_control_menu a.update span { display:none; }
#cart_control_menu a.update { width:68px; height:17px; background:url(../images/buttons/update.gif) no-repeat; float:left; margin:0 0 0 10px; }
#cart_control_menu a.update:hover { background-position:0 -17px; }

/* ================================================================= */







/*  Cart WIDE
============================================================================================ */
#cartwide { width:920px; clear:both; text-align:left; border:1px solid #5EAFBF; border-right:none; padding:0; margin:0 0 20px 0; }
#cartwide th, #cartwide td { padding:5px; vertical-align:top; }
#cartwide th { color:#fff; font-size:12px; font-weight:bold; text-align:center; border-bottom:1px solid #5EAFBF; border-right:1px solid #5EAFBF; background-color:#5EAFBF; }
#cartwide td { border:1px solid #5EAFBF; border-top:none; border-left:none; }
#cartwide td.numbers { text-align:right; }
#cartwide td.total { text-align:right; color:#008DA8; font-weight:bold; }
#cartwide td.total_num { text-align:right; color:#ff7c00; font-weight:bold; }
#cartwide td.qty, #cartwide td.remove { text-align:center; }
#cartwide td.remove a span { display:none; }
#cartwide td.stripes { background:url(../images/global/stripes_bg.gif) repeat 0 0; border-bottom:none; }
#cartwide td.stripes_pos_adj { background-position:-2px 0; }

/* ================================================================= */







/*  Checkout Form 
============================================================================================ */
#form_container { width:540px; border:1px solid #5EAFBF; background:#fff url(../images/global/form_bg.png) repeat-x top; padding:20px; margin:0; }

#ship_info_wrap, #bill_address_wrap, #credit_info_wrap, #terms_wrap { clear:both;	width:540px;	text-align:left;	padding:0 0 20px 0;	}
#ship_info_wrap h3, #bill_address_wrap h3, #credit_info_wrap h3 { padding:0;	}
#agree_wrap { clear:both;	width:540px;	text-align:center; padding:0 0 20px 0;	}
#submit_wrap { clear:both; width:520px; text-align:center; border:1px solid #5EAFBF; background-color:#F7FCFB; padding:10px; }

#submit_wrap1 { clear:both; width:520px; text-align:center; padding:10px; }

#terms_wrap { font-size:9px; line-height:10px; padding:10px 0 0 0; }

#terms_wrap1 { font-size:9px; line-height:10px; padding:10px 0 0 0; border:1px solid #5EAFBF; background-color:#F7FCFB; margin:10px 0 0 0; }

#questions_wrap { clear:both; width:540px; font-size:9px; line-height:10px; padding:10px 0 0 0; }
#questions_wrap p.last { padding:0; }

.form_row { clear:both; width:540px; padding:0 0 13px 0; }
.form_left { float:left; width:260px; }
.form_right { float:right; width:260px; }

/* Element & Label Floats */
#form_container label.label_float { float:left; padding:3px 0 0 0; }
#form_container input.input_float { float:right; }
#form_container .element_float { float:right; width:140px; text-align:left; vertical-align:middle; }
input.defwidth, select.defwidth { width:136px; }

/* Checkout Button */
#submit_menu { width:120px; height:21px; margin:0 auto 0 auto; }
#submit_menu a.submit span { display:none; }
#submit_menu a.submit { width:120px; height:21px; background:url(../images/buttons/checkout.gif) no-repeat; float:left; position:relative; left:0; top:0; }
#submit_menu a.submit:hover { background-position:0 -21px; }
#submit_menu a.enter span { display:none; }
#submit_menu a.enter { width:120px; height:21px; background:url(../images/buttons/submit_info.gif) no-repeat; float:left; position:relative; left:0; top:0; }
#submit_menu a.enter:hover { background-position:0 -21px; }

/* Kit Photo Display & Kit List */
#kit_piclist { width:301px; border:1px solid #5EAFBF; background-color:#F7FCFB; }
#kit_piclist .image { width:301px; height:253px; background:url(../images/global/kit_checkout_img.jpg) no-repeat top; padding:0 0 20px 0; }
#kit_piclist ul { padding:0 0 20px 50px; }
#kit_piclist ul li { line-height:20px; list-style-type:disc; }

/* ================================================================= */







/*  Form Elements 
============================================================================================ */
label { font-weight:bold; }
input[type=text], input[type=password], select { font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif; font-size:11px; letter-spacing:.03em; }
input[type=text], input[type=password] { border:1px solid; border-top-color:#999;	border-right-color:#CCC;	border-bottom-color:#CCC;	border-left-color:#999; background-color:#f7f9fb; padding:1px; margin:0; }
select { border:1px solid; border-top-color:#999;	border-right-color:#CCC;	border-bottom-color:#CCC;	border-left-color:#999; background-color:#f7f9fb; padding:1px; }

/* ================================================================= */







/*  Text 
============================================================================================ */

/* Links */
a:link, a:visited { color:#008da8; text-decoration:none; }
a:hover { color:#60cdcb; text-decoration:none; }

a.callout:link, a.callout:visited { color:#fba30b; text-decoration:none; }
a.callout:hover { color:#fba30b; text-decoration:none; }

a.reverse:link, a.reverse:visited { color:#fff; text-decoration:underline; }
a.reverse:hover { color:#fba30b; text-decoration:underline; }

a.select_grey:link, a.select_grey:visited { color:#444; text-decoration:none; }
a.select_grey:hover { color:#444; text-decoration:none; }

/* Color Variations */
.blue { color:#008da8; }
.cyan { color:#60cdcb; }
.black { color:#000; }
.gold { color:#fba30b; }
.white { color:#fff; }
.purple { color:#00a5b6; }


/* Alignments */
.center { text-align:center; }

/* Headlines */
h1 { font-size:18px; line-height:20px; padding:0 0 15px 0; }
h1.big { font-size:24px; line-height:26px; padding:0 0 15px 0; }
h2 { font-size:16px; line-height:18px; padding:0 0 15px 0; }
h3 { font-size:14px; line-height:16px; padding:0 0 15px 0; }
h4 { font-size:12px; line-height:14px; padding:0 0 15px 0; }

h1 span, h2 span, h3 span, h4 span { display:none; }
h1, h2, h3, h4 { font-weight:bold; }
h1 a, h2 a, h3 a, h4 a { text-decoration:none; }

.small { font-size:10px; }

/* Paragraph */
p { line-height:16px; padding:0 0 15px 0; }
p.nopad { padding:0; }
p.learnmore { padding:0 0 25px 0; }

/* Lists */
ol.bull { list-style-type:decimal; padding:0 0 15px 30px; }
ol.bull li { line-height:16px; padding:0 0 5px 0; }
ol.bull li.last { line-height:16px; padding:0; }


ul.bull { list-style-type:disc; padding:0 0 15px 30px; }
ul.bull li { line-height:16px; padding:0 0 5px 0; }
ul.bull li.last { line-height:16px; padding:0; }

ul.bulltight { list-style-type:disc; padding:0 0 15px 30px; }
ul.bulltight li { line-height:12px; padding:0 0 5px 0; }
ul.bulltight li.last { line-height:12px; padding:0; }

ul.nobull { list-style-type:none; padding:0 0 15px 30px; }
ul.nobull li { line-height:16px; padding:0 0 5px 0; }
ul.nobull li.last { line-height:16px; padding:0; }

/* Used in FAQ list item, class 'response' */
ul.secondary { list-style-type:disc; padding:10px 0 15px 30px; }
ul.secondary li {  display:list-item;  list-style-type:disc; line-height:16px; padding:0 0 5px 0; }
ul.secondary li.last { line-height:16px; padding:0; }

/* ================================================================= */






/*  FAQ List Styles 
============================================================================================ */
.faq { clear:both; padding:0 0 15px 0; }
.faq li { line-height:16px; display:inline; list-style-type:none; padding:0 0 5px 0; }
.faq li.q { width:20px; font-weight:bold; color:#00a5b6; float:left; }
.faq li.a { width:20px; font-weight:bold; color:#008da8; float:left; }
.faq li.question { font-weight:bold; font-style:italic; }
.faq li.response { width:440px; float:right; }
.faq li.response p { padding:0 0 5px 0; }
.faq li.response p.space { padding:10px 0 5px 0; }

/* ================================================================= */








/*  Image Replacement Headlines 
============================================================================================ */
h2.kit_inc_check { width:330px; height:15px; clear:both; background:url(../images/headlines/kit_includes_sm.gif) no-repeat 0 0; }
h2.your_cart { width:147px; height:15px; clear:both; background:url(../images/headlines/your_cart.gif) no-repeat 0 0; }

h1.enter_info { width:342px; height:23px; clear:both; background:url(../images/headlines/enter_info.gif) no-repeat 0 0; }
h1.order_confirm { width:590px; height:23px; clear:both; background:url(../images/headlines/order_confirm.gif) no-repeat 0 0; }

h1.pop_dmca { width:460px; height:23px; clear:both; background:url(../images/headlines/pop_dmca.gif) no-repeat 0 0; }
h1.pop_faq { width:460px; height:23px; clear:both; background:url(../images/headlines/pop_faq.gif) no-repeat 0 0; }
h1.pop_privacy { width:460px; height:23px; clear:both; background:url(../images/headlines/pop_privacy.gif) no-repeat 0 0; }
h1.pop_return { width:460px; height:23px; clear:both; background:url(../images/headlines/pop_return.gif) no-repeat 0 0; }
h1.pop_service { width:460px; height:23px; clear:both; background:url(../images/headlines/pop_service.gif) no-repeat 0 0; }
h1.pop_terms { width:460px; height:23px; clear:both; background:url(../images/headlines/pop_terms.gif) no-repeat 0 0; }
h1.pop_deadsea { width:460px; height:23px; clear:both; background:url(../images/headlines/pop_deadsea.gif) no-repeat 0 0; }
h1.pop_kit { width:460px; height:23px; clear:both; background:url(../images/headlines/pop_kit.gif) no-repeat 0 0; }

/* ================================================================= */





/*  Popup Pages 
============================================================================================ */
#pop_body { font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif; font-size:11px; letter-spacing:.03em; color:#444; text-align:center; margin:0 auto; }

#pop_wrapper { width:506px; background:url(../images/popup/pop_bg.png) repeat-y center; text-align:center; margin:0 auto 0 auto; }


/* Head */ 
#pop_head { width:inherit; height:100px; background:url(../images/popup/pop_head.png) no-repeat 3px 0; }

/* Content */
#pop_content { width:460px; padding:10px 23px 0 23px; }

/* Item Content */
.pop_item { width:460px; clear:both; padding:0 0 15px 0; } 

.pop_backloofah { width:120px; height:154px; clear:both; float:left; background:url(../images/popup/pop_backloofah.jpg) no-repeat 0 0; }
.pop_gel { width:120px; height:154px; clear:both; float:left; background:url(../images/popup/pop_gel.jpg) no-repeat 0 0; }
.pop_hand { width:120px; height:154px; clear:both; float:left; background:url(../images/popup/pop_hand.jpg) no-repeat 0 0; }
.pop_loofah { width:120px; height:154px; clear:both; float:left; background:url(../images/popup/pop_loofah.jpg) no-repeat 0 0; }
.pop_lotion { width:120px; height:154px; clear:both; float:left; background:url(../images/popup/pop_lotion.jpg) no-repeat 0 0; }
.pop_mask { width:120px; height:154px; clear:both; float:left; background:url(../images/popup/pop_mask.jpg) no-repeat 0 0; }
.pop_mud { width:120px; height:154px; clear:both; float:left; background:url(../images/popup/pop_mud.jpg) no-repeat 0 0; }
.pop_pumice { width:120px; height:154px; clear:both; float:left; background:url(../images/popup/pop_pumice.jpg) no-repeat 0 0; }
.pop_salts { width:120px; height:154px; clear:both; float:left; background:url(../images/popup/pop_salts.jpg) no-repeat 0 0; }
.pop_sponge { width:120px; height:154px; clear:both; float:left; background:url(../images/popup/pop_sponge.jpg) no-repeat 0 0; }

.pop_itemtxt { width:320px; float:right; }

/* Dead Sea Img */
p.deadsea_pic { width:460px; height:150px; background:url(../images/popup/pop_deadsea.jpg) no-repeat 0 0; padding:0 0 15px 0; }
p.deadsea2_pic { width:460px; height:150px; background:url(../images/popup/pop_deadsea2.jpg) no-repeat 0 0; padding:0 0 15px 0; }

/* Content */
#pop_table { width:460px; clear:both; text-align:left; border:1px solid #5EAFBF; border-right:none; padding:0; margin:0 0 20px 0; }
#pop_table th, #pop_table td { padding:5px; vertical-align:top; }
#pop_table th { color:#fff; font-size:12px; font-weight:bold; text-align:center; border-bottom:1px solid #5EAFBF; border-right:1px solid #5EAFBF; background-color:#5EAFBF; }
#pop_table td { border:1px solid #5EAFBF; border-top:none; border-left:none; }
#pop_table td.numbers { text-align:right; }

#pop_table ul.bull { list-style-type:disc; padding:0 0 0 20px; }
#pop_table ul.bull li { line-height:11px; padding:0 0 5px 0; }
#pop_table ul.bull li.last { line-height:16px; padding:0; }

/* ================================================================= */






/*  Clear Fix 
============================================================================================ */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden;	overflow:hidden;	line-height:0;	height:0;	}
.clearfix { display: inline-block; }
/* Holly Hack Targets IE Win only \*/
* html .clearfix { height:1%; }
.clearfix { display: block; }
/* ================================================================= */