/* 
    Kazaam Web Concepts: JJDentalProfessional.com
    
    Title: style.css
    Description: JJDentalProfessional Theme Page Styles
    Author: T.J. Stevens
    Last modified: July 15, 2008
    
    Revision History
    - Baseline styles created for v0 site
    
*/

/* GLOBAL SELECTOR STYLES */
* { font-size: 1em; margin: 0; padding: 0; }
body { font: 85%/1.4 "Trebuchet MS", Helvetica, Arial, sans-serif; color: #333; text-align: center; }
input { color: #333; }
textarea, select { color: #333; }
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 138.5%; color: #000; font-weight: bold; margin-bottom: 1em; }
h2 { font-size: 108%; color: #333; margin: 0 0 0.5em 0; text-transform: uppercase; }
h3 { font-size: 108%; color: #333; margin: 1em 0 0.5em 0; }
h4 { font-size: 100%; color: #333; font-weight: bold; }
h5 { font-size: 108%; color: #333; margin: 1em 0 1em 0; }
h6 { font-size: 93%; font-weight: normal; font-style: italic; color: #333; margin: 1em 0 0.75em 0; }
ul, quote, code, fieldset {  }
fieldset {border:none;}
p { line-height: 146.5%; margin-bottom: 1em; }
a:link, a:visited { color: #3E5BAF; text-decoration: underline; }
a:hover { color: #999; text-decoration: none; }
a:active, a.active { color: #999; }
img, a img { border: none; }
hr {  }
sup, a sup, span .wikilink a sup { font-size: 85%; vertical-align: baseline; position: relative; bottom: 0.33em; text-decoration: none !important; }
span.error {font-weight:bold;color:#F00}


/**** THEME SPECIFIC STYLES ****/

/* LAYOUTS */
.clear-block {clear: both; }
.float-left { float: left; }
.float-right { float: right; }
#wrapper { width: 100%; text-align: center; margin: 0 auto; padding: 0; }
#container { width: 974px; margin: 0 auto; padding: 0; }

/* HEADER */
#header { background: url(/images/v2/bg_header.png) no-repeat; position: relative; width: 974px;}
#logo { display: block; height: 80px; text-indent: -9999em; width: 360px; }
#header ul { list-style: none; }
    
/* UTILITY */
#utility { background: #2A5E81; height: 26px; padding-left: 5px; position: absolute; right: 0; top: 0; }
#utility { border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; }
#utility li { display: inline; }
#utility li a { border-right: 1px solid #4A7695; color: #CCC; display: block; float: left; font: 9px Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px; padding: 2px 10px 2px 20px; text-decoration: none; }
#utility li a:hover { text-decoration: underline; }
#utility li a.faqs { background: url(/images/v2/icon_faqs.gif) 0 center no-repeat; }
#utility li a.sitemap { background: url(/images/v2/icon_sitemap.gif) 0 center no-repeat; }
#utility li a.contact { background: url(/images/v2/icon_contact.gif) 0 center no-repeat; border: none; }

/* MAIN NAV */
#nav li { display: inline; }
#nav li a { background: url(/images/v2/nav.gif) no-repeat; display: block; float: left; height: 41px; text-indent: -9999em; }
#nav li a#pro { width: 200px; }
#nav li a#ed { background-position: -200px 0; width: 192px; }
#nav li a#prod { background-position: -392px 0; width: 192px; }
#nav li a#vip { background-position: -584px 0; width: 192px; }
#nav li a#buy { background-position: -776px 0; width: 198px; }
#nav li a#pro:hover { background-position: 0 -41px; }
#nav li a#ed:hover { background-position: -200px -41px; }
#nav li a#prod:hover { background-position: -392px -41px; }
#nav li a#vip:hover { background-position: -584px -41px; }
#nav li a#buy:hover { background-position: -776px -41px; }
#nav li a#pro.active, #nav li a#pro.active-trail { background-position: 0 -82px; }
#nav li a#ed.active, #nav li a#ed.active-trail { background-position: -200px -82px; }
#nav li a#prod.active, #nav li a#prod.active-trail { background-position: -392px -82px; }
#nav li a#vip.active, #nav li a#vip.active-trail { background-position: -584px -82px; }
#nav li a#buy.active, #nav li a#buy.active-trail { background-position: -776px -82px; }

/* BREADCRUMB */
.homepage .breadcrumb { display: none; }
.breadcrumb { padding: 5px 0 5px 10px; color: #666; margin-bottom: 10px; }
.breadcrumb span, .breadcrumb a { font-size: 10px; }
.breadcrumb a { color: #999; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

/* HOME CALLOUTS */
#home-callouts { position: relative; overflow: hidden; height: 160px; margin-top: 20px;}
.home-callouts-content { position: absolute; top: 170px; height: 150px; width: 100%; }
.callouts-content { float: left; text-align: center; width: 33%; }

/* MAIN CONTENT WRAPPER */
#bodyContent, #homeContent { background: #F4F4F4; border: 5px solid #E5E5D0; clear: left; padding: 10px; text-align: left; }
#bodyContent, #homeContent { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* SECONDARY NAV - SIDEBAR LEFT */
#sidebar-left { float: left; width: 214px; padding: 0 0 70px 0; background: url(/images/left-nav-background.jpg) no-repeat 0 0; }
#sidebar-left ul { list-style-type: none; padding: 0; margin: 21px 0 0 12px; line-height: 123.1%; width: 170px; }
#sidebar-left ul li { background: none; padding: 0 0 6px 0; margin: 0; }
#sidebar-left ul li a { font-size: 93%; color: #CC6633; text-decoration: none; }
    #sidebar-left ul li a:hover { color: #000; }
    #sidebar-left ul li a.active { color: #000; font-weight: bold; }
#sidebar-left ul li ul { margin: 6px 0 0 0; }
#sidebar-left ul li ul li { padding-left: 10px; }
#sidebar-left ul li ul li a { font-size: 93%; color: #000; text-decoration: none; }
    #sidebar-left ul li ul li a:hover { color: #999; }
    #sidebar-left ul li ul li a.active { color: #336699; font-weight: bold; }
#sidebar-left ul li ul li ul { list-style-type: disc !important; }
#sidebar-left ul li ul li ul li { padding-left: 12px; background: url(/images/sidebar-bullet.gif) no-repeat 0 6px; }
#sidebar-left ul li ul li ul li ul li { }
#sidebar-left .interior-callouts { float: none; margin: 10px 0 0 10px; }

/* MAIN CONTENT AREA */
#mainContent { float: left; padding-left: 20px; }
.sidebar_left #mainContent { width: 630px; }
.no_sidebars #mainContent { padding-left: 10px; width: 930px; padding-top: 13px;}
#mainContent ul { list-style-type: none; margin: 1em 0 1em 0; }
#mainContent ul li { background: url(/images/maincontent-bullet.gif) no-repeat 0 6px; padding: 0 0 0 15px; margin: 0; }
#mainContent ul ul { margin: 0; padding: 0 0 0 20px; }
#mainContent ul ul li { background: url(/images/maincontent-bullet.gif) no-repeat 0 6px; padding: 0 0 0 25px; margin: 0; }
#mainContent ol { margin-left: 20px; margin-bottom: 1em; }
#mainContent ol li { padding: 0 0 0 15px; margin: 0; }
#sitemap ul li { background: none; padding: 0 0 0 5px; margin: 0; }
#sitemap ul li ul { margin: 0; padding: 0 0 0 5px; }
#sitemap ul li ul li { background: none; padding: 0 0 0 5px; margin: 0; }
/* Below technique avoids hyperlink underline breaking when using (R) in a href */
#mainContent a:link, #mainContent a:visited { color: #3E5BAF; text-decoration: none; background: url(/images/href-background.gif) 0 16px repeat-x; }
#mainContent a:hover { color: #999; background: none; }
#mainContent h3 a:link, #mainContent h3 a:visited { background: url(/images/href-background.gif) 0 18px repeat-x; }

/* REFERENCES */
.references { color: #999; font-size: 85%; }

/* FOOTER */
#footer { clear: both; float: none; text-align: center; color: #666; padding: 10px 0; }
#footerNav { width: 150px; margin: 0 auto; }
#footer #footerNav ul { list-style-type: none; margin: 0; padding: 0; line-height: 77%; }
#footer #footerNav ul li { float: left; padding: 0 10px 0 0; border-right: 1px solid #666; background: none; }
#footer #footerNav ul li.last { border-right: 0; padding: 0 0 0 10px; }
#footer #footerNav ul li a { font-size: 77%; color: #666; text-decoration: none; padding: 5px 0; }
    #footer #footerNav ul li a:hover { text-decoration: underline; }
#footer p { margin-top: 1em; font-size: 77%; line-height: 123.1%; }

/* SIDEBAR MENU*/
#sidebar-left ul.links li {display:block;}
#sidebar-left ul.links li ul li {display:block;}

.footnotes {color:#999999;font-size:90%;}

/* TABLES */
table { width: 620px; font-family: "Trebuchet MS"; font-size: 100%; color: #333; border: 1px solid #333; border-collapse: separate; }
td { padding: 5px 10px; border: 1px solid #333; vertical-align: top; background: #F4F4F4; }
td.left { width: 125px; color: #FFF; background-color: #45A9AF; font-weight: bold; }
table tr td ul { margin: 0 0 0 5px !important; }

.strong {font-weight:bold}

.spinner { display: none;}
.hidden { display: none; }
#postalCode-ajax-error { width: 200px; }

#node-biofilm-study h1.title {
    display: none;
}

#node-biofilm-study h1 sup {
    font-size: 75%;
}

/**
DENT-271
**/
span.new {
   color: #F00; 
}

/** DENT-275 **/
#vip-excuse-container {
    width: 100%;
    background-color: #fae9bb;
}

#vip-excuse-container .header {
    background-color: #e8b712;
}

#vip-excuse-container .header h2 {
    text-transform: uppercase;
    color: #FFF;
    padding: 11px;
}

#vip-excuse-container .content {
    margin: 0 11px;
}

#vip-excuse-container hr {
    color: #e8b712;   
}

#vip-excuse-container #excuse-left-column {
    float: left;
    width: 360px;
}

#vip-excuse-container #excuse-right-column {
    float: left;
    width: 220px;
    font-size: 10px;
}

#vip-excuse-container #excuse-left-column {
    margin-right: 10px;   
}

#vip-excuse-container .form-item {
    margin-top: 0;   
}

#vip-excuse-container .form-item label {
    font-weight: normal;   
}

#vip-excuse-container textarea {
    width: 95%;
    height: 80px;
}

/* Styles for References page. DENT-275*/
.ref-page{
    padding-left:40px;
}

/* Styles for Deeper Clean Study page DENT-401 and DENT-749*/

#dcs-top{
    width: 710px;
}

#dcs-top-rt{
    width: 364px;
    float: left;
}
#dcs-top-rt .dcs-top-rt-img{
    
}

#dcs-top-lt{
    width: 346px;
    float: left;
}

#dcs-top-lt .top-list-last{
    margin-bottom: -20px;
    +margin-bottom: -25px;  
}

#dcs-top-margin {
    margin-top: -13px;
    *margin-top: -18px;
}

