/* ~ Stylesheet for Lumenesse ~ */

body
{
text-align: center;
font-family:"Hevetica Neue", Helvetica, Arial, sans-serif;
background-color:transparent;
color: #58595B;
}

h1, h4 {
font-family:"Avant Garde", "Century Gothic", Georgia;
}
h2 {
font-family:"Hevetica Neue", Helvetica, Arial, sans-serif;
}

h3 {
font-family:"Hevetica Neue", Helvetica, Arial, sans-serif;
font-size:10pt;
}

a {
color:#828185;
}

body p, body ul {
line-height:14pt;
}

div#container
{
margin-left:auto;
margin-right:auto;
width:720px;
text-align:left;
overflow:hidden;
background-color:transparent;

}

				/* ****** HEADER ELEMENTS ****** */

div#header {
width:720px;
height:100px;
margin:0;
}

div#banner {
width:720px;
height:74px;
border:0;
margin:0;
background-image:url(assets/banner-background.gif);
border-bottom:1px solid #fff;
}

div#slogan {
width:234px;
height:25px;
margin:0;
padding:0;
background-image:url(assets/age-defying-colour-care.gif);
background-repeat:no-repeat;
background-color:#C2C6E4;
float:left;
}

div#nav {
height:25px;
width:486px;
background-image:url(assets/nav-background.gif);
text-align:center;
float:left;
font-family:"Avant Garde", "Century Gothic", Georgia;
}

div#nav ul {
list-style:none;
padding:5px 0;
margin:0;
font-size:12px;
line-height:15px
}

div#nav ul li {
display:inline;
padding:0 10px;
margin:0;
}

div#nav ul li a {
color:#58585A;
text-decoration:none;
}

div#nav ul li a:hover {
text-decoration:underline;
}

div#nav ul li a:visited {
color:#58585A;
}
div#index-body {
border-top:1px solid #fff;
}
				/* ****** BODY ELEMENTS ****** */

/* **universal** */
div#body {
font-size:9pt;
overflow:hidden;
position:relative;
}

.box-me-in {
border:1px solid #58595B;
}

div#body-header {
height:25px;
background-color:#5a5c8e;
}
div#body-header h1 {
padding:3px 0 0 20px;
margin:0;
color:#fff;
font-size:15px;
font-family:"Avant Garde", "Century Gothic", Georgia, serif;
font-weight:normal;
}

div#body h2 {
color:#87A2C1;
background-color:transparent;
font-size:14px;
letter-spacing:1px;
}

div#body h3 {
padding:0;
margin:0;
color:#87A2C1;
background-color:transparent;
font-size:9pt;
}

/* **home page** */
div#home-body-left {
height:300px;
float:left;
margin:0;
padding:0;
width:365px;
}
div#home-body-right {
height:300px;
float:left;
margin:0;
padding:0;
width:355px;
}
div#home-body-bottom {
margin:0;
padding:0;
border:0;
position:relative;
}

/* **our story** */
div#our-story-body-left {
float:left;
margin:0;
padding:0;
width:auto;
height:auto;
}
div#our-story-body-left img {
border-right:1px solid #58595B;
border-bottom:1px solid #58595B;
}
div#our-story-body-right {
margin:0;
padding:6px 45px 0 275px; 
width:auto;
height:auto;
}
.two-part-title-break  {
height:auto;
width:auto;
margin:10px 0;
}
.two-part-title-break2 {
height:20px;
width:auto;
margin:10px 0;
}
.two-part-title-break .left-side, .two-part-title-break2 .left-side {
float:left;
color:#87A2C1;
background-color:transparent;
height:auto;
width:auto;
}
.two-part-title-break .left-side h2{
padding:8px 0 0 0;
margin:0;
}
.two-part-title-break2 .left-side h2 {
padding:3px 0 0 0;
margin:0 5px 0 0;
}

.two-part-title-break .right-side, .two-part-title-break2 .right-side {
color:#87A2C1;
background-color:transparent;
height:auto;
}
.two-part-title-break .right-side {
margin:0 0 0 118px;
}
.two-part-title-break .right-side p {
padding:0 10px 0 0;
margin:0;
line-height:15px;
}
.in-line-images {
height:145px;
width:300px;
background-color:transparent;
text-align:center;
display:block;
}
.in-line-images div {
float:left;
width:90px;
height:auto;
margin:0 2px 0 0;
background-color:transparent;
display:inline;
}

