@charset "utf-8";

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
font-weight:inherit;
font-style:inherit;
font-family:inherit;
text-align:left;
}

/********************************************************
 Modify the styles below to customize your site's design. 
 ********************************************************/

/* base styles */
html{
height: 100%;
	margin-left: -2px;
	overflow-Y: scroll;
}

body{
height:100%;
font-family:Arial, Helvetica, sans-serif; /* base font */
font-size:12px;                           /* base font-size */
color:#666666;
line-height:18px;
background: #005581 url(../images/body-background.png) center top repeat-x;
text-align:center; /* for centering layouts (remove if not desired) */
}

/* By only applying the margin to the bottom, spacing between
   these common block-level elements remains consistent and
   headings can be flush with the following content if desired. */
ul,ol,table,form,blockquote{
margin-bottom:20px;
}
p{
margin-bottom:15px;
}

/* heading styles */
h1,h2,h3,h4,h5,h6{
color:#06C;
font-weight:bold;
margin-bottom:10px;
}
h1{
font-size:18px;
color:#005581;
padding-bottom:5px;
border-bottom:2px solid #cc3a33; 
}
h2{
font-size:14px;
color:#cc3a33;
}
h3{
color:#333333;
margin-bottom:5px;
font-size:12px;
font-style:italic;
}
h4{
font-size:14px;
color:#ffde7b;
}
h5,h6{
font-size:14px;
}

/* hyperlink styles */
a{
color:#00f;
text-decoration:underline;
}
a:hover{
color:#f00;
}
img a{
border:0;
}

/* list styles */
ul{
list-style:none;
}
li{
padding:3px;
}
ul li{
padding-left:20px; /* custom bullet (because FF has ugly bullets) */
background:url(../images/bullet-default.gif) 0 2px no-repeat;
}
li ul li{
background:url(../images/bullet-circle.gif) 0 2px no-repeat;
}
ol{
list-style-position:inside;
}
li ol{
padding-left:20px;
}
/* nested lists */
li ol, li ul{
margin-bottom:0;
}

/* table styles */
td{
vertical-align:top; /* 99% of the time, you really want this */
}

/* A class is used for formatting tables so nothing weird happens
   when someone wants to use a table for layout. */
table.dataTable{
}
.dataTable caption{
color:#06C;
font-weight:bold;
font-size:14px;
}
.dataTable th, .dataTable td{
text-align:center;
padding:5px;
}
.dataTable th{
font-weight:bold;
color:#fff;
background:#06C;
}
.dataTable td{
border-bottom:1px solid #ccc;
}
.logo{
float:left;
margin-top:20px;
margin-left:14px;
}
.slogan{
margin-left:285px;
}

/* other miscallaneous styles */
strong,b{
font-weight:bold;
}
em,i{
font-style:italic;
}
hr{
height: 0;
border: 0;
width:85%;
border-bottom: 1px solid #ccc;
margin:6px 8%;
}

/* common floats used for formatting and images */
.right{
float:right;
margin:0 0 10px 10px;
}

.left{
float:left;
margin:0 10px 10px 0;
}

.image{
padding:5px;
border:1px solid #CCCCCC;
margin-bottom:5px;
background:#FFFFFF;
}

.clear{
clear:both;
}

.push{
height:70px;
background:#FFF;
}

/* Custom Styles */

