@charset "UTF-8";

/* GLOBAL STYLES */

body {
  font-family: 'Trebuchet', Arial;
  color: #111;
  background: #999;
  font-size: 13px;
}

#container {
  margin: 0 auto;
}

.tall, .Tall {
  background: #FFF url(/assets/images/production/inside/bg.jpg) top center repeat-x;
}

.short, .Short {
  background: #FFF url(/assets/images/production/inside/bgShort.jpg) top center repeat-x;
}

#wrapper {
  width: 980px;
  margin: 0 auto;
}

/* HEADER STYLES */

#header {
  height: 146px;
  background: url(/assets/images/production/inside/bgHeader.jpg) top center no-repeat;
}

#header h1 a {
  display: block;
  float: left;
  height:115px;
  width: 390px;
  text-indent: -9000px;
  display: inline;
} 

#header #requestInfo {
  float: right;
  width: 145px;
  padding-top: 9px;
}

#header #search {
  float: right;
  width: 320px;
  padding-top: 7px;
}

#header #search .input {
  background: url(/assets/images/production/global/bgSearch.png) no-repeat;
  padding: 3px 10px;
  border: 1px solid #CCC;
  width: 169px;
}

#header #search .submit {
  background: url(/assets/images/production/global/bgSearchButton.png) no-repeat;
  color: #FFF;
  padding: 4px 10px;
  margin-left: 3px;
  border: 0px;
  width: 94px;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
}

#nav {
  height: 30px;
  clear: both;
}

#mainNav {
  color: #999;
  float: left;
  width: 650px;
  padding-top: 10px;
  font-size: 11px;
}

#mainNav li {
  display: inline;
  margin-right: 7px;
}

#mainNav li a {
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

#mainNav li a:hover {
  color: #222;
}

/* BANNER STYLES */

#banner, #Tall {
  height: 300px;
  margin-bottom: 10px;
}

#bannerShort, #Short {
  height: 150px;
  margin: 3px 0 0 0;
  background: url(/assets/images/production/inside/bgBannerProducts.jpg) no-repeat;
}

.productHeading {
  color: #FFF;
  padding-top: 35px;
  font-size: 48px;
  border-bottom: 0px;
}

/* CONTENT STYLES */

#content {
  padding: 20px 0;
}

.listTOP li {
  display: inline;
}

.clear {
  clear: both;
  height: 1px;
}

.listSquare {
  line-height: 18px;
  margin: 10px 25px;
  font-size: 14px;
}

.listSquare li {
  list-style: square;
  margin-bottom: 5px;
}

.listSquareAlt {
  line-height: 15px;
  margin: 0 25px;
}

.listSquareAlt li {
  list-style: circle;
  margin-bottom: 0px;
}

.listProducts {
  line-height: 18px;
  margin: 10px;
}

.listProducts li {

}

.titleProd {
  margin: 20px 0 10px 0;
  font-size: 13px;
  line-height: 14px;
  font-weight: bold;
  color: #000;
}

.listProducts li a {
  color: #CC0000;
  text-decoration: none;
}

.listProducts li a:hover {
  text-decoration: underline;
}

.listNone {
  line-height: 18px;
  margin: 10px;
}

.listNone li {
  margin-bottom: 5px;
}

.buffer {
  padding-top: 10px;
}

.negBuffer {
  margin-top: -10px;
}

.subNavPages {
  margin: 10px 0;
  padding: 30px 0 20px 0;
  *padding: 0 0 20px 0;
  *background: none;
  background: url(/assets/images/production/inside/bgSubNav.jpg) no-repeat;
}

.subNavPages li {
  background: url(/assets/images/production/inside/bgSubNavList.jpg) no-repeat;
  display: block;
  float: left;
  width: 287px;
  height: 41px;
  padding: 27px 25px 0 100px;
  font-size: 14px;
  font-weight: bold;
  font-family: Century Gothic;
}

.subNavPages li a {
  color: #FFF;
  text-decoration: none;
}

