/* ---------------------------------------------

SCREEN CSS Document created by Phinney/Bischoff Design House
For: Bellacure http://www.bellacure.com

----------------------------------------------- */


body    { font-family: Georgia, Helvetica, Arial, sans-serif; background: #d3c983 url(../img/bg-main.gif) repeat-x left top; margin: 0; padding: 0 }

/* ---------- LAYOUT ---------- */
#navigation   { background: #aca36e url(../img/bg-navigation.gif) no-repeat left top; position: absolute; z-index: 95; top: 0px; left: 0px; width: 766px; height: 40px }
#billboard   { background: #a8b2af url(../img/bg-billboard.gif) no-repeat left top; position: absolute; top: 32px; left: 0px; width: 766px; height: 277px }
#flash { position: absolute; top: 0; left: 35px; background: #e6f1f7; }
#buckets   { background: #d3c983 url(../img/bg-buckets.gif) repeat-y left top; position: absolute; top: 309px; left: 0px; width: 766px; height: 83px }

#tagline { position:absolute; left:0px; top:0px; width:34px; height:115px; z-index:99; }
body#patients #logo-image   { background: #88908e url(../img/logo-photo-patients.gif) no-repeat left top; position: absolute; top: 32px; left: 0px; width: 766px; height: 132px }
body#distributors #logo-image   { background: #88908e url(../img/logo-photo-distributors.gif) no-repeat left top; position: absolute; top: 32px; left: 0px; width: 766px; height: 132px }
body#clinicians #logo-image   { background: #88908e url(../img/logo-photo-clinicians.gif) no-repeat left top; position: absolute; top: 32px; left: 0px; width: 766px; height: 132px }
body#about #logo-image   { background: #88908e url(../img/logo-photo-about.gif) no-repeat left top; position: absolute; top: 32px; left: 0px; width: 766px; height: 132px }
body#contatti #logo-image { background: #88908e url(../img/logo-photo-product.gif) no-repeat left top; position: absolute; top: 32px; left: 0px; width: 766px; height: 132px }
body#product #logo-image   { background: #88908e url(../img/logo-photo-product.gif) no-repeat left top; position: absolute; top: 32px; left: 0px; width: 765px; height: 105px }


#wrapper   { background: #a8b2af url(../img/bg-wrapper.gif) repeat-y left top; margin: 0; padding: 166px 0 0; width: 766px }
body#home #wrapper   { background: #a8b2af url(../img/bg-wrapper-home.gif) repeat-y left top; margin: 0; padding: 390px 0 0; width: 766px }
body#product #wrapper   { background: #a8b2af url(../img/bg-wrapper-product.gif) repeat-y left top; margin: 0; padding: 166px 0 0; width: 766px }
#blurb { width: 205px; margin: 0; padding: 35px 0 20px 50px; float: left; }
#feature  { background: url(../img/banner-home.gif) no-repeat left top; float: left; margin: 20px 0 20px 30px; padding: 0; width: 445px; height: 117px }

#main-column { width: 365px; margin: 0; padding: 0 15px 0 65px;  float: left; }
#side-column { width: 275px; margin: 0; padding: 0 15px 0 15px;  float: left; }

body#product #main-column { width: 355px; height: 475px; margin: 0; padding: 0 15px 0 65px;  float: left; }


#footer   { background: #aca36e url(../img/bg-footer.gif) no-repeat left top; margin: 0; padding: 0 }
body#home #footer   { background: #aca36e url(../img/bg-footer-home.gif) repeat-y left top; margin: 0; padding: 0 }
body#product #footer   { background: #aca36e url(../img/bg-footer-product.gif) repeat-y left top; margin: 0; padding: 0 }
#phone { position:absolute; left:465px; top:763px; width:272px; text-align: right; z-index:99; }

/* ---------- LINKAGE ---------- */
a:link  { color: #3b4956; font-size: 10pt; text-decoration: none; border-bottom: 1px dotted #3b4956 }
a:visited  { color: #666; font-size: 10pt; text-decoration: none; border-bottom: 1px dotted #666 }
a:hover  { color: #de7008; font-size: 10pt; text-decoration: none; border-bottom: 1px dotted #ff6c1c }

div#navigation ul li a:link, div#navigation ul li a:visited { color: #f5f5f5; text-decoration: none; border: none; }
div#navigation ul li a:hover   { color: #ffebcd; border: none }

div#navigation ul li a#here:link { background: #de7008; padding: 10px 4px 14px 4px; }
div#navigation ul li a#here:visited { background: #de7008; padding: 10px 4px 14px 4px; }
div#navigation ul li a#here:hover { background: #de7008; padding: 10px 4px 14px 4px; color: #444 }

div#feature a:link, div#feature a:visited  { color: #696969; border-bottom: 1px dotted #ddeeba }
div#feature a:hover  { color: #b22222; border-bottom: 1px dotted #ff0 }

a.button:link, a.button:visited { font-size: 10px; color: #fff; background: #de7008; padding: 1px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border:none; }
a.button:hover { background: #586980; border:none; }

div#footer a:link, div#footer a:visited { font-size: 10px; color: #999; text-decoration: none; border: none;  }
div#footer a:hover { color: #fff; border-bottom: 1px dotted #fff;  }

a.img-button { border: none; }
a.img-button:link { border: none; }
a.img-button:visited { border: none; }
a.img-button:hover { border: none; }

/* ---------- NAVIGATION ---------- */
div#navigation ul { text-align: right; list-style-type: none; margin: 9px 30px 0 0; padding: 0; font-size: 11px; }
div#navigation ul li { display: inline; margin: 0; padding: 0 0 0 15px; }


div#buckets ul { margin: 0; padding: 0; list-style-type: none; font-family: Helvetica, Arial, sans-serif;  }
div#buckets ul li { font-size: 12px; text-transform: uppercase; }
div#buckets ul li a { text-decoration: none; }
div#buckets ul li a#bucket-patients { position: absolute; top: 0; left: 35px; width: 223px; height: 23px; display: block;  padding: 60px 0 0 15px; border: none;  }
div#buckets ul li a#bucket-patients:link, div#buckets ul li a#bucket-patients:visited { color: #333; border: none; }
div#buckets ul li a#bucket-patients:hover { background: #bcd1bb; border: none; }
div#buckets ul li a#bucket-clinicians { position: absolute; top: 0px; left: 273px; width: 224px; height: 23px; display: block;  padding: 60px 0 0 15px; border: none; }
div#buckets ul li a#bucket-clinicians:link, div#buckets ul li a#bucket-clinicians:visited { color: #333; border: none; }
div#buckets ul li a#bucket-clinicians:hover { background: #eeffcc; border: none; }
div#buckets ul li a#bucket-distributors { position: absolute; top: 0px; left: 512px; width: 223px; height: 23px; display: block;  padding: 60px 0 0 15px; border: none;   }
div#buckets ul li a#bucket-distributors:link, div#buckets ul li a#bucket-distributors:visited { color: #333; border: none; }
div#buckets ul li a#bucket-distributors:hover { background: #eaffe9; border: none; }


/* ---------- TEXT FORMATTING ---------- */
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-weight: normal;  }
p, ul, ol, dl { font-family: Tahoma, Verdana, sans-serif; color: #333; }

h1 { margin: 0 0 .5em 0; padding: 0; font-size: 27px; line-height: 26px; color: #5C6767; }
h2 { margin: 0; padding: 0; font-size: 18px; line-height: 20px; color: #333; }
h3 { margin: 1em 0 .25em 0; padding: 0; font-size: 18px; color: #333; }
h4 { margin: 1em 0 .25em 0; padding: 0; font-size: 16px; color: #333; }

p { margin: .50em 0 1.75em 0; padding: 0; font-size: 12px; line-height: 19px;  }
blockquote  { background: url(../img/img-quote.gif) no-repeat left top; margin: 1em 1em 0 0 }
blockquote p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding: 6px 0 0 28px; margin: 0 0 5px 0; line-height: 21px; }
blockquote p.cite { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #999; text-transform: uppercase; text-align: right; margin: 0 0 1em 0; padding: 0; letter-spacing: 2px; }

div#side-column ul { margin: 0; padding: 0; font-size: 12px; list-style-type: none; }
div#side-column ul li  { line-height: 16px; background: url(../img/icon-bullet.gif) no-repeat 0px 5px; margin: 0; padding: 2px 0 2px 14px }
div#side-column p { font-size: 11px; line-height: 16px; }

#blurb p { font-size: 11px; line-height: 18px; color: #666; margin: 0; padding: 0; }
body#home #footer p { margin: 0; padding: 15px 0 15px 48px; color: #999; font-size: 10px; }
#footer p { margin: 0; padding: 18px 0 10px 48px; color: #999; font-size: 10px; }
#phone p { margin: 0; padding: 0; color: #eee; font-size: 12px; }

/* ---------- PRODUCT NAVIGATION---------- */
#photo-front { position:absolute; left:65px; top:138px; visibility: visible; }
#photo-back { position:absolute; left:65px; top:138px; visibility: hidden;  }
#photo-side { position:absolute; left:65px; top:138px; visibility: hidden;  }

#product-desc { width: 275px; margin: 0; padding: 0 15px 0 20px;  float: left; }

#viewbase  { background: url(../img/pnav-toolbase.gif) no-repeat left top; position: absolute; top: 137px; left: 393px; width: 54px; height: 98px }
#viewcontrol-front { position:absolute; left:393px; top:125px; width:45px; height:79px; visibility: visible; }
#viewcontrol-back { position:absolute; left:393px; top:125px; width:45px; height:79px; visibility: hidden; }
#viewcontrol-side { position:absolute; left:393px; top:125px; width:45px; height:79px;  visibility: hidden; }

#product-nav1, #product-nav2, #product-nav3, #product-nav4, #product-nav5, #product-nav6 
{ position: absolute; top: 248px; left: 435px; width: 300px; height: 18px; visibility: hidden; }

#area1, #area2, #area3, #area4, #area5, #area6
{ position: absolute; padding: 10px; top: 266px; left: 435px; width: 280px; background: #fff;  visibility: hidden; }

/* ---------- SPECIAL DIVS & TYPE---------- */
#banner { margin: 15px 0 15px 0; }

#feature p  { color: #a0522d; line-height: 16px; margin: 32px 125px 0 12px }

#pullquote  { background: url(../img/img-topquote.gif) no-repeat left top; position: absolute; top: 25px; left: 382px; width: 354px; height: 44px }
#pullquote p { margin: 0 0 0 30px; padding: 0; font-size: 11px; line-height: 14px; color: #fff; }
#pullquote p em { color: #f9ffce; font-style: normal; }
#product-desc p { font-size: 12px; line-height: 17px; }
h1.smaller { font-size: 24px; }

#area1 p, #area2 p ,#area3 p, #area4 p, #area5 p, #area6 p { margin: 0; padding: 0; }

dl.address { margin: 0; padding: 0; }
dl.address dt { position: relative; left: 2px; top: 1.1em; width: 5em; font-size: 12px; font-weight: bold;  }
dl.address dd { margin: 0 0 0 6em; padding: 0 0 0 .25em; font-size: 12px; }

p.pdf  { background: url(../img/icon-pdf.gif) no-repeat 0% 50%; margin: 25px 0 15px; padding: 0 0 0 20px }
p.small { font-size: 10px; margin: 0; }
p.fineprint { font-size: 10px; line-height: 13px; }