* {
 padding: 0;
 margin: 0;
}
html {
	/* http://www.splintered.co.uk/experiments/49/ */
	min-height: 100%;
	margin-bottom: 1px;
}
.li {
display: block;

margin: 1em 0;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 color: #333;
 font-size: 62.5%;
 background: #00529b;
 text-align: center;
 }

#wrapper {
 text-align: left;
 width: 800px;
 margin: 1em auto 0 auto;
/* clear: both;*/
background: #FFF;
padding: 0 0 1em 0;
 }
 
#navbar {
position: relative;
border: 1px solid #FFF;
border-top: none;
border-bottom: none;
margin: 0;
background: #56b714 url(../img/sub-head-green.jpg);
min-height:34px; 
height:auto;
font-size: 1.2em;
}
/* for Internet Explorer */
/*\*/
html #navbar {
height:34px;
}
/**/

#search {
position: absolute;
right: 10px;
top: 5px;
}

#header {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(../img/header.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header {
 height: 143px;
}
/**/

#header-meeting {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(../img/header-meeting.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-meeting {
 height: 143px;
}
/**/

#header-pills {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(../img/header-pills.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-pills {
 height: 143px;
}
/**/

#header-tube {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(../img/header-tube.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-tube {
 height: 143px;
}
/**/

#header-product {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(../img/header-products.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-product {
 height: 143px;
}
/**/

#header-simple {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(../img/header-simple.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-simple {
 height: 143px;
}
/**/

#header-fire {
 border: 1px solid #FFF;
 margin: 0;
 height: 143px;
 padding: 0px;
 background: url(../img/header-ccl-needs.jpg);
 min-height:143px; 
 height:auto;
}
/* for Internet Explorer */
/*\*/
html #header-fire {
 height: 143px;
}
/**/

#sub-header {
background: #ba1523;
border: 1px solid #FFF;
border-bottom: none;
padding: 4px 7px;
text-align: left;
font-size: 1.2em;
color: #FFF;
}

#sub-header ul {
margin: 0 0 0 1em;
}

#content {
background: #FFF;
}

.koolwatch {
position: relative;
bottom: 10px;
}
#leftcolumn { /* Parent Wrapper for inside boxes */
 margin: 0;
 display: inline; /* IE Hack */
 width: 227px;
 float: left;
 /*border: 1px solid #FFF;*/
 border-top: none;
 border-bottom: none;
/* background: #FFF url(../img/sidebar.jpg) no-repeat; */
height: auto;
/* min-height: 1300px;*/
 padding:0;
}

/* * html #leftcolumn {height:1300px} /* IE Min-Height Hack */ 

#leftcolumn .content {
display: block;
margin: 1em 0 0 0;
/*padding: .5em;*/
}
#leftcolumn .sidebar-photo {
display: block;
margin: 3em 2em 0em 2em;
padding: 8px;
border: 1px solid #059;
border-top: 10px solid #059;
text-align: center;
}
#placeholder {
position: relative;
left: 7px;
}
#centercolumn {
 border: 1px solid #FFF;
 border-right: none;
 border-bottom: none;
 display: inline; /* IE Hack */
 width: 572px;
 /*margin: 0 0 0 20px;*/
/* background: url(../img/page.jpg) top right repeat-x;*/
 padding: 11px 0 0 0;
 float: left;
 background: #FFF;
 min-height: 300px;
}

* html #centercolumn {height:300px} /* IE Min-Height Hack */ 

#centercolumn .q {
font-weight: bold;
color: #05a;
font-size: 1.4em;
padding: 1em 0 0 0;
border-top: 3px solid #DDD;
}

.cat1, .cat2, .cat3 {
width: 199px;
border-right: 1px solid #CCC;
float: left;
height: 350px;
position: relative;
}
.cat4 {
width: 200px;
float: left;
height: 350px;
position: relative;
}

div>.cat1, .cat2, .cat3, .cat4 {
height: 310px;
}

.cat1 {
background: url(../img/index-cat1.jpg) top left no-repeat;
}
.cat2 {
background: url(../img/index-cat2.jpg) top left no-repeat;
}
.cat3 {
background: url(../img/index-cat3.jpg) top left no-repeat;
}
.cat4 {
background: url(../img/index-cat4.jpg) top left no-repeat;
}

#footer {
 border: 1px solid #FFF;
 border-top: none;
 background: #02529b url(../img/footer.jpg) bottom no-repeat;
/* display: inline; /* IE Hack  - DO ME PLEASE - get this to be 800px for ie5.5 */
 width: 798px;
 margin: 0 auto 3em auto;
 color: #FFF;
 text-align: center;
 height:auto;
 padding: 10px 0;
 font-size: 1.2em;
