/* CSS Document */

body { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:xx-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:x-small; /* for compliant browsers */
}
html > body { font-size:x-small; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
li, 
dt, 
dd { line-height:1.8em; }
h1, 
h2, 
h3, 
p, 
ul, 
ol { margin-bottom:.9em; }
h2, 
h3, 
h4, 
h5, 
h6, 
ul, 
ol, 
dl, 
p { margin-left:20px; margin-right:20px; }
h1 { font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-weight:normal; font-size:180%; color:#fff; background:url(../images/headers/default.gif) top left no-repeat; height:30px; line-height:30px; padding-left:20px; }
h2 { font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-weight:normal; font-size:150%; color:#1a6162; }
h3 { font-size:110%; color:#1a6162; }
h4 { font-size:110%; color:#1a6162; }
h5, 
h6 { font-size:100%; color:#000; }
p, 
li, 
dd { font-size:110%; }
dd p, 
dd li, 
li li, 
td p { font-size:100%; }
dd p { margin-left:0; margin-right:0; }
dd ul { clear:right; }
p img, 
li img { vertical-align:middle; }

ul { list-style-type:none; }
ul ul { margin-bottom:0; }
ol { list-style-type:decimal; }
li li { font-size:100%; }
ul li { background:url(../images/layout/bullet_grey.gif) 2px 6px no-repeat; padding:0 15px; margin:0 15px; }
ul ul li { background:url(../images/layout/bullet2_grey.gif) 2px 7px no-repeat; }
ol li { padding:0; margin:0 30px; }
dt { font-weight:bold; }
dd { margin:0 20px 10px 20px; }
dl.form dt { float:left; clear:both; width:30%; text-align:right; }
dl.form dd { margin-left:32%; }
dl.form:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }

div.hr { clear:both; border-bottom:1px solid #ccc; margin:5px 100px; }
div.hr hr { display:none; }

acronym { border-bottom:1px dotted #1a6162; }
fieldset legend { font-weight:bold; }

a:link, a:visited { color:#409192; }
a:hover, a:active { color:#333; } 

/* GLOSSARY */
#content h3 a { display:block; width:480px; font-weight:bold; text-decoration:none; background:url(../images/layout/dottedline.gif) bottom left repeat-x; }
#content h3 a:hover { background:url(../images/layout/dottedlineb.gif) bottom left repeat-x; }
#content .stretcher { background-color:#fff; }

/* FORMS */
.formText { vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #999; font-size:10px; padding:2px; height:18px; height/**/:/**/12px; }
.formSelect, 
select { vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #999; font-size:10px; padding:2px; } 
.formTextArea { font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #999; font-size:10px; padding:2px; }
.formButton { vertical-align:middle; }
#options .formText { border:0; background:url(../images/layout/search_bg.gif) top left no-repeat; padding:6px 2px 6px 28px; width:120px; width/**/:/**/90px; height:24px; height/**/:/**/12px; }
input { vertical-align:middle; }

/* TABLES */
table { width:485px; margin:10px 20px; border-spacing:0; border:1px solid #666; }
table.layout { width:100%; margin:0; }
table table { width:100%; margin:0; border:0; }
table table td, 
table table th { border:0; }
* html table { border-collapse:collapse; }
thead th { background:#287B7C url(../images/layout/th_bg.gif) center left repeat-x; color:#fff; }
th { text-align:left; font-size:10px; font-size/**/:/**/100%; border-bottom:1px solid #666; padding:6px 3px; background-color:#ccc; color:#000; }
td { font-size:10px; font-size/**/:/**/100%; border-bottom:1px solid #ccc; padding:3px; vertical-align:top; line-height:1.5em; }
th a:link, 
th a:visited { color:#ddd; }
th a:hover, 
th a:active { color:#fff; }
table p, 
table li { font-size:100%; margin:0 0 .3em 0; }
tr.alt { background-color:#eee; }

/* SIDEBAR STYLES */
#sidebar h2 { margin:0; height:30px; line-height:30px; text-align:right; padding-right:10px; color:#fff; }
#sidebar h3, 
#sidebar h4, 
#sidebar h5, 
#sidebar h6, 
#sidebar ul, 
#sidebar ol, 
#sidebar p { margin-left:10px; margin-right:10px; }
#sidebar .formText { width:128px; }
#sidebar .subnav { font-size:90%; padding:0; margin:0 0 15px 0; }
#sidebar .subnav h3 { margin:0; padding:0 10px; border-bottom:1px solid #287B7C; }
#sidebar .subnav ul { margin:0; list-style-type:none; }
#sidebar .subnav li { line-height:1.1em; margin:0; padding:3px 10px 6px; background:url(../images/layout/dottedline.gif) bottom left repeat-x; }
#sidebar .subnav ul ul li { padding:3px 10px 3px 30px; background-image:none; font-style:italic; }
#sidebar .subnav li a:link { color:#333; text-decoration:none; }
#sidebar .subnav li a:visited { color:#666; text-decoration:none; }
#sidebar .subnav li a:hover, 
#sidebar .subnav li a:active { color:#1a6162; text-decoration:underline; }
#sidebar .subnav h3 a:link, 
#sidebar .subnav h3 a:visited { color:#1a6162; text-decoration:none; }
#sidebar .subnav h3 a:hover, 
#sidebar .subnav h3 a:active { color:#287B7C; text-decoration:underline; }

.sidenav li { font-size:100%; }
.sidenav .url { background:url(../images/icons/url.gif) 0 3px no-repeat; }
.sidenav .pdf { background:url(../images/icons/pdf.gif) 0 3px no-repeat; }
.sidenav .email { background:url(../images/icons/email.gif) 0 6px no-repeat; }

.sideblue { background:url(../images/layout/side_bluebg.gif) bottom left repeat-x; margin-bottom:14px; padding-bottom:10px; }
.sidegreen { background:url(../images/layout/side_greenbg.gif) bottom left repeat-x; min-height:150px; margin-bottom:14px; }
* html .sidegreen { height:150px; }
.sidered { background:url(../images/layout/side_redbg.gif) bottom left repeat-x; margin-bottom:14px; padding-bottom:10px; }
.sidegreen p, 
.sideblue p, 
.sidered p { margin-bottom:6px; }
h2.productsearch { background:url(../images/headers/side_findaproduct.gif) top left no-repeat; padding-bottom:10px; }
h2.spotlighton { background:url(../images/headers/side_spotlighton.gif) top left no-repeat; padding-bottom:10px; }
h2.latestnews { background:url(../images/headers/side_latestnews.gif) top left no-repeat; padding-bottom:10px; }

/* FOOTER STYLES */
#footer p { font-size:90%; margin:0; text-align:right; }

/* PRODUCT LANDING STYLES */
.landing { float:left; width:525px; }
.landing dl { float:left; margin:0 20px 10px; width:485px; padding:0; clear:both; display:inline; }
.landing dt { margin:0; padding:0; float:right; width:385px; }
.landing dd { margin:0 0 0 100px; padding:0; }
.landing dd.img { padding:0 15px 0 0; float:left; margin:0; }
.landing dd.img img { padding:4px; border:1px solid #999; }
.landing .alt dt { float:left; }
.landing .alt dd { margin:0 100px 0 0; }
.landing .alt dd.img { float:right; padding:0 0 0 15px; margin:0; }

/* JE HISTORY PAGE */
#jehistory dl { clear:both; margin-top:10px; }
#jehistory dd { float:right; width:360px; padding:0; margin:0; }
#jehistory dd.img { float:left; padding:10px 0 0 20px; width:100px; }
#jehistory dd ul, 
#jehistory dd li { margin-left:0; margin-right:0; }

/* PRODUCT PAGES */
#productInfo { text-align: center; }
#productInfo .sidenav { text-align: left; }
#productInfo ul, 
#productInfo li, 
#productInfo p, 
#productInfo h4 { margin:0; padding:0; }
#productInfo h4 { background:url(../images/layout/dottedline.gif) bottom left repeat-x; padding-top:15px; }
#productInfo li { padding:0 20px; }
#productSpecs ul, 
#productSpecs ol { margin-right:0; padding-right:0; }
#productOptions { margin:1px; padding:0; border:1px solid #ccc; width:99.5%; }
#productOptions td, 
#productOptions th { margin:0; padding:3px 2px; border:1px solid #fff; }

/* SEARCH RESULTS */
.searchResult p { padding-left:15px; padding-right:15px; }
#fullSearch { margin-bottom: 3em; }
#fullSearch .formText { width:300px; }
#pageSearch p { text-align:center; }
#wiringDiagram p, 
#lineDrawing p { text-align: left; margin-bottom: 0; }

/* ADDITIONAL STYLES */
.additem { float:right; width:150px; }
.additem p { font-size:90%; text-align:right; color:#fff; }
.address { background:url(../images/icons/address.gif) top left no-repeat; margin-left:40px; margin-bottom:1em; padding:0 0 0 40px; min-height:50px; }
.address p { margin-bottom:0; }
.adminOptions { text-align:right; padding:0 20px; }
.clear { clear:both; }
.alert, 
.copyright { background:url(../images/layout/side_greenbg.gif) bottom left repeat-x; margin:15px 20px; padding:15px 0; border-top:1px solid #287b7c; }
.crumb { text-align:right; font-weight:normal; }
.error { margin:5px 20px; padding:6px 0 0 5px; border:1px solid #601919; background:#F2E9E9 url(../images/icons/error_bg.gif) top left no-repeat; }
.frontpage { padding-bottom:10px; }
.image { padding:10px; } 
.landing { clear:both; }
p.learnmore { text-align:right; }
.left { float:left; }
.searchDescription { background:url(../images/layout/side_greenbg.gif) bottom left repeat-x; margin:15px 20px; padding: 10px 15px; border-top:1px solid #287b7c; }
.searchDescription p,
.searchDescription ul { margin: 0; padding: 0; }
.searchPagination { margin: 10px 20px; padding: 3px; text-align: right; }
.searchPagination li { background-image: none; display: inline; margin: 0; padding: 0 3px; }
.quicklinks { float:right; border:1px solid #999; margin:5px 20px; width:180px; }
.quicklinks p, 
.quicklinks h3, 
.quicklinks li, 
.quicklinks ul { padding-left:5px; padding-right:5px; margin:0; }
.quicklinks li { padding-left:15px; }
.quicklinks h3 { background-color:#1a6162; color:#fff; }
.required { color:#c00; font-weight:bold; }
.required_specifier { color:#c00;}
.right { float:right; }
#stateListing { text-align:center; }
#stateListing li { background-image:none; display:inline; margin:0; padding:0 5px; }
.subscribeBox { background:url(../images/layout/side_greenbg.gif) bottom left repeat-x; border-top:1px solid #287b7c; margin:0 20px; padding:1px 2px 4px; color:#333; }
.subscribeBox ul { text-align:center; margin:0; padding:0; }
.subscribeBox li { margin:0; padding:0; display:inline; background-image:none; }
.subscribeBox li img { vertical-align:middle; }

/* ADMIN */
.adminmenuitem { height:180px; border:1px solid #ccc; margin:0 10px 10px 0; float:left; width:250px; }
.adminmenuitem p, 
.adminmenuitem ul, 
.adminmenuitem ol { margin:.5em 10px; padding:0; } 
.adminmenuitem h4 {  background:url(../images/layout/dottedlineb.gif) bottom left repeat-x; margin:0; padding:2px 10px; }
.adminmenuitem li { padding:0 0 0 15px; margin:0 0 0 15px; }
