BODY {background-repeat:repeat-x; 
background-image:url(images/background.gif);
scrollbar-arrow-color:#0B759C;
	scrollbar-base-color:#6D8693;
	scrollbar-shadow-color:#F3F3F3;
	scrollbar-face-color:#F8F9FA;
	scrollbar-highlight-color:#F3F3F3;
	scrollbar-dark-shadow-color:white;
	}
	
img.floatRight { 
    border: solid #d2d7c2 2px;
    float: right; 
    margin: 0px;
    display: inline-block;
}
img.floatLeft { 
    float: left; 
    margin: 0px; 
}

a:link { color: #336296; text-decoration: none }
a:active { color: #FFF799; text-decoration: none }
a:visited { color: #336296; text-decoration: none }
a:hover { color: #336296; text-decoration:underline }
A {text-decoration:underline}
.class1 a:link { color: #FFFFFF; text-decoration: none }
.class1 a:active { color: #FFF799; text-decoration: none }
.class1 a:visited { color: #FFFFFF; text-decoration: none }
.class1 a:hover { color: #FFF799; text-decoration: NONE }
.class1 A {text-decoration:underline }

.class2 a:link { color: #B7B7B7; text-decoration: none }
.class2 a:active { color: #B7B7B7; text-decoration: none }
.class2 a:visited { color: #B7B7B7; text-decoration: none }
.class2 a:hover { color: #555555; text-decoration: NONE }
.class2 A {text-decoration:underline }

.class3 a:link { color: #B7B7B7; text-decoration: none }
.class3 a:active { color: #B7B7B7; text-decoration: none }
.class3 a:visited { color: #B7B7B7; text-decoration: none }
.class3 a:hover { color: #555555; text-decoration: underline }
.class3 A {text-decoration:underline }

.class4 a:link { color: #555555; text-decoration: none }
.class4 a:active { color: #555555; text-decoration: none }
.class4 a:visited { color: #8A3510; text-decoration: none }
.class4 a:hover { color: #555555; text-decoration: underline }
.class4 A {text-decoration:underline }

.class5 a:link { color: #9B651F; text-decoration: none }
.class5 a:active { color: #9B651F; text-decoration: none }
.class5 a:visited { color: #9B651F; text-decoration: none }
.class5 a:hover { color: #9B651F; text-decoration: underline }
.class5 A {text-decoration:underline }

.class6 a:link { color: #FFFFFF; text-decoration: none }
.class6 a:active { color: #8A3510; text-decoration: none }
.class6 a:visited { color: #8A3510; text-decoration: none }
.class6 a:hover { color: #FFFFFF; text-decoration: underline }
.class6 A {text-decoration:underline }

.class7 a:link { color: #555555; text-decoration: none }
.class7 a:active { color: #555555; text-decoration: none }
.class7 a:visited { color: #555555; text-decoration: none }
.class7 a:hover { color: #FFFFFF; text-decoration: none }
.class7 A {text-decoration:underline }

.required {font-family:arial,helvetica;font-size:11px;color:#FF0000;line-height:11px}

.bodytext {font-family:arial,helvetica;font-size:11px;color:#555555;line-height:12px}
.bodytextgry {font-family:arial,helvetica;font-size:10px;color:#555555;line-height:11px}
.bodytextblk {font-family:arial,helvetica;font-size:10px;color:#000000;line-height:12px}
.bodytextblkbold {font-family:arial,helvetica;font-size:10px;font-weight:bold;color:#000000;line-height:12px}
.bodytextblkp {font-family:arial,helvetica;font-size:12px;color:#000000;line-height:14px}
.bodytextwht {font-family:arial,helvetica;font-size:11px;color:#FFFFFF;line-height:12px}
.bodytextitalic {font-family:arial,helvetica;font-size:11px;font-style:italic;color:#464646;line-height:13px}
.bodytextitalicwht {font-family:arial,helvetica;font-size:11px;font-style:italic;color:#FFFFFF;line-height:13px}
.bodytextitalicbold {font-family:arial,helvetica;font-size:11px;font-style:italic;font-weight:bold;color:#464646;line-height:13px}
.bodytextitalicboldwht {font-family:arial,helvetica;font-size:11px;font-style:italic;font-weight:bold;color:#FFFFFF;line-height:13px}
.bodytextbold {font-family:arial,helvetica;font-size:11px;font-weight:bold;color:#555555;line-height:12px}
.bodytextboldwht {font-family:arial,helvetica;font-size:12px;font-weight:bold;color:#FFFFFF;line-height:13px}
.bodytext2 {font-family:arial,helvetica;font-size:10px;font-weight:bold;color:#C2C2C2;line-height:12px}
.bodytextbold2 {font-family:arial,helvetica;font-size:11px;font-weight:bold;color:#464646;line-height:13px}
.bodytext3 {font-family:arial,helvetica;font-size:10px;font-weight:bold;color:#9FA08B;line-height:13px}
.bodytext3b {font-family:arial,helvetica;font-size:11px;color:#8A3510;line-height:13px;}
.bodytext4 {font-family:arial,helvetica;font-size:11px;color:#555555;line-height:13px}
.bodytext5 {font-family:arial,helvetica;font-size:11px;color:#CCCCCC;line-height:13px}
.bodytext6 {font-family:arial,helvetica;font-size:10px;font-weight:bold;color:#ACACAC;line-height:13px}
.bodytextblue {font-family:arial,helvetica;font-size:11px;color:#5D86A1;line-height:11px}
.bodytextblueital {font-family:arial,helvetica;font-size:11px;font-style:italic;color:#5D86A1;line-height:11px}
.bodytextbluebold {font-family:arial,helvetica;font-size:11px;font-weight:bold;color:#5D86A1;line-height:11px}
.bodytextbold5 {font-family:arial,helvetica;font-size:9px;font-weight:bold;color:#B7B7B7;line-height:14px}
.bodytextbold6 {font-family:arial,helvetica;font-size:10px;font-weight:bold;color:#B7B7B7;line-height:14px}
.bodytextred {font-family:arial,helvetica;font-size:11px;color:#8A3510;line-height:12px}
.bodytextboldred {font-family:arial,helvetica;font-size:11px;font-weight:bold;color:#8A3510;line-height:13px}
.bodytextyel {font-family:arial,helvetica;font-size:11px;color:#FFFFCC;line-height:12px}
.bodytextboldyel {font-family:arial,helvetica;font-size:11px;font-weight:bold;color:#FFFFCC;line-height:13px}

.dot {font-family:arial,helvetica;font-size:10px;color:#7D7E6A;line-height:16px}

.subnav {font-family:arial,helvetica;font-size:13px;color:#336296;line-height:13px;font-weight:bold}
.small {font-family:arial,helvetica;font-size:10px;line-height:11px;color:#555555}
.smallitl {font-family:arial,helvetica;font-size:10px;font-style:italic;line-height:11px;color:#555555}
.smallwht {font-family:arial,helvetica;font-size:10px;line-height:11px;color:#FFFFFF}
.smallred {font-family:arial,helvetica;font-size:10px;line-height:11px;color:#9B651F}

.crumbhdr {font-family:arial,helvetica;font-size:10px;font-weight:bold;color:#555555;line-height:12px}
.crumb {font-family:arial,helvetica;font-size:9px;font-weight:bold;line-height:11px;color:#B7B7B7}

.header1 {font-family:arial,helvetica;color:#5D87A0;font-size:15px; line-height:22px;font-weight:bold}
.header2 {font-family:arial,helvetica;color:#8A3510;font-size:13px;font-weight:bold}
.header2b {font-family:arial,helvetica;color:#555555;font-size:12px;font-weight:bold}
.header3 {font-family:arial,helvetica;color:#C6C5C5;font-size:25px;line-height:31px;font-weight:bold}
.header4 {font-family:arial,helvetica;color:#555555;font-size:15px;font-weight:bold;line-height:14px}
.header4p {font-family:arial,helvetica;color:#000000;font-size:15px;font-weight:bold;line-height:14px}
.header4wht {font-family:arial,helvetica;color:#FFFFFF;font-size:14px;font-weight:bold;line-height:14px}
.header5 {font-family:arial,helvetica;color:#FFFFFF;font-size:15px;font-weight:bold}
.header6 {font-family:arial,helvetica;color:#A75463;font-size:18px;font-weight:bold}
.header7 {font-family:arial,helvetica;color:#DEDDE1;font-size:18px;font-weight:bold}
.header8 {font-family:arial,helvetica;color:#FFFFFF;font-size:18px;font-weight:bold}
.header9 {font-family:arial,helvetica;color:#9FA08B;font-size:15px;font-weight:bold}
.header10 {font-family:arial,helvetica;color:#8A3510;font-size:15px;line-height:16px;font-weight:bold}

.top {font-family:arial,helvetica;font-size:10px;font-weight:bold;color:#FFFFFF}
.nav {font-family:arial,helvetica;font-weight:bold;font-size:9px;color:#FFFFFF}
.footer {font-family:arial,helvetica;font-size:9px;line-height:17px;font-weight:bold;color:#FFFFFF} 

/* TABBER 

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
  
/*h2 {font-family:arial,helvetica;color:#8A3510;font-size:10px;font-weight:bold}*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 11px arial, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

/* original 
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #9fa08b;
 border-bottom: none;
 background: #d2d7c2;
 text-decoration: none;
} */

ul.tabbernav li a   /* unselected tabs at rest */
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #9fa08b;
 border-bottom: none;
 background: #d2d7c2;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #8A3510; } /* tab h2 font header font */
ul.tabbernav li a:visited { color: #667; }

/* original 
ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}
*/
ul.tabbernav li a:hover /* inactive tabs hovered */
{
 color: #ffffff;
 background: #7d7e6a;
 border-color: #000;
}

ul.tabbernav li.tabberactive a  /* active tab rest state*/
{
 background-color: #ffffff;
 border-bottom: 1px solid #fff;
}

/* original
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
*/
ul.tabbernav li.tabberactive a:hover /* ACTIVE TAB HOVERED */
{
 color: #8A3510;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 /* border:1px solid #aaa; */   /* DIV BORDER */
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:240px; 

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto; 
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/* ================================================================

								AJAX TABS CSS 
								
===================================================================*/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 10px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
/*border: 1px solid #778;*/
color: #2d2b2b;
background: white url(../product_therapies/ajaxtabs/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}


.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../product_therapies/ajaxtabs/shadeactive.gif);
border-bottom-color: gray;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
width: 375px;
float: left;
margin-bottom: .5em; padding: 0px;
margin-left: 1em;
margin-right: 0em;
margin-top: 1em;
color: #555555;
background-color: #ffffff;
line-height: 12px;
font-size: 11px;
/*letter-spacing: .2px;*/
}

/* OLD .categoryContentstyle{
 border: 1px solid gray;
width: 450px;
border-bottom-style: solid;
border-bottom-size: .1px;
border-bottom-color: #7D7E6A;
margin-bottom: 0em; padding: 0px;
margin-left: 0em;
}*/
.productHomeStyle{
width: 440px;
float: left;
margin-bottom: .5em; padding: 0px;
margin-left: 1em;
margin-right: 0em;
margin-top: 1em;
color: #555555;
background-color: #ffffff;
line-height: 12px;
font-size: 11px;
.skintypeselector{
float: right;
margin-top: 1em;
margin-right: 2px;
border: 1px solid #7D7E6A; 
width: 342px; 
position: relative; top;}

.categoryContentstyle{
padding: 6px;
margin-right: 2px;
margin-bottom: 1em;
color: #555555;
line-height: 11px;
font-size: 10px;
/*letter-spacing: .2px;*/
border-top: none;
border-right: 1px solid #7d7e6a;
border-left: 1px solid #7d7e6a;
border-bottom: 1px solid #7D7E6A; 
width: 330px; 
float: right;
position: relative;
background-color: #ffffff;
}

.zoneTable{
/*padding: 2px;*/
color: white;
line-height: 11px;
font-size: 11px;
width: 100%;
border: 1px solid #555555;
}

.conditionContentstyle{
background-color: #9fa08b;
margin-right: 2px;
padding: 6px;
color: #555555;
line-height: 11px;
font-size: 10px;
/*letter-spacing: .2px;*/
border: #7D7E6A 1px solid;
width: 330px; 
float: right;
}

.conditionProductstyle{
margin-top: 1em;
margin-right: 0em;
margin-left: 1em;
padding: 4px;
color: 555555;
line-height: 11px;
font-size: 10px;
/*border-top: none;
border-right: 1px solid #7D7E6A;
border-left: 1px solid #7D7E6A;
border-bottom: 1px solid #7D7E6A;*/ 
width: 370px; 
float: left;
position: relative;
background-color: #ffffff;
}

.conditionProductTable {
/*padding: 2px;*/
margin-bottom: 1em;
color: #555555;
line-height: 11px;
font-size: 11px;
width: 100%
background: #d2d7cd;
}

.packageContent {
width: 100%;
}

.carecredit {font-family:arial,helvetica;font-size:11px;color:#555555;line-height:12px}

.carecredit li {
list-style-type: disc;
}


.conditionTablestyle{
padding: 2px;
margin-right: 2px;
margin-bottom: 1em;
border-top: none;
border-left: 1px solid #7D7E6A; 
border-right: 1px solid #7D7E6A;
border-bottom: 1px solid #7D7E6A; 
width: 338px; 
float: right;
position: relative;
background-color: #ffffff;
}

.conditionTable{
padding: 2px;
color: white;
line-height: 11px;
font-size: 9px;
}
.conditionTable a:link { color: #555555; text-decoration: none; }
.conditionTable a:active { color: #555555; text-decoration: none; }
.conditionTable a:visited { color: #555555; text-decoration: none; }
.conditionTable a:hover { color: #000000; text-decoration: none; }
.conditionTable A {text-decoration:underline }

.skinTable {font-family:arial;font-size:10px;color:#000000;letter-spacing: .2px; font-weight: bold; line-height:12px}
.skinTable a:link { color: #000000; text-decoration: none }
.skinTable a:active { color: #000000; text-decoration: none }
.skinTable a:visited { color: #555555; text-decoration: none }
.skinTable a:hover { color: #FFFFFF; text-decoration: none; font-size: 10px;}
.skinTable A {text-decoration:underline }


.paddedText{padding-top: 6px; padding-right: 0px; padding-left; 0px; padding-bottom: 0px;}