/*=======================================================
 CSS Document for Cove Day Spa
=======================================================*/

@import url("global.css");
@import url("slimbox.css");
@import url("sifr.css");

.hidden { display: none; }
.show { display: block; visibility: visible; }

/*=============================================================
	Main containers
=============================================================*/

.container-wrapper { width: 100%; height: auto; background: url('../images/core/bg-inner-repeat.jpg') repeat-y 50% 0; display: block; }
body#home-page .container-wrapper { background: url('../images/core/bg-repeat.gif') repeat 50% 0!important; }
#container { width: 100%; height: auto; display: block; margin: 0 auto; clear: both; background: url('../images/core/bg-top-inner.jpg') repeat-x 50% 0; }
body#home-page #container { background: url('../images/core/bg-homepage.jpg') repeat-x 50% 0!important; }
.container-wrapper:after, #container:after, #main-contentsarea:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body#popup #container { width: 660px; padding: 0; margin: 25px auto 10px auto; display: block; background-image: none!important; }
body#popup.expand #container { width: 770px; }

/*=============================================================
	Header - nav + logo + mini cart
=============================================================*/

#header { width: 980px; height: 185px; display: block; margin: 0 auto; clear: both; }
#logo { width: 750px; height: 150px; margin: 0 auto; text-align: center; display: block; background: url('../images/core/logo.jpg') no-repeat 50% 0; overflow: hidden; }
#logo a { width: 300px; height: 150px; margin: 0 auto; text-align: center; display: block;  text-indent: -9999em; }
body#popup #logo { width: 100%; height: 100px; border-bottom: 5px solid #063133; margin: 0 auto; text-align: center; display: block; background: url('../images/core/logo-popup.jpg') no-repeat 50% 0; text-indent: -9999em; line-height: 0; font-size: 0; overflow: hidden; }

/*navigation*/
#navigation { width: 980px; display: block; clear: both; float: left; }
#navigation ul { width: 810px; height: 35px; display: inline; margin: 0; float: left; }
#navigation ul li { list-style: none; padding: 0; background: none; display: inline; float: left; }
#navigation ul a { height: 35px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
#navigation ul a:hover { background-position: 0 -35px!important; }
/*nav bg*/
a#navhome { background: url('../images/nav/home.jpg') no-repeat 0 0; width: 70px; }
a#navabout { background: url('../images/nav/about.jpg') no-repeat 0 0; width: 80px; }
a#navservice { background: url('../images/nav/service.jpg') no-repeat 0 0; width: 123px; }
a#navproduct { background: url('../images/nav/product.jpg') no-repeat 0 0; width: 128px; }
a#navwhatsnew { background: url('../images/nav/new.jpg') no-repeat 0 0; width: 85px; }
a#navspecials { background: url('../images/nav/specials.jpg') no-repeat 0 0; width: 75px; }
a#navvouchers { background: url('../images/nav/vouchers.jpg') no-repeat 0 0; width: 100px; }
a#navnews { background: url('../images/nav/news.jpg') no-repeat 0 0; width: 64px; }
a#navcontact { background: url('../images/nav/contact.jpg') no-repeat 0 0; width: 85px; }
/*on page*/
body#home-page a#navhome, body#about-page a#navabout, body#service-page a#navservice, body#product-page a#navproduct, body#whatsnew-page a#navwhatsnew, body#specials-page a#navspecials, 
body#vouchers-page a#navvouchers, body#news-page a#navnews, body#contact-page a#navcontact { background-position: 0 -35px!important; }

