/* CSS ::general:: */

body, h1, h2, h3, h4, h5, h6, form, dl, ul, ol, dt, dd, p, address, img, a {
	margin:0;
	padding:0;
	border: 0;
}
html {
	background: #fff;
	height: 100%;
	width: 100%;
	font-size: 100%;
	border: 0;
}
div#container {
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 920px;
}
div#header {
	background: #000;
	overflow: hidden;
	position: relative;
	width: 920px;
	height: 20px;
}
div#container h1 {
	display: block;
	height: 40px;
	text-indent: -500000em;
	width: 101px;
	position: absolute;
	right: 20px;
	top: 31px;
	z-index: 100;
}
div#container h1 a {
	background: url(../images/logo/t-gel-logo.gif) no-repeat;
	display: block;
	height: 40px;
	width: 101px;
	overflow: hidden;
}
div#container h2 {
	display: block;
	height: 20px;
	text-indent: -500000em;
	width: 252px;
	margin-left: 55px;
}
div#container h2 a {
	background: url(../images/logo/neutrogena-logo.gif) no-repeat;
	display: block;
	height: 20px;
	width: 252px;
	overflow: hidden;
}
sup {
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
label {
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #999;
}
div#content {
	margin: 0 auto;
	overflow: hidden;
	width: 920px;
	height: 508px;
	position: relative;
}
div#footer {
	background: #000;
	margin: 0 auto;
	width: 920px;
	height: 49px;
}
div#footer ul {
	display: block;
	position: absolute;
	height: 100px;
	left: 47px;
	top: 484px;
}
div#footer ul li {
	display: block;
	height: 97px;
	width: 118px;
	float: left;
}
div#footer li#learn-bt {
	display: block;
	height: 97px;
	width: 118px;
}
div#footer li#learn-bt a {
	background: url(../images/button/learn-bt.gif) no-repeat 0 -101px;
	height: 97px;
	width: 118px;
	display: block;
	text-indent: -50000em;
	overflow: hidden;
}
div#footer li#learn-bt a:hover {
	background-position: 0 9px;
}
div#footer li#advice-bt {
	display: block;
	height: 97px;
	width: 121px;
}
div#footer li#advice-bt a {
	background: url(../images/button/advice-bt.gif) no-repeat 0 -101px;
	height: 97px;
	width: 121px;
	display: block;
	text-indent: -50000em;
	overflow: hidden;
}
div#footer li#advice-bt a:hover {
	background-position: 0 9px;
}
div#footer li#treat-bt {
	display: block;
	height: 97px;
	width: 118px;
}
div#footer li#treat-bt a {
	background: url(../images/button/treat-bt.gif) no-repeat 0 -101px;
	height: 97px;
	width: 118px;
	display: block;
	text-indent: -50000em;
	overflow: hidden;
}
div#footer li#treat-bt a:hover {
	background-position: 0 9px;
}
div#footer li#product-bt {
	display: block;
	height: 97px;
	width: 118px;
}
div#footer li#product-bt a {
	background: url(../images/button/products-bt.gif) no-repeat 0 -101px;
	height: 97px;
	width: 118px;
	display: block;
	text-indent: -50000em;
	overflow: hidden;
}
div#footer li#product-bt a:hover {
	background-position: 0 9px;
}
div#footer li#optimize-bt {
	display: block;
	height: 97px;
	width: 119px;
}
div#footer li#optimize-bt a {
	background: url(../images/button/optmize-bt.gif) no-repeat 0 -101px;
	height: 97px;
	width: 119px;
	display: block;
	text-indent: -50000em;
	overflow: hidden;
}
div#footer li#optimize-bt a:hover {
	background-position: 0 9px;
}
div#footer div#logo-footer {
	float: right;
	width: 135px;
	height: 44px;
	position: relative;
	right: 26px;
}
div#footer-links {
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
	width: 920px;
	height: 24px;
}
div#footer-links ul li {
	float: left;
	list-style: none;
	font-size: 80%;
	color: #87A2D3;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 3.5px;
	line-height: 24px;
}
div#footer-links ul li a {
	font-size: 80%;
	color: #87A2D3;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
