/* CSS ::internal:: */

/* ================ start content standard ================ */
div#content div#content-header {
	width: 800px;
	display: block;
}
div#content div#content-header div#content-title {
	width: 252px;
	height: 104px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
	
}
.advice-section-title {
	background: url(../images/title/advice-title.gif) no-repeat;
	width: 240px;
	height: 87px;
}
.manage-section-title {
	background: url(../images/title/manage-title.gif) no-repeat;
	width: 240px;
	height: 87px;
}
div#content div#content-header div#content-text {
	width: 498px;
	height: 104px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
}
.advice-section-text {
	background: url(../images/title/advice-text-header.gif) no-repeat;
}
.manage-section-text {
	background: url(../images/title/manage-text-header.gif) no-repeat;
}
div#content div#flash-container {
	width: 810px;
	height: 250px;
	display: block;
	background: #eee;
	float: left;
	position: relative;
	left: 55px;
	top: 30px;
}
/* ================ end standard ================ */

/* ================ start fonts ================ */
.adg9 {
	font: normal 55% Arial, Helvetica, sans-serif;
	color: #777;
	word-spacing: -1px;
}
.adg9 a {
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #ea722b;
	word-spacing: -1px;
	text-decoration: none;
}
.ag10 {
	font: normal 60% Arial, Helvetica, sans-serif;
	color: #999;
}
.abblue11 {
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #8599d9;
}
.abblue11 a {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #8599d9;
	text-decoration: none;
	line-height: 11px;
}
.adg11 {
	font: normal 66% Arial, Helvetica, sans-serif;
	color: #777;
}
.aidg11 {
	font:  italic 66% Arial, Helvetica, sans-serif;
	color: #777;
}
.abdg11 {
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #777;
}
.ado11 {
	font: normal 66% Arial, Helvetica, sans-serif;
	color: #ea722b;
}
.orange {
	font: normal 90% Arial, Helvetica, sans-serif;
	color: #ea722b;
}
.dblue {
	font: normal 90% Arial, Helvetica, sans-serif;
	color:#5c7ebd;
}
/* ================ end fonts ================ */

/* ================ start contact us and ask us ================ */

.nowrap {white-space: nowrap;}
.inputForm {
	width: 350px;
	height: 15px;
	background: #eef2f9;
	border-top: 2px solid #d1d4d9;
	border-right: 1px solid #d1d4d9;
	border-bottom: 1px solid #d1d4d9;
	border-left: 2px solid #d1d4d9;
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #999;
}
.textForm {
	width: 350px;
	height: 50px;
	background: #eef2f9;
	border-top: 2px solid #d1d4d9;
	border-right: 1px solid #d1d4d9;
	border-bottom: 1px solid #d1d4d9;
	border-left: 2px solid #d1d4d9;
	margin-top: 1px;
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #999;
	overflow-y: scroll;
	overflow-x: hidden;
}
.inputFormDate {
	width: 70px;
	height: 18px;
	background: #eef2f9;
	border-top: 2px solid #d1d4d9;
	border-right: 1px solid #d1d4d9;
	border-bottom: 1px solid #d1d4d9;
	border-left: 2px solid #d1d4d9;
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #999;
}
.selectForm {
	width: 353px;
	*width: 354px;
	height: 20px;
	background: #eef2f9;
	border-top: 2px solid #d1d4d9;
	border-right: 1px solid #d1d4d9;
	border-bottom: 1px solid #d1d4d9;
	border-left: 2px solid #d1d4d9;
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #999;
	*margin: 1px 0;
}
.selectFormDate {
	height: 20px;
	background: #eef2f9;
	border-top: 2px solid #d1d4d9;
	border-right: 1px solid #d1d4d9;
	border-bottom: 1px solid #d1d4d9;
	border-left: 2px solid #d1d4d9;
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #999;
	*margin: 1px 0;
}
.submit-bt {
	width: 58px;
	height: 18px;
	cursor: pointer;
	background: url(../images/button/submit-bt.gif) no-repeat;
	border: 0;
}
.clear-bt {
	width: 77px;
	height: 18px;
	cursor: pointer;
	background: url(../images/button/clear-form-bt.gif) no-repeat;
	border: 0;
}
div#content div#content-header div#contact-title {
	width: 252px;
	height: 104px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
	
}
div#content div#content-header div#contact-title h3 {
	width: 210px;
	height: 73px;
	background: url(../images/title/contact-neutrogena-title.gif) no-repeat;
}
div#content div#content-header div#ask-title {
	width: 252px;
	height: 104px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
	
}
div#content div#content-header div#ask-title h3 {
	width: 210px;
	height: 73px;
	background: url(../images/title/ask-neutrogena-title.gif) no-repeat;
}
div#content div#content-header div#contact-text {
	width: 498px;
	height: 104px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/title/contact-neutrogena-text-header.gif) no-repeat;
	text-indent: -50000em;
}
div#content div#contact-content {
	width: 920px;
	height: 404px;
	background: url(../images/background/bg-product-img.jpg) no-repeat bottom right;
	float: left;
	display: block;
}
div#content div#contact-content div#contact-info {
	width: 162px;
	display: block;
	float: left;
	margin-top: 30px;
	padding-left: 54px;
	padding-right: 36px;
}
div#content div#contact-content div#contact-info-thanks {
	width: 400px;
	display: block;
	margin: 120px auto 0;
	position: relative;
	padding-left: 54px;
	padding-right: 36px;
}
div#content div#contact-content div#contact-info a {
	text-decoration: none;
	color: #ea722b;
}
div#content div#contact-content div#contact-form {
	width: 480px;
	display: block;
	float: left;
	margin-top: 30px;
	padding-left: 20px;
	background: url(../images/background/line-vertical.gif) no-repeat 0 0;
}
/* ================ end contact us and ask us ================ */

