/*
------------
Layout
------------
*/

/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body {
	padding:0;
	margin:0;
}

html>body #minHeight{float:right;width:0;height:100%;margin-bottom:-52px;} /*safari wrapper */

.clearer{height:1px;overflow:hidden;clear:both}

body{	
	text-align:center;
	background-color: #FFF;
	color: #000000;
	font-size:62.5%;
	font-family:arial, helvetica, sans-serif;
}

#outer{
	min-height:100%;
	width:758px;
	border:0;
	color: #000000;
	text-align:left;
	margin:-32px auto 0 auto;/* negative top margin top make room for footer*/
	background:  url(images/2colcentredbg.jpg) repeat-y center center;
	position:relative;
}
 
* html #outer{
	height:100%; /*IE treats height as min-height anyway*/
	width:760px;
	w\idth:758px;
}

#header{
	position:absolute;
	top:32px;/*place it at top of screen but remembering that we have dragged the outer upwards by 52px*/
	/*left:-1px;*/
	width:758px;
	height:54px;
	min-height: 54px;
	display: table-cell;
	vertical-align: middle;
	background-color:#BDD2E8;
	border:0;
	overflow:hidden;
	color: #00529C;
	z-index:100;
}

#headercontentright {
	float:right;
	padding-top:5px;
	padding-right:8px;
	}

#headercontentright a {
	color: #00529C;
	}

#toplogo {
	float:left;
	margin:0;
	border:0;
	padding:0;
	}

#left {
	position:relative;
	width:180px;
	float:left;
	padding-top:86px;/*needed to make room for absolute header*/
	background-color:#5f94c7;
}

#bottomlogo {
	margin:0;
	border:0;
	padding:0;
	border-bottom:0;
	}

#centrecontent {
	width:578px;
	max-width:578px;
	float:right;
	padding-top:90px;/*make room for absolute  header*/ 
}

#footer {
	width:758px;
	clear:both;
	height:30px;
	border:0;
	padding: 3px 0 0 180px;
	color: #378CD1;
	text-align:center;
	margin:auto;
}

#footercenter {
	text-align:center;
	}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}

div.center {
	width:570px;
	max-width:570px;
	margin: 0 0 3px 3px;
	text-align:center;
	}

/*
------------
MENU
------------
*/

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

img {
    border: none;
} 

#menu1 {
	width: 180px;
	margin: 0;
	border: 0;
	border-color: #3D261D;

	}
	
#menu1 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	text-align: right;
	font-size: 12px;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: white;
	display: block;
	background:  url(site_images/menu1.gif);
	padding: 8px 10px 0 0;
	}
	
#menu1 li a:hover {
	color: #2A5B8C;
	background:  url(site_images/menu1.gif) 0 -32px;
	padding: 8px 10px 0 0;
	}

/*
------------
FORMATTING
------------
*/

h1 {font-size:24px;margin-left:8px;float:left;}  /* displayed at 24px */
h2 {font-size:18px;margin-left:3px;color: #2A5B8C;}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

p {font-size:12px;padding:0 3px;margin:0 0 1em 0;color: #378CD1;}
p.bold {font-size:12px;padding:0 3px;margin:0 0 1em 0;color: #378CD1;font-weight:bold;}
p.proddesc {font-size:13px;padding:0;margin:3px 0 3px 3px;font-style: italic; font-weight: bold;}

span.prodtitle {
	font-weight: bold;
	}

p.headertext {
	border:0;
	padding:0;
	margin:0 0 2px 0;
	color: #00529C;
	font-size:11px;
}
#pdfcolor {
	width:180px;
	height:50px;
	background-color:#2A5B8C;
	text-align: center;
	}
#pdf {
	text-align:left;
	float:left;
	}
#pdfimg{
	border:0;
	}
#pdflink {
	color:white;
	font-size:12px;
	font-weight: 500;
	}

#footer p {
	border:0;
	padding:0;
	margin:0 0 3px 0;
	color: #378CD1;
	font-size:11px;
}

a, a:visited {
	color: #378CD1;
	text-decoration: underline;
	font-size:1em;
	}

