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

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

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


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

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

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


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

#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; }

#news { margin: 20px 0; }

#footer {  margin: 0; padding: 0; height: 50px; background: #9aa19f url(/fr/images/bg-footer.gif) no-repeat left top; }
body#home #footer {  margin: 0; padding: 0; background: #9aa19f url(/fr/images/bg-footer-home.gif) repeat-y left top; }
body#product #footer {  margin: 0; padding: 0; background: #9aa19f url(/fr/images/bg-footer-product.gif) repeat-y left top; }
#phone { position:absolute; left:465px; top:763px; width:272px; text-align: right; z-index:99; }
#footer-links { width: 675px; float: left; }
#footer-links span { margin: 0 6px; }
#chooser { width: 275px; float: left;}
#footer-links p { margin: 0; padding: 18px 0 10px 48px; color: #999; font-size: 10px; letter-spacing: 1px; }
#chooser p {
	margin: 0 60px 0 0;
	padding: 16px 0 10px 0;
	color: #EBF6EA;
	font-size: 10px;
	text-align: right;
}
#footer form { margin: 0; padding: 0; }
#chooser select { margin: 0; padding: 0; font-size: 10px; }


/* ---------- LINKAGE ---------- */
a:link { color: #3b4956; text-decoration: none; border-bottom: 1px dotted #3b4956; }
a:visited { color: #666; text-decoration: none; border-bottom: 1px dotted #666; }
a:hover { color: #de7008; 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:#ddeeba; 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: #ddeeba; border-bottom: 1px dotted #ddeeba; }
div#feature a:hover { color: #ff9; 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; }

#footer a.language { padding: 2px; color: #fff; }
#footer a.language:link { border: none; color: #fff; background: #99AA98; }
#footer a.language:visited { border: none; color: #fff; background: #99AA98; }
#footer a.language:hover { border: none; color: #fff; background: #de7008; }

/* ---------- 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; }
h5 { margin: 5px 0 0 0; padding: 0; font-size: 12px; color: #333; font-weight: bold; }

p { margin: .50em 0 1.75em 0; padding: 0; font-size: 12px; line-height: 19px;  }
blockquote { background: url(/fr/images/img-quote.gif) no-repeat left top; margin: 1em 1em 1em 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 { margin: 0; padding: 2px 0 2px 14px; line-height: 16px; background: url(/fr/images/icon-bullet.gif) no-repeat 0px 5px; }
div#side-column p { font-size: 11px; line-height: 16px; }

#blurb p { font-size: 11px; line-height: 16px; color: #666; margin: 0 0 8px 0; padding: 0; }
body#home #footer p { margin: 0; padding: 15px 0 15px 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 { position:absolute; left:393px; top:137px; width:54px; height:98px; background: url(/fr/images/pnav-toolbase.gif) no-repeat left top; }
#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 { margin: 32px 125px 0 12px; color: #ddeedc; line-height: 16px;  }

#pullquote { position: absolute; top: 25px; left: 382px; width: 354px; height: 44px; background: url(/fr/images/img-topquote.gif) no-repeat left top; }
#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 { margin: 25px 0 15px 0; padding: 0 0 0 20px; background: url(/fr/images/icon-pdf.gif) no-repeat 0% 50%; }
p.article, #blurb p.article { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(/fr/images/icon-article.gif) no-repeat left top; }
p.small { font-size: 10px; margin: 0; }
p.fineprint { font-size: 10px; line-height: 13px; }