text-align: center;
}

.index-photo {
margin: 10px;
}

table {
border-collapse: collapse;
/* border-left: 1px solid #999;
border-right: 1px solid #999; */
clear: both;
margin: 1em;
font-size: 11px;
margin: 4px 0;

}
.side-border td {
/* border-right: 1px solid #999; */
}
td, th {
/* border-bottom: 1px solid #999; */
padding: 5px;
}

td ul li {
margin: 0 0 0 -20px;
}

td ul {
margin-top: 0px;
}

.indent {
padding: 0 0 0 20px;
font-style: italic;
}

th {
text-align: left;
padding: 5px;
}
table table{
width: 460px;
border-right: 1px solid #CCC;
}
table table table {
border-right: none;
width: 180px;
}
table table td {
border: 1px solid #CCC;
}
table table table td, #instruction td, #instruction {
border: none;
}
input.number {
text-align: left;
}
.instruction {
background: #DDD;
font-size: 1.4em;
color: #036;
}

th {
background: #EEE;
border-left: 1px solid #EEE;
border-bottom: 1px solid #EEE;
}
.tile {
width: 400px;
margin: 10px 0 0 20px;
}
#upper-excursion input, #lower-excursion input {
width: 100px;
margin: 0 1em;
}
#upper-excursion, #lower-excursion{
margin: 0 0 0 10px;
}
.tile img  {
border: none;
}

label {
font-size: 1.2em;
display: block;
margin: .5em 0 0 0;
}

#contact form {
margin: 0 10px;
padding: 10px 0;
}

#contact textarea, #contact input {
border: 1px solid #CCC;
padding: 2px;
font-weight: bold;
color: #333;
}

#sub-meta {
background: url(../img/sub-meta.jpg) 0 50% no-repeat;
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
padding: 4px 16px;
}

#sub-meta h1 {
font-size: 1.8em;
}

input { position: relative; left: 4px; }
table { position: relative; right: 3px; }
/* ---- TYPE ---- */

#leftcolumn h1 {
font-size: 1.4em;
color: #047;
}
#leftcolumn h2 {
margin: .5em 0 0 0;
font-size: 1.2em;
color: #900;
font-weight: normal;
}
div>#leftcolumn h2 {
margin: 0 0 0 0;
}
#leftcolumn p {
font-size: 1.2em;

}

#leftcolumn ul, #leftcolumn li{
margin: 0;
padding: 5px 0 0 10px;
color: #05a;
}

#leftcolumn ul {
margin: -.5em 0;
}

#centercolumn h1 {
font-size: 2.4em;
font-weight: normal;
margin: 10px;
}

#centercolumn h2 {
font-size: 1.8em;
font-weight: normal;

}

#centercolumn h3 {
font-size: 1.6em;
margin: 10px 20px 10px 0px;
color: #047;
}

#centercolumn h4 {
font-size: 1.4em;
margin:0 20px;
color: #047;
}

.green-border {
border-top: 2px solid #9C0;
padding: 15px 0 0 0;
}

#centercolumn p {
font-size: 1.2em;

line-height: 1.4;
}

#centercolumn li p {
font-size: 1em;
padding: 0;
margin: 0;
color: #333;
}

#centercolumn .blue {
color: #05A;
}
#centercolumn .link ul {
list-style-type: none;
font-size: 1.2em;
margin: 10px 20px 10px 20px;
}
#centercolumn .link li {
padding: 0 0 0 22px;
background: url(../img/arrow.jpg) top left no-repeat;
height: 22px;
line-height: 1.6;
}

.space {
padding: 1em 0;
}

.cat h1 {
font-size: 1.6em;
font-weight: normal;
color: #FFF;
position: relative;
top: 10px;
left: 3px;
}

.cat img {
margin: 20px 0 0 0;
}

.thumb {
padding: 1px;
border: 1px solid #999;
margin: 0 1em 1em 0;
position: relative;
left: 20px;
float: left;
}

.cat p {
font-size: 1.1em;
margin: 15px 0 0 0;
padding: .5em;
}

.cat ul {
position: absolute;
bottom: 0;
font-size: 1.1em;
margin: .5em;
list-style-type: none;
}
.cat li {
padding: 0 0 0 22px;
background: url(../img/arrow.jpg) top left no-repeat;
height: 22px;
line-height: 1.6;
}

.on {font-weight: bold;}

ul {
list-style-type: none;
font-size: 1.2em;
margin: 10px 20px 10px 30px;
}

ul ul {
font-size: 1em;
}

ul li {
padding: 5px 0 5px 10px;
/*background: url(../img/bullet.jpg) 0 9px no-repeat;*/
color: #333;
}

