@charset "utf-8";
/* CSS Document */

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body, h1, h2, h3, h4, h5, h6, blockquote, p {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0 auto;
	background-color: #fff;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.28em;
	color: #414042;
}

#gradient {
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#bar {
	height: 30px;
	background-color: #414042;
}

#header {
	height: 110px;
	width: 1000px;
	margin: 0 auto;
	/*background-color: #609;*/
}

	#logo {
		width: 400px;
		float: left;
	}
	
	#phone {
		width: 600px;
		float: right;
	}

#nav {
	width: 1000px;
	height: 40px;
	/*background-color: #C06;*/
	margin: 0 auto;
}

	#nav_topline {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #414042;	
		padding-bottom: 10px;
	}
	
	#navigation {
		/*background-color: #390;*/
		text-align: center;
		font-size: 17px;
		font-weight: bold;	
	}
	
	#nav_bottomline {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #414042;	
		padding-top: 10px;
	}


#usps {
	width: 1000px;
	height: 320px;
	margin: 0 auto;
	/*background-color: #9CC;*/
}

#container {
	width: 1000px;
	height: 480px;
	min-height: 480px;
	height: auto !important;
	margin: 0 auto;
	/*clear: both;*/
	/*background-color: #dd868c;*/
}

#home {
	width: 1000px;
	margin: 0 auto;
	/*background-color: #9C9;*/
	padding-bottom: 25px;
}

#home_left {
	width: 375px;
	float: left;
	display: inline-block;
	/*background-color: #F66;*/
	background-image: url(../images/home_drop_solution.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#home_right {
	width: 225px;
	float: right;
	display: inline-block;
	/*background-color: #F9C;*/
}

#home_center {
	width: 400px;
	display: inline-block;
	/*background-color: #666;*/
	background-image: url(../images/home_drop_quick.png);
	background-repeat: no-repeat;
}

#home_gap {
	height: 36px;	
}

/*-----SOLUTIONS-----*/
#home_solutiontitle {
	width: 315px;
	padding-left: 60px;
	margin: 0 auto;
	font-size: 17px;
	padding-bottom: 12px;
	font-weight: bold;
}

#home_solution {
	width: 315px;
	padding-left: 60px;
	margin: 0 auto;
	/*background-color: #C06;*/
}

/*-----QUICKLINKS-----*/
#home_quicklinkstitle {
	width: 290px;
	padding-left: 60px;
	margin: 0 auto;
	font-size: 17px;
	padding-bottom: 12px;
	font-weight: bold;
}

#home_quicklinks {
	width: 290px;
	height: 50px;
	padding-left: 60px;
	margin: 0 auto;
	/*background-color: #C06;*/
	font-weight: bold;
}

#home_buttons {
	padding-left: 25px;
	/*background-color: #96C;*/
}

#home_gap_buttons {
	height: 25px;	
}

#home_link {
	/*background-color: #C96;*/
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

#content_top {
	width: 1000px;
	height: 48px;
	/*background-color: #C36;*/
	background-image: url(../images/content_top.png);
}

#content_repeat {
	/*background-color: #039;*/
	width: 1000px;
	height: 340px;
	min-height: 340px;
	height: auto !important;
	display: inline-block;
	background-image: url(../images/content_repeat.png);
	background-repeat: repeat-y;
}




	#contentleft {
		float: left;
		width: 350px;
		display: inline-block;
		/*background-color: #9FF;*/
		
	}
	
	#contentright {
		float: right;
		width: 628px;
		display: inline-block;
		/*background-color: #CF3;*/
	}

	#contentcenter {
		width: 22px;
		display: inline-block;
		/*background-color: #9F0;*/
	}

		#contentright_area {
			width: 580px;
			margin: 0 auto;
			/*background-color: #FF0;*/
		}
		
#content_bottom {
	width: 1000px;
	height: 36px;
	/*background-color: #FF6;*/
	background-image: url(../images/content_bottom.png);
	clear: both;
}
	
#stop {
	clear: both;
}


#line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #414042;	
}

#gap {
	height: 12px;	
}

/*-----IN THIS SECTION-----*/
#left_titlesection {
	width: 350px;
	/*background-color: #C93;*/
	font-size: 17px;
	padding-left: 10px;
	padding-bottom: 12px;
	font-weight: bold;
}

/*-----NAV-----*/
#right_titlenav {
	/*background-color: #3CF;*/
	font-size: 17px;
	padding-bottom: 12px;
	font-weight: bold;
	text-align: right;
	color: #a9cf38;
}

