/* PAMPER YOURSELF DENVER LAYOUT AND STYLE
-----------------------------------------------------------------------------------------
Site design and layout, copyright 2008-2009 Design by Reese
Site content, copyright 2008-2009 Pamper Yourself Denver
Design Author: Design by Reese
Modified: July 12, 2009 (added style for shopzilla, inline rss paragraph)

www.designbyreese.com

*/

/* - - - GLOBAL   - - - */
body {
background-color: #e4ecef;
color: #3d3d3d;
font-size: 13px;
font-family: Arial, helvetica, sans-serif;
margin: 0;
padding: 0;
}

a {color: #b12a27;}
a:link {color: #b12a27;}
a:visited {color: #b1b1b1;}
a:hover {color: #000;}

address {
font-style: normal;
color: #525252;
}


/* - - - LAYOUT/STRUCTURE - - - */
#container {
width: 947px;
margin: 18px auto 0 auto;
background-color: #fff;
position: relative;
}

#header {
width: 947px;
position: relative;
}

#header img#logo {
position: absolute;
top: 0px;
left: 0px;
width: 353px;
height: 81px;
z-index: 1;
}

#container ul#menu-secondary {
position: absolute;
top: 45px;
left: 355px;
width: 366px;
height: 25px;
}

#container #search {
position: absolute;
top: 45px;
right: 27px;
}

ul#menu-primary {
position: absolute;
left: 24px;
top: 81px;
width: 896px;
height: 35px;
background: url(/images/design/primnav.gif) no-repeat top left;
}

#primary-content {
float: left;
width: 896px;
padding: 130px 0 0 24px;
}

#secondary-content {
float: left;
width: 896px;
padding-bottom: 24px;
}

#footer {
clear: both;
width: 857px;
margin: 0 auto;
background-color: #fddbdd;
}

/* - - - HEADERS - - - */
#home-page #container h1 {
text-indent: -9999px;
font-size: 1px;
height: 1px;
color: #fff;
display: block;
}

#primary-content h1 {
font-size: 28px;
line-height: 40px;
font-weight: normal;
color: #910000;
margin:0 0 9px 0;
border-bottom: 1px dotted #000;
}

.inner-page #primary-content h1 {
margin: 0 0 12px 0;
padding: 0;
color: #ca3449;
font-size: 36px;
border-bottom: 0;
border-top: 1px dotted #666;
}

#main-page-header {
width: 895px;
float: left;
margin: 130px 0 0 24px;
}
#main-page-header h1 {
text-indent: 0;
margin: 0;
padding: 0;
border-bottom: 1px dotted #666;
}

#home-page #primary-content h2 {
font-size: 17px;
font-style: italic;
font-weight: normal;
text-transform: uppercase;
font-family: 'Lucida Bright', Georgia, 'Times New Roman', serif;
color: #ca3449;
margin:0;
padding: 0 0 0 0;
background: url(/images/design/graphic-horzgraydots.gif) repeat-x bottom left;
}

.inner-page #primary-content h2 {
margin: 0;
padding: 0;
font-size: 15px;
color: #5f5f5f;
font-family: 'Lucida Bright', Georgia, 'Times New Roman', serif;
}

.inner-page #primary-content h2 + p {
margin: 0;
padding: 3px 0 0 0;
}

#primary-content h3 {
color: #727272;
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
margin: 0;
padding: 6px 0 0 0;
}
.inner-page #secondary-content h3.header-secondarycaps {
margin: 0;
padding: 0 0 0 0;
text-transform: uppercase;
color: #800200;
font-size: 18px;
font-weight: normal;
}

/* - - - HOME SPECIFIC STYLING  - - - */
#spa-week {
float: left;
width: 246px;
margin: 0;
padding: 0 11px 0 0;
}

#spa-week p {
font-size: 12px;
line-height: 24px;
margin: 0;
padding: 6px  0;
}

#spa-week a.link-more {
text-align: right;
text-transform: uppercase;
font-size: 10px;
display: block;
margin: 0;
padding: 0;
}

#home-images {
float: left;
width: 615px;
position: relative;
height: 282px;
}

#home-images img#image1 {
position: absolute;
top: 0px;
left: 0px;
}

#home-images img#image2 {
position: absolute;
top: 148px;
left: 0px;
}

