************************* GLOBAL RESET  ********************************/

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 76%;
    line-height: 1.3;
    font-family: arial, verdana, helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0.5em 0 0.5em 0;
 }

p,
ul,
ol {
    margin: 0.5em 0 1em 0;
}

ul,
ol {
    margin-left: 2em;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.0em;
}

h6 {
    font-size: 1.1em;
}

a * {  /* Fix IE Cursor Bug /**/
    cursor: pointer;
}

a img {  /* Set border to zero on all images inside a link */
    border: 0px none;
}

/******************************  CONTAINER  ***************************/


#container {
    width: 920px;
    margin: 0 auto;
    text-align: left;
    background-color: #ffffff;
}



/***********************************  HEADER  ************************************/ 

#form {float:right; margin:0;}   

#form select {font-size:10px; height:18px; padding:0; margin:0; width:116px; border:1px solid #7F9DB9;
 }

html>/**/body #form select {height:16px;}

#form p {margin:9px 0 0 0;} 

#header img {display: block;}


/**********************************  SEARCH **********************************/
#search {
    float: right;
    padding: 8px 12px 7px 14px;
    background: transparent url(MySource_Files/search_all.gif) top right no-repeat;
}


#search_text input {
    width:70px;
    padding: 2px 5px;
    color: #cccccc;
    text-transform: uppercase;
    border: 1px solid #999;
    font-size: 11px;
    border: none;
    background: transparent;
}

#search_button input {
    padding: 0 3px;
    color: #666666;
    text-transform: uppercase;
    font-size: 11px;
    border: none;
    background: transparent;
    color: #bad235;
    font-weight: bold;

}

/********************************** CONTENT **********************************/ 

#large_image {float:left;}

#content h2 {
color:#007647;
}
   
#col_right {
    width: 300px;
    float: right;
    margin: 0;
    padding-top:55px;                   
}

#col_main {
    margin: 12px 312px 0 0;
    padding-bottom: 36px;
}

#feature h1 {
    margin: 0 0 0 268px;
    height: 1px;
    text-indent: -2000px;
    position: absolute;
}

#feature h5 {
color:#BAD235;
font-weight:bold;
text-transform:none;
}

#feature { 
    padding: 0px;

}

#feature img {
    float: left;
}

#feature #content { 
    margin: 0 0 0 265px;
}

#feature #content_secondary { 
    margin: 0 0 0 255px;
}

#feature #content img {
  float: none;
}

#products_feature #products_content img {float: none;}

/*****  BASE  *****/

#base {
    overflow: hidden;
    margin-left: 12px;
}

#base div.child {
    margin: 0 8px 0 0;
}

#base div.last {
    margin: 0;
}

/********************************** SIDEBAR **********************************/        
.side_outer {
    margin: 12px 12px 0 12px;
    width: 276px;
    padding: 10px 0 0 0;
    background:url(MySource_Files/sidebar_bg_top.gif) no-repeat top;
}

.side_inner {
    padding: 0 12px 11px 12px;
    background: #f0f0f0 url(MySource_Files/sidebar_bg_bottom.gif) no-repeat bottom;
}

.side_inner h3,
.side_inner h3 a {
    margin: 0 0 8px 0;
    color: #007647;
    font-size:21px;
}

.side_inner ol {
    margin-left: 0;
    padding-left: 1.6em;
}

.side_inner li {
    line-height: 1.3em;
    color: #BAD235;
    font-weight: bold;
    margin-bottom: 0.6em;
}

.side_inner li span {
    font-size: 11px;
    color: #999;
    font-weight: normal;
}

.side_inner a, .side_inner p{
    color:#999; font-size:11px; 
}

.side_300 {
    margin: 12px 0 0 0;
}

/*  WHO PUT THIS HERE? :-) SOMEONE'S BEEN SITTING IN MY CHAIR SAID THE BEAR */

p.right{margin:0 0 0 200px;padding:5px;}

/********************************** FOOTER **********************************/

#footer_outer {
    clear: right;
    height: 65px; 
    background: url(MySource_Files/bg_bottom_right.gif) bottom right no-repeat; /**/
    position: relative;
    overflow: visible;
}