.imgRight {
  float: right;
  margin: 20px 0 20px 20px;
  max-width: 250px;
}

.focus {
  padding: 5px 20px 15px 20px;
  background: #EFEFEF;
  border: 2px solid #DEDEDE;
  margin: 25px 15px;
}

.highlights {
  background: #F0EFED url(/assets/images/production/inside/bgHighlight.png) repeat-x;
  padding: 15px 15px 10px 15px;
  margin-top: 30px;
}

.highlight {
  background: url(/assets/images/production/inside/bgHighlightItem.jpg) no-repeat;
  padding: 5px 0 0 40px;
  min-height: 35px;
}

.highlightContent {
  line-height: 15px;
  font-size: 12px;
}

.highlightContent h4 {
  margin-top: 0px;
}

.highlightFooter {
  background: url(/assets/images/production/inside/bgHighlightFooter.jpg) repeat-x;
  height: 19px;
  margin-top: -10px;
}

iframe {
  margin: 10px 0;
}

.catalog {
  float: left;
  width: 160px;
  height: 235px;
  text-align: center;
  margin: 10px;
  font-size: 11px;
  color: #444;
}

.catalog img {
  padding: 3px;
  border: double #DEDEDE;
}

.contact {
  float: left;
  width: 270px;
  height: 180px;
  margin: 10px;
  font-size: 11px;
  color: #444;
}

.contactTall {
  float: left;
  width: 270px;
  height: 180px;
  margin: 10px;
  font-size: 11px;
  color: #444;
}

.contactShort {
  float: left;
  width: 270px;
  height: 150px;
  margin: 10px;
  font-size: 11px;
  color: #444;
}

.contactAlt {
  float: left;
  width: 280px;
  height: 120px;
  margin: 10px;
  font-size: 11px;
  color: #444;
}

.contactProduct {
  float: left;
  width: 270px;
  height: 110px;
  margin: 10px;
  font-size: 11px;
  color: #444;
}

.red {
  color: #EE0202;
}

.small {
  font-size: 10px;
}

.center {
  text-align: center;
}

/* TABLE STYLES */  

table a,
table a:link,
table a:visited {
  color:#666;
  text-decoration:underline;
}

table a:hover {
  text-decoration:none;
  color:#333;
}  
      
table {
  width:100%;
  border: 0px solid #DEDEDE;
  margin:1em auto;
  border-collapse:collapse;
  margin-bottom: 15px;
}
  
td {
  color:#666;
  border: 0px;
  padding:5px;
  text-align:left;
  min-width: 100px;
}

.style3 {
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  color: #222;
}

/* COLUMN STYLES */

#column {
  float: left;
  width: 618px;
  display: inline;
}

#column p {
  font-size: 14px;
  line-height: 21px;
  padding: 7px 0;
}

#column a {
  color: #1E4C88;
  text-decoration: underline;
}

#column a:hover {
  color: #000;
  text-decoration: none;
}

#columnThin {
  float: right;
  width: 312px;
  display: inline;
}

.subColumn {
  float: left;
  width: 450px;
  font-size: 14px;
}

.subColumn p {
  font-size: 14px;
  line-height: 21px;
  padding: 7px 0;
}

.first {
  margin-right: 50px;
}

/* HEADER STYLES */

h2 {
  font-size: 24px;
  font-family: Century Gothic;
  margin-bottom: 25px;
  text-transform: uppercase;
  color: #222;
}

h3 {
  font-size: 18px;
  font-family: Century Gothic;
  padding-bottom: 5px;
  margin: 10px 0 5px 0;
  border-bottom: 1px solid #CCC;
  color: #444;
}

h4 {
  font-size: 16px;
  font-family: Century Gothic;
  padding-bottom: 5px;
  color: #444;
  margin: 10px 0 5px 0;
}

/* FOOTER STYLES */

#footer {
  width: 980px;
  height: 100px;
  margin: 15px auto;
  color: #666;
}

