/* prestige.css Copyright 2006- Prestige Dent Solutions, all rights reserved */
/* All XHTML and CSS written by Dave Reeder, www.davereederdesign.com */

body { 
	margin: 0; 
	padding: 0; 
	background: #000; 
	text-align: center;
	font-size: 100%;
}

* {	text-align: left; margin: 0; text-decoration: none; padding: 0; border: 0; font-family: Verdana, Arial, sans-serif }

/* -------------------- LAYOUT -------------------- */

#container {margin: 10px auto; width: 770px; background: #000; overflow: visible }
#top {position: relative; width: 770px; height: 110px; background: url('images/topbkgrnd.jpg') 0 0 no-repeat #000}
#hdr {float: left; width: 770px; height: 165px; background: #000; overflow: hidden}
#content {float: left; width: 770px; background: url('images/contentbkgrnd.jpg') 0 0 no-repeat #000}

#lftcol {
	margin: 0 0 10px 10px; 
	float: left; 
	background: transparent;
	overflow: hidden;
	width: 500px;         /* ie5x hack begins here this is IE5x margin */
    voice-family: "\"}\"";
    voice-family: inherit;
	width: 530px;  
}
html>body #lftcol {
	width: 530px;          /* ie5x hack ends here */
}
	
#rgtcol {margin: 0 10px 10px 0; float: right; background: transparent; width: 210px; overflow: hidden}
#copyrightbar {float: left; width: 770px; height: 3em; line-height: 3em; background: #000; overflow: hidden; font-size: 0.9em}
#copyrightbar a {color: #777}
#copyrightbar a:hover {color: #888; text-decoration: none}

div.img-right {float: right; color: #ddd; width: 150px; margin: 0 0 0 20px}
div.img-right img {margin: 0!important}
div.img-right p {font-size: 11px; margin: 5px 0; text-align:center}

/* -------------------- HEADINGS and TEXT -------------------- */

h2 {margin: 30px 0 0 25px; font-size: 0.7em; color: #fff; line-height: 1.6em}
h2 span {display: none}

h1 {width: 187px; height: 88px; margin: 0px 0 0 18px}
h1 span {display: none}

h3 {color: #eee; line-height: 1.8em; font-size: 0.85em; font-weight: normal; margin: 15px 20px 0 20px;
       margin: 15px 20px 0 7px;        /* ie5x hack begins here this is IE5x margin */
        voice-family: "\"}\"";
        voice-family: inherit;
		margin: 15px 20px 0 20px;
}
html>body h3 {
        margin: 15px 20px 0 20px;        /* ie5x hack ends here */
}

h4 {font-size: 0.75em; color: #ccc; font-weight: bold; line-height: 1.8em; margin: 10px 20px 10px 25px}

p {font-size: 0.75em; color: #aaa; line-height: 1.8em; margin: 10px 20px 10px 25px; 
        margin: 10px 20px 10px 15px;        /* ie5x hack begins here this is IE5x margin */
        voice-family: "\"}\"";
        voice-family: inherit;
        margin: 10px 20px 10px 25px;
}
html>body p {
        margin: 10px 20px 10px 25px;        /* ie5x hack ends here */
}

/* ----------- DIV SPECIFIC TEXT AND HEADING STYLES ----------*/

table#products td.info h4 {margin: 10px}
table#products td.info p {margin: 10px}

#copyrightbar p {text-align: center; line-height: 2em; color: #555}

em {color: #fff}

#lftcol ul {margin: 10px}
#lftcol ul li {margin-left: 30px; font-size: 0.75em; color: #aaa; line-height: 1.8em;}


/* -------------------- CONTENT IMAGES --------------------*/
#rgtcol img, #lftcol img, div.products img {float: left; margin: 5px 20px 5px 20px; border: 2px solid #393939}

#lftcol img.imgleft {margin: 0; float: left} /* For left aligned paragraph images - e.g. map */

#lftcol img.noborder, #rgtcol img.noborder {float: left; margin: 5px 20px 5px 20px; border: 0} /* For Paypal etc - no border */

div.dent-image {width: 260px; float: left; margin: 0; padding: 0}
div.dent-image img {margin: 0 0 0 20px!important}
div.dent-image p {font-size: 11px; margin: 0 0 0 20px!important; padding: 0}


/* -------------------- GENERAL LINKS --------------------*/

a {color: #FEAE00; text-decoration: none}
a:hover {color: #fff; text-decoration: underline}


/* --------------------- MAIN NAV ---------------------- */

ul#nav {
	float: left;
	padding: 13px 0 0 0;
	border-left: 10px solid #000;
	margin: 0;
	width: 184px;
	height: 170px;
	background: url('images/menubkgrnd.jpg') 0 0 repeat-x #000;
	list-style: outside none;
	font-size: 0.9em
}	

ul#nav li {
	margin: 0;
	margin-top: 7px;   /* Adjust for different number of items */
	float: left;
	list-style: none;
	line-height: 20px;
	width: 100%;
}
	
ul#nav li a {display: block; width: 150px; height: 15px; line-height: 15px; padding: 0 0 0 30px; background-image: url(images/nav-arrow.gif); background-repeat: no-repeat; font-size: 12px; color: #eee}

#nav a:link, #nav a:visited {background-position: 11px 0}

#nav a:hover, #nav a:active, #nav a#current {background-position: 11px -15px; text-decoration: none; color: #FEAE00;}


/* ------------ EMAIL BOOKMARK AND PRINT ---------------*/ 

ul#extrabuttons {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 200px;
	height: 100px;
	background: transparent;
	list-style: inside none;
}	

ul#extrabuttons li {margin: 0; float: left; list-style: none; line-height: 15px}
	
ul#extrabuttons a span {display: none}  /* Change later */

ul#extrabuttons a {margin: 30px 15px 20px 20px; display: block; width: 19px; height: 15px; line-height: 15px; overflow: hidden}

#extrabuttons a:link, #extrabuttons a:visited, #extrabuttons a:active {background-position: 0 0}
#extrabuttons a:hover {background-position: 0 -15px}

ul#extrabuttons a.email { background-image: url('images/emailbutton.gif')}
ul#extrabuttons a.bookmark { background-image: url('images/bookmarkbutton.gif')}
ul#extrabuttons a.print { background-image: url('images/printbutton.gif')}



/* --------------------- IMAGES ----------------------- */

#hdr img {float: left; margin-left: 11px}


table#products td.photo img {margin: 0; border: 2px solid #999}


/* --------------------- FORMS and TABLES ------------------------ */
/* --------------------- EMAIL ------------------------ */


#name, #subject, #email {  /* styles input boxes */
	padding-left: 2px;
	padding-top: 1px;
	background: url('images/fieldbkgrnd.gif') repeat-x bottom left #000!important;
	color: #c6c6c6;
	height: 1.80em;
	width: 310px;
	line-height: 1.80em;
	border: 1px solid #444;
	overflow: hidden
}

#message {  /* styles message box */
	background: url('images/fieldbkgrnd.gif') bottom left repeat-x #000!important;
	color: #c6c6c6;
	line-height: 1.70em;
	padding: 2px;
	border: 1px solid #444;
	overflow: hidden
}

textarea {font-size: 1.00em}

table#emailform { width: 490px; background: url('images/shadebkgrnd.jpg') no-repeat 0 0 #000; margin: 5px 0 0 20px;
	margin: 5px 0 0 8px;        /* ie5x hack begins here this is IE5x margin */
        voice-family: "\"}\"";
        voice-family: inherit;
		margin: 5px 0 0 20px;
}
html>body table#emailform {
        margin: 5px 0 0 20px;        /* ie5x hack ends here */
}

