html, body {height:100%;}

* {padding:0; margin:0; }
img {border: 0;}
#center{
text-align:center;
}


table {
	border-collapse:collapse;
	width:100%;
	margin-top:10px;
}
table td {
	padding:3px;
	border:1px solid #EEEEEE;
}
#wrapper {
display:block;
margin:0 auto;
width:780px;
text-align:left;

}

#wrapper #headertop{
height:91px;
}

#wrapper #headertop #img{
	display: block;
float:left;
height:90px;
width:228px;
background: url('../images/logo.png') no-repeat;
}


#wrapper #headertop #tagline{
color:#CCCCCC;
float:right;
font-family:"Times New Roman",Times,serif;
font-size:26px;
font-style:italic;
font-weight:bold;
padding-left:10px;
padding-top:20px;
width:505px;
}

#wrapper #headertop #email{
font-family: Arial, Helvetica, sans-serif;

color:#999999;
padding-top:17px;
padding-right:15px;
float:right;
}

#wrapper #headertop #email A{
font-family: Arial, Helvetica, sans-serif;

color:#999999;
text-decoration:none;
}

#wrapper #headertop #email A:hover{
text-decoration:underline;
}

#wrapper #body{
float:left;
position:relative;
}

#wrapper > .nobackground {
	background: none !important;
}


#wrapper #corner{
background: url('../images/blue_rounded_leftbottom.gif') bottom left no-repeat;
height:20px;
width:20px;
display:block;
position:absolute;
bottom:0px;
left:0px;
clear:left;

}


#wrapper #leftcolumn{
display:block;
width:178px;
float:left;
font-family: Arial, Helvetica, sans-serif;
}

#wrapper #leftcolumn #phone{
float:left;
height:23px;
width:165px;
border-bottom: solid 1px #FFFFFF;
line-height:23px;
padding-left:13px;
background: url('../images/blue_rounded_left.gif') left no-repeat;
background-color:#0095d3;
color:#abdcf1;
font-size:12px;
font-weight:bold;
}

#wrapper #leftcolumn #nav{
float:left;
background-color:#c9dbf5; 
width:174px;
padding:2px 2px 2px 2px;
position:relative;
z-index: 100;
min-height: 185px;
height: auto !important;
height: 185px;
~height:186px;
}

#wrapper #leftcolumn #nav a{
text-decoration:none;
color:#FFFFFF;
position:absolute;
}

/* These items are all located in #wrapper #leftcolumn #nav but were made universal to save having to repeat code c9dbf5*/

.navlink{
/*height:100%;*/
width:100%;
}

.navblock{
display:block;
height:21px;
line-height:21px;
font-size:12px;
color:#FFFFFF;
position:relative;
z-index:1001;
}

.navitem{
/* padding-left:13px; */
height:20px;
background-color:#33aadc;
border-bottom: solid 1px #0095d3;
position:relative;
}

.navitem a{
padding-left:13px;
height:20px;
background-color:#33aadc;
border-bottom: solid 1px #0095d3;
width:161px;
}

.navitem a:hover{
background-color:#59bae2;
}

.navitemSel{
padding-left:13px;
height:20px;
background-color:#59bae2;
border-bottom: solid 1px #0095d3;
position:relative;
}

.navsubmenu{
display:none; width:174px; left:174px; position:absolute; top:0px;
}

.navsubmenuSel{
 display:block; width:174px; left:0px;
}

.navsubmenuSel .navitem{
display:block;
height:21px;
line-height:21px;
/* padding-left:23px; */
color:#FFFFFF;
background-color:#59bae2;

border-bottom: solid 1px #0095d3;
position:relative;
}

.navsubmenuSel .navitem a{
display:block;
height:21px;
line-height:21px;
padding-left:23px;
color:#FFFFFF;
background-color:#59bae2;

border-bottom: solid 1px #0095d3;
width:151px;
}

.navsubmenuSel .navitem a:hover{
background-color: #3399FF;
}
/* End Universal classes */


