/* LOF main stylesheet, to be loaded first on all pages */

/* Special styles and classes ==================================================*/
/* These two allow em to mirror px, so 1.0em = 10px, if we wish to use ems somewhere */
html { font-size:62.5%; margin:auto; }
input, select, th, td { font-size:1em }

/*Provides proper column heights on all browsers; use on containing div */
.clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear { min-height: 1px; }
* html .clear { height: 1px; }


/* Standard styles ============================================================*/
body { background:black url('std_background.jpg') repeat-x scroll center top; font-family:Arial, Helvetica, Sans-serif; color:Black; }

/* Unless it's supposed to get padding, it won't have any; set by ID or class unless element is listed below */
* { margin:0px; padding:0px; }
p { margin: 0px 0px 1em 0px;} /* ...except p-tags, which really need some space under them */

/* No default sizes for these. Set as needed. */
h1, h2, h3, h4, h5, h6 { font-size:1.0em; font-weight:700; color:black; line-height:105%; }

/* Defaults images to block elements and prevents inadvertent anchor borders */
img { display:block }
a img { border: none; }

a:link, a:visited { color:#176fcc; text-decoration: none; }
a:hover { text-decoration: underline; }

.bigger120 { font-size:1.2em }
.floatRight { float:right }
.bold { font-weight:700 }

/* Page Block styles ============================================================*/
#enclose { width:100%;}
#container { width:1000px; margin:auto }
#mainFlash, #mainContent { width:1000px; }
#footer { margin-top:2px }

/* Individual section styles ====================================================*/
#footer ul { text-align:right; padding-right:20px; }
#footer ul li { list-style:none; color:white; font-size:1.2em; line-height:105%; display:inline; margin-left:20px; }
#footer a:link, #footer a:visited { color:white; text-decoration:underline }
#footer a:hover { text-decoration:none }

/* Contact form and Product finder pages, which are largely php/html */
#nfContent, nfContent td, nfContent p { font-size:1.2em; line-height:110%; }
#nfContent form { margin:0px; }
#nfContent h1 { font-size:1.8em; margin-bottom:10px; }
#nfContent td { padding:2px 4px; }
#nfContent .formField { background:#eeeeee; }
#nfContent select { background:#eeeeee; font-size:.9em; }
#nfContent select option { padding:1px 4px }
#nfContent .formButton {  }
#nfContent .formSubmit {  }

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align:center;
}

img.imgCenter {
  margin-left: auto; margin-right:auto;
}

.bold {
  font-weight: 700;
}

#pdTables {
  padding-bottom:20px;
}

#pdTables table {
  margin-bottom:40px; width:80%;
}

#pdTables th {
  vertical-align:middle;
}

.odd {
  background: #FFFFFF;
}

.even {
  background:#CFE3FA
}