table#emailform td.title {
	padding: 13px 0 0 10px;
	color: #bbb;
	font-size: 0.75em;
	width: 150px
}

table#emailform td.field {
	padding: 13px 10px 0 0;
	color: #bbb;
	font-size: 0.75em;
	width: 310px
}	

table#emailform td.messagearea {
	padding: 13px 10px 10px 10px;
	color: #bbb;
	font-size: 0.75em;
	width: 460px
}	

table#emailform td.buttons {
	padding: 0px 10px 0 10px;
	color: #bbb;
	font-size: 0.75em;
	width: 490px
}	

#sendbttn { 
	border: 1px solid #000; 
	margin-bottom: 10px; 
	width: 85px; 
	height: 24px; 
	text-align: center; 
	cursor: pointer; 
	background: url(images/bttn.gif) no-repeat top left #000; 
	font-size: 1.0em; 
	font-weight: bold; 
	color: #FEAE00
}
	

/* ------------------------- SHOP TABLES -----------------------------*/

div.products {
	float: left;
	padding: 15px 0;
	width: 490px; 
	background: url('images/shadebkgrnd.jpg') no-repeat 50% 0 #000;
	  margin: 15px 0 0 15px;
	  margin: 15px 0 0 2px;        /* ie5x hack begins here this is IE5x margin */
      voice-family: "\"}\"";
      voice-family: inherit;
	  margin: 15px 0 0 15px;
}


a.buy:link, a.buy:visited, a.buy:hover, a.buy:active {
	float: right;
	display: block;
	border: 1px solid #000; 
	margin-bottom: 10px; 
	width: 65px; 
	height: 24px; 
	text-align: center; 
	background: url(images/bttn.gif) no-repeat top left #000; 
	font-size: 1.0em; 
	font-weight: bold; 
	text-decoration: none;
	color: #FEAE00
}


a.emailimg img {position: relative; top: 8px; left: -20px; border: 0!important; display: inline; float: none!important}