@charset "UTF-8";

/* CSS Document */

/* ---------------------------------------------
Companion Global Dental Screen Style Sheet
author: Cyberwoven
version:  2008.04
----------------------------------------------- */


/* reset CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 11px; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

body { font:normal 11px/16px Arial, Helvetica, sans-serif; color:#44443d; margin:0; padding:0; text-align:left; }

p, div, span, td, li { font:normal 11px/16px Arial, Helvetica, sans-serif; }

#footer span, #footer p {  }

a, a:link { color:#0076a9; text-decoration:none; font-weight:bold; }

a:hover { text-decoration:none; color:#0098d9; }

#footer a { color:#328ebb; }

h2 { font:bold 22px/30px Arial, Helvetica, sans-serif; color:#0c2848; margin:0; padding:0; clear:both; position:relative; top:16px; }

h3 { font:normal 14px/26px Arial, Helvetica, sans-serif; color:#fcf9ed; }

h4 { font:100 30px/36px Arial, Helvetica, sans-serif; color:#dd7600; margin-top:16px; padding-bottom:16px; border-bottom:1px solid #dd7600;}

h5 { font:bold 18px/20px Arial, Helvetica, sans-serif; color:#cc6d00; margin:16px 0 0 0; padding:5px 0 0 0;}

h6 { font:normal 16px/20px Arial, Helvetica, sans-serif; color:#44443d; margin:16px 0 0 0; padding:5px 0 0 0;}


hr {visibility:hidden;}


/* Home Specific
----------------------------------------------- */

body#home { background:#fff url(../img/body-bg-home.jpg) no-repeat top center; }

body#internal { background:#f2ffc6 url(../img/halftone.png) no-repeat top center; }

h2#homePoster { background:url(../img/homePoster.jpg) no-repeat top left; height:352px; text-indent:-9999px; position:relative; top:28px; cursor:pointer;}

ul#homeLaunch { background:url(../img/homeLP.jpg) no-repeat; height:216px; position:relative; top:28px; }

ul#homeLaunch li { display:inline; width:368px; float:left; position:relative; left:64px; top:25px; cursor:pointer; }

ul#homeLaunch li#lpTwo { left:182px; }

ul#homeLaunch li h3 { font:100 20px/24px Arial, Helvetica, sans-serif; }

#home #lpOne h3 { color:#572e02 !important; }

#home #lpTwo h3 { color:#335700 !important; }

ul#homeLaunch li h4 { font:bold 14px/20px Arial, Helvetica, sans-serif; color:#fff; border:none; }

ul#homeLaunch li#lpTwo h4 { font:bold 14px/20px Arial, Helvetica, sans-serif; color:#44453d; border:none; }

ul#homeLaunch li p { font:normal 12px/18px Arial, Helvetica, sans-serif; width:250px; }

ul#homeLaunch li#lpTwo p { font:normal 12px/18px Arial, Helvetica, sans-serif; width:250px; color:#44453d; }

span#procedure a { position:absolute; left:210px; top:155px; color:#412a22; font:bold 13px/20px Arial, Helvetica, sans-serif; }

#home #footerWrapper { background:none; top:0; }


/* Layout Blocks
----------------------------------------------- */


#wrapper, #footer { width:982px; margin:0 auto; padding-bottom:20px; position:relative; }

#content { position:relative; top:18px; padding:0 64px 0 64px; }

#lCol { width:584px; float:left; clear:left; min-height:350px; height:auto !important; height:350px; padding-top:35px;}

#rCol { width:260px; float:left; background:url(../img/yellow.png) repeat-y 27px 0; position:relative; top:67px; left:10px; }

#launchPad { position:relative; left:54px; margin-top:50px; width:233px; }

#footerWrapper { background:#fff url(../img/footer.gif) repeat-x top center; position:relative; top:26px; height:400px; }

#footer { position:relative; top:25px; }

#footerLeft { width:50%; float:left; position:relative; left:37px; }

ul#footerRight { width:50%; float:left; text-align:right; position:relative; right:37px; }

ul#footerRight li { display:inline; }

ul#footerRight li a { display:table-cell; font-size:11px; float:right; padding:0 0 0 20px; font-weight:bold; text-decoration:none; }

ul#footerRight li a:hover { text-decoration:underline; }

h1#logo { margin:0; padding:0; width:199px; height:64px; position:relative; top:16px; left:27px; float:left; }

h1#logo a { display:block; width:199px; height:64px; outline:none; font-size:1px; text-indent:-9999px; background:url(../img/h1-logo.png) no-repeat; }

h1#logo a:hover { background:url(../img/h1-hover.png) no-repeat; }

