@import "menustyle.css";

html, body {margin: 0; padding: 0; font: 12px helvetica,arial,sans-serif; background:#fff;}
div {background: #fff;}/*html, body, */

a:link    {color: #03c;}
a:visited {color: #369;}
a:hover   {color: #c00;}
a:active  {color: #03c;}

div,p,ul,li,td,th {font: 12px helvetica,arial,sans-serif; }
h1,h2,h3,h4,h5,h6 {font-family:helvetica,arial,sans-serif;}
h1 {font-size: 18px; font-weight: bold;   padding:1px; margin: 18px 0 12px 0}
h2 {font-size: 14px; font-weight: bold;   padding:1px; margin: 16px 0 12px 0}
h3 {font-size: 12px; font-weight: bold;   padding:1px; margin: 12px 0 8px 0}
h4 {font-size: 12px; font-weight: normal; padding:1px; margin: 10px 0 8px 0}
h5 {font-size: 11px; font-weight: normal; padding:1px; margin: 6px 0 6px 0}
h6 {font-size: 11px; font-weight: normal; padding:1px; margin: 4px 0 4px 0}
hr {margin:5px 0; padding:0; color: #ccc; background-color:#ccc; height:1px; border:0; clear:both;}

p {margin: 10px 0px 10px 0px; padding:1px;}
blockquote {margin: 25px; color: #048;}
form {padding:0; margin:0;}
table {border-collapse:collapse; border:0 none;}

img {margin:0; border:0;}


/*h1 sup {font-size:13px;}*/
sup {vertical-align:top;}
h1 sup {font-size:13px;}
p sup {font-size:10px;}

.nobr { white-space: nowrap; }
.inset {margin-left: 15px;}
.clear {font-size:1; height:3px; padding:0; margin:0; clear:both;}

/*---------------------------------------------------------------------------------------*/
ul {margin-top:12px; margin-bottom:13px; margin-left:25px; padding-left: 0px; margin-right: 10px;}
ol {margin-top:10px; margin-bottom:20px; margin-left:35px; padding-left: 0px;}
li {margin: 2px 0;}

hr.std {margin:3px 0; width: 570px;}

ul.std {width: 100%; margin-top:10px; margin-bottom:15px; margin-left:25px; padding-left: 0px; margin-right: 10px;}

ul.two-col {float: left;  width: 95%; margin: 10px 5px 15px 5px;  padding: 0; list-style: none;}
ul.two-col li {display:inline; float:left; width:40%;
background-image: url("/img2/common/bullet.gif");  background-position: 0 3px; background-repeat: no-repeat; padding: 0 15px 0 15px; margin: 2px 0;
}

ul.no-mark {list-style: none;}

ul.two-col-sm {float: left;  width: 560px; margin-left: 8px; padding: 0; list-style: none;}
ul.two-col-sm li {display:inline; float:left; width:45%;  list-style-type:none; font-size:11px; }

li.arrow {background-image: url("/im2/common/arrow_red_5x9.gif");  background-position: 0 3px; background-repeat: no-repeat; }

ul.big {}
ul.big li {font-size:14px; margin: 4px 0;}

ul.rs {list-style-type:none; padding:0; margin:0;}
ul.rs li {list-style-type:none; background-image: url("/img2/common/square_red_5x9.gif"); background-position: 0 .4em; background-repeat: no-repeat; padding-left: 15px;}

ol.big {margin-top: 20px; margin-bottom:20px;}
ol.big li {margin-top:15px; margin-bottom:15px;}


/*---------------------------------------------------------------------------------------*/

.nav3 {margin: 20px 0; width: 100%; padding: 0; clear:both; }
.nav3 ul {list-style-type:none; padding:0; margin:8px 0;}
.nav3 ul li {list-style-type:none; background-image: url("/img2/common/square_red_5x9.gif"); background-position: 5px; background-repeat: no-repeat; padding: 2px 18px; margin: 0;}
.nav3 ul li.aa {background-image: url("/img2/common/arrow_red_5x9.gif"); }
.nav3 h3 {background: #ddd; border-top:1px solid #eee; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #eee; padding: 3px 10px; margin:3px 0;}

/*---------------------------------------------------------------------------------------*/

/*selection guide*/
.sg {text-align:left;}
.sg h2 {margin-left:0;}
.sg h3 {margin-left:0;}
.sg h4 {margin-left: 15px; font-weight:bold;}
.sg p {margin-left: 15px;}
.sg ul {margin-left: 20px; padding-left:20px;}

/* ------------------------------------------------------------------------------ */

#wholepage {margin: 0 auto; text-align:center; width: 870px; border:0 none; background: #fff; height:auto;}
#smallpage {margin: 0 20px; width: 590px; border:0 none; background: #fff; height:auto;}

#top {width:870px; height: 100px; margin: 0 auto;}
#top img {float: left; margin:4px;}

/*top bar: watlow worldwide, site map & site search*/
#topbar {width:650px; height: 16px; padding: 10px; display:inline; float:right; text-align:right; font-size: 11px; font-weight: bold; color: #666; background:#fff;}
#topbar img {float:none; margin:-10px 3px;}
#topbar a:link, #topbar a:active, #topbar a:visited {text-decoration:none; color: #336;}
#topbar a:hover {text-decoration:underline; color: #b00;}
#topbar input {font-size: 11px;}

/*empty space between top bar (search bar) and tagline */
#topspace {width:650px; height:25px; display:inline; float:right;}/*30*/

#tagline {width:650px; float:right; text-align:right;}
#tagline img {float:right; margin: 5px;}

#menu {clear:both; border-top: 1px solid #999; border-bottom: 1px solid #999; padding:0; width: 100%; margin: 0 auto;}

/* ------------------------------------------------------------------------------ */
#leftsidebar {border: 1px solid #ddd; width: 145px; float:left; margin-top: 15px; text-align:left; background:white;}

#leftsidebar a:link, #leftsidebar a:visited {color:#333; text-decoration:none;}
#leftsidebar a:hover {text-decoration: underline; color: #b00;}
#leftsidebar a:active {color: #b00;}

#leftsidebar h2 {font: bold 13px helvetica,arial,sans-serif; background: #ddd; color: #000; padding: 6px; margin:0; }
#leftsidebar h2 a:link, #leftsidebar h2 a:active, #leftsidebar h2 a:visited {color:#000; text-decoration:none;}
#leftsidebar h2 a:hover {text-decoration: underline; color: #b00;}

#leftsidebar ul {list-style-type:none; background:white; margin:0; padding:0;}

ul.left2 {list-style-type:none; background:white; margin:0; padding:0;}
ul.left2 li {list-style-type:none; padding:8px 5px; font: bold 12px arial,sans-serif; margin:0; border-top: 1px solid #ddd;}

ul.left3 {list-style-type:none; padding:0;}
ul.left3 li {padding: 3px 2px 2px 10px; margin:0; font-size:11px; font-weight:normal; border: 0 none;}

ul.left4 {list-style-type:none; padding:0;}
/*ul.left4 li {list-style-type:none; background-image: url("/img2/common/red_arrow_right_7x12.gif"); background-repeat: no-repeat; background-position: 0 .5em; padding-left: 10px; font-size:11px; font-weight:normal; border: 0 none;}*/

li.arrow {list-style-type:none; background-image: url("/img2/common/red_arrow_right_7x12.gif"); background-repeat: no-repeat; background-position: 0 .45em; padding-left: 10px; border: 0 none; color:#b00;}


/*
#leftsidebar ul {list-style-type:none; background:white; margin:0; padding:0;}
#leftsidebar ul li {list-style-type:none; padding:8px 5px; font: bold 12px arial,sans-serif; margin:0; border-top: 1px solid #ddd;}
#leftsidebar ul ul {list-style-type:none; padding:0;}
#leftsidebar ul ul li {padding: 4px 4px 4px 10px; margin:0; font-size:11px; font-weight:normal; border: 0 none;}
#leftsidebar ul ul ul li {list-style-type:none; background-image: url("/img2/common/red_arrow_right_10x16.gif"); background-repeat: no-repeat; padding-left: 15px; font-size:11px; font-weight:normal; border: 0 none;}
*/

/* ------------------------------------------------------------------------------ */

#rightsidebar {width: 130px; height:auto; float:right; background:#fff; border-left: 1px solid #fff; margin: 10px 0;}
#rightsidebar img {margin: 3px 0; border: 0 none; }
#rightsidebar hr {margin:0 1px; padding:0; color: #ddd; background-color:#ddd; height:1px; border:0; clear:both;}

.imghighlight img{opacity:0.70;filter:alpha(opacity=70) }
.imghighlight:hover img{opacity:1.0;filter:alpha(opacity=100)}
.imghighlight:hover{color: red; /* Dummy definition to overcome IE bug */}

/* ------------------------------------------------------------------------------ */
.showlinks {margin: 15px 0; text-align:left; border-top: 1px solid #ddd; width: 570px; clear:both;}
.showlinks h2 {padding: 1px; margin: 8px 0; color: #b00;}
/* ------------------------------------------------------------------------------ */

#footer {text-align:center; width: 860px; clear:both; padding-top: 20px; margin: 0 auto;}
#footer h3 {border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size: 13px; font-weight:bold; padding: 5px 0;}
#footer2 {float:left; width:100%; text-align:center; padding: 5px; }

#footer ul {list-style:none; border-top:1px solid #999; border-bottom:1px solid #999; padding: 5px 0; width:100%;  margin: 10px 0;}
#footer ul li {display: inline; margin: 0 20px; font-size: 13px; font-weight:bold; }

#footer ul a:link, #footer ul a:active, #footer ul a:visited {color: #777; text-decoration:none;}
#footer ul a:hover {color: #b00; text-decoration:none;}

/* ------------------------------------------------------------------------------ */

#body {float:left; display:inline; text-align:left; width: 565px; margin-left: 14px;}
#body img {border: 0 none;}

#newsbody {float:left; display:inline; text-align:left; width: 565px; margin-left: 14px;}
#newsbody img {float:right; margin: 5px 0 10px 15px; border: 0 none;}
#newsbody h5 {font-weight:bold}

#prodbody {float:left; display:inline; text-align:left; width: 565px; margin-left: 14px;}
#prodbody img {}

#aboutbody {float:left; display:inline; text-align:left; width: 565px; margin-left: 14px;}

#chbody {float:left; text-align:left; width: 565px; margin-left: 14px;}
img.ch-top {margin: 0 0 10px 10px; float:right;}
img.ch-bottom {margin: 10px auto; float:none;}

#searchbody {width: 720px; text-align:left;}

#body h1, #newsbody h1, #prodbody h1, #searchbody h1, #aboutbody h1, #chbody h1 {color:white; margin:15px 0 10px 0; padding: 5px; background: #ee2d24 url("/img2/common/black_square_bg.jpg") no-repeat right;}/*e32*/

#home {margin:5px 15px; float:left; width: 700px;}

/* ------------------------------------------------------------------------------ */
.shadow {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.grid0 {width: 550px; display: inline; float:left; padding:0; margin: 5px; }

.grid0 h2 {font-size:14px; background: #ddd; border-top: 1px solid #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #eee; margin: 0; padding: 5px;}
.grid0 h2 a:link, .grid0 h2 a:active, .grid0 h2 a:visited {color: #000; text-decoration:none;}
.grid0 h2 a:hover {color: #b00; text-decoration: underline;}

.grid0 h3 {font-size: 13px; color:#b00;}
.grid0 h5 {margin: 5px; color:#666;}
.grid0 img {margin:10px; float:right;}

.grid0 ul {width:430px; }
/*.grid0 ul {width:415px; margin:10px; padding:0; list-style:none; line-height:20px; list-style-position: outside;}
.grid0 ul li {display:inline; float:left; width:195px; padding:0 0 0 1px; margin: 3px 0; margin-right:10px;}*/


.grid1 {width: 550px; display: inline; float:left; padding:0; margin: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.grid1 h2 {font-size:14px; background: #ddd; border-top: 1px solid #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #eee; margin: 0; padding: 5px;}
.grid1 h2 a:link, .grid1 h2 a:active, .grid1 h2 a:visited {color: #000; text-decoration:none;}
.grid1 h2 a:hover {color: #b00; text-decoration: underline;}

.grid1 h3 {font-size: 13px; color:#b00;}
.grid1 h5 {margin: 5px; color:#666;}
.grid1 img {margin:10px; float:right;}

.grid1 ul {width:415px; }


.grid2 {width: 270px; display: inline; float:left; padding:0; margin: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.grid2 img {float:left; margin:5px;}
.grid2 h2 {font-size:14px; background: #ddd; border-top: 1px solid #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #eee; margin: 0; padding: 5px;}
.grid2 h2 a:link, .grid2 h2 a:active, .grid2 h2 a:visited {color: #000; text-decoration:none;}
.grid2 h2 a:hover {color: #b00; text-decoration: underline;}

.grid2 h3 {color:#b00; margin: 5px;}
.grid2 p {font-size:11px; margin:5px;}


/* ------------------------------------------------------------------------------ */
/*PRODUCTS*/
table.prodtable {border-color: #ddd; border-width: 2px 2px 2px 2px; border-style: solid; width: 100%; border-collapse:collapse; clear:both; margin-top:15px;}
.prodtable th {background: #ddd; border-top: 1px solid #ddd; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font: bold 12px arial; padding: 3px 5px; color: #000;}
.prodtable td {border-right: 1px solid #ddd; border-top: 1px solid #ddd; font: 12px arial; padding: 3px 5px; }
.prodtable td ul {margin-top:0px; margin-bottom:0px; margin-left:5px; padding-left:15px; }
.prodtable td ul li {margin:0;}

.prodtable td h3 {margin:5px 2px;}
.prodtable hr {margin:0 3px;}
.prodtable td img {display:block; margin:0 auto; float:none;}/**/

/*prodtable legacy*/
td.prodtableheader {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font: bold 12px arial; background: #ddd; padding: 2px 4px; color: #000; height:30px;}
td.prodtable {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font: 12px arial; background: #fff; padding: 3px 4px;}

/* ------------------------------------------------------------------------------ */
/*MORE TABLES*/
table.rtable {border-collapse:collapse; border: 1px solid #ccc; background:#fff; margin: 20px 0; width:100%}
table.rtable th {background: #ddd; font-weight:bold; padding: 4px 5px;}
.rtable td {padding: 4px 5px;}

td.rtable1 {background:#fff; }
td.rtable2 {font-size:11px; background:#eee; }


table.littable {border-color: #ddd; border-width: 2px 2px 2px 2px; border-style: solid; border-collapse:collapse; clear:both; margin:15px 0; width: 100%;}
.littable th {background: #ddd; border-top: 1px solid #ddd; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font: bold 12px arial; padding: 5px; color: #000;}
.littable td {border-right: 1px solid #ddd; border-top: 1px solid #ddd; font: 12px arial; padding: 5px; }


td.sm, th.sm, p.sm, span.sm {font-size: 11px}
td.big, th.big, p.big, span.big {font-size: 13px}

.hl {background: #eee;}


/* ------------------------------------------------------------------------------ */
/* related literature */
div.relatedlit {height:auto; padding:0; margin:0; }
table.relatedlittable {margin-top: 5px; margin-bottom: 10px; margin-left: 20px; width:500px; border-collapse:collapse;}
.relatedlittable td {font-size:11px; border: 1px solid #ddd; padding: 2px 4px;}
.relatedlittable td.doctitle {text-align:left;}
.relatedlittable td.filetype {text-align:center; width:40px;}
.relatedlittable td.filesize {text-align:right; width:50px;}
h3.resulttitle {margin: 0px 5px 1px 0px; padding:3px; background: #ddd;}
.resulttitle img {margin: 0 5px 0 0; float:left;}
.resulttitle a:link, .resulttitle a:active, .resulttitle a:visited {text-decoration:none; color:#000;}
.resulttitle a:hover {text-decoration: none; color: #c00}

h3.noresults {margin: 5px 5px 10px 20px; color: #666; }
h3.moreresults {margin: 10px 20px;}


.catalog ul {hasLayout:true; /* hasLayout for IE<= 6 */ overflow: auto; /* shrink the list to sit beside floats in compliant browsers */ margin: 0; padding: 0; /* zero the defaults so only one or other is used per you margin request below */ }
.catalog ul li {list-style-type: disc; margin-left: 2em; line-height:1.6em;}


/*SEARCH FORMS*/
div.sf {width: 550px; background-color: #ddd; border: 1px solid #bbb; padding: 5px; margin: 15px 0; font-size:11px;}
form.sf {width: 550px; background-color: #ddd; border: 1px solid #bbb; padding: 5px; margin: 15px 0; font-size:11px;}
form.sm, form.sm td, table.sm td, div.sm td {font-size:11px}


/* ------------------------------------------------------------------------------ */
.shade1 {background: #ddd; padding: 8px; display:inline; float:left; border-top:1px solid #eee; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #eee; margin:10px 0;}
.shade1 ul {margin-top:8px; margin-bottom:8px;}

.shade2 {width:auto; background: #ddd; padding: 5px; border-top:1px solid #eee; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #eee; margin:10px auto;}

.shade3 {background: #ddd; padding: 8px; border-top:1px solid #eee; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #eee; margin:20px auto; text-align:center; width:75%}


table.form1 {width: 560px; border-collapse:collapse;}
table.form2 {width: 100%; border-collapse:collapse; }
table.form1 td, table.form2 td {font-size:11px; padding:1px 4px;}

.sm input, .sm select, table.sm td, table.sm th {font-size:11px;}

table.sf {width:100%; border-collapse:collapse; }
table.sf td {font-size:11px; padding:1px 4px;}
.sf input, .sf select {font-size:11px;}

/* ------------------------------------------------------------------------------ */
.silver {background: #ddd; padding: 5px; border-top: 1px solid #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #eee;}


img.prodmain {float: right; margin: 5px 0 5px 10px; border: 0 none;}
img.std, img.left {border:0; margin: 12px; float:left;}
img.std-rt, img.right {border:0; margin: 5px 0 5px 10px; float:right;}
img.inline {display:inline; float:none; margin: 0 5px;}
img.center {display:block; float:none; margin: 0 auto;}

/* ------------------------------------------------------------------------------ */
/* site map */
.sp {clear:both; height: 12px; margin: 0; font-size:0;}
.sitemap {}
.sitemap hr {margin: 3px 0; clear:both; margin-top:10px;}
.sitemap h2 {font-size:14px; padding:5px; margin: 5px 0; background:#eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sitemap h3, .sitemap h4 {font-size:12px; padding:1px; margin:3px 0;}
.sitemap h3 {padding-left: 10px; font-weight:bold; clear:both; }
.sitemap h4 {padding-left: 20px; font-weight:normal; width:45%; display:inline; float:left;}

table.t1 {border-color: #ddd; border-width: 2px 2px 2px 2px; border-style: solid; border-collapse:collapse; clear:both; margin-top:15px;}
.t1 th {background: #ddd; border-top: 1px solid #ddd; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font: bold 12px arial; padding: 3px 5px; color: #000;}
.t1 td {border-right: 1px solid #ddd; border-top: 1px solid #ddd; font: 12px arial; padding: 3px 5px; }