.in-line-images div p {
margin:0;
text-align:center;
font-size:7pt;
line-height:10px;
background-color:transparent;
padding:5px 0 0;
}
p.click-to-enlarge {
margin:0;
text-align:center;
clear:both;
}
.in-line-images a {
margin:0;
font-size:9pt;
color:#939598;
background-color:transparent;
}

/* **glossary** */
div#glossary-body {
background-image:url(assets/center-stripe.gif);
background-repeat:repeat-y;
}

div#h-line {
height:1px;
width:718px;
border-bottom:1px solid #58595B;
margin:7px 0 0 0;
}



div#glossary-body-left {
margin:0;
padding:50px 20px 20px;
width:317px;
height:auto;
float:left;
}

div#glossary-body-left p:first-child {
padding:0;
}

div#glossary-body-right {
margin:0;
padding:50px 20px 20px;
width:317px;
height:auto;
float:right;
}
div#glossary-body-right p:first-child {
padding:0;
}
div#glossary-body-right p, div#glossary-body-left p {
line-height:10.8pt;
}
div#glossary-body-right p.glossary-letter, div#glossary-body-left p.glossary-letter {
color:#fff;
background-color:#87A2C1;
width:20px;
height:20px;
line-height:20px;
text-align:center;
margin:0 0 10px 0;
padding:0;
font-weight:bold;
}


/* **q & a** */
div#q-a-body {
background-image:url(assets/center-stripe.gif);
background-repeat:repeat-y;
}
div#q-a-body-left {
margin:0;
padding:20px;
width:320px;
height:auto;
float:left;
background-color:transparent;
}
div#q-a-body-right {
margin:0;
padding:20px;
width:310px;
height:auto;
float:left;
background-color:transparent;
}
.question span {
font-family: "Helvetica Neue", Helvetica, "Avant Garde Gothic", "Avant Garde", sans-serif;
color:#87A2C1;
background-color:transparent;
font-size:12pt;
padding:0 5px 0 0;
}
.question {
color:#87A2C1;
font-size:9pt;
line-height:10.8pt;
background-color:transparent;
font-style:italic;
padding:0;
margin:0;
}
div#q-a-body p {
line-height:10.8pt;
}

/* **products** */
#sub-header{
border-top:1px solid #58595B;
border-bottom:1px solid #58595B;
margin:10px 0 0 0;
color:#58595B;
text-align:center;
}
#sub-header ul {
margin:0;
padding:5px 0;
}
#sub-header ul li{
margin:0;
padding:0 40px;
display:inline;
list-style:none;
}
#sub-header ul li a {
color:#58595B;
text-decoration:none;
}
#sub-header ul li a:hover {
text-decoration:underline;
}
#nav-sub-header {
border-bottom:1px solid #58595B;
border-top:1px solid #58595B;
margin:6px 0 0 0;
color:#58595B;
text-align:center;
font-family:"Avant Garde","Century Gothic", Helvetica, Arial, sans-serif;
}
#nav-sub-header ul {
margin:0;
padding:5px 0;
}
#nav-sub-header ul li{
margin:0;
padding:0 30px;
display:inline;
list-style:none;
}
#nav-sub-header ul li a {
color:#808285;
text-decoration:none;
}
#nav-sub-header ul li a.active {
color:#87A2C1;
text-decoration:none;
}
#nav-sub-header ul li a:hover {
text-decoration:underline;
}
.row {
width:auto;
height:auto;
margin:0;
}

.product-holder {
float:left;
border-right:1px solid #58595B;
border-bottom:1px solid #58595B;
}
.product-description {
margin-right:15px;
}
div#body .top-row .product-description{
padding:16px 35px 10px;
}
.row .product-description, .row2 .product-description {
margin-left:235px;
padding:0px 35px 10px;
}
.row .no-padding-top {
padding-top:1px;
}

.product-description h2 {
padding:10px 0 0 0;
}
div#body .row .product-description h2 {
margin-top:0;
}

.row2 {
width:auto;
height:auto;
margin:0;
padding:0;
}

.row2 .product-holder{
border-bottom:0;
}

.row2 .product-holder {
height:auto;
width:auto;
border-right:none;
}

.row2 .promotions-product-description {
padding:52px 104px 55px 28px;
float:left;
height:auto;
border-left:1px solid #58595B;
border-bottom:1px solid #58595B;
width:265px;
}

