/* 
    Document   : main
    Created on : May 16, 2008, 3:20:51 PM
    Author     : mcook
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* root { 
    display: block;
}
*/
html, body { 
    margin: 0; 
    padding: 0; 
    background-color: #000000;
} 

body {
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 12px;
    color: #cccccc;
    background-color: #000000;
}

body.homeindex #header {
       
       clear: both;
       height: 273px;
	background: #000000 url(/images/MainBar.jpg);
        background-repeat: no-repeat;
}

body.homeddbg #header {
       
        clear: both;
       height: 225px;
       background: #000000 url(/images/DDBG_Banner.jpg);
       background-repeat: no-repeat;
}


body.homemadeinusa #header {

        clear: both;
        background-color: #ffffff;
        }

body.aboutaboutus #header {

        clear: both;
        background-color: #ffffff;
        }

body.productelite #header {
       
       clear: both;
       height: 225px;
       background: #000000 url(/images/EliteBackground6.jpg);
       background-repeat: no-repeat;
}

body.productproducts #header {
       
       clear: both;
       height: 150px;
       background: #000000 url(/images/ProductsBanner.jpg);
       background-repeat: no-repeat;
}


body.productradiant #header {
       
       clear: both;
       height: 150px;
       background: #000000 url(/images/RadiantBanner.jpg);
       background-repeat: no-repeat;
}

body.productimplant #header {
       
       clear: both;
       height: 225px;
       background: #000000 url(/images/ImplantsBanner.jpg);
       background-repeat: no-repeat;
}

body.productbella #header {
       
       clear: both;
       height: 150px;
       background: #000000 url(/images/BellaBanner.jpg);
       background-repeat: no-repeat;
}

body.productclassic #header {
       
       clear: both;
       height: 150px;
       background: #000000 url(/images/ClassicBanner.jpg);
       background-repeat: no-repeat;
}

.hidden {
    display: none;
}

h1 {
    margin: 0;
    padding: 0;
    float: right;
    margin-top: 57px;
    padding-right: 31px;
}


a:link {color: #db6d16;}
a:visited {color: #777777;}

#page-container {
    
    
    width: 800px;
    height: auto;
    margin: auto;
    padding: 15px;
   /* background: url(/images/arrowlogo.jpg) no-repeat; */
}

/* MastHead*/



/* Main Navigation */



#upperbar {
    float: right;
    width: 450px;
    }
    
#portal {
    float: right;
    padding: 5px 10px 0px 20px;
    text-decoration: none;
    color: #ffffff;
}

#portal a {
    text-decoration: none;
    color: #ffffff;
}

#search {
    float: right;
    
    }

/* This keeps the hyperlink border from showing around the logo */
.mainlogo {
    border: 0px;
}



#main-nav {
    float: left;
    width: 100%;
    
    font-size: 115%;
    line-height: normal;
       }

#main-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

#main-nav li {
    float: right;
    background: url(/images/MasterTab_Right.jpg) no-repeat right top;
    margin: 0;
    padding: 0;
    
}

#main-nav a {
    display: block;
    background: url(/images/MasterTab_Left.jpg) no-repeat left top;
    padding: 5px 15px;
    color: #c9c9c9;
    text-decoration: none;
}

#main-nav li:hover {
    background: url(/images/MasterTab_Right_hov.jpg) no-repeat right top;
    color: #000000;
    
}

#main-nav a:hover {
    background: url(/images/MasterTab_Left_hov.jpg) no-repeat left top;
    color: #000000;
    
    }


#main-nav li.current {
    background: url(/images/MasterTab_Right_Selected.jpg) no-repeat right top;
}

#main-nav a.current {
    background: url(/images/MasterTab_Left_Selected.jpg) no-repeat left top;
    
}

#navbar {
    
    background: url(/images/navbar.jpg) no-repeat;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    height: 19px;
    clear: both;
    margin: 0px 0px 10px 0px;
    font-size: 13px;
    color: #ffffff;
}



