@charset "UTF-8";


/***************************************************
 * Very basic reset
 ***************************************************/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, small, strong, b, u, i, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; outline: 0; background: transparent; }
ol, ul { list-style: none; }
:focus { outline: 0 none; }
fieldset { border: 0 none; }



/*==============================================================================================
 * Basic styling
/*============================================================================================== */
body                { background: #fff; font-family: Arial, sans-serif; font-size: 11pt; }
a                   { color: #36c; text-decoration: underline; }
a img               { border: 0 none; }



/*==============================================================================================
 * Hidden stuff for printing
/*============================================================================================== */
#login,
#tabs,
#nav,
#browser,
#footer ul,
#bottom-line,
#search-anything,
#search-suggestions-wrap,
#search-suggestions,
#my-eyp-nav h3,
#my-eyp-nav ul,
#toolbar,
#my-eyp-wrap,
.flexigrid,
#flexigrid-info a,
#table-info,
#contact-us             { display: none; visibility: hidden; }



/*==============================================================================================
 * Header
/*============================================================================================== */
#header             { padding: 10px; border-bottom: 2px solid #000; }
#header h1          { color: #666; }
#header h1 a        { color: #000; text-decoration: none; margin-right: 10px; font-size: 16pt; }
#header h1:after    { content: "www.esonetyellowpages.com"; font-size: 12pt; }



/*==============================================================================================
 * Navigation
/*============================================================================================== */
#breadcrumbs            { font-size: 9pt; margin: 4px 10px 0; color: #666; }
#breadcrumbs strong     { font-weight: bold; color: #000; }
#breadcrumbs a          { color: #000; text-decoration: none; }



/*==============================================================================================
 * Main contents
/*============================================================================================== */
#main                   { background: #fff; margin: 10px 0; position: relative; }
#main h2                { font: bold 14pt Arial, sans-serif; color: #000; margin: 0 10px; }
#main h2.home           { text-align: center; }
#main h2 span.found     { font: normal 10pt Arial, sans-serif; margin-left: 2px; color: #666; }
#main p                 { font: normal 11pt/150% Arial, sans-serif; color: #000; margin: 10px 10px 0; }

#main img.select_arrow_up { float: left; }

#home                   { background: transparent; margin: 24px auto; }
#home div.left          { float: left; margin-bottom: 10px; width: 350px; }
#home div.right         { padding-top: 20px; }
#home div.right p       { font: normal 11pt Arial, sans-serif; text-align: justify; margin-bottom: 6px; background: transparent; }



/*==============================================================================================
 * Footer
/*============================================================================================== */
#footer h3              { border-top: 2px solid #000; font: bold 8pt Arial, sans-serif; text-transform: uppercase; color: #000; padding: 8px 10px; }
#footer h3:after        { content: " - www.esonetyellowpages.com"; text-transform: lowercase; }



/*==============================================================================================
 * Sensor page formatting
/*============================================================================================== */
.sensor-details .left   { margin: 0 20px 10px 0; float: left; }
.sensor-details .left a.picture { display: block; margin: 10px; text-decoration: none; }
.sensor-details .left a.picture img { border: 1px solid #ddd; }
.sensor-details .left a.picture span { display: none; visibility: hidden; }

.sensor-details .right               { margin: 6px 0 20px; font: normal 11pt/150% Arial, sans-serif; text-align: justify; }

.sensor-details .manufacturer               { float: right; border: 1px solid #000; padding: 10px; }
.sensor-details .manufacturer h3            { padding-left: 10px; font: bold 9pt/150% Arial, sans-serif; color: #666; text-transform: uppercase; }
.sensor-details .manufacturer h2            { padding-top: 4px; }
.sensor-details .manufacturer h2 a          { font: bold 11pt Arial, sans-serif; color: #36c; }
.sensor-details .manufacturer p             { font: normal 9pt Arial, sans-serif; padding-left: 24px; margin: 10px 0 0 10px; }
.sensor-details .manufacturer p.address     { background: url('icons/house.png') no-repeat left 2px; }
.sensor-details .manufacturer p.address em  { font-weight: bold; font-style: normal; }
.sensor-details .manufacturer p.telephone   { background: url('icons/phone.png') no-repeat left 2px; }
.sensor-details .manufacturer p.fax         { background: url('icons/fax.png') no-repeat left 2px; }
.sensor-details .manufacturer p.email       { background: url('icons/email.png') no-repeat left 2px; }
.sensor-details .manufacturer p.website     { background: url('icons/world_go.png') no-repeat left 2px; }



/*==============================================================================================
 * Hardware component page formatting
/*============================================================================================== */
.hardware-details .left   { margin: 6px 0 20px; }
.hardware-details .left a.picture { display: block; margin: 10px; text-decoration: none; }
.hardware-details .left a.picture img { border: 1px solid #ddd; }
.hardware-details .left a.picture span { display: none; visibility: hidden; }

.hardware-details .right               { margin: 6px 0 20px; font: normal 11pt/150% Arial, sans-serif; text-align: justify; }

.hardware-details .manufacturer               { float: right; border: 1px solid #000; padding: 10px; }
.hardware-details .manufacturer h3            { padding-left: 10px; font: bold 9pt/150% Arial, sans-serif; color: #666; text-transform: uppercase; }
.hardware-details .manufacturer h2            { padding-top: 4px; }
.hardware-details .manufacturer h2 a          { font: bold 11pt Arial, sans-serif; color: #36c; }
.hardware-details .manufacturer p             { font: normal 9pt Arial, sans-serif; padding-left: 24px; margin: 10px 0 0 10px; }
.hardware-details .manufacturer p.address     { background: url('icons/house.png') no-repeat left 2px; }
.hardware-details .manufacturer p.address em  { font-weight: bold; font-style: normal; }
.hardware-details .manufacturer p.telephone   { background: url('icons/phone.png') no-repeat left 2px; }
.hardware-details .manufacturer p.fax         { background: url('icons/fax.png') no-repeat left 2px; }
.hardware-details .manufacturer p.email       { background: url('icons/email.png') no-repeat left 2px; }
.hardware-details .manufacturer p.website     { background: url('icons/world_go.png') no-repeat left 2px; }


.tech-specs             { font: normal 9pt Arial, sans-serif; margin-left: 10px; }
.tech-specs h3          { font: bold 11pt Arial, sans-serif; color: #666; text-transform: uppercase; padding: 5px 0; }
.tech-specs td          { padding: 5px 0; vertical-align: top; }
.tech-specs td.data     { font: bold 9pt Arial, sans-serif; width: 50%; padding: 5px 10px 5px 0; }
.tech-specs td.value    { padding: 5px 0 5px 10px; }
.tech-specs tr td       { border-bottom: 1px solid #ccc; }

/*

.sensor-details .left p         { font: 11px/18px Arial, sans-serif !important; margin: 10px 0 0 !important; }
.sensor-details p a.datasheet   { text-decoration: underline; padding: 3px 3px 3px 24px; background: url('icons/doc.png') no-repeat left; }
.sensor-details p a.datasheet[href$='.pdf']   { background: url('icons/pdf.png') no-repeat left; }
.sensor-details p a.datasheet[href$='.doc'],
.sensor-details p a.datasheet[href$='.docx'] { background: url('icons/word.png') no-repeat left; }
.sensor-details .left p a.web   { text-decoration: underline; padding: 3px 3px 3px 24px; background: url('icons/link.png') no-repeat left; }
.sensor-details .left p a.doc   { text-decoration: underline; padding: 3px 3px 3px 24px; background: url('icons/book.png') no-repeat left; }



*/



/*==============================================================================================
 * Manufacturer page formatting
/*============================================================================================== */
.manufacturer-details               { clear: both; margin: 20px 0; }
.manufacturer-details p             { font: normal 9pt Arial, sans-serif; padding-left: 24px; margin: 10px 0 0 10px; }
.manufacturer-details p.address     { background: url('icons/house.png') no-repeat left 1px; }
.manufacturer-details p.address em  { font-weight: bold; font-style: normal; }
.manufacturer-details p.telephone   { background: url('icons/phone.png') no-repeat left 1px; }
.manufacturer-details p.fax         { background: url('icons/fax.png') no-repeat left 1px; }
.manufacturer-details p.email       { background: url('icons/email.png') no-repeat left 1px; }
.manufacturer-details p.website     { background: url('icons/link.png') no-repeat left 1px; }

.manufacturer-items                 { margin-bottom: 20px; }
.manufacturer-items:after           { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.manufacturer-items h3              { font: bold 9pt Arial, sans-serif; color: #666; text-transform: uppercase; clear: both; margin-top: 20px; }
.manufacturer-items h3 em           { color: #333; }

.items-list     { margin: 10px 0 20px; }
.items-list li  { display: block; float: left; width: 135px; margin-right: 10px; margin-bottom: 20px; font: bold 9pt Arial, sans-serif; }
.items-list a img { text-decoration: none; border: 0 none; }



/*==============================================================================================
 * My EYP
/*============================================================================================== */
#my-eyp-nav:after       { content: "Sorry, the contents of this page is not printable."; display: block; visibility: visible; margin: 20px 10px; font: bold 14pt Arial, sans-serif; }



/*==============================================================================================
 * Flexigrid fix
/*============================================================================================== */
#flexigrid-info:after   { position: relative; width: 100%; content: "Sorry, the contents of this page is not printable."; display: block; visibility: visible; margin: 20px 10px; font: bold 14pt Arial, sans-serif; }