.list li{
background:url(../images/bullet-image.png) 5px 6px no-repeat;
font-style:italic;
padding-left:30px;
margin-left:15px;
}
.placeholder{
margin-left:25px;
}
.border{
border:1px solid #000000;
}
#productheader ul li {
display:block;
width:595px;
height:65px;
margin:0px;
padding:0px;
margin-bottom:-5px;
padding-left:10px;
padding-right:20px;
padding-top:10px;
text-decoration:none;
background:url(../images/product-page.png) 0px 0px no-repeat;
}
#productheader ul li img{
float:left;
margin-right:50px;
}
#productlist ul li a{
display:block;
width:615px;
height:65px;
margin:0px;
padding:0px;
margin-bottom:-5px;
margin-left:-20px;
padding-left:10px;
padding-top:10px;
text-decoration:none;
background:url(../images/product-off.png) 0px 0px no-repeat;
}
#productlist ul li a:hover{
background:url(../images/product-hover.png) 0px 0px no-repeat;
}
#productlist ul li a:hover h2{
color:#cc3a33;
}
#productlist ul li img{
float:left;
margin-right:50px;
}
#productlist ul li h2{
padding-top:15px;
color:#005581;
text-shadow:1px 1px #dadada;
}
#producttable ul li a{
float:left;
display:block;
width:100px;
text-decoration:none;
padding:20px;
}
#producttable{
margin-top:10px;
margin-bottom:0px;
}
#producttable tr td{
width:617px;
}
#products #producttable tr td:hover{
background:#dadada;
}
#producttable tr td a{
color:#666666;
padding:5px;
width:61px;
display:block;
text-decoration:none;
}
#producttable tr td a:hover{
color:#222222;
text-decoration:underline;
}
#producttable tr td img{
margin-bottom:10px;
display:block;
margin:0 auto 10px;
}
#producttable tr td p{
text-align:center;
font-size:10px;
line-height:10px;
font-style:italic;
}
#biolist{
width:342px;
}
#biolist ul li a{
display:block;
width:322px;
height:72px;
margin:0px;
padding:0px;
margin-bottom:-5px;
margin-left:-20px;
padding-left:90px;
padding-top:15px;
text-decoration:none;
background:url(../images/bio-list_off.png) 0px 0px no-repeat;
}
#biolist ul li a:hover{
background:url(../images/bio-list_hover.png) 0px 0px no-repeat;
}
#biolist ul li a:hover h2{
color:#cc3a33;
}
#biolist ul li img{
float:left;
margin-right:50px;
}
#biolist ul li h2{
padding-top:5px;
color:#005581;
margin-bottom:5px;
text-shadow:1px 1px #dadada;
}
#biolist ul li {
padding-top:5px;
color:#005581;
}
#biolist ul li p{
color:#666666;
}
#inside-sales{
margin-left:20px;
margin-top:10px;
}
#productlist table tr{
display:block;
position:relative;
width:625px;
height:75px;
background:url(../images/product-off.png) 0px 0px no-repeat;
}
#productlist table tr:hover{
background:url(../images/product-hover.png) 0px 0px no-repeat;
cursor:default;
}
#productlist table tr td{
padding:10px;
*padding:0px 0px 0px 10px;
margin:0px;
background:none;
vertical-align:middle;
}
#productlist table td.productimg{
width:104px;
}
#productlist table td.productname{
width:520px;
}
#productlist h2{
margin-bottom:0px;
font-size:14px;
color:#333333;
font-style:italic;
}
#productlist table tr:hover h2{
color:#cc3a33;
text-decoration:underline;
}
#backtolink{
position:absolute;
top:0px;
right:0px;
}
#producttable table{
border:1px solid #ccc;
}
#producttable tr.producttitle td{
background:#005581;
color:#FFFFFF;
font-weight:bold;
padding:3px 20px;
}
#producttable tr.tablelist td{
padding-top:10px;
}
#bioprofile{
float:right;
margin-left:25px;
width:225px;
font-size:11px;
line-height:14px;
font-style:italic;
}
#bioprofile h2{
font-size:12px;
font-style:normal;
color:#666666;
margin-bottom:5px;
}
#bioprofile p{
margin-bottom:10px;
}
#bioprofile strong{
font-style:normal;
}
#bioprofile #biophoto{
padding-bottom:10px;
margin-bottom:8px;
border-bottom:1px solid #cccccc;
}
#bioprofile ul#email li a{
display:block;
height:20px;
padding-top:2px;
background:url(../images/email-icon.png) 0px 0px no-repeat;
margin-left:-20px;
padding-left:30px;
}
#productlogos table{
border:0px;
width:auto;
margin:0 auto;
}
#productlogos table tr td{
padding:0px 10px;
vertical-align:middle;
}
.linecard tr td{
/*vertical-align:middle;*/
/*padding: 10px;*/
padding: 10px 0px;
border-bottom:1px solid #ccc;
	width: 50%;
}
.linecard tr td.lastlogo{
border:0px;
}
.linecard tr td h2{
color:#333333;
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}

.linecard .linecard-td-inner {
	display: flex;
}

.linecard .linecard-inner-left {
	width: 60%;
	padding: 10px;
	padding-right: 15px;
}

