/* basic formatting */

body {
  background-color: #e9e9e9;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 71%; line-height: 1.3em; color: #333333;
  margin:0;
  padding:0;
  background-image:url(pix3/wrap.gif);
  background-position:center;
  background-repeat:repeat-y; 
  }
  
@media screen and (max-device-width: 480px) { /*iPhone only*/

body {-webkit-text-size-adjust:122%;}

}

p,center,td,tr,table,div {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1em; line-height: 1.3em; color: #333333 
  }
  
img {
	border:none;
	}

h4 { font-size: 1.5em; color: #ffffff }
h3 { font-size: 1.4em; font-weight: bold; color: #003333 }
h1 { font-size: 1.3em; font-weight: bold; color: #003333 }
h2 { font-size: 1.2em; font-weight: bold; color: #003333 }

form {margin:0;} 

a:link {color: #0033cc;} 
a:visited {color: #000099;} 
a:active {color: #990000;}
a:hover {color: #990000;}

.blnk { color: #003399; font-weight: bold }  /* bold links */
a.blnk:link { color: #003399; font-weight: bold }
a.blnk:hover { color: #cc0000; text-decoration: underline; font-weight: bold }


li {
  padding-bottom: 12px ;
  }

/* layout */

#whole {
  width: 770px; 
  background-color:#ffffff; 
  margin: 0 auto;
  }

#content {
  min-width: 740px ;  
  background-color: #fff ;
  overflow:hidden;
  position:relative;
  /*margin:0 auto;*/
  }

#fatmaincol {
	width: 100%;
}

#smallmenus {
  display: none ;
  }

#foot {
  clear:both;
  width:710px; 
	margin-left:20px;
	border-top:1px solid #006666;
}

#topannouncecol {
	float:left;
	display:inline;
	width:410px;
	margin-top:15px;
	margin-left:15px;
}

.introtext {
	width:725px;	
  margin-top:15px;
	margin-left:15px;
}

.ewiphndiv, .ewbbdiv {
  float:left;
  width:275px;
  margin-top:15px;
	margin-bottom:15px;
  margin-left:25px;
	border-top:2px solid #99cccc;
	border-left:2px solid #99cccc;
	border-right:2px solid #336666;
	border-bottom:2px solid #336666;
	background-color:#f2f2f2;	
	padding:5px;
	display:block;   /*change this style along with the blogbox style below*/
}

.ewiphndiv img, .ewbbdiv img {
	float:right;
	padding-left:3px;
}

.ewiphndiv h1, .ewbbdiv h1 {
	font-size:1.3em;
	line-height:1em;
	width:75%;
	font-weight:bold;
	color:#006666;
	padding-bottom:3px;
	margin:0px;
	margin-bottom:8px;
	border-bottom:1px solid #336666;
}

.newsbox {
	width:725px;	
	margin:15px 0px 0px 15px;
	border-top:2px solid #99cccc;
	border-left:2px solid #99cccc;
	border-right:2px solid #336666;
	border-bottom:2px solid #336666;
	display:block;   /*change this style to show or hide a "latest news" announcement on page*/
	vertical-align:middle;
	background-color:#f2f2f2;
}

.newsboximgtd {
	border-right:4px groove #009999;
	padding:0px;
	vertical-align:middle;
}

.newsboxposttd {
	padding:5px;
}

.blogbox {
	width:100%;	
	margin-bottom:15px;
	border-top:2px solid #99cccc;
	border-left:2px solid #99cccc;
	border-right:2px solid #336666;
	border-bottom:2px solid #336666;
	background-color:#f2f2f2;	
	padding:0px;
	display:block;   /*change this style to show or hide the latest blog post on page*/
}

.blogimgtd {
	border-right:4px groove #009999;
	padding:0px;
	vertical-align:middle;
}

.blogposttd {
	padding:5px;
}

.blogtlnk {
	font-size:1.1em;
	font-weight:bold;
}

a.blogtlnk:link, a.blogtlnk:visited { 
	text-decoration:none; 
	color:#006666; 
}     
                                 
a.blogtlnk:hover { 
	text-decoration:none; 
	color:#009999; 
}

.pmxblue {
color:#000066;
font-weight:bold;
}

.pmxgreen {
color:#006666;
font-weight:bold;
}

.infobox {
  clear:both;
	width:180px; 
	float:left; 
	padding:0px; 
	border:3px double #006666;
	margin:15px 0px 0px 15px;
}

.infobox td {
	padding-left:4px;
	line-height:17px;
	}
	
ul.moreinflink {
  margin:0;
  margin-top:2px;
  padding:0;
  list-style-type:none;
}

.moreinflink li {
  padding-left:20px;
  padding-bottom:7px;
  background:url(pix3/bdots.gif) no-repeat top left;  
}
	
.searchline {
	border-top:1px solid #006666;
	padding-top:6px;
	padding-bottom:6px;
}

.freeprodbox {
	width:100%;
	padding:0px;
	border:3px double #006666;
	margin-top:15px;
}

.freeprodtxt {
	padding-bottom:8px;
}

ul.freeprodsep {
  margin:0;
  margin-top:2px;
  padding:0;
  list-style-type:none;
}

.freeprodsep li {
	border-top:1px solid #006666;
	padding-left:20px;
	padding-bottom:2px;
	background:url(pix3/bdots.gif) top left no-repeat;
}

.topmaincol {
width:740px;
margin:15px 0px 15px 0px;
}

.btmmaincol {
clear:both;
width:740px;
margin:15px 0px 15px 0px;
}

.ewgoprodbox {
  clear:both;
	width:180px; 
	float:left; 
	padding:0px; 
	border:3px double #006666;
	margin-left:15px;
}
.ewgoprodbox img {
float:left;
padding-right:5px;
}
.ewgoprodbox .ewg-info {
padding:5px 0px 5px 10px;
}
.ewgoprodbox .ewg-for {
padding:2px 5px 0px 10px;
text-align:right;
width:10%;
}
.ewgoprodbox .ewg-avail {
padding:2px 4px 4px 0px;
width:90%;
}
.ewgoprodbox .ewg-more {
padding:0px 4px 5px 10px;
}
.trademark {
font-size:13px;
}

.ewtopbox {
	width:530px;
	float:left;
	margin-left:15px; 
	padding:0px 0px 4px 0px; 
	border:3px double #006666;
}

.regmark {
font-size:.8em;
vertical-align:super;
color:#003399;
}

.prodleftpad {
	padding-left:10px;
	}

.boxlinks {
	padding-top:9px;
	padding-bottom:9px;
}

.righttopbox {
	width:530px; 
	float:left; 
	margin:15px 0px 0px 15px;
	padding:0px; 
	border:3px double #006666;
}

.rightbtmbox {
	width:530px; 
	float:left;
	padding:0px;
	border:3px double #006666;
	margin:15px 0px 20px 15px;
}	
	
.btmboxrightpad {
	width:45%;
	padding-right:10px;
	}
	
.btmboximgtd {
	width:5%;
	}

.cartexttd {
	width:25%;
	padding-right:3px;
	}
		
.paypalimgtd {
	width:20%;
	padding-right:10px;
	}

.awrds img {
	margin-top:15px;
}

.suptbox {
	margin:15px;
	clear:both;
}

.titleinbox {
	background-color:#006666;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	padding-top:4px;
	padding-bottom: 4px;
	}

.spacer {
	color: #003399; 
	text-decoration: none; 
	font-weight: bold;
	}
	
a.spacer:link { 
	color: #003399; 
	text-decoration: none; 
	font-weight: bold; 
	}
	
a.spacer:hover { 
	color: #cc0000; 
	text-decoration: underline; 
	font-weight: bold; 
	}

.spacerlt {
	color: #003399; 
	text-decoration: none; 
	font-weight: normal;
	}
	
a.spacerlt:link { 
	color: #003399; 
	text-decoration: none; 
	font-weight: normal;
	}
	
a.spacerlt:hover { 
	color: #cc0000; 
	text-decoration: underline; 
	font-weight: normal;
	}
	
#hline {
	padding-bottom:2px;
	padding-left:70px;
}

#hline2 {
	padding-bottom:2px;
	padding-left:63px;
}

.hline {
	padding-top:6px;
	padding-bottom:6px;
}


.whattd {width:180px;}
a#what img {background: url(site/pix/wnew.png) no-repeat;border:none;}
a#what:hover img {background: url(site/pix/wnew2.png) no-repeat;border:none;}

.mprx { text-decoration: none; color: #000000 }
a.mprx:link { text-decoration: none; color: #000000 }
a.mprx:visited { text-decoration: none; color: #000000 }
a.mprx:hover { text-decoration: none; color: #990000 }

.pmx { font-size: 13px; line-height: 17px; color: #000000; }
.tlnk { font-size: 13px; font-weight: bold; line-height: 17px; text-decoration: none; color: #003399 ;}
a.tlnk:link { text-decoration: none; color: #003399 }                                      
a.tlnk:hover { text-decoration: none; color: #990000 }    

.bewlnk { font-size: 1.4em; font-weight: bold; text-decoration: none; color: #003399;}
a.bewlnk:link { text-decoration: none; color: #003399 }                                      
a.bewlnk:hover { text-decoration: none; color: #990000 }

.bewgolnk { font-size: 1.2em; line-height:1.2em; font-weight: normal; text-decoration: none; color: #000000;}
a.bewgolnk:link { text-decoration: none; color: #000000; }                                      
a.bewgolnk:hover { text-decoration: none; color: #990000; }  

.mprxlite { text-decoration: none; color: #000000; font-weight: bold;}
a.mprxlite:link { text-decoration: none; color: #000000; font-weight:bold;}
a.mprxlite:visited { text-decoration: none; color: #000000; font-weight:bold; }
a.mprxlite:hover { text-decoration: none; color: #bb0000; font-weight:bold; }


.gotomobile {
	padding:2px;
	border: 2px double #003333;
	text-align: center;
	font-weight: bold;
	display:none;
	background-color: #99CCCC;
	}

.nobreak {
  white-space: nowrap
  }

.lmlnk { color: #003399; text-decoration: none; font-weight: bold}
a.lmlnk:link { color: #003399; text-decoration: none; font-weight: bold }
a.lmlnk:visited { color: #003399; text-decoration: none; font-weight: bold }
a.lmlnk:hover { color: #990000; text-decoration: underline; font-weight: bold }

.dlnk { text-decoration: none; color: #000000 }
a.dlnk:link { text-decoration: none; color: #000000 }
a.dlnk:visited { text-decoration: none; color: #000000 }
a.dlnk:hover { text-decoration: underline; color: #990000 }

.wblnk { color: #ffffff; text-decoration: none; font-weight: bold }
a.wblnk:link { color: #ffffff; text-decoration: none; font-weight: bold }
a.wblnk:visited { color: #ffffff; text-decoration: none; font-weight: bold }
a.wblnk:hover { color: #ffffff; text-decoration: underline; font-weight: bold }

.pcent {text-align:center;}