#home-images img#image3 {
position: absolute;
top: 0px;
left: 212px;
}

#home-page #secondary-content {
background: url(/images/design/graphic-horzgraydots.gif) repeat-x top left;
padding: 15px 0 24px 0;
margin: 15px 0 0 24px;
}

#denver-spas {
float: left;
width: 387px;
height: 187px;
position: relative;
background: #f9cdd2 url(/images/design/pattern-pinkflowers.gif) repeat top left;
border: 1px solid #b22e2b;
}

#denver-spas h4 {
font-weight: normal;
font-size: 33px;
color: #b12a27;
font-family: georgia, 'times new roman', serif;
margin: 0;
padding: 0;
position: absolute;
left: 112px;
top: 23px;
}

#denver-spas p {
margin: 0;
padding: 0;
width: 234px;
position: absolute;
top: 65px;
right: 20px;
font-size: 12px;
line-height: 21px;
}

#denver-spas img#icon-largeflower {
position: absolute;
top: 5px;
left: -40px;
z-index: 100;
}

#home-page #email-signup {
position: relative;
float: left;
width: 205px;
margin: 0;
padding: 0 0 0 25px;
}

#email-signup h4 {
text-transform: uppercase;
margin: 0;
padding: 0;
font-weight: normal;
color: #800200;
font-size: 18px;
}

#home-page #email-signup p {
margin: 0;
padding: 0 0 0 0;
font-size: 12px;
line-height: 21px;
}

#home-page #email-signup #emailinput {
position: absolute;
top: 120px;
}

#home-page #email-signup #btn-submit {
position: absolute;
top: 155px;
left: 25px;
}

#beauty-blog {
float: right;
width: 213px;
margin: 0 0 0 23px;
padding: 0 0 0 33px;
background: url(/images/design/graphic-vertgraydots.gif) repeat-y top left;
}

#beauty-blog h4 {
text-transform: uppercase;
margin: 0;
padding: 0;
font-weight: normal;
color: #800200;
font-size: 18px;
}

#beauty-blog p {
margin: 0;
padding: 0 0 0 0;
font-size: 12px;
line-height: 21px;
}

#beauty-blog a.link-more {
text-transform: uppercase;
font-size: 10px;
display: block;
padding: 30px 0 0 0;
}

/* - - - SEARCH STYLING  - - - */
input#s {
margin: 0;
padding: 4px 0 6px 5px;
position: absolute;
top: -1px;
right: 35px;
width: 135px;
height: 14px;
border: 1px solid #b12a27;
font-size: 10px;
}

input#btn-search {
position: absolute;
right: 0;
}


/* - - - EXPERT TIPS, BEAUTY BLOG, BARGAINS  - - - */
p.date-and-add {
border-top: 1px dotted #666;
font-size: 11px;
position: relative;
text-transform: uppercase;
}

.date-and-add span.date {
font-family: 'Lucida Bright', Georgia, 'Times New Roman', serif;
color: #666;
}

.date-and-add span.add {
position: absolute;
right: 0;
}

.date-and-add span.add a {
background: url(/images/design/icon-circledot.png) no-repeat 0 50%;
padding: 3px 0 3px 21px;
}

p.add-rss {
margin: 0;;
padding: 15px;
color: #b1b1b1;
font-style: italic;
font-size: 11px;
background-color: #E4ECEF; 

}
.blog.main-page #primary-content {
float: left;
width: 576px;
margin: 130px 0 24px 0;
padding: 0 32px 0 24px;
border-left: 0;
border-right: 1px dotted #666;
}

.blog.main-page #primary-content h1 {
margin-bottom: 21px;
}

.blog.main-page #primary-content img{
display: none;
}

.blog.main-page #secondary-content {
float: right;
width: 262px;
margin: 130px 0 0 0;
padding: 0 24px 0 0 ;
}

.blog.main-page #primary-content h2.header-listingfeatured{
margin: 0;
padding: 0;
}
 
.blog.main-page #primary-content p { 
margin: 0;
padding: 0 0 0 0;
line-height: 24px
}

.blog.main-page #primary-content p#date  { 
margin: 0 0 21px 0;
color: #666;
padding: 0 0 21px 0;
border-bottom: 1px solid #eee;
text-transform: uppercase;
font-size: 11px;
text-align: right;
font-family: 'Lucida Bright', georgia, serif;
}