/*mini cart*/
ul#mini-cart { width: 170px; height: 35px; display: inline; padding: 0; margin: 0; float: right; }
ul#mini-cart li { background: none; padding: 0; margin: 0;  font: normal 11px/14px "Tahoma", Arial, sans-serif!important; position: relative; }
ul#mini-cart li a { text-indent: 0!important; overflow: hidden; width: 125px; height: 25px; float: left; display: block; padding: 10px 10px 0 35px; background: url('../images/core/bg-cart.jpg') no-repeat 0 0; color: #47bec4!important; text-decoration: none; }
ul#mini-cart li a:hover { background-position: 0 -35px!important; color: #fff!important; text-decoration: none; }
ul#mini-cart ol { list-style: decimal!important; position: absolute; z-index: 110; top: 35px; left: -9999em; width: 160px; height: auto; margin: 0; background-color: #1a5156; padding: 5px; }
ul#mini-cart ol li { text-transform: lowercase!important; font-size: 10px!important; background: none; list-style: decimal!important; list-style-position: inside; color: #fff; margin-bottom: 2px; width: 150px; padding: 2px 5px 3px 5px; display: block; border-bottom: 1px dotted #2f7379; }
ul#mini-cart li:hover ol, ul#mini-cart li.carthover ol { left: 0; }
ul#mini-cart li a.onsection { background-position: 0 -35px!important; color: #fff!important; text-decoration: none; }
body#cart-page #mini-cart a, body#cart-page #mini-cart a:hover { background-position: 0 -35px!important; color: #fff!important; text-decoration: none; }
body#cart-page #mini-cart ol { display: none!important; visibility: hidden!important; }
#mini-cart li.notice { background-color: #063133; border: none!important; font-size: 0.9em; height: 15px; text-align: center; padding: 3px 5px; color: #fff; }

/*=============================================================
	Banner - Flash + banner + inner CTAs + Homepage Features + Homepage CTAs
=============================================================*/

.banner-area { width: 980px; height: 200px; display: block; margin: 0 auto; clear: both; }
body#home-page .banner-area { width: 100%; height: 415px!important; overflow: hidden; }
#flash, object#flash { position: relative; z-index: 20; top: 0; width: 100%; height: 415px!important; /*background: url('../images/core/bg-flash.jpg') no-repeat 50% 0;*/ margin: 0 auto; text-align: center; display: block; }
#banner { width: 700px; height: 200px; display: inline; float: right; }

/*homepage featured*/
.featured-wrapper { width: 980px; height: auto; position: relative; z-index: 50; margin: 0 auto; display: block; }
#home-featured { width: 360px; height: 130px; position: absolute; z-index: 50; top: 285px; left: 10px; background: url('../images/core/bg-specials.png') no-repeat 0 0; display: block; }
#home-featured a, #home-fetured a:hover { position: relative; text-decoration: none!important; }
#home-featured div { width: 140px; height: 130px; margin: 0 20px; float: left; display: inline; }
#home-featured div img { width: 74px; height: 74px; display: block; margin: 0 auto; text-align: center; border: 3px solid #fff; line-height: 0; clear: both; }
#home-featured div h2 { margin: 0; text-indent: -9999em; height: 50px; width: 140px; display: block; clear: both; }
#home-featured div#specials h2 { background: url('../images/core/title-specials.jpg') no-repeat 0 0; }
#home-featured div#whats-new h2 { background: url('../images/core/title-whatsnew.jpg') no-repeat 0 0; }
#home-featured div:hover img { border-color: #105255; }

/*homepage CTAs*/
#calls-to-action { width: 275px; margin: 0 0 0 5px; float: left; display: inline; height: 200px; padding: 0; overflow: hidden; }
body#home-page #calls-to-action h3 { background: url('../images/core/cta-award.jpg') no-repeat 0 0; width: 125px; height: 80px; float: left; display: inline!important; visibility: visible!important; margin: 0 15px; text-indent: -9999em; }
#calls-to-action h3 { display: none; visibility: hidden; }
#calls-to-action h2 { margin: 0; display: block; }
body#home-page #calls-to-action { width: 980px; margin: 0 auto; float: none!important; clear: both; display: block; height: 80px; padding: 25px 0 20px 0; overflow: hidden; }
body#home-page #calls-to-action h2 { float: left; display: inline; }
#calls-to-action a { width: 275px; height: 65px; text-indent: -9999em; display: block; float: left; }
a#cta-mothersday { display: none; visibility: hidden; }
a#cta-vouchers { background: url('../images/core/cta-vouchers-inner.jpg') no-repeat 0 0; }
a#cta-newsletter { background: url('../images/core/cta-newsletter-inner.jpg') no-repeat 0 0; }
a#cta-loyalty { background: url('../images/core/cta-loyalty-inner.jpg') no-repeat 0 0; height: 70px; }
body#home-page a#cta-mothersday { display: block!important; visibility: visible!important; background: url('../images/comp/cta-mothersday.jpg') no-repeat 0 0; width: 125px; height: 80px; margin: 0 15px; }
body#home-page a#cta-vouchers { background: url('../images/core/cta-voucher.jpg') no-repeat 0 0; height: 80px; }
body#home-page a#cta-newsletter { background: url('../images/core/cta-newsletter.jpg') no-repeat 0 0; height: 80px; }
body#home-page a#cta-loyalty { background: url('../images/core/cta-loyalty.jpg') no-repeat 0 0; height: 80px; }

