/* ------------------------------- Browser Classes ------------------------------- */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:18px;
background:#ffffff;
background-image:url(../Images/bkgTile.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
color:#4f2884;
margin:0 0 23px 0;
padding:0;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#31a2ad;
margin:0 0 3px 0;
}
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
margin:0 0 3px 0;
}
ol {
list-style:none;
list-style-position:outside;
margin:0;
padding:0;
}
ul li{
padding:0 0 8px 0;
font-weight:normal;
}
.base ul {
margin:0 0 0 20px;
padding:0;
}
.base ul li {
list-style-position:outside;
padding:0;
margin:0 0 0 18px;
}
#product {
padding-left:175px;
}
.product ul {
margin:0 0 0 20px;
padding:0;
}
.product ul li {
list-style-position:outside;
padding:0 0 0 ;
margin:0 0 0 18px;
}
a, a:active {
color:#a50994;
text-decoration:underline;
}
a:hover {
color:#a50994;
text-decoration:none;
}
input, textarea {
border:solid;
border-color:#8765b6;
border-width:1px;
}
em {
font-size:10px;
font-weight:bold;
font-variant:normal;
font-style:normal;
}





/* ------------------------------- Template Classes ------------------------------- */
#layout {
width:941px;
margin:15px auto 0 auto;
}
.content {
background-color:#ffffff;
}
#title {
min-height:61px;
background-image:url(../Images/titleBkg.gif);
background-repeat:no-repeat;
padding:17px 0 0 20px;
}
.topNav a, .topNav a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
display:block;
width:195px;
height:23px;
vertical-align:middle;
text-decoration:none;
background-image:url(../Images/navBkg.gif);
background-repeat:no-repeat;
padding:5px 0 0 12px;
}
.topNav a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:underline;
color:#ffffff;
display:block;
width:195px;
height:23px;
vertical-align:middle;
text-decoration:none;
background-image:url(../Images/navBkg.gif);
background-repeat:no-repeat;
background-position:0 -28px;
padding:5px 0 0 12px;
}
.subNav a, .subNav a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
display:block;
width:195px;
height:20px;
vertical-align:middle;
text-decoration:none;
background-image:url(../Images/subNavBkg.gif);
background-repeat:no-repeat;
padding:2px 0 0 12px;
}
.subNav a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:underline;
color:#ad5393;
display:block;
width:195px;
height:20px;
vertical-align:middle;
text-decoration:none;
background-image:url(../Images/subNavBkg.gif);
background-repeat:no-repeat;
padding:2px 0 0 12px;
background-position:0 -22px;
}
.subNavX a, .subNav a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
display:block;
width:195px;
height:20px;
vertical-align:middle;
text-decoration:none;
background-image:url(../Images/subNavLastBkg.gif);
background-repeat:no-repeat;
padding:2px 0 0 12px;
}
.subNavX a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:underline;
color:#ad5393;
display:block;
width:195px;
height:20px;
vertical-align:middle;
text-decoration:none;
background-image:url(../Images/subNavLastBkg.gif);
background-repeat:no-repeat;
padding:2px 0 0 12px;
background-position:0 -22px;
}
.aspsLogo {
margin:20px auto 0 auto;
border:none;
}
.contactText {
color:#4f2884;
font-size:11px;
}
#contactPad {
padding:12px 0 0 0;
}
#contentWrap {
max-width:448px;
}
.formContent {
line-height:13px;
background-image:url(../Images/formContentBkg.gif);
background-repeat:repeat-y;
}
/* .phoneBug {
padding:0;
border:none; 
} */
.lowerPhoto {
padding:0 0 35px 0;
}
.footer {
padding:0 0 20px 0;
}
.logoBug {
padding:0 0 0 30px;
}
#copyC {
font-size:10px;
color:#898989;
margin:15px 0 0 0;
}
#thomasPhoto, #kristinaPhoto {
width:215px;
height:307px;
float:left;
padding:20px 20px 15px 0;
}
#genericPhoto {
width:200px;
height:280px;
float:left;
padding:20px 20px 15px 0;
}
#acnePhoto {
width:215px;
height:225px;
float:left;
padding:20px 20px 15px 0;
}
#rosaceaPhoto {
width:215px;
height:253px;
float:left;
padding:20px 20px 15px 0;
}
#melasmaPhoto {
width:215px;
height:307px;
float:left;
padding:20px 20px 15px 0;
}
#mapPhoto {
width:189px;
height:188px;
float:left;
padding:0 20px 15px 0;
}	
#biosPhoto {
width:130px;
height:393px;
float:left;
padding:20px 20px 15px 0;
}
#productSamplePhoto {
width:127px;
min-height:400px;
float:left;
padding:20px 20px 15px 0;
}
.contactPush {
padding:0 0 0 80px;
}
.submitButton {
color: #ffffff;
background-color:#4f2884;
}