/* ----------------- B O S   G E N E R A L   S T Y L E S ----------------------------------*/

/*  ---See http://www.positioniseverything.net/easyclearing.html) ----*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/* Hide Fcous Outline in Firefox */
*:focus { outline-style:none; }

/* ----------------- E O S   G E N E R A L   S T Y L E S ----------------------------------*/


body { background-color: #424242; font-family: "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Sans-Serif; color: fff; margin-top: 0px; }

body.popuppage { margin: 0; padding: 0; text-align: center; }

body.popuppage a { color: #fff; font-family: Verdana;  }

body.popuppage img { margin: 0 0 15px 0; }

h1 { color: #fff; font-size: 14pt; }

h2 { color: #fff; font-size: 10pt; letter-spacing: .3em; font-weight: bold; }

#wrapper { width: 1000px;  }

#menuDiv { width: 168px; float: left; padding-left: 12px; }

#menuDiv img { margin-bottom: 18px; }

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

#menuDiv ul li { margin-bottom: .5em; font-size: 12pt; line-height: .8em; }

#menuDiv a:link { color: #9E9E9E; text-decoration: none; }

#menuDiv a:visited { color: #9E9E9E; text-decoration: none;  }

#menuDiv a:hover { color: #FFFF99; text-decoration: underline; }

#menuDiv a:active { color: #CC9900; text-decoration: none; }



#mainDiv { float: left; padding-left: 135px; height: 100%; min-width:  }

#lampDiv { float: left; padding-left: 0; }



p.address { font-size: 8pt; line-height: 1em; color: #9E9E9E; padding-top: 1em; margin-bottom: 0; }

#mailer { margin-top: 0; }

#mailer input.mailerSubmit { width: 38px; font-size: 8pt; margin-top: 1px; border: 0; margin-left: 3px; height: 2em; }

#mainDiv p { width: 370px; color: #fff; font-size: 8pt; }

#lampDiv p { width: 362px; color: #fff; }

#mainDiv a:link { font-weight: bold; color: #Cfcfcf; text-decoration: none; }

#mainDiv a:visited { font-weight: bold; color: #CCC; text-decoration: none; }

#mainDiv a:hover { font-weight: bold; color: #fff; text-decoration: underline; }

#mainDiv a:active { font-weight: bold; color: #fff; text-decoration: underline; }



#glazeNav { padding-left: 0; margin: 0 0 8px 0; }

#glazeNav #gnMenu { height: 92px; padding: 0; margin: 0; list-style: none; }

#glazeNav #gnMenu li { width: 74px; height: 92px; float: left; }

#glazeNav #gnMenu li a { text-indent: -8000px; text-decoration: none; display: block; width: 100%; height: 100%; }

#glazeNav #gnLabels { list-style: none; padding: 0; margin: 0 0 15px 0; }

#glazeNav #gnLabels li { width: 74px; text-align: center; float: left; color: #fff; font-size: 10pt; }





#gnVir a:link, #gnVir a:visited { background: url(images/glazeNav01.jpg) no-repeat top left; border:0; }

#gnRus a:link, #gnRus a:visited { background: url(images/glazeNav02.jpg) no-repeat top left; border:0; }

#gnCel a:link, #gnCel a:visited  { background: url(images/glazeNav03.jpg) no-repeat top left; border:0; }

#gnOny a:link, #gnOny a:visited  { background: url(images/glazeNav04.jpg) no-repeat top left; border:0; }

#gnMos a:link, #gnMos a:visited  { background: url(images/glazeNav05.jpg) no-repeat top left; border:0; }



#gnVir a:hover, #gnVir a:active { background: url(images/glazeNav01.jpg) no-repeat bottom left; border:0; }

#gnRus a:hover, #gnRus a:active { background: url(images/glazeNav02.jpg) no-repeat bottom left; border:0; }

#gnCel a:hover, #gnCel a:active  { background: url(images/glazeNav03.jpg) no-repeat bottom left; border:0; }

#gnOny a:hover, #gnOny a:active  { background: url(images/glazeNav04.jpg) no-repeat bottom left; border:0; }

#gnMos a:hover, #gnMos a:active  { background: url(images/glazeNav05.jpg) no-repeat bottom left; border:0; }



#viridianNav { height: 85px; padding: 0; margin: 8px 0 0 0; list-style: none; }

#viridianNav li { width: 67px; height: 85px; float: left; }

#viridianNav li a { text-indent: -8000px; text-decoration: none; display: block; width: 100%; height: 100%; }



#vn01 a:link, #vn01 a:visited { background: url(images/viridianNav01.jpg) no-repeat top left; border:0; }

#vn02 a:link, #vn02 a:visited { background: url(images/viridianNav02.jpg) no-repeat top left; border:0; }

#vn03 a:link, #vn03 a:visited  { background: url(images/viridianNav03.jpg) no-repeat top left; border:0; }



#vn01 a:hover, #vn01 a:active { background: url(images/viridianNav01.jpg) no-repeat bottom left; border:0; }

#vn02 a:hover, #vn02 a:active { background: url(images/viridianNav02.jpg) no-repeat bottom left; border:0; }

#vn03 a:hover, #vn03 a:active  { background: url(images/viridianNav03.jpg) no-repeat bottom left; border:0; }



#russetNav { height: 85px; padding: 0; margin: 8px 0 0 0; list-style: none; width: 100%; }

#russetNav li { width: 67px; height: 85px; float: left; }

#russetNav li a { text-indent: -8000px; text-decoration: none; display: block; width: 100%; height: 100%; }



#rn01 a:link, #rn01 a:visited { background: url(images/russetNav01.jpg) no-repeat top left; border:0; }

#rn02 a:link, #rn02 a:visited { background: url(images/russetNav02.jpg) no-repeat top left; border:0; }

#rn03 a:link, #rn03 a:visited  { background: url(images/russetNav03.jpg) no-repeat top left; border:0; }

#rn04 a:link, #rn04 a:visited  { background: url(images/russetNav05.jpg) no-repeat top left; border:0; }





#rn01 a:hover, #rn01 a:active { background: url(images/russetNav01.jpg) no-repeat bottom left; border:0; }

#rn02 a:hover, #rn02 a:active { background: url(images/russetNav02.jpg) no-repeat bottom left; border:0; }

#rn03 a:hover, #rn03 a:active  { background: url(images/russetNav03.jpg) no-repeat bottom left; border:0; }

#rn04 a:hover, #rn04 a:active  { background: url(images/russetNav05.jpg) no-repeat bottom left; border:0; }



#celadonNav { height: 85px; padding: 0; margin: 8px 0 0 0; list-style: none; }

#celadonNav li { width: 67px; height: 85px; float: left; }

#celadonNav li a { text-indent: -8000px; text-decoration: none; display: block; width: 100%; height: 100%; }



#cn01 a:link, #cn01 a:visited { background: url(images/celadonNav01.jpg) no-repeat top left; border:0; }

#cn02 a:link, #cn02 a:visited { background: url(images/celadonNav02.jpg) no-repeat top left; border:0; }

#cn03 a:link, #cn03 a:visited  { background: url(images/celadonNav03.jpg) no-repeat top left; border:0; }



#cn01 a:hover, #cn01 a:active { background: url(images/celadonNav01.jpg) no-repeat bottom left; border:0; }

#cn02 a:hover, #cn02 a:active { background: url(images/celadonNav02.jpg) no-repeat bottom left; border:0; }

#cn03 a:hover, #cn03 a:active  { background: url(images/celadonNav03.jpg) no-repeat bottom left; border:0; }





#onyxNav { height: 85px; padding: 0; margin: 8px 0 0 0; list-style: none; width: 100%; }

#onyxNav li { width: 67px; height: 85px; float: left; }

#onyxNav li a { text-indent: -8000px; text-decoration: none; display: block; width: 100%; height: 100%; }



#on01 a:link, #on01 a:visited { background: url(images/onyxNav01.jpg) no-repeat top left; border:0; }

#on02 a:link, #on02 a:visited { background: url(images/onyxNav02.jpg) no-repeat top left; border:0; }

#on03 a:link, #on03 a:visited  { background: url(images/onyxNav03.jpg) no-repeat top left; border:0; }

#on04 a:link, #on04 a:visited  { background: url(images/onyxNav04.jpg) no-repeat top left; border:0; }



#on01 a:hover, #on01 a:active { background: url(images/onyxNav01.jpg) no-repeat bottom left; border:0; }

#on02 a:hover, #on02 a:active { background: url(images/onyxNav02.jpg) no-repeat bottom left; border:0; }

#on03 a:hover, #on03 a:active  { background: url(images/onyxNav03.jpg) no-repeat bottom left; border:0; }

#on04 a:hover, #on04 a:active  { background: url(images/onyxNav04.jpg) no-repeat bottom left; border:0; }



#mossNav { height: 85px; padding: 0; margin: 8px 0 0 0; list-style: none; }

#mossNav li { width: 67px; height: 85px; float: left; }

#mossNav li a { text-indent: -8000px; text-decoration: none; display: block; width: 100%; height: 100%; }



#mn01 a:link, #mn01 a:visited { background: url(images/mossNav01.jpg) no-repeat top left; border:0; }

#mn02 a:link, #mn02 a:visited { background: url(images/mossNav02.jpg) no-repeat top left; border:0; }



#mn01 a:hover, #mn01 a:active { background: url(images/mossNav01.jpg) no-repeat bottom left; border:0; }

#mn02 a:hover, #mn02 a:active { background: url(images/mossNav02.jpg) no-repeat bottom left; border:0; }













p.copyright { clear: both; font-size: 8pt; text-align: center; color: #fff; }



#lampFrame { margin-top: 8px; background-color: #424242; fl?at: left; clear: both;  }

##lampFrame td { vertical-align: bottom; font-size: 10pt !important; }

#viridianNav { float: left; clear: both; }

#russetNav { float: left; clear: both; }

#celadonNav { float: left; clear: both; }

#onyxNav { float: left; clear: both; }

#mossNav { float: left; clear: both; }

p.address2 { font-size: .7em; line-height: 1em; color: #9E9E9E; border-top: 2px solid #9E9E9E; padding-top: 1em; margin-bottom: 0; }



#orderOnline a:link,  #orderOnline a:visited { text-indent: -8000px; background: url(images/order-online.gif) top no-repeat; text-decoration: none; height: 27px; width: 104; display: block; }

#orderOnline a:hover,  #orderOnline a:active { text-indent: -8000px; background: url(images/order-online.gif) bottom no-repeat; text-decoration: none; height: 27px; width: 104; display: block; }