/* LUSCIOUS CSS */

@import url("reset.css");

body {font:normal 62.5%/2em arial;background:#008c90;}

#header-container {background:#fff;}
#header {width:900px;margin:0 auto;}
#header #logo {width:251px;height:122px;background:url(../images/core/logo.gif) no-repeat 0 0;overflow:hidden;text-indent:-999px;float:left;margin:15px 0;}
#header #cart, #header #address {float:right;width:649px;}
#header #cart {width:214px;padding:10px;text-align:center;background:#fafafa url(../images/core/cart-panel-bottom.gif) no-repeat center bottom;font-size:1.1em;}
#header #cart span {background:url(../images/core/cart-icon.jpg) no-repeat 0 0;padding:0 0 0 25px;}
#header #address {position:relative;padding:20px 0 0 0;}
#header #address .left, #header #address .right {width:190px;position:absolute;padding:0 10px;right:0;color:#5d5d5d;font-size:1.2em;}
#header #address .left {text-align:right;border-right:1px solid #00b2b7;right:210px;}
#header a {color:#00b2b7;}


#content-container {background:#00b2b7 url(../images/core/background.jpg) no-repeat center top;}
#content {width:900px;margin:0 auto;font-size:1.2em;color:#fff;}

#navigation ul li {float:left;position:relative;}
#navigation ul li a {height:75px;overflow:hidden;text-indent:-999px;display:block;}
#navigation ul li#home a {background:url(../images/navigation/home.gif) no-repeat 0 0;width:103px;}
#navigation ul li#about-luscious a {background:url(../images/navigation/about-luscious.gif) no-repeat 0 0;width:191px;}
#navigation ul li#top-ten a {background:url(../images/navigation/top-10.gif) no-repeat 0 0;width:193px;}
#navigation ul li#treatments a {background:url(../images/navigation/treatments.gif) no-repeat 0 0;width:149px;}
#navigation ul li#products a {background:url(../images/navigation/products.gif) no-repeat 0 0;width:118px;}
#navigation ul li#contact-us a {background:url(../images/navigation/contact-us.gif) no-repeat 0 0;width:146px;}
#navigation ul li a:hover {background-position:0 -75px!important;}
#navigation ul li ul {position:absolute;top:75px;z-index:20;display:none;}
#navigation ul li ul li {float:none;width:170px;}
#navigation ul li ul li a {height:auto;text-indent:0;text-align:center;color:#666;width:150px!important;padding:5px 10px 3px;background:#eee!important;border-bottom:1px solid #ddd;}
#navigation ul li ul li a:hover {background:#f8f8f8!important;border-bottom:1px solid #ccc!important;text-decoration:none;}
#navigation ul li.hover ul {display:block;}

#banner {padding:12px;width:876px;background:url(../images/core/opacity.png) repeat 0 0;margin:0 0 10px 0;height:294px;overflow:hidden;}
#banner .banner-item {position:relative;}
#banner .banner-copy {position:absolute;bottom:30px;right:30px;color:#5d5d5d;width:300px;height:140px;}
#banner .banner-copy h2 {margin:0 0 0.5em 0;}
#banner .banner-copy span {padding:0 0 0 20px;font-size:1.2em;}
#banner .banner-copy a {width:106px;height:30px;background:url(../images/core/blank-button-white.gif) no-repeat 0 0;display:block;color:#fff;text-align:center;line-height:2.6em;position:absolute;bottom:0;right:0;}
#banner .banner-copy a:hover {background-position:0 -30px;text-decoration:none;}

#featured-products {width:900px;color:#5d5d5d;font-size:1.1em;}
#featured-products li {float:left;padding:10px;width:270px;margin:0 15px 0 0;background:url(../images/core/opacity.png) repeat 0 0;}
#featured-products li.last {margin:0;}
#featured-products li div.feature-product {background:#fff;padding:7px;}
#featured-products li div.feature-product img {float:left;margin:0 7px 0 0;}
#featured-products li div.feature-product .copy {float:right;position:relative;width:129px;}
#featured-products li div.feature-product .copy a {bottom:5px;right:5px;position:absolute;background:url(../images/core/arrow-button.gif) no-repeat 0 0;width:27px;height:30px;text-indent:-999px;overflow:hidden;border:none;cursor:pointer;display:block;}
#featured-products li div.feature-product .copy a:hover {background-position:0 -30px;}

#column-one {width:270px;float:left;padding:40px 15px 15px;}
#column-two {width:570px;float:left;padding:30px 15px 15px;} 

#column-one #latest-specials li {border-bottom:1px solid #57ccd0;padding:0 0 10px 0;margin:0 0 10px 0;}
#column-one #latest-specials li span {display:block;}
#column-one #latest-specials li h3 {margin:0 0 0.5em;}

#footer {width:900px;margin:0 auto;padding:15px 0;}
#footer ul {float:left;padding:10px 0 0;}
#footer ul li {float:left;}
#footer img {float:right;}
#footer a {color:#57ccd0;font-size:1.1em;padding:0 5px 0;}

ul#product-listing li {border-bottom:1px solid #57ccd0;padding:0 0 10px 0; margin:0 0 10px 0;}
ul#product-listing li img {background:url(../images/core/opacity.png) repeat 0 0;padding:6px;width:118px;float:left;margin:0 20px 0 0;}
ul#product-listing li .description {float:left;width:420px;}
ul#product-listing li .description h3 {margin:0;}
ul#product-listing li .description a {}


/* STYLES */

p {margin:0 0 1em 0;}

a {color:#ceffb0;text-decoration:none;}
a:hover {text-decoration:underline;}

a.button-white {width:106px;height:30px;background:url(../images/core/blank-button-white.gif) no-repeat 0 0;display:inline-block;color:#fff;text-align:center;line-height:2.6em;}
a.button-blue {width:106px;height:30px;background:url(../images/core/blank-button-blue.gif) no-repeat 0 0;display:inline-block;color:#fff;text-align:center;line-height:2.6em;}

a.button-blue:hover, a.button-white:hover {background-position:0 -30px;text-decoration:none;}

h1 {height:68px;margin:0 0 0.8em;overflow:hidden;text-indent:-999px;}
h2 {font-size:2em;margin:1em 0 1em 0;font-weight:normal;}
h3 {font-size:1.5em;margin:0 0 1em 0;font-weight:normal;}
h4 {font-size:1em;}

#column2 ul {margin:0 0 1em 0;}
#column2 ul li {padding:0 0 0 1em;list-style-type:disc;}

img.right {float:right;margin:0 0 10px 10px;}

body#home-page h1 {background:url(../images/title/home.jpg) no-repeat 0 0;}
body#about-luscious-page h1 {background:url(../images/title/about-luscious.jpg) no-repeat 0 0;}
body#top-ten-page h1 {background:url(../images/title/top-10.jpg) no-repeat 0 0;}
body#treatments-page h1 {background:url(../images/title/treatments.jpg) no-repeat 0 0;}
body#products-page h1 {background:url(../images/title/products.jpg) no-repeat 0 0;}
body#contact-us-page h1 {background:url(../images/title/contact-us.jpg) no-repeat 0 0;}