/* CLASSES  */

body {	
	font-family : Helvetica, Times New Roman, Times, serif;
	color : #FFF;
	letter-spacing: 1px;
	font-size : 10pt;}	

li {
	color : #FFF;
	font-size : 10pt;
	font-family : Helvetica, Times New Roman, Times, serif;
	letter-spacing: 1px;
	margin-top:4px;
	margin-bottom:15px;}

th {
	color : #FFF;
	letter-spacing: 1px;
	font-family : Helvetica, Times New Roman, Times, serif;
	font-size : 11px;	}
	
TD {
	color : #FFF;
	letter-spacing: 1px;
	font-family : Helvetica, Times New Roman, Times, serif;
	FONT-SIZE: 10pt;
	vertical-align:top;
	line-height: 125%;}

input, select {
	color : #666666;
	font-size : 11px;
	font-family : Helvetica, Times New Roman, Times, serif;
	font-weight: bold;}

img {border:0px}

p {
	color : #FFF;
	margin-top: 10px;
	margin-bottom:8px;
	letter-spacing: 1px;
	padding : 0px;
	font-size : 10pt;
	font-family : Helvetica, Times New Roman, Times, serif;}

h1 {
	color : #FFF;
	margin: 5px 0 8px 0;
	font-size : 13pt;
	font-family : Helvetica, Times New Roman, Times, serif;}

h2	{	color : #FFF;
	margin: 0px;
	padding: 0px;
	font-size : 12pt;

	font-family : Helvetica, Times New Roman, Times, serif;}
h3{
	color : #8F4432;
	margin: 3px;
	padding: 3px;
	font-size : 10pt;
	font-family : Helvetica, Times New Roman, Times, serif;}
h4 {
	color : #999;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom : 0px;
	padding: 0px;
	font-size : 13pt;
	font-family : Helvetica, Times New Roman, Times, serif;
	font-weight : normal;}

h5	{color : #333;
	margin: 0px;
	padding: 0px;
	font-size : 11pt;
	font-family : Helvetica, Times New Roman, Times, serif;}

h6 {
	color : #FFF;
	margin: 0px;
	padding: 0px;
	font-size : 14pt;
	font-family : Helvetica, Times New Roman, Times, serif;}

a:link {
	color:#FFF;
	font-size : 10pt;
	font-family : Helvetica, Times New Roman, Times, serif;}

a:visited {
	color:#FFF;
	font-size : 10pt;
	font-family : Helvetica, Times New Roman, Times, serif;}

a:hover {
	color: #999;
	font-size : 10pt;
	font-family : Helvetica, Times New Roman, Times, serif;}




/* -----  HEADER CLASSES ----- */

.Header1 {
	background-image:URL(images/Esteele-Head1.jpg);  /* Logo for left hand corner*/
	width:214px;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF}

.Header2 {
	background-image:URL(images/Esteele-Tagline1.jpg); /* Tagline, center of page */
	background-repeat:no-repeat;
	background-color:#8F4432;
	width:458px;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF;}

.Header3 {
	background-image:URL(images/EsteeleImage1.jpg); /* Brand photo top*/
	text-align:right;
	padding:5px 10px 0px 0;
}
.SearchForm {
	margin-top:0px;margin-bottom:83px}

.MenuBG {
	background-image:URL(images/Esteele-light.jpg); /* Menu background*/
	height:331px;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	padding:15px 0 0 10px;
	}


/* -----  HEADER 3 CLASSES----- */