#footer ul {
  float: left;
  width: 550px;
  display: inline;
  color: #FFF;
}

#footer ul li {
  font-size: 11px;
  margin-bottom: 3px;
}

#footer .newsletter {
  float: right;
  width: 141px;
}

#footer .newsletter .newsletterInput {
  background: url(/assets/images/production/inside/bgNewsletterInput.png) no-repeat;
  padding: 3px 10px;
  border: 0px;
  width: 169px;
  margin-bottom: 3px;
  color: #777;
}

#footer .newsletter .newsletterSubmit {
  background: url(/assets/images/production/inside/bgNewsletterSubmit.png) no-repeat;
  color: #FFF;
  padding: 2px 10px;
  margin-left: 3px;
  border: 0px;
  width: 107px;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
}

#footer a {
  color: #FFF;
  text-decoration: none;
}

.copyright {
  color: #DEDEDE;
  padding: 25px 0;
  text-align: center;
  font-size: 10px;
  clear: both;
}

/* DROP DOWN STYLES */

ul.topnav {
  list-style: none;
  margin: 0;
  float: right;
  width: 320px;
  font-size: 11px;
  background: url(/assets/images/production/global/bgIndustryNav.jpg) no-repeat;
}

ul.topnav li {
  float: left;
  margin: 0;  
  padding: 0 0 0 0;
  position: relative; /*--Declare X and Y axis base--*/
}

ul.topnav li a {
  padding: 10px;
  color: #FFF;
  display: block;
  text-decoration: none;
  float: left;
}

ul.topnav li span { /*--Drop down trigger styles--*/
  width: 107px;
  height: 32px;
  float: left;
  margin: 0 45px 0 -20px;
  background: url(/assets/images/production/global/subnav_btn.gif) no-repeat right top;
}

ul.topnav li span.subhover {
  background-position: right bottom; 
  cursor: pointer;
} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
  list-style: none;
  position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
  left: 0; 
  top: 30px;
  background: #333;
  margin: 0; 
  padding: 0;
  display: none;
  float: left;
  width: 150px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border: 1px solid #111;
}

ul.topnav li ul.subnav li {
  margin: 0; padding: 0;
  border-top: 1px solid #252525; /*--Create bevel effect--*/
  border-bottom: 1px solid #444; /*--Create bevel effect--*/
  clear: both;
  width: 150px;
}

html ul.topnav li ul.subnav li a {
  float: left;
  width: 120px;
  background: #333 url(/assets/images/production/global/dropdown_linkbg.gif) no-repeat 10px center;
  padding-left: 20px;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
  background: #222 url(/assets/images/production/global/dropdown_linkbg.gif) no-repeat 10px center; 
}

.titleSN {
  padding: 5px 5px 5px 5px;
  color: #FFF;
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
}

/* NEWS STYLES */

.entry {
  margin: 10px 0 0  0;
  width: 400px;
  font-size: 11px;  
  background: red;
}

.entry a {
  color: #FFF;
  text-decoration: underline;  
}

.entry p {
  line-height: 18px;
  font-size: 12px;
  padding: 10px 0;
}

.thumbnail {
  float: left;
  width: 175px;
}

.thumbnail img {
  width: 150px;
}

.text {
  float: right;
  width: 225px;
  padding-top: 5px;
}

.title {
  color: #FFF;
  margin-bottom: -7px;
  font-size: 14px;
  display: block;
  font-weight: bold;
}

/* MAP STYLES */

#mapResults {
  font-size: 12px;
  padding-top: 25px;
}

#mapResults h2 {
  font-size: 16px;
}

#mapResults h3 {
  font-size: 14px;
  border-bottom: none;
}

#mapResults h4 {
  font-size: 12px;
  border-bottom: none;
  margin-top: -7px;
  margin-bottom: -1px;
}

#mapResults .listContact {
  margin-bottom: 15px;
  margin-left: 10px;
}

#mapResults .listContact li {
  margin-bottom: 4px;
}