.infoBox {
  background: #33aadc;
  
}

.infoBox#searchOptions {
	background: #F8F8F9;
	border: 1px solid #33aadc;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #002A53;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding-left:8px;
}

td.infoBoxHeading {
font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-left:7px;
  background: #59bae2;
  color: #ffffff;
}

td.infoBox, span.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.boxText { 
font-family: Verdana, Arial, sans-serif; 
font-size: 10px; 
padding-left:13px; 
padding-right:13px;
}
#wrapper #leftcolumn #cartNav{
width:100%;
float:left;
position:relative;
}
#wrapper #leftcolumn #cartNav a {text-decoration: none; color: #000;}
#wrapper #leftcolumn #cartNav a:hover {color: #0095d3; text-decoration: underline;}

#wrapper #leftcolumn #nav #login{
line-height:22px;
float:left;
padding-top:31px;
padding-left:5px;
padding-bottom:3px;
height:46px;
/*display:none;*/
}

#wrapper #leftcolumn #nav #login #password{
float:left;
width:105px;

color:#999999;
display:none;
}

#wrapper #leftcolumn #nav #login #username{
float:left;
width:160px;

color:#999999;
display:none;
}

#wrapper #leftcolumn #nav #login img{
padding-left:7px;
float:left;
display:none;
}

#wrapper #leftcolumn #nav #login input{
display:none;
}

#wrapper #leftcolumn #interest{
float:left;
width:33px;
height:65px;
padding-top:5px;
}

#wrapper #leftcolumn #interest img{
border:none;
}


#wrapper #rightcolumn{
border-left: solid 1px #FFFFFF;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
position:relative; /*-- */
width: 601px;
}

#wrapper #rightcolumn #top{
height:23px;
background: url('../images/grey_rounded_top.gif') no-repeat right top;
background-color:#999999;
}

#wrapper #rightcolumn #top #topleft{
padding-left:2px;
float:left;
}


#wrapper #rightcolumn #top #topleft input{
font-family: Arial, Helvetica, sans-serif;

color:#999999;
}

#wrapper #rightcolumn #top #topleft input[type="text"]{
font-family: Arial, Helvetica, sans-serif;

color:#999999;
}

#wrapper #rightcolumn #top #topleft input[type="image"]{
vertical-align:middle;
padding-left:10px;
}

#wrapper #rightcolumn #top #topright{
float:right;
font-family: Arial, Helvetica, sans-serif;

color:#FFFFFF;
padding-top:5px;
padding-right:15px;
}

#wrapper #rightcolumn #top #topright a{
color:#FFFFFF;
text-decoration:none;
}

#wrapper #rightcolumn #top #topright a:hover{
text-decoration:underline;
}


#wrapper #rightcolumn #middle{

background: url('../images/mainbg.jpg') no-repeat;
border-top: solid 1px #FFFFFF;
background-color:#FFFFFF;

position: relative;
}

#wrapper #rightcolumn #middle #middlecopy{
width:230px;
padding-left:20px;
padding-top:20px;
font-family: Arial, Helvetica, sans-serif;
color:#ebebeb;

line-height:18px;

position: absolute;
left: 0px;
top: 0px;
z-index: 45;


}


#wrapper #rightcolumn #middle #middlecopy h1{
color:#fcaf17;
font-size:18px;
line-height:30px;
}

#wrapper #rightcolumn #middle #middlecopy a{

font-weight:bold;
text-decoration:underline;
color:#ebebeb;

}

#wrapper #rightcolumn #middle #middlesubcopy{
font-family: Arial, Helvetica, sans-serif;

color:#999999;
padding-top:43px;
padding-left:1px;
font-weight:bold;
}

#wrapper #rightcolumn #middle #middlesubcopy a{
text-decoration:none;
color:#999999;
cursor:pointer;
}

#wrapper #rightcolumn #middle #middlesubcopy .sub{
display:block;
background: url('../images/icon_bg.gif') no-repeat;
margin-left:8px;
padding-top:5px;
float:left;
text-align:center;
width:66px;
height:75px;
list-style-type:none;
}

