/*
-----------------------------------------------
Nude Natural Skin Care
- - - - - - - - - - - - - - - - - - - - - - - -
Description:	Base Setup Styles
Filename:		nude.base.css
Author:			Hamish Stevenson / Catch Design Limited (www.catchdesign.co.nz)
Date:			30 April 2007
Updated:		4 July 2007
----------------------------------------------- */

/* =Global Styles
----------------------------------------------- */
body { background: #fff url(../img/bg.gif) center repeat-y; margin:0; padding:0; font: 63.7%/1.5em "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; color: #999;}

/* =Generic styles */
img { border:0; padding:0; margin-bottom:0 }
a, a:visited { color:#333; text-decoration:underline;}
a:hover { text-decoration:none;}
a img {	border:none;}

.hide { display: none; position:absolute; left:-2000px; width:999px;}
.alignleft { float:left;}
.alignright { float:right;}
img.alignleft { float:left; margin: 0 5px 5px 0;}
img.alignright { float:right; margin: 0 0 5px 8px;}
.blue { color: #4C6A86; }
.large { font-size: 130%; }
.border { border: 1px solid #2d2d2d; padding: 7px; }

p { font: 1.2em/1.4 "lucida grande", arial,sans-serif; margin:0.2em 0 0.8em 0; }
small { font: 1.0em/1.2 arial,sans-serif; color:#f60; margin:0 0 0.5em 0; text-transform: uppercase; }
ul, ol, td { font: 1.2em/1.2 "lucida grande", arial,sans-serif; }
	#col-2 ul { margin:6px 0 10px 14px; }
		#col-2 ul li { margin-bottom:4px; }
input { font: normal 1.2em/1.3 Arial, Helvetica, sans-serif; margin:0; padding: 2px; }
label { font: bold 1.2em/1.3 Arial, Helvetica, sans-serif; margin:0; }
input.textbox { padding: 3px; color: #999; border: 1px solid #ddd;
        border-top-color: #bbb;
        border-top-width: 2px;
        border-left-color: #bbb;
        border-right-color: #bbb; margin: 0 0 3px 0; }
select { font: normal 1.3em/1.3 Arial, Helvetica, sans-serif; color: #000; }
dl, dt, dd { font: 1.1em/1 "Lucida Grande", Geneva, Arial, sans-serif; margin:0 0 0.5em 0; }
em { font: italic 1.15em/1.35 Georgia, "Times New Roman", Times, serif; }
blockquote { color: #beac96; text-align: center; margin: 10px 0; font: normal 1.6em/1.3 Verdana, Arial, Helvetica, sans-serif; }

td { font: normal 1.2em/1.2 Arial, Helvetica, sans-serif; color: #666; margin: 0; padding: 0; }
th { font: bold 1.2em/1.2 Arial, Helvetica, sans-serif; color: #000; text-align: left; margin: 0; padding: 0 15px 15px 0; }

fieldset { border: 0; margin: 0; padding: 0; }
legend { display: none; }

h2 { font: normal 1.8em/1.2 Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0.7em 0; padding: 0; }
h3 { font: bold 1.4em/1.2 Arial, Helvetica, sans-serif; color: #333; margin: 1.3em 0 0 0; text-transform: uppercase; }
h4 { font: normal 1.2em/1.2 Arial, Helvetica, sans-serif; color: #333; margin: 0.9em 0 0 0;}

/* Hacks that can't be avoided in this file */

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =collapse lists */
#container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}

/* =Structure
----------------------------------------------- */

#container { width: 720px; margin: 0 auto; background: url(../img/bg-masthead.gif) top no-repeat; }

/* Masthead */
#masthead { position: relative; width: 100%; height: 125px; margin: 0 auto; }
#masthead h1 a { background: url(../img/logo-nude-revised.png) no-repeat; position: absolute; left:47px; top:47px; margin:0; width: 271px; height: 69px; }
/*#masthead h1 a { background: url(../img/logo-nude-blue.gif) no-repeat; position: absolute; left: 10px; top: 35px; margin:0; width: 313px; height: 106px; }*/
#masthead h1 a span { display: none; }

#masthead li#view-cart { text-align: center; line-height: 1; }
#masthead li#view-cart a { font-size: 1.4em; display: block; color: #fff; text-decoration: none; text-transform: lowercase; padding: 6px 0 0 0; width: 150px; height: 24px; position: absolute; top: 5px; right: 105px; }
#masthead li#view-cart a:hover { color: #666; }

#masthead #cart { position: absolute; top: 30px; right: 105px; }

/* Content */
#content { width: 720px; margin: 0 auto; }
body#home #content { background: url(../img/img-home_product-01.jpg) top right no-repeat; }

body#home #content h2 span { font-size: 80%; color: #666; }

/* Col-1 */
#col-1 { width: 124px; float: left; background: url(../img/bg-col-1.gif) top right no-repeat; min-height: 400px; }
#col-1 #browse-products a { display: block; width: 93px; height: 135px; background: url(../img/btn-browse_cat.jpg) no-repeat; margin: 0 auto; }

/* Col-2 */
#col-2 { width: 500px; float: left; padding: 0; margin: 40px 0 0 40px; }
body#home #col-2 { width: 370px; }

body#home #col-2-wrap { width: 370px; }
body#home #col-2-wrap p { font-size: 1.1em; }
body#home #col-2a { width: 185px; float: left; }
body#home #col-2b { width: 175px; float: left; margin: 0 0 0 10px; }

body#product #col-2 { width: 390px; background: url(../img/bg-col-3.gif) right top no-repeat; padding-right: 20px; }
body#product #col-3 { width: 130px; float: left; padding: 40px 0 0 0; margin: 0; }

/* Navigation */
#nav { margin: 40px 0; }
#nav li { text-align: right; text-transform:lowercase; }
#nav li a { text-align: right; display: block; height: 24px; width: 102px; margin: 0; text-decoration: none; color: #999; padding: 10px 20px 0 0; }
#nav li a:hover, #nav li a.current_page_item { background: url(../img/bg-nav_hover.gif) no-repeat; color: #666; }

/* Footer */
div#footer { width: 720px; padding: 20px 0; background: url(../img/bg-footer.gif) center top no-repeat; text-align: center; }
#footer p { color: #666; font-size: 1em; }

/* =Functions
----------------------------------------------- */

/* Breadcrumbs */
#bct { border-bottom: 1px solid #eee; margin: 0 0 5px 0; padding: 0 0 2px 0; }
#bct p { font-size: 1.0em; color: #999; }

/* News */
.newsitem { margin: 4px 0; border-bottom: 1px solid #eee; padding: 0 0 5px 0; }
.newsitem h4 a { text-decoration: none; }
.newsitem h4 a:hover { text-decoration: underline; }

.news_article { margin: 4px 0; border-bottom: 1px solid #eee; padding: 0 0 5px 0; }
.news_article h3 a { text-decoration: none; font-size: 1.0em; }
.news_article h3 a:hover { text-decoration: underline; }

/* Product Categories */
#product_cats { margin: 0 0 15px 0 !important; }
#product_cats li { float: left; margin: 0 5px 5px 0; }
#product_cats li a { display: block; border: 1px solid #fff; width: 176px; height: 42px; }
#product_cats li a span { display: none; }
#product_cats li a:hover { border: 1px solid #eee; }
.cat-routine a { background: url(../img/btn-routine-sm.jpg) no-repeat; }
.cat-eyecare a { background: url(../img/btn-eyecare-sm.jpg) no-repeat; }
.cat-detox a { background: url(../img/btn-detox-sm.jpg) no-repeat; margin-bottom: 15px; }
.cat-body a { background: url(../img/btn-body-sm.jpg) no-repeat; margin-bottom: 15px; }
h3.cattitles { margin: 20px 0 0 0 !important; font-size: 19px; }

.producttext { line-height:1.4; }

/* Shopping cart */
.wrap { padding: 0; margin: 0; }
.PeSwitcher { display: none; }
ul.PeCategories { list-style: none; margin: 0; padding: 0; }
ul.PeCategories li { float: left; margin: 0 4px 0 0; }

#loadingindicator { visibility: hidden; font-size: 7pt; font-weight: normal; }
#loadingindicator img { position: relative; top: 3px; margin-left: 6px;
/*  visibility: hidden; */
  border: none !important; }
#alt_loadingindicator{ visibility: hidden; font-size: 7pt; font-weight: normal; }
#alt_loadingindicator img { position: relative; top: 3px; margin-left: 6px;
/*  visibility: hidden; */ border: none !important; }

#sideshoppingcart h3 { font: bold 1.3em/1.3 Arial, Helvetica, sans-serif; border-bottom: 2px solid #ccc; padding: 0 0 2px 0; } 
p.cart-pricing { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 0 5px 0; font: 1.2em/1.2 Georgia, "Times New Roman", Times, serif; }
.shoppingcart p strong { color: #000; }
p.cart_items { font-size: 10px; border-bottom: 1px solid #eee; padding: 0 0 2px 0; }
 
table.productdisplay { margin: -7px 0 0 0 !important; }
.productdisplay td.imagecol a img { border: 5px solid #fff; }
.productdisplay td.imagecol a:hover img { border: 5px solid #eee; }
.productdisplay td.imagecol { text-align: center !important; padding-right:10px !important; }
.productdisplay td.imagecol small { text-align: center !important; margin: 0 auto; font-size: 9px; color: #0033CC; text-transform: lowercase; }
.productdisplay td.textcol h4 { margin: 0; font-weight: bold; }
.productdisplay td.textcol .product-price { font-weight: bold; }
.productdisplay td.imagecol, .productdisplay td.textcol { padding: 15px 0; border-bottom: 1px solid #ccc; }

table.productcart { width: 100%; }
table.productcart .firstrow td { font: normal 1.1em/1.2 Georgia, "Times New Roman", Times, serif; padding: 3px 0 5px 0; border-bottom: 1px solid #ccc !important; }
table.productcart .product_row td { background: #eee; padding: 3px 0 5px 0; border-bottom: 1px solid #ccc !important; }
table.productcart td.firstcol { padding-left: 5px !important; }
table.productcart .product_row td input { font-size: 11px; margin: 0; }
table.productcart .product_row td input.textbox { color: #333; }
table.productcart .product_shipping td { padding: 3px 0 5px 0; border-bottom: 1px solid #ccc !important; }
table.productcart .product_shipping td select { font-size: 12px; }
table.productcart .total_price td { padding: 5px 0 6px 0; font: normal 14px/1.3 Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #ccc !important; }
table.productcart .total_price td .pricedisplay { font-weight: bold; }

ul.cart-buttons { list-style: none; margin: 0; padding: 0; }
.cart-buttons li span { display: none; }
.cart-buttons li.btn-empty a { display: block; width: 75px; height: 24px; background: url(../img/btn-emptycrt.gif) no-repeat; }
.cart-buttons li.btn-checkout a { display: block; width: 66px; height: 24px; background: url(../img/btn-checkout.gif) no-repeat; }

ul.checkout_links { list-style: none; margin: 15px 0 0 0; padding: 0; }
ul.checkout_links li span { display: none; }
.checkout_links li.btn-nextstep a { display: block; float: right; width: 249px; height: 35px; background: url(../img/btn-nxtstep.gif) no-repeat; }
.checkout_links li.btn-contshop a { display: block; width: 114px; height: 25px; background: url(../img/btn-contshop.gif) no-repeat; }
.checkout_links li.btn-empty a { display: block; width: 75px; height: 25px; background: url(../img/btn-emptycrt.gif) no-repeat; }

table#cart_enter_details { width: 100%; }
table#cart_enter_details td { padding: 7px 0 7px 0; border-bottom: 1px solid #ccc; }
td.details_field { width: 60%; }
td.details_field input { width: 250px; color: #333; }

li#btn-goback span { display: none; }
li#btn-goback a { display: block; width: 60px; height: 25px; background: url(../img/btn-goback.gif) no-repeat; }

/* Checkout headers */
h2#header_checkout span, h2#header_details span { display: none; }
#header_checkout { width: 500px; height: 27px; background: url(../img/img-verifyorder.gif) no-repeat; }
#header_details { width: 500px; height: 27px; background: url(../img/img-enterdetails.gif) no-repeat; }