/*=============================================================
	Main Contents - Text and Catalogue Nav
=============================================================*/

#main-contentsarea { width: 970px; height: auto; padding: 0 10px 25px 0; background: url('../images/core/bg-left.jpg') no-repeat 0 0; display: block; margin: 5px auto 0 auto; clear: both; }
body#home-page #main-contentsarea { width: 955px; height: auto; padding: 5px 10px 25px 15px; margin: 0 auto; background: url('../images/core/watermark.jpg') repeat-x 50% 0; }
.text-contents { float: right; margin-top: 25px; display: inline; width: 660px; }
body#home-page .text-contents { float: left; display: inline; margin: 0; width: 700px; }
.packed { padding: 10px; display: block; }
/*featured news*/
#featured-news { text-align: center!important; font-size: 1.2em;  line-height: 16px; display: inline; float: right; width: 180px; height: 310px; background: url('../images/core/bg-news.jpg') no-repeat 0 -5px; padding: 60px 20px 0 20px; }
#featured-news h2 { text-indent: -9999em; height: 45px; margin: 0; }
#featured-news img { line-height: 0!important; border: 1px solid #fff; display: block; margin: 0 auto; width: 178px; height: 68px; }
#featured-news h5 { margin: 0 0 10px 0; padding-top: 20px; }
#featured-news h5 span { display: block; padding-bottom: 5px; clear: both; color: #80e9ed; }
#featured-news p { text-align: center; font-size: 1.2em; line-height: 16px; margin-bottom: 15px; }

