/* CSS Document */


/* Text Styles */
ol {
  font-family:Arial;
  font-size:small;
  color:#656565; 
}

p.bodycopy {
  font-family:Arial;
  font-size:small;
  color:#656565; 
  margin: 0px auto;
}
 
p.bodycopy_splash {
  font-family:Arial;
  font-size:x-small;
  color:#FFFFFF; 
  margin: 0px auto;
}
 
p.bodycopy_error  {
  font-family:Arial;
  font-size:small;
  color:#FF0000; 
  margin: 0px auto;
}
 
label.labelcopy
 {
 font-family:Arial;
 font-size:small;
 color:#656565; 
 margin: 0px auto;
 }
 
label.labelcopy_splash {
  font-family:Arial;
  font-size:x-small;
  color:#FFFFFF; 
  margin: 0px auto;
}
 
label.labelcopyError {
  font-family:Arial;
  font-size:x-small;
  color:#FF0000; 
  margin: 0px auto;
}
 
 label.labelcopyError_HCP
 {
 font-family:Arial;
 font-size:small;
 color:#FF0000; 
 margin: 0px auto;
 }
 
.body_copy_purple
 {
 font-family:Arial;
 font-size:small;
 color:#482C92; 
 margin: 0px auto;
 }
 
h1
 {
 font-family:Arial;
 font-size:medium;
 color:#482C92; 
 }
 
h2
 {
 font-family:Arial;
 font-size:small;
 color:#482C92; 
 }
 
/* Layout Styles */

body 
{ 
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color:#A497C8;
}

body.body_splash
{ 
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top:123px;
  background-image:url(../images/dermax_splash_primary_bcg.gif);
  background-color:#A497C8;
}

#container 
{
	position: relative;	
  	padding: 0px;
  	margin: 0px auto;
  	width: 100%;	
}

#splash_container 
{
	position: relative;	
  	padding-left: 43px;
	padding-top:139px;
	padding-bottom:39px;
  	margin: 0px auto;
  	width: 735px;
	height:338px;
	background-image:url(../images/dermax_splash_bcg.jpg);
	background-repeat:no-repeat;	
}

#splash_container_inner
{	
  	margin: 0px auto;
	float:left;
  	width: 460px;	
}

