
/***********************************************************/
/*                      -A2WD CSS Page-                    */
/*                (c)2007 on Style and Layout              */
/***********************************************************/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #092b83;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:hover {
	color: #092b83;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 120%;
	color: #334d55;
}

h2 {
	font-size: 114%;
	color: #092b83; /* 006699 */
}

h3 {
	font-size: 100%;
	color: #334d55;
}

h4 {
	font-size: 100%;
	font-weight: normal;
	color: #333333;
}

h5 {
	font-size: 100%;
	color: #334d55;
}

ul {
	list-style-type: square;
	background-color: #eeeeee;
	border-right: 1px solid #092b83;
}

ul2 {
	font-size:95%;
	font-weight:normal;
 line-height:120%  list-style-type: square;
 background-color: #;
	border-right: 0px solid #092b83;
}

ul ul {
	list-style-type: disc;
}

ul ul ul {
	list-style-type: none;
}

label {
	font: bold 100% Arial, sans-serif;
	color: #334d55;
}

img {
	border:0 none #0000FF;
}

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

.catalogmenu {
	text-align:center;
	margin-bottom:32px;
	background: none;
}

.colors {
	width:50px;
	float:left;
	text-align:center;
	margin:0 4px 0 4px;
}

.content {
	margin-left:200px;
	padding:8px 32px 16px 0;
}

.ind-link {
	text-align:center;
	padding:3px 3px 3px 3px;
	background-color: #ffffff;
	border:1px solid #092b83;
	margin:10px 12px 10px 12px;
}

.mainfooter {
	/*width:100%;*/
	padding:25px 0 0 10px;
	float:none;
	clear:both;
}

.pspanner {
	width:auto;
	min-width:800px;
}

.sitelogo {
	margin:6px 0px 0 0px;
}

.spacer {
	clear: both;
	height:15px;
}

.spanner {
	float:left;
	margin:0 0 0.6em 2;
	padding:15px 0px 0 0px;
	width:49%;
	min-width:360px;
}

/***********************************************/
/*           -Font Styles-                     */
/***********************************************/

.small-text {
	font-size:80%;
	font-style:italic;
	font-weight:normal;
}

.small-text-plain {
	font-size:80%;
	font-weight:normal;
}

.small-text-bold {
	font-size:85%;
	font-weight:bold;
}

.med-text {
	font-size:105%;
	font-weight:normal;
	line-height: 110%;
}

.med-text-blk {
	font-size:105%;
	font-weight:bold;
	line-height: 110%;
	color:#334d55;
}

.med-text-bold {
	font-size:105%;
	font-weight:bold;
	line-height: 120%;
}

.cat-text {
	font-size:110%;
	font-weight:normal;
	line-height: 100%;
}

.lar-text {
	font-size:125%;
	font-weight:bold;
	line-height: 100%;
}

.lar-text2 {
	font-size:155%;
	font-weight:normal;
	line-height: 100%;
}

/***********************************************/
/*           -Front Page Icons-               */
/***********************************************/

a.item1 {
	display: block;
	width: 75px;
	height: 75px;
	border:2px outset #092b83;
	background-image: url(images/item1.gif);
	background-repeat: no-repeat;
}

a.item1:hover {
	background-image: url(images/item1_on.gif);
}

a.item2 {
	display: block;
	width: 75px;
	height: 75px;
	border:2px outset #092b83;
	background-image: url(images/item2.gif);
	background-repeat: no-repeat;
}

a.item2:hover {
	background-image: url(images/item2_on.gif);
}

a.item3 {
	display: block;
	width: 75px;
	height: 75px;
	border:2px outset #092b83;
	background-image: url(images/item3.gif);
	background-repeat: no-repeat;
}

a.item3:hover {
	background-image: url(images/item3_on.gif);
}

a.item4 {
	display: block;
	width: 75px;
	height: 75px;
	border:2px outset #092b83;
	background-image: url(images/item4.gif);
	background-color:#eeeeee;
	background-repeat: no-repeat;
}

a.item4:hover {
	background-image: url(images/item4_on.gif);
}

a.item5 {
	display: block;
	width: 75px;
	height: 75px;
	border:2px outset #092b83;
	background-image: url(images/item5.gif);
	background-repeat: no-repeat;
}

a.item5:hover {
	background-image: url(images/item5_on.gif);
}

a.item6 {
	display: block;
	width: 75px;
	height: 75px;
	border:2px outset #092b83;
	background-image: url(images/item6.gif);
	background-repeat: no-repeat;
}

a.item6:hover {
	background-image: url(images/item6_on.gif);
}

a.item-top {
	display: block;
	width: 550px;
	height: 70px;
	background-image: url(images/top-image.png);
	background-repeat: no-repeat;
}