#home h1#logo { margin:0; padding:0; width:199px; height:64px; position:relative; top:16px; left:27px; float:left; }

#home h1#logo a { display:block; width:199px; height:64px; outline:none; font-size:1px; text-indent:-9999px; background:url(../img/h1-logo-home.png) no-repeat; }

#home h1#logo a:hover { background:url(../img/h1-logo-home-hover.png) no-repeat; }

.printlogo {display:none;}

h2#patients { background:url(../img/h2-patients.jpg) no-repeat; height:216px; text-indent:-9999px; }
h2#groupleaders { background:url(../img/h2-groupleaders.jpg) no-repeat; height:216px; text-indent:-9999px; }
h2#agents { background:url(../img/h2-agents.jpg) no-repeat; height:216px; text-indent:-9999px; }
h2#about { background:url(../img/h2-about.jpg) no-repeat; height:216px; text-indent:-9999px; }
h2#contact { background:url(../img/h2-contact.jpg) no-repeat; height:216px; text-indent:-9999px; }
h2#legaldisclaimer { background:url(../img/h2-legaldisclaimer.jpg) no-repeat; height:216px; text-indent:-9999px; }
h2#news { background:url(../img/h2-news.jpg) no-repeat; height:216px; text-indent:-9999px; }
h2#sitemap { background:url(../img/h2-sitemap.jpg) no-repeat; height:216px; text-indent:-9999px; }


