/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: #ECE9d8; /*#c2c8cf;*/
    background-image: url(images/body-background.jpg);
    background-repeat: repeat;
    color: #333333;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin: 10px 0px 10px 0px;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #000000; /*#756539;*/
}
H1	{	
	FONT-FAMILY: Georgia, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #6d0004;
	/*font-style:	italic;*/
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	}
H1 A:link
{
	text-decoration: none;
	color: #6d0004;

}

H1 A:hover
{
	text-decoration: underline;
	color:	#d94100;
}	

H2	{
	FONT-FAMILY: Georgia, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:  300;
	color: #333333;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	margin: 0px 10px 10px 10px;
	padding: 5px 0px 5px 0px;
	}	

H3	{	
	font-size: 14px;
	color: #751509; 
	font-weight: normal; 
	margin: 0px 10px 15px 10px;	
	font-style:	italic;
	text-decoration: none;
	word-spacing: normal;
	text-transform:	none;
	
	}	
		
H4	{	
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-style: normal;
	margin:  5px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	}	
		
H5x	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	16px;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6x	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
A:link	{	
	text-decoration: none;
	color:	#333333;
	}	
		
A:visited	{	
	text-decoration: none;
	color:	#333333;
	}	
		
A:active	{	
	text-decoration: none;
	color:	#333333;
	}	
		
A:hover	{	
	text-decoration: none;
	color:	#6d0004;
	}
	
