/* ----------------- 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; }

a{
      border:none;
      outline: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: 362px; 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; }



div.lampDimensions { float: left; margin-right: 15px; }



div.lampDimensions h4 { text-align: center; font-size: 10pt !important; font-weight: normal; }



div.lampDimensions p { margin: 0 !important; padding: 0 !important; font-size: 9pt !important; }



div.lampDimensions img { margin: .5em 0; }



#dimensionWrapper { padding-botttom: 1.5em !important; width: 670px; margin-left: 15px; }



#dimensionWrapper h3 { margin: 0; padding: 0; border-bottom: 1px solid #fff; clear: both; }



#dimensionWrapper p { width: auto; }





#divVessels { width: 603px; padding-left: 0; }

#divVesselMain { width: 314px; float: left; margin-right: 15px; }

#divVeselThumbs { float: left; width: 274px; }

.divVesselThumb { width: 82px; float: left; margin-right: 9px; margin-bottom: 4px; }

.divVesselThumb a img { border: none; }

.divVesselThumb a { display: block; margin: 0; padding: 0; }

.divDescription p { line-height: 1em; }


#mainDiv h1 { margin-top: 18px !important; }

#mainDiv { background-position: 10px 18px !important; }

#lampDiv h1 { margin-top: 18px !important; }