/*-----LIST OF SUBNAV FOR EACH NAV-----*/
#left_subnav {
	width: 350px;
	height: 50px;
	/*background-color: #C3C;*/
	cursor: pointer;
}

/*-----LIST OF SUBSUBNAV FOR EACH NAV-----*/
#left_subsubnav {
	width: 300px;
	height: 50px;
	padding-left: 50px;
	/*background-color: #C3C;*/
	cursor: pointer;
}

/*-----TITLE OF SUBNAV-----*/
#right_titlesubnav {
	width: 580px;
	height: 50px;
	/*background-color: #C06;*/
	font-weight: bold;
}

	#icon {
		width: 50px;
		height: 50px;
		/*background-color: #3F6;*/
		float: left;
	}
	
	#subnav {
		height: 50px;
		/*background-color: #906;*/
		text-indent: 10px;
		font-size: 17px;
		font-weight: bold;
	}
	
	.center {
		line-height: 50px;	
	}
	
#page {
	width: 560px;
	margin: 0 auto;
	/*background-color: #72ccd2;*/
}

#steps {
	width: 500px;
	height: 50px;
	margin: 0 auto;
	/*background-color: #F90;*/
}

	#steps_num {
		width: 50px;
		height: 50px;
		float: left;
	}
	
	#steps_descr {
		/*background-color: #C99;*/
	}
	
#learn ul {
	padding-left: 20px;
	margin: 0px;
	/*background-color: #CC0;*/
}

#learn li {
	/*background-color: #C36;*/
	padding-bottom: 5px;
	margin: 0px;
	list-style-position: outside;
	list-style-type: circle;
}
	
#item_area {
	width: 560px;
	display: inline-block;
	/*background-color: #F30;*/
}

#item_photo {
	width: 270px;
	height: 250px;
	float: left;
	/*background-color: #69C;*/
}

#item_details {
	width: 290px;
	height: 200px;
	float: right;
	/*background-color: #939;*/
}

	#item_title {
		/*background-color: #C9C;*/
		font-size: 17px;
		font-weight: bold;
		padding-top: 18px;
		padding-bottom: 8px;
	}
	
	#item_code {
		/*background-color: #9F0;*/
		font-size: 12px;
		padding-bottom: 12px;
		line-height: 1.4em;
	}
	
	#item_highlight {
		font-size: 14px;
		padding-right: 12px;		
	}
	
	#item_notes {
		color: #a9cf38;
		padding-top: 15px;
		padding-right: 5px;
		font-weight: bold;
	}
	
	#item_msds {
		/*background-color: #39C;*/
	}
	
	#msds_icon {
		width: 35px;
		height: 35px;
		/*background-color: #3F6;*/
		float: left;
	}
	
	.msds {
		line-height: 35px;	
	}
	
	
	#msds_download {
		height: 35px;
		/*background-color: #906;*/
		text-indent: 10px;
		font-size: 13px;
	}
	


#spectabs {
	background-color: #FF9;	
}

#tabs-1 {
	padding: 0px;
	margin: 0 px;
}

#tabs-2 {
	padding: 0px;
	margin: 0px;
	/*background-color: #CC6;	*/
}

#monitor_logo {
	width: 518px;
	height: 56px;
	/*background-color: #F00;*/
}

#monitor_centeron {
	width: 500px;
	height: 92px;
	margin: 0 auto;
	/*background-color: #3F0;*/
}

.small {
	font-size: 13px;
	color: #646265;
}

#monitor {
	width: 518px;
	/*background-color: #CF3;*/
	display: inline-block;
}

	#monitor_photo {
		width: 200px;
		float: left;
		/*background-color: #936;*/
	}
	
	#monitor_details {
		width: 303px;
		padding-right: 15px;
		float: right;
		/*background-color: #F69;*/
	}
	
	#monitor_title {
		font-size: 14px;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 6px;		
	}
	
	#monitor_highlight {
		/*background-color: #C60;*/
	}
	
	#monitor_more {
		padding-top: 8px;
		padding-left: 10px;
		text-align: center;		/*background-color: #6CF;*/
	}

#product_brand {
	width: 540px;
	margin: 0 auto;
	font-size: 13px;	/*background-color: #F63;	*/
}

#product_logo {
	width: 540px;
	height: 68px;
	/*background-color: #F00;*/
}

#product_details {
	padding-left: 34px;
	padding-bottom: 8px;
	/*background-color: #36C;	*/
}

#product_details p {
	font-size: 13px;
	color: #646265;
	/*background-color: #36C;	*/
}

#item_highlight ul {
	padding-left: 20px;
	margin: 0px;
	/*background-color: #CC0;*/
}

#item_highlight li {
	/*background-color: #C36;*/
	padding-bottom: 5px;
	margin: 0px;
	list-style-position: outside;
	list-style-type: circle;
}

#tablist ul {
	padding-left: 20px;
	margin: 0px;
	/*background-color: #CC0;*/
}

#tablist li {
	/*background-color: #C36;*/
	padding-bottom: 5px;
	margin: 0px;
	list-style-position: outside;
	list-style-type: circle;
}

#models_available {
	font-size: 15px;
	padding-bottom: 15px;
	/*background-color: #C90;	*/
}

	#model_name {
		font-size: 15px;
		/*background-color: #FF3;	*/
	}
	
	.model_code {
		font-size: 12px;
	}
	
	#model_general {
		/*background-color: #936;*/
	}
	
	#model_download {
		color: #a9cf38;
		padding-bottom: 15px;
		/*background-color: #093;*/
	}

#contact_details {
	padding-left: 10px;
	padding-bottom: 25px;
}

#information {
	width: 550px;
	margin: 0 auto;
	/*background-color: #F93;	*/
}

.texttag {
	padding-right: 5px;
}

.textfield {
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #646265;
	height: 18px;
	padding: 0px;
	margin: 0px;
}

.textmessage {
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 13px;
	color: #646265;
	padding: 0px;
	margin: 0px;
	font-style: italic;
	text-decoration: none;
}

.error {
	color: #1b6394;
	padding: 0px;
	vertical-align: top;
	font-style: italic;
}

#thankyou {
	/*background-color: #F36;*/
}


#footer_band {
	height: 150px;
	margin: 0 auto;
	padding: 0px;
	background-color: #414042;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	color: #fff;
}

#footer_left {
	width: 800px;
	float: left;
}

#footer_right {
	width: 200px;
	float: right;
}

#secondary_nav {
	height: 45px;
	padding-top: 25px;
}

#copyright {
	padding-top: 30px;
	height: 30px;
}

#drop {
	height: 100px;
	background-image: url(../images/drop.png);
	background-repeat: no-repeat;
}

#credits {
	padding-right: 6px;
	height: 30px;
	text-align: right;
}

.green {
	color: #a9cf38;	
}

/*------Nav Titles on Pages---------------*/

h1 {
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	font-size: 17px;
}

/*---------SECONDARY NAV------------*/

h2{
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}

/*---------faq categories------------*/
h3 {
	font-size: 15px;
	text-decoration: none;
	/*padding-top: 5px;*/
	padding-bottom: 12px;
	margin: 0px;
	font-weight: bold;
}

/*-------subtitles--------------*/

h4 {
	font-size: 15px;
	text-decoration: none;
	padding-bottom: 2px;
	margin: 0px;
	font-weight: bold;
	/*background-color: #F63;*/
}

/*----------FOOTER copyright NOx FREE-----------*/

h5 {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.28em;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: left;

}

/*----------site design by case+point:media-----------*/
h6 {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 11px;	
	line-height: 1.4em;
	color: #fff;
}

/* -------------------------------------------------------------- */


p {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-family: "Century Gothic", "Lucida Grande", sans-serif;
	font-size: 14px;
	line-height: 1.28em;
	color: #414042;
	padding-bottom: 8px;	/*background-color: #33F;*/
}

img {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	vertical-align: bottom; /*disables 3px bottom on ie7*/
}

hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #363124;		
}

/* -------------------------------------------------------------- */ 

a:link {
	color: #4F4F4F;
	text-decoration: none;
}

a:visited {
	color: #4F4F4F;
	text-decoration: none;
}

a:hover {
	color: #1b6394;
	text-decoration: none;
}

a:active {
	color: #4F4F4F;
	text-decoration: none;
}

#learn a:link {
	color: #a9cf38;
	text-decoration: none;
	font-weight: bold;
}

#learn a:visited {
	color: #a9cf38;
	text-decoration: none;
	font-weight: bold;
}

#learn a:hover {
	color: #1b6394;
	text-decoration: none;
	font-weight: bold;
}

#learn a:active {
	color: #a9cf38;
	text-decoration: none;
	font-weight: bold;
}

#footer a:link {
	color: #fff;
	text-decoration: none;
}

#footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #a9cf38;
	text-decoration: none;
}

#footer a:active {
	color: #fff;
	text-decoration: none;
}