#dcs-title-block{
    line-height: 1.8em; 
}

.dcs-title{
    font-size: 24px;
    font-weight: bold;
    color: #3e5baf;
}

.dcs-blue{
    color: #3e5baf;
    font-size: 18px;
}

.dcs-bright-blue
{
    color: #00a1a4;
}

.dcs-bright-blue-italic-underline
{
    color: #00a1a4;
    font-style: italic;
    text-decoration: underline;
}

.dcs-txt{
    font-size:12px; 
}   

.dcs-bold{
    font-weight:bold;   
}   

.dcs-bold-ital{
    font-weight:bold;
    font-style: italic;
}

.dcs-small-txt{
    font-size:9px;  
}

.dcs-small-txt-1{
    font-size:9px;
    padding-top:5px;
    margin:0;
}

.dcs-img{
    padding:15px 0 5px 0;   
}

#dcs-top ul li{
    padding:0 0 5px 15px;
    font-size:12px;
}

#dcs-middle-1{
    width: 710px;
    
}

#dcs-middle ul{
    font-size:12px;
}

#dcs-middle li{
    
}

#dcs-middle-1 #dcs-middle-1-left{
    width: 370px;
    float: left;
}

#dcs-middle-1 #dcs-middle-1-right{
    width: 335px;
    float: left;
    background-image: url(/images/dd-line-vertical.png);
    background-repeat: repeat-y;
}