#footer_inner {
    background: url(MySource_Files/footer_left.gif) left no-repeat;
    text-align: center;
    overflow: hidden;
    margin: 0 312px 0 12px;
    position: absolute;
    width: 596px;
    top: -36px; 
}

#footer_nav {
    text-transform: uppercase;
    list-style: none;
    margin: 0 0 0 6px;
    padding: 10px 0 10px 0;
    background: #bad235 url(MySource_Files/footer_right.gif) right no-repeat;
    overflow: hidden;
}

#footer_nav li {
    display: inline;
}

#footer_nav li a {
    color: #ffffff;
    padding: 10px 5px 10px 9px;
    text-decoration: none;
    font-size: 12px;
    background: url(MySource_Files/pipe.gif) left no-repeat;
    font-size:11px;
}

#footer_nav li a.first{
    background: none;
    padding-left: 5px;
}

#footer_nav li a:hover{
    color: #007c57;
}

/*******************************  FAQ PAGE  *************************/

#faq_menu{margin:0 0 0 255px;}
#faq_menu ul {list-style-type:none;margin-left:0;}
#faq_menu ul li {padding:2px 0 2px 0;}
#faq_menu ul li a:link, #faq_menu ul li a:visited{color:#000000; text-decoration:none;}
#faq_menu ul li a:hover{text-decoration:underline;}
#faq_menu ul li a.selected{font-weight:bold;text-decoration:underline;}
p.top_link a{margin-left:470px;color:#999;font-weight: bold; font-size:11px;text-decoration:none; }
p.top_link a:hover{text-decoration:underline;}

/*******************************  CLINIC PAGE  *************************/

.clinic {padding:15px 0 0 30px;}

/*******************************  SEARCH PAGE  *************************/

.results ol li {color: #9e9e9e;}

/*******************************  NEWS AND MEDIA  *************************/

.news_media li{
font-weight: normal;
line-height: 0.7em;
}

#col_right.news_media p.right a {
padding: 0 3px;
}

#content_media_coverage li.photo_thumb { 
  margin-right: 10px;
}

/****************  DESIGN ELEMENT - PRODUCT CYCLE  ***************************/


#side_cycle {
padding-bottom: 0;
}

#side_cycle h3 {
    height: 30px;
    text-indent: -2000px;
    margin: -10px -12px 0 -12px;
    background: url(MySource_Files/sidebar_header_cycle.gif)
}

#side_cycle p {
    font-size: 10px;
    margin-right: 80px;
}

#cycle {
    margin: 12px -20px 0 -12px;
    float: right;
    position: relative;
    padding: 0;
    top: 0px;
    left: 0px;
    width: 106px;
    height: 106px;
    overflow: hidden;
    background: transparent url(MySource_Files/product_cycle_women.gif) no-repeat 0 0;
}

#cycle li { margin: 0; padding: 0; list-style-type: none; display: block; position: absolute;}
#cycle a {display: block; text-indent: -9000px;}

#remove {left: 0; top: 0; width: 63px; height: 53px; }
#remove a {width: 63px; height: 53px; }
#remove a:hover {background: url(MySource_Files/product_cycle_women.gif) -106px 0 no-repeat;}

#soothe {left: 53px; top: 0; width: 53px; height: 63px; }
#soothe a {width: 53px; height: 63px;}
#soothe a:hover {background: url(MySource_Files/product_cycle_women.gif) -265px 0 no-repeat;}

#exfoliate {left: 0; top: 43px; width: 53px; height: 63px; }
#exfoliate a {width: 53px; height: 63px;}
#exfoliate a:hover {background: url(MySource_Files/product_cycle_women.gif) -424px -43px no-repeat;}

#release {left: 43px; top: 53px; width: 63px; height: 53px; }
#release a {width: 63px; height: 53px;}
#release a:hover {background: url(MySource_Files/product_cycle_women.gif) -361px -53px no-repeat;}


/**********************************  GENERIC  **********************************/
#content h6  {
    margin-top: 20px;               /*    necessary???       */
    text-transform: uppercase;
    color: #000;
}

