/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-family:Arial, Helvetica, sans-serif; margin:26px 0 0 0; padding:0; background:#E5F1FB url('../images/body_bg.gif') repeat-x }

a:active, a:focus { outline:none }

a {	color:#58ac00; text-decoration:none }
	
a:hover { color:#777; text-decoration:underline }

ul { list-style:none; }
	
#content { width:848px; margin:0 auto; background:url('../images/content_bg.gif') repeat-y }
	
img.float-right { float:right; margin:5px 0 10px 15px }
img.float-left { float:left; margin:5px 15px 10px 0 }
img { border:none; }

.clear { clear:both; display:block }

h1, h2, h3, h4, h5, h6, p { padding:0; margin:0; }

/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header {
	position:relative;
	width:848px;
	height:110px;
	background:url('../images/header_bg.jpg') no-repeat }
	
	#header h1 {
		width:500px; height:90px;
		margin:0; padding:0;
		position:absolute;
		top:0px; left:8px }
		
		#header h1 a {
			text-indent:-2000px;
			display:block;
			background:url('../images/logo.png') no-repeat;
			width:306px; height:90px }
			
		#header h1 span {
			font-size:14px;
			font-weight:normal;
			position:absolute;
			bottom:0px; left:4px;
			color:#777 }

/* --------------------------------------------- */
/* Navigation ---------------------------------- */
		
#navigation {
	color:#777;
	font-size:16px;
	font-weight:bold;
	width:700px;
	text-align:right;
	letter-spacing:-1px;
	position:absolute;
	right:30px;
	bottom:19px }

    #home #navigation span.home a, #soaps #navigation span.soaps a, #health #navigation span.health a, #glossary #navigation span.glossary a, #about #navigation span.about a, #contact #navigation span.contact a {
      color: #777; }

	#navigation span {
		display:block;
		float:right;
		margin:0 10px 0 0;
		padding:0 10px 0 0;
		border-right:1px solid #aaa }

		#navigation span.contact {
			border:none;
			margin:0;
			padding:0 }

#top-nav {
	font-size:11px;
	float:right; }

    #top-nav ul {
      margin:0;
      padding:0; }

    #top-nav li {
      float:left;
      line-height:4; }

    #top-nav li a {
      color:#5e4710;
	  margin:0;
      padding:0 20px 0 0;
      text-decoration: underline; }

    #top-nav a img {
       padding:0;
       margin-top:10px;}

.curvedLine {
	width:806px; height:19px;
	margin:5px 21px 15px 21px;
	display:block;
	background:url('../images/curved_line.gif') no-repeat }
	
.curvedLine-bottom {
	width:806px; height:19px;
	margin:30px 21px 0 21px;
	display:block;
	background:url('../images/curved_line.gif') no-repeat }
	

/* Main Content 
---------------------------------------------------------------- */

#main-content {
	width:780px;
	margin:0 34px;}
	
	#main-content a { text-decoration:underline }
	
    #main-content p {
    	margin:0; padding:0 0 15px 0;
    	line-height:21px;
    	color:#777;
    	font-size:14px}

    #main-content p span {
    	color:#145391;
    	font-size:14px;
        font-family:arial, sans-serif;
		font-weight:bold;}

    #main-content p.legal {
    	color:#94af8b;
    	font-size:10px;
        line-height:1.25;}

    #main-content p.smallGreen {
    	padding-bottom:35px;
        color:#3b6f03;
    	font-size:11px;
        font-weight:bold;
        line-height:1.25;
}

h2.title-welcome {
	width:161px;
	height:32px;
	margin:0 0 20px 0;
	padding:0;
	background:url('../images/title-welcome.gif') no-repeat;
	text-indent:-9999px 
}
	
h2.title-subpage {
	width:289px;
	height:40px;
	margin:0 0 12px 0;
	padding:0;
	background:url('../images/title_subpage.gif') no-repeat;
	text-indent:-9999px 
}

