/* The main blue color is background-color:#0054a6; */



body {font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; font-size: medium; background-color: #fff; border: 1px solid black; min-width: 940px; max-width: 1300px;
}
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 }
.red {color: #ED1c24; padding-left: 20px;}

em {
color: black; font-style: italic;}
p { color: black; font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, serif;
margin-left: 20px; }

pre { color: white; font-size: 1.2em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
blockquote { color: black; font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }

.sidebar {color: black; background: white; float: right; width: 250px; margin: 5px; margin-bottom: 40px;  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: #f2555b;}
h3 { color: #0054a6; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
h4 { color: #639c9c; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif }
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: #ffc; 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;}
th{color: black;}
.points li {background-image: url(../images/graybullet.png); background-repeat: no-repeat; background-position: 4px 4px; padding: 0 20px;}
#side li {background-image: url(../images/graybullet.png); background-repeat: no-repeat; background-position: 4px 4px; padding: 0 20px;}

.callout{
background: #eee;
border: 1px solid #aaa;
color: black;
text-align: left;
margin: 3%;
padding: 3px;
width: 165px;
size: 1.2em; 
}

.callback {  /* This is to override the change I made about to make width 170px */
	width: 90%;
}


.toppers{
background: #fff;
color: black;
font-size: 1em;
font-style: oblique;
margin: 3%;
margin-top: 30px;
margin-bottom: 25px;
padding: 3px;
width: 95%;
size: 1.2em; 
border-top: 2px solid black;
border-bottom: 2px solid black;
overflow: hidden;
}
#nav {
left: .5em;
background: #ffffff;
padding: 5px;
margin: 20px;
margin-top: 47px;
width: 160px;
color:red;
float: left;
}
#nav .toppers {
height: 50px;
padding-top: 20px; 
font-size: 1em; 
text-align: left;
}
#nav #browse {background: url(../images/nav_browse.gif) no-repeat top left;}

#nav #resource {background: url(../images/nav_resource.gif) no-repeat top left;}


#header {
background:#ffffff url(../images/becompfree_bg.gif) no-repeat center right;
z-index: 200000;

width: 95%;
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;}


/*
#rightside{
background: #ffffcc;
padding: 5px;
border: 2px solid black;
margin: 20px;
width: 250px;
color: teal;
float: right;
}

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

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

The above was the old right-side
*/



/*
#tabs {
margin-top: 20px;
padding: 3px;
padding-top:30px;

}

ul.tabbers {
	
	margin: -22px;
	float: left;
	
	padding-left: 20px;
	width: 100%;
}

.tabbers li {
	list-style: none;
	float: left;
	background: #FFF url(../images/right_side.png) no-repeat right top;
	margin-right:  5px;
}

.tabbers a {
	display: block;
	padding: 7px 15px 4px 15px;
	background-image: url(../images/left_side.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: .8em;
	text-transform: uppercase;
}

.tabbers a:hover {
	color:#F90;
}

*/

#middle{
margin-left: 210px;
margin-right: 25px;
padding: 5px;
}

.tabbers td{
background: white url(../images/tab_bg_there.gif) no-repeat bottom center;
width: 180px;
color: white;
border-bottom: none;
font-size: 1em;
margin-top: 20px;
margin-bottom: 0;
padding: 10px;
padding-bottom: 7px;
}

.tabbers a{
padding-bottom: 0; 
margin-bottom: 0;
text-decoration: none;
}


#tabs {font-weight: bold;}
#tabs a:visited {color: white;}
#tabs a:hover {color: #2ac4f4;}
#tabs a {color: white;}
#tabs td{
padding-right: 10px;
padding-top: 20px;
text-align: center;
}

.subtabs td{
background-color: #eee;
border: 1px solid #aaa;
width: auto;
font-size: 1em;
margin-top: 20px;
margin-bottom: 0;
text-align: center;
padding: 5px 20px;
}

#home #tabs #homeLink{background: white url(../images/tab_bg_here.gif) no-repeat bottom center;
}
#home #tabs #homeLink a{color: black; text-decoration: none;
font-size: 1em;
}

#resource #tabs #resourceLink{background: white url(../images/tab_bg_here.gif) no-repeat bottom center;
}
#resource #tabs #resourceLink a{color: black; text-decoration: none;
font-size: 1em;
}

#member #tabs #memberLink{background: white url(../images/tab_bg_here.gif) no-repeat bottom center;
}
#member #tabs #memberLink a{color: black; text-decoration: none;
font-size: .8em;
}

#bulk {
margin: 0;
background-color: white;
padding: 5px;
border: 3px solid #bbb;
border-top: 0;
}

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

/* This is the navigation bar menu area */

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

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

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

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

.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;}




.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; }

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

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

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

#butt {color: teal;}

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

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

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;}



#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: left;}
.totop a{color: blue;}

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

#table {border: 1px solid black; width: 300px; text-align: center;}
#table li{text-align: left; color: teal;}

#lefty img{
float: left; 
width: 350px;
margin: 20px; 
margin-top: 30px;
margin-bottom: 20px; 
font-style: italic; 
font-weight: bold;}

#righty img{
float: right; 
width: 328px;
height: 158px;
margin: 20px; 
margin-top: 30px;
margin-bottom: 20px; 
font-style: italic; 
font-weight: bold;}
#righty_about img{
float: right; 
width: 187px;
height: 158px;
margin: 20px; 
margin-top: 30px;
border: 2px solid black;
margin-bottom: 20px; 
font-style: italic; 
font-weight: bold;}
#righty_published img{
float: right; 
width: 187px;
height: 158px;
margin: 20px; 
margin-top: 30px;
border: 2px solid black;
margin-bottom: 20px; 
font-style: italic; 
font-weight: bold;}

#materials img{
float: right; 
width: 225px;
height: 115px;
margin: 40px; 
margin-top: 5px;
margin-bottom: 10px;
vertical-align: top; 
}


#quote {color: black; background: teal; float: right; width: 250px; margin: 5px; margin-bottom: 40px;  font-size: 1.2em;}

.come_on{vertical-align: middle; padding: 25px;}

.fixedwidth {width: 450px;} /* on the form */

p.quote{
padding: 10px;
font-weight: bold;
}
em.quoter{
padding-top: 40px;
color: #ED6733;
text-indent: 3em;
font-weight: normal;
}

td.subcats{padding: 20px; width: 47%; background-color: #a6cdf4; border: 1px solid red; vertical-align: top;}
td#spacer{width: 10px;}
#bulk span{color: red; font-size: 1.5em; font-weight: bold; font-style: italic;}
td.top{vertical-align: top;}
.center {text-align: center;}
#bannerad img{border: 1px solid black; text-align: right;}
#bannerad p{text-align: left;}