#dcs-bacteria{
    background-image: url(/images/bacteria-bg.png);
    background-repeat: no-repeat;
    margin-left:20px;
}

#dcs-bacteria-txt{
    padding-right:0px;
    width: 155px;   
}

.dcs-bacteria-p{
    padding-right:5px;
    font-size:12px;
}

#dcs-middle-2{
    width: 710px;
}

#dcs-middle-2 #dcs-middle-2-left{
    width: 340px;
    float: left;
}

#middle-2-small-list ul li{
    font-size:9px;
    line-height:1em;
    list-style-type: none;
    background:transparent url(/images/small-bullet.jpg) no-repeat scroll 0 4px;
    padding:0 0 2px 8px;
}

#dcs-middle-2 #dcs-middle-2-right{
    width: 340px;
    float: left;
    /*padding-left:30px;*/
}

#dcs-middle-3{
    width: 710px;
}

#middle-3-small-list ul li{
    font-size:9px;
    line-height:1em;
    list-style-type: none;
    background:transparent url(/images/small-bullet.jpg) no-repeat scroll 0 4px;
    padding:0 0 2px 8px;
}

#dcs-middle-3 #dcs-middle-3-left{
    width: 330px;
    float: left;
}

#dcs-middle-3 #dcs-middle-3-right{
    width: 340px;
    float: left;
    padding-left:20px;
}

