html, body, #contents {
min-height: 100%;
width: 100%;
height: 100%;
}
/*
* The "height" above is a hack for IE5+/Win. Below we adjust
* it using the child selector to hide from IE5+/Win
*/
html>body, html>body #contents {
height: auto;
}
#contents {
position: absolute;
top: 0;
left: 0;
/* Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
left: 50%;
width: 760px;
margin-left: -380px;
}
#copyright {
position: absolute;
bottom: 0;
/* background-color: #ccffcc; */
font-size: 10px;
width: 70%; /* See note below */
text-align: center;
padding: 0 15%;
}
/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack
* Stupid hack lets IE see 100%, others see 70%.
*/
#copyright {
\width: 100%;
w\idth: 70%;
}
#main {
width: 760px;
margin-bottom: 3em;
height: auto;
padding: .5em;
}
body {
margin: 0px;
color: #778B6E;
font-family: verdana, arial, helvetica, sans-serif;
}
/* these should always have the same bg color */
body, #logo, #tabs, #footer {
background-color: #F4F9F2;
}
a:link, a:visited, a:active {
color: #778B6E;
}
.bleu
{color:#003399;}
#logo, #tabs {
height: 34px;
}
#logo {
width: 126px;
margin-right: -3px;
float: left;
}
html>body #logo {
margin-right:0px;
}
#tabs {
background-image: url(../images/top_border.png);
background-repeat: repeat-x;
padding-left: 20px;
overflow: hidden;
}
#top_nav, #bottom_nav {
border-left: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
}
#top_nav {
clear: left;
font-size: 12px;
padding: 2px 15px 0px 15px;
}
#main_banner, #main_text, #main_text_form {
border-left: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
}
#main_banner {
padding: 2px;
height: 266px;
border-bottom: 1px solid #CDCDCD;
}
#main_text {
font-size: 11px;
color: #515151;
background-image: url(../images/bg/bg_logo.png);
background-repeat: no-repeat;
background-position: center;
padding: 42px 47px 42px 47px;
}
#cadeau_en_bg
{background:url(../images/gift-neolia.jpg) no-repeat top left;}
#cadeau_en_bg2
{background:url(../images/cadeau-neolia2.jpg) no-repeat top left;}
#cadeau_en_bg3
{background:url(../images/emptyGift-neolia.jpg) no-repeat top left;}
#contest_en_bg3
{background:url(../images/CONCOURS2010-NEOLIA-ang.png) no-repeat top left;}
#cadeau_fr_bg
{background:url(../images/cadeau-neolia.jpg) no-repeat top left;}
#cadeau_fr_bg2
{background:url(../images/cadeau-neolia2.jpg) no-repeat top left;}
#main_text_form {
font-size: 11px;
color: #515151;
background-repeat: no-repeat;
background-position: center;
padding: 42px 47px 42px 47px;
}
#bottom_nav {
padding: 2px;
text-align: center;
}
#site_links {
position: relative;
/* height: 23px; */
padding-top: 7px;
background-color: #F1F5EF;
}
#site {
position: relative;
background-color: #FFFFFF;
width: 744px;
left: 16px;
margin-top: -565px;
}
#left_box, #middle_box, #right_box {
height: 167px;
background-repeat: no-repeat;
border-right: 1px solid #CDCDCD;
padding: 49px 10px 10px 10px;
font-size: 10px;
/* new darker text color */
color: #365522;
overflow: hidden;
}
#right_box span
{
color:#264e8b;
font-weight:bold;
}
#left_box {
width: 217px;
background:url(../images/bg/bg_why_olive_oil.png) no-repeat top left;
border-left: 1px solid #CDCDCD;
text-align: right;
float: left;
}
#middle_box {
width: 253px;
background-image: url(../images/bg/bg_why_neolia.png);
margin-right: -3px;
float: left;
}
html>body #middle_box {
margin-right: 0px;
}
#middle_box ul {
list-style-position: outside;
list-style-image: url(../images/bullet.png);
}
#site .why_hair_care {
background-image: url(../images/bg/bg_why_hair_care.png);
}
#site .why_skin_care {
background-image: url(../images/bg/bg_why_skin_care.png);
}
#site .why_shampoo {
background-image: url(../images/bg/bg_why_shampoo.png);
}
#site .why_bodywash {
background-image: url(../images/bg/bg_why_body_wash.png);
}
#site .why_bodylotion {
background-image: url(../images/bg/bg_why_body_lotion.png);
}
#site .why_soap {
background-image: url(../images/bg/bg_why_soap.png);
}
#site .why_hand_wash {
background-image: url(../images/bg/bg_why_hand_wash.png);
}
#right_box {
background-image: url(../images/bg/bg_buy.png);
}
/* FOOTER */
#footer {
clear: both;
padding-top: 6px;
background-image: url(../images/bg/bg_shadow_bottom.png);
background-repeat: no-repeat;
background-position: top right;
border-top: 1px solid #CDCDCD;
text-align: center;
font-size: 12px;
font-weight: bolder;
}
#legal {
position: absolute;
background-color: transparent;
font-size: 10px;
font-weight: normal;
left: 0;
z-index: 99;
}
a.footer_link {
text-decoration: none;
}
a.footer_link:hover {
background-color: #ECF6D1;
}
.centered_title {
font-weight: bolder;
text-align: center;
}
#shadow {
height: 528px;
width: 16px;
/* margin-top: 38px; */
margin-top: 76px;
background-image: url(../images/bg/bg_shadow_side.png);
background-repeat: no-repeat;
/* border: 1px dashed red; */
}
/* leaf spacer */
#spacer_one {
position: relative;
height: 101px;
width: 26px;
float: left;
}
/* olive spacer */
#spacer_two {
position: relative;
height: 70px;
width: 62px;
float: left;
}
/* poduct shot spacer */
#spacer_three {
position: relative;
height: 91px;
width: 116px;
float: right;
}
.bolded_paragraph {
font-weight: bold;
}
/* General */
form {
display: inline;
}
.form_field, .form_field_month, textarea, select {
border: 1px solid #BCBCBC;
background: #FFFFFF;
color: #515151;
}
.form_field, .form_field_month, textarea, select, .form_text {
font-size: 11px;
margin-bottom: 4px;
}
label {
position: absolute;
}
.fine_print {
font-size: 9px;
}
.main_text {
font-size: 11px;
color: #515151;
background-image: url(../images/bg/bg_logo.png);
background-repeat: no-repeat;
background-position: center;
padding: 42px 47px 42px 47px;
border-left: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
}
.main_text_form {
font-size: 11px;
color: #515151;
background-repeat: no-repeat;
background-position: center;
padding: 42px 47px 42px 47px;
border-left: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
}
/* Making Columns */
.right_column, .left_column {
width: 47%;
margin-bottom: 1em;
}
.contenu_column {
width: 100%;
margin-bottom: 1em;
}
.right_column {
clear: right;
margin-bottom: -3em;
float: right;
}
html>body .right_column {
margin-bottom: 1em;
}
.clearer {
clear: both;
/* display: hidden; */
visibility: hidden;
}
/* Testimonials Specific */
.location, .last_location {
display: block;
text-align: right;
margin-bottom: 3em;
}
.right_column .location {
margin-bottom: 2em;
}
.last_location {
margin-bottom: 0em;
}
/* FAQ Specific */
.question, .answer {
text-indent: -1.5em;
margin-left: 1.5em;
}
.question {
font-weight: bold;
}
/* Contact Us Specific*/
#contact_us_main {
background-image: url(../images/bg/bg_contact_us.jpg);
background-repeat: no-repeat;
background-position: center right;
height: 440px;
padding: 0px 0px 0px 30px;
}
#contact_us_main .left_column {
padding-top: 28px;
margin: 0px;
}
.gras
{font-weight:bold;}
#contact_us_main .form_field {
margin-left: 9em;
}
#main_text .form_field, #main_text_form .form_field {
margin-left: 14em;
}
#main_text .form_field_month, #main_text_form .form_field_month {
margin-left: 0.2em;
}
#main_text label, #main_text_form label {
position: absolute;
}
/* Tell a Friend Specific */
#tell_a_friend_main {
background-image: url(../images/bg/bg_tell_a_friend.jpg);
background-repeat: no-repeat;
background-position: center right;
padding: 17px 10px 17px 58px;
}
#tell_a_friend_main .left_column{
width: 35%;
text-align: center;
float: left;
margin: 30px 0px 0px 0px;
}
#tell_a_friend_main .right_column {
width: 48%;
margin: 0px;
/*
background-color: #fff;
border: 1px solid #F1F1F1;
*/
padding: 20px 20px 20px 20px;
text-align: right;
float: right;
}
#tell_a_friend_main .form_field {
margin-left: 9em;
}
/* Privacy Policy Specific */
#privacy_main ol {
list-style-type: lower-roman;
}
#buy_button {
position: absolute;
right: 10px;
bottom: 30px;
}
.red_text {
color: #8D0000;
}
.error {
color: #FF0000;
font-weight: bold;
font-size: smaller;
margin-left: 5px;
}
.error_label:first-letter {
color: #FF0000;
}
#remove_email {
height: 350px;
}
.buyProductHeader ul {
margin-left:20px;
list-style-type:disc;
list-style-position:outside;
font-size: 11px;
color: #515151;
padding-left:20px;
}
.buyProductHeader li {
padding-left:20px;
}