.blog.main-page #primary-content p.readmore  { 
margin: 0;
padding: 0 0 0 21px;
background: url(/images/design/icon-circledot.png) no-repeat 0 10%;
}

.blog.inner-page #primary-content ul {
list-style: none;
padding: 0 21px;
margin: 21px 0 21px 0;
}

.blog.inner-page #primary-content ul li {
margin: 0 0 12px 0;
padding: 0 0 0 21px;
background: url(/images/design/icon-flowersmall.gif) no-repeat 0 10%;
} 

.blog.inner-page #primary-content h2 {
color: #CA3449;
border-bottom: 1px solid #eee;
padding: 0 0 6px 0;
margin: 0 0 3px 0;
}

.blog.inner-page .image-left {
float: left;
margin: 0 21px 15px 0;
}

.blog.inner-page .image-right{
float: right;
margin: 0 0 15px 21px;
}

.blog.inner-page #comments {
padding-bottom: 20px;
}

.blog.inner-page #comments ul.list-comments {
margin: 0;
padding: 0;

}

.blog.inner-page #comments ul.list-comments li{
background: none;
margin: 0 0 12px 0;
padding: 0;
border-bottom: 1px dotted #666;

}

.blog.inner-page #comments ul.list-comments li p{
margin: 0;
padding: 12px 0 0 0;
}

.blog.inner-page #comments ul.list-comments li p.posted {
padding: 0 0 0 21px;
font-family: 'Lucida Bright', georgia, serif;
color: #666;
font-size: 11px;
text-transform: uppercase;
background: url(/images/design/icon-circledot.png) no-repeat 0 40%;
}

.blog.inner-page #comments input, textarea {
border: 1px solid #b12a27;
padding: 3px;
background-color: #eee;
}

/* - - - MAIN LISTING PAGES - - - */
.main-page h1 {
text-indent: 0;
}
.main-page #featured-content {
width: 362px;
float: left;
margin: 24px 0 24px 0;
padding: 0 24px 0 24px;

}
.main-page #primary-content {
width: 180px;
margin: 24px 0 24px 0;
padding: 0 27px 0 24px;
border-right: 1px dotted #666;
border-left: 1px dotted #666;
}
.main-page #secondary-content {
float: right;
width: 262px;
margin: 24px 0 0 0;
padding: 0 24px 0 0 ;
}

.main-page #featured-content p {
margin: 0;
padding: 6px 0 0 0;
line-height: 24px
}

.main-page #featured-content h2 {
margin: 0;
padding: 12px 0 0 0;
}

.main-page p.readmore {
text-transform: uppercase;
font-size: 10px;
position: relative;
}

.main-page p.readmore span.visitsite {
position: absolute;
right: 0px;
}

.main-page #primary-content p.icon-featured {
background: url(/images/design/icon-flowersmall.gif) no-repeat 0 50%;
padding: 6px 0 6px 21px;
margin: 0;
color: #ce364c;
text-transform: uppercase;
font-size: 11px;
border-bottom: 1px solid #b9b9b9;
}

.main-page #primary-content ul.list-mainlisting {
list-style: none;
margin: 0;
padding: 12px 0 0 0;
}

.main-page #primary-content ul.list-mainlisting li {
margin: 0;
padding: 0 0 18px 0;

}
.main-page #primary-content ul h3 {
font-family: 'Lucida Bright', georgia, serif;
text-transform: none;
margin: 0;
padding: 0;
line-height: 18px;
text-transform: capitalize;
}

.main-page #primary-content ul h3.icon-featured {
background: url(/images/design/icon-flowersmall.gif) no-repeat 0 50%;
padding: 0 0 0 21px;
}

.main-page #primary-content ul li p {
margin: 0;
padding: 3px 0 0 0;
}

/* - - - INSIDE PAGES - - - */
/* inside listing */


.inner-page #primary-content {
width: 576px;
margin: 130px 0 24px 0;
padding: 0 32px 0 24px;
border-right: 1px dotted #666;
}

.inner-page #secondary-content {
float: right;
width: 262px;
margin: 130px 0 0 0;
padding: 0 24px 0 0 ;
}