.linecard ul {
	width: 40%;
	padding: 10px;
}

.linecard-inner-left img {
	max-width: 100%;
    height: auto;
	margin-bottom: 7px;
}

.linecard ul {
	list-style: disc;
	margin-bottom: 0;
}

.linecard ul li {
	padding-left: 0;
}

.linecard .linecard-inner-right {
	width: 60%;
	padding: 10px;
	padding-left: 15px;
}

.linecard-inner-right img {
	max-width: 100%;
	height: auto;
	margin-top: 70px;
	transform: rotate(-45deg);
}

/* Begin your layout styles here. Override default styles where necessary. */
#wrap{
	position: relative;
	min-height: 100%;
	margin:0 auto -80px; /* This negative bottom margin must be the same number as the height of the footer so it sticks to the bottom of the page */
	text-align:left;
	background:url(../images/background-shadow.png) center top repeat-y;
	
}
* html #wrap{
	height: 100%;
}
#shadow{
	background:url(../images/background-image.png) center 58px no-repeat;
	min-height:100%;
}
#headerwrap{
	width:901px;
	height:113px;
	margin:0 auto;
	background:url(../images/header-background.png) 0px 0px repeat-x;
}
.logo{
	float:left;
	margin-top:15px;
	margin-left:32px;
}
.call-us-today{
	float:right;
}
#subheader{
	width:901px;
	height:39px;
	padding-top:43px;
	margin:0 auto;
	background:url(../images/subheader-background.jpg) 0px 0px no-repeat;
}
#topnav{
	width:685px;
	height:32px;
	margin:0 auto;
}
#topnav ul{
	margin:0 auto;
	margin-left:10px;
	width:100%;
}
#topnav li{
	float:left;
	display:block;
	padding:0px;
	margin:0px 5px;
}
#topnav li a{
	display:block;
	float:left;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:6px;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
	
}
#topnav li a:hover{
	background:#006092;
}
#contentwrap{
	width:901px;
	min-height:135px;
	margin:0 auto;
	background:#FFF url(../images/content-background.png) 0px 0px repeat-x;
}
#rightcolumn{
	position:relative;
	float:right;
	width:617px;
	margin-top:23px;
	margin-left:20px;
	margin-right:32px;
	margin-bottom:20px;
}
#leftcolumn{
	float:left;
	min-height:100%;
	width:185px;
	margin-top:23px;
	margin-bottom:20px;
	padding-left:32px;
	padding-right:15px;
}

#leftnav{
	width:190px;
	padding:20px 0px 10px 0px;
	margin:0px;
	*margin-top:-3px;
	background:url(../images/leftnav-background.png) 0px 0px repeat-y;
}
#leftnav ul{

}
#leftnav li{
	display:block;
}
#leftnav li a{
	display:block;
	margin-left:8px;
	padding-left:20px;
	width:145px;
	font-size:11px;
	color:#20415c;
	background:url(../images/leftnav-list_off.png) 0px 5px no-repeat;
	text-decoration:none;
}
#leftnav li a:hover{
	color:#cc3a33;
	background:url(../images/leftnav-list_hover.png) 0px 5px no-repeat;
}
#footerwrap{
	background:url(../images/footer-shadow.png) center top repeat-y;
	height:80px; /* This Height and #wrap bottom-margin must be the same number but negated so the footer sticks to bottom of page */
	position: relative;
}
#footer{
	width:851px;
	padding:0px 25px 0px;
	background:#efefef;
	font-size:11px;
	color:#666666;
	margin:0 auto;
}
#footer-cities{
	width:65%;
	margin:-20px auto 0px;
	padding-top:20px;
	padding-bottom:5px;
}
#footer-cities p{
	text-align:center;
	font-size:10px;
}
#footer-cities em{
	font-weight:bold;
}
#footer-left{
	float:left;
	padding-top:10px;
	margin-top:10px;
	width:50%;
}
#footer-right{
	float:right;
	text-align:right;
	padding-top:5px;
	margin-top:10px;
	width:50%;
}
#footer-right p{
	float:right;
	text-align:right;
	margin-right:10px;
}
#footer a{
	color:#005581;
	text-decoration:none;
}
#footer a:hover{
	color:#008ed7;
}
.error{
color:#FF0000;
font-size:11px;
}