#dcs-middle-3-right-indent {
    padding-left:5px;
}

#ada-logo-block{
    width:340px;
    padding:40px 0 0 5px;
}

#ada-logo-block #ada-logo-l{
    widht:97px;
    float:left;
    
}

#ada-logo-block #ada-logo-r{
    width:187px;
    float:left;
    padding-left:15px;
}

.references-txt{
    color:#000000;
    font-size:75%;
}

.references-itl{
    font-style: italic;
}

/* Styles for Oral Systemic and 25% pages. We are using some style defined for Deeper Clean Study */
#oral-systemic ul li{
    list-style-type: none;
    background:transparent url(/images/bullet4X5.png) no-repeat scroll 0 7px;
    padding:0 0 2px 8px;
    font-size:12px;
    font-weight: bold;
    
}

.sub-title-blue{
    color: #3e5baf;
    font-size: 18px;
    font-weight: bold;
}

.middle-space{
    padding-right:25px; 
}

.inter-block-space{
    padding-top:10px;   
}
.block-1{
    width:710px;
}

.block-1-left{
    width:370px;
    float:left; 
}

.block-1-right{
    width:281px;
    float:left;
    *padding-bottom: 15px;/* DENT-611 - Added for IE6 and IE7 fix*/
}

.block-2{
    width:710px;
}

#block-2-os{
    width:710px;
    height:313px;
    background: url(/images/emerging-sci-bg.png) no-repeat;
    margin-left:-8px;
}

#block-2-os ul li{
    font-size: 12px;
    line-height: 1.5em;
}

.block-2-os-1{
    float:left;
    width:195px;
    padding: 10px 0 0 23px;
}

.block-2-os-2{
    float:left;
    width:195px;
    padding: 10px 0 0 20px;
}

.block-2-os-2-p{
    padding: 10px 0 0 0px; 
    font-size: 12px; 
    font-weight: bold;
}   

.block-2-os-3{
    float:left;
    width:195px;
    padding: 10px 0 0 20px;
}


.block-2-os-block ul li{
    width: 180px;   
}


.white-bold{
    color:#FFF;
    font-weight: bold;
    font-size: 14px;
}

.block-3{
    width:710px;
}

.block-3-left{
    float: left;
    width: 270px;
    font-size:95%; 
}

.block-3-right{
    float: left;
    width: 380px;
    font-size:95%;
}

.horizontal-divider{
    width:680px;
    background-image: url(/images/horizontal-line.png);
    background-repeat: repeat-x;
}

.txt-10-bld{
    font-size:10px;
    font-weight: bold;
}

.title-black{
    font-size: 18px; 
    color: #000; 
    font-weight: bold; 
    margin-bottom: 1em;
}

.title-blue{
    font-size: 24px;
    font-weight: bold;
    color: #3e5baf; 
    margin-bottom: 1em;
}

#share-fact ul li{
    list-style-type: none;
    background:transparent url(/images/bullet4X5.png) no-repeat scroll 0 7px;
    padding:0 0 2px 8px;
    font-size:12px;
    font-weight: bold;
}

#block-2-stf{
    width:710px;
    height:329px;
    background: url(/images/saliva-germs.png) no-repeat;
}

.block-2-stf-1{
    padding: 8px 0 0 25px;
}

.white-bold-18{
    font-size: 18px;
    color:#FFF;
    font-weight: bold;
}

.txt-10-bld-stf{
    font-size:10px;
    font-weight:bold;
    padding:3px 0 0 8px;
}

.block-3-right-stf{
    float: left;
    width: 360px;
    font-size: 95%; 
}