.Header32 {
	background-image:URL(images/Esteele-Tagline1.jpg); /* Tagline, center of page */
	background-repeat:no-repeat;
	background-color:#919191;
	width:500px;
	border-bottom: 5px solid #FFF;}

.HeaderDist3 {background:#919191;  
	text-align:right;
	padding:3px 10px 80px 0;
	width:290px;
	border-bottom: 5px solid #FFF;}

.BodyTD31 {
	background-image:URL(images/Esteele-Med.jpg);  /* Backgound color of the text area*/
	padding:5px 10px 10px 15px;
	border-bottom: 5px solid #FFF;}

/* -----  BODY CLASSES ----- */
.BodyTD1 {
	background-image:URL(images/Esteele-Med.jpg);  /* Backgound color of the text area*/
	padding:5px 10px 10px 15px;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF;}

.BodyTD2 {
	border-bottom: 5px solid #FFF;
	background-image:URL(images/EsteeleImage2.jpg);  /* Brand Photo Middle*/
	background-repeat:no-repeat;
	background-color:#343338;
	padding-bottom:325px;}
.BodyTD23 {
	border-bottom: 5px solid #FFF;
	background-image:URL(images/EsteeleImage23.jpg);  /* Brand Photo Middle*/
	background-repeat:no-repeat;
	background-color:#343338;}

.FAQCat {padding:5px; background-image:URL(images/Esteele-Med.jpg);font-weight:bold;color:#000066;}

.FAQQuestion {font-weight:bold;color:#FFF;}

/* -----  LIST ITEMS ----- */
.listItems {
	border: 3px solid #8F4432; /*  Border color around items  */
	padding:5px 10px 5px 10px;
	color:#666;}

.ListSpan{color:#666}

a.brandlink2:link {	color:#666;font-size:8pt;}
a.brandlink2:visited {color:#666;font-size:8pt;}
a.brandlink2:hover {color: #333;font-size:8pt;}

/* -----  View ITEMS ----- */
.relatedTD {
	border-bottom: 5px solid #FFF;
	text-align:center;
	background-image:URL(images/Esteele-dark.jpg)/* Related items bg color*/}

.viewitemRelat {
	padding:5px 10px 10px 15px;
	text-align:left;
	color:#000;}

.relatHead {color:#FFF;font-weight:bold;margin-bottom:5px;margin-top:0px;}

.noRelated{color:#FFF;font-weight:normal;}

.HeaderDist {background-image:URL(images/Esteele-Med.jpg);  
	padding:5px 10px 10px 15px;
	border-bottom: 5px solid #FFF;}

.BodyFrame {background-image:URL(images/Esteele-Med.jpg); }

/* -----  FOOTER CLASSES ----- */
.FeatureProd {
	background-color:#FFFFFF;
	height:116px;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	text-align:center;}

.feature {text-align:center;border:2px solid #8F4432;padding-bottom:3px;color:#8F4432}   /* Feature item box */
.feature2 {text-align:center;border:1px solid #8F4432;padding-bottom:3px;text-align:center;width:50%; background-color:#FFF}   /* Feature item box */

.Footer1{
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	padding:3px; 3px 3px 0px;
	background-image:URL(images/Esteele-Med.jpg); }

.Footer2 {
	background-image:URL(images/EsteeleImage3.jpg); /* Bottom of photo */
	background-repeat:no-repeat;
	background-color:#343338;
	border-bottom: 5px solid #FFF;
	width:300px;
	padding-bottom:111px;
	}
.FooterComp {	background-color:#343338;border-bottom: 5px solid #FFF;vertical-align:middle;}
.FootLinks {
	background-image:URL(images/Esteele-med.jpg); /* Foot links bar color*/
	padding: 7px 0 7px 20px;}

.IdeoDiv {width:980px;padding:10px 0 0 20px;}

.color {	color : #8F4432;}
.colordiv {background-color:#828282;background-image:URL(images/EssteeleFeature.jpg); background-repeat:no-repeat; width:212px; padding:0px;}
	
/* -----  Link CLASSES ----- */
a.footerMeyer:link {	color:#FFF;font-size:10px;}
a.footerMeyer:visited {color:#FFF;font-size:10px;}
a.footerMeyer:hover {color: #CCC;font-size:10px;}

a.brandlink:link {	color:#CCC;font-size:9px;}
a.brandlink:visited {color:#CCC;font-size:9px;}
a.brandlink:hover {color: #FFF;font-size:9px;}

a.brandlink1:link {	color:#CCC;font-size:8pt;}
a.brandlink1:visited {color:#CCC;font-size:8pt;}
a.brandlink1:hover {color: #FFF;font-size:8pt;}
	
a.ideo:link {color:#8F4432;font-size:8pt;text-decoration:none}
a.ideo:visited {color:#8F4432;font-size:8pt;text-decoration:none}
a.ideo:hover {color: #666;font-size:8pt;text-decoration:none}

a.rollfont:link {color:#333;}
a.rollfont:visited {color:#333;}
a.rollfont:hover {color: #FFF;}
/* -----  MENU ----- */

	
#menu3 {
	width: 194px;
	margin: 0px;
	border-style:  none;
	border-color: #333;
	border-size: 0px;
	border-width: 0px;
	}
	
#menu3 span a {
	height: 25px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	}	
	
#menu3 span a:link, #menu3 span a:visited {
	color: #333;
	font:normal 11pt Arial;
	text-indent: 8px;
	display: block;
	background:  url(images/Esteele-Button.gif);  /* Menu button */
	padding-top:5px;
	padding-bottom:0px;
	}
	
#menu3 span a:hover {
	color: #FFF;
	font:normal 11pt Helvetica, Times New Roman, Times, serif;
	background:  url(images/Esteele-Button.gif) 0 -30px;  /* Menu button rollover */
	padding-top:5px;
	}

#dropmenudiv{
position:absolute;
border-left:0px solid white;
width:205px;
font:normal 11px Helvetica, Times New Roman, Times, serif;
line-height:12px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
width:205px;
text-indent: 3px;
border-bottom: 0px solid white;
padding: 3px 0 3px 4px;
text-decoration: none;
font-weight: normal;
}
#dropmenudiv a:hover{ 
background-color: #8F4432; /*hover background color*/

}