html, body { height:100%;}
body { background: url(../images/body_bg.gif) #cf1c22; font: 62.5% Verdana, Arial, Helvetica, sans-serif; }

h1 { font-weight: bold; font: 2em arial, verdana; }
h2, h3 { font-weight: bold; }

a { color: #444; }
a:hover { color:#cc0000; }
sup { font-size: .5em; position:relative; top: -1em; }

#invalid_page { margin: 20px 0 0 20px; font-size:2em; }

strong { font-weight: bold; }
em { font-style: italic; }
.textbox { font: .8em Verdana, Arial, Helvetica, sans-serif; padding: 3px; }
.clear {clear:both; border: 0 !important; margin: 0 !important; padding: 0 !important;}
.ea-red { color: #cc0000 !important;}
input , select, textarea { font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; }
p.caption { font-size:.8em; color: #666; }
.dark { color: #555 !important; }

#logo { margin: 25px 0 10px 10px; }
#wrapper { background-color: #FFF; width: 780px; margin: 0 auto; position:relative;}
#content { font-size: 1.1em;}
#submit { background: url(/images/submit.gif) no-repeat; width: 81px; height: 23px; cursor: pointer; border:0;  margin-top:20px; display:block;}

/* navigation */
#navigation-bar { position:relative; }
#navigation {width: 100%; background: #890f28; color: #fff; text-align: center; }
#navigation li { display:inline;}
#navigation li a { font-size: 11px; font-weight: bold; line-height: 8px; text-decoration:none; color:#fff; line-height: 25px; padding: 0 10px 0 6px; text-transform: uppercase; border-right: 1px solid #fff;}
#navigation li a:hover { color: #e3b6c0 !important; } 
.last-nav { border: 0 !important; }
a#nav-active { color: #e3b6c0 !important; }

/* main slots */
#main-slot { font-size: 0; line-height: 0; }
#main-slot a {display:block;}
#main-slot object { display: block !important; background: transparent; }

/* alternative flash content */
#altcontent { width:780px; overflow:hidden; background: #ddd; }
#altcontent a, #altcontent img { display:block; }
#altcontent img { height: 357px; width:780px;}

/* spots */
#spots { border-bottom: 3px solid #cf9452;border-right: 3px solid #cf9452;border-top: 3px solid #cf9452;}
#spots img { float:left; border-left: 3px solid #cf9452;}

/* product */
#product-img { float:left; margin: 50px 0 0 8px;}
#product-description { float:right; width:325px;}
#product-left { width: 610px; padding: 20px 0 0 0; float:left;}
#product #content { background: url(../images/product_content_bg.gif) repeat-y ; color: #666; }
#product h1 { font-weight: bold; margin-bottom: 10px; font-size: 1.1em; font-family: verdana; color: #000;}
#product a { color:#666 }
#product a:hover { color: #aa0000; }
#product #content p { margin-bottom: 10px; }
#product #content ul { list-style-type: disc; margin-left: 14px; margin-bottom: 20px;}
#product-right { float:right; width: 140px; padding: 20px 4px 0 4px;}
#product #content h2 { margin-bottom: 20px; color: #000; }
#product-tabs { margin-top: 80px; padding-left: 20px;}
#tabs { list-style:none !important; padding: 0; overflow:auto; margin: 0 !important; padding: 0 !important; position:relative; top: 1px; z-index: 10;}
#tabs li { float:left;background: url(/images/tab_left.gif) no-repeat; margin-right: 5px; padding-left:1px;}
#tabs a { text-decoration: none; display:block; padding: 4px 12px 3px 10px; background: url(/images/tab_right.gif) top right no-repeat;border-bottom: 1px solid #d6d6d6;}
#tabs .active-tab {border-bottom: 1px solid #fff; color: #aa0000;}
#product-tab-details { border: 1px solid #d6d6d6; border-bottom: 0; width: 580px; height: 200px; }
#product-tab-details div { padding: 15px; height:170px; overflow:auto; }
#tab-reviews, #tab-tips-advice, #tab-brand-details { display:none; }


/* footer */
#skincare_brands #footer,#family #footer,#locator #footer, #signup #footer, #product #footer,#collections #footer,#gtl #footer, #terms #footer, #privacy #footer, #ceramide #footer {border-top: 1px solid #ccc;}
#footer { height: 110px; padding-top: 16px; clear:both; font-size:1.2em; position:relative; top:-1px; background: url(/images/footer_bg.gif) repeat-x #fff;}
#footer ul { text-align:center; overflow:auto; height: 25px; text-align:center;}
#footer li { display:inline;}
#footer a { font: .8em/.8em Verdana, Arial, Helvetica, sans-serif; color: #999; text-decoration: none; border-right: 1px solid #ccc; padding: 0 8px;}
#footer a:hover { text-decoration:underline;}
#footer p { clear: left; padding: 10px 0 0 13px; font-size:.8em; color: #999; text-align:center;}


/* works well with cross sells */
#works-well-with { clear:both; padding-top: 30px;}
#works-well-with-header { border-bottom: 1px solid #ccc; height: 30px; background: url(/int/images/works_well_with_header.gif) no-repeat; width:100%; }
.works-well-with { width: 135px; margin: 0; }
.works-well-with p { text-align:center; }
.works-well-with a { font-size: .8em; display:block; text-decoration:none;}
.www-photo { display:block; margin: auto; }
.cs-arrow { padding: 2px 0 0 3px; }


/** family **/
#family #content, body.family #content { background: url(/images/family_content_bg.gif) repeat-y ;}
body.family #family-right { padding: 10px 20px; width: 539px; }
#family-left { float:left; width: 180px; padding: 10px;}
#family-right { float:right; width: 579px; overflow:auto; }
#family-header { border-bottom: 1px solid #ccc; height: 35px; position: relative; }
.family-paginator { float:right; padding: 8px 10px 5px 10px; text-align:right; overflow:auto; position:relative; height: 22px;}
#family-header h1 {font-size: 1.1em; color: #666; padding: 10px 0 0 8px !important; margin: 0 !important; float:left;}
.view-all { text-decoration: none; padding-right: 8px; color: #aa0000; }
.view-all:hover { text-decoration:underline; }
.product { width: 172px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: 260px; float:left; padding: 10px; margin-top:-1px;}
.product-right { border-right: 0; width: 173px; }
.product a { display:block; }
.product img { display:block; margin: auto; }
.product p { font-size: 1em; text-align:center; }

#family_content_left { width:400px; float:left; }
#family_content_right { width: 130px; float:right; margin-top:100px; }
#family_content_right div { margin-bottom: 20px; }


/* left nav */
.left-nav { color: #444; }
.left-nav ul { list-style:none; margin: 2px 0 0 0; }
.indent li { background: url(/images/gray_bullet.gif) 0 6px no-repeat; padding: 3px 0 0 10px !important;margin-left: 8px; }
.left-nav li { padding: 3px 0; }
.left-nav a { text-decoration:none; color: #444; }
.left-nav a:hover { color: #aa0000; }
.left-nav h3 { font-weight: normal; margin-top: 10px; }
.sa { margin: 0 0 3px 0 !important; }
.left-nav h2 { margin-top: 10px; }

.lp_left { padding: 10px 0 20px 20px; width:125px;float:left; }
.lp_left a { text-decoration:none; }
.lp_left h2{ color:#444; margin:10px 0 3px 0; }
.lp_left h2 a { color:#444; }
.lp_left h2 a:hover { color: #aa0000; }

.lp_right { float:right; width: }

/* get the look */
#family-right.gtl { float:right; width: 599px; overflow:auto; padding: 15px 0 0px;}
#family-right.gtl img { display:block}
#family-left.gtl { float:left; width: 160px; padding: 10px;}

/* ceramide system */
#ceramide-left { float:left; width: 180px; padding: 10px;}
#ceramide-right { float:right; width: 579px; overflow:auto; padding-top: 20px;}
#ceramide-right div { padding-left: 125px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 0 20px 20px 0; overflow:auto;}
#ceramide-right div ul { list-style-type: disc; padding-left: 15px; margin: 10px 0 0 0;}
.to-use { margin: 5px 0; }
.learnmore { padding-left: 10px; background: url(/images/learnmore_arrow.gif) 0 4px no-repeat}
.learnmore a { color: #aa0000; font-weight:bold; }
.product-photo { float:left; margin-left: -125px; }
.new { padding-right: 5px; color: #aa0000; }
#last-system { border: 0 !important; margin-bottom: 0 !important; }

/* locator */
#locator #content { padding: 15px; }
#locator #content form p { padding: 10px 0; }
#locator #content form label { margin-right: 15px; }
#locator .error { margin-top: 5px }
#locator#or { margin: 0 15px; color: #aa0000; font-weight: bold; }
#locator-results { padding: 0;}
#results-left { width: 420px; float:left;}
#num-results { border-bottom: 1px dotted #ddd; padding-bottom: 10px;margin: 0 15px 15px 0;}
#num-results span { color: #cc0000; font-weight: bold;}
#results-left form { padding-bottom: 15px; border-bottom: 1px dotted #eee; margin-bottom: 10px; margin-right: 18px;}
#results-left .store { width: 197px; margin: 0 10px 5px 0; float:left;font-size: 10px;}
#results-left .store a { color: #cc0000;}
#results-left .store a:hover { text-decoration:none;}
#results-left .store strong { color: #aa0000;}
#error { color: #cc0000; font-size: 9px; margin-left: 10px;}
form p { font-size: 11px; color: #666666; margin-bottom: 20px;}
form #or { margin: 0 10px 0 20px; font-weight: bold;}
label {margin-right: 15px;}
#submit { margin-top:20px;}
#results-right { float: right; width: 300px; height: 500px; margin-left: 20px;}
#results-right div { float: left; margin-bottom: 10px;}
#results-right p { font-size: 10px;}
#results-right h2, #results-right h3 { font-size: 11px; color: #666; margin:4px 0 6px 0; text-transform: uppercase; font-weight: normal;}
#results-right img { float: left; margin-right: 10px;}
.store_row { overflow: auto; border-bottom: 1px solid #ddd; padding: 10px 0; clear:both; }

/* collections */
#collections #inner-content { padding: 20px;}
#collections #content ul li { padding: 4px 0;}
#collections #content ul.arrow li { background: url(/images/gray_bullet.gif) 0 5px no-repeat; padding: 3px 0 0 8px;}
#collections #content ul { list-style: none; margin: 0; padding: 0;}
#collections #content ul li , #collections #content h3 { color: #797979; font-size:11px; text-decoration:none;}
#collections #content h3 { font-weight: normal; margin: 12px 0 0 0; padding: 0;}
#collections #content h2 { color: #666; font-size: 11px; text-decoration:none;}
#collections #content a { color: #cc0000;}
#collections #content a:hover { text-decoration: underline;}
.collections-col-header { margin-bottom: 17px; }
.collections-row { width: 225px; float:left;margin-right:20px; }
.last-collections-row { margin-right: 0; }

/* 404 */
#collections.four_o_four #inner-content { padding-top: 0 !important;}

/* legal */
.legal h2 { margin: 10px 0; }
.legal h1 { margin-bottom: 10px; font: 1.6em arial, verdana, sans-serif; color: #aa0000; }
#content.legal { padding: 20px; }

/* signup */
#signup #content, #unsubscribe #content { height: 518px; background: url(/images/signup_bg.jpg) no-repeat; }
#signup-thanks p { margin: 5px 0 5px 5px; }
#signup-form, #unsubscribe-form { padding: 120px 0 0 320px; }
#signup-thanks { width: 780px; height: 518px; background: url(/images/signup_bg.jpg) no-repeat; }
#signup-thanks div { position: relative; height: 50px; width: 350px; left: 380px; top: 140px; }
#signup-form p, #unsubscribe-form h1, #unsubscribe-form p { width: 290px; position:relative; left: 115px; margin-bottom: 8px; }
#signup-form div, #unsubscribe-form div { margin-bottom: 8px; }
#signup-form label, #unsubscribe-form label { display:block; float:left; width: 100px; margin: 2px 15px 0 0; text-align:right;}
#signup-form form label span, #unsubscribe-form form lable span { color: #cc0000; padding-left: 3px;}
#signup-form form select, #unsubscribe-form form select { font: 12px Verdana, Arial, Helvetica, sans-serif;}
#signup-form form .textbox, #unsubscribe-form .textbox { width: 280px; padding: 2px; font: 12px Verdana, Arial, Helvetica, sans-serif;}
#form-error { color: #fff; font-size: 10px; padding: 4px; background-color: #890f28; width: 278px !important;}
#signup #submit, #unsubscribe #submit { margin-left: 115px; }

/* beauty reviews */
#beauty-reviews #content form {	margin: 15px;	background: url(/images/beauty_reviews_bg.gif) repeat-y;	padding: 10px 0;}
#beauty-reviews #content form input, #content form textarea {	width: 220px; }
#beauty-reviews #content form textarea {	height: 200px;}
#beauty-reviews #content #left, #content #right {	width: 346px;}
#beauty-reviews #content #left {	float: left;	padding-left: 10px;}
#beauty-reviews #content #right {	float: right;	width: 356px;}
#beauty-reviews #content form div {	margin-bottom: 10px;}
#beauty-reviews #content form p {	margin:0;	padding: 0;}
#beauty-reviews #content #submit {	background: url(/images/submit.gif) no-repeat;	width: 81px;	height: 23px;	cursor: pointer;	border:0; 	margin-top:10px;}
#beauty-reviews #content form div label {	width: 100px; display:block; float:left;	padding-top: 3px;}
#beauty-reviews #content .checkbox input { float: left; width:auto;}
#beauty-reviews #content .checkbox label { width:auto; float:none;}
#beauty-reviews #content .checkbox p { clear:both;}
#beauty-reviews .insert-error {	background-color: #cc0000; color: #fff; text-align:center; font-weight: bold; margin: 10px 15px 0 15px; padding: 5px 0;}
#intro-title, #intro-content, #error { margin: 0 15px;}
#customer-service {	text-transform:uppercase;}
#intro-title {	color: #cc0000;	text-transform:uppercase;	font-weight: bold; margin-top: 10px; margin-bottom: 5px; font-size: 1.1em;}
.checkbox p { width:350px; }
.checkbox em { font-size: .8em;}
#remaining-chars { color: #cc0000;}
#beauty-reviews #error { background: #aa0000; margin-top: 10px; color: #fff; padding: 5px; }
#reviews-thankyou { display:block; margin: 40px auto; }

/* faq */
#faq #family_content_left ul { list-style-type: disc; list-style-position:inside; text-indent:-1.1em; padding-left: 1em; color: #f8902a; }
#faq #family_content_left ul a { text-decoration:none; color: #f8902a; }
#faq #family_content_left ul a:hover { text-decoration:underline; }
#faq #family_content_left h2 { margin-top: 15px; font-weight: normal; }
.btt { display:block; margin: 20px auto 0 auto; width:72px; height:21px;}
.btt img { display:block; }
.faq p { margin-top: 20px; color: #444; }

/* new */
#new #content img { display:block; }
#new_nav { background: #f8902a; overflow:auto; }
#new_nav li { width: 260px; float:left; text-align:center;position:relative;  }
#new_nav a { color: #fff; text-decoration:none; font-size: 1.5em; display:block;padding: 10px 0; background:#fe9120;  }
#new_nav a:hover { background-color: #e6801c; }
#new_nav a img { display:inline !important; position:relative; top:-1px; left:-6px; }

#skincare_brands #family-right{ padding: 0 !important;width:579px;}
.scb { border-bottom: 1px solid #ccc; padding: 20px 0; overflow:auto; zoom: 1; }
.scb-header { border-bottom: 1px solid #ccc; padding: 8px 0 8px 6px; }
#content-right .scb-image { float:left;}
.scb div img { display: block; }
.scb div { float:left; width: 315px; }
.scb p { margin: 10px 0; }
.scb .learn-more li { display:inline; margin-right:20px;}
.scb li a { color: #aa0000; }

#prevage_reviews #family_content_right { margin-top:20px;  }
blockquote { background: url(/images/blockquote_bg.gif) no-repeat; padding-left: 20px; }
.quoter { margin: 0 0 20px 30px; color: #ee1d24; }

#prevage_results #family_content_right { margin-top:20px; }
#prevage_results #family_content_left { color: #444;padding-bottom: 450px; }
#prevage_results #family_content_left h1, #prevage_results #family_content_left h2 { color: #f8902a }
.orangedot { color: #f8902a; list-style-type:disc; list-style-position:inside; margin: 0 0 10px 20px;text-indent:-1.1em; padding-left: 1em; }
.orangedot li span { color:#444; }
#prevage_results h2 { font-size: 1.2em; margin-bottom:5px; }
#prevage_results #family_content_left ul a,#prevage_reviews #family_content_left ul a { color: #f8902a }
.plink { color: #f8902a; font-size: 1.2em; }

#sm_links { text-align:center; margin-bottom: 15px; }
#sm_links a { border:0; }

#family-left li {padding:1px 0 1px 10px; background: url(/images/tiny_arrow.gif) 0 4px no-repeat; }
#family-left ul {margin-left: 15px !important;}

.expandable_header { cursor:pointer;background: url(/images/family_arrow.gif) 0 4px no-repeat; padding-left:10px; }
.expandlable_header:active { color:#b72829 }
.expandable_header_active {background: url(/images/family_arrow_active.gif) 0 4px no-repeat;color:#b72829}

#content_right_content {width:550px;float:left; padding-bottom:20px}

#content_right_content h2 { font-weight:normal;font-size:1.6em;margin-bottom:0;padding-bottom:0; }

#content_right_content a { color:#695940; text-decoration:underline; }

#content_right_xs { width:150px;float:right;padding-right:10px; }

#content_right_xs p { margin: 0 0 20px 0; text-align:center; }

#content_right_xs img { display:block; margin: 0 auto; }



#content_right_content p { margin:0; }
#content_right_content ul { margin: 10px 0; list-style-type:disc; margin-left:15px; }
#content_right_content h2 {  margin-top:20px}