.block-3-left-stf{
    float: left;
    width: 289px;
    font-size: 95%; 
}
.block-margin{
    margin-left:-10px;
    
}

.purple {
    color: #9672A5;
}

.s_22 {
    font-size: 22px;
}


/** START DENT-748 6-23-2010 **/

#total-care-container {
    height: 100%;
}

#ltc_left {
    width: 685px;
    padding: 0 10px 0 0;
    float: left;
}

#ltc_right {
    width: 220px;
    _width:215px;
    height: 1350px;
    padding: 0 0 0 15px;
    float: left;
    background-color:#e9e0e9;
}

.ltc-txt {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:12px; 
}

.ltc-heading {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:26px;
    line-height: 120%;
    font-weight: bold;
    text-align: left;    
}

.ltc-right-callout-txt-14 {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:14px;
    font-weight: bold;
    color: #CC3366; 
    text-align: left;
    padding-bottom: 7px;
}

.ltc-right-callout-txt-16 {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:16px;
    font-weight: bold;
    color: #CC3366; 
    text-align: left;
    padding-bottom: 7px;
}

.ltc-right-callout-txt-18 {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:18px;
    font-weight: bold;
    color: #CC3366; 
    text-align: left;
}

.ltc-right-callout-txt {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:12px; 
    line-height: 148%;
    padding-top: 25px;
    padding-bottom: 25px;
}

.ltc-txt-16-pink {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:16px;
    color:#9E3996;
    text-align: left;
    line-height: 120%;
}

.ltc-txt-24-pink {
    font-size:24px;
    color:#9E3996;
}

.ltc-txt-18 {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:18px;
    text-align: left;
}

.ltc-txt-18-pink {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:18px;
    color:#9E3996;
    text-align: left;
    line-height: 148%;
}

.ltc-txt-15-pink-italics {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:15px;
    color:#9E3996;
    text-align: left;
    font-style: italic;
    line-height: 148%;
}

.ltc-small-txt{
    font-size:9px;  
}

#ltc_right a:link {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:12px; 
    color: #CC3366;
    text-decoration: underline;
}

#ltc_right a:visited {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:12px; 
    color: #CC3366;
    text-decoration: underline;
}

#ltc_right a:active {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:12px; 
    color: #CC3366;
    text-decoration: underline;
}

#ltc_right a:hover {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif; 
    font-size:12px; 
    color: #CC3366;
    text-decoration:none;
}

.ltc-row-txt {
    font:"Trebuchet MS", Helvetica, Arial, sans-serif;  
    font-size: 10px;
    font-weight: bold;
}

.ltc-row-pink {
    color: #9E3996;
    font-size: 11px;
    font-weight: bold;
}

.ltc-row-white {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.ltc-row-padding {
    padding-left: 100px;
}

.ltc-row-txt-padding {
    padding-left: 7px;
}

.ltc-row-1 {
     background:transparent url(/images/listerine-total-care/bar-1p.jpg) no-repeat;
     line-height:22px;
     width: 498px;
}

.ltc-row-2 {
     background:transparent url(/images/listerine-total-care/bar-2g.jpg) no-repeat;
     line-height:23px;
}

.ltc-row-3 {
     background:transparent url(/images/listerine-total-care/bar-3g.jpg) no-repeat;
     line-height:23px;
}

.ltc-row-4 {
     background:transparent url(/images/listerine-total-care/bar-4g.jpg) no-repeat;
     line-height:23px;
}

.ltc-row-5 {
     background:transparent url(/images/listerine-total-care/bar-5g.jpg) no-repeat;
     line-height:22px;
}

.ltc-row-6 {
     background:transparent url(/images/listerine-total-care/bar-6p.jpg) no-repeat;
     line-height:18px;
     width: 404px;
}

.ltc-row-7 {
     background:transparent url(/images/listerine-total-care/bar-7g.jpg) no-repeat;
     line-height:23px;
}

.ltc-row-8 {
     background:transparent url(/images/listerine-total-care/bar-8p.jpg) no-repeat;
     line-height:19px;
     width: 318px;
}

.ltc-row-9 {
     background:transparent url(/images/listerine-total-care/bar-9g.jpg) no-repeat;
     line-height:23px;
}

.ltc-row-10 {
     background:transparent url(/images/listerine-total-care/bar-10g.jpg) no-repeat;
     line-height:22px;
}

/** END DENT-748 6-23-2010 **/