h2.title-soapMaking {
	width:350px;
	height:36px;
	margin:30px 0 20px 0;
	padding:0;
	background:url('../images/title-soap-making.gif') no-repeat;
	text-indent:-9999px 
}

h2.title-healthBenefits {
	width:350px;
	height:36px;
	margin:15px 0 10px 0;
	padding:0;
	background:url('../images/title-health-benefits.gif') no-repeat;
	text-indent:-9999px 
}

h2.title-testimonials {
	width:350px;
	height:36px;
	margin:15px 0 20px 0;
	padding:0;
	background:url('../images/title-testimonials.gif') no-repeat;
	text-indent:-9999px
}

h2.title-reviews {
	width:350px;
	height:36px;
	margin:15px 0 20px 0;
	padding:0;
	background:url('../images/title-reviews.gif') no-repeat;
	text-indent:-9999px
}

h2.title-related {
	width:350px;
	height:36px;
	margin:30px 0 20px 0;
	padding:0;
	background:url('../images/title-related.gif') no-repeat;
	text-indent:-9999px
}

h2.title-about {
	width:350px;
	height:36px;
    margin:15px 0 10px 0;
	padding:0;
	background:url('../images/title-about-us.gif') no-repeat;
	text-indent:-9999px
}

h2.title-glossary {
	width:350px;
	height:36px;
    margin:15px 0 10px 0;
	padding:0;
	background:url('../images/title-glossary.gif') no-repeat;
	text-indent:-9999px
}

h2.title-faq {
	width:434px;
	height:36px;
    margin:15px 0 10px 0;
	padding:0;
	background:url('../images/title-faq.gif') no-repeat;
	text-indent:-9999px
}

h2.title-return {
	width:350px;
	height:36px;
    margin:15px 0 10px 0;
	padding:0;
	background:url('../images/title-return-policy.gif') no-repeat;
	text-indent:-9999px
}

h2.title-where {
	width:350px;
	height:36px;
    margin:15px 0 10px 0;
	padding:0;
	background:url('../images/title-where.gif') no-repeat;
	text-indent:-9999px
}

.dottedLine {
	height:2px;
	margin:20px 5px 10px 5px;
	display:block;
	background:url('../images/dotted-line.gif') no-repeat;
}


/* Services Overview
---------------------------------------------------------------- */
h2.title-categories {
	width:295px;
	height:36px;
	margin:30px 0 20px 0;
	padding:0;
	background:url('../images/product-categories.gif') no-repeat;
	text-indent:-9999px }
	
#categories {
	width:780px;
	background:#e6f7c7 url('../images/services_overview_top.gif') no-repeat }
	
	#categories ins {
		text-decoration:none;
		display:block;
		width:732px;
		padding:24px 24px 24px 24px;
		background:url('../images/services_overview_bottom.gif') bottom no-repeat }
		
.product-block {
	width:232px;
	margin:0 18px 0 0;
	float:left } .product-block.last { margin:0 }

	.product-block h3 {
		margin:0 0 20px 0;
		padding:0;
		font-size:16px;
		font-weight:bold;
		color:#4a7b06 }
	
	.product-block img {
		margin:0 0 20px 0;
		display:block;
		border:solid 2px #b9d880;
		}


/* Testimonials/Reviews
---------------------------------------------------------------- */
#testimonials, #reviews {
    padding:0;
    margin:0;
}

    #testimonials ul, #reviews ul {
    	padding:0 0 10px 0;
    	margin:0; }

    #testimonials ul li, #reviews ul li {
    	padding:0;
    	margin:0 0 10px 0;
    	width:779px;
    	height:75px;
    	border:1px solid #d5f7ce;
    	background-color:#eefce4;
    	float:left: }

    #reviews ul li  {
    	height:125px; }

    #testimonials ul li p {
    	padding:10px 0 0 5px;
        color:#148700;
    	font-family:Georgia, arial, serif;
    	font-size:21px;
    	letter-spacing:-1px; }

    #reviews ul li p {
    	padding:0px 0 0 5px;
        color:#777;
    	font-family:arial, sans-serif;
    	font-size:13px;
    	letter-spacing:normal; }

    #testimonials ul li p.name, #reviews ul li p.name {
    	float:right;
        padding:0 10px 0 0;
        color:#1B62A3;
    	font-family:arial, sans-serif;
        font-size:11px;
    	font-style:idtalic;
    	letter-spacing:normal; }

    #testimonials img {
    	padding:0 0 0 10px; }

    #reviews img {
    	padding:25px 0 0 10px; }

    #reviews img.stars {
    	padding:0; }

    #reviews ul li p.reviewDate {
    	padding:10px 0 0 5px;
        color:#1b62a3;
    	font-family:arial, sans-serif;
    	font-size:13px;
        font-style:italic;
    	letter-spacing:normal;
}

