/* ADDED FOR V3 DERMA SKIN CARE */
html { }

body {
  height:100%;
  font-size: 12pt;
  color:#000000;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  background-color: #8DA6CC;
}


#denver-web-design {
  color:#8D7C98;
  font-weight:800;
  font-size:10px;
  position: relative;
}

#denver-web-design a, #denver-web-design a:link, #denver-web-design a:visited {
  color:#8D7C98;
  font-weight:800;
  font-size:10px;
  text-decoration:none;
}


#PageWrapper {
  width:100%;
  height:100%;
  padding:0;
  margin:0 auto;
  clear: both;
  min-width:980px;
}

#HeaderWrapper {
  width: 100%;
  min-width:980px;
  height: 347px;
  float:left;
  position:relative;
  padding:0;
  margin:0;
}

#HeaderTop {
  width:100%;
  height:10px;
  float:left;
  position:relative;
  background-image: url(/images/V3/TopPcBg.jpg);
  background-repeat: repeat-x;
}

#HeaderNavigation {
  width:100%;
  height:41px;
  float:left;
  position:relative;
  background-image: url(/images/V3/HeaderNavigationBg.jpg);
  background-repeat: repeat-x; 
}

#HeaderLinks {
  width:790px;
  height:41px;
  float:left;
  position:relative;
  line-height:41px;
  vertical-align:middle;
  text-align:left;
}

#HeaderLinks A {
  padding-left:12px;
  padding-right:12px;
  font-size: 14px;
  font-weight: 400;
  font-family: Verdana;
  color: #FFFFFF;
}

#HeaderLinks A:hover {
  text-decoration: underline;
}

#HeaderSearchArea {
  width:190px;
  height:41px;
  float:right;
  position:relative;
  line-height:41px;
  vertical-align:bottom;
}

#HeaderFadeAreaWrapper {
  width:100%;
  height:278px;
  float:left;
  position:relative;
  background-image: url(/images/V3/HeaderBg.jpg);
  background-repeat: repeat-x; 
}

#HeaderFadeAreaStatic {
  width:372px;
  height:278px;
  float:left;
  position:relative;
  background-image: url(/images/V3/HeaderGraphic.jpg);
  background-repeat: no-repeat; 
}

#HeaderFadeAreaSlides {
  width:593px;
  height:278px;
  float:left;
  position:relative;
  background-image: url(/images/V3/ImageFaderBg.jpg);
  background-repeat: no-repeat; 
}

#mContainer {
    position:relative;
	width:593px;
	height:278px;
    z-index:300;
}

.mPhoto {
    position:absolute;
	top:0px;
	left:0px;
	-moz-opacity:0.0;
	filter:Alpha(opacity=0);
    z-index:310;
}

#HeaderBottom {
  width:100%;
  height:18px;
  float:left;
  position:relative;
  background-image: url(/images/V3/HeaderBottomPc.jpg);
  background-repeat: repeat-x;
}

#ContentWrapper {
  width: 100%;
  min-width:980px;
  height: 100%;
  float: left;
  position: relative;
  background-color: #9EAEC9;
  margin: 0;
  padding: 0;
  clear:both;
  z-index: 1000;
}

#ColumnWrapper {
  float: left;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 1000;
}

#LeftColumn {
  width: 230px;
  margin-left: -100%;
  height: 100%;
  float: left;
  position: relative;
  z-index: 1000;
  text-align:left;
}

#ScrollArea {
  width:199px;
  height:197px;
  margin-left:8px;
  float:left;
  z-index:500;
  position: relative;
  background-image: url(/images/V3/ScrollingNewsBg.gif);
  background-repeat: no-repeat;
}

#pscroller1{
  margin-left:5px;
  margin-right:5px;
  margin-top:12px;
  width: 175px;
  height: 170px;
  font-size: 14px;
  color: #3B3E63;
  font-weight: 800;
  float: left;
  text-align:left;
}

#ColumnHeader {
  font-family: Tahoma;
  font-size: 20px;
  font-weight: 100;
  color: #FFFFFF;
  text-align:center;
  letter-spacing:2px;
}

#CenterColumn {
  margin: 0 205px 15px 235px;
  border-left: 1px SOLID #D8E1F0;
  border-right: 1px SOLID #D8E1F0;
  text-align:left;
  min-width:530px;
}

#ContentFooterLinks {
  text-align:center;
  margin-top:20px;
}