p.header-listingtype {
margin: 0;
padding: 0;
color: #5f5f5f;
font-size: 18px;
}

div#box-listingaddress {
float: left;
width: 177px;
background-color: #e4ecef;
padding: 18px;
border: 1px solid #666;
margin: 0 21px 6px 0;
line-height: 21px;
font-size: 12px;
}

#box-listingaddress address span {
text-transform: uppercase;
color: #afafaf;
}

#box-listingaddress a.link-addressbox {
text-transform: uppercase;
font-size: 11px;
font-family: 'Lucida Bright', Georgia, 'Times New Roman', serif;
margin-right: 10px;
}

#box-listingaddress img.graphic-onlinecoupon {
text-align: center;
margin-top: 12px;
}

.inner-page #primary-content p {
line-height: 24px;
}

#secondary-content ul.list-otherlistings {
list-style: none;
margin: 0 0 24px 0;
padding: 0;
line-height: 16px;
}

#secondary-content ul.list-otherlistings li {
margin: 0 0 12px 0;
}

#map {
padding: 12px;
margin: 21px 0 0 0;
border: 1px dotted #000;
background-color: #E4ECEF;
width: 300px;
}

.pagination {
border: 1px solid #DFDFDF;
border-left: 0;
border-right: 0;
padding: 6px;
}

#shopzilla {
text-align: center;
padding: 28px 0;
}


#ads-graphic {
text-align: center;
padding-bottom: 28px;
}

#ads-graphic a img {
border: 0;
padding: 0 0 5px 0;
}

#feeds {
width: 100%;
margin: 0 0 33px 0;
padding: 0;
position: relative;
}

#feeds p{
margin: 0;
padding: 0 0 9px 0;
}

#feeds ul{
list-style-type: none;
margin: 0;
padding: 0 0 9px 0;
}

#feeds li {
padding: 6px 0 6px 25px;
text-transform: capitalize;
}

#feeds li.rss {
background: url(/images/design/icon-rss.png) no-repeat 0 50%;
margin-bottom: 9px;
}

#feeds li.email {
background: url(/images/design/icon-circledot.png) no-repeat 0 20%;
}

#email-signup {
width: 100%;
margin: 0 0 33px 0;
padding: 0;
position: relative;
}
h3.header-secondarycaps {
margin: 0;
padding: 0;
}
#email-signup p {
margin: 0;
padding: 0 0 9px 0;
}

input#emailinput {
padding: 4px 0 5px 5px;
color: #000;
font-size: 10px;
width: 138px;
border: 1px solid #b12a27;
}

input#btn-submit {
position: absolute;
left: 158px;
}

.inner-page p.category {
margin: -12px 0 0 0;
padding: 0 0 12px 30px;
text-transform: uppercase;
font-weight: bold;
color: #666;
font-family: 'Lucida Bright', Georgia, 'Times New Roman', serif;
font-size: 11px;
background: url(/images/design/icon-flower.gif) no-repeat 0 10%;
}

.inner-page p.category a {
font-weight: normal;
}

.inner-page #primary-content ol li {
margin-bottom: 12px;
}

#readers-say {
width: 100%;
margin: 0 0 33px 0;
padding: 0;
position: relative;
}

#readers-say p {
background: url(/images/design/graphic-quote.gif) no-repeat top left;
position: relative;
margin: -10px 0 0 -10px;

padding: 20px 10px 9px 30px;
font-size: 11px;
font-style: italic;
line-height: 14px;
}

#readers-say p.attribution {
background: none;
font-style: normal;
padding: 9px 10px 0 30px;
text-transform: uppercase;
color: #b1b1b1;
font-size: 10px;
}


/* category page */
ul#list-categorylisting {
list-style-type: none;
margin: 0;
padding: 0;
border-top: 1px dotted #D1D1D1;
}

#list-categorylisting li {
padding: 6px 0 6px 30px;
background: url(/images/design/icon-circledot.png) no-repeat 5px 50%;
text-transform: capitalize;
}

#list-categorylisting li a{
text-decoration: none;
}

#list-categorylisting li a:hover {
text-decoration: underline;
}

#list-categorylisting li.one {
border-bottom: 1px dotted #D1D1D1;
background-color: #F2EFE9;
}