/* ================ start tell-a-friend ================ */
.background-small {
	background: url(../images/background/bg-product-img.jpg) no-repeat bottom right;
}
.background-big {
	background: url(../images/background/bg-product-big-img.jpg) no-repeat bottom right;
}
div#container-pop-small h3 {
	text-indent: -50000em;
	margin-bottom: 14px;
}
.send-to-a-friend-title {
	background: url(../images/title/send-to-a-friend.gif) no-repeat;
	width: 180px;
	height: 25px;
}
.flash-detection-title {
	background: url(../images/title/flash-detection.gif) no-repeat;
	width: 117px;
	height: 18px;
}
.warning-title {
	background: url(../images/title/warning.gif) no-repeat;
	width: 64px;
	height: 18px;
}
div#content-pop-small a {
	text-decoration: none;
	color: #ea722b;
}
.send-bt {
	width: 52px;
	height: 18px;
	cursor: pointer;
	background: url(../images/button/send-bt.gif) no-repeat;
	border: 0;
}
.preview-bt {
	width: 73px;
	height: 18px;
	cursor: pointer;
	background: url(../images/button/preview-bt.gif) no-repeat;
	border: 0;
}
.back-bt {
	width: 53px;
	height: 18px;
	cursor: pointer;
	background: url(../images/button/back-bt.gif) no-repeat;
	border: 0;
}
.close-bt {
	width: 56px;
	height: 18px;
	cursor: pointer;
	background: url(../images/button/close-bt.gif) no-repeat;
	border: 0;
}
.download-flash-bt {
	width: 192px;
	height: 18px;
	cursor: pointer;
	background: url(../images/button/download-flash-bt.gif) no-repeat;
	border: 0;
}
.accept-bt {
	width: 64px;
	height: 18px;
	cursor: pointer;
	background: url(../images/button/accept-bt.gif) no-repeat;
	border: 0;
}
.decline-bt {
	width: 68px;
	height: 18px;
	cursor: pointer;
	background: url(../images/button/decline-bt.gif) no-repeat;
	border: 0;
}
div#content-pop-small ul#flash-detection {
	position: relative;
	top: 130px;
}
div#content-pop-small ul#warning-buttons {
	position: relative;
	top: 145px;
}
div#content-pop-small ul {
	list-style: none;
}
div#content-pop-small ul li {
	display: inline;
	padding: 0 3px;
}
div#content-pop-small ul#step01 {
	position: relative;
	top: 55px;
}
div#content-pop-small td {
	padding: 0 1px;
	line-height: 12px !important;
}
.inputForm01 {
	width: 160px;
	height: 15px;
	background: #eef2f9;
	border-top: 2px solid #d1d4d9;
	border-right: 1px solid #d1d4d9;
	border-bottom: 1px solid #d1d4d9;
	border-left: 2px solid #d1d4d9;
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #999;
}
.inputForm02 {
	width: 204px;
	height: 15px;
	background: #eef2f9;
	border-top: 2px solid #d1d4d9;
	border-right: 1px solid #d1d4d9;
	border-bottom: 1px solid #d1d4d9;
	border-left: 2px solid #d1d4d9;
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #999;
}
.inputForm03 {
	width: 376px;
	height: 15px;
	background: #eef2f9;
	border-top: 2px solid #d1d4d9;
	border-right: 1px solid #d1d4d9;
	border-bottom: 1px solid #d1d4d9;
	border-left: 2px solid #d1d4d9;
	font: bold 66% Arial, Helvetica, sans-serif;
	color: #999;
}
div#content-pop-small div#step03 p {
	margin-bottom: 8px;	
}
div#content-pop-small div#step03 ul {
	position: relative;
	top: 25px;
}
div#content-pop-small ul#step03 {
	position: relative;
	top: 155px;
}
/* ================ end tell-a-friend ================ */

