﻿@import url("gel.css");
@import url("lotion.css");

body 
{
    margin:0px;
    padding:0px;
    color:#3a3a3a;
    font:12px arial;
}
img
{
    margin:0px;
    padding:0px;
}
a img
{
    border:0px;
}
sup 
{
	font-size:65%;
    line-height:70%;
    vertical-align:text-top;
}
.float-left
{
    float:left;
}
.float-right
{
    float:right;
}
.clear 
{
	clear: both;
}
.bold
{
    font-weight:bold;
}
.italic
{
    font-style:italic;
}
.lowercase
{
    text-transform:lowercase;
}
.black
{
    color:#3a3a3a;
}

#MainContainer
{
    width:995px;
    height:550px;
    margin:0px auto;
}

/***********************  HEADER STYLES  ***********************/
#NavigationContainer
{
    width:995px;
    position:absolute;
    margin:80px 0px 0px 0px;
    z-index:100;
    height:35px;
}
#HeaderContainer
{
    height:108px;
}
#Utilities
{
    color:#bfbfbf;
    position:absolute;
    margin:0px 0px 0px 275px; /* 0px 0px 0px 340px;*/
}
#Utilities a
{
    color:#1c3f95;
    font-weight:bold;
    text-decoration:none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #Utilities a
{
    color:#1c3f95;
    font-weight:bold;
    text-decoration:none;
	font-family:sans-serif !important;
    font-size: 12px !important;
}
}
#Utilities ul
{
    width:645px;
    height:50px;
    list-style:none;
    margin:0px;
    padding:0px 0px 0px 8px;
    background:url(../Images/header_utilities_bg.gif) no-repeat 0px 0px;
}
#Utilities ul.loggedIn
{
    width:710px;
    background:url(../Images/header_utilities_bg_lg.gif) no-repeat 0px 0px;
}
#Utilities ul li
{
    float:left;
    padding:5px 5px 0px 5px;
}
#Utilities ul li.consumerLink
{
    padding:5px 0px 0px 25px;
}
#Products
{
    position:absolute;
    margin:43px 0px 0px 200px;
}

#Products a.gel
{
    width:196px;
    height:37px;
    float:left;
    display:block;
    color:#3a3a3a;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    padding:5px 0px 0px 0px;
    background:url(../Images/header_tab_gel.gif) no-repeat 0px 0px;
}
#Products a.lotion
{
    width:196px;
    height:37px;
    float:left;
    display:block;
    color:#3a3a3a;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    padding:5px 0px 0px 0px;
    margin:0px 0px 0px 5px;
    background:url(../Images/header_tab_lotion.gif) no-repeat 0px 0px;
}
#Products div.epiduo
{
	position: absolute;
	margin-left:400px;	
	*margin-left:0px; /* IE7 fix */
    width:310px;
    font-size:11px;
    padding:0px 0px 0px 80px;
}
#Products div.epiduo a
{
    color:#1c3f95;
    font-weight:bold;
    text-decoration:underline;
}
#Products div.epiduo a:hover
{
    text-decoration:none;
}



/***********************  INTERNAL NAV STYLES  ***********************/
#InternalContainer
{
    height:442px;
}
#InternalNav
{
    width:205px;
    height:422px;
    float:left;
    padding:20px 0px 0px 20px;
}
#InternalNav ul
{
    margin:0px;
    padding:0px 0px 30px 20px;
    width:160px;
    list-style:none;
}
#InternalNav ul li
{
    margin:0px;
    padding:6px 0px 6px 0px;
    border-bottom:1px dotted;
}
#InternalNav ul li.section
{
    list-style:none;
}
#InternalNav ul li a
{
    color:#3a3a3a;
    text-decoration:none;
}
#InternalNav ul li.section a
{
    font-weight:bold;
    color:#3a3a3a;
    text-decoration:none;
    text-transform:uppercase;
}



