/* ---------------------------------------------------------*/
/* CSS Development by LinxSmart - http://www.linxsmart.com/ */
/* ---------------------------------------------------------*/

a {
	text-decoration:none;
	cursor:pointer;
	color:#388FCF;
}

input, textarea, select {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	color:#000000;
	background:url(../images/inputBg.png) no-repeat top left;
	border:1px solid #DEDEDE;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/body-bg.jpg) top left repeat-x;
}

/* -------------------------------------------------- */
div#pageWrapper {
	width:1024px;
	margin: 0 auto;
}

#calculator{
	margin-top:20px;
	margin-bottom:20px;
}

#calculator label{
	margin-bottom:5px;
	display:block;
}

#calculator input, #calculator textarea{
	margin-bottom:10px;	
}

#calculator .inputField{
	border-right:1px dotted #BABABC;
	padding-right:10px;	
}

#calculator .resultField{
	padding-left:10px;	
}

div.inputFields{
	display:block;
	float:left;	
	height:170px;
	width:110px;
	border:1px solid #BABABC;
	padding:10px;
	/*color:#BABABC;*/
	background:url(../images/gray-boxs-BG.gif) top left repeat-x;	
}

div.equalsField{
	display:block;
	float:left;	
	height:170px;
	width:70px;
	padding:10px;
	/*color:#BABABC;*/
	background:url(../images/equal-icon.gif) center no-repeat;	
}

div#calculator{
	display:block;
	height:200px;
	width:425px;
	margin:auto;
	margin-bottom:10px;
}

div.resultFields{
	display:block;
	float:left;
	height:130px;
	width:170px;
	border:1px solid #BABABC;
	padding:10px;
	/*color:#BABABC;*/
	background:url(../images/gray-boxs-BG.gif) top left repeat-x;	
	margin-top:20px;
}


#contact{
	margin-top:10px;	
}

#contact label{
	margin-bottom:5px;	
}

#contact input, #contact textarea{
	margin-bottom:10px;	
}


div.error{
	margin-top:10px !important;
	margin-bottom:10px !important;
}

#contact button{
	margin-bottom:30px;	
}

div#pageWrapper div#header {
	position:relative;
	height:100px;
	background:url(../images/header-BG.jpg) top left no-repeat;
}

div#pageWrapper div#header a#home {
	display:block;
	position:absolute;
	top:20px;
	left:55px;
	width:335px;
	height:65px;
}

ul#nav {
	position:absolute;
	top:40px;
	/*
	left:487px;
	width:483px;
	*/
	left:594px;
	width:371px;	
	height:44px;
	background:url(../images/nav-BG.jpg);
}
ul#nav li {
	float:left;	
}
ul#nav li a {
	display:block;	
	color:white;
	padding:13px 6px 11px 7px;
	font-size:15px;
	
}
ul#nav li a:hover {
	color:#388fcf;
	border-bottom:5px solid #388fcf;	
}

ul#nav li a.selected {
	color:#388fcf;
	border-bottom:5px solid #388fcf;	
}
/* -------------------------------------------------- */
div#content {
	background:url(../images/top-content-BG.png) top no-repeat !important;
	z-index:99999;
}

div#content p {
	font-size:14px;
	line-height:18px;
	color:#333;
	margin-bottom:20px;
}
div#content ul, div#content ol {
	margin:0px 0px 15px 30px;
	list-style:disc outside;
}
div#content ul li, div#content ol li {
	color:#333;	
	font-size:15px;
	margin-bottom:10px;
	/*padding-left:10px;*/
	margin-left:10px;
}
/* -------------------------------------------------- */
div#content div#boxes {
	float:right;	
}
div#content div.box{
	padding:10px;
	width:250px;
	border:1px solid #bababc;
	background:url(../images/gray-boxs-BG.gif) top repeat-x #ededed;
}

div#content div.box h2 {
	display:block;
	min-height:30px;
	height: auto;
	color:#388fcf;
	padding:0px 0px 17px 0px;
	font-size:14px;
	text-transform:uppercase;
	background:url(../images/H2-under-line.png) left bottom no-repeat !important;
}
div#content div.box h2 a{
	color:#388FCF;
	font-weight:bold;
}
div#content div.box h2 a:hover{
	color:#388fcf;
}
div#content div.box p span {
	font-size:16px;
	color:black;
	line-height:22px;
}
div#content div.box a {
	color:#388fcf;
	font-size:16px;
	line-height:22px;
}
div#content div.box ul {
	margin-left:0px;	
}
div#content div.box ul li {
	display:block;
	list-style:none;
	border-bottom:1px solid #bababc;
	margin-bottom:15px;
}
div#content div.box ul li a{
	display:block;
	list-style:none;
	font-size:14px;
	color:#333;
}
div#content div.box ul li a:hover{
	color:#388fcf;
}

div#content div.box ul li a.selected{
	color:#388fcf;
}
/* -------------------------------------------------- */
div#content div#contactBox {
	margin-right:60px;
}
div#content div#testimonialBox {
	margin-right:60px;
	margin-top:25px;
	margin-bottom:25px;
}