/* ================ start pop-big  ================ */
div#container-pop-big h3.legal {
	background: url(../images/title/legal-notice.gif) no-repeat;
	text-indent: -50000em;
	width: 268px;
	height: 18px;
	margin-bottom: 14px;
}
div#container-pop-big h3.privacy {
	background: url(../images/title/privacy-policy.gif) no-repeat;
	text-indent: -50000em;
	width: 107px;
	height: 18px;
	margin-bottom: 14px;
}
div#container-pop-big h3.safe-harbor {
	background: url(../images/title/safe-harbor.gif) no-repeat;
	text-indent: -50000em;
	width: 196px;
	height: 18px;
	margin-bottom: 14px;
}
div#container-pop-big p.adg11 {
	margin-bottom: 10px;
}
div#container-pop-big p a {
	color: #777;
	text-decoration: underline;
}
div#container-pop-big .img-close-bt {
	margin: 15px 0;
}
div#container-pop-big ul {
	list-style: none;
	margin-left: 40px;
	margin-bottom: 10px;
}
/* ================ end pop-big  ================ */

/* ================ start where to buy  ================ */
div#content div#content-header div#buy-title {
	width: 179px;
	height: 72px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
}
div#content div#content-header div#buy-title h3 {
	width: 156px;
	height: 72px;
	background: url(../images/title/where-to-buy.gif) no-repeat;
}
div#content div#content-header div#buy-text {
	width: 371px;
	height: 72px;
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/title/buy-neutrogena-text-header.gif) no-repeat;
	text-indent: -50000em;
}
div#content div#buy-content {
	width: 920px;
	height: 404px;
	float: left;
	display: block;
}
div#content div#buy-content ul {
	list-style: url(../images/arrow/arrow-list.gif);
	margin-left: 14px;
}
div#content div#buy-content ul li {
	margin-bottom: 10px;
}
div#content div#buy-content div#buy-col-left {
	width: 253px;
	height: 344px;
	display: block;
	float: left;
	padding: 30px 10px 0 45px;
}
div#content div#buy-content div#buy-col-left .buy-online {
	width: 88px;
	height: 22px;
	background: url(../images/title/buy-online-title.gif) no-repeat;
	text-indent: -50000em;
}
div#content div#buy-content div#buy-col-left .neutrogena-centers {
	width: 205px;
	height: 18px;
	background: url(../images/title/neutrogena-centers.gif) no-repeat;
	text-indent: -50000em;
	margin-top: 30px;
	margin-bottom: 16px;
}
div#content div#buy-content div#buy-col-right {
	width: 590px;
	height: 404px;
	float: left;
	display: block;
	padding-left: 20px;
	margin-top: 30px;
	background: url(../images/background/line-vertical.gif) no-repeat 0 0;
}
div#content div#buy-content div#buy-col-right .find-store {
	width: 165px;
	height: 18px;
	background: url(../images/title/find-store-near-you.gif) no-repeat;
	text-indent: -50000em;
}
div#content div#buy-content div#buy-col-right div#store01 {
	float: left;
	width: 155px;
	display: block;
	position: relative;
	overflow: hidden;
	padding-left: 10px;
	left: -15px;
}
div#content div#buy-content div#buy-col-right div#store02 {
	float: left;
	width: 170px;
	display: block;
	position: relative;
	overflow: hidden;
	padding-left: 10px;
}
div#content div#buy-content div#buy-col-right div#store03 {
	float: left;
	width: 170px;
	display: block;
	position: relative;
	overflow: hidden;
	padding-left: 10px;
}
div#content div#buy-content h5 {
	line-height: 11px;
}
div#content div#buy-content p {
	line-height: 11px;
}
div#content div#buy-col-right div#disclaimer {
	display: block;
	width: 592px;
	float: left;
	top: 30px;
	position: relative;
	left: -18px;
}
/* ================ end where to buy  ================ */

