@import "topnav.css";
@import "footer.css";

body { background:#2c3182 url(../images/bg.gif) repeat-x top; color:#000000; font-family: Arial, Frutiger, "Myriad Pro", sans;}

a { text-decoration:none; display:inline; color:#1f1a50; }
a:hover { text-decoration:underline; }

table td { text-align:left; vertical-align:top; border-top:1px solid #F5F5F5; }
table tbody td { border-top:1px solid #F5F5F5; }
table th { text-align:center; vertical-align:bottom; background:#F5F5F5; }
table caption { text-align:left; }
ul, ol { margin-bottom:6px; padding-bottom:5px; }


/* .container { background:#FFFFFF url(../images/bg-main.jpg) no-repeat 0 225px; padding-bottom:10px; margin:0; } */

.container { background:#FFFFFF no-repeat -893px -5px; padding-bottom:5px; margin:0; }
.container h1{margin-left:10px; }
.container h3{margin-left:10px; }
.header { width:778px; height:154px;  }

.topnav { width:778px; height:32px; position:relative; z-index:100; color:#000000;  background:#FFFFFF; }
.topnav ul { width:777px; height:31px; background:#000000; border-color:#FFFFFF; border-style:solid; border-width:1px;}


.topnav ul a, .topnav ul a:link, .topnav ul a:active, .topnav ul a:visited, .topnav ul a:hover { font-size:14px; }
.topnav ul ul a, .topnav ul ul a:link, .topnav ul ul a:active, .topnav ul ul a:visited, .topnav ul ul a:hover { font-size:13px; }
.topnav li.activeOn, .topnav li.activeOn a:active, .topnav li.activeOn a:visited, .topnav li.activeOn a:link { background:#617C8B; }
.topnav li.firstnav a, .topnav li.firstnav a:link, .topnav li.firstnav a:active, .topnav li.firstnav a:visited, .topnav li.firstnav a:hover {width:254px}
.topnav li.secondnav a, .topnav li.secondnav a:link, .topnav li.secondnav a:active, .topnav li.secondnav a:visited, .topnav li.secondnav a:hover { border-right:0 solid #FFFFFF; width:254px;}
.topnav li.lastnav a, .topnav li.lastnav a:link, .topnav li.lastnav a:active, .topnav li.lastnav a:visited, .topnav li.lastnav a:hover { border-right:0 solid #FFFFFF; width:236px;}
.topnav li.firstnav { border-left:0; width:265px}
.topnav li.secondnav { border-left:0; width:265px}
.topnav li.lastnav { border-left:0; width:230px}
.topright, .topright a { color:#FFFFFF; font-size:0.83em; font-weight:bold; }
.topright a { margin:auto 10px; text-transform:uppercase;}
.topright { text-align:right; }
.footer { height:60px; clear:both; color:#FFFFFF; font-size:0.67em;  margin-top:9px; }
.footer a { color:#FFFFFF; text-decoration:none; }
.footer a:hover { color:#FFFFFF; text-decoration:underline;  }
.footer .familySites { color:#FFFFFF }

.bottombar { clear:both; height:1px; display:none;  }

/*
.topnav ul { width:778px; height:auto; }
.topnav li { background: #2C3182; border-right:1px solid #D4D4D4; border:2px solid white; }
*/




.banner { background:#FFFFFF url(../images/bg-main2.jpg) no-repeat 0 -80px; margin:0; padding:0;  }
.banner p { text-decoration:none; letter-spacing:normal; font-weight:normal; text-transform:uppercase; font-size:1.9em; line-height:1.9em; margin:0 0 0 24px; padding:14px 0 0 0; }
.banner, .banner a { color:#2C3182; }
.banner span { color:#000000; font-variant:small-caps; }




.halfwide { width:262px; margin:10px auto; padding:5px 4px; float:left; }
.red { font-size:150%; color:red; }
.disclaim { font-size:85%; font-style:italic; text-align:left; }
.prodshot { text-align:center; color#000000; margin:5px auto; }
.sm {  }
.intro { font-size:17px; letter-spacing:0.01em; font-weight:400; color:#000000; }
.wrapProd { border-bottom:1px dashed #CCCCCC; border-top:1px solid #CCCCCC; background:#ecf0f5; }
.halfwide p.halfOil, .halfwide p.halfLatex { background:url(../images/zap-oil-primer-sm.gif) no-repeat 3px 0; padding-left:80px; height:78px; }
.halfwide p.halfLatex { background:url(../images/zap-latex-primer-sm.gif) no-repeat 3px 0; }
.ssb, .sb { text-align:center; }

td.ssb, td.sb { vertical-align:middle; }
.solution { color:#DF8713; font-weight:bold; }
.smap { margin-left:90px;  }
.smap h5 { margin-top:30px; }
.top { text-align:right; clear:both; }
.top a { color:#2C3182; text-decoration:underline; }
.top a:hover { color:#2C3182; text-decoration:none; }

/* homepage */

.fla {  height:220px; text-align:center; background:#FFFFFF; padding:2px 2px; position:relative; z-index:0; width:774px; }
/* #fla { position:absolute; width:768px; height:220px; left:5px; z-index:0; } */
/* #swf1, #swf2 { position:absolute; top:0; left:2px; display:none; } */
/* homepage - wells */
#homepgblockwrap { height:auto; min-height:200px; margin:20px 0 4px 0; padding:0 0 0 2px; width:776px; text-align:left; clear:both;  }
.homepgblock, .lasthomepgblock { width:251px; padding:0; height:220px; border:1px solid #C4A337; margin:0 3px; font-size:1em; background:#FFFFFF; text-align:left; }
.firsthomepgblock { width:252px; margin-left:0; }
.lasthomepgblock { margin-right:0; }

.homepgblock h3, .lasthomepgblock h3, .homepgblock h3 { font-size:20px; color:#FFFFFF; width:auto; font-weight:normal; background-color:#000000; height:40px; margin:0; padding:0; vertical-align:baseline; margin-bottom:15px; }
.homepgblock h3 a:link, .homepgblock h3 a:active, .homepgblock h3 a:visited, .homepgblock h3 a { text-decoration:none; display:block; width:auto; background:#C4A337; color:#FFFFFF; margin:0 0 0 0; padding:10px 0 10px 6px;  border-bottom:1px solid #C4A337; position:relative; }
.homepgblock h3 a:hover { background-color:#FFFFFF; color:#C4A337; text-decoration:none; display:block; }
.homepgblock p { margin-bottom:15px; margin-left:7px; }
.homepglogos { clear:both; }
.titleimg { width:100px; height:auto; float:right; text-align:center; padding-bottom:4px;  padding-right:2px; }
.titleimg img { display:inline; }
.linkbt { clear:both;  text-align:right; margin-right:2px; }
.linkbt a { border:1px solid #C4A337; font-variant:smallcaps; font-size:0.83em; padding:0 3px; }
.linkbt a:hover { border:1px solid #C4A337; font-variant:smallcaps;  text-decoration:none; background:#C4A337; color:#FFFFFF; }

/* leftnav */

.leftnav a { color:#14506E; text-decoration:underline; }
.leftnav a:hover { color:#BA8722; text-decoration:none; }
.leftnav ul {  border:1px solid #CCCCCC; margin-top:10px; padding:1px; background:#000000; }
.leftnav ul li { padding:auto 1px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background:#F5F5F5;  }
.leftnav ul li a { margin:0; padding:0; display:block; width:135px; height:auto; text-decoration:none;  }

h1, h2, h3, h4, h5, h6 { color:#000000; margin: 4px auto; padding:5px auto; }
h1 { font-size: 1.8em; line-height:1.8em;  }
h2 { font-size: 1.5em; line-height:1.5em; }
h3 { font-size: 1.2em; line-height:1.1em; }
h4 { font-size: 1.1em; line-height:1.1em;  }
h5 { font-size: 1.1em; line-height:1em; }
h6 { font-size: 1em; font-weight:normal;  }

/* content */
.columnwrapper { font-size:0.87em; text-align:left; margin-left:25px; width:753px; margin-top:0; padding-top:0;} 
.column2wrapper { background:#FFFFFF; margin-top:0; padding-top:0; font-size:0.87em; }
.column2wrapper p, .wrapProd, .columnwrapper p { margin:2px auto 14px; padding:2px 10px; }
.wrapProd p { vertical-align:top; }
.column2wrapper ul, .column2wrapper ol, .columnwrapper ol, .columnwrapper ul { margin:0 10px 9px; padding:0 0 0 23px; }
.column2wrapper ul li, .column2wrapper ul li { margin:auto; padding:0 0 0 10px;  }
.column2wrapper ul, .column2wrapper ul li, .columnwrapper ul, .columnwrapper ul li { list-style-type:disc; }

.column2wrapper .itm { margin:10px 0; padding:0 5px; border-top:1px dashed #CCCCCC; position:relative; }
.column2wrapper .itm .problem { margin:8px 0; padding:0; font-weight:bold; }

.column2wrapper .itm .solution { margin:3px 0 0 0; padding:0; }
.column2wrapper .itm .solution span { display:block; padding-left:143px; }
.column2wrapper .itm ol { width:350px; float:left; }
.column2wrapper .itm .solution img { width:100px; height:100px; border:1px double black; float:left; padding:2px; margin-left:6px;}

.column2wrapper a:link, .column2wrapper a:active, .column2wrapper a, .columnwrapper a { text-decoration:underline; color:#306CB9; }
.column2wrapper a:hover, .columnwrapper a:hover { text-decoration:none; color:#0F70F8; }

.column2wrapper hr { color:#F5F5F5; width:80%; text-align:center; }


/* tables */

table.tblProducts { border:1px solid #CCCCCC; text-align:center; width:65%; margin:15px 0;  }
table.tblProducts caption { color:#000000; }
.tblProductsWrap { text-align:center; height:auto;  }

table.tblProducts th span { display:block; }