/*typography*/
h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color:#62709d;
	}
	
h1.contentheadingprod {margin: 1.0em 0.8em 0 0.8em;}
h2 {
	font-size: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	color:#1c325b;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	color:#1c325b;
	}
h4 {
	font-size: 1.2em;;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#1c325b;
	}
h5 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#1c325b;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#1c325b;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.2em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
 p {
	margin: 1.2em 0em 1.2em 0em;
	} 
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.2em;
	}
strong, b {
	font-weight: bold;
	color: #0099FF;
	}
.blogprod  {
padding: 1.5em 1em 0 1em;
s} /* space */

#page {
padding: 0em 1em 0 1em;} /* space */

.contentdescriptionprod {clear: both; margin-bottom: 2em;}
/* ############# section boxes ###################### */
.leadingprod, .article_rowprod {margin: 0 0 1.5em 0;
}

.blogprod .contentheadingprod, .contentheadingp {
color: #003F7E;
margin: 0 0em 0em 0em;
background: #d4d4d4 url(../images/box-top.png) no-repeat top;
padding: 0.5em;
}

.product_icon, .leftad {
	float: left;
	margin: 0 10px 0.5em 2px;
	border:#ccc solid 1px;
		}

.rightimg {
	float: right;
	margin: 0 2px 0.5em 10px;
	border:#ccc solid 1px;
		}
		
.product_picture {border:#ccc solid 1px;
float: right;
margin: 0px 0px 0px 1em;
}

.leadingprod, .article_column {
background: #fff url(../images/box-bottom.png) bottom left;
width: 670px;
padding: 0 0 1em 0;
clear:left;}

.leadingprod p, .article_column p {
padding: 0em 0.8em 0em 0.8em;}

.read {text-align: right;
padding: 0.25em 1.5em 2.0em 0;
vertical-align: bottom;
clear: both;
}
.readonprod {
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-weight: bold;
	padding: 1em;
	text-align: center;
	border: 1px solid #cddde6;
	background: #fff url(../images/buttonlblue.png) repeat-x bottom left;
	font-size: 0.8em;
	float: right;
	clear: all;
	margin: 0.25em 0.8em 1em 0.8em;
}

a:link.readonprod, a:visited.readonprod {color: #4fa0ce;}

a:hover.readonprod {color: #003F7E;}
/* ############# pagination ###################### */
#main2 .pagination,#main .pagination {
}

ul.pagination {
list-style-type:none;
text-align:left;
background: #fff url(../images/buttonlblue.png) repeat-x bottom left;
border: 1px solid #cddde6;
padding: 0.5em;
margin: 0;
}

ul.pagination li {
display:inline;
text-align:left;
border-right: 1px solid #cddde6;
padding: 0.5em;
color: #ccc;
font-size: 0.8em;
}

ul.pagination li a {
color: #4fa0ce;
}


/* Contact Form */
.categorysect {
	font-size: 1.2em;
}

table.categorysect {
	width:90%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
		border-collapse:collapse;
	}

.categorysect td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:left;
	}				
.categorysect th {
	font-weight: bold;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}

/* ########################### contacts ########################### */

.contactsect p {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
	color:#62709d;}
div.contact_emailsect {
margin:10px 0;
}

address {
font-style:normal;
margin:10px 0;
}

address p {
line-height:1em;
}

.contact_emailsect label {
float:left;
font-weight:bold;
width:14em;
margin:10px 0 0;
color: #1c325b;
}

span.marker {
margin:0 10px 0 0;
}

.contact_email_checkbox label {
float:none !important;
}

.contact_emailsect label.copy {
width:90%;
padding:0 0 0 10px;
}

.contact_emailsect form {
background:#fff;
color:#000;
padding:20px;
margin:10px 0;
}

.contact_emailsect input {
background:#fff;
border: 1px solid #ccc;
color:#000;
padding:2px 2px 0;
margin:10px 0 0;
color: #000;
}



label.textarea {
float:none !important;
margin:10px 0;
display:block;
width:100%;
}

#contact_text {
width:80%;
height:150px;
border: 1px solid #ccc;
margin-bottom: 2em;}

.contact_emailsect input.invalid,.contact_emailsect textarea.invalid {
border:solid 2px red;
}

.contact_emailsect label.invalid {
color:red;
}

/* image media gallery */

	table.bottle  {
	width:100%;
	}

	.bottle td {
	border: 1px solid #ccc;
	text-align:left;
	padding: 1em;
	background: #f3f2f5;
	}
	.bottle tr {padding: 1em 0 1em 0;
	margin-bottom: 1em;
	color: #00CCFF;}
    .bottle td.lb {border: 1px solid #ccc;
	padding: 1em;
	text-align: center;
	background: #fff;
	}
	
	.rubberdoc {font-size: large;}


/*section manager */
.contentdescriptionprod ul {
list-style:none;
padding: 0;
margin: 0;
font-size: 0.9em;
}
.contentdescriptionprod li {
border-bottom: 1px #ccc solid;
padding: 0.8em 0.8em 0.8em 0em;
margin: 0 0 1.5em 0;
}

.contentdescriptionprod a {
color: #4db3e7;
font-size: 1.3em;
text-align: left; 
text-decoration: none;
padding: 2px 25px 2px 0; 
background: url(../images/section_arrow.png) no-repeat center right;
}

.contentdescriptionprod a:hover {color: #003F7E;
}

/* Media Gallery */
.category {font-size: 1.2em;
line-height: 1.8em;}

/* News Archive */
ul#archive-list  {
margin: 0;
padding: 0;
list-style: none;
}

#archive-list li {
font-size: 0.9em;
clear: both;
margin: 1em 0 2em 0;
padding: 0;
}

#archive-list h4.contentheading {padding: 2em 0 0 0;
margin: 0;
border-bottom: 1px solid #ccc;}

#main ol, #main ul, #main li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}

.g-ad {margin: 2.5em 0 1em 0;}