#ContentFooterLinks A {
  font-size: 12px;
  font-weight: 400;
  font-family: Verdana;
  color: #003366;
}

#ContentFooterLinks A:hover {
  text-decoration:underline;
}

  

#RightColumn {
  width: 200px;
  margin-left: -200px;
  height: 100%;
  float: left;
  position: relative;
  z-index: 1000;
  text-align:left;
}

#ContactInfoArea {
  width:174px;
  height:171px;
  margin-left:8px;
  margin-top:20px;
  float:left;
  z-index:500;
  position: relative;
  background-image: url(/images/V3/ContactInfoBg.gif);
  background-repeat: no-repeat;
  text-align:center;
  font-size: 13px;
  font-family: Tahoma;
  font-weight: 400;
  color: #626D92;
}

#ContactInfoArea A {
  color: #626D92;
}

#ContactInfoArea A:hover {
  text-decoration:underline;
}

#ContactHeader {
  font-family: Tahoma;
  font-size: 20px;
  font-weight: 100;
  color: #3B3E63;
  text-align:center;
  letter-spacing:2px;
  padding:8px;
}

#FooterWrapper {
  width: 100%;
  height: 60px;
  float:left;
  position:relative;
  padding:0;
  margin:0;
  background-image: url(/images/V3/FooterBg.jpg);
  background-repeat: repeat-x;
  z-index: 5;
}

#Footer {
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
  vertical-align: middle;
  position: relative;
  z-index: 5;
}

#Footer span {
  color:#FFFFFF;
  font-size:11px;
  position: relative;
  z-index: 5;
}

#Footer a, #Footer a:link, #Footer a:visited {
  color:#FFFFFF;
  text-decoration:none;
}

#Footer a:hover {
  text-decoration:underline;
}


/* RIGHT COLUMN MENU */

a {color: rgb(50,50,50); text-decoration: none;}
a.current {color: rgb(200,200,200);}
a:hover {color: rgb(250,150,0); text-decoration: underline;}
select {font: 11px verdana, arial, helvetica, serif;}	
h1 {font: bold 13px verdana, arial, helvetica, serif; clear: left;}
p {clear: left;}
p:hover {}

/** Dropdowns **/
#navR, #navR ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 180px;
z-index: 1000;
}

#navR li { /* all list items */
position: relative;
float: left;
width: 180px;

}
#navR li ul { /* second-level lists */
position: absolute;
left: -2000px;
margin-left: -180px;
margin-top: -21px;
background: #A9BBDA;
border: 1px SOLID #336699;
width: 180px;
z-index: 1000;
}

#navR li ul ul { /* third-and-above-level lists */
left: -1000px;
z-index: 1000;
}

#navR li a {
width: 180px;
display: block;
font-weight: bold;
text-decoration: none;
padding: 3px 5px;
margin: 0;
color: rgb(50,50,50);
font-size: 13px;
color: #FFFFFF;
}	
#navR li a:hover {
color: #336699;
border: 0px solid rgb(100,100,100);

}
#navR li a {
}
#navR a.encl {
}	
#navR a.encl:hover {
}
#navR li:hover ul ul, #navR li:hover ul ul ul, #navR li:hover ul ul ul ul, #navR li.iehoverR ul ul, #navR li.iehoverR ul ul ul, #navR li.iehoverR ul ul ul ul {
left: -2000px;
}
#navR li:hover ul, #navR li li:hover ul, #navR li li li:hover ul, #navR li li li li:hover ul, #navR li.iehoverR ul, #navR li li.iehoverR ul, #navR li li li.iehoverR ul, #navR li li li li.iehoverR ul { /* lists nested under hovered list items */
left: auto;
}

#navR li:hover, #navR li.hover {   
    position: static;   
} 

/** Support for the "iehoverR-fix.js" **/
#navR iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}



/* LEFT COLUMN MENU */

a {color: rgb(50,50,50); text-decoration: none;}
a.current {color: rgb(200,200,200);}
a:hover {color: rgb(250,150,0); text-decoration: underline;}
select {font: 11px verdana, arial, helvetica, serif;}	
h1 {font: bold 13px verdana, arial, helvetica, serif; clear: left;}
p {clear: left;}
p:hover {}

/** Dropdowns **/
#navL, #navL ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 180px;
z-index: 1000;
}

