/******************************************/
/*                                        */
/*  Author: Appnet                        */
/*  Author URI: http://www.appnet.com/    */
/*  Updated: 03/20/11                     */
/*                                        */
/******************************************/


/******************************************/
/*  reset / icons / google fonts          */
/******************************************/

@import url('css/reset.css');		/* css reset */
@import url('css/iconize.css');		/* href icons */
@import url('//fonts.googleapis.com/css?family=Droid+Sans:400,700');
@import url('//fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT');
@import url('//fonts.googleapis.com/css?family=Yanone+Kaffeesatz');


/******************************************/
/*  main elements                         */
/******************************************/

body {background:#fff; color:#000; font:14px/16px Times, "Times New Roman", serif; margin:0; min-width:960px; padding:0;}
	div.container {margin:0 auto; width:960px;}
	
h1, h2, h3, h4, h5, h6 {color:#01518E; font-family: Times, "Times New Roman", serif; font-weight:bold;}
	h1 {
	font-size:24px;
	border-bottom:2px solid #B5BF1E;
	margin-bottom:10px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
	h2 {font-size:18px; padding-bottom:5px;}
	h3 {font-size:16px; padding-bottom:5px;}
	h4 {font-size:14px; padding-bottom:5px;}
	h5 {font-size:22px; padding-bottom:5px;}
	h6 {font-size:12px;}
		.white {color:#fff;}
		.lt-blue {color:#c8d8fa;}

p, ul, ol {margin-bottom:15px;}
	ul li, ol li {margin:0 0 0 18px;}
	
.spacer { width:260px; font-family: Times, "Times New Roman", serif; padding-top:5px;}
span.b {font-weight: lighter;}
	
#moreinfo {padding:10px 0;}
	#moreinfo p {margin-bottom:0;}
	
#moreinfo-small {padding:10px 0; font-size:10px;}
	#moreinfo-small p {margin-bottom:0;}

/** images **/
img.center {display:block; margin:5px auto;}
img.align-r {display:inline; float:right; margin:0 0 10px 10px;}
img.align-l {display:inline; float:left; margin:0 10px 10px 0;}

/** borders **/
iframe {background-color:#fff; border:1px solid #000; padding:4px;}
.border {background-color:#fff; border:1px solid #ccc;}
.logo {background-color:#fff; border:1px solid #ccc; padding:4px}

/** comment form **/
#commentForm {margin:0 0 15px 0; padding:0 0 15px 0;}
	#commentForm h3 {clear:both; padding:20px 0 5px 0;}
		#commentForm h3.first {padding:0 0 5px 0;}
	#commentForm h4 {clear:both; padding:20px 0 5px 0;}
	#commentForm div {clear:both; display:block;}
		#commentForm div.warning {font-size:13px; height:25px; line-height:25px; margin:0 0 0 10px; padding:0 0 0 35px; width:230px;}
		#commentForm span.star {color:#ff0000;}
	#commentForm label {float:left; height:26px; line-height:26px; margin:3px 0; width:130px;}
	#commentForm input, #commentForm textarea, #commentForm select {float:left; font:13px/18px 'Droid Sans', Arial, Helvetica, sans-serif; margin:3px 0; padding:5px; width:300px;}   
	#commentForm input.submit {cursor:pointer; margin:10px 0 0 130px; width:85px;}
		#commentForm input.reset {margin:10px 0 0 10px;}
	
	/** reach quickly form **/
	#reachQuickly td {font-size:12px;}
	#reachQuickly div.warning {clear:both; float:left; padding:0 0 0 36px; text-align:left; width:194px;}
	#reachQuickly input, #reachQuickly textarea, #reachQuickly select {float:left; font:12px/16px 'Droid Sans', Arial, Helvetica, sans-serif; margin:3px 0; padding:5px; width:220px;}   
	#reachQuickly input.submit {cursor:pointer; margin:3px 0 0 0; width:232px;}
	
	/** det directions form **/
	#getDirections td {font-size:12px;}
	#getDirections input, #getDirections textarea, #getDirections select {font:12px/16px 'Droid Sans', Arial, Helvetica, sans-serif; margin:3px 0; padding:5px; width:150px;}   
	#getDirections input.submit {cursor:pointer; margin:0; width:112px;}
		
	/** form colors **/
	div.warning {background:#fbe3e4 url('css/images/error.gif') no-repeat 10px center; border:1px solid #fbc2c4; color:#900;}
	input, textarea, select {background:#f5f5f5; border:1px solid #ccc; color:#666;
		-webkit-transition: background .5s ease, border .5s ease;  
		-moz-transition: background .5s ease, border .5s ease;  
		-o-transition: background .5s ease, border .5s ease;  
		-ms-transition: background .5s ease, border .5s ease;  
		transition: background .5s ease, border .5s ease;
	}   
	input:focus, textarea:focus, select:focus {background:#fff; border:1px solid #001427; color:#333;}
	input.submit {background:#01518E; border:1px solid #001427; color:#fff;
		-webkit-transition: background .5s ease;  
		-moz-transition: background .5s ease;  
		-o-transition: background .5s ease;  
		-ms-transition: background .5s ease;  
		transition: background .5s ease;
	}
		input.submit:hover {background:#001427;}

/* use this class to take the icon of an image link */
.imageLink {
	padding-right: 0px !important;
	background: none !important;
}


/******************************************/
/*  content                               */
/******************************************/

/** links **/
a:active {position:relative; top:1px;}
	a:active img {position:relative; top:0;}

a:link, a:visited, a:active {color:#0561b8; font-weight:normal; text-decoration:none;}
	a:hover {color:#0561b8; font-weight:normal; text-decoration:underline;}


#header {background:url('bg-header2.jpg') center top no-repeat; height:168px;}
	#title-bar {color:#d8d8d8; height:63px; line-height:63px;}
		#title {float:left; font-family:'OFL Sorts Mill Goudy TT'; font-size:38px; margin-left:10px; width:630px;}
		#t-phone {float:right; font-size:16px; font-weight:bold; margin-right:30px; text-align:right; width:310px; position:relative; top:20px;}
	#search-bar {
	margin:0 auto;
	height:73px;
	width:300px;
	float:right;
	padding-right:10px;
	position: relative;
	top: -10px;
}

	#nav-block {padding-left:0px;}
	
		/** nav styling **/	
		ul.navlist {list-style:none; margin:0; padding:0;}
			ul.navlist li {float:left; margin:0; padding:0;}
			
		
		ul.navlist a:link, ul.navlist a:visited, ul.navlist a:active {color:#fff; display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; height:32px; line-height:32px; padding:0 26px;; text-decoration:none; text-transform:uppercase;}
			ul.navlist li a:hover { color:#01518E; font-weight:bold; text-decoration:none;}
			
			ul.navlist li.first1 a:link {padding-left:10px;}
			ul.navlist li.last a:link {padding-right:0px;}
			
		ul.sublist a:link, ul.sublist a:visited, ul.sublist a:active {color:#fff; display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; height:32px; line-height:32px; padding:0 21px;; text-decoration:none; text-transform:uppercase;}
			ul.sublist li a:hover { color:#01518E; font-weight:bold; text-decoration:none;}
		
	#fader-block {margin:10px auto; width:940px;}
		#slider {height:320px; width:940px;}
		
			/* The Nivo Slider styles */
			.nivoSlider {
				position:relative;
			}
			.nivoSlider img {
				position:absolute;
				top:0px;
				left:0px;
			}
			/* If an image is wrapped in a link */
			.nivoSlider a.nivo-imageLink {
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:100%;
				border:0;
				padding:0;
				margin:0;
				z-index:6;
				display:none;
			}
			/* The slices and boxes in the Slider */
			.nivo-slice {
				display:block;
				position:absolute;
				z-index:5;
				height:100%;
			}
			.nivo-box {
				display:block;
				position:absolute;
				z-index:5;
			}
			/* Caption styles */
			.nivo-caption {
				position:absolute;
				left:0px;
				bottom:0px;
				background:#fff;
				color:#000;
				opacity:0.8; /* Overridden by captionOpacity setting */
				width:100%;
				z-index:8;
			}
			.nivo-caption {
				width:860px;
				padding:10px 40px;
				margin:0;
			}
			.nivo-caption a {
				display:inline !important;
			}
			.nivo-html-caption {
				display:none;
			}
			/* Direction nav styles (e.g. Next & Prev) */
			.nivo-directionNav a {
				position:absolute;
				top:0;
				z-index:9;
				cursor:pointer;
			}
			.nivo-prevNav {
				left:0px;
			}
			.nivo-nextNav {
				right:0px;
			}
			/* Control nav styles (e.g. 1,2,3...) */
			.nivo-controlNav a {
				position:relative;
				z-index:9;
				cursor:pointer;
			}
			.nivo-controlNav a.active {
				font-weight:bold;
			}
			
			.theme-default .nivoSlider {
				position:relative;
				background:#fff url('loading.gif') no-repeat 50% 50%;
			}
			.theme-default .nivoSlider img {
				position:absolute;
				top:0px;
				left:0px;
				
			}
			.theme-default .nivoSlider a {
				border:0;
				display:block;
			}
			
			
			.theme-default .nivo-directionNav a {
				display:block;
				width:25px;
				height:320px;
				background:url('arrows.png') no-repeat;
				text-indent:-9999px;
				border:0;
			}
			.theme-default a.nivo-nextNav {
				background-position:-25px 0;
				right:0;
			}
			.theme-default a.nivo-prevNav {
				left:0;
			}
			
			.theme-default .nivo-caption span {
				display:block;
				font-family: Arial, Helvetica, sans-serif;
				font-size:18px;
			}
			.theme-default .nivo-caption p {
				margin:0; padding:0;
			}
		
.overlogo {position:absolute; right:50px; top:45px; z-index:1000;}
#fader {position:relative; height:320px;}
.slider-wrapper {position:absolute; z-index:1;}
	
#content-block {margin:0 auto; padding:1px 0; width:940px;}
	#callouts {
	background-image: url(gradient.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-bottom:5px;
}
		.callout {float:left;  width:300px;}
			.middle {margin:0 20px;}
		.callout h2 {text-align:center; font-size:18px; font-weight:bold; }
		.callout p {padding:1px;}
		
	#content {padding:0;}
		#home-aside {float:right; margin:0 20px 0px 0px; width:260px;}
		#home-aside h2 {float:left; padding-left:60px;}
		.aside {float:right; margin:0 0 20px 20px; width:400px;}
			.aside p {color:#000;}
			.aside h4 {color:#01518E; border-bottom:1px solid #01518E; padding-bottom:5px; margin-bottom:10px;}
			.aside .l {float:left; width:182px; background:#76b0da url('gradient2.jpg') repeat-x; padding:7px;}
			.aside .r {float:right; width:182px; background:#76b0da url('gradient2.jpg') repeat-x; padding:7px;}
			.aside .tall{min-height:175px;}
			.aside .sm{min-height:130px;}
		.home {width:600px;}
			

#sub-content-top { margin:15px 0;}
	.sub-left {float:left; width:460px;}
	.sub-right {float:right; width:460px;}

#sub-content-pro { margin:15px 0;}
	#sub-content-pro .sub-left {float:left; width:260px;}
	#sub-content-pro .sub-right {float:right; width:670px;}

.col3 {list-style:none; margin:0 0 15px 0; padding:0;}
	.col3 li {display:block; float:left; margin:2px 6px 2px 0; padding:2px 2px 2px 0; width:305px;}
	
.logo-customers {list-style:none; margin:0; padding:0;}
	.logo-customers li {display:block; float:left; margin:6px;}
	.logo-customers img {border:1px #ccc solid;}
	
#distributors {background:url('world-map.jpg') top center no-repeat; width:940px; min-height:450px; }
	#distributors img {border:1px #ccc solid;}
	#distributors h5 {border-bottom:1px #ccc solid; margin-bottom:5px;}
	ul.logos {list-style:none; margin:0 0 15px -20px; padding:0; }

.usa {float:left; margin:60px 0 0 80px;}
.europe {float:left; margin:80px 0 0 120px;}
.korea {float:right; margin:20px 60px 0 0;}
.india {float:right; margin:10px 20px 0 0;}
.puerto-rico {float:left; margin:50px 0 0 20px}
.china {float:right; margin:20px 30px 0 0;}
.brazil {float:left; margin:150px 30px 0 0;}

#orders {padding:10px 0 10px 0;}
		.order {float:left; padding:5px 0; width:300px; min-height:140px;}
			.middle {margin:0 20px;}
		.order h3 {font-size:18px; padding:10px 10px; color:#01518E; border-bottom:1px solid #01518E; margin:0 0 8px 0;}
		.order p {padding:0 10px; color:#000;}

.light-blue {background:#FFF url('gradient2.jpg') repeat-x;}
.dark-blue {background:#FFF url('gradient2.jpg') repeat-x;}


.f-right {float:right; 
		width:150px; 
		border-left:1px solid #ccc; 
		border-bottom:1px solid #ccc;
		padding:10px 25px 22px 35px;
		margin:0 0 25px 25px;
}
	
#product {list-style:none;}
	#product h2 {padding:25px 0 5px 0;}
	#product table td table {border:1px solid #ccc; margin:5px; 0 5px 25px; padding:5px}
		#product .p-tab table {float:right; width:300px; margin-right:15px; margin-left:15px; border-left:1px dotted #ccc; padding-left:15px; padding-bottom:5px;}
			#product .p-tab table td {border-bottom:1px dotted #ccc; width:150px;}
			#product .p-tab2 table td {border:1px dotted #ccc; width:312px; padding:5px;}
			#product .p-tab p {padding:5px; margin-bottom:0;}
			#product .p-tab2 p {padding:5px; margin-bottom:0;}
	#product ul.p-table td {border-bottom:1px dotted #ccc;}
			
	#product li {border:1px solid #ccc; margin:5px; 0 5px 25px; padding:5px; background:#e4e4e4;}
	#product ul {list-style:none;}
		#product ul li {background:#eee;}
			table.chem td {border:1px dotted #ccc; background:#eee; padding:5px;}
		#product ul li.odd {background:#fff;}
		#product tr.odd td {background:#fff;}


.col3-about {list-style:none; margin:0 0 15px 0; padding:0;}
	.col3-about li {display:block; float:left; margin:2px 6px 2px 0; padding:5px; width:295px; min-height:330px; border:1px dotted #ccc;}
li.hit {min-height:385px; }




/******************************************/
/*  footer                                */
/******************************************/

/** links **/
#footer a:link, #footer a:visited, #footer a:active {color:#0561b8; font-weight:normal; text-decoration:none;}
	#footer a:hover {color:#0561b8; font-weight:normal; text-decoration:underline;}

/** footer **/
#footer {color:#000; font-size:12px; line-height:16px; min-height:170px;}
	#footer h5 {border-top:2px solid #01518E; padding-top:25px; width:1000px;}

	#footer-block {background:#fff; margin:0px auto; padding:15px; width:1000px;}
	
	
	#footer ul.sitelinks {list-style:none; margin:10px auto; padding:0;}
		#footer ul.sitelinks li {display:inline-block; float:left; margin:0; padding:0 62px 0 0;}
		#footer ul.sitelinks li ul {display: none; float:left; margin:0; padding:0 50px 0 0;}
	#footer p.copyright {clear:both; margin:15px 0 0 0;}