/* ######### Top Menu ######### */
TABLE.topmenu {background-image: url('../pics/topmenu.gif'); background-repeat: repeat-x; padding-top: 0px; height: 26px;}
A.subnav:link,A.subnav:Active,A.subnav:Visited {font-size: 8pt; color: #003399; background-color: #FFFFFF;}
A.subnav:Hover {font-size: 8pt; color: #FFFFFF; background-image: url('../pics/topmenu_root_hover.gif'); background-repeat: repeat-x; background-color: #F3F6FA;}
A.topnav:link,A.topnav:Active,A.topnav:Visited,A.topnav:Hover {font-size: 8pt; font-weight: bold; color: #F3F6FA;}
A.topnav:Hover {font-size: 8pt; font-weight: bold; color: #003687;}
.chromestyle {width: 99%; font-weight: bold;}
.chromestyle:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.chromestyle ul {background-image: url('../pics/topmenu_root.gif'); background-repeat: repeat-x; border: 0px solid #BCB2B1; width: 100%; background-color: #BCB2B1; padding: 4px 0; margin: 0; font:normal 12px Verdana; line-height:16px; text-align: left;}
.chromestyle ul li {display: inline; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.chromestyle ul li a {color: #494949; padding: 4px 6px; margin: 0; text-decoration: none; border-right: 1px solid #FFFFFF;}
.chromestyle ul li a:hover {background-image: url('../pics/topmenu_root_hover.gif'); background-repeat: repeat-x; background-color: #F3F6FA;}
.chromestyle ul li a[rel]:after {content: "";}

/* ######### Drop Down Menu ######### #003687 #003687 */
.dropmenudiv {position:absolute; top: 0; border: thin #003399; border-bottom-width: 0; font:normal 12px Verdana; line-height:18px; z-index:100; background-color: white; width: 200px; visibility: hidden; margin-left: 0px;}
.dropmenudiv a {width: auto; display: block; text-indent: 2px; border: 1px solid #003399; padding: 0; text-decoration: none; font-weight: bold; color: black;}
*.html .dropmenudiv a {width: 100%;}
.dropmenudiv a:hover {background-image: url('../pics/topmenu_root_hover.gif'); background-repeat: repeat-x; background-color: #F3F6FA;}

/* ######### Breadcrumb ######### #E66F15 #E66F15*/
P.location {background-color: transparent; background-image: none; color: #E66F15; font-size: 8pt; font-weight: normal; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 7px;}
TABLE.location {background-image: url('../pics/location.gif'); background-repeat: repeat; padding-top: 0px;}
A.location:Link,A.location:Active,A.location:Visited {background-color: transparent; background-image: none; color: #E66F15; font-size: 8pt; font-weight: normal; text-decoration: none;}
A.location:Hover {background-color: transparent; background-image: none; color: #E66F15; font-size: 8pt; font-weight: normal; text-decoration: underline;}

/* ######### Body & Pages ######### #F3F6FA #003687 */
BODY {font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; background-color: #FFFFFF; padding: 0; margin: 0; background-image: url('../pics/background5.gif');}
P {background-color: transparent; background-image: none; color: #000000; font-size: 8pt; font-weight: normal; margin: 0; text-align: justify;}
A.main:Link,A.main:Active,A.main:Visited {background-color: transparent; background-image: none; color: #003687; font-size: 8pt; font-weight: normal; text-decoration: none;}
A.main:Hover {background-color: transparent; background-image: none; color: #003687; font-size: 8pt; font-weight: normal; text-decoration: underline;}
A.mainactive:Link,A.mainactive:Active,A.mainactive:Visited {background-color: transparent; background-image: none; color: #003687; font-size: 8pt; font-weight: bold; text-decoration: none;}
A.mainactive:Hover {background-color: transparent; background-image: none; color: #003687; font-size: 8pt; font-weight: bold; text-decoration: none;}
hr {border-width: thin; border-style: dotted;}
#p-r-img img {float: right; margin: 2px 0px 6px 10px;}
#p-r-flash div {float: right; margin: 2px 0px 6px 10px;}
.imgborder {border: 1px solid #000000;}
#marqueecontainer{margin-top: 14px; position: relative; width: 408px; height: 110px; background-image: url('../pics/news_background.gif'); overflow: hidden; border: 0px solid #F8F8F8; padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; background-color: #F8F8F8;}
#news-img img {float: right; margin: 0px 0px 0px 6px;}
P.news {background-color: transparent; background-image: none; color: #000000; font-size: 7.5pt; font-weight: normal; margin-top: 3px; margin-left: 6px; margin-right: 6px; margin-bottom: 1px; text-align: justify;}
P.news img {float: right; margin: 0px 0px 0px 6px;}
A.news:Link,A.news:Active,A.news:Visited {background-color: transparent; background-image: none; color: #003687; font-size: 8pt; font-weight: bold; text-decoration: underline; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
A.news:Hover {background-color: transparent; background-image: none; color: #003687; font-size: 8pt; font-weight: bold; text-decoration: underline; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
A.news-body:Link,A.news-body:Active,A.news-body:Visited {background-color: transparent; background-image: none; color: #D26D1B; font-size: 8pt; font-weight: normal; text-decoration: none; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
A.news-body:Hover {background-color: transparent; background-image: none; color: #D26D1B; font-size: 8pt; font-weight: normal; text-decoration: underline; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
fieldset {background-color: transparent; background-image: none; color: #000000; font-size: 7.5pt; text-align: justify; margin-top: 4px; margin-left: 0px; margin-bottom: 4px; margin-right: 0px; padding: 8px; border: 1px ridge #003687;}
legend {background-color: #E66F15; background-image: none; color: #FFFFFF; font-size: 8pt; font-weight: bold; text-align: justify; margin-left: 2px; margin-top: 4px; padding: 2px; border: 1px ridge #E6B647;}
h1 {font-size: 9pt; color: #68676C; margin-top: 1px;  text-decoration: underline;}
.products h1 {font-size: 9pt; color: #003399; text-align: left; margin-top: 3px; margin-bottom: 4px; margin-left: 10px; text-decoration: none;}
.products h2 {font-size: 8.5pt; color: #FF0000; text-align: left; margin-top: 3px; margin-bottom: 8px; margin-left: 10px;}
.products p {margin-left: 10px; margin-right: 16px; text-align: justify;}
.tableborder {border-left: 1px solid #CACACA; border-right: 1px solid #CACACA; background-color: #FFFFFF;}
.vlseparator {background-image: url('../pics/vertical_left_separator.gif'); background-repeat: repeat-y;}
.vrseparator {background-image: url('../pics/vertical_right_separator.gif'); background-repeat: repeat-y;}

/* ######### Footer ######### */
TABLE.page-footer {background-image: url('../pics/footer.gif'); background-repeat: repeat-x; padding-top: 0px;}
P.top-anchor {background-color: transparent; background-image: none; color: #E57326; font-size: 7.5pt; font-weight: bold; text-align: right; margin-right: 0px; margin-top: 16px; margin-bottom: 8px;}
P.footer-data {background-color: transparent; background-image: none; color: #FFFFFF; font-size: 7.5pt; text-align: center; margin-top: 4px;}
A.top-anchor:Link,A.top-anchor:Active,A.top-anchor:Visited {background-color: transparent; background-image: none; color: #ABACAD; font-size: 7.5pt; font-weight: bold; text-decoration: none;}
A.top-anchor:Hover {background-color: transparent; background-image: none; color: #000000; font-size: 7.5pt; font-weight: bold; text-decoration: none;}
A.credits:Link,A.credits:Active,A.credits:Visited {background-color: transparent; background-image: none; color: #FFFFFF; font-size: 7.5pt; text-decoration: none;}
A.credits:Hover {background-color: transparent; background-image: none; color: #FFFFFF; font-size: 7.5pt; text-decoration: underline;}

/* ######### Lists ######### */
.listing ul li {
text-align: left;
list-style-type: square;
color: #003399;
}

.listing ul li ul li {
text-align: left;
list-style-type: disc;
color: #7A95CA;
}

.listingmap ul li {
text-align: left;
list-style-type: square;
color: #003399;
}

.listingmap ul li ul li {
text-align: left;
list-style-type: disc;
color: #7A95CA;
margin-left: -25px;
}

/* ######### Forms ######### */
P.privacy {margin-left: 4px; margin-right: 4px;}
P.privacy_policy {margin-left: 9px; margin-right: 9px;}
p.module {font-weight: bold; color: #003399; margin-left: 2px;}
FORM {padding: 0px; margin: 0px;}
textarea {background-color: #F8F8F8; color: #000000}
SELECT {background-color: #003687; font-size: 8pt; color: #FFFFFF; font-weight: bold;}
div.scroll {height: 58px; width: 656px; float: left; display: inline; overflow: auto; border: 1px solid #000000; background-color: #F8F8F8; padding: 8px;}
INPUT.counter {font-size: 8pt; color: #000000; background-color: #FFFFFF; border-width: 1px; border-style: ridge; border-color: #ABACAD;}
INPUT.tex {font-size: 8pt; color: #000000; background-color: #FFFFFF; border-width: 1px; border-style: ridge; border-color: #000000;}
INPUT.exp {font-size: 8pt; color: #FFFFFF; text-align: center; background-color: #003399; border-width: 1px; border-style: ridge; border-color: #FFFFFF;}

/* ######### Left Menu (Products) ######### */
.menu {font-size: 7.5pt;}
.menu ul {list-style-type: none; margin: 0; padding: 0;}
.menu ul li {margin-left: 22px;}
.menu ul li ul li {margin-left: 0px;}
.menu a {text-decoration: none; color: #916B41;}
.menu a:hover {text-decoration: underline;}
.category {font-weight: bold; color: #000;}
li.selected a {color: #916B41; font-weight: bold;}
.menu hr {margin-left: 22px; width: 137px}

/* ######### Lightbox 2.02 ######### */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../pics/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../pics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pics/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

*.html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

*.html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}