h3 a { font:normal 14px/30px Arial, Helvetica, sans-serif; color:#44443d !important; text-transform:uppercase; position:relative; float:left;}

#arrow { float:left !important; position:absolute; top:297px; left:25px; }



#launchPad h5 { font:normal 20px/24px Arial, Helvetica, sans-serif; color:#d75e00 !important; border:none; margin:0; padding:0; }

#launchPad h6 { font:bold 14px/16px Arial, Helvetica, sans-serif; border:none; }

#content img { float:right; border-left:13px solid #d75e00; padding-left:1px; margin:10px 0 10px 10px; }

#content p { margin:5px 0 15px 0; }

#launchPad p { margin-top:5px; }

#internal #lCol ul {display:block; background:#f9ffd7; margin:5px 0; padding:5px 10px;}
#internal #lCol ul li {display:list-item; list-style-type:none; list-style-image:url(/img/bullet-cgd3.gif); list-style-position:outside; margin:5px 0 5px 20px; padding:0;}
#internal #lCol ol {display:block; background:#f9ffd7; margin:5px 0; padding:5px 25px;}
#internal #lCol ol li { display:list-item; list-style-type:decimal; list-style-image:none; list-style-position:inside; margin:5px 0 5px 5px; padding:0 0 0 15px; text-indent:-15px; }



/* Sitemap
----------------------------------------------- */
#internal #lCol ul#SiteMapList {background:#f9ffd7;}
#internal #lCol ul#SiteMapList li {}
#internal #lCol ul#SiteMapList li a {display:block; font-size:18px;  padding:0px 0 5px 0; border-bottom:2px solid #fed871;}
#internal #lCol ul#SiteMapList li ul {}
#internal #lCol ul#SiteMapList li li a {border: none; font-size:14px; font-weight:normal; padding:0;}
#internal #lCol ul#SiteMapList ul ul {}
#internal #lCol ul#SiteMapList li li li a {font-size:11px; font-weight:bold;}





/* Navigation
----------------------------------------------- */

ul#topNav { position:relative; float:right; top:36px; right:0; display:block; margin:0; padding:0; list-style:none; }

ul#topNav li { display:inline; }

ul#topNav li a { display:block; float:left; padding:0; outline:none; text-indent:-9999px; padding:0 32px 0 0; position:relative; }

ul#topNav li a#patientsNav { background:url(../img/topNav-patients.png) no-repeat 0 -31px; width:62px; height:36px; }

ul#topNav li a#patientsNav:hover { background:url(../img/topNav-patients.png) no-repeat 0 0; }

ul#topNav li a#agentsNav { background:url(../img/topNav-agents.png) no-repeat 0 -31px; width:53px; height:36px; }

ul#topNav li a#agentsNav:hover { background:url(../img/topNav-agents.png) no-repeat 0 0; }

ul#topNav li a#groupleadersNav { background:url(../img/topNav-leaders.png) no-repeat 0 -31px; width:108px; height:36px; }

ul#topNav li a#groupleadersNav:hover { background:url(../img/topNav-leaders.png) no-repeat 0 0; }

ul#topNav li a#aboutNav { background:url(../img/topNav-about.png) no-repeat 0 -31px; width:44px; height:36px; }

ul#topNav li a#aboutNav:hover { background:url(../img/topNav-about.png) no-repeat 0 0; }

ul#topNav li a#contactNav { background:url(../img/topNav-contact.png) no-repeat 0 -31px; width:59px; height:36px; }

ul#topNav li a#contactNav:hover { background:url(../img/topNav-contact.png) no-repeat; }

ul#topNav li a#newsNav { background:url(../img/topNav-news.png) no-repeat 0 -31px; width:44px; height:36px; }

ul#topNav li a#newsNav:hover { background:url(../img/topNav-news.png) no-repeat; }





#home ul#topNav li a#patientsNav { background:url(../img/topNav-patients-home.png) no-repeat 0 -31px; width:62px; height:36px; }

#home ul#topNav li a#patientsNav:hover { background:url(../img/topNav-patients-home.png) no-repeat 0 0; }

#home ul#topNav li a#agentsNav { background:url(../img/topNav-agents-home.png) no-repeat 0 -31px; width:53px; height:36px; }

#home ul#topNav li a#agentsNav:hover { background:url(../img/topNav-agents-home.png) no-repeat 0 0; }

#home ul#topNav li a#groupleadersNav { background:url(../img/topNav-leaders-home.png) no-repeat 0 -31px; width:108px; height:36px; }

#home ul#topNav li a#groupleadersNav:hover { background:url(../img/topNav-leaders-home.png) no-repeat 0 0; }

#home ul#topNav li a#aboutNav { background:url(../img/topNav-about-home.png) no-repeat 0 -31px; width:44px; height:36px; }

#home ul#topNav li a#aboutNav:hover { background:url(../img/topNav-about-home.png) no-repeat 0 0; }

#home ul#topNav li a#contactNav { background:url(../img/topNav-contact-home.png) no-repeat 0 -31px; width:59px; height:36px; }

#home ul#topNav li a#contactNav:hover { background:url(../img/topNav-contact-home.png) no-repeat; }

#home ul#topNav li a#newsNav { background:url(../img/topNav-news-home.png) no-repeat 0 -31px; width:44px; height:36px; }

#home ul#topNav li a#newsNav:hover { background:url(../img/topNav-news-home.png) no-repeat; }





ul#subNav { position:relative; }

ul#subNav li { background:url(../img/subNav-line.png) no-repeat 54px bottom; }

ul#subNav li a { display:block; outline:none; font:normal 16px/24px Arial, Helvetica, sans-serif; color:#0076a9; text-decoration:none; padding-left:54px; height:24px; }

ul#subNav li a:hover { color:#0098d9; background:url(../img/navArrow.png) no-repeat 15px 0; }

ul#subNav li ul#tertNav { position:relative; left:15px; padding-bottom:10px; }

ul#subNav li ul#tertNav li { position:relative; left:15px; background:none; }

ul#subNav li ul#tertNav li a { font:normal 11px/24px Arial, Helvetica, sans-serif; }

ul#subNav li ul#tertNav li a:hover { color:#0098d9; background:url(../img/subNavArrow.png) no-repeat 35px center; }




.input,
.textBox {border:2px solid #fed871; padding:2px 5px; width:260px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px;}
.textBox {width:550px; height:200px;}
.sendButton {color:#dc5e00; background:#fed975; padding:3px 10px; border:2px solid #fc9c1f; margin:10px 0;}
.sendButton:hover {background:#fc9c1f; color:#fff;}


/* Clear Fix
----------------------------------------------- */

.clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }

.clear { display: inline-block;/* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
* html .clear { height: 1%; }

.clear { display: block; }

br { clear:both; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin: 0; }

.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -9px; line-height:60px; padding:10px 0 18px 0; margin:0 0 -30px 0; }

/* PushCall
----------------------------------------------- */
#launchpad { }
#flashwindow { position:absolute; left:-712px; top:-300px; text-align:right; display:none; width:962px;height:450px;border:10px solid #fff; background:#008689;opacity: 0.92; -moz-opacity:0.92; filter:alpha(opacity=92); }
#flashwindow a { background:#fb8507; border:3px solid white; padding:5px 5px; line-height:25px; margin-right:20px; display:block; margin-top:20px; width:100px; float:right; text-align:center; color:#fff; }
#flashwindow a:hover { background:#d66c00; }
#flashwindow h4 { text-align:center; color:#fff; border-color:#fff;  }
#flashwindow p { text-align:center; color:#fff; }
a#pushCallBtn { width:206px; height:100px; display:block; background:url(/img/button-demo.jpg) no-repeat bottom left; }
a#pushCallBtn:hover { background:url(/img/button-demo.jpg) no-repeat top left; }
iframe { position:relative; left:0; margin-right:306px; }