************************* 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: 20px 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 */