@charset "utf-8";
/* CSS Document */
.page {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	overflow:hidden;     /* <---  added by Lou 1-9-16 */

}
.page table {
	font-size: 1.0em;
}
.page table td {
	text-align: center;
}
.page a {
	text-decoration: underline;
}
.page ul, .page ol {
	list-style-position: outside;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
}
.xlargeheading {
	font-size: 1.5em;
	font-weight: bold;
}
h1 {
	position: relative;
	font-size: 1.3em;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.largeheading {
	font-size: 1.3em;
	font-weight: bold;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
}
h4 {
	padding: 0;
	margin: 0;
}
.smheading {
	font-size: 0.9em;
	font-weight: bold;
}
#aprid td {
	text-align: left;
}
#navsitemap {
	margin: 10px;
	padding: 0;
	list-style: none;
	list-style-position: outside;
}
/******************/
/* Page divisions */
/******************/
#bodycontent {
	position: relative;
	width: 959px;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	background-color: #FFF;
	font-size: 0.9em;
	padding: 3px 5px;
	z-index: 1;
}
#topsection, #centersection, #bottomsection {
	position: relative;
	width: 949px;
	float: left;
	border: 1px solid #EBEBEB;
	margin-bottom: 5px;
	background-color: #FFF;
	font-size: 0.9em;
	padding: 0 3px;
}
.ptitle {
	position: relative;
	width: 658px;
	height: 25px;
	float: left;
	padding-left: 270px;
	color: #03F;
	margin-bottom: 10px;
}
.left {
	position: relative;
	width: 268px;
	float: left;
	text-align: left;
	margin-right: 5px;
}
.middle {
	position: relative;
	width: 388px;
	float: left;
	margin-right: 5px;
}
.right {
	position: relative;
	width: 268px;
	float: left;
	text-align: left;
}
.leftcenter {
	position: relative;
	width: 658px;
	float: left;
	clear: both;
	margin-right: 10px;
}
.centerright {
	position: relative;
	width: 658px;
	float: left;
}
.lefthalf {
	position: relative;
	width: 460px;
	float: left;
	margin-right: 5px;
}
.righthalf {
	position: relative;
	width: 460px;
}
.borders {
	border: 1px solid #EBEBEB;
}
.caption {
	position: relative;
	font-size: 10px;
	left: 0px;
	top: 0px;
	width: 270px;
	color: #00C;
	text-align: center;
	float: left;
}
.leftcenterspecial {
	position: relative;
	width: 575px;
	float: left;
	clear: both;
	margin-right: 10px;
}
.rightspecial {
	position: relative;
	width: 351px;
	float: left;
	text-align: left;
}
/* ******************************* */
#mask {
	position: absolute;
	background: url(../images/bg_gray.png);
	background-color: #222;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 10;
}
#nljoin {
	position: relative;
	background: url(../images/navmenu_orange.png);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	float: left;
}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	background: url(../images/graybgtrans.png);
}
table {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
}
input, textarea, select {
	border: 1px solid #C0CFE0;
}
h1 {
	color: #000080;
	text-align: left;
}
.container {
	position: relative;
	width: 980px;
	margin: 0 auto;
	left: 50%;
	margin-left: -490px;
 align-content:center  background-color:#F5F5F5;
	top: 0px;
	display: block;
	z-index: 1;
}
/*.container_old-8-12-16 {
	position:absolute;
	width:980px;
	left:50%;
	margin-left:-490px;
	background-color:#F5F5F5;
	top:0px;
	display:block;
	z-index:1;
}*/
/*** Top navigation Menu ***/
.navtop {
	position: relative;
	float: left;
	background: url(../images/navtop_black_noleftcol.png);
	background-repeat: no-repeat;
	width: 980px;
	background-color: transparent;
	z-index: 2;
	border: none;
	margin-bottom: 0;
	padding-bottom: 0
}
.navtop ul {
	position: relative;
	padding: 0;
	margin: 0;
	color: #FFF;
	list-style: none;
	float: left;
	width: 700px;
}
.navtop ul li {
	float: left;
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}
.navtop a {
	border-right: 1px solid white;
}
.navtop ul li:hover ul {
	position: relative;
	display: block;
	border: 1px solid #B2FFB2;
}
#nav {
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-size: 0.9em;
	width: 714px;
	z-index: 1;
	height: 36px;
}
#nav li {
	margin: 0 0px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding: 8px 5px;
	margin: 0;
	z-index: 1;
}
#nav a:hover {
	background: #000;
	color: #fff;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	/*background: #666 url(img/gradient.png) repeat-x 0 -40px; */
	background: url(../images/navtop_green.png);
	background-repeat: no-repeat;
	color: #FFF;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #0078ff url(../images/blue_gradient.png) repeat-x 0 0px !important;
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 200px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #ddd url(../images/gray_gradient2.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul ul a, #nav ul a {
	font-size: 1.2em;
	color: #000;
}
#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
	text-align: left;
}
/* level 3+ list */
#nav ul ul {
	left: 193px;
	top: 0px;
}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}
/* Search button and dropdown menu */
#menuarrowdown {
	position: absolute;
	background: url(../images/menu_arrow_down_green.png);
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
	float: left;
	left: 238px;
	top: 4px;
}
#menuarrowdown:hover {
	background: url(../images/menu_arrow_down_red.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#searchdropdown {
	position: absolute;
	width: 190px;
	height: 46px;
	top: 25px;
	left: 71px;
	display: none;
	background: #ddd url(../images/gray_gradient2.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
	float: left;
	clear: both;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#submitbutton:hover, #imagessearch:hover {
	background: url(../images/blue_gradient.png);
	background-color: #F5F5F5;
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#submitbutton {
	width: 190px;
	height: 23px;
}
#imagessearch {
	width: 190px;
	height: 23px;
}
.searchglass {
	width: 17px;
	height: 17px;
	margin-right: 7px;
	margin-top: 3px;
	margin-left: 3px;
	background-image: url(../images/search_glass.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
	float: left;
}
.searchimage {
	width: 21px;
	height: 19px;
	margin-right: 3px;
	margin-top: 3px;
	margin-left: 3px;
	background: url(../images/image.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	float: left;
}
/*** end of search menu section ***/
/*** End of Top navigation menu ***/
.footer {
	position: relative;
	width: 950px;
	border: 1px solid #bfbdbd;
	margin-left: 5px;
	margin-bottom: 5px;
	background-color: #e9e4e4;
	float: left;
	clear: both;
	font-size: 0.7em;
	padding: 3px 10px 3px 10px;
}
.productlist {
	position: relative;
	background-color: #FEFEFE;
	width: 198px;
	text-align: center;
	margin: 0;
	padding: 2px 0 0 0;
	height: 18px;
	font-size: 1.2em;
	font-weight: bold;
	border-right: 1px solid #E4EAF1;
	border-bottom: none;
}
.leftcol {
	position: relative;
	width: 199px;
	background-color: #FFF;
	float: left;
	clear: both;
	font-size: 0.8em;
	margin-top: -6px;
}
.leftcol ul {
	width: 100%;
	list-style: none;
	border-top: 1px solid #E4EAF1;
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
	border-right: 1px solid #E4EAF1;
}
.leftcol ul li {
	border-bottom: 1px solid #E4EAF1;
	background-color: #F5F5F5;
	text-align: center;
	color: #036;
	font-weight: bold;
	display: block;
	height: 18px;
	padding: 5px;
	background-color: #FFF;
}
.leftcol ul li:hover {
	text-decoration: underline;
}
#linkedin {
	position: absolute;
	width: 66px;
	height: 18px;
	z-index: 22;
	left: 100px;
	top: 15px;
}
#facebook {
	position: absolute;
	width: 80px;
	height: 21px;
	z-index: 22;
	/*left:-65px;*/
	left: 10px;
	top: 15px;
	padding-top: 3px;
}
.contacteti {
	position: absolute;
	width: 108px;
	height: 20px;
	z-index: 22;
	background: url(../images/contactus3.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	left: 192px;
	top: 13px;
}
.contacteti2 {
	position: absolute;
	width: 108px;
	height: 20px;
	z-index: 4;
	background: url(../images/contactus3.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	left: 858px;
	top: 78px;
}
.feedback {
	position: relative;
	background: url(../images/feedback.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 30px;
	margin-left: 40px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.freequote {
	position: relative;
	background: url(../images/freequote.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 30px;
	margin-left: 40px;
	margin-bottom: 5px;
}
.prodlist {
	position: relative;
	background: url(../images/product_list_image.png);
	background-repeat: no-repeat;
	width: 100px;
	float: left;
	height: 22px;
	margin: 0;
	padding: 7px 0 0 0;
	color: #000;
	font-weight: bolder;
	z-index: 3;
	text-align: center;
	border: 1px solid #E4EAF1;
	border-left: none;
	font-size: 0.90em;
}
a {
	text-decoration: none;
}
.content p {
	font-size: 0.85em;
}
.content {
	position: relative;
	width: 978px;
	background-color: #EEE;
	float: left;
	padding: 0px;
	margin: 0;
	top: 1px;
	border: 1px solid #EBEBEB;
	z-index: 1;
}
/* ### Search styles ### */
#resultsDiv {
	position: relative;
	width: 978px;
	background-color: #FFF;
	float: left;
	padding: 0px;
	margin: 0;
	top: 1px;
}
fieldset {
	border: none;
}
/*#searchInputContainer{
	width:420px;
	height:36px;
	background:url("../search_images/searchBox2.png") no-repeat;
	float:left;
	margin-right:12px;
}
*//*#searchForm {
	position:relative;
	width:265px;
	margin:0;
	padding:0;
	height:30px;
	float:left;
	background:url(../images/navtop_purple.png);
	background-repeat:no-repeat;
	border-left:1px solid #FFF;
	top:0px;
}
#searchForm label {
	display:block;
	float:left;
	color:#FF3;
	font-weight:bold;
	margin:0 3px;
	padding-top:7px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.75em;
}
#searchForm input[type=text] {
	width:233px;
}*/
#s {
	border: none;
	color: #000;
	background: url("../search_images/searchBox2.png") no-repeat;
	float: left;
	font-size: 0.75em;
	height: 20px;
	line-height: 17px;
	outline: medium none;
	width: 233px;
	margin: 4px 0 0 2px;
	outline: medium none;
	padding: 0 0 8px 20px;
	vertical-align: middle;
}
#searchInContainer {
	float: left;
	margin-top: 12px;
	width: 330px;
}
.pageContainer {
	border-bottom: 1px solid #5e7481;
	margin-bottom: 50px;
}
p.notFound {
	text-align: center;
	padding: 0 0 40px;
}
.webResult {
	margin-top: 20px;
	margin-bottom: 40px;
	font-family: Verdana, Geneva, sans-serif;
}
.webResult h2 {
	background-color: #FFF;
	font-size: 1.0em;
	font-weight: normal;
	padding: 2px 20px;
	margin: 0 0 0 0px;
	text-align: left;
}
.webResult h2 b {
	color: #00C;
}
.webResult h2 a {
	color: #0000B3;
	border: none;
}
.webResult p {
	font-size: 0.9em;
	padding: 3px 50px 3px 20px;
	margin: 0;
}
.webResult p b {
	color: #00C;
	margin: 0;
}
.webResult > a {
	margin-left: 20px;
	color: green;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: 500;
}
.webResult h2 a:hover {
}
.imageResult {
	float: left;
	height: 180px;
	margin: 0 0 20px 40px;
	text-align: center;
	width: 152px;
	overflow: hidden;
}
.imageResult img {
	display: block;
	border: none;
}
.imageResult a.pic {
	border: 1px solid #fff;
	outline: 1px solid #777;
	display: block;
	margin: 0 auto 15px;
}
#more {
	width: 83px;
	height: 24px;
	background: url('../search_images/more.png') no-repeat;
	cursor: pointer;
	margin: 40px auto;
}
#more:hover {
	background-position: left bottom;
}
.clear {
	clear: both;
}
/**** Modal Contact Form styles ****/
.contactouterRUGG {
	position: absolute;
	width: 790px;
	background-color: #f5f5f5;
	display: none;
	z-index: 100;
}
/**** Modal Contact Form styles ****/
.contactouter { /* Dave */
	position: absolute;   /* needs to be "fixed" on mobile */
	width: 790px;
	left: 50%;
	margin-left: -395px;
	height: 700px;
	background-color: #f5f5f5;
	display: none;
	z-index: 10000;
	margin-top: -190px;
}
/**.contactouter { 
	position: absolute;
	width: 790px;
	left: 50%;
	margin-left: -395px;
	height: 700px;
	background-color: #f5f5f5;
	display: none;
	z-index: 10000;
	margin-top: 75px;  //or better is  0px;
}  **/


