body, div, p, dd, dt, form, fieldset {padding: 0; margin: 0}
h1, h2, h3, h4 {margin: 0.1em 0 0.6em 0; font-weight: bold; color: #224; line-height: 120%}
body.pages h2, body.pages h3, body.pages h4, body.sessions h2, body.sessions h3, body.sessions h4, body.signup h2, body.signup h3, body.signup h4, .note h2, .note h3, .note h4 {margin-top: 1.6em}
h1, .h1 {font-size: 2em; letter-spacing: 0.03em; margin: 0.1em 0 0.6em 0.1em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic}
h1 em, .h1 em {display: block}
h2, .h2 {font-size: 1.3em; font-family: Arial, sans-serif}
h3, .h3 {font-size: 1.1em; font-family: Arial, sans-serif}
h4 {font-size: 1em}
h1 span.page, h2 span.page {white-space: nowrap}
p, ol, ul, div, td, label {line-height: 1.4em}
p {margin-bottom: 1em}
p.last {margin-bottom: 0 ! important}
p.large {font-size: 1.25em}
p.highlight, div.highlight {padding: 0.3em 0.6em}
a {color: #004a8e; text-decoration: none; font-family: Arial, sans-serif; letter-spacing: 0.03em}
a:hover {text-decoration: underline}
a:visited {color: #2A5D9A}
a.spamprotected span {display: none}
a.block {display: block ! important; padding: 0.2em 0}
a.facebook {padding-left: 20px; padding-right: 20px; background: url(/images/social-mini.png) 0 0px no-repeat}
a.twitter {padding-left: 20px; padding-right: 5px; background: url(/images/social-mini.png) 0 -32px no-repeat}
.highlight {background-color: #fffaa0; padding: 0 0.3em}
.highlight.go {background-color: #98ea98}
.highlight.error {background-color: #c00; color: #fff}
.highlight.warning {background-color: #fcc}
.highlight.hidden {background-color: #ddd}
a.highlight, li.highlight {padding: 0}
a.highlight {color: #004a8e !important}
.info {font-style: italic; color: #556}
.nowrap {white-space: nowrap}
span.star {font-weight: normal; font-size: 1.6em; line-height: 0.1em}
span.code {font-family: monospace}
form fieldset {background: none; border: none; padding: 0}
form.pretty {width: 100%}
form.pretty fieldset {padding: 0.6em 0}
form.pretty fieldset.half {float: left; clear: none; width: 44%}
form.pretty fieldset.first {padding-right: 11.5%}
form.pretty label {font-size: 1em; font-weight: bold}
form.pretty label.inline {font-weight: normal; position: relative; top: 0.1em}
form.pretty input.text, form.pretty input.password, form.pretty textarea {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; padding: 0.1em 0.2em; width: 99%; max-width: 99%}
form.pretty input.text.small, form.pretty input.password.small, form.pretty textarea.small {width: 150px}
form.pretty input.checkbox {margin-right: 0.3em}
form.pretty select {display: block; font-size: 1em; width: 99%}
form.pretty textarea.small {height: 2.4em}
form.pretty textarea.medium {height: 5em}
form.pretty textarea.large {height: 25em}
form.pretty .assist {font-family: Arial, sans-serif; font-size: 0.9em; color: #666}
form.pretty p.assist {margin: 0.1em 0 0.2em 0}
form.pretty div.field {padding-bottom: 1em; clear: both; line-height: 1.8em}
form.pretty div.field.half {float: left; clear: none; width: 48%}
form.pretty div.field.half .checkbox {margin-top: 3.5em}
form.pretty div.field.half.small {width: 21%}
form.pretty div.field.half.smaller {width: 28%}
form.pretty div.field.half.larger {width: 68%}
form.pretty div.field.first {padding-right: 4%}
form.pretty div.fieldWithErrors {display: inline}
form.pretty div.fieldWithErrors label {color: #fff; background: #c00; padding: 0.2em 0.4em}
form.pretty div.formError {display: inline; color: #c00}
form.pretty div.buttons {padding-top: 0.5em; padding-bottom: 0.2em; text-align: center ! important; clear: both}
#errorExplanation {background-color: #eee; border: 5px solid #c00; background: #fcc; margin-bottom: 1.7em}
#errorExplanation h2 {font-size: 1.3em; padding: 0.3em 0.6em; margin: 0; background-color: #c00; color: #fff}
#errorExplanation p {padding: 0.7em 1em 0em 1em; color: #333}
#errorExplanation a {font-weight: bold; text-decoration: underline; color: #333}
#messageForm .textarea {height: 15em}
body {text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; line-height: 1.4em; background-color: #2d6bc0; color: #333333}
img {border: none}
hr {background: #ddd; color: #ddd; height: 0.15em; font-size: 0.01em; margin: 1.2em 0; border: 0; clear: both}
hr.dashed {background: transparent; color: inherit; border-top: 0.15em dashed #aaa}
ul {margin: 0; padding: 0; list-style: none}
ul li {margin: 0; padding: 0}
#page ul, .page ul, .note ul {list-style: disc; margin-bottom: 0.7em}
#page ul li, .page ul li, .note ul li {margin-left: 1.5em; margin-bottom: 0.4em}
#page ol, .page ol, .note ol, #error ol {margin-bottom: 0.7em}
#page ol li, .page ol li, .note ol li, #error ol li {margin-left: 1.5em; margin-bottom: 0.4em}
div.centered {margin: 0 auto; width: 952px; text-align: left}
.clear {display: inline-block}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
*html .clear {height: 1%}
.clear {display: block; overflow: hidden}
.cleared {clear: both}
#searchForm {float: right; height: 28px; width: 505px; overflow: hidden; position: relative}
#searchForm label {display: block; width: 70px; font-size: 1.2em; color: #fff; text-align: right; padding-top: 2px; letter-spacing: 0.02em}
#searchForm #searchBox {position: absolute; top: 0; width: 430px; left: 75px}
#searchForm #searchBox .left {position: absolute; left: 0; background: transparent url(/images/searchbox.gif) no-repeat 0 0; width: 18px; height: 28px}
#searchForm #searchBox #searchBoxInput {position: absolute; left: 18px; background: #fff url(/images/searchbox.gif) no-repeat; background-position: -18px 0; border: 0; outline: none; height: 28px; max-height: 28px; width: 378px; max-width: 378px; padding: 1px 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-style: italic; letter-spacing: 0.05em}
#searchForm #searchBox.inactive #searchBoxInput, #searchForm #searchBox #searchBoxInput {color: #999}
#searchForm #searchBox.active #searchBoxInput {color: #333}
#searchForm #searchBox #searchBoxButton {position: absolute; top: 0; background: url(/images/searchbox.gif) no-repeat; width: 34px; height: 28px; left: 396px; border: none}
#searchForm #searchBox #searchBoxButton, #searchForm #searchBox.inactive #searchBoxButton {background-position: -414px 0; cursor: default}
#searchForm #searchBox.active #searchBoxButton {background-position: top right; cursor: pointer}
#top {background: #fff}
#top .centered {position: relative; height: 6em}
a#logo {float: left; position: relative; z-index: 1; top: 1.7em; text-decoration: none}
.popup #logo {position: static; margin: 0}
#bar {background: #3186d6 url(/images/bg-bar.gif) repeat-x}
#bar .centered {padding: 17px 0 10px 0}
#mainMenu {float: left; width: 400px; height: 32px}
#mainMenu li {float: left}
#pageMenu {position: absolute; right: 0; bottom: 0.2em; height: 32px; width: 100%}
#pageMenu li {float: right}
#pageMenu li a {margin: 0 0 0 4px}
#userMenu {position: absolute; right: 0; text-align: right; font-size: 0.9em; margin-top: 1em; width: 60%; z-index: 2}
#userMenu li {display: inline; border-left: 1px solid #aaa; padding: 0 3px 0 8px}
#userMenu li.noborder {border: none}
#userMenu .current a {font-weight: bold; text-decoration: none; color: #333}
#userMenu .current a span {font-weight: bold; text-decoration: none; color: #333}
#userMenu li#hello {font-style: italic}
#userMenu .imagetext {top: 1px}
#breadcrumbs {font-size: 0.9em; background: #c4ddfc url(/images/bg-breadcrumbs.gif) repeat-x; text-align: center; color: #112979}
#breadcrumbs .centered {padding: 0.4em 0}
#breadcrumbs .centered span {font-style: italic}
#breadcrumbs .centered ul {display: inline}
#breadcrumbs .centered ul li {margin-left: 0.4em; padding: 0 1em 0 0.1em; background: url(/images/arrr.gif) no-repeat 100% 5px; list-style: none; display: inline}
#breadcrumbs .centered ul li a {font-weight: normal; color: #112979}
#breadcrumbs .centered ul li.current {background: none}
#label_page_link {z-index: 2; height: 50px; position: absolute; top: 38px; left: 34.3em}
#main {width: 100%; margin: 0; text-align: center}
#main div {text-align: left}
body.something #main {float: left; width: 65%; margin-right: 5%}
body.something #additional {float: left; width: 30%}
div.flash {padding: 0.5em 0; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; text-align: center}
div.flash p {margin: 0 auto; width: 952px}
div.flash.error {background: #ff9898 url(/images/bg-flash-error.gif) repeat-x; color: #802021}
div.flash.notice {background: #98ea98 url(/images/bg-flash-notice.gif) repeat-x; color: #235718}
div.flash.warning {background: #ffffac url(/images/bg-flash-warning.gif) repeat-x; color: #524723}
a.imagelink {position: relative; top: 5px; margin-top: -5px; z-index: 1; text-decoration: none !important; display: inline}
a.imagelink:hover {text-indent: 0}
a.imagelink:hover span {text-decoration: underline !important}
a.imagelink img {background-repeat: no-repeat; background-image: url(/images/icons.png); height: 14px; width: 16px; border: 0}
a.imagelink span {display: none}
a.imagetext {text-decoration: none}
a.imagetext span {display: inline; position: relative; z-index: 1; top: -1px; margin-left: 3px}
a.imagetext:hover span {text-decoration: none}
a.delete img {background-position: -160px 0}
a.delete:hover img {background-position: -160px -20px}
a.delete-all img, a.remove img {background-position: -140px 0}
a.delete-all:hover img, a.remove:hover img {background-position: -140px -20px}
a.add img {background-position: -220px 0}
a.add:hover img {background-position: -220px -20px}
a.visible {top: 0}
a.visible img {background-position: -320px 0}
a.visible:hover img {background-position: -320px -20px}
a.hidden {top: 0}
a.hidden img {background-position: -340px 0}
a.hidden:hover img {background-position: -340px -20px}
a.rateable img {background-position: -80px 0px}
a.rateable:hover img {background-position: -80px -20px}
a.unrateable img {background-position: -80px -40px}
a.unrateable:hover img {background-position: -80px 0}
a.searchable img {background-position: -180px 0}
a.searchable:hover img {background-position: -180px -20px}
a.unsearchable img {background-position: -180px -40px}
a.unsearchable:hover img {background-position: -180px 0}
a.points-2n img {background-position: 0 -40px}
a.points-2n:hover img {background-position: 0 0}
a.points-2n-a {cursor: default}
a.points-2n-a img {background-position: 0 0}
a.points-1n img {background-position: -20px -40px}
a.points-1n:hover img {background-position: -20px 0}
a.points-1n-a {cursor: default}
a.points-1n-a img {background-position: -20px 0}
a.points-0 img {background-position: -40px -40px}
a.points-0:hover img {background-position: -40px 0}
a.points-0-a {cursor: default}
a.points-0-a img {background-position: -40px 0}
a.points-1 img {background-position: -60px -40px}
a.points-1:hover img {background-position: -60px 0}
a.points-1-a {cursor: default}
a.points-1-a img {background-position: -60px 0}
a.points-2 img {background-position: -80px -40px}
a.points-2:hover img {background-position: -80px 0}
a.points-2-a {cursor: default}
a.points-2-a img {background-position: -80px 0}
a.no-points img {background-position: -420px -40px}
a.force, a.force-a {top: 2px}
a.force img {background-position: -180px -40px}
a.force:hover img {background-position: -180px 0}
a.force-a img {background-position: -180px 0}
a.cancel img {background-position: -200px 0}
a.cancel:hover img {background-position: -200px -20px}
a.down img {background-position: -280px 0}
a.down:hover img {background-position: -280px -20px}
a.up img {background-position: -300px 0}
a.up:hover img {background-position: -300px -20px}
a.right img, a.goto img, a.editr img {background-position: -240px 0}
a.right:hover img, a.goto:hover img, a.editr:hover img {background-position: -240px -20px}
a.left img, a.edit img {background-position: -260px 0}
a.left:hover img, a.edit:hover img, a.edit-a img {background-position: -260px -20px}
a.settings img {background-position: -380px 0}
a.settings:hover img {background-position: -380px -20px}
a.inci img {background-position: -440px 0}
a.inci:hover img {background-position: -440px -20px}
a.not-inci img {background-position: -440px -40px}
a.not-inci:hover img {background-position: -440px 0}
a.ok-l img {background-position: -460px 0}
a.ok-l:hover img {background-position: -460px -20px}
a.ok img {background-position: -480px 0}
a.ok:hover img {background-position: -480px -20px}
a.login img {background-position: -500px 0}
a.linkedlogin img {background-position: -500px 0}
a.linkedlogin:hover img {background-position: -500px -20px}
a.public img {background-position: -320px 0}
a.public:hover img {background-position: -320px -20px}
a.private img {background-position: -320px -40px}
a.private:hover img {background-position: -320px -20px}
a.spinner img {background: url(/images/spinner.gif) no-repeat}
a.spinner:hover img {background-position: 0 0}
.box {background: url(/images/box-blue.gif) top left no-repeat; margin: 1em 0}
.box.right {float: right; width: 15em}
.box .tr {background: url(/images/box-blue.gif) top right no-repeat; margin-left: 20px}
.box .bl {background: url(/images/box-blue.gif) bottom left no-repeat; height: 20px}
.box .br {background: url(/images/box-blue.gif) bottom right no-repeat; height: 20px; margin-left: 20px}
.box.gray {background-image: url(/images/box-gray.gif)}
.box.gray .tr, .box.gray .bl, .box.gray .br {background-image: url(/images/box-gray.gif)}
.box .content {padding: 15px 15px 0 0}
.box .content p {margin-bottom: 0.5em}
button {font-size: 1em}
.button {position: relative; float: left; border: 0; padding: 0; cursor: pointer; overflow: visible; text-decoration: none !important; margin: 0 5px 0 0; padding: 0 15px 0 0; background: transparent url(/images/button-large.png) right -67px no-repeat; height: 32px; color: #0D4DA2 ! important; text-align: center}
.button span {position: relative; display: block; padding: 0 0 0 15px; white-space: nowrap; font-size: 1em; height: 32px; line-height: 30px; font-weight: bold; background: transparent url(/images/button-large.png) top left no-repeat}
.button::-moz-focus-inner {border: none; padding: 0}
.current .button, .button:hover {background-position: right -101px}
.current .button span, .button:hover span {background-position: left -34px; color: #112979}
a.button.go, a.button.go span, button.button.go, button.button.go span {background-image: url(/images/button-large-green.png); color: #235718}
a.button.go:hover span, a.button.go span:hover span, button.button.go:hover span, button.button.go span:hover span {color: #1A4111}
.button.disabled span, .button[disabled] span {color: #999 ! important}
.button.small {padding: 0 14px 0 0; background: transparent url(/images/button-small.png) right -56px no-repeat; height: 26px; color: #0D4DA2 ! important}
.button.small span {padding: 0 0 0 13px; font-size: 0.9em; line-height: 27px; font-weight: normal; background: transparent url(/images/button-small.png) top left no-repeat; height: 26px}
.current .button.small, .button.small:hover {background-position: right -84px}
.current .button.small span, .button.small:hover span {background-position: left -28px}
button.button {float: none; display: inline}
a.red_link {background-color: #DA4F49; background-image: -webkit-linear-gradient(top, #EE5F5B, #BD362F); background-image: -moz-linear-gradient(top, #EE5F5B, #BD362F); background-image: linear-gradient(to bottom, #EE5F5B, #BD362F); background-image: -o-linear-gradient(top, #EE5F5B, #BD362F); padding: 5px 18px; color: #fff; border-radius: 16px; text-decoration: none; box-shadow: 1px 2px 0px #bbb}
a.red_link:visited {color: #fff}
table.table {width: 100%}
.table th {padding: 0 10px}
.table td {border-top: 1px dotted #ccc; padding: 3px 10px 0 10px}
table.nowrap th, table th.nowrap, table.nowrap td, table td.nowrap, table th {white-space: nowrap}
table td {vertical-align: top}
table.pretty {width: 100%}
table.pretty th {padding: 0 8px; white-space: nowrap; text-align: left}
table.pretty td {vertical-align: top; border-top: 1px dotted #ccc; padding: 4px 8px; margin: 0}
table.pretty td table td {border: none; padding: 0 16px 2px 0}
table.pretty td.fat {width: 80%; white-space: normal}
table.pretty th.fat {width: 80%; white-space: normal}
table.pretty .num {width: 50px; text-align: center}
table.pretty .pos {font-weight: bold}
table.pretty .nowrap {white-space: nowrap}
table.pretty .imagelink {top: 1px}
table.pretty .rating .imagelink {top: 0px}
ul.scorelist strong, table.scorelist strong {margin-right: 0.01em}
ul.scorelist span.rating, table.scorelist span.rating {position: relative; margin: 2px 5px 0 -22px}
ul.scorelist span.rating img.smiley, table.scorelist span.rating img.smiley {top: 1px}
table.scorelist td.rated {padding-left: 28px}
ul.scorelist {list-style: none ! important; margin: 0 ! important}
ul.scorelist li {padding-left: 22px; margin: 0 0 0.7em 0 ! important; line-height: 120%}
.twoColumns {float: left; width: 48%; margin-right: 2% ! important; padding-bottom: 1em}
.threeColumns {float: left; width: 31.3%; margin-right: 2%; padding-bottom: 1em}
#beforeSignup p {clear: both}
#beforeSignup ol li {float: left; width: 45%; margin-left: 5%; padding-bottom: 1em}
#beforeSignupNote {margin-top: 3em}
#popularProducts {padding-top: 140px; background: url(/images/rated-cosmetics.jpg) top center no-repeat}
#popularProducts h2 {margin: 0 0 0.7em 0}
#popularProducts p {margin-bottom: 0.8em}
#popularProducts ul.scorelist li {padding-bottom: 0}
#benefit {margin: 0}
#benefit div.buttons {padding-top: 0.8em; text-align: center}
#benefit div.buttons a {margin-left: 32%}
#benefit h2, #benefit h3 {font-size: 1.3em}
#benefit ul {margin: 0 0 1em 0; padding: 0; list-style: none}
#benefit ul li {background: url(/images/bullet-ok.gif) center left no-repeat; padding: 0.5em 0 0.5em 2.1em; margin: 0}
#benefit ul li a {font-weight: bold}
#benefit ul li.price {background-image: url(/images/bullet-login.gif)}
#benefit .price a img {width: 17px; height: 17px; background: url(/images/redstar.png) bottom left no-repeat}
#benefit .box.star {margin: 2em 0 0 0}
#benefit .box.star .content {padding-left: 25px; background: transparent url(/images/redstar.png) 0 17px no-repeat}
#socialBookmarks {text-align: center; padding-bottom: 1em; clear: both}
#socialBookmarks ul {clear: both; margin: 0 auto}
#socialBookmarks ul li {float: left; background: transparent url(/images/socialbookmarks.png) no-repeat; margin: 0 5px}
#socialBookmarks ul li a {overflow: hidden; text-indent: -100em; display: block; width: 30px; height: 31px}
#socialBookmarks ul li.friendfeed {background-position: -30px 0}
#socialBookmarks ul li.facebook {background-position: -60px 0}
#socialBookmarks ul li.studivz {background-position: -90px 0}
#socialBookmarks ul li.myspace {background-position: -120px 0}
#socialBookmarks ul li.delicious {background-position: -150px 0}
#socialBookmarks ul li.digg {background-position: -180px 0}
#socialBookmarks ul li.yahoobuzz {background-position: -210px 0}
#socialBookmarks ul li.linkarena {background-position: -240px 0}
#socialBookmarks ul li.google {background-position: -270px 0}
#socialBookmarks ul li.mrwong {background-position: -300px 0}
#socialBookmarks ul li.newsvine {background-position: -330px 0}
#socialBookmarks ul li.sharethis {background-position: -360px 0}
#socialBookmarks ul li.yahoo {background-position: -390px 0}
#socialBookmarks ul li.windowslive {background-position: -420px 0}
#socialBookmarks ul li.reddit {background-position: -450px 0}
#socialBookmarks ul li.stumbleupon {background-position: -480px 0}
#sitemap {padding: 1em 0}
#sitemap .centered {position: relative; width: 761.6px}
#sitemap ul {clear: both}
#sitemap ul li {width: 25%; float: left}
#sitemap ul li.cosmetics {width: 26%}
#sitemap ul li.members {width: 24%}
#sitemap ul li ul li {float: none; width: 100%}
#sitemap ul h2 {margin-top: 0; font-size: 1.1em; font-style: italic; font-weight: normal; color: #fff; font-family: Georgia, "Times New Roman", Times, serif}
#sitemap ul a {color: #fff}
div#loginbox {position: relative; background: transparent url(/images/divider.gif) 42.5% 0 repeat-y; padding-bottom: 1em}
div#loginbox div.login {float: left; width: 35%}
div#loginbox div.divider {float: left; margin-top: 10%; width: 15%; text-align: center}
div#loginbox div.divider em {color: #999; font-family: Garamond,"Times New Roman",Times,serif; font-size: 250%; line-height: 300%; background: #fff; padding: 12%}
div#loginbox div.signup {float: left; width: 50%}
div#loginbox div.signup h2 {font-size: 2em; letter-spacing: 0.03em; margin: 0.1em 0 0.6em 0.1em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic}
div.categories ul li.root {border-top: 1px dashed #bbb; padding: 0.35em 0; font-weight: bold; font-size: 1.1em}
div.categories ul.subcat {display: inline}
div.categories ul.subcat li {border: none; display: inline; font-weight: normal; margin-right: 0.7em; font-size: 0.89em}
div.categories ul ul.subcat li {margin: 0 0 0 0.7em}
div.subCategories {position: relative; top: -1em; margin-bottom: 0.5em; font-weight: bold}
div.subCategories ul {display: inline}
div.subCategories ul li {display: inline; padding-left: 0.4em}
.pagination {clear: both; text-align: center; padding: 1em 0 0 0; border-top: 1px dashed #bbb}
.pagination span {display: none}
.pagination li {display: inline}
.pagination img {background: url(/images/icons.gif) no-repeat; height: 14px; width: 16px; border: 0; position: relative; top: 1px}
.pagination a {margin: 0 0.3em}
.pagination a span {display: inline}
.pagination .inactive {display: inline; visibility: hidden}
.pagination .active a {text-decoration: none; font-weight: bold; font-size: 2em; position: relative; top: 2px; color: #555}
.pagination .prev {margin-right: 1em}
.pagination .prev img {background-position: -260px 0; margin-right: 0.3em}
.pagination .prev a {margin: 0; text-decoration: none}
.pagination .prev a:hover img {background-position: -260px -20px}
.pagination .prev a:hover span {text-decoration: underline}
.pagination .next {margin-left: 1em}
.pagination .next img {background-position: -240px 0; margin-left: 0.5em}
.pagination .next a {margin: 0; text-decoration: none}
.pagination .next a:hover img {background-position: -240px -20px}
.pagination .next a:hover span {text-decoration: underline}
#products p.info {margin-bottom: 1.2em}
p.missingProduct {padding: 0.5em 0; margin: 0; clear: both}
div#missingProduct {float: right; margin: -0.8em 0 1.5em 1.5em; width: 325px; position: relative}
div#missingProduct .header {font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding-bottom: 8px; display: block; color: #333333; font-size: 1.3em; font-style: italic; font-weight: normal}
div#missingProduct .imagelink {top: 0}
div#missingProduct .imagelink img {float: left; margin: 2px 0 0 2px}
div#missingProduct .imagelink span {display: block; margin-left: 22px}
#product .ingredients, #productForm .ingredients {padding: 1em 0}
#product .ingredients p.error, #productForm .ingredients p.error {font-weight: bold}
#product .ingredients ul li, #productForm .ingredients ul li {clear: both; padding: 0.2em 0}
#product .ingredients ul li span.count, #product .ingredients ul li label.count, #productForm .ingredients ul li span.count, #productForm .ingredients ul li label.count {float: left; width: 2em; margin-right: 0.5em; text-align: right; font-style: italic; font-weight: normal; font-size: 1.2em; color: #668; top: 0}
#product .ingredients ul li span.count.error, #product .ingredients ul li label.count.error, #productForm .ingredients ul li span.count.error, #productForm .ingredients ul li label.count.error {background: #c00; color: #fff; font-weight: bold}
#product .ingredients ul li span.rating, #productForm .ingredients ul li span.rating {float: left}
#product .ingredients ul li span.rating img.smiley, #productForm .ingredients ul li span.rating img.smiley {top: 0.17em; margin-right: 0.4em}
#product .ingredients ul li span.title, #productForm .ingredients ul li span.title {font-family: Arial, sans-serif}
#productForm .ingredients {border-top: 1px dashed #bbbbbb}
#productForm .ingredients span.count {top: 0.25em ! important}
#productForm .toggle {display: inline; padding-bottom: 15px; width: 92%; float: right}
#product h1.brand {font-family: Arial, sans-serif; font-size: 1.3em; margin-bottom: 0.3em; font-style: normal; font-weight: bold}
#product h2.label {font-size: 2em; letter-spacing: 0.03em; margin: 0.1em 0 0.6em 0.1em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-bottom: 0.3em}
#product h3 {font-size: 1.3em; margin: 1.2em 0 1em 0}
#product .linkedlogin {top: 1px}
#product .linkedlogin span {background-color: #fffaa0; color: #004a8e !important}
#product .properties {margin-bottom: 1.2em; padding-bottom: 0.5em; border-bottom: 1px dashed #bbbbbb}
#product .properties .description {margin: 1em 0}
#product .properties .publish, #product .properties .editable {margin-top: 1em}
#product label {font-weight: bold; float: left; margin-right: 0.8em}
#product div.rating {padding: 0.4em 0}
#product .spread .spreading {width: 9em; height: 0.9em; margin-top: 0.3em}
#product p.sorting {margin: 1em 0 0 0}
#product p.annotation {margin: 1em 0 0 0; font-style: italic}
#product p.brandlink {padding: 1.5em 0 0 0; border-top: 1px dashed #bbbbbb; font-weight: bold}
#product p#nonInci {padding: 0.5em 0 0.5em 1.2em; position: relative}
#product p#nonInci .star {position: absolute; top: 0.5em; left: 0}
#product .ingredients {padding: 1.5em 0 0 0; margin-bottom: 0}
#product .ingredients li {padding: 0 ! important}
#product .ingredients li .content {float: left; width: 85%; padding: 1px 0 0.8em 0}
#ingredient h1 {margin: 0.1em 0 0 0.2em}
#ingredient div.rating {margin: 0.3em 0 1.7em 0.5em}
#ingredient div.rating label {font-weight: bold; padding-right: 0.3em}
#ingredient .linkedlogin {top: 1px}
#ingredient .linkedlogin span {background-color: #fffaa0; color: #004a8e !important}
#ingredient .products {margin: 3.5em 0.5em 0 0.5em}
#ingredient .products .scorelist {padding: 1em 0 0 0; width: 46%; margin-right: 4% ! important}
#ingredient .info.padding {padding-top: 0.5em}
dl.assetTypes {width: 100%}
dl.assetTypes dt, dl.assetTypes dd {float: left; border-top: 1px dashed #bbb; padding: 0.5em}
dl.assetTypes dt.first, dl.assetTypes dd.first {border: none}
dl.assetTypes dt {width: 22%; clear: both; font-weight: bold}
dl.assetTypes dd {width: 73%}
ul.ingredientAssets li {padding: 0.3em 0 0.3em 28px}
ul.ingredientAssets li span.rating {margin: 0; position: relative; margin-left: -22px}
.noContent, span.private {font-style: italic; color: #556}
.citations {padding: 0 0.5em}
.citations h2 {margin-top: 3em}
.citations h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #333333; margin: 2em 0 0.5em 0}
.legendbox {background: #f2f2f2; padding: 10px 14px}
.legendbox h4 {margin: 0 0 8px 0}
.legendbox p {margin: 2px 0}
.legendbox p .imagelink {top: 3px}
.legendbox .smiley {margin-right: 5px}
ul.spreading {height: 0.8em; width: 8em; float: left}
ul.spreading li {height: inherit; float: left; overflow: hidden; text-indent: -100em}
ul.spreading li.r0 {background-color: #A30202}
ul.spreading li.r1 {background-color: #EF5C00}
ul.spreading li.r2 {background-color: #FFE93D}
ul.spreading li.r3 {background-color: #76B100}
ul.spreading li.r4 {background-color: #006600}
#searches h1 {text-align: center; padding-bottom: 0.5em}
#searches h2 {text-align: center}
#searches h2 .count {font-style: italic; color: #668; font-size: 0.7em}
#searches .results {position: relative; background: transparent url(/images/3col-divider.gif) 48% 0 repeat-y}
#searches .results div.threeColumns {padding: 0}
#searches .results .noResults {font-style: italic; color: #666; text-align: center}
#searches .results .button {margin: 0 8%; width: 78%}
#search, #searches {color: #668}
#search li, #searches li {padding-bottom: 1em; clear: left}
#search li p, #searches li p {margin: 0}
#search li .rating, #searches li .rating {width: 20px; float: left}
#search li .rating img.smiley, #searches li .rating img.smiley {top: 0.2em}
#search li div, #searches li div {font-style: normal; width: 420px; float: left; padding-bottom: 1em}
#search .match, #searches .match {font-weight: bold}
#search .threeColumns li div, #searches .threeColumns li div {width: 270px}
#maintenance {background: #89c0f7 url(/images/bg-sitemap.gif) repeat-x; padding: 1em 0; font-size: 1.2em}
#maintenance div {text-align: center}
#accessibility {display: none}
#publication #abstract {font-weight: bold; margin-bottom: 1em}
#publication #date {color: #555; font-style: italic}
#publication #author {color: #555}
#publications ul li {margin: 1em 0 2em 0; clear: both}
#publications ul li .content {float: left; width: 55%; padding-right: 4%; border-right: 1px solid #ccc}
#publications ul li .info {float: right; width: 38%}
#publications ul li .info #date {color: #555; font-style: italic}
#publications ul li .info #author {font-style: normal}
#socialBoxes {padding-top: 2.3em}
#socialBoxes .box {width: 49%; color: #004a8e; text-decoration: none; font-family: Arial, sans-serif; letter-spacing: 0.03em; font-size: 0.9em; cursor: pointer}
#socialBoxes .box .content {height: 4em}
#socialBoxes .logo {width: 59px; height: 59px; background: url(/images/social.png); float: left; margin: 0.1em 0.5em 1em -2px}
#socialBoxes .facebook {float: left}
#socialBoxes .twitter {float: right}
#socialBoxes .twitter .logo {background-position: 0 100px}
#interaction {background: #89c0f7 url(/images/bg-sitemap.gif) repeat-x; padding: 1em 0}
#interaction .h3 {margin: 0 0 0.5em 0; padding-top: 4px; font-size: 1.1em; font-style: italic; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif}
#interaction .block {width: 30%; margin-right: 3%; float: left}
#interaction .block .content {padding-left: 40px; background: transparent url(/images/interactions.png) 0 0 no-repeat}
#interaction .facebookLike .content {background-position: 0 -200px}
#interaction .facebookLike .fblikebox {overflow: hidden; width: 250px; height: 30px; margin-top: 0.5em}
#interaction .facebookLike iframe, #interaction .facebookLike object {margin-top: 0; border: none; overflow: hidden; width: 300px; height: 175px; padding: 0; background: none; margin: -28px 0px 0px -64px}
#interaction .facebookLike iframe .phs, #interaction .facebookLike object .phs {background: red ! important}
#interaction .embedLink .content {background-position: 0 -400px}
#interaction .embedLink input {width: 100%; margin: 0.7em 0; font-family: Courier, monospace; font-size: 1em; background: none; border: none; color: #333}
#interaction .embedLink input:hover {background: white}
#interaction .twitter .content {background-position: 0 -600px}
#interaction .twitter .twitter-follow-button {margin-top: 10px}
.favorite {display: inline-block; width: 28px; height: 26px; background: url(/images/icons.png) -520px 0 no-repeat}
.favorite.active {background-position: -520px -30px}
.favorite span {display: none}
.info .favorite {vertical-align: sub}
#content {background: #fff url(/images/bg-content.gif) repeat-x}
#content .centered {padding: 2em 0}
img.smiley {margin-right: 2px; position: relative; top: 0.1em}
.linkedlogin {top: 2px}
#forgotPassword {width: 70%; margin: 0 auto}
.noWorries {font-family: Arial, sans-serif; font-size: 1.1em; font-weight: bold}
div#signup form {padding-top: 1em}
div#page.home .main {float: left; width: 50%}
div#page.home .additional {float: right; width: 45%}
#error .image {float: left; width: 250px}
#error .explanation {float: right; width: 662px}
#sitemap {padding: 1em 0}
#sitemap .centered {position: relative; width: 761.6px}
#sitemap ul {clear: both}
#sitemap ul li {width: 25%; float: left}
#sitemap ul li.cosmetics {width: 26%}
#sitemap ul li.members {width: 24%}
#sitemap ul li ul li {float: none; width: 100%}
#sitemap ul h2 {margin-top: 0; font-size: 1.1em; font-style: italic; font-weight: normal; color: #fff; font-family: Georgia, "Times New Roman", Times, serif}
#sitemap ul a {color: #fff}
#footer {height: 4.3em; background: url(/images/bg-footer.gif) repeat-x; color: #fff}
#footer #copyright {padding: 1em 0}