#list-categorylisting li.two {
border-bottom: 1px dotted #D1D1D1;
background-color: #fff;
}

/* - - - STATIC PAGES - - - */
/* category page */
ul#list-categorylisting-rss {
list-style-type: none;
margin: 0;
padding: 0;
border-top: 1px dotted #D1D1D1;
}

#list-categorylisting-rss li {
padding: 6px 0 6px 30px;
background: url(/images/design/icon-rss.png) no-repeat 5px 50%;
text-transform: capitalize;
}

#list-categorylisting-rss li a{
text-decoration: none;
}

#list-categorylisting-rss li a:hover {
text-decoration: underline;
}

#list-categorylisting-rss li.one {
border-bottom: 1px dotted #D1D1D1;
background-color: #F2EFE9;
}

#list-categorylisting-rss li.two {
border-bottom: 1px dotted #D1D1D1;
background-color: #fff;
}

#updateemail-page ul#list-categorylisting {
margin-bottom: 21px;
}

#updateemail-page.inner-page #primary-content h1 {
border-top: 0;
border-bottom: 1px dotted #000;
}

#advertise-page.inner-page #primary-content h1 {
border-top: 0;
border-bottom: 1px dotted #000;
}

/* - - - CONTACT, NEWSLETTER, ADVERTISE, COUPON - - - */
#contact-page #primary-content h1 {
border-top: 0;
border-bottom: 1px dotted #000;
}

#contact-page #primary-content input, textarea {
border: 1px solid #b12a27;
padding: 3px;
background-color: #eee;
}

#contact-page #primary-content form p {
margin-bottom: 12px;
margin-top: 0;
padding: 0;
}

#contact-page #primary-content p.contact-submit input {
border: 0;
padding: 0;
}

#advertise-page #primary-content h1 {
border-top: 0;
border-bottom: 1px dotted #000;
}

#newsletter-page #primary-content h1 {
border-top: 0;
border-bottom: 1px dotted #000;
}

#newsletter-page #primary-content input {
border: 1px solid #B12A27;
padding: 3px;
font-size: 10px;
}

#newsletter-page #primary-content input.submit  {
border: 0;
padding: 0;
}

#coupon-page #container {
width: 400px;
}
#coupon-page #coupon {
width: 356px;
padding: 20px;
border: 2px dashed #CA3449;
}

#coupon-page h3.header-subtitle {
text-align: center;
font-family: 'Lucida Grande', Georgia, 'bookman old style';
color: #CA3449;
margin: 0 0 12px 0;
padding: 0;
font-size: 21px;
font-weight: normal;
}

#coupon-page .coupon-text {
font-size: 18px;
line-height: 24px;
}
#coupon-page .coupon-address {
text-transform: uppercase;
font-size: 13px;
text-align: center;
}

#coupon-page .coupon-pamper {
border-top: 1px solid #eee;
padding: 6px 0 0 0;
font-size: 11px;
margin: 0;
text-align: center;
}


/* - - - SEARCH - - - */
#search-page #primary-content {
margin-top: 21px;
padding-top: 0;
}

#search-page #secondary-content {
margin-top: 21px;
}

#search-page table  {
border-left: 1px dotted #D1D1D1;
border-bottom: 1px dotted #D1D1D1;
font-size: 11px;
}
#search-page table td {
padding: 6px 12px;
}

#search-page table td.resultRowOne {
background-color: #F2EFE9;
}

#search-page table td.resultRowTwo {
border-right: 1px dotted #D1D1D1;
background-color: #fff;
}

#search-page table td.resultHead {
text-transform: uppercase;
font-weight: bold;
border-right: 1px dotted #D1D1D1;
border-bottom: 1px dotted #D1D1D1;
background-color: #CA3449;
color: #fff;
}

/* - - - FOOTER   - - - */
#footer {
padding: 24px 
}

ul.list-footerlinks {
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 20px;
font-size: 11px;
}

ul.list-footerlinks ul {
display:inline;
 list-style:none;
margin:0;
padding:0 0 0 0;
}
ul.list-footerlinks li span {
font-style: normal;
font-size: 11px;
text-transform: uppercase;
color: #3a3a3a;
padding-right: 20px;
}