/* Product Page Styles
---------------------------------------------------------------- */
#product {
	background-color:#ecfbd0;
	width:840px;
	margin:0 0 0 4px;
	padding:0;
}

#productText {
	margin:0 0 20px 0;
	padding:20px 0 0 25px;
	width:375px;
	float:left;	}

	#productText h2.cinnamon-chamomile{
		background: url(../images/title-cinnamon-chamomile.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.eucalyptus-tea-tree {
		background: url(../images/title-eucalyptus-tea-tree.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.herbal-kombucha{
		background: url(../images/title-herbal-kombucha.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.lavender-oatmeal{
		background: url(../images/title-lavender-oatmeal.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.orange-lemongrass{
		background: url(../images/title-orange-lemongrass.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.peppermint-patchouli {
		background: url(../images/title-peppermint-patchouli.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.rosemary-mint {
		background: url(../images/title-rosemary-mint.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.maple-almond{
		background: url(../images/title-maple-almond.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.almond-coconut{
		background: url(../images/title-almond-coconut.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.black-raspberry-vanilla{
		background: url(../images/title-black-raspberry-vanilla.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.green-tea-guava{
		background: url(../images/title-green-tea-guava.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.mango-passion-fruit{
		background: url(../images/title-mango-passion-fruit.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.double-delight-custom{
		background: url(../images/title-double-delight.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.green-tea-coconut{
		background: url(../images/title-green-tea-coconut.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.herbal-oatmeal-dog-soap{
		background: url(../images/title-herbal-oatmeal.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.yucca-root-cowboy{
		background: url(../images/title-yucca-root-cowboy.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	#productText h2.coconut-almond-massage{
		background: url(../images/title-coconut-almond-bar.gif) no-repeat 0 0;
		text-indent:-9999px;
		height:35px;}

	
	#productText p {
		padding:0;
		font-size:14px;
		color:#777777;
		line-height:1.25; }

	#productText p.large {
		padding-top:10px;
		font-family:arial black;
		font-size:17px;
		font-weight:bold;
		text-transform:uppercase;
		color:#148700;
		letter-spacing:-2px;
}

#productImage {
	width:375px;	
	padding:40px 0 0 25px;
	float:left;}

	#productImage img {
	padding-bottom:10px; }

	#productImage a.back {
		background:url(../images/back-arrow.gif) no-repeat 0 0;
		padding-left:25px;
		padding-bottom:10px;
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
		float:right; }
	
	#productImage a.photos {
		background:url(../images/camera-icon.gif) no-repeat 0 0;
		padding-left:35px;
		padding-top:6px;
		padding-right:20px;
        margin:0 0 0 70px;
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
		height:25px; }

	#productImage a.bulk {
		background:url(../images/icon-bulk.jpg) no-repeat 0 0;
		padding-left:45px;
		padding-top:6px;
		padding-right:20px;
        margin:0 0 0 10px;
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
		height:25px; }

    #productImage a span.stbuttontext {
		font-size:12px;
		font-weight:bold;
		text-decoration:underline; }

	#productImage a.email {
        background:url(../images/email-icon.gif) no-repeat 0 0;
		padding-left:35px;
		padding-top:6px;
		margin:0 0 0 20px;
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
		height:25px; }

    #productImage p {
        margin:20px 0 20px 60px;
        padding:15px 0 0 50px;
        width:190px;
        height:45px;
        border:1px solid #b9f1ae;
        background-color:#eefce4;
        font-family:georgia, arial, sans-serif;
        font-size:21px;
        color:#148700;
}

#sharethis_0 {
	margin-top:10px;
	display:block;
}
#related {
     padding:0;
     margin:0;}

    #related ul {
        padding:0;
        margin:0; }

        #related ul li {
          margin:0 8px 15px 0;
           padding:5px 0 0 5px;
           width:180px;
           height:230px;
           background-color:#eefce4;
           border:1px solid #b9f1ae;
           float:left;}

       #related ul li p {
         margin:0;
            padding:0;
            font-size:12px;
            color:#777;
            line-height:15px; }

             #related ul li p span {
               font-size:12px;
               color:#148700;}

    #related ul li a {
       color:#0072bc
}


#viewInventory {
	margin:0 0 0 4px;
	padding:0;
	width:840px;
	height:50px;
	background-color: #d0e6f5;}

    #viewInventory p {
    	padding:8px 0 0 20px;
    	margin:0;
    	font-family:arial black, arial, sans-serif;
    	font-size:24px;
    	color:#1b62a3;
    	letter-spacing:-1.5px;
    	float:left; }

    #viewInventory p span{
    	color:#58ac00; }

         #viewInventory p span.small {
        	font-family:arial, sans-serif;
        	font-size:12px;
        	color:#58ac00;
            letter-spacing:-1px;}

    #viewInventory form {
        padding:0;
        margin:0;}

    #viewInventory form input.box {
        padding:0;
        margin:15px 0 0 10px;}

    #viewInventory form input.image {
        vertical-align:middle;
		padding:0;
        margin:0;
    }

    #viewInventory img {
    	padding:10px 0px 0 10px; }

        #viewInventory img.logo {
        	padding:10px 0 0 10px;
        	float:left;
}

/* Soap Categories Page
---------------------------------------------------------------- */
#sorting {
    padding:0 0 20px 0;
    margin:0 0 20px 0;
    width:740px;}

    #sorting li {
        float:left;}

        #sorting li.categories {
            background:url(../images/title-categories-small.gif) no-repeat;
            height:18px;
            width:138px;
            text-indent:-9999px;}

    #sorting li a {
        padding-left:25px;
        padding-right:25px;
        color:#1a5e9f;
        font-size:15px;
        font-weight:bold;
        text-decoration: underline;
        letter-spacing: -1px;
        border-right:1px solid #72ba14;}
		
	#sorting li a.last {
		border:none;}
		
#soapListings {
    padding:0;
    margin:0;}

    #soapListings li {
        padding:20px 0 20px 0;
        margin:0;
        float:left;
        border-top:1px dotted #8db95a;}

        #soapListings li p {
            padding:0;
            margin:0;}

            #soapListings li p span {
                font-family:arial, sans-serif;
                font-weight:bold;
				letter-spacing:-1px;
                color:#148700;}

        #soapListings li a{
            font-size:14px;
            color:#1a5e9f;
            font-weight:bold;
            letter-spacing:-1px;}

    #soapListings li img{
        float:left;
        margin:0 20px 0 0;}

/* Footer
---------------------------------------------------------------- */

#footer {
	position:relative;
	height:147px;
	background:#fff url('../images/footer_fade.gif') repeat-x }
	
	#footer span {
		position:relative;
		display:block;
		color:#777;
		padding:20px 30px 86px 30px;
		font-size:12px;
		width:780px;
		background:#FFF;
		margin:0 auto }
		
		#footer span em {
			line-height:normal;
			display:block;
			padding:0; margin:0;
			color:#777;
			text-align:right;
			position:absolute;
			right:30px; top:20px }
		
#footer .grass {
	width:100%;
	height:86px;
	position:absolute;
	bottom:0;
	background:url('../images/footer_grass.gif') repeat-x }