/***********************************************/
/*            -Image/Text Items-               */
/***********************************************/

.aboutletter {
	text-align:justify;
	font-size: 95%;
	border:2px solid #092b83;
	padding:13px 20px 12px 12px;
	background-color: #e8e7e9;
	margin:6px 8px 10px 0px;
}

.bottom-message {
	float:none;
	clear:both;
	text-align:center;
	width:100%;
	line-height: 140%;
}

.container {
	width:auto;
	background-image: url(images/h2o-bak.jpg);
	background-color:#c5e0ff;
	background-position: top left;
}

.container-bw {
	width:auto;
 background-image:;
	background-color:#ffffff;
	background-position: top left;
}

.mainheader {
	width: 100%;
	height: 120px;
	clear: both;
	background-image: url(images/header_00.jpg);
	background-position: bottom left;
}

.mainheader-bw {
	width: 98%;
	height: 120px;
	clear: both;
	background-image: url(images/bw-header.jpg);
	background-position: bottom left;
}

.mainheader-r {
	width: 90px;
	height: 120px;
 margin-right:10px  clear: both;
 float:right  z-index:50
}

.pfriendly {
	position:absolute;
	left:900px;
	top:150px;
	width:60px;
	height:60px;
	clear: both;
 border: 1px solid #;
	text-align:center;
	background-image:url(images/printer.gif);
	background-repeat:no-repeat;
	padding: 2px 5px 2px 5px;
	background-position: bottom right;
}

.stf-notice {
	float:right;
	height:115px;
	width:250px;
	border:1px solid #FF0000;
	background-image:url(images/print-notice.gif);
	background-repeat:no-repeat;
	margin-right:30px;
}

.siteInfo {
	clear: both;
	border: 1px solid #092b83;
	font-size: 75%;
	color: #092b83;
	padding: 5px 10px 5px 10px;
}

.subheader {
	border-bottom: 1px solid #092b83;
	padding:0px 0px 4px 0;
	width:98%;
	text-align:center;
}

.underline {
	width:600px;
	height:12px;
	margin-top:2px;
	background-image:url(images/underline.gif);
}

/***********************************************/
/*            -Footer Divs 1 and 2-            */
/***********************************************/

.footer-div1 {
	display: block;
	float:left;
	width:33%;
	height:65px;
	background-image: url(images/email-icon.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
}

.footer-div1:hover {
	display: block;
	background-image: url(images/email-icon_on.png);
}

.footer-div2 {
	float:left;
	width:33%;
	height:65px;
	background-image:url(images/vcard-icon.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
}

.footer-div2:hover {
	background-image: url(images/vcard-icon_on.png);
}

/***********************************************/
/*         -Component Classes-                 */
/***********************************************/

.color-sq {
	float:left;
	height:50px;
	width:50px;
	margin:1px 1px 1px 1px;
	border:2px outset #c0c0c0;
}

.emlfrm {
	display:block;
	width:70px;
 font class:small-text;
	text-align:right;
	float:left;
	padding: 0 5px 0 0;
}

.fp-icon {
	float:left;
	text-align:left;
	height:85px;
	width:100px;
}

.fp-text {
	float:left;
	text-align:left;
	vertical-align:center;
}

* html .pminwidth {
	border-left:800px solid #ffffff;
	position:relative;
	float:left;
	z-index:1;
}

* html .pcontainer {
	margin-left:-800px;
	position:relative;
	float:left;
	z-index:2;
}

/***********************************************/
/*         -L Menu-navBar link styles-         */
/***********************************************/

#navBar ul a:link,
#navBar ul a:visited {
	display: block;
}

#navBar ul {
	list-style:none;
	margin:0 0 15px 0;
	padding: 0;
	border: 1px solid #092b83;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #EEE;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
}

#navBar {
	float:left;
	width:170px;
	margin-left:10px;
	white-space: nowrap;
	padding-top:13px;
}

#navBar li a {
	border-left:10px solid #092b83;
	background-color:#eeeeee;
	text-decoration:none;
	font-size: 90%;
}  /* Fancy Menu Block */

#navBar li a:hover {
	border-left:10px solid #919DD7;
	background-color:#eeeeee;
	text-decoration:none;
	font-size: 90%;
}  /* Fancy Menu Block Hover*/

/***********************************************/
/ #sectionLinks styles- / /***********************************************/

#sectionLinks {
 position: relative;
 margin: 0px;
 padding: 0px;
 font-size: 90%;
 margin-left:8px;
}

#sectionLinks a:link {
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	width: auto;
}

#sectionLinks a:visited {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 12px;
}

#sectionLinksT {
	position: relative;
	width:170px;
	margin: 0px;
	padding: 0 0 0 0px;
	text-align: left;
	font-size: 120%;
	line-height:120%;
	margin-left:0px;
}