ul.list-footerlinks ul li {
display:inline;
background:none;
padding: 0 15px 0 0;
text-transform: capitalize;
}
p#copyright {
font-size: 10px;
margin: 0;
padding: 12px 0 0 0;
}

/* - - - PRIMARY NAVIGATION  - - - */
ul#menu-primary {height:35px;width:896px;margin:0;padding:0;border:0;list-style: none;background: url(/images/design/primnav.gif) no-repeat top left;}
ul#menu-primary li {padding:0;margin:0;display:block;float:left;text-indent:-9999px;color: #000;}
ul#menu-primary li a {border:0;display:block;text-decoration:none;outline: none;background: url(/images/design/primnav.gif) no-repeat top left;}

li#spareview a{width:105px;height: 35px;padding: 0;margin: 0;}
li#spas a{width:58px;height: 35px;padding: 0;margin: 0;}
li#salons a{width:80px;height: 35px;padding: 0;margin: 0;}
li#athletic a {width:132px;height: 35px;padding: 0;margin: 0;}
li#yoga a {width:125px;height: 35px;padding: 0;margin: 0;}
li#sotweek a {width:146px;height: 35px;padding: 0;margin: 0;}
li#beautybar a {width:147px;height: 35px;padding: 0;margin: 0;}
li#expert a {width:103px;height: 35px;padding: 0;margin: 0;}

li#spareview a:hover {background-position: 0px -35px;}
li#spareview.active-nav a {background-position: 0px -70px;}
li#spas a:link, li#spas a:visited {background-position: -105px 0px;}
li#spas a:hover {background-position: -105px -35px;}
li#spas.active-nav a {background-position: -105px -70px;}
li#salons a:link, li#salons a:visited {background-position: -163px 0px;}
li#salons a:hover {background-position: -163px -35px;}
li#salons.active-nav a {background-position: -163px -70px;}
li#athletic a:link, li#athletic a:visited {background-position: -243px 0px;}
li#athletic a:hover {background-position: -243px -35px;}
li#athletic.active-nav a {background-position: -243px -70px;}
li#yoga a:link, li#yoga a:visited {background-position: -375px 0px;}
li#yoga a:hover {background-position: -375px -35px;}
li#yoga.active-nav a {background-position: -375px -70px;}
li#sotweek a:link, li#sotweek a:visited {background-position: -500px 0px;}
li#sotweek a:hover {background-position: -500px -35px;}
li#sotweek.active-nav a {background-position: -500px -70px;}
li#beautybar a:link, li#beautybar a:visited {background-position: -646px 0px;}
li#beautybar a:hover {background-position: -646px -35px;}
li#beautybar.active-nav a {background-position: -646px -70px;}
li#expert a:link, li#expert a:visited {background-position: -793px 0px;}
li#expert a:hover {background-position: -793px -35px;}
li#expert.active-nav a {background-position: -793px -70px;}

/* - - - SECONDARY NAVIGATION  - - - */
ul#menu-secondary {height:25px;width:366px;margin:0;padding:0;border:0;list-style: none;background: url(/images/design/secnav.gif) no-repeat top left;}
ul#menu-secondary li {padding:0;margin:0;display:block;float:left;text-indent:-9999px;color: #000;}
ul#menu-secondary li a {border:0;display:block;text-decoration:none;outline: none;background: url(/images/design/secnav.gif) no-repeat top left;}

li#blog a{ width:53px; height: 25px; padding: 0; margin: 0;}
li#newsletter a{ width:104px; height: 25px; padding: 0; margin: 0;}
li#updates a{ width:141px; height: 25px; padding: 0; margin: 0;}
li#contact a { width:68px; height: 25px; padding: 0; margin: 0;}

li#blog a:hover, li#blog.active-nav a { background-position: 0px -25px;}

li#newsletter a:link, li#newsletter a:visited {background-position: -53px 0px;}
li#newsletter a:hover, li#newsletter.active-nav a {background-position: -53px -25px;}
li#updates a:link, li#updates a:visited {background-position: -157px 0;}
li#updates a:hover, li#updates.active-nav a {background-position: -157px -25px;}
li#contact a:link, li#contact a:visited {background-position: -298px 0px;}
li#contact a:hover, li#contact.active-nav a {background-position: -298px -25px;}