#splash_container_proffesional
{	
  	margin: 0px auto;
	float:left;
	padding-top:15px;
  	width: 460px;
	height:180px;
	background-image:url(../images/dermax_professional_bcg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#splash_container_proffesional_text
{	
  	margin: 0px auto;
	float:left;
	padding-left:15px;
  	width: 391px;
	height:135px;
	padding-top:10px;
	
}


#header 
{
  	padding: 0px;
  	margin: 0px auto;
  	width: 100%;
	background-color:#FFFFFF;
}

#header_inner 
{
  	padding: 0px;
  	margin: 0px auto;
  	width: 781px;
	
}

#sub_header 
{
  	padding: 0px;
  	margin: 0px auto;
  	width: 100%;
	background-color:#6D59A7;
}

#sub_header_inner 
{
  	padding: 0px;
  	margin: 0px auto;
	position: relative;	
  	width: 781px;
	background-image:url(../images/dermax_sub_header_bcg.gif);
	background-repeat:repeat-y;	
}

#sub_header_inner_container 
{
  	padding: 0px;
  	margin: 0px auto;
	position: relative;	
  	width: 740px;
}

#sub_header_inner_navigation 
{
  	padding-left:0px;
  	margin: 0px auto;
	position:relative;
  	width: 740px;
	height:30px;
	background-image:url(../images/dermax_nav_bcg.gif);
	background-repeat:repeat-x;
}

#sub_header_inner_banner
{
  	padding: 0px;
  	margin: 0px auto;
	position: relative;	
  	width: 740px;
	height:159px;
	background-image:url(../images/dermax_home_banner.jpg);
	background-repeat:no-repeat;
}

#sub_header_inner_banner_hcp
{
  	padding: 0px;
  	margin: 0px auto;
	position: relative;	
  	width: 740px;
	height:159px;
	background-image:url(../images/dermax_home_hcp_banner.jpg);
	background-repeat:no-repeat;
}

/*NAV*/

ul#navlist
{
margin:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:5px;
padding-top:5px;
white-space: nowrap;
}

ul#navlist_public
{
margin:0px;
padding-left:25px;
padding-right:0px;
padding-bottom:5px;
padding-top:5px;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist_public li
{
display: inline;
list-style-type: none;
}

#navlist a {
padding-top:5px; 
padding-bottom:5px;
padding-right:7px; 
padding-left:7px;
}

#navlist_public a {
padding-top:5px; 
padding-bottom:5px;
padding-right:7px; 
padding-left:7px;
}

#navlist a:link, #navlist a:visited
{
color: #FFFFFF;
text-decoration: none;
font-family:Arial;
font-size:12px;
}

#navlist_public a:link, #navlist_public a:visited
{
color: #FFFFFF;
text-decoration: none;
font-family:Arial;
font-size:12px;
}

#navlist a:hover
{
color: #EFEC1E;
text-decoration: none;
}

#navlist_public a:hover
{
color: #EFEC1E;
text-decoration: none;
}

.navdiv{
background-image:url(../images/dermax_nav_div.gif);
background-repeat:no-repeat;
background-position:right;}

/*END NAV*/


#prime_content 
{
  	padding: 0px;
  	margin: 0px auto;
  	width: 100%;
	background-color:#A497C8;
}

#prime_content_inner 
{
  	padding: 0px;
  	margin: 0px auto;
	position: relative;	
  	width: 781px;
	background-image:url(../images/dermax_prime_bcg.gif);
	background-repeat:repeat-y;	
}

#prime_content_inner_container 
{
  	padding: 29px;
  	margin: 0px auto;
	position: relative;	
  	width: 682px;
}

#prime_content_left_col 
{
  	margin: 0px auto;
	float:left;
  	width: 462px;
	border-right: #D8D9D9 1px solid;
	padding-right:29px;
}


#prime_content_terms 
{
  	margin: 0px auto;
	float:left;
  	width: 622px;
	padding-right:29px;
}

#prime_content_right_col 
{
  	margin-left:492px;
  	width: 160px;
	padding-left:30px;
}

#footer 
{
  	padding: 0px;
  	margin: 0px auto;
  	width: 100%;
	height:71px;
	background-color:#A497C8;

}

#footer_inner 
{
  	padding-left: 44px;
	padding-top:15px;
  	margin: 0px auto;
  	width: 737px;
	height:56px;
	background-image:url(../images/dermax_footer_bcg.gif);
	background-repeat:no-repeat;
}

#force_spacer
{
	clear:both;
	height:1px;
}

a.dermaxhref:link {color: #6b56a6; font-family:arial ; font-weight: bold; font-size: small; text-decoration: underline;}
a.dermaxhref:visited {color: #6b56a6; font-family:arial; font-weight: bold; font-size: small; text-decoration: underline;}
a.dermaxhref:active {color: #6b56a6; font-family:arial; font-weight: bold; font-size: small; text-decoration: underline;}
a.dermaxhref:hover {color: #6b56a6; font-family:arial; font-weight: bold; font-size: small; text-decoration: underline;}

a.dermaxhref_small:link {color: #6b56a6; font-family:arial ; font-weight: bold; font-size: x-small; text-decoration: underline;}
a.dermaxhref_small:visited {color: #6b56a6; font-family:arial; font-weight: bold; font-size: x-small; text-decoration: underline;}
a.dermaxhref_small:active {color: #6b56a6; font-family:arial; font-weight: bold; font-size: x-small; text-decoration: underline;}
a.dermaxhref_small:hover {color: #6b56a6; font-family:arial; font-weight: bold; font-size: x-small; text-decoration: underline;}

img.packshot
{
padding-left:15px;
}

input.btndermax{
	background: transparent url(../images/dermax_submit_btn.gif) no-repeat right top;
	height:23px;
	width:130px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	outline: none;
	margin: 0;
    padding-right: 12px;
    border: 0;
	cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
	padding-bottom:4px;
	
}

input.btndermax_professional_btn{
	background: transparent url(../images/dermax_professional_btn.gif) no-repeat right top;
	height:53px;
	width:460px;
	color: #9889C1;
	font-size: 1pt;
	outline: none;
	margin: 0;
    padding-right: 12px;
    border: 0;
	cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
}

input.btndermax_hcp_btn{
	background: transparent url(../images/dermax_hcp_btn.gif) no-repeat right top;
	height:22px;
	width:76px;
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	outline: none;
	margin: 0;
    padding-right: 12px;
    border: 0;
	cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
	padding-bottom:3px;
}