SMALL	{	
	font-size:	10px;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	
UL
{
	font-size: 14px;
}

UL LI	{	
	list-style-type:	square ;
	line-height: 16px;
	
	}	

UL LI LI	{	
	list-style-type:	 disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

LI
{
	margin: 3px 0px 3px 0px;
	color: #333333;
	font-size: 10px;

}

IMG 	
{
	margin: 0px 5px 0px 0px;
	border: none;	
}

.ImgBorder
{
	border:  solid 1px #333333;
	margin: 10px 0px 10px 0px;
}

.Imgnoborder
{
	border: none;
	margin: 10px 0px 0px 0px;
}
	
P
{
	margin: 0px 0px 5px 0px;
	line-height: 16px;
}

form 
{
	margin: 0px;
}



/* ----------------------------------------------------- */
	
	#toplogo
	{
		background-color: #751509;
		width: 840px;
		height: 125px;
		border-bottom: solid 2px #ceced1;
	}

	
	#main
	{
		background-color: #e9c7a3;
		border: solid 1px #000000; /*#777777;*/
		width: 840px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#content
	{
 		border-top: solid 2px #808080;
 		width: 840px;
 	}
	
	#leftside
	{
		float: left;
		width: 240px;
		padding: 0px 10px 0px 10px;
	}
	
	#productsservices
	{
		padding: 200px 10px 10px 10px;
		font-size: 13px;
	}
	
	#orderingiseasy
	{
		border: solid 1px #751509;
		background-color: #f6f5f5;
		padding: 5px 10px 5px 5px;
		margin-top: 20px;
		
	}
	
	#orderingiseasy li
	{
		list-style-type: decimal;
		
	}
	
	#ccinfo
	{
		margin: 10px 0px 0px 0px;
	}
	
	#facebooklink
	{
		margin:25px 0px 0px 0px;
		font-size: 10px;
	}
		
	#rightside
	{
		border-left: dotted 3px #751509;
		width: 550px;
		vertical-align: top;
		padding: 10px 10px 10px 10px;
		margin-right: auto;
		margin-left: auto;
		float: left;
	}
	
	.homeimagecol
	{
		width: 210px;
		float: left;
		margin: 0px 10px 20px 25px;
	}
		
	.mainimages
	{
		height: 225px;
		width: 150px;
		margin: 30px 0px 10px 0px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.mainimagetext
	{
		Color: #6d0004;
		FONT-WEIGHT: bold; 
		FONT-SIZE: 16px; 
		width: 200px;
		FONT-FAMILY: Georgia;
		line-height: 20px;
		margin: 5px 0px 10px 0px;
		
	}
	
	#bulletideas
	{
		font-weight: bold;
	}
	
	#bulletideas UL LI
	{
		font-size: 12px;
	}

	.sketchgallery
	{
		width: 440px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}
	
	.sketchdetail
	{
		width: 195px;
		margin: 10px 10px 10px 10px;
		float: left;
		
	}
	
	.samplearea1
	{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
		clear: left;
		height: 165px;
		width: 340px;
	}
	
	.samplearea2
	{
		margin-left: auto;
		margin-right: auto;
		width: 235px;
		height: 80px;
		text-align: center;
		
	}
	
	
	.samplecolors
	{
		width: 75px;
		float: left;
		text-align: center;
		margin: 0px 0px 5px 15px;
		
	}
	
	.itemselection
	{
		width: 75px;
		float: left;
		text-align: center;
		margin: 0px 0px 0px 5px;
		padding: 10px 0px 0px 0px;
		margin-right: auto;
		margin-left: auto;
		
	}
	
	.itemselectionsingle
	{
		width: 85px;
		text-align: center;
		clear: both;
		float: none;
		margin: 0px 0px 0px 0px;
		margin-right: auto;
		margin-left: auto;
		
	}
	
	.itemselectiondouble
	{
		width: 85px;
		text-align: center;
		float: left;
		margin: 0px 0px 10px 5px;
		padding-left: 25px;
		margin-right: auto;
		margin-left: auto;
		
	}
	
	
	.itemname
	{
		font-size: 14px;
		font-weight: bold;
	}
	
	.productgallery
	{
		width: 450px;
		clear: both;
		margin-left: auto;
		margin-right: auto;
	}
	
	.products
	{
		width: 150px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 50px;
	
		
	}
	
	.productphoto
	{
		width: 130px;
		margin: 10px 10px 10px 10px;
		float: left;
		
	}
	
	
	.prodform
	{
		margin: 10px 0px 10px 0px;
		padding: 10px 0px 10px 0px;
		float: left;
		clear: both;
		width: 475px;
		
		
	}
	
	.prodformsingle
	{
		
		margin: 5px 0px 3px 0px;
		padding: 5px 0px 3px 0px;
		float: left;
		clear: both;
		width: 475px;
	}
	
	.productselectbox
	{
		width: 300px;
	}
	
	.productdropdown
	{
		width: 175px;
		 
	}	
	
	.selectionheader
	{
		text-align:center;
		padding: 20px 0px 0px 0px;
		clear: both;
	}
	
	.buynowbirthtile
	{
		margin: 5px 5px 5px 10px;
		width: 525px;
		clear: both;
		margin-left: auto;
		margin-right: auto;
	}
	
	.buynowsketch
	{
		margin: 10px 0px 10px 0px;
		width: 475px;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		border-top: solid 1px #000000;
	}
	
	
	
	.singleselect
	{
		background-color: #ffffff;
		font-size: 12px;
		border: solid 3px #doe8fc;
		width: 225px;
		float: left;
	}
	
	
	#mainnavarea
	{
		margin:  0px 0px 0px 0px;
		background-color: #e9c7a3;
		width: 225px; /*293*/
		vertical-align: top;
		float: left;
		/*border-right: dotted 15px #ceced1; makes weird background images between dots on border*/
	}
		
	#mainnavarea A:link
	{	
		text-decoration: none;
		color:	#6d0004;
	}	
			
	#mainnavarea A:visited
	{	
		text-decoration: none;
		color:	#6d0004; 
	}	
			
	#mainnavarea A:active {	
		text-decoration: none;
		color:	#6d0004;
		
		}	
	
	#mainnavarea A:hover
	{
		text-decoration: none;
		color:	#d94100;
	}
		
	#mainnavareanothomex
	{
		background-color: #ececec ; 
		width: 240px; /*293*/
		vertical-align: top;
	}
		
	#mainnavbox A:link
	{	
		text-decoration: none;
		color:	#6d0004;
	}	
			
	#mainnavbox A:visited
	{	
		text-decoration: none;
		color:	#6d0004; 
	}	
			
	#mainnavbox A:active
	{	
		text-decoration: none;
		color:	#6d0004;
		
	}	
			
	#mainnavbox A:hover
	{	
		text-decoration: none;
		color:	#6d0004;
	
	}
	
	.mainnavitem
	{
		margin: 0px 0px 0px 35px;
		padding: 3px 0px 0px 19px;
		background-color: #f6f5f5;
		font-size: 10px;
		font-weight: bold;
		text-align: left;
		color: #6d0004;
		border-bottom: solid 1px #ceced1;
		width: 150px;
        height: 15px;
	}
	
	.blanknavitem /* to fix spacing problem above home in navbox */
	{
	background-color: #e9c7a3;
	}
	
	.mainnavonpage
	{
		background-color: #e0e7af;
		background-image: url(images/select-button.gif);
		background-repeat: no-repeat;
		background-position: 5px;
	}
	
	.mainnavnotonpage
	{
		background-repeat: no-repeat;
	}
	
	#mainnavareanothome
	{
		background-color: #ececec ; 
		width: 240px; /*293*/
		vertical-align: top;
		background-image: url(images/dental-tools-opaque.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
	}

	
	.padlr10
	{
		margin: 0px 10px 0px 10px;
	}
	
	.padleft10
	{
		margin: 0px 0px 0px 10px;
	}
			
	.mainnavdivider
	{
		padding-top: 8px;
		float: left;
	}
	
	.mainnavimg
	{
		margin: -2px 7px 0px 0px;
		padding-top: 0px;
		height: 10px;
		width: 10px;
		vertical-align: middle;
	}
			
	.branding
	{
		font-size: 10px;
		letter-spacing: normal;
		padding-bottom: 5px;
		color: #6d0004;
	}


	#welcome
	{
		background: #ececec;
		padding: 10px 10px 10px 10px;
		margin: 5px 5px 5px 5px;
		border: solid 1px #ceced1;
	}
	
	#contactemail
	{
		font-size: 14px;
		font-weight: bold;
		padding-left: 10px;
	}
	
	#montage
	{
		margin: 25px 0px 25px 0px;
	}
	
	#copyright
	{
		text-align: center;
		margin: 0px 0px 0px 0px;
		margin-left: auto;
		margin-right: auto;
		font-size: 10px;
		line-height: 35px;
		color: #f2ce43; /*#f9b9c7;*/
		padding: 0px 0px 0px 0px;
		vertical-align: middle;
		background-color: #751509;/* #698a39; #507715;*/
		height: 40px;
		border-top: solid 2px #000000; /*#777777;*/
		width: 840px;
		clear: both;		
	}
	
	#copyright A:link
	{	
		text-decoration: none;
		color:	#f2ce43;
	}	
			
	#copyright A:visited
	{	
		text-decoration: none;
		color:	#f2ce43; 
	}	
			
	#copyright A:active
	{	
		text-decoration: none;
		color:	#f2ce43;
	}	
			
	#copyright A:hover
	{	
		text-decoration: underline;
		color:	#f2ce43;
	}