div#footer-links ul li a:hover {
	color: #cd622f;
}
div#footer-links ul#footer-links-right {
	float: right;
}
div#copyright {
	width: 920px;
	margin: 1px auto 0 auto;
}
div#copyright p{
	font:67% Arial;
	color:#999;
}
.float-right {
	float: right;
}

/* ================ start pop-up small ================ */
div#container-pop-small {
	width: 500px;
	/*height: 360px;*/
	background: #fff;
	overflow: hidden;
	position: relative;
	padding: 5px;
	margin: 0 auto;
}
div#container-pop-small h2 {
	display: block;
	height: 26px;
	text-indent: -500000em;
	width: 226px;
	margin-left: 35px;
	background: url(../images/logo/neutrogena-logo-pop.gif) no-repeat;
	overflow: hidden;
}
div#container-pop-small h2 a {
	display: block;
	height: 26px;
	width: 226px;
	overflow: hidden;
}
div#header-pop-small {
	background: #000 url(../images/background/bg-header-pop-small.gif) no-repeat 0 0;
	overflow: hidden;
	position: relative;
	width: 500px;
	height: 26px;
}
div#content-pop-small {
	margin: 0 auto;
	overflow: hidden;
	width: 462px;
	height: 259px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 15px 0 0 36px;
}
div#footer-pop-small {
	background: #000 url(../images/background/bg-footer-pop-small.gif) no-repeat bottom left;
	margin: 0 auto;
	overflow: hidden;
	width: 500px;
	height: 51px;	
}
div#footer-pop-small div#logo-footer-netrogena {
	float: right;
	width: 146px;
	height: 51px;
	position: relative;
	right: 26px;
}
div#footer-pop-small div#logo-footer-tgel {
	float: left;
	width: 108px;
	height: 51px;
	position: relative;
	left: 35px;
}
div#footer-pop-links {
	width: 500px;
	float: left;
	display: block;
}
div#footer-pop-links ul {
	width: 500px;
	float: left;
	height: 18px;
	list-style: none;
	overflow: hidden;
	margin: 10px 0;
}
div#footer-pop-links ul li {
	float: left;
	display: block;
}
div#footer-pop-copyright {
	width: 500px;
	float: left;
	display: block;
}
div#footer-pop-copyright p {
	font: normal 55% Arial, Helvetica, sans-serif;
	color: #878686;
}
/* ================ end pop-up small ================ */

/* ================ start pop-up big ================ */
div#container-pop-big {
	width: 593px;
	/*height: 360px;*/
	background: #fff;
	overflow: hidden;
	position: relative;
	padding: 5px;
}
div#container-pop-big h2 {
	display: block;
	height: 26px;
	text-indent: -500000em;
	width: 226px;
	margin-left: 35px;
	background: url(../images/logo/neutrogena-logo-pop.gif) no-repeat;
	overflow: hidden;
}
div#header-pop-big {
	background: #000 url(../images/background/bg-header-pop-big.gif) no-repeat 0 0;
	overflow: hidden;
	position: relative;
	width: 593px;
	height: 26px;
}
div#content-pop-big {
	margin: 0 auto;
	overflow: hidden;
	width: 519px;
	/*height: 465px;*/
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 15px 36px 0 36px;
}
div#footer-pop-big {
	background: #000 url(../images/background/bg-footer-pop-big.gif) no-repeat bottom left;
	margin: 0 auto;
	overflow: hidden;
	width: 593px;
	height: 51px;	
}
div#footer-pop-big div#logo-footer-netrogena {
	float: right;
	width: 146px;
	height: 51px;
	position: relative;
	right: 26px;
}
div#footer-pop-big div#logo-footer-tgel {
	float: left;
	width: 108px;
	height: 51px;
	position: relative;
	left: 35px;
}
/* ================ end pop-up big ================ */