a:hover, a:active {
	color: #378CD1;
	text-decoration: none;
	font-size:1em;
	}

div.justext {
	margin-left: 3px;
	}

div.justext h2 {
	font-size:18px;
	color: #2A5B8C;
	margin: 5px 0 3px 3px;
	}
	
div.justext p {
	font-size:12px;
	padding:0 3px;
	margin:0 0 8px 0;
	color: #378CD1;
	}

/*
------------
THUMBNAIL CSS
------------
*/

/* gallery container */
.gallery {
	text-align: center;    /* centers inline paragraphs */
	margin: 10px 5px;
	background-color: white;
	border: 0;
	padding: 5px;
}
.gallery a {
	text-decoration: none;
}
.gallery a img {
	border-width: 1px;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: 0;
	padding: 0;
	vertical-align: top;   /* aligns the img/caption container */
	width: 8em;            /* adjusts with text size */
	min-width: 175px;      /* not always honored, but that's OK */
	border: 0;
}


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	height: 180px;         /* a bit larger than highest img */
	line-height: 180px;    /* same value as height */
	text-align: center;
/*	border: 1px solid #378CD1; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	height: 35px;         /* makes each box a consistent height */
	padding: 0;
	text-align: center;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
/*	border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: pointer; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

/* end hacks */

/*
------------
HOMEPAGE THUMBS
------------
*/

/* gallery container */
.homegallery {
	text-align: center;    /* centers inline paragraphs */
	margin: 10px 5px;
	background-color: white;
	border: 0;
	padding: 5px;
}
.homegallery a {
	text-decoration: none;
}
.homegallery a img {
	border-width: 1px;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.homegallery p {
	display: inline;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.homegallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: 0;
	padding: 0;
	vertical-align: top;   /* aligns the img/caption container */
	width: 8em;            /* adjusts with text size */
	min-width: 175px;      /* not always honored, but that's OK */
	border: 0;
}


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.homegallery span {
	display: block;        /* fill container width, force a line break */
	height: 180px;         /* a bit larger than highest img */
	line-height: 180px;    /* same value as height */
	text-align: center;
/*	border: 1px solid #378CD1; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.homegallery i {
	display: block;
	height: 35px;         /* makes each box a consistent height */
	padding: 0;
	text-align: center;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
/*	border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .homegallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .homegallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .homegallery span {
	display: inline;
}
* html .homegallery a:hover i {
	cursor: pointer; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

/* end hacks */


/*
------------
TABLE CSS
------------
*/
table.productdatathirds {
	border:0;
	margin:0 6px 0 4px;
	padding:0;
	float:left;
	width:175px;
	}

td.thirdno {
	width:30px;
	vertical-align:top;
	text-align:left;
	}

td.thirddata {
	width:145px;
	}

table.productdatahalf {
	border:0;
	margin:0 6px;
	padding:0;
	float:left;
	width:266px;
	}

td.halfno {
	width:12px;
	vertical-align:top;
	text-align:left;
	}

td.halfdata {
	width:250px;
	}

table.strosser {
	border:0;
	margin:0;
	padding:0;
	width:158px;
	}

td.strosserno {
	width:13px;
	vertical-align:top;
	text-align:left;
	}

td.strosserdesc {
	width:145px;
	vertical-align:top;
	}

.floatleft {
	float:left;
	}

.floatright {
	float:right;
	}

/*
------------
ZOOMER CSS
------------
*/
div.mojozoom_marker {
	position : absolute;
	cursor : crosshair; 
}
div.mojozoom_border {
	position : absolute;
	left:0px;
	top:0px;

	border: 0;

	width:100%;
	height:100%;
}
div.mojozoom_fill {
	position : absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color : #2A5B8C;
	opacity : 0.2;
	-moz-opacity : 0.2;
	-khtml-opacity : 0.2;
	filter:alpha(opacity=20);
}
img.mojozoom_img {
	padding : 0px;
	border: 0px;
}
div.mojozoom_imgctr {
	position : absolute;
	margin-left : 20px;
	border : 1px solid black;
}