.row2 .promotions-product-description a, .row .product-description a, .promotions-product-description a {
color:#87A2C1;
background-color:transparent;
text-decoration:none;
}
.row2 .product-description a:hover, .row .product-description a:hover, .promotions-product-description a:hover{
text-decoration:underline;
}
.row2 .product-description a:visited, .row .product-description a:visited, .promotions-product-description a:visited {
color:#87A2C1;
background-color:transparent;
}
.row2 .product-description p {
padding-left:20px;
}

div#body .row2 .promotions-product-description h2 {
font-family:"Avant Garde", "Century Gothic", Georgia;
font-size:11pt;
font-weight:normal;
padding-left:0px;
}

div#body .small-text {
font-size:9pt;
color:#58595B;
font-family:"Hevetica Neue",Helvetica,Arial,sans-serif;
text-transform:none;
font-weight:normal;
}

div#body .row2 .promotions-product-description p {
margin-top:0;
margin-left:20px;
}


div#body .last-row {
border-bottom:0;
} 
div#colour-style-body-bottom {
width:auto;
text-align:center;
}
div#colour-style-body-bottom div {
width:auto;
margin:auto;
}
#right-side-wrapper {
width:482px;
float:right;
}
#right-side-wrapper p.align-center, #downloads p.return {
margin-top:75px;
margin-bottom:55px;
}
#products-body-left {
margin-top:10px;
float:left;
border-top:1px solid #58595B;
display:inline-block;
}
#products-body-left img {
border:0;
border-right:1px solid #58595B;
border-bottom:1px solid #58595B;
display:inline-block;
}
#products-sub-header{
border-top:1px solid #58595B;
border-bottom:1px solid #58595B;
margin:10px 0;
color:#58595B;
text-align:center;
float:left;
width:482px;
}
#products-sub-header ul {
margin:0;
padding:4px 0;
}
#products-sub-header ul li{
margin:0;
padding:0 17px;
display:inline;
list-style:none;
}
#products-sub-header ul li a {
color:#808285;
text-decoration:none;
font-family:"Avant Garde", "Century Gothic", Georgia;
}
#products-sub-header ul li a:hover {
text-decoration:underline;
}

#products-sub-header ul li a.active {
color:#87A2C1;
background-color:transparent;
}
#products-tertiary-header {
float:left;
border-bottom:1px solid #646466;
width:484px;
margin-top:10px;
display:inline-block;
}
#products-tertiary-header div {
border-top:1px solid #646466;
border-right:1px solid #646466;
padding:7px 33px 3px 12px;
float:left;
}
#products-tertiary-header div.shampoo {
padding:7px 12px 3px 46px;
} 

#products-tertiary-header div a, #products-tertiary-header div a:visited {
text-align:center;
text-decoration:none;
color:#818285;
font-weight:bold;
letter-spacing:1px;
}

#products-tertiary-header div a:hover {
text-decoration:underline;
}

#products-tertiary-header div.active {
background-color:#E9ECF7;
}

#three-products-tertiary-header {
float:left;
margin:10px 0 0;
border-bottom:1px solid #646466;
border-top:1px solid #646466;
width:484px;
display:inline-block;
}

#three-products-tertiary-header div {
font-size:7pt;
border-right:1px solid #58595B;
padding:6px 19px 4px;
float:left;
}
#three-products-tertiary-header .no-right-border{
border-right:0;
}

#three-products-tertiary-header div a, #three-products-tertiary-header div a:visited {
text-align:center;
text-decoration:none;
color:#808285;
font-weight:bold;
}

#three-products-tertiary-header div a:hover {
text-decoration:underline;
}

#three-products-tertiary-header div.active {
background-color:#E9ECF7;
}

#products-body {
float:left;
width:482px;
}
#products-body .product-description {
padding:10px 45px 5px;
float:none;
}
#products-body .product-description p {
margin-top:0;
}
#products-body .product-description ul li {
padding-left:8px;
}
#products-body h2{
margin-bottom:10px;
}

/* **promotions** */
div#promotions-sub-header {
border-top:1px solid #58595B;
border-bottom:1px solid #58595B;
margin:10px 0;
color:#58595B;
text-align:center;
}
#promotions-sub-header ul {
margin:0;
padding:5px 0;
}
#promotions-sub-header ul li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 50px;
}
#promotions-sub-header ul li a {
font-family:"Avant Garde", "Century Gothic", Georgia;
color:#A7A9AC;
text-decoration:none;
}
#promotions-sub-header ul li a:hover {
text-decoration:underline;
}
#promotions-sub-header ul li a.active {
color:#87A2C1;
background-color:transparent;
}
div#promotions-top {
text-align:center;
margin-left:125px;
margin-right:94px;
}
div#promotions-top h1{
color:#87A2C1;
background-color:transparent;
font-weight:normal;
padding:0;
margin:0;
}
div#promotions-top p {
margin:0 0 10px 0;
padding:0;
}
div#promotions-left {
border-top:1px solid #58595B;
border-right:1px solid #58595B;
width:358px;
float:left;
padding-bottom:25px;
background-color:transparent;
display:inline-block;
}