div#content div#testimonialBox p span{
	color:#333;
	font-style:italic;
	margin-left:5px;
	font-size:14px;
}
/* -------------------------------------------------- */
div#content div.homeContent {
	margin-left:60px;	
	width:575px;
}
/* -------------------------------------------------- */
div#content div#pageContent {
	padding:25px 20px 20px 60px;
	z-index:9999;
	background:url(../images/top-content-BG.png) top no-repeat !important;
}
div#content div#pageContent h1 {
	color:white;
	font-weight:normal;
	margin-bottom:10px;
	padding-top:5px;
	font-size:19px;
	/*text-transform:uppercase;*/
}
div#content div#pageContent div.textContent {
	width:575px;
	float:left;
	padding:0px 10px;
}
div#content h3 {
	color:#2d497a;
	font-size:22px;
	font-weight:normal;
	margin-bottom:15px;
	line-height:26px;
}

div#content h2 {
	color:#398fd1;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:15px;
	/*background:url(../images/H2-under-line.png) left bottom no-repeat;	*/
}

div#content h2 a{
	color:#398fd1;
}


div#content div#pageContent div.textContent img {
	border:3px solid #bababc;
	margin:15px 0px;
}
/* -------------------------------------------------- */
div#footer {
	border-top:1px solid #bababc;
	background:white;
}
div#footer div#footerWrap {
	width:1024px;
	margin: 0 auto;
}
div#footer div#footerWrap ul {
	margin-left:50px;	
}
div#footer div#footerWrap ul li {
	float:left;
	display:block;
	padding:10px;
}

div#footer div#footerWrap ul li a {
	color:#666;
	float:left;
	font-size:14px;
}

div#footer div#footerWrap ul li a:hover {
	color:#388fcf;
}

div#footer div#footerWrap ul li a.selected {
	color:#388fcf;
}


/* -------------------------------------------------- */
table#contact tr td label {
	display:block;
	color:#666;
}
/* ------------------------ tables -------------------------- */

table {
	margin:10px 0px 20px 0px;
	border:1px solid #BABABC;
	width:100%;
}

table td, table th {
	padding:10px;
	font-size:14px;
}

table th {
	background:#0093D4;
	color:#FFF;
}

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

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

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

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

/* -------------------------- Standard Button Styles -------------------------------*/

div.buttons a, div.buttons button  {
	cursor:pointer;
	display:block;
	height:30px;
	border:1px solid #989495;
	width:150px;
	text-align:center;
	line-height:30px;
	background:#FFFFFF;	
	margin-top:10px;
	color:#388FCF;
		
}


div.buttons a:hover, div.buttons button:hover {
	background:#EEEEEE;
}









/*
div.buttons {
	float:left;
}

div.buttons button {
	background:url(../images/buttonBg.jpg) repeat-x bottom #D5D4D4;
	border:1px solid #989495;
	color:#6D7369;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	letter-spacing:0.5px;
	padding:5px 10px 5px 10px;
	*padding:3px 0px 2px 0px;
	margin:10px;
	cursor:pointer;
	display:block;
	float:left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.buttons button { 
		padding:4px 10px 4px 10px;
	}
}

div.buttons a {
	background:url(../images/buttonBg.jpg) repeat-x bottom #D5D4D4;
	border:1px solid #989495;
	color:#6D7369;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	letter-spacing:0.5px;
	padding:4px 10px 4px 10px;
	margin:10px 10px;
	cursor:pointer;
	display:block;
	float:left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

div.buttons a:hover, div.buttons button:hover {
	background:#F2F0F1;
	-moz-box-shadow:0px 0px 5px #989495;
	-webkit-box-shadow: 0px 0px 5px #989495;
	box-shadow: 0px 0px 5px #989495;
}
*/
/* -------------------------- Positive Button Styles -------------------------------*/

div.buttons .positive {
	color:#60a020;
	border:1px solid #60a020;
}

div.buttons .positive:hover {
	color:#60a020;
	border:1px solid #60a020;
	-moz-box-shadow:0px 0px 5px #60a020;
	-webkit-box-shadow: 0px 0px 5px #60a020;
	box-shadow: 0px 0px 5px #60a020;
}

div.buttons .positive:active {
	background:#D7FFD7;
}

/* -------------------------- Negative Button Styles -------------------------------*/

div.buttons .negative {
	color:#d12f19;
	border:1px solid #d12f19;
}

div.buttons .negative:hover {
	-moz-box-shadow:0px 0px 5px #d12f19;
	-webkit-box-shadow: 0px 0px 5px #d12f19;
	box-shadow: 0px 0px 5px #d12f19;
}

div.buttons .negative:active {
	background:#FFD7D7;
}

a.productThumb{
	display:block;
	float:left;
	margin:10px;
	margin-top:0;
	margin-left:0;
}

a.productThumb img{
	margin-right:15px !important;
}


a.downloadLink{
	color:#388FCF;
	font-size:16px;
	line-height:22px;	
}



/**********     EXTRA PRODUCT TABLE CSS - ADDED OCT. 2 2015     **********/

.spec, .spec th, .spec td{border: 1px solid black; border-collapse: collapse;}
.spec{width:100%; text-align: center;}
.spec th{background-color: #003c75; color: white;}
.spec th:first-child{background-color: white; color: #003c75;}
.spec tr:nth-child(odd){background-color: #bac6e6}
		
.stats {border-collapse:collapse;}
.stats{border:1px solid black;}
.stats td:nth-child(even){text-align: right;}
.stats tr:nth-child(odd){background-color: #bac6e6;}

.tech, .tech th, .tech td{border: 1px solid black; border-collapse: collapse;}
.tech{width:100%; text-align: center;}
.tech th{background-color: #77c33b; color: white;}