body {font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; font-size: medium; background-color: #fff; border: 1px solid black;}
em {
color: black; font-style: italic;}
p { color: #black; text-indent: 20px; font-size: 1em; font-family: Times, Helvetica, Geneva, Swiss, serif; }
p.first:first-letter{font-size: 2em; font-family: fantasy;}
pre { color: white; font-size: 1.2em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
blockquote { color: #ffc; font-size: 0.8em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;}

.sidebar {color: black; background-color: white; float: right; width: 250px; margin: 5px; margin-right: 80px; border: black solid 10px; font-size: 1.2em;}


h1 { width: 202px; height: 52px; padding-left: 300px; margin-left: 300px; background-image: url(../images/spacer.gif); background-repeat: no-repeat;}

h1 span{display: none;}
h2 { color: black; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; background: white;}
h3 { color: #ECA826; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;}
h4 { color: black; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; padding: 25px;}
h5 { color: #639c9c; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
h6 { color: #639c9c; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
img { font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; border: 0px; }
ol { color: black; font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
ul { color: black; font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; list-style: none;}
ul.p{ color: #black; text-indent: 20px; font-size: 1em; font-family: Times, Helvetica, Geneva, Swiss, serif; list-style: none;}
li {background-image: url(../images/graybullet.png); background-repeat: no-repeat; background-position: 4px 4px; padding: 0 20px;}

.callout{
background: #ddd;
border: 1px solid black;
color: black;
text-align: center;
margin: 3%;
padding: 4px;
width: 90%;
size: 1.2em;
overflow: hidden;
}
.toppers{
background: #BAAB67;
color: black;
border: 1px solid black;
font-size: 1.2em;
font-style: oblique;
margin: 3%;
padding: 4px;
size: 1.2em;
}
#nav {
left: .5em;
background: #ffffcc;
padding: 5px;
border: 2px solid black;
margin: 20px;
width: 160px;
color:red;
float: left;
}
#nav .toppers {font-size: 1em; text-align: center;}




#header {
border: 3px groove black;
background-color: #5e7197;
background-image: url(../images/becompfree_logo4.gif);
z-index: 200000;
background-repeat: no-repeat;
background-position: left;
width: 93%;
height:120px;
margin-left: 20px;
}
#wizheader {
border: 0;
background-color: transparent;
background-image: url(../wizard/images/wizardheader_logo.gif);
z-index: 200000;
background-repeat: no-repeat;
background-position: left;
width: 835px;
height:120px;
margin-left: 20px;
}




#bottom {background: #ffffcc;
padding: 5px;
margin: 20px;
}

#bottom p{
text-align: left; color: black;}

#middle{
margin-left: 210px;
margin-right: 5%;
background-color: transparent;
padding: 5px;
}

.tabbers {
background-color: #baab67;
color: white;
border: 2px solid black;
border-bottom: none;
font-size: 1.2em;
margin-top: 15px;
margin-bottom: 0;
padding: 10px;
}
#tabs {font-weight: bold;}
#tabs a:visited {color: black;}
#tabs a:hover {color: #ed1c24;}
#tabs a {color: black;}
#tabs td{padding-right: 20px;}

#bulk {
margin: 0;
background-color: white;
padding: 5px;
border: 2px solid black;
}


/*
#tabs{

margin-left: 210px;
margin-right: 5%;
margin-top: 20px;
background-color: white;
padding: 5px;
text-align: center;
}

*/

#footer {
background-color: white;
color: black;
text-align: center;
padding: 15px;
margin: 10px;
font-size: .9em;
clear: both;}

/* This is the navigation bar menu area */

a.menu
{
color: #baab67;
display:block;
width:100%;
height:1.5em;
background-color:#0054a6;
text-align: center;
vertical-align: bottom;
text-decoration:none;
}

a.menu:visited
{
color: #baab67;
display:block; 
width:100%; 
height:1.5em; 
background-color:#0054a6;
text-align: center;
vertical-align: bottom;
text-decoration: none;
}

a.menu:hover
{
display:block;
width:100%;
height:1.5em;
color: #0054a6;
background-color:#baab67;
text-align: center;
vertical-align: bottom;
text-decoration:none;
}

a { color: #0063cc; font-size: 0.95em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }


a:visited { color: #006363; font-size: 0.95em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
a:hover { color: red; font-size: 0.95em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
a:active { color: red; font-size: 0.95em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }

.cellcolor { background-color: #639c9c }
.rev_type { color: white; font-weight: bold; font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-decoration: none }
.g_nav_cellcolor { color: #ffffce; background-color: #9c9 }
.a_type_color { color: #366; font-size: 0.9em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-decoration: none }

#ediv1 {	
background: url(../images/spacer.gif)transparent url(../images/reindeer.gif) top left no-repeat; 
position: absolute;
top: 20px; 
right: 150px; 
width: 140px; 
height: 290px;}

img.product {
margin-left: 10px;
margin-bottom: 2px;
padding: 10px;}

p.caption{color:black; text-align: center; vertical-align: top;}

.border {border: solid black 1px;}

h3.callout {color: #0054a6; clear: right; border: 1px solid #aaa;}

.rightpic {float: right; width: 150px; margin: 10px; margin-top: 0; margin-right: 40px; font-style: italic; font-weight: bold; text-align: center; vertical-align: top;}

#pricing img{float: right; width: 300px; margin: 10px; margin-top: 0; margin-right: 40px; font-style: italic; font-weight: bold; text-align: center; vertical-align: top; border: 0;
}

.leftpic {float: left; width: 150px; margin: 10px; margin-top: 0; font-style: italic; font-weight: bold; vertical-align: top;}

#materials {width: 500px;}

td {margin: 0; padding: 0; vertical-align: bottom; color: black;}

.actual td, th, li{vertical-align: top; color: green; }
.actual td, li {padding-top: 0; margin-top: 0; color: black;}
.actual td {border: 1px solid black;}
.actual table {padding-top: 0; margin-top: 0;}

#chemcos td{width: 150px; text-align: center; border: 1px solid black; border-bottom: none; border-left: none; border-right: 1px solid #bbb;}
#chemcos th{width: 150px; text-align: center;}
#chemcos td.type{color: green; font-weight: bold;}
#chemcos tr{color: black;}

.checklist{
background: #a2dd5b;
color: black;
border: 1px solid black;
font-size: 1.2em;
font-style: oblique;
margin: 20px;
padding: 2px;
size: 1.2em;
}


.leftcheck {text-align: left; width: 300px;}

.totop {text-align: right;}
.totop a{color: blue;}

.testsep{border: 1px solid black; margin: 5px;}