/*catalogue-nav*/
#catalogue-nav { width: 210px; padding: 15px 9px 15px 11px; display: inline; margin: 0 30px; height: auto; float: left;  }
#catalogue-nav h2 { display: block; height: 35px; clear: both; width: 210px; text-indent: -9999em; line-height: 0; font-size: 0; margin-bottom: 15px; }
h2#title-product { background: url('../images/core/title-pcatalogue.gif') no-repeat 0 0; }
h2#title-service { background: url('../images/core/title-scatalogue.gif') no-repeat 0 0; }
/*product catalogue - accordion style*/
ul.catalogue { border-top: 1px solid #195c61; width: 190px; height: auto; float: left; clear: both; display: inline; padding: 0; margin: 0 10px 20px 10px; }
ul.catalogue li { display: block; float: left; clear: both; font-size: 1em; font-weight: normal!important; background: none; margin: 0; padding: 0; }
ul.catalogue li a.firstlevel { text-transform: uppercase; color: #fff; font-size: 1.2em; background: url('../images/core/bg-off.gif') no-repeat 0 0; padding: 8px 5px 2px 25px; height: 20px; float: left; width: 160px; display: block; text-decoration: none; line-height: 10px; }
ul.catalogue li a.firstlevel:hover { background-color: #031b1a; color: #000; text-decoration: none; }
ul.catalogue li a.selected { font-weight: bold; background: #031b1a url('../images/core/bg-on.gif') no-repeat 0 0; color: #52cfd5; text-decoration: none; }
ul.catalogue li a.selected:hover {color: #fff; text-decoration: none; }
ul.catalogue li a.current { background: #10474b!important; color: #52cfd5; text-decoration: none; }
ul.catalogue ul { width: 190px; padding: 0; clear: both; height: auto; display: block; margin: 0; border-bottom: 1px solid #195c61; }
ul.catalogue li li { height: auto!important; margin: 0; width: 190px; background: #20676d url('../images/core/bg-dash.gif') repeat-x 0 0; }
ul.catalogue li li a { color: #84adb1; font-size: 1.2em; text-decoration: none; padding: 5px 10px; width: 170px; height: auto; display: block; line-height: 14px; }
ul.catalogue li li a:hover { color: #fff; background-color: #195e64; text-decoration: none; }

/*=============================================================
	Products & Services - Category + Listing + Details page
=============================================================*/

/*product and servicescategory*/
ul#cat-listings, ul.listings { margin: 0 auto; padding: 0; width: 660px; height: auto; float: left; display: block; }
ul#cat-listings li { position: relative; z-index: 20; font-size: 12px!important; background: url('../images/core/bg-category.gif') no-repeat 0 0; width: 160px; height: 210px; display: inline; float: left; margin: 0 0 15px 0; padding: 20px 30px; }
ul#cat-listings li h2 { height: 20px; display: block; text-align: center!important; width: 150px; padding: 10px 5px; }
ul#cat-listings li img { display: block; margin: 0 auto; text-align: center; }
ul#cat-listings li ul { border: 5px solid #2aaab1; position: absolute; top: 100%; left: -9999em; width: 180px; float: left; height: auto; background-color: #2aaab2; display: block; }
ul#cat-listings li ul#double-up { width: 362px; }
ul#cat-listings li ul#double-up li { margin-right: 1px; }
ul#cat-listings li li { background-image: none!important; width: 180px; display: inline; float: left; height: auto; min-height: 20px; padding: 0!important; margin: 0 0 1px 0; }
ul#cat-listings ul a { width: 170px; height: auto; float: left; padding: 5px; background-color: #308d92; color: #fff; display: block;  text-decoration: none; }
ul#cat-listings ul a:hover { background-color: #10474b; text-decoration: none; }
ul#cat-listings li:hover ul#double-up, ul#cat-listings li.drophover ul#double-up { left: 110px; top: 135px; }
ul#cat-listings li:hover ul, ul#cat-listings li.drophover ul  { left: 15px; top: 160px; }
ul#cat-listings li.zindexed { z-index: 50; }
/*changes in services*/
.condensed li { background: url('../images/core/bg-service-catalogue.gif') no-repeat 0 0!important; height: 110px!important; }
.condensed li h2 { height: 60px; display: block; width: 150px; text-align: center!important; padding: 5px; }
.condensed li:hover ul, .condensed li.drophover ul { top: 55px!important; }
.condensed li:hover ul li, .condensed li.drophover ul li { height: auto!important; }

/*listing*/
ul.listings li { font-size: 1em; width: 198px; height: 298px; border: 1px solid #1e6063; background-color: #063133; background-image: none!important; padding: 0!important; text-align: center!important; float: left; display: inline; overflow: hidden!important; margin: 10px; }
ul.listings li.nodisplay { font-size: 1em; width: 400px!important; height: 40px!important; border: 0!important; background-color: transparent!important; padding: 0!important; text-align: left!important; float: left; display: block; margin: 10px; }
li.nodisplay p { text-align: left!important; }
ul.listings li h2 { background-color: #0b4447; height: 43px; padding: 7px 10px 0 10px; text-align: center!important; color: #fff; line-height: 18px; border-bottom: 1px solid #1e6063;margin-bottom: 8px; }
ul.listings li .p-thumb { width: 150px; height: 150px; background-color: #f5f5f5; border: 5px solid #fff; display: block; margin: 0 auto; text-align: center; overflow: hidden; }
ul.listings li p { margin: 8px 0; height: 20px; color: #f1d171; text-align: center!important; display: block; }
#crumbs { color: #fff; display: block; padding: 5px 10px; margin-bottom: 10px; background: #063133; font-size: 14px; }
#crumbs a, #crumbs a:hover { color: #93c7c9; }
#crumbs a:hover { text-decoration: underline; }
#crumbs strong { font-weight: bold; text-transform: uppercase; }
#crumbs em { font-style: normal; color: #f1d171; }
/*details*/
h2.special-title { width: 450px; border-bottom: 1px dotted #20676d; margin-bottom: 15px; }
body#news-page h2.special-title { width: 640px; }
.image-gallery { width: 160px; height: auto; overflow: hidden!important; display: inline; float: right; margin: 0 0 10px 30px; }
.image-gallery table { border: 0; width: 160px; height: 160px; overflow: hidden; text-align: center; }
.image-gallery td { width: 154px; height: 154px; border: 0; padding: 0; border: 3px solid #063133; background-color: #fff; overflow: hidden!important; vertical-align:middle; text-align: center; }
.image-gallery a { vertical-align:middle; display: table-cell; height: 150px; width: 150px; background-color: #fff; border: 5px solid #fff; text-decoration: none; clear: both; overflow: hidden; }
.image-gallery a:hover { text-decoration: none; border-color: #063133; }
.highlights { background-color: #063133; display: block; margin-bottom: 20px; padding: 15px; width: 420px; height: auto; }
.highlights p { margin-bottom: 5px; }
.highlights strong { font-weight: bold; color: #f1d171; }

/*mini dialog box*/
#modal-dialog { display: none; background-color: #063133; width: 580px; height: 200px; font-size: 1em; margin: 0 auto; padding: 25px; text-align: center!important; }
#modal-dialog h3 { color: #0ff; font-size: 15px!important; display: block; margin: 0 auto; text-align: center!important; }
#modal-dialog p { color: #fff; display: block; margin: 0 auto; text-align: center!important; }
p.buttons { width: 380px; height: 30px; float: left; margin-left: 125px; display: inline; }
a#continue { width: 180px; height: 30px; display: block; float: left; margin: 0 5px; vertical-align: middle; text-indent: -9999em!important; background: url('../images/core/btn-cont.gif') no-repeat 0 0!important; }
a#gotocart { width: 180px; height: 30px; display: block; float: left; margin: 0 5px; vertical-align: middle; text-indent: -9999em!important; background: url('../images/core/btn-gotocart.gif') no-repeat 0 0!important; }

/*Services detail*/
body#service-page #crumbs { margin-bottom: 30px; }
body#vouchers-page h2.special-title, body#specials-page h2.special-title, body#service-page h2.special-title, body#contact-page h2.special-title, body#cart-page h2.special-title { position: relative; z-index: 60; background: url('../images/core/bg-service-listing.gif') no-repeat 50% 0; width: 610px; height: 30px; display: block; padding: 30px 15px; border: none!important; text-align: center!important; margin: -25px -5px -10px -5px; }
body#popup h1.popup-title { position: relative; z-index: 60; background: url('../images/core/bg-service-listing.gif') no-repeat 50% 0; width: 610px; height: 40px; display: block; padding: 25px 15px; text-align: center!important; margin: -25px -5px 10px -5px; }
.service-listings, .rounded-listing { background-color: #063133; width: 630px; height: auto; font-size: 1em; display: block; clear: both; float: left; margin: 5px 0 20px 0; padding: 15px; }
body.expand .rounded-listing { width: 770px!important; }
.service-listings strong, .rounded-listings strong { font-size: 1.2em; color: #f1d171; }
ul.general-listings { margin: 20px 0; }
ul.general-listings li { background: none!important; padding: 0; }
ul.general-listings li h2 { height: 25px; padding: 10px 0 0 0; background: url('../images/core/small-watermark.gif') no-repeat 50% 0; border-bottom: 1px dotted #2e676b; margin: 5px 0; }

/*=============================================================
	News - Listing + Details page
=============================================================*/

ul.news-listing { margin: -10px 0 20px 0; padding: 0; width: 660px; height: auto; float: left; display: block; }
ul.news-listing li { background-image: none!important; width: 640px; height: auto; display: block; float: left; margin: 0 0 1px 0; padding: 5px 10px; }
ul.news-listing li span { float: left; width: 130px; color: #fff; font-weight: bold; display: inline; }
ul.news-listing li a, ul#news-listing li a:hover { float: left; display: inline; text-decoration: none; }
ul.news-listing li.alt1 { background-color: #13575c; }
ul.news-listing li.alt2 { background-color: #29666b; }
.text-contents, .text-contents p { font-size: 13px!important; }

/*=============================================================
	Footer
=============================================================*/

.footer-container { width: 100%; height: auto; background: url('../images/core/bg-footer.jpg') repeat-x 0 0; display: block; padding: 0 0 30px 0; margin: 0; clear: both; }
#footer { width: 980px; height: 200px; background: url('../images/core/divider.gif') repeat-x 0 127px; display: block; margin: 0 auto; }
/*contact*/
#contact-details { width: 960px; height: 27px; padding: 8px 0 0 20px; display: block; font-weight: normal!important; clear: both; float: left; }
#contact-details p { margin: 0!important; display: inline; float: left; padding: 0 57px 0 20px; color: #fff; }
.i-add { background: url('../images/icons/address.gif') no-repeat 0 3px; padding-left: 20px; }
.i-ph { background: url('../images/icons/ph.gif') no-repeat 0 3px; padding-left: 20px; }
.i-fx { background: url('../images/icons/fx.gif') no-repeat 0 3px; padding-left: 20px; }
.i-email { background: url('../images/icons/email.gif') no-repeat 0 4px; padding-left: 20px; }
.i-map { background: url('../images/icons/view.gif') no-repeat 0 2px; padding-right: 0!important; padding-left: 20px; }
/*associates logos*/
ul#associated-logos { margin: 20px 0 37px 0; width: 980px; display: inline; height: 55px; overflow: hidden; clear: both; float: left; }
ul#associated-logos li { background: none; padding: 0!important; float: left; display: inline; margin: 0 0 0 15px; }
ul#associated-logos a { display: block; float: left; height: 55px; overflow: hidden; text-indent: -9999em; }
a#pevonia { background: url('../images/core/logo-pevonia.jpg') no-repeat 0 0; width: 100px; }
a#intraceuticals { background: url('../images/core/logo-intraceuticals.jpg') no-repeat 0 0; width: 140px; }
a#eles { background: url('../images/core/logo-eles.jpg') no-repeat 0 0; width: 135px; }
a#technotan { background: url('../images/core/logo-technotan.jpg') no-repeat 0 0; width: 140px; }
a#uskin { background: url('../images/core/logo-uskin.jpg') no-repeat 0 0; width: 135px; }
a#security { background: url('../images/core/logo-creditcards.jpg') no-repeat 0 0; width: 230px; }
/*breadcrumbs*/
#footer h5 { vertical-align: middle; font-weight: normal; float: left; padding-left: 10px; font-size:1.2em; line-height: 22px; color: #156569; }
#footer strong { color: #fff; font-weight: bold; }
#footer a#bookmark { width: 100px; height: 18px; display: inline-block; position: relative; top: 5px; background: url('../images/core/bookmark.gif') no-repeat 0 0; font-size: 0; overflow: hidden!important; text-indent: -9999em; text-decoration: none; }
* ht\ml #footer a#bookmark { top: -5px!important;  }
#footer a#bookmark:hover { background-position: 0 -18px!important; }
#footer a { color: #156569; text-decoration: none;}
#footer a:hover { color: #31dbe1; text-decoration: underline;}
.social-links { float: right; display: inline; width: 170px; height: 30px; }
img#credits { float: right; margin: 0 10px 0 0; display: inline; width: 110px; height: 30px; }
img#social-links { float: right; margin: 2px 10px 0 0; display: inline; width: 29px; height: 29px; }

/*=======================================================
 End of CSS Document for Cove Day Spa
=======================================================*/


.promo {width:190px; height:55px; padding:80px 20px 0 20px; background:url(../images/core/images/CTA-bg.png) no-repeat 0 0; display:block; text-align:center!important; position:relative;}
.link {position:absolute; top:75px; left:81px; }