/***********************  INTERNAL CONTENT STYLES  ***********************/
#InternalContent
{
    width:750px;
    height:390px;
    float:left;
    padding:25px 0px 0px 0px;
}
#InternalContent.shovel-bg
{
    background:url(../Images/internal_bg_shovel.jpg) no-repeat 415px 0px;
}
#InternalContent h1
{
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    margin:0px 0px 15px 0px;
    padding:0px 0px 5px 0px;
}
#InternalContent.shovel-bg h1
{
    width:585px;
}
#InternalContent h2
{
    font-size:13px;
    font-weight:bold;
    margin:0px;
    padding:0px 0px 8px 0px;
}
#InternalContent h3
{
	color: #1C3F95;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}
#InternalContent p
{
    margin:0px;
    padding:0px 0px 25px 0px;
}
#InternalContent p.callouts
{
    text-align:center;
    clear:both;
}
#InternalContent p.callouts img
{
    margin:0px 15px 0px 0px;
}
#InternalContent p.footnote
{
    font-size:10px;
}
#InternalContent a
{
    text-decoration:underline;
}

#InternalContent a:hover
{
    text-decoration:none;
}
#InternalContent ul
{
    margin:0px;
    padding:0px 0px 15px 25px;
}
#InternalContent ol
{
    margin:0px;
    padding:0px 0px 15px 25px;
}
#InternalContent.shovel-bg ul
{
    width:380px;
}
#InternalContent ul li
{
    padding:0px 0px 10px 0px;
}
#InternalContent ol li
{
    padding:0px 0px 10px 0px;
}
#InternalContent img.callout
{
    margin:0px 8px 0px 0px;
}
#InternalContent .feature 
{
	float: left;
	padding-right: 15px;
}
#InternalContent #connectColleagues 
{
	float: right;
	padding: 35px 0px 100px 30px;
}

#InternalContent #confirmationImage
{
	float: right;
	padding: 10px 200px 0px 0px;
}
#Pagination
{
    width:750px;
    float:left;
}
#Pagination a
{
    font-weight:bold;
    text-decoration:underline;
}
.pagination a, .pagination span{
	padding-left:3px !important;
}
#Pagination a:hover
{
    text-decoration:none;
}
#Pagination ul
{
    margin:0px;
    padding:0px 0px 0px 0px;
    list-style:none;
}
#Pagination li
{
    float:left;
    padding:0px 8px 0px 0px;
}
#Pagination li.current
{
    color:#bdbdbd;
}

#ScrollContainer
{
    overflow-y:auto;
    padding:0px 20px 0px 0px;
}
#ScrollContainer p b
{
    font-size:13px;
}
.regForm
{
   /* margin-left:7px; */
}
div.ISIPopup a{
	color:#0000FF;
}


/***********************  HOME PAGE  ***********************/
#HomeHeader
{
    position:absolute;
}
#HomeHeader h1
{
    margin:0px;
    padding:0px;
}
#HomeHeader p
{
    font-size:13px;
}
#HomeHeader a img
{
    float:left;
    margin:0px 6px 0px 0px;
}
#HomeLinks
{
    position:absolute;
    font-size:18px;
}
#HomeLinks h2
{
    font-size:18px;
    font-weight:bold;
    margin:0px;
    padding:0px 0px 12px 0px;
}
#HomeLinks ul
{
    margin:0px;
    padding:0px 0px 0px 30px;
}
#HomeLinks li
{
    color:#1c3f95;
}
#HomeLinks a
{
    color:#3a3a3a;
    text-decoration:underline;
}
#HomeLinks a img
{
    text-decoration:none;
}
#HomeLinks a:hover
{
    text-decoration:none;
}
#HomeLogin
{
    position:absolute;
    margin:250px 0px 0px 695px;
    font-size:11px;
}
#HomeLogin a
{
    color:#204293;
    text-decoration:underline;
}
#HomeLogin a:hover
{
    text-decoration:none;
}
#HomeLogin h3
{
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:14px;
}
#HomeLogin .formLabel 
{
    text-align:right;
    font-weight:bold;
}
#HomeLogin .formSubmit 
{
    padding:10px 0px 0px 0px;
}
#HomeLogin .formRemember 
{
    padding:0px 0px 5px 0px;
}
#HomeLogin .formError
{
    color:#ff0000;
}
#HomeLogin p.welcome
{
    padding:30px 0px 0px 0px;
    font-size:12px;
    font-weight:bold;
}


/***********************  REGISTRATION PAGE  ***********************/
#InternalContent.register
{
    width:955px;
    height:422px;
    padding:20px 20px 0px 20px;
}
#InternalContent.register p
{
    padding:0px 0px 15px 0px;
}
#InternalContent.register #ScrollContainer
{
    height:370px;
}
.RegistrationTable
{
    font-size:11px;
}
.RegistrationLabelCell
{
    width:120px;
    font-size:11px;
}
.RegistrationInputCell
{
    
    font-size:11px;
}
.inputTextBox
{
    width:150px;
    font-size:11px;
}
.inputDropDown
{
    width:154px;
    font-size:11px;
}
.inputCheckBox
{
    font-size:11px;
}
.Programs
{
    font-size:11px;
    padding:10px 0px 0px 0px;
}
.inputSubmit
{
    margin:10px 0px 0px 0px;
}
.register h2
{
    padding-top:2px !important;
}


/***********************  SURVEY PAGE  ***********************/
#InternalContent.survey
{
    width:955px;
    height:422px;
    padding:20px 20px 0px 20px;
}
#InternalContent.survey p
{
    padding:0px 0px 15px 0px;
}
#InternalContent.survey h1
{
    margin:0px 0px 5px 0px;
    padding:0px 0px 5px 0px;
}
#SurveyContainer
{
    width:100%;
    height:390px;
}



/***********************  UTILITY PAGES  ***********************/
#InternalContent.utility
{
    width:955px;
    height:395px;
    padding:20px 20px 0px 20px;
}
#InternalContent.utility p
{
    padding:0px 0px 15px 0px;
}
#Pagination.utility
{
    padding:0px 0px 0px 20px;
}
#InternalContent.utility .sitemap-column
{
    float:left;
    padding:0px 110px 0px 0px;
}
#InternalContent.utility .sitemap-column a
{
    color:#3a3a3a;
    text-decoration:none;
}
#InternalContent.utility .sitemap-column a:hover
{
    text-decoration:underline;
}
.searchResults {padding-left:180px}
.searchResultItem {margin-bottom:14px}
.searchResultItem label {color:#1C3F95}

/***********************  FOOTER STYLES  ***********************/
#FooterContainer
{
    width:100%;
    height:220px;
    color:#3a3a3a;
}
#FooterContainer a
{
    color:#3a3a3a;
    text-decoration:underline;
}
#FooterContainer a:hover
{
    text-decoration:none;
}
#FooterContent
{
    width:945px;
    margin:0px auto;
    font-size:11px;
    padding:10px 0px 0px 0px;
}
#FooterISI h4
{
    margin:0px;
    padding:0px 0px 3px 0px;
    font-size:12px;
}
#FooterLinks
{
    width:530px;
    margin:0px auto;
    padding:15px 0px 0px 0px;
}
#FooterLinks ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
#FooterLinks ul li
{
    float:left;
    margin:0px;
    padding:0px 10px 0px 0px;
}
#FooterLegal
{
    clear:both;
    padding:15px 0px 0px 0px;
}
.asterisk
{
    /* margin-left:-7px; */
}

.noAsterisk
{
    margin-left:7px;
}

