/***

   :: Swellbeing Style Sheet
   :: product of lizyjoy 
   :: Last modified 04/04/07

	Font Palette
	***************************************
	'Trebuchet MS', sans-serif
	Arial, Helvetica, sans-serif

	Color Palette
	***************************************
	brown: #785200;
	green: #CBD27B;
	text-green: #afbd21;

	Image Notes
	***************************************
	rotator w/h : 280px/90px

	Table of Elements (E)
	***************************************
	E1) Global
	E2) Typography
	E3) Table Layout
	E4) Cell Styles
	E5) Index Styles
	E6) Calendar Styles
	E7) Contact Styles
	E8) Primary Links
	E9) About Us Links
	E10) Our Services Links
	E11) Sublevel Top Links & Crumbs
	E12) Site Map
	E13) Forms
	E14) More
	E15) Registration

***/

/* E1 - Global
-------------------------------------------------------------------------------------------------------------*/
body {font: 70% Arial, Helvetica, sans-serif; background: #CBD27B; color: #785200;}

/* E2 - Typography
-------------------------------------------------------------------------------------------------------------*/
a {color: #afbd21; text-decoration: none;}
a:hover {text-decoration: none;}
p {margin: 0; line-height: 1.3em; padding-bottom: 1em;}
p.margin-top {margin-top: 15px;}
img {text-decoration: none; border: none;}
h2 a {color: #afbd21; text-decoration: none;}
h2 {font-size: 100%; margin: 0;}
td#main-copy {font-size: 110%; line-height: 1.3em;}
#footer {color: #785200;}
.sublevel h2 {font-size: 110%; margin: 0; padding: 0; color: #afbd21;}
.sublevel .test_name {font-size: 100%; font-weight: bold; color: #afbd21; margin: 0; padding-left: 1em;}
.sublevel h3 {color: #afbd21; margin: 0; padding: 0;}
#sideright {font: 120% Arial, sans-serif;}
#sitemap a {text-decoration: none; color: #785200;}
#sitemap a:hover {color: #CBD27B;}
span.font-bigger {font-weight: bold; font-size: 110%;}
span.pricetag, .pricetag a {font-style: italic;}
span.up a {color: #c3a259; font-size: 80%; text-decoration:none; font-style: italic; float: right;}
span.font-green {color: #afbd21; margin: 0; padding: 0;}
#subtoplinks a, #crumbs a {color: #785200; text-decoration: none;}
#subtoplinks a {font-weight: bold;}
#crumbs {color: #afbd21;}
form {font: 80% Verdana, Helvetica, sans-serif; color: #785200;}
form input, textarea {font-size: 95%; font-family: Verdana, Helvetica, sans-serif;}

/* E3 - Table Layout
-------------------------------------------------------------------------------------------------------------*/
#container {margin: 100px auto; padding: 0; width: 790px;}
#container tr.topcol, tr.midcol, tr.bottcol {background: #fff; margin: 0; padding: 0;}
#spacer {height: 5px;}
#greenbar {background: url(images/table/bckgd_03.jpg) repeat;}
.clear {clear: both;}
td#empty {margin: 0; padding: 0; height: 0;}
#footer {margin-top: 5px; overflow: hidden; width: 785px;}
#footer-info {text-align: right; margin-top: 5px; width: 785px;}
#footer-info a {text-decoration: none; color: #785200; margin: 0; padding: 0;}
#sitemap {width: 100%; vertical-align: top; padding: 50px; }
#footer-icons {float: left; margin-left: 10px;}
form.cmxform2 {width: 200px; margin: 0 0 0 20px; height: 45px; }
form input#email.home { width: 200px;}
span p {margin-left: 8px; font-weight: bold; font-size: 1.1em;}

/* E4 - Cell Styles
-------------------------------------------------------------------------------------------------------------*/
td#main-copy {margin: 0; padding: 25px 20px 20px; vertical-align: top; width: 100%;}
#registration td#main-copy {padding: 5px 20px 20px;}
td#logo {vertical-align: bottom; height: 100px;}
td#h1 {margin: 0; padding: 0px 20px 0px; vertical-align: bottom;}
.sublevel td#h1 {vertical-align: bottom;}
.sublevel td#h1 img {margin: 0; padding-top: 60px;}
td#baby {background: url(images/home.jpg) left; width: 570px;}
td#baby span {position: absolute; margin-top: 125px; margin-left: 300px; }
td#primary-nav {vertical-align: top; margin: 25px 0px 0px; padding: 0;}
td#edge {background: url(images/table/bckgd_01.jpg) repeat-y;}

/* E5 - Index Styles 
-------------------------------------------------------------------------------------------------------------*/
#index #primary-nav {margin-top:20px; padding: 0;}

/* E6 - Calendar Styles
-------------------------------------------------------------------------------------------------------------*/
#calendar td#main-copy {padding: 15px 5px 0px; line-height: 1.3em; vertical-align: top;}
#calendar-pic {padding: 10px 0;}
.cal_click {padding-left: 15px;}

/* E7 - Contact Styles
-------------------------------------------------------------------------------------------------------------*/
#contact p {margin-bottom: 0;}
.contact-item {margin: 1em 2em 1em 0; float: left; font-size: 95%; line-height: 1.3em;}
#contact span {padding-right: 10px;}
#contactbar {background: url(images/table/bckgd_06.gif) repeat-x;}
#contactbar img {border: none;}
#cell1-width {width: 110px;}
#cell2-width {width: 180px;}
#cell3-width {width: 50px;}
#comments {width: 314px;}

/* E8 - Primary Links
-------------------------------------------------------------------------------------------------------------*/
#primary-nav {margin: 0; padding: 20px 0 0;}
#primary-nav ul {list-style: none; margin: 0; padding: 0;}

ul#newmenu {float: right; background: url(images/nav.gif) no-repeat;}
ul#newmenu li a {margin: 0; display: block; height: 30px; width: 150px; background-position: 0 0; text-indent: -999999px; overflow: hidden;}
ul#newmenu li a:hover {background: url(images/nav.gif) no-repeat;}
ul#newmenu li#link1 a:hover {margin: 0; display: block; background-position: 0 -187px;}
ul#newmenu li#link2 a:hover {margin: 0; display: block; background-position: 0 -217px;}
ul#newmenu li#link3 a:hover {margin: 0; display: block; background-position: 0 -247px;}
ul#newmenu li#link4 a:hover {margin: 0; display: block; background-position: 0 -277px;}
ul#newmenu li#link5 a:hover {margin: 0; display: block; background-position: 0 -307px;}
ul#newmenu li#link6 a:hover {margin: 0; display: block; background-position: 0 -337px;}

#about ul#newmenu li#link1 a {background: url(images/nav.gif) no-repeat;} 
#services ul#newmenu li#link2 a {background: url(images/nav.gif) no-repeat; background-position: 0 -217px;}
#registration ul#newmenu li#link3 a {background: url(images/nav.gif) no-repeat; background-position: 0 -247px;}
#gifts ul#newmenu li#link4 a {background: url(images/nav.gif) no-repeat; background-position: 0 -277px;}
#press ul#newmenu li#link5 a {background: url(images/nav.gif) no-repeat; background-position: 0 -307px;}

/* E9 - About Us Links
-------------------------------------------------------------------------------------------------------------*/
#about-nav {height: 50px; margin-top: 50px; padding: 0; background: url(images/links_about/links_about.jpg) no-repeat #fff; text-align: center; vertical-align: top;}
#about-nav ul {list-style: none; margin: 0; padding: 0;}
#about-nav li {float: left; margin: 0; padding: 0;}
#about-nav li span {display: none;}
#about-nav a {display: block; text-decoration: none;}
#about-nav #staff a {height: 50px; width: 80px;}
#about-nav #staff a:hover {background: url(images/links_about/links_abouthov.jpg) no-repeat;}
#about-nav #testimonials a {height: 50px; width: 120px;}
#about-nav #testimonials a:hover {background: url(images/links_about/links_abouthov.jpg) no-repeat; background-position: -80px 0;}
#about-nav #philosophy a {height: 50px; width: 120px;}
#about-nav #philosophy a:hover {background: url(images/links_about/links_abouthov.jpg) no-repeat; background-position: -200px 0;}
#about-nav #social a {height: 50px; width: 150px;}
#about-nav #social a:hover {background: url(images/links_about/links_abouthov.jpg) no-repeat; background-position: -320px 0;}

/* E10 - Our Services Links & Pages
-------------------------------------------------------------------------------------------------------------*/
#services-nav {margin: 0; padding-bottom: 20px; background:url(images/links_service/links_service.jpg) no-repeat #fff; width: 100%; vertical-align: top; text-align: center;}
#services-nav ul {list-style: none; margin: 0; padding: 0;}
#services-nav li {float: left; margin: 0; padding: 0;}
#services-nav li span {display: none;}
#services-nav a {display: block; text-decoration: none;}
#sleep a {height: 52px; width: 159px; }
#sleep a:hover {background: url(images/links_service/links_servicehov.jpg) no-repeat;}
#nutrition a {height: 52px; width: 165px;}
#nutrition a:hover {background: url(images/links_service/links_servicehov.jpg) no-repeat; background-position: -159px 0px;}
#discussion a {height: 52px; width: 165px;}
#discussion a:hover {background: url(images/links_service/links_servicehov.jpg) no-repeat;background-position: -324px 0px;}
#family a {height: 52px; width: 159px; }
#family a:hover {background: url(images/links_service/links_servicehov.jpg) no-repeat; background-position: -0px -52px;}
#parent a {height: 52px; width: 159px; }
#parent a:hover {background: url(images/links_service/links_servicehov.jpg) no-repeat; background-position: -159px -52px;}
#emotion a {height: 52px; width: 165px; }
#emotion a:hover {background: url(images/links_service/links_servicehov.jpg) no-repeat; height: 52px; width: 159px;background-position: -318px -52px;}

ul#baby-home {list-style: none; margin: 0 0 1em; padding: 0; }

/* E11 - Sublevel Top Links & Crumbs
-------------------------------------------------------------------------------------------------------------*/
#subtoplinks {list-style-image: url(images/carrot.gif);}
#crumbs {text-align: right; margin: 10px 30px 0px;}

/* E12 - Site Map
-------------------------------------------------------------------------------------------------------------*/
#sitemap {margin: 0px 20px 20px; padding: 0;}
#sitemap li {font-size: 110%; list-style: none;} 
#sitemap ul li {margin-left: -10px; padding: 0; font-size: 90%; list-style: circle;}

/* E13 - Forms
-------------------------------------------------------------------------------------------------------------*/
form table {margin-bottom: 1em;}
form {margin: 0; background-color:#fff;}
#contact form input {padding: 3px; background-color: #fff; border: 1px solid #aaa;}
form input#phone, input#birthday1, input#birthday2, input#zip {width: 70px;}
form #join {width: 15px; border: none;}
#submit-cell {text-align: right; margin: 0; padding-top: 1em;}
form textarea {background-color: #fff; border: 1px solid #aaa; width: 300px; padding: 3px;}
#submit-button {border: none; width: 50px; padding-left: 20px;}

/* E14 - More
-------------------------------------------------------------------------------------------------------------*/
.press-covers {margin-top: 15px;}
.press-web {float: left; margin: 0 1em 0 0;}

/* E15 - Registration Styles
-------------------------------------------------------------------------------------------------------------*/
p.toggle {height: 30px; font-size: .9em; text-transform: uppercase;}
p.intro {font-style: italic; font-size: 1.1em;}
.paypal form {font-size: .8em;}
.paypal form table {float:left; margin: 0;}
.paypal form input {padding: 3px; }
.paypal form img {padding-top: 2px;}
.paypal h3 {clear:left;}
div.purchase {display:block; margin: 0 0 20px; clear: both;float:left;}

.submit {margin-left: 10px; background:#cbd27b; border: none; color:#785200; cursor: pointer;}
select {background: none; border:1px dotted #cbd27b ;}
option {border:None;}
#viewcart {margin: 20px 0; clear:left;}