#wrapper #rightcolumn #middle #middlesubcopy .sub .subcopy{
overflow:hidden;
height:46px;
color:#999999;
}

#CTAButton {
	width: 850px;

	display: block;
	margin-left: -8px;	
}
#catalogButton, #monoButton, #pepButton, #peparrButton, #polyButton, #stableButton {
	display:block;
	float:left;
	text-indent:-9999px;
	width:279px;
	height:102px;
	margin-left:-10px;
	top:-5px;	
}
#catalogButton {
	background:url('../head/btn-catalog.png') no-repeat;
}
#monoButton {
	background:url('../head/btn-custom-mono-anti.png') no-repeat;
}
#pepButton {
	background:url('../head/btn-custom-pep.png') no-repeat;
}
#peparrButton {
	background:url('../head/btn-custom-pep-arr.png') no-repeat;
}
#polyButton {
	background:url('../head/btn-custom-poly-anti2.png') no-repeat;
}
#stableButton {
	background:url('../head/btn-stable-iso2.png') no-repeat;
}
#catalogButton:hover, #monoButton:hover, #pepButton:hover, #peparrButton:hover, #polyButton:hover, #stableButton:hover {
	background-position:bottom;	
}

#wrapper #custom_buttons {
  clear:left;
}

#wrapper #custom_buttons .custom_but{
  float:left;
  margin-right:15px;
  width:180px;
  height:67px;
  font-size:12px;
  color: #666666;
  padding: 6px 60px 10px 10px;
}

#wrapper #custom_buttons .but_title{
  font-size: 14px;
  color: #002a54;
  font-weight: bold;
}

#wrapper #custom_buttons a {
  text-decoration: none;

}

#wrapper #custom_buttons .custom_but.one{
  background: url('../images/custom_but_1.jpg') no-repeat;
}

#wrapper #custom_buttons .custom_but.two{
  background: url('../images/custom_but_2.jpg') no-repeat;
}

#wrapper #custom_buttons .custom_but.three{
  background: url('../images/custom_but_3.jpg') no-repeat;
  margin-right:0px;
}

#wrapper #footer{
width:780px;
height:52px;
margin-top:10px;
float:left;
}

#wrapper #footer .quote{
  float:left;
  margin-right:7px;
}


#wrapper #footer #footerleft{
float:left;
background: url('../images/footerbg.gif') no-repeat;
width:488px;
height:52px;
padding-left:55px;
padding-right:10px;
padding-top:10px;
font-family: Arial, Helvetica, sans-serif;

color:#999999;
text-align:center;
}

#wrapper #footer #footerleft a{
font-family: Arial, Helvetica, sans-serif;

color:#999999;
text-decoration:none;
}

#wrapper #footer #footerleft a:hover{
text-decoration:underline;
}

#wrapper #footer #footerright{
	display: block;
float:right;
background: url('../head/brochure.jpg') no-repeat right;
width:107px;
height:52px;
}

/* Subpage Code -- begin */
#wrapper #rightcolumn #subheader{
margin-top:1px;
}

#wrapper #rightcolumn #subheader #left{
float:left;
display:block;
width:283px;
height:146px;

}

#wrapper #rightcolumn #subheader #right{
display:block;
float:left;
width:278px;
height:106px;
background: url('../head/db_bottom_right.jpg') bottom right no-repeat;
background-color:#0c2c55;
float:left;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;

line-height:18px;
padding:20px;
overflow:hidden;
}

#wrapper #rightcolumn #subheader #right h4{
display:block;

color:#fcaf17;
}


#wrapper #rightcolumn #subbody{
float:left;
margin-top:1px;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
padding:2px;
width:595px;
/* _width:590px; */

position:relative;
overflow:hidden;
}