.byline {
    text-transform: none;
    font-weight: bold;
    color: #bad235;
}

.cl {
    clear: left;
}

.cf {
    clear: both;
}

.dn {
    display: none;
}

.fl {
    float: left;
}

.last {
    margin-bottom: 0;
    padding-bottom: 0;
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover{
    text-decoration: underline;
}

p, ul {
    color: #000000;
}

/*strong {
    color: #666;
}

p strong {font-weight:normal;}*/

body {
    text-align: center;
    background-color: #cccccc;
}

a img {
    border: none;
}

a.skipnav       { margin-left:-9999px !important; position: absolute; padding: 2px; }
a:focus.skipnav { margin-left:0       !important; }

/* @group eCommerce Slider */

img.drag {
                position: relative;
                padding: 0.5em;
                /*margin: 0 0 0.5em 1.5em;*/
                margin: 0;
                cursor: move;
}
 
.slidertrack {
    background-color: #d7d7d7;
    color: #333;
    float: left;
    margin: 0;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
    padding: 4px;
    border: 1px solid;
    border-color: #ccc #aaa #aaa #ccc;
}
 
.slidertrack .sliderslit {
    background-color: #333;
    color: #ccc;
    height: 2px;
    margin: 4px 4px 2px 4px;
    line-height: 0px;
    position: absolute;
    z-index: 1;
    border: 1px solid;
    border-color: #999 #ddd #ddd #999;
}
 
.slidertrack .slider {
    width: 16px;
    background-color: #555;
    color: #333;
    position: relative;
    margin: 0;
    height: 8px;
    z-index: 1;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
    border: 2px solid;
    border-color: #999 #222 #222 #999;
}
 
#zoomcontainer{
    overflow: hidden;
    position: relative;
}

#zoomcontainer img{
    position: absolute;
}


/* @end */

/* @group Blog */

/* NOTE: div.post-list exists in FORUMS as well */


.blog-container {
        width: 880px;
}

.blog-list {
	background: #f9f9f9;
	border: 1px solid #eee;
	color: #000;
	font-size: 11px;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-list h2 {
	font-size: 18px;
	margin: 0 0 3px 0;
}

.blog-list span {
	color: #888;
}

.blog-container h1 {
	font-size: 36px;
	line-height: 40px;
	margin: 0 0 6px 0;
}

.blog-container p.description {
	margin: 0 0 36px;
}

.blog-post h2.post-title {
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	margin: 0;
	padding: 0 0 3px 0;
}

.blog-post .post-details {
	color: #888;
	font-size: 11px;
	margin: 4px 0 18px 0;
}

.blog-container .post-list {
	float: left;
	width: 68%;	
}

.blog-post .post-body {
	margin: 0 0 36px;
}

.comment-list {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin-bottom: 36px;
	padding: 18px;
}

.comment-list h5 {
	font-size: 14px;
	margin: 0 0 18px;
}

.comment-list input#Captcha {
	width: 300px;
}

.comment-list textarea.cat_listbox_small {
	height: 120px;
	width: 100%;
}

.blog-comment-container {
	border: 1px solid #e9e9e9;
	margin: 0 0 18px;
}

.blog-comment-container  .comment-details {
	background: #eee;
	font-size: 11px;
	padding: 6px;
}

.blog-comment-container .comment {
	background: #fff;
	padding: 9px;
}

span.flag {
	margin: 0 6px;
	vertical-align: middle;
}

input#fullname, input#website, input#emailaddress {
	width: 300px;
}

textarea.comment {
	height: 160px;
	width: 100%;
}

.forum-registration textarea.comment {
	height: 70px;
	width: 270px;
}

.post-body .links {
	font-size: 11px;
       padding-top: 8px;
}

.blog-container .side-panel {
	float: right;
	width: 28%;
}

.side-panel h4 {
	font-size: 12px;
	margin: 0 0 9px;
}

.BlogTagCloud {
	margin: 0 0 18px;
}

.BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul {
	margin: 0;
	padding: 0;
}

.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li {
	font-size: 11px;
	list-style: none;
	margin: 0 0 9px;
}

p.page-nav {
	text-align: center;
} 