#navbartime {
    float: left;
    color: #222222;
    padding: 2px 20px 0px 25px;
    width: 255px;
}

#navbardate {
    float: left;
}

#usmade {
   float: left;
   border: 0px;
   padding: 0px 0px 0px 10px;
   text-decoration: none;
   font-size: 8px;
 }

#usmade a {
   text-decoration: none;
   font-size: 9px;
   color: #222222;
 }

#usmade img {
   border: 0px;
   
 }

#navbarmenu {
    float: right;
    padding: 0px 25px 0px 25px;
    font-size: 93%;
}

#navbarmenu ul {
    margin: 0;
    padding: 2px 0px 0px 0px;
    list-style: none;
}


#navbarmenu li {
    float: left;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
}

#navbarmenu li.current {
color: #ffffff ;

}

#navbarmenu a.current {
color: #ffffff ;

}
#navbarmenu a {
    color: #222222;
    text-decoration: none;
}

#navbarmenu a:hover {
    color: #db6d16;
}



#header {
    
    width: auto;
    height: auto;
        
        }
        

#news {
   font-size: 14px;
   color: #999;
   padding: 3px 20px 3px 5px;
}


#sidebar-a {
    
    float: right;
    width: auto;
    line-height: 18px;
    margin-bottom: 25px;
 }



#sidebar-a a {
    
    text-decoration: none;
 }

#sidebar-a img {
    border: 0px;
}


#sidebar-a .padding {
    padding: 25px 0px 0px 25px;
}

#content {
    
    margin-top: 25px;
    margin-right: 250px;
    line-height: 18px;
 }
 
 



#content .padding{
    padding: 25px;
}
#content h2 {
    margin: 0;
    padding: 0;
    padding-bottom: 15px; 
}

#content p{
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
}

#content p:first-letter {font-size: large;}

#footer {
    clear: both;
    background: #000000 url(/images/NewsBar2.jpg) no-repeat;
    height: 28px;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 15px;
    /*border-top: 1px solid #999999;
    border-bottom: 1px solid #999999; */
    padding: 8px 20px 4px 45px; 
    line-height: 18px;
    }

#footer a {
    color: #000000;
    text-decoration: none;
}

#footer a:hover {
    color: #db6d16;
}

#footer #alt-nav {
    width: 300px;
    float: right;
    text-align: right;
}

#legalese {
    font-size: 9px;
    color: #ffffff;
    padding: 2px;
    text-align: center;
}
    
/*Table Formatting */



table{
border-collapse: collapse;}

table.graytable
{
    border:1px solid #666; 
    border-spacing: 0px;
    border-collapse: collapse;
	
}



.graytable th
{
    background: #000 url(/images/th_bck.gif) repeat-x;
    text-align: center;
    font-weight: normal;
    border: 1px solid #666;
    color: #000;
    padding: 0px 5px 0px 5px;
   
}

th.secondary  {
    background: #ccc;
    text-align: left;
    padding: 0px 5px 0px 5px;
    border: 1px solid #666
}


.graytable td
{
    background: #000 ;
    border: 1px solid #666;
    text-align: center;
    padding: 0px 5px 0px 5px;
    font-weight: normal;
    
}
.graytable caption
{
	text-align            : left;
	font-size             : 100%;
	padding               : 10px 0;
	color                 : #aaa;
}


/* END OF TABLE FORMATTING */

/* Mapping and Facility */

.mapper {
    float: left;
    
}

.building {

    float: left;
}




/* Shipping Page Markers */

.marker {
    float:left; 
    text-decoration: none; 
    margin: 15px 8px 15px 8px; 
    border: 0px;
    }
.marker img {
    text-decoration: none; 
    border: 0px;
    }

/* Section for Side Menu Information */

#linklist {

width: 160px;
padding-top: 2px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 5px;
}

#linklist ul {
    margin-left: 20px;
    padding-left: 10px;
    
    
    list-style-image: url(/images/bullet.png);
    list-style-position: outside;
}

#articles h3 {
    background-image: url(/images/articles.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 150px;
   
}