#wrapper #rightcolumn #subbody #content{
padding:25px;
background: url('../head/sub_body_bg.gif') repeat-x;
float:left;
}
#wrapper #rightcolumn #subbody #content #tableHolder{
width:545px;
}
td.pageHeading, div.pageHeading {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#fcaf17;
font-weight:bold;
}
#wrapper #rightcolumn #subbody #content label{
width:100px;
float:left;
text-align:right;
margin-right: 20px;
display:block;
margin-top:5px;
}

#wrapper #rightcolumn #subbody #content input{
color: #781351;
background: #fee3ad;
border: 1px solid #781351;
margin-top:5px;
}

#wrapper #rightcolumn #subbody #content textarea{
color: #781351;
background: #fee3ad;
border: 1px solid #781351;
margin-top:5px;
}

#wrapper #rightcolumn #subbody #content .submit input{
color: #781351;
width:55px;
margin-left:209px;
}

#wrapper #rightcolumn #subbody #content fieldset{
border: none;
}

#wrapper #rightcolumn #subbody #content legend{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 

#wrapper #rightcolumn #subbody p,td{
font-family: Arial, Helvetica, sans-serif;

line-height:18px;
clear:left;
}

#wrapper #rightcolumn #subbody ul{
font-family: Arial, Helvetica, sans-serif;

line-height:18px;
padding-left:40px;
}

#wrapper #rightcolumn #subbody #content h1,h2,h3,h4{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#wrapper #rightcolumn #subbody #content h1{
font-size:18px;
color:#fcaf17;
display:inline;
}

#wrapper #rightcolumn #subbody #content h2{

color:#fcaf17;
display:inline;
}

#wrapper #rightcolumn #subbody #content h3{
font-size:16px;
color:#0094d3;
font-weight:bold;
}

#wrapper #rightcolumn #subbody #content h4{

color:#002a53;
font-weight:bold;
}

/* FAQ CSS */
#wrapper #rightcolumn #subbody #content .FAQGroup{

}
#wrapper #rightcolumn #subbody #content .FAQGroup h3{
font-size:16px;
color:#0094d3;
font-weight:bold;
cursor:pointer;
}
#wrapper #rightcolumn #subbody #content .FAQGroup .FAQ{
display:none;
}
#wrapper #rightcolumn #subbody #content .FAQGroup .FAQ .question{

color:#002a53;
font-weight:bold;
cursor:pointer;
padding-left:5px;
}
#wrapper #rightcolumn #subbody #content .FAQGroup .FAQ .answer{
padding-left:15px;

display:none;
}
/* end FAQ CSS */


/* News Articles CSS */

.selector{
margin-top:10px;
margin-bottom:15px;
width:260px;
}

#wrapper #rightcolumn #subbody #content .NewsArticleGroup{
padding-left:0px;
float:left;
}
.NewsArticleGroup .newsArticle{
}

/* End News Articles CSS */

#wrapper #rightcolumn #bot{
clear:both;
background: url('../images/bottom_border.gif') bottom no-repeat;
height:20px;
width:601px;
}




/* End of subpage code */


.serving{
clear:both;
color:#FFFFFF;
}

.NewsArticleGroup a{
}

.newsReleaseBlock{
clear:both;
float:left;
width:550px;
margin-bottom: 3px;
}

.newsReleaseBlock:hover{
background: #EEEEEE;
}

.newsDateBlock{
float:left;
width: 100px;
padding-left: 5px;
padding-right: 6px;
padding-top: 3px;
padding-bottom:3px;
}
.newsDateBlock a{
text-decoration:none;
}
.newsTitleBlock{
float:left;
width: 425px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
}

span.newsDate{
height:20px;
color:#000000;
}

/* NEP Webcart CSS Fixes */

td.main input[type="image"] {
	border: none !important;
	background-color: #F8F8F9 !important;
	margin-bottom:6px !important;
}
td.smallText input[type="image"] {
	border: none !important;
	background-color: #FFFFFF !important;
	margin-bottom:6px !important;
}
tr.infoBoxContents input[type="image"] {
	border: none !important;
	background-color: #F8F8F9 !important;
	margin-bottom:6px !important;
}