/* ================ start site map  ================ */
div#content div#content-header div#sitemap-title {
	width: 600px;
	height: 42px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
}
div#content div#content-header div#sitemap-title h3 {
	width: 163px;
	height: 42px;
	background: url(../images/title/site-map.gif) no-repeat;
}
div#content div#sitemap-col-left a, div#content div#sitemap-col-right a {
	font: normal 66% Arial, Helvetica, sans-serif;
	color: #777;
	text-decoration: none;
}
div#content div#sitemap-col-left a:hover, div#content div#sitemap-col-right a:hover {
	font: normal 66% Arial, Helvetica, sans-serif;
	color: #777;
	text-decoration: underline;
}
div#content div#sitemap-col-left {
	float: left;
	display: block;
	width: 372px;
	height: 300px;
	margin-top: 50px;
	padding-left: 58px;
}
div#content div#sitemap-col-left h4 {
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
	width: 338px;
	height: 18px;
	clear: both;
	margin-top: 20px;
}
div#content div#sitemap-col-left p {
	float: left;
	display: block;
	text-indent: 15px;
	width: 338px;
	line-height: 66%;
	margin-top: 3px;
}
div#content h4.sitemap-subtitle01 {
	background: url(../images/title/sitemap-subtitle01.gif) no-repeat;
}
div#content h4.sitemap-subtitle01 a {
	width: 216px;
	height: 17px;
	display: block;
}
div#content h4.sitemap-subtitle02 {
	background: url(../images/title/sitemap-subtitle02.gif) no-repeat;
}
div#content h4.sitemap-subtitle02 a {
	width: 205px;
	height: 17px;
	display: block;
}
div#content h4.sitemap-subtitle03 {
	background: url(../images/title/sitemap-subtitle03.gif) no-repeat;
}
div#content h4.sitemap-subtitle03 a {
	width: 105px;
	height: 17px;
	display: block;
}
div#content h4.sitemap-subtitle04 {
	background: url(../images/title/sitemap-subtitle04.gif) no-repeat;
}
div#content h4.sitemap-subtitle04 a {
	width: 296px;
	height: 17px;
	display: block;
}
div#content h4.sitemap-subtitle05 {
	background: url(../images/title/sitemap-subtitle05.gif) no-repeat;
}
div#content h4.sitemap-subtitle05 a {
	width: 238px;
	height: 17px;
	display: block;
}
div#content div#sitemap-col-right {
	float: left;
	display: block;
	width: 430px;
	height: 300px;
	margin-top: 50px;
	padding-left: 10px;
}
div#content div#sitemap-col-right h4 {
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
	width: 381px;
	height: 18px;
	clear: both;
	margin-top: 20px;
}
div#content div#sitemap-col-right p {
	float: left;
	display: block;
	text-indent: 15px;
	width: 381px;
	line-height: 66%;
	margin-top: 3px;
}
div#content h4.sitemap-subtitle06 {
	background: url(../images/title/sitemap-subtitle06.gif) no-repeat;
}
div#content h4.sitemap-subtitle06 a {
	width: 300px;
	height: 17px;
	display: block;
}
div#content h4.sitemap-subtitle07 {
	background: url(../images/title/sitemap-subtitle07.gif) no-repeat;
}
div#content h4.sitemap-subtitle07 a {
	width: 68px;
	height: 17px;
	display: block;
}
/* ================ end site map  ================ */