#sectionLinksT a:link {
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	width: auto;
}

#sectionLinksT a:visited {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 2px 0px 2px 10px;
}

#sectionLinksT a:hover {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}

/***********************************************/
/*              -Classes-                      */
/***********************************************/

.catmenulink {
	padding:3px 6px 3px 6px;
	text-decoration: none;
	line-height: 32px;
}

.catmenuactive {
	padding:2px 5px 2px 5px;
	border:1px solid #006699;
	background-color: #eeeeee;
	text-decoration: none;
	line-height: 32px;
}

div.breaker {
	clear:both;
	padding:16px;
	margin:16px;
}

div.breaker-line {
	clear:both;
	width:200px;
	padding:16px;
	margin:16px;
	border-bottom:1px solid #092b83;
}

div.catalogheader {
	width:100%;
	padding:10px;
	margin:16px 0 16px 0;
}

div.l1cnt {
	border-left:0px solid #006699;
	border-right:0px solid #006699;
	margin:16px;
	padding:5px;
	float:left;
	width:40%;
}

div.l2cnt {
	margin:16px 16px 32px 16px;
	padding:5px;
	text-align:left;
}

div.l3cnt {
	border-left:1px solid #006699;
	border-right:1px solid #006699;
	margin:16px;
	padding:10px;
	text-align:left;
}

.preLoader {
	display:none;
}

/***********************************************/
/*           -index.php CSS classes-           */
/***********************************************/

* html .minwidth {
	border-left:360px solid url(images/clear.gif);
	position:relative;
	float:left;
	z-index:1;
	background-image: none;
}

* html .contain {
	margin-left:0px;
	position:relative;
	float:left;
	z-index:2;
	background-image: none;
}

/***********************************************/
/* CSS Thumbnail                               */
/***********************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer {
	position: relative;
 height:160px  width:160px
}

.thumbnail img {
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnail:hover {
	background-color: transparent;
}

.thumbnail:hover img {
	border: 1px solid #092b83;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color:#eeeeee;
	padding: 3px 0px 0 4px;
	left: -1000px;
	border: 1px solid #092b83;
	visibility: hidden;
	text-align:center;
	color: #000000;
	text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.thumbnail:hover span { /*CSS for enlarged image*/
	visibility: visible;
	top: 80px;
	left: 232px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

/***********************************************/
/* CSS Thumbnail  -2                           */
/***********************************************/

.gallerycontainer-2 {
	position: relative;
 height:180px  width:260px
}

.thumbnail-2 img {
	border:2px outset #c0c0c0;
	margin: 3px 3px 0 0;
}

.thumbnail-2:hover {
	background-color: transparent;
}

.thumbnail-2:hover img {
	border:2px inset #c0c0c0;
	margin: 3px 3px 0 0;
}

.thumbnail-2 span { /*CSS for enlarged image*/
	position: absolute;
	background-color:#eeeeee;
	padding: 3px 0px 0 4px;
	left: -1000px;
	border: 1px solid #092b83;
	visibility: hidden;
	text-align:center;
	color: #000000;
	text-decoration: none;
}

.thumbnail-2 span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.thumbnail-2:hover span { /*CSS for enlarged image*/
	visibility: visible;
	top: 75px;
	left: 308px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

/***********************************************/
/* Experimental CSS                            */
/***********************************************/


.div_link {
	display:block;
	background:#EEE;
	border:1px solid #ff0000;
}

.div_link:hover {
	background:#FFF;
}

/***********************************************/
/* Metric Conversion Box CSS                    */
/***********************************************/
.font532413 {
	color:windowtext;
	font-size:9.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, sans-serif;
	mso-font-charset:0;
}

.xl1532413 {
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:windowtext;
	font-size:10.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Arial;
	mso-generic-font-family:auto;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}

.xl2232413 {
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:windowtext;
	font-size:10.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Arial;
	mso-generic-font-family:auto;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:left;
	vertical-align:bottom;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}

.xl2332413 {
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:windowtext;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:center;
	vertical-align:top;
	border:1.0pt solid windowtext;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:normal;
}

.xl2432413 {
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:windowtext;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Arial;
	mso-generic-font-family:auto;
	mso-font-charset:0;
	mso-number-format:"0\.0";
	text-align:center;
	vertical-align:bottom;
	border:1.0pt solid windowtext;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}

.xl2532413 {
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:windowtext;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Arial;
	mso-generic-font-family:auto;
	mso-font-charset:0;
	mso-number-format:"\#\\ ?\/2";
	text-align:center;
	vertical-align:bottom;
	border:1.0pt solid windowtext;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}

.xl2632413 {
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:windowtext;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Arial;
	mso-generic-font-family:auto;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:center;
	vertical-align:bottom;
	border:1.0pt solid windowtext;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;
}
