/*************************************************************************************\
 *                                                                                   *
 *        TITLE:  Default Style Sheet                                                *
 *       CLIENT:  Skin Secrets Center                                                *
 *  TARGET SPEC:  CSS 2                                                              *
 *     MODIFIED:  2010.08.03                                                         *
 *    AUTHOR(S):  Susan Ferguson-Wheeler / NetMediaOne - www.netmediaone.com         *
 *                                                                                   *
\*************************************************************************************/

/*************************************************************************************\
 *                                                                                   *
 *  ELEMENT DEFAULTS                                                                 *
 *                                                                                   *
\*************************************************************************************/

a, a:visited { font-weight: normal; color: #0055bb; text-decoration: underline; none; cursor: pointer; }
a:hover, a:visited:hover { color: #0055bb; text-decoration: none; cursor: pointer; }

body, div, h1, h2, h3, html, img, td { border: 0px; padding: 0px; margin: 0px; }

html { background: #ffffff url("images/bg_html.gif") top left repeat-y; }

body { font: normal 11px/1.60 Arial, Helvetica, sans-serif; 
       color: #000000; 
			 padding: 0px 0px 0px 20px; 
			 line-height: 1.8; 
}

h1 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #227788;
	margin: 25px 0px 25px 0px;
}

h1.first-child { margin-top: 0px; padding-top: 0px; }

h2 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #227788;
	margin: 20px 0px 20px 0px;
}

h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 25px 0px 25px 0px;
}

	
h4 { font: bold 11px Arial, Helvetica, sans-serif; color: #006699; margin: 10px 0px 0px 0px; }

.title-black {font-size: 17px; color: #000000;}
.title-black-bold {font-size: 17px; font-weight: bold; color: #000000;}
.large-black {font-size: 13px; color: #000000;}
.large-black-bold {font-size: 13px; font-weight: bold; color: #000000;}
.medium-black {font-size: 11px; color: #000000;}
.medium-black-bold {font-size: 11px; font-weight: bold; color: #000000;}
.small-black {font-size: 10px; color: #000000;}
.small-black-bold {font-size: 10px; font-weight: bold; color: #000000;}


p { margin: 10px 0px 10px 0px; }

table { font: inherit; }

ul { list-style: disc outside; margin: 10px 0px 10px 1em; padding: 0px; }

li { margin: 0px; padding: 0px 0px 0px 0px; }


span { font-size: 10px; }

hr { height: 5px; background-color: #f3f4e2; margin-top: 30px; margin-bottom: 30px; border: none; }


/*************************************************************************************\
 *                                                                                   *
 *  CUSTOM CLASSES 																                                   *
 *                                                                                   *
\*************************************************************************************/


.cleared { overflow: auto; }

.column { display: inline; float: left; }

.quick-links { margin-bottom: 20px; }
.quick-links ul { list-style: none; padding-left: 0px; }
.quick-links li { 	
	line-height: 1.5; 
	border-bottom: 1px solid #9fa271; 
	}
.quick-links li.first-child { border-top: 1px solid #9fa271; }
.quick-links a, .quick-links a:visited { 
	font-size: 11px; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none;
	background: url("images/bullet_2.gif") left .7em no-repeat;
	padding: 2px 0px 2px 10px; 
	display: block;
	}
.quick-links a:hover, .quick-links a:visited:hover { 
	font-size: 11px; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none;
	background: #ffffff url("images/bullet_2.gif") left .7em no-repeat;
	display: block;
	}



.arrowbullet { list-style: none; padding-left: 0px; }
.arrowbullet li { background: url("images/bullet_2.gif") left .55em no-repeat; padding-left: 10px; line-height: 1.5; }

.call-out-box { border: 2px solid #ffffff; text-align: center; padding: 20px; margin: 20px 0px 20px 250px; }

.chart { font: normal 11px Arial, Helvetica, sans-serif; color: #0055bb; }
.chart A, .chart A:hover { font: regular 11px Arial, Helvetica, sans-serif; color: #0055bb; text-decoration: underline; }

.right { margin-left: 15px; margin-bottom: 10px; display: inline; float: right; }
.left { margin-right: 15px; margin-bottom: 10px; display: inline; float: left; }
.pic-profile {margin-left: 10px; margin-bottom: 5px;}
.bordered { border: 5px solid #fff; }
.home-page .left { margin-bottom: 250px; margin-right: 35px; }
.overlay-screen { min-width: 960px; }

.rotator { list-style: none; }
.product-feature { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 5px solid #f3f4e2; }
.product-feature h2 { margin-top: 0px; }
.product-feature h2 a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #227788;
	text-decoration: none; 	
}


.popup-container {
	position: absolute;
  z-index: 10000;
  text-align: left;
	border: 10px solid #EAEBCF;
  border-radius: 10;
  -moz-border-radius: 10;
  -webkit-border-radius: 10;
}
.popup-container .loading { text-align: center; padding: 100px; }
.popup-container .image { text-align: center; margin-top: 20px; }
.popup-container .header { position: relative; }
.popup-container .header h1 { 
	padding: 5px 40px 5px 10px; 
  margin: 0px; 
  background: #333; 
  font: bold 18px Calibri, Arial, Helvetica, sans-serif; 
  color: white;
}
.popup-container .header .close { 
	position: absolute; 
  right: 1px; 
  top: 5px; 
  z-index: 1001;
}
.popup-container .content {
  padding: 0px;
  background: white;
  position: relative;
  width: 512px;
  height: 384px;
}
.popup-container .content div.last-child { margin-bottom: 0px; }
.popup-container .content-box { border: 0px; }
.popup-container .footer {
	display: none;
  border-top: 1px solid #dddddd;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
#popup-container-template, .popup-container { display: none; }

/*************************************************************************************\
 *                                                                                   *
 *  PAGE LAYOUT ELEMENTS (arranged by order of appearance in HTML)                   *
 *                                                                                   *
\*************************************************************************************/

#header { padding-left: 160px; border-top: 20px solid #ffffff; }
#header-images { list-style: none; margin: 0px; padding: 0px; }
#header-images li { float: left; padding: 0px; margin: 0px; }
#header-images li a { outline: none; }
#side-bar { font-size: 11px; color: #0055bb; width: 160px; float: left; padding: 10px 0px 10px 0px; background: #f3f4e2 url("images/bg_sidebar.gif") top right repeat-y; }
#side-bar ul { list-style: none none; margin: 0px; padding: 0px; }
#side-bar ul li { margin: 0px; padding: 0px; }
#side-bar a, #side-bar img { display: block; }

#content-section { min-width: 987px; }
#content-block { background-color: #eaebcf; margin-left: 160px; position: relative; min-height: 695px; padding: 10px 0px 10px 0px; }
#content { padding: 30px 0px 50px 40px; width: 760px; }

#footer-section {font-size: 10px; color: #404040; margin-left: 160px; padding: 20px 0px 20px 20px; line-height: 1.33; position: relative; }
#footer-section a {font-size: 10px; color: #999966; text-decoration: underline; font-weight: bold;}
#footer-section a:hover {font-size: 10px; color: #999966; text-decoration: none; font-weight: bold;}
#footer-section a:visited {font-size: 10px; color: #999966; text-decoration: underline; font-weight: bold;}

#btn-facebook { position: absolute; left: 741px; top: 20px; }

.name { font: bold 11px Arial, Helvetica, sans-serif; color: #227788; position: absolute; bottom: 10px; left: 40px; }
.name a { font: bold 11px Arial, Helvetica, sans-serif; color: #227788; text-decoration: none; }
.name a:hover { font: bold 11px Arial, Helvetica, sans-serif; color: #227788; text-decoration: underline; }
.name a:visited { font: bold 11px Arial, Helvetica, sans-serif; color: #227788; text-decoration: none; }