#schedules h3 {
    background-image: url(/images/schedule.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 150px;
   
}

#brochures h3 {
    background-image: url(/images/brochures.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 150px;
   
}

#prodguides h3 {
    background-image: url(/images/podguides.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 150px;
   
}

/*Materials Form */

.table2 {
border: 0px; 
background: #000;
border-collapse: collapse;

}

.table2 thead th,
.table2 tbody th
{
    background: #FFF url(th_bck.gif) repeat-x;
    color: #222222;
    padding: 5px 10px;
    border-left: 0px;
}
.table2 tbody th
{
    background: #666666;
    border-top: 0px;
    text-align: center;
    font-weight: normal;
}

.table2 table, .table2 td
{
    border: 1px solid #666;
   /* border-collapse: collapse; */
    font: small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

.table2 table
{
     border: 1px solid #666;
    
}

.table2 tbody tr td
{
	 border: 1px solid #666;
        background: #000;
        padding: 4px 4px;
        color:  #ccc;
        text-align: left;
        vertical-align: top;
}






/* Form Formatting */

.form1 {
border: 1px solid #666666;
margin: 5px 0px 5px 5px ;
padding: 5px;
background: #000;

}

.form1 table, .form1 td
{
    border: 0px #000;
   /* border-collapse: collapse; */
    font: small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

.form1 table
{
    border:none;
    
}

.form1 tbody tr td
{
	background: #000;
        padding: 4px 4px;
        color:  #ccc;
        text-align: left;
}

.warning {
color: #ed1c24;
}


/* Aesthetic Dentistry */

.admag {
    float: left;
    padding: 5px 10px;
}

.admag img {
    border: 0px;
}


/* Page Shadow */

.pagecontainer {
    background-color: #ffffff;
    padding: 25px 10px 10px 10px;
    color: #222222;
    }


#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -2px;
    top: -2px;
}

#shadow-container .shadow1 {
    background: #F1F0F1;
}

#shadow-container .shadow2 {
    background: #DBDADB;
}

#shadow-container .shadow3 {
    background: #B8B6B8;
}

#shadow-container .container {
    border: 1px solid #848284;
    background-color: #FFFFFF;
}


.stamp {
       padding: 5px;
       background: #000000 url(/images/blkstamp.gif);
       background-repeat: no-repeat;
}


.quotes {
    color: #f4ce4c;
    font-style: italic;
}

.sectext {
    color: #8daaeb;
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
    font-variant: small-caps;
    padding-bottom: 5px; 
    /* padding-top: 5px; */ 

}


/* Changes text black in comment area before NADL letter */

.precomment {
    color: #000000;
    }


/* Contact Styling */

.bcard {
    float:left;
    border: 1px solid #666666; 
    margin: 5px; 
    padding: 5px;
}

.bcardpic {
    float:left; 
    margin: 5px;
}

.bcardinfobox {
     float:left;
     width:200px;
     margin: 5px;
}


.bcardname {
    font-size: 140%;
    color: #8daaeb;
    font-weight: 800;
    border-bottom: 1px solid #666666;
}

.bcardtitle {
    font-style: italic;
}

.bcardnumber {
    font-size: 125%;
    font-weight: 500;
}


/* Telephone Number Formatting */

.telebox {
    border: none; 
    margin: 5px; 
    padding: 5px;
    width: 300px;
}

.maintele {
    font-size: 125%;
    
}

.telelist {
   
    font-size: 110%;
   
}


/* Rounded Borders CSS */

.bl {background: url(/images/bl.gif) 0 100% no-repeat}
.br {background: url(/images/br.gif) 100% 100% no-repeat;}
.tl {background: url(/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat; }
.t {background: url(/images/tline.gif) 0 0 repeat-x; width: auto;}
.b {background: url(/images/tline.gif) 0 100% repeat-x}
.l {background: url(/images/tline.gif) 0 0 repeat-y;}
.r {background: url(/images/tline.gif) 100% 0 repeat-y}