ol {
margin: 0 0 0 40px;
font-size: 1.2em;
line-height: 1.4;
}

ol ol {
font-size: 1em;
}

ol li {
}

.sub-ul ul{}

.sub-ul li {
/*background: url(../img/sub-ul.gif) 0 7px no-repeat;*/
background: none;
padding: 0;
margin: 0;
list-style-type: square;
list-style-position: inside;
}

.sub-ul li a:link, .sub-ul li a:visited, .sub-ul li a:hover, .sub-ul li a:active {
margin: 0 0 0 -5px;
}

sub {
margin: 0 0 0 10px;
display: block;
}

.main-para {
font-weight: bold;
}
.drop {
font-size: 3.4em;
font-weight: bold;
color: #900;
float: left;
line-height: .7em;
padding: 2px 1px 0 0;
margin: 0 0 -2px 0;
}

#leftcolumn p {
margin: 1em 0 0 0;
}
/* ---- LINKS ---- */
#sub-header a:link {
text-decoration: none;
color: #FFF;
padding: 0 10px;
}
#sub-header a:visited {
text-decoration: none;
color: #FFF;
padding: 0 10px;
}
#sub-header a:hover {
text-decoration: underline;
color: #FFF;
padding: 0 10px;
}
#sub-header a:active {
text-decoration: none;
color: #FFF;
padding: 0 10px;
}

#footer a:link {
text-decoration: none;
color: #FFF;
}
#footer a:visited {
text-decoration: none;
color: #FFF;
}
#footer a:hover {
text-decoration: underline;
color: #FFF;
}
#footer a:active {
text-decoration: none;
color: #FFF;
}

#centercolumn ul a:link {
color: #05A;
}
#centercolumn ul a:visited {
color: #05A;
}
#centercolumn ul a:hover {
color: #07C;
}
#centercolumn ul a:active {
color: #05A;
}

#leftcolumn .content a:link {
color: #06C;
text-decoration: none;
}
#leftcolumn .content a:visited{
color: #06C;
text-decoration: none;
}
#leftcolumn .content a:hover{
color: #B20;
text-decoration: none;
}
#leftcolumn .content a:active {
color: #06C;
text-decoration: none;
}

.yel-text a:link{
color: #b80;
text-decoration: none;
}
.yel-text a:visited {
color: #b80;
text-decoration: none;
}
.yel-text a:hover {
color: #07c;
border-bottom: 1px solid #07c;
}
.yel-text a:active {
color: #b80;
text-decoration: none;
}

.pur-text a:link {
color: #728;
text-decoration: none;
}
.pur-text a:visited {
color: #728;
text-decoration: none;
}
.pur-text a:hover {
color: #07c;
border-bottom: 1px solid #07c;
}
.pur-text a:active {
color: #728;
text-decoration: none;
}

.gre-text a:link {
color: #592;
text-decoration: none;
}
.gre-text a:visited {
color: #592;
text-decoration: none;
}
.gre-text a:hover {
color: #07C;
border-bottom: 1px solid #07c;
}
.gre-text a:active {
color: #592;
text-decoration: none;
}

.red-text a:link {
color: #b21;
text-decoration: none;
}
.red-text a:visited {
color: #b21;
text-decoration: none;
}
.red-text a:hover {
color: #07C;
border-bottom: 1px solid #07c;
}
.red-text a:active {
color: #b21;
text-decoration: none;
}
img{
	border:none;
}

ul.prod_thumb  {
list-style-type: none;
margin: 4px 0 0 7px;
padding: 0;
width: 300px;
}
.prod_thumb li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
.prod_thumb li img {
margin: 0;
padding: 1px;
border: 1px solid #999;
}

.prod-span p {
margin: 0 0 .5em 0;
}
.prod-span ul {
	padding: 0;
	margin: 0;
	}
.sidebah ul li a:link {
text-decoration: underline !important;
}
.sidebah li a:visited {
text-decoration: underline !important;
}
.sidebah li a:hover {
text-decoration: underline !important;
}
.sidebah li a:active {
text-decoration: underline !important;
}

.sidebah li {
background: none;
padding: 0;
}
.sidebah ul{
padding: 0;
margin: 0;
}
ol ul li {
background: none;
}
td {font-size: 12px;}
.main table, .infos table {
margin: 0 10px;
border-collapse: collapse;
}

.infos td {
border-bottom: 1px solid #CCC;
}
.error-text {
color: #C00;
font-weight: bold;
}
li.error-text {
background: none;
margin: 0 0 0 -20px;
padding: 0;

}
h2.error-text {
margin: 0 10px -10px 10px;
}