div#promotions-left .thumb, div#promotions-trio-right .thumb {
float:right;
margin-right:40%;
}

div#promotions-right {
float:left;
border-top:1px solid #58595B;
width:359px;
padding-bottom:25px;
display:inline-block;
}
.product-description h2 {
margin:0;
padding:15px 0 2px;
}
div#body .promotions-product-description h2 {
padding:10px 0 0 0;
margin:0;
}

.product-description h4 {
font-family:helvetica, arial, sans;
font-weight:normal;
font-size:9pt;
margin:0 0 10px;
}

div#promotions-left .promotions-product-description, div#promotions-right .promotions-product-description { 
margin-left:90px;


}

.promotions-product-description img  {
margin:10px 0 0 10px;
display:inline-block;
}

div#promotions-bottom {
border-top:1px solid #58595B;
margin-bottom:15px;
}

div#promotions-bottom img {
margin:10px 0;
}
div#promotions-bottom .product-description {
margin:0 8%;
text-align:left;
float:left;
}
/* **contact** */
h1#big-text-header{
font-weight:normal;
font-size:45px;
padding-left:25px;
margin-bottom:0;
}
div#contact-left {
padding:25px 25px 25px 50px;
width:300px;
float:left;
}
div#contact-left a {
text-decoration:none;
}
div#contact-left p.underline a {
text-decoration:underline;
}
div#contact-right {
padding:25px;
width:300px;
float:left;
}
div#contact-right h4, div#contact-left h4, div#contact-left p, div#downloads h4   {
font-weight:normal;
margin:0;
color:#808285;
font-size:10pt;
}

/* **PDF downloads** */

#downloads {
margin:25px;
}
#downloads p {
margin-left:20px;
}
			/* ****** FOOTER ELEMENTS ****** */

div#footer {
margin-top:10px;
text-align:center;
color:#709CC0;
background-color:transparent;
font-family:"Avant Garde", "Century Gothic", Georgia;
font-size:7pt;
}

div#footer ul {
margin:5px;
padding:0;
}

div#footer ul li {
display:inline;
padding:0;
margin:0;
}

div#footer ul li a {
color:#87A2C1;
background-color:transparent;
text-decoration:none;
}

div#footer ul li a:hover {
text-decoration:underline;
}

div#footer ul li a:visited {
color:#87A2C1;
background-color:transparent;
}

			/* ****** UNIVERSAL ELEMENTS ****** */

hr {
color:#58595B;
}

.clear-all{
margin:0;
padding:0;
clear:both;
}
.clear-left {
margin:0;
padding:0;
clear:left;
}
.align-center {
text-align:center;
}
.align-left {
text-align:left;
}
.float-left {
float:left;
}

.float-right {
float:right;
}

img.float-left  {
margin:0 10px 5px 0;
display:inline-block;
}

img.float-right{
margin:0 0 5px 10px;
display:inline-block;
}

.titled-paragraph h3 {
line-height:12px;
font-weight:normal;
}
.titled-paragraph .parenthetical{
color:#58595B;
text-transform:none;
font-style:italic;
font-weight:lighter;
}
.titled-paragraph p {
margin:0 0 15px 0;
padding:0
}
.uppercase {
text-transform:uppercase;
}
.lowercase {
text-transform:lowercase;
}
.capitalize {
text-transform:capitalize;
}
ul.custom-bullet {
padding:0;
margin:0 0 0 13px;
list-style-image: url(assets/bullet.gif);
}
.red {
color:red;
}
.blue {
color:#87A2C1;
background-color:transparent;
}
div#promotions-left.borderless, div#promotions-right.borderless {
text-align:left;
border:0;
}
.margin-top {
margin-top:10px;
}
.margin-bottom {
margin-bottom:10px;
}
.padding-left {
padding-left:15px;
}
.no-top-margin {
margin-top:0;
}
img.five-pixel-top {
margin-top:5px;
}
.thin {

border-bottom:1px solid #58595B;
}