p.page-nav a {
	margin: 0 9px;
}

.blog-post dl {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-post dt {
	color: #000;
}

.blog-post dd {
	margin: 0 0 9px;
}

/*.blog-container a:link, .blog-container a:visited {
        color: #008a5e;
}*/

.blog-container a:hover, .blog-container a:active {
        color: #bad235;
}

/* @end */

/* @group Forums */

/* NOTE: div.post-list exists in BLOG as well */

.forum-container,div.forum-posts-container{
        width: 880px;
}
.forum-container h1 {
	font-size: 24px;
}

table.topic-list, div.forum-posts-container div.post-list, div.forum-registration {
	color: #666;
}

div.forum-posts-container div.post-list a, div.forum-registration a {
	color: #1969bc;
}

div.forum-registration h2 {
	color: #000;
}

table.forum {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0;
	width: 100%;	
}

table.forum td {
	font-size: 11px;
	padding: 9px;
	vertical-align: top;
}

table.forum td.topics {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 90px;
}

table.forum td.posts {
	border-right: 1px solid #eee;	
	width: 90px;
}

table.forum td.lastpost {
	border-left: 1px solid #eee;	
	width: 180px;
}

table.forum .icon {
	float: left;
	width: 50px;
}

table.forum .forum {
	margin: 0 0 0 50px;
}

table.forum h3 {
	margin: 0;
}

table.forum h3 a {
	text-decoration: none;
}

ul.cap-top,
ul.cap-bottom {
	font-size: 11px;
	height: 30px;
	margin: 0 0 18px;
	padding: 0;
}

ul.cap-bottom {
	margin: 18px 0 0;
}

ul.cap-top li,
ul.cap-bottom li {
	display: block;	
	line-height: 30px;
	list-style: none;	
}

ul.cap-top li.user,
ul.cap-bottom li.nav-page {
	float: left;
	width: 200px;
}

ul.cap-top li.actions,
ul.cap-bottom li.actions
{
	float: right;
	font-size: 12px;
	text-align: right;
	width: 350px;
}

ul.cap-top li.actions a,
ul.cap-bottom li.actions a{
	float: right;
	margin: 0;
	padding: 0 9px;
}

table.topic-list {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 100%;
}

table.topic-list th {
	background: #ddd;
	border: 1px solid #ddd;
	color: #000;
	font-size: 10px;
	padding: 6px;
	text-align: left;
}

table.topic-list .name {
	font-weight: bold;
	width: 60%;
}

table.topic-list .name .icon {
	float: left;
	width: 30px;
}

table.topic-list .replies,
table.topic-list .views {
	font-size: 10px;
	text-align: center;
	width: 10%;
}

table.topic-list .date {
	font-size: 10px;
	text-align: right;
	width: 20%;
}

table.topic-list td {
	padding: 0;
}

table.topic-list a {
	color: #1969bc;
}

table.topic {
	border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;;
	margin: 0;
	width: 100%;
}

table.topic td {
	padding: 9px;
}

table.topic td.name,
table.topic td.replies,
table.topic td.views {
	border-right: 1px solid #eee;
	vertical-align: middle;
}

.forum-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.forum-registration input.cat_textbox,
.forum-registration textarea.cat_textbox {
	width: 260px;
}

.forum-registration input.cat_button {
	margin: 0 6px 0 0;
}

.forum-posts-container .breadcrumb {
	font-size: 11px;
	padding: 6px;
}

.forum-posts-container h1 {
	font-size: 18px;
	margin: 18px 0;
}

.forum-posts-container h2 {
	background: #eee;
	border: 1px solid #eee;
	color: #888;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 3px 18px;
}

.forum-posts-container table.container {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

.forum-posts-container td {
	background: #f9f9f9;	
	border: 1px solid #ddd;
	padding: 18px;
	vertical-align: top;
}

.forum-posts-container td.author {
	font-size: 11px;
	width: 160px;
}

.forum-posts-container h3.name {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.forum-posts-container tr.sub td {
	height: 30px;
	padding: 0 18px;
}

.forum-posts-container td.action a {
	float: right;
	line-height: 30px;
}

/* @end */