.contactouter2 { /* Dave */
	position: absolute;
	width: 790px;
	left: 50%;
	margin-left: -395px;
	height: 740px;
	background-color: #f5f5f5;
	display: none;
	z-index: 10000;
	margin-top: 75px;
}
#heading {
	position: relative;
	background: url(../images/contactheader2.png);
	color: #FFF;
	height: 30px;
	width: 790px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
}
.footercontact {
	position: relative;
	width: 790px;
	height: 20px;
	background: #1c6880;
	float: left;
}
.footercontact2 {
	position: relative;
	width: 790px;
	height: 20px;
	background: #1c6880;
	float: left;
	margin-top: 25px;
}
.contentform, .contentform2 {
	position: relative;
	width: 750px;
	min-height: 630px;
	float: left;
	background-color: #f5f5f5;
	padding: 20px;
	z-index: 100;
}
.contactFormStyle {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	float: left;
	z-index: 100;
}
.contactFormStyle label {
	display: block;
	width: 110px;
	text-align: right;
	float: left;
	height: 20px;
	padding: 3px 0 0 0;
	margin-right: 5px;
}
.contactFormStyle input[type=text] {
	width: 220px;
	margin-bottom: 5px;
	height: 20px;
	border: 1px solid #E4EAF1;
}
.contactFormStyle textarea {
	border: 1px solid #E4EAF1;
}
br {
	clear: both;
}
span.astrisk {
	color: #900;
}
.leftside {
	position: relative;
	width: 375px;
	float: left;
	clear: both;
}
.rightside {
	position: relative;
	width: 375px;
	float: left;
}
.bottom {
	position: relative;
	width: 750px;
	float: left;
	border-top: 1px solid #E4EAF1;
	padding-top: 5px;
	top: 10px;
}
.bottomleft {
	position: relative;
	width: 260px;
	float: left;
	clear: both;
}
.bottom label {
	width: 215px;
	display: block;
	text-align: left;
	height: 20px;
	padding: 0;
	margin-left: 10px;
}
.bottom input[type=checkbox] {
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
	margin-bottom: 5px;
}
#timerequirement {
	position: relative;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 0.85em;
}
.bottommiddle {
	position: relative;
	width: 260px;
	float: left;
	border-left: 1px solid #E4EAF1;
}
#contactmethod {
	position: relative;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 0.85em;
	width: 181px;
}
.bottomright {
	position: relative;
	width: 205px;
	float: left;
	margin-left: 20px;
	border-left: 1px solid #E4EAF1;
	color: #039;
}
.top {
	position: relative;
	width: 750px;
	float: left;
	padding-bottom: 10px;
}
.closeform {
	position: absolute;
	background: url(../images/cancel-red.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;
	z-index: 100;
	left: 772px;
	top: -10px;
}
.submitinquiry, .submitinquiry2 {
	position: relative;
	background: url(../images/submitinquiry.png);
	background-repeat: no-repeat;
	width: 116px;
	height: 30px;
	float: left;
	background-position: 0 0;
	margin-left: 275px;
	margin-right: 5px;
}
.submitinquiry2 {
	background: url(../images/submitinquiry.png);
}
.clearform {
	position: relative;
	width: 100px;
	height: 30px;
	background-color: transparent;
	border: none;
	float: left;
	text-align: center;
	font-size: 0.75em;
	padding-top: 8px;
}
.clearform a {
	text-decoration: none;
}
.baseline {
	position: relative;
	width: 750px;
	float: left;
	height: 30px;
	top: 15px;
}
.beforesendmessage {
	position: absolute;
	width: 220px;
	left: 50%;
	top: 50%;
	margin-top: -32px;
	margin-left: -110px;
	height: 64px;
	background-color: #f5f5f5;
}
.sending {
	position: relative;
	float: left;
	padding-top: 20px;
	color: #900;
}
.imagesend {
	position: relative;
	float: left;
	padding-left: 20px;
}
.sendingtheform, .sendingtheform2 { /*  Dave */
	position: relative;
	width: 750px;
	float: left;
	background-color: #f5f5f5;
	padding: 20px;
	display: none;
	min-height: 620px;
}
.messagetext {
	position: absolute;
	width: 450px;
	height: 54px;
	left: 50%;
	top: 50%;
	margin-top: -27px;
	margin-left: -225px;
	font-weight: bold;
	color: #900;
	border: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.95em;
}
.messagetext2 {
	position: absolute;
	width: 450px;
	height: 54px;
	left: 50%;
	top: 50px;
	margin-left: -225px;
	font-weight: bold;
	color: #900;
	border: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.95em;
}
/*******************************/
/*** Newsletter Form  styles ***/
/*******************************/
#outerjoin, #outersave {
	position: absolute;
	width: 750px;
	left: 50%;
	margin-left: -375px;
	top: 75px;
	z-index: 15;
	display: none;
	background-color: #FFF;
}
#outersave {
	display: none;
	height: 495px;
	background-color: #F5F5F5;
}
#newsletterform {
	width: 700px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
.newslettermessage {
	position: absolute;
	width: 470px;
	height: 20px;
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: -235px;
	font-weight: bold;
	color: #903;
	text-align: center;
}
#newsletterform .personalinfoStyles {
	color: #222;
	margin: 0;
	padding: 0;
}
#newsletterform .personalinfoStyles label {
	display: block;
	width: 110px;
	float: left;
	margin-bottom: 10px;
	text-align: right;
	padding-right: 10px;
	color: #000;
	background-color: transparent;
}
#newsletterform .personalinfoStyles input {
	width: 200px;
	background-color: #FFF;
	border: none;
	height: 15px;
	padding: 2px;
	color: #222;
	margin-bottom: 3px;
}
#newsletterform .personalinfoStyles input[type='text'] {
	border: 1px solid #C0CFE0;
	height: 22px;
}
.astrisk {
	color: #900;
}
#newsletterform .productinfoStyles {
	margin: 0;
	padding: 0;
}
#newsletterform .productinfoStyles input[type=checkbox] {
	position: absolute;
	width: 15px;
	height: 15px;
	border: none;
	margin-right: 25px;
}
#newsletterform .productinfoStyles label {
	position: relative;
	display: block;
	width: 210px;
	height: 20px;
	padding-top: 3px;
	padding-left: 3px;
	margin-left: 20px;
}
br {
	clear: left;
}
#topsectionNL, #centersectionNL, #bottomsectionNL {
	position: relative;
	width: 748px;
	float: left;
	border: 1px solid #EBEBEB;
	margin: 0 0 5px 0;
	background-color: #F5F5F5;
	font-size: 0.9em;
	padding: 0px;
}
#bottomsectionNL {
	margin-bottom: 0px;
}
.leftNL {
	position: relative;
	width: 250px;
	padding: 5px;
	float: left;
	text-align: left;
	margin-right: 2px;
}
.middleNL {
	position: relative;
	width: 230px;
	padding: 5px;
	float: left;
	margin-right: 2px;
}
.rightNL {
	position: relative;
	width: 230px;
	padding: 5px;
	float: left;
	text-align: left;
}
.leftcenterNL {
	position: relative;
	width: 445px;
	padding: 5px;
	float: left;
	clear: both;
	margin-right: 5px;
}
.centerrightNL {
	position: relative;
	width: 450px;
	padding: 5px;
	float: left;
}
.borders {
	border: 1px solid #999;
}
#validationjoinmessage {
	height: 30px;
	margin-top: 40px;
}
#modalheading {
	position: relative;
	width: 740px;
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px;
	background: url(../images/contactheader2.png);
	color: #FFF;
}
#newsletterfooter {
	position: relative;
	float: left;
	width: 750px;
	margin: 0;
	padding: 0;
	background: url(../images/contactheader2.png);
	top: 0;
	left: 0;
	height: 35px;
}
#closejoinform, #closejoinform2 {
	position: absolute;
	background: url(../images/cancel-red.png);
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	left: 731px;
	top: -6px;
	z-index: 20;
}
#submitjoinNL {
	position: relative;
	/*background:url(../images/join_now_orange.png);
	background-repeat:no-repeat;
	width:99px;
	height:38px;*/
	background-color: transparent;
	float: left;
	top: 0;
	left: 0px;
	margin-right: 5px;
}
#resetjoinNL {
	position: relative;
	/*	background:url(../images/reset_orange1.png);
	background-repeat:no-repeat;
	width:99px;
	height:38px;*/
	background-color: transparent;
	margin-left: 15px;
	padding-top: 10px;
	float: left;
}
.medheadingNL {
	font-size: 1.0em;
	font-weight: bold;
}
p.para {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.95em;
	text-align: justify;
}
#sidebox, #sidebox2 {
	width: 270px;
	border: 1px solid #9DADC6;
	padding: 5px;
	margin-top: 17px;
}
#sidebox ul {
	width: 220px;
}
/* For the ruggedcomputersystems.com index page */
#pullout {
	position: absolute;
	width: 450px;
	height: 240px;
	left: 285px;
	top: 306px;
	z-index: 50;
	display: none;
	border: 2px solid #000;
}
#slideoutrack {
	position: absolute;
	width: 550px;
	height: 200px;
	z-index: 50;
	display: none;
	border: 2px solid #000;
	left: 6px;
	top: 311px;
	background-color: #FFF;
}
#infoSlideout {
	background: url(http://www.ruggedcomputersystems.com/images/info_button.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 436px;
	top: 405px;
	padding: 3px;
}
#infoCase {
	background: url(http://www.ruggedcomputersystems.com/images/info_button.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 25px;
	height: 25px;
	left: 271px;
	top: 158px;
	padding: 3px;
}
#infoModOne {
	background: url(http://www.ruggedcomputersystems.com/images/info_button.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 361px;
	top: 244px;
	padding: 3px;
}
#infoModTwo {
	background: url(http://www.ruggedcomputersystems.com/images/info_button.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 341px;
	top: 319px;
	padding: 3px;
}
#infoBracket {
	background: url(http://www.ruggedcomputersystems.com/images/info_button.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 261px;
	top: 434px;
	padding: 3px;
}
#infoLid {
	background: url(http://www.ruggedcomputersystems.com/images/info_button.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 706px;
	top: 177px;
	padding: 3px;
}
#infoBattery {
	background: url(http://www.ruggedcomputersystems.com/images/info_button.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 486px;
	top: 334px;
	padding: 3px;
}
#infoSlideout:hover, #infoCase:hover, #infoModOne:hover, #infoModTwo:hover, #infoBracket:hover, #infoLid:hover, #infoBattery:hover {
	cursor: pointer;
}
#casebubble {
	position: absolute;
	left: 297px;
	top: 3px;
	display: none;
}
#lidbubble {
	position: absolute;
	left: 721px;
	top: 12px;
	display: none;
}
#modonebubble {
	position: absolute;
	left: 387px;
	top: 93px;
	display: none;
}
#modtwobubble {
	position: absolute;
	left: 367px;
	top: 166px;
	display: none;
}
#batterybubble {
	position: absolute;
	left: 522px;
	top: 184px;
	display: none;
}
#sidebox {
	position: relative;
	width: 370px;
	border: 1px solid #9DADC6;
	z-index: 200;
}
#sidebox2 {
	position: relative;
	width: 670px;
	border: 1px solid #9DADC6;
	z-index: 200;
}
.boxhead {
	position: relative;
	background-color: #9DADC6;
	padding: 5px 0;
	font-size: 1.1em;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	z-index: 1;
}
.boxbody {
	position: relative;
	background-color: #FFF;
	padding: 5px;
	margin: 0;
	border: 1px solid #666;
	z-index: 1;
}
.leftspc {
	position: relative;
	width: 200px;
	float: left;
	text-align: left;
	margin-right: 5px;
}
.rightspc {
	position: relative;
	width: 200px;
	float: left;
	text-align: left;
}
.borders {
	border: 1px solid #EBEBEB;
}
.caption {
	position: relative;
	font-size: 10px;
	left: 0px;
	top: 0px;
	width: 270px;
	color: #00C;
	text-align: center;
	float: left;
}
.captionsm {
	position: relative;
	font-size: 0.85em;
	left: 0px;
	top: 0px;
	width: 130px;
	color: #00C;
	text-align: left;
	float: left;
}
.leftcenterspecial {
	position: relative;
	width: 575px;
	float: left;
	clear: both;
	margin-right: 10px;
}
.rightspecial {
	position: relative;
	width: 351px;
	float: left;
	text-align: left;
}
#sideboxTC {
	position: relative;
	width: auto;
	border: 1px solid #9DADC6;
	z-index: 200;
}
#nsnimage {
	position: absolute;
	top: 14px;
	left: 319px;
	border: none;
	z-index: 10000;
	width: 147px;
	height: 22px;
	background: url(../images/nsn_button.png);
	background-repeat: no-repeat;
	width: 144px;
	height: 30px;
}
#nsnimage:hover {
	background-position: 0 -30px;
	cursor: pointer;
}
#productstable {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: justify;
}
.productstable {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: justify;
}
/*####################################  */
#facebook2 {
	position: absolute;
	width: 80px;
	height: 21px;
	z-index: 50;
	left: 530px;
	top: 72px;
	padding-top: 3px;
}
#nsnimage2 {
	position: absolute;
	top: 69px;
	left: 696px;
	border: none;
	z-index: 90;
	width: 147px;
	height: 22px;
	background: url(../images/nsn_button.png);
	background-repeat: no-repeat;
	width: 144px;
	height: 30px;
}
#nsnimage2:hover {
	background-position: 0 -30px;
	cursor: pointer;
}
.contacteti3 {
	position: absolute;
	width: 108px;
	height: 20px;
	z-index: 100;
	background: url(../images/contactus3.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	left: 854px;
	top: 72px;
}
#linkedin2 {
	position: absolute;
	width: 66px;
	height: 18px;
	z-index: 22;
	left: 614px;
	top: 72px;
}
.freequote1 {
	position: absolute;
	background: url(../images/free_quote1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 61px;
	left: 845px;
	top: 69px;
	width: 131px;
	z-index: 70;
}
/****************************/
.classname {
	-moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
	box-shadow: inset 0px 1px 0px 0px #fce2c1;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background: -moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	/*background-color:#ffc477;*/
	background-color: transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #eeb44f;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #cc9f52;
}
.classname:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background: -moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color: transparent;
}
.classname:active {
	position: relative;
	top: 1px;
}