/*  
Theme Name: Delightful Health
Theme URI: http://dotfive.com/
Description: Delightful Health theme for wordpress and cubecart
Version: 1.5
Author: Brady J. Frey
*/

/**** GLOBAL ****/
* { margin:0; padding:0; }
html {background:#293c6f url(/images/back.gif) repeat-y 50% 0;}
body {background:#fff; font:80% "Myriad Pro", Myriad, verdana, sans-serif; color:#1a2647; margin:0 auto;min-width:800px; max-width:1100px; position:relative;}
h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet MS", "Lucida Grande", sans-serif; color:#8b2c33; }
h1 {font-size:2em;}
h2 {font-size:1.5em;margin-top:1em;}
h2 span {font-size:80%; color:#999; font-variant:small-caps; display:block;}
h3 {font-size:1.3em;margin-top:1em;}
a {color:#39549a !important; text-decoration:none; }
a:hover {text-decoration:underline}

/**** HEADER ****/
#header {position:relative; background:#89A0DA url(/images/headerbackground.gif) repeat-x left bottom; height:11em;}
#header h1 {position:absolute; left:3%; bottom:15px; height:97px; width:138px; background:#869dd7 url(/images/headerlogo.gif) no-repeat;}
#header a { height:97px; width:138px; display:block; text-indent:-9999em; background:#869dd7 url(/images/headerlogo.gif) no-repeat; }
/**** SEARCH ****/
#search {float:right;/*width:244px;*/ width:19.1em; position:relative; background:#e3e1d8 url(/images/search-bottom.gif) no-repeat left bottom;color:#8b2c33; margin-top:20px;}
#search p {padding:0 5px 5px 5px;}
#search p {padding-top:5px;background:#e3e1d8 url(/images/search-top.gif) no-repeat left top;}
#search button {border: none;font:bold .9em "Trebuchet MS", "Lucida Grande", sans-serif; width:6em; background:#781a20 url(/images/btn-red.gif) repeat-x; color:#fff; position:absolute; top:5px; left:14em;}
#search label {display: none;}

/**** SUBSCRIBE ****/
a#subscribe {display:block; position:absolute; bottom:0; right:0; width:244px; height:68px; background:transparent url(/images/freenewsletter.gif) no-repeat; }
#new_signup_side {padding: 5px 0 5px 5px;}
#new_signup_side p {padding: 2px 0;}
#new_signup_side form {}
#wpen_email_short_l {margin-top: 10px;display: block;}
#wpen_email_short {margin-bottom: 10px;}
#submit_shortform {margin-top: 10px;}
#unsubscribe_value {margin-left: 10px;}


/**** NAVIGATION ****/
#cat_520842_divs { background:#395499 url(/images/nav.gif) repeat-x;}
#cat_520842_divs ul {list-style:none;position:relative;height:58px; width:900px; margin:0 auto;}
/* nav items */
#cat_520842_divs li {float:left; width:180px; height:58px;}

/* BG on <li> stops 'first time flicker' */
#n-home {background-image:url(/images/n-home-ovr.png);}
#n-about {background-image:url(/images/n-about-ovr.png);}
#n-store {background-image:url(/images/n-store-ovr.png);}
#n-events {background-image:url(/images/n-event-ovr.png);}
#n-resources {background-image:url(/images/n-resources-ovr.png);}
/* nav links */
#n-home a {background-image:url(/images/n-home.gif);}
#n-about a {background-image:url(/images/n-about.gif);}
#n-store a {background-image:url(/images/n-store.gif);}
#n-events a {background-image:url(/images/n-event.png);}
#n-resources a {background-image:url(/images/n-resources.png);}

#cat_520842_divs a {display:block;height:58px; text-indent:-9999em;}
/*#cat_520842_divs a:hover, #cat_520842_divs a:focus, #cat_520842_divs a:active {background-image:none;}*/
#n-home a:hover, #n-home a:focus, #n-home a:active {background-image:url(/images/n-home-ovr.gif);}
#n-about a:hover, #n-about a:focus, #n-about a:active {background-image:url(/images/n-about-ovr.gif);}
#n-store a:hover, #n-store a:focus, #n-store a:active {background-image:url(/images/n-store-ovr.gif);}
#n-events a:hover, #n-events a:focus, #n-events a:active {background-image:url(/images/n-event-ovr.png);}
#n-resources a:hover, #n-resources a:focus, #n-resources a:active {background-image:url(/images/n-resources-ovr.png);}

/* current tab */
body#b-home #n-home a {background-image:url(/images/n-home-ovr.gif);}
body#b-about #n-about a {background-image:url(/images/n-about-ovr.gif);}
body#b-store #n-store a {background-image:url(/images/n-store-ovr.gif);}
body#b-news #n-news a {background-image:url(/images/n-news-ovr.gif);}
body#b-kids #n-kids a {background-image:url(/images/n-kids-ovr.gif);}

/**** wrap hack ****/
 #wraphack {clear:left;padding:10px 234px 0 3%;overflow:hidden;}

/**** CONTENT BODY ****/
#content {position:relative;margin:0;float:left; width:100%;overflow:hidden;}
#content h1 {margin-bottom:.3em;}
#content form, #content h3, #content h4, #content h5 {margin-right:5.5%;}
#content ul, #content p {margin:1em 5.5% 1em 0; font-size:90%;line-height:1.55;}
body #content ul li {list-style:none;padding-left:30px; background:transparent url(/images/apple-small.gif) no-repeat 0 50%; margin:.2em 0 .2em 15px;}
h2.meta {font-size:1em; margin:0 0 1.2em;}
h2.post-title {background:transparent url(/images/apple-large.gif) no-repeat 0 50%; padding-left:30px; }
div.cont-box {padding-bottom:1em; border-bottom:1px dotted #ccc; margin-bottom:1em; margin-right:15px;}
.post-list li {padding-bottom:1em; border-bottom:1px dotted #ccc; margin-right:15px;}
div.halfCol { float:left; border:1px dotted #ccc; width:48%; margin:1em 1% 1em 0;}
#content div.halfCol h3 { font:bold 1.2em "Trebuchet MS", "Lucida Grande", sans-serif; background:#293C6F; color:#fff; margin:.2em 1% .6em; padding:2px 2%; border-bottom:2px solid #ccc;}
#content div.halfCol p {margin:.8em 1%; padding:2px 2%;}
#content p.more-link {font-size:1em; font-weight:bold; }

/**** SIDEBAR ****/
#sidebar {position:relative;width:234px; float:left; margin-right:-234px;margin-top:20px;  /*opacity:.4;*/}
#sidebar h1 {background:#88af31 url(/images/roundsidebar.gif) no-repeat; padding:8px 10px 8px 20px; color:#fff;font-weight:normal; font-size:1.3em;}
#sidebar #bottom-img {display:block; height:22px; background:transparent url(/images/sidebarfoot.gif) no-repeat}

/**** SIDEBAR LINKS ****/
#sidebar ul { list-style:none;list-style:none;margin:5px 7px;background:#fff;border:1px solid #ccc;padding:5px;}
#sidebar ul h2 {display:block; color:#64684f; margin:0 5px; padding:2px 0 2px 0; border-bottom:1px dotted #bec9a3; font-weight:bold; font-size:1.1em; }
ul li ul {}
#sidebar ul li {display:block;list-style:none;padding:5px 0px 5px 0px;background:transparent;font-size:1.1em;}
#sidebar ul li a {color:#64684f;text-decoration:none;font-weight: bold;display:block;padding:5px 0px 5px 20px;margin-left:15px; background:#fff url(/images/apple-small.gif) no-repeat 0 50%;}
#sidebar ul li a:hover {background-color:#bec9a3;background-image: none;color:#fff;}

/**** PRODUCT LIST ****/

ul#products { list-style:none; margin:0; padding:0;list-style:none;}
ul#products ul ul { margin:0;padding:0; list-style:none;}

ul#products li {display:block; font-weight:bold; font-size:1.1em; list-style:none;margin:5px 0; padding:0;background:transparent;}
ul#products li li {font-size:90%; margin:5px; }
#products li li li {font-weight:normal; margin:5px 0;}

ul#products li strong {display:block; color:#64684f; margin:0 5px; padding:2px 0 2px 0; border-bottom:1px dotted #bec9a3;}


ul#products li li a {
	display:block; color:#64684f; 
	text-decoration:none; 
	margin:0 5px; 
	padding:2px 0 2px 0; 

	padding:3px 0 3px 20px;
	margin:0;margin-left:10px;
	border:none; 
	background:transparent url(/images/arrowdown.gif) no-repeat 3px .7em;
}

ul#products li li li a {font-size:1.1em; margin-left:15px; background:#fff url(/images/apple-small.gif) no-repeat 0 50%;}

ul#products a:hover, #products a:focus {background:#bec9a3;  color:#fff; }
ul#products li li li a:hover, #products li li li a:focus { background-image:none; }

ul#products li li.closed a {background:transparent url(/images/arrowright.gif) no-repeat 0 50%;}
ul#products li li.closed a:hover {background:#bec9a3;  color:#fff; }

ul#products li li.closed ul {display:none;}

ul#products li li.open ul {display:block;}
/**** FOOTER ****/
#footer {clear:both; padding:.5em 1em; margin-top:2em; background:#fff url(/images/footer.gif) repeat-x; color:#7ab524; position:relative;}
#footer cite {font-size: .25em;color: black;}
#subscribe-link { background:transparent url(/images/subscribe.gif) no-repeat 0 50%; padding-left:20px; position:absolute; top:.5em; right:1em;}

/***************************\
 ***************************
 STORE SPECIFIC
 ***************************
\***************************/
.txtCopyright {display:none;}
html body  p.imgHolder {text-align:center; margin:0 !important; padding:0;}

/**** CONTENT PRODUCT LIST ****/ 
h2.product-list { padding-bottom:.5em;margin-right:5.5%;}
body #content ul.product-list {margin:0; margin-right:5.5%;  overflow:hidden; list-style:none; }
body #content li.prod { padding:.2em 1%; margin:10px 0;overflow:hidden; background:none; background:#fff; }
body #content li.narrowProd { padding:0; margin:5px 0; background:#fff;}
body #content ul.product-list form {margin:0;padding:0 0 .5em;}
ul.product-list img.prev {float:right; margin:5px 10px 5px 5px; border:1px solid #fff;}
.product-list h3 a {margin-top:0px; font-size:1.3em; padding:2px 4px 2px 30px; background:transparent url(/images/apple-large-lite.gif) no-repeat 0 50%;}
.product-list h3 a:hover { color:#92B838; background:transparent url(/images/apple-large.gif) no-repeat 0 50%;}
li.narrowProd h3 a {background:transparent;padding:2px;}
li.narrowProd h3 a:hover {background:transparent;padding:2px;}
li.narrowProd h3 {margin:0 8px 8px;padding:1px; background:#fff; font-size:1.1em; line-height:1.3;}
.prodDesc h3.prd {margin-top:5px; border-bottom:2px dotted #d5d3c8;}
ul.product-list li.narrowProd p a {margin:0 auto;}
#content ul.narrow {float:right; width:25%;margin:0;padding:0;}
/**********
product 
***********/
.prodPreview {
	background:#f1f0eb;
	width:180px; float:right;
	margin:10px 0 10px 25px;
	text-align:center;
	border:1px solid #d5d3c8;
	padding:10px 0;
}

.narrowProd .prodPreview {float:none;width:auto;}
#content .prodPreview p {margin:10px 0; padding:0;text-align:center;}
.prodPreview label, .prodPreview label input {
	font-size:.9em;
}
.prodPreview img { border:2px solid #ccc; border-color:#dedcd1 #d5d3c8 #d5d3c8 #dedcd1;}
#content p.txtPrice {
	color:#6d2228;
	font-size:1.4em;
	font-weight:bold;
}	
#wraphack #content .price {
	color:#6d2228; 
	font-size:1.4em;
	font-weight:bold;
}	
img.prevImg {border:3px double #ccc;}

/* options */
div.prodOptions {
	margin:.5em 0;
	overflow:hidden;
	border: 1px dotted #ccc;
	border-width:1px 0;
	padding:.5em 0;
}
.prodOptions h3 {
	font-size:1.1em;
	margin:0 0 .2em;
	color:#555;
	font-weight:bold;
}
.prodOptions label {
	font-weight:bold;
	float:left;
	width:45%; 
	clear:left;
	margin:5px 0;
}
.prodOptions select {margin:5px 0;font-size:90%;width: 45%; float:right; clear:right;}

#content form.cartForm { overflow:hidden; padding-bottom:10px; }
 div.prodDesc p , div.prodDesc ul {font-size:1em; clear:left; margin-right:0;}
.prodDesc img { float:left; border:2px solid #ccc; margin:0 15px 10px 0;  border-color:#dedcd1 #d5d3c8 #d5d3c8 #dedcd1;}
 .prodDesc dl,  .prodDesc dt,  .prodDesc dd {
	display:block;
 }
dt {font-weight:bold;} 
dd {padding-left:2em; margin:4px 0;}
#content div.prodDesc p.more {font-size:1.1em; font-weight:bold; clear:left; margin:0;  padding:4px;  }
p.more a {display:block;padding-left:20px; margin-left:5px; background:transparent url(/images/more.gif) no-repeat 0 50%;}
/**
graphic buttons
**/
a.btn {display:block; text-indent:-999em;}
a.AddToBasket {background:transparent url(/images/btn/AddToBasket.gif) no-repeat;width:93px;height:27px;margin:0 auto;}
a.Continue {background:transparent url(/images/btn/Continue.gif) no-repeat;height:27px;width:106px;}
a.ContinueShopping {background:transparent url(/images/btn/ContinueShopping.gif) no-repeat;height:28px;width:128px;}
a.RegisterContinue {background:transparent url(/images/btn/RegisterContinue.gif) no-repeat;height:27px;width:124px;}
a.UpdateBasket {background:transparent url(/images/btn/UpdateBasket.gif) no-repeat;height:26px;width:106px; float:left; margin-right:10px}
a.EditAddress {background:transparent url(/images/btn/EditAddress.gif) no-repeat;height:27px;width:106px;}
a.LearnMore {background:transparent url(/images/btn/LearnMore.gif) no-repeat;height:28px;width:106px;}

#content *.subText {font-size:.8em;}

/************
Sidebar
************/
.sbBox, .sbBox2 {
	margin:5px 7px;
	background:#fff;
	border:1px solid #ccc;
	padding:5px;
}
.sbBox2 { padding:0;background:transparent;border:none;}
.sbBox2 h2 {padding:5px;background:#fff;}
.sbBox h2, .sbBox2 h2 {margin:0 0 .5em;font-size:1.2em}
.sbBox li a {font-weight:bold;}
.storeSidebar .sbBox li {list-style:none;padding-left:30px; background:transparent url(/images/apple-small.gif) no-repeat 0 50%; margin:.2em 0 .2em 5px;}
/* session */
#session {position:relative;background:#89af31 url(/images/roundsidebar.gif) no-repeat; width:100%; padding-top:35px;}
a#sbLogin, a#sbRegister, a#sbSignOut, a#sbAccount {background:transparent url(/images/btn/sb-SignUp.gif) no-repeat; width:107px; height:26px; display:block; position:absolute; top:5px; left:6px; text-indent:-9999em;}
a#sbLogin { left:120px; background-image:url(/images/btn/sb-ExistingLogin.gif)}
a#sbSignOut { left:120px; background-image:url(/images/btn/sb-SignOut.gif)}
a#sbAccount {background-image:url(/images/btn/sb-YourAccount.gif);}
#sidebar p.welcome { color:#3d6b10; font-weight:bold; background:#d5e2b7 url(/images/ico-user.gif) no-repeat 1% 50%; margin:0 8px; padding:5px 5px 5px 24px; font-size:.8em; border:1px solid #f1f7e3; border-bottom:none;} 

/* shopping cart */

p.cartCount { margin:0 0 .5em;}
.cartList li span {
	font-weight:bold;
	color:#666;
	padding-left:4px;
	font-size:90%;
}
#sb-cart a.txtviewCart { float:left;width:7em;font-size:.9em; margin-top:10px; background:#fff url(/images/basket.gif) no-repeat 0 50%; padding:4px 0 4px 22px;}
p.total { font-weight:bold; color:#222; margin:.5em 0; border-top:1px dotted #ccc; padding:5px; text-align:right;}

#contactform {}
#contactform fieldset {border: none;width: 600px;}
#contactform legend {display: none;}
#contactform label {display: block;padding: 10px 0 2px 0;}
#contactform input {padding: 5px;}
#contactform textarea {width: 200px;height: 100px;padding: 5px;}
#contactform button {display: block;background-color: black;color: white;border: none;padding: 5px;margin-top: 15px;}