#navL li { /* all list items */
position: relative;
float: left;
width: 180px;

}
#navL li ul { /* second-level lists */
position: absolute;
left: -2000px;
margin-left: 180px;
margin-top: -21px;
background: #A9BBDA;
border: 1px SOLID #336699;
width: 200px;
z-index: 1000;
}

#navL li ul ul { /* third-and-above-level lists */
left: -1000px;
z-index: 1000;
}

#navL li a {
width: 180px;
display: block;
font-weight: bold;
text-decoration: none;
padding: 3px 5px;
margin: 0;
color: rgb(50,50,50);
font-size: 13px;
color: #FFFFFF;
}	
#navL li a:hover {
color: #336699;
border: 0px solid rgb(100,100,100);

}
#navL li a {
}
#navL a.encl {
}	
#navL a.encl:hover {
}
#navL li:hover ul ul, #navL li:hover ul ul ul, #navL li:hover ul ul ul ul, #navL li.iehoverL ul ul, #navL li.iehoverL ul ul ul, #navL li.iehoverL ul ul ul ul {
left: -2000px;
}
#navL li:hover ul, #navL li li:hover ul, #navL li li li:hover ul, #navL li li li li:hover ul, #navL li.iehoverL ul, #navL li li.iehoverL ul, #navL li li li.iehoverL ul, #navL li li li li.iehoverL ul { /* lists nested under hovered list items */
left: auto;
}

#navL li:hover, #navL li.hover {   
    position: static;   
} 

/** Support for the "iehoverL-fix.js" **/
#navL iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}



/* **************************** */


.header
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #FFFFFF;
	FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF;
}


.smallBold
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.menuBold
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 12pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

TD.menu 
{ 
	color: #ffffff; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
} 

TD.menu A:link 
{
	FONT-WEIGHT: bold; 
	text-decoration: none; 
	color: #DA9CBC; 
	font-size: 10px;
} 

TD.menu A:hover 
{
	COLOR: #FE2E01; 
	text-decoration: underline; 
	font-weight: bold; 
	FONT-SIZE: 10px;
} 

TD.menu A:visited 
{
	COLOR: #DA8FE0; 
	text-decoration: underline; 
	font-weight: bold; 
	FONT-SIZE: 10px;  
} 


.text
{  
				FONT-FAMILY: Arial, Helvetica, sans-serif; 
				font-weight: 800;
				FONT-SIZE: 14px
}

A:link
{
    COLOR: #7D1A2B;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A:visited
{
    COLOR: #51111D;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    text-decoration: none
}

A:hover
{
	COLOR: #800080;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: underline
}

A.samepagelinks:visited
{
    COLOR: #CC3300; text-decoration: none;
}

A.samepagelinks:link
{
    COLOR: #990000; text-decoration: none;
}

A.samepagelinks:hover
{
    COLOR: #CC6600; text-decoration: underline;
}

A.barlinks:link
{
    FONT-SIZE: 7pt;
    COLOR: #ffffff;
}

A.barlinks:visited
{
    COLOR: #ffffff;
}

A.barlinks:hover
{
    FONT-SIZE: 7pt;
    COLOR: #A7F8FF;
    text-decoration: underline;
}

.dermalogica
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #669999;
    FONT-FAMILY: Arial, Helvetica, sans-serif; font-style: oblique;
    Display: none;
}

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #676767;
    FONT-FAMILY: Arial, Helvetica, sans-serif; font-style: oblique;
}

.set1 
{
	font-family:    Arial, Helvetica;
	font-size:      10px;
	font-weight:    900;
}

.set2 
{
	font-family:    Arial, Helvetica;
	font-size:      12px;
	font-weight:    800;
}

.dermalogica-1 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 30pt; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial;
}

.dermalogica-2 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 30pt; 
	COLOR: #AAAAAA; 
	FONT-FAMILY: Arial;
}


.scroller
{
	FONT-WEIGHT: bold; 
	text-decoration: none; 
	color: #FFFFFF; 
	font-size: 11px;
} 

.scroller A:link 
{
	FONT-WEIGHT: bold; 
	text-decoration: none; 
	color: #48A4FF; 
	font-size: 11px;
} 

.scroller A:hover 
{
	COLOR: #0000FF; 
	text-decoration: underline; 
	font-weight: bold; 
	FONT-SIZE: 11px;
} 

.scroller A:visited 
{
	COLOR: #8409FF; 
	text-decoration: underline; 
	font-weight: bold; 
	FONT-SIZE: 11px; 
}