/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: #333;
}
#hd_bg {
	background-color: #333;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 90px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#nav {
	background-attachment: scroll;
	background-image: url(../images/navbar.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 37px;
	min-width: 710px;
}
#logo {
	background-image: url(../images/logo.png);
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 28px;
	position: absolute;
	height: 80px;
	width: 270px;
	z-index: 1007;
}

.btn {
	background: url(../images/btn-bg.png) left center repeat-x #f4f4f4;
	padding: 0 10px;
	line-height: 24px;
	border: 1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	color: #333;
}

/* Nav Bar Stuff */
#tab {
	top: 0;
	height: 0;
	background: repeat-x top;
	margin: 0;
}
#tab ul { 
	list-style: none;  
	float: left;  
	margin: 0;  
	padding: 0; 

}
#tab li { 
	display: inline;  
	float: left;  
	margin: 0;  
	padding: 0; 
}
#tab a {
	text-decoration: none;
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(../images/navbar.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#tab a span {
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	line-height: 37px;
	padding: 0 22px;
	margin-top: -4px;
}
#tab a:hover, #tab li.item_active a { 
	background-position: left bottom; 
}
#tab a:hover span, #tab li.item_active a span { 
	background-position: right bottom;  
	color: #FFF;  
	font-style: normal;  
	text-decoration: none; 
}
.dropmenudiv { 
	position: absolute;  
	top: 0;  
	float: left;  
	display: block;  
	visibility: hidden;  
	border: solid 1px #888;  
	background: #5b7396;  
	color: #ccc;  
	z-index: 1000;  
	text-decoration: none;  
	padding: 0; 
	text-align: left;
}
.dropmenudiv ul { 
	list-style: none;  
	margin: 0;  
	padding: 0; 
}
.dropmenudiv li { 
	display: inline;  
	margin: 0;  
	padding: 0; 
}
.dropmenudiv a:link, .dropmenudiv a:visited { 
	display: block;  
	border: 0;  
	color: #FFF;  
	font-style: normal;  
	text-decoration: none;  
	margin: 0;  
	padding: 0; 
}
.dropmenudiv a span {
	display: block;
	line-height: 23px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	float: none;
	padding: 2px 13px;

}
.dropmenudiv a:hover { 
	font-style: normal;  
	text-decoration: none;  
	color: #FFF; 
}
.dropmenudiv a:hover span { 
	color: #FFF;  
	background: #aaa
}
/* End Nav Bar Stuff */


html, body, #wrap {
	height: 100%;
}
body #wrap {
	height: auto; 
	min-height: 100%;
	background-color: #333;
}
#main a:link{
	color: #333;
	text-decoration: none;	
	
}  /* must be same height as the footer */


#footer {
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;
	text-align: center;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #333;
} 
.footer, .push {
    height: 4em;
    
}
#foot_nav {
	color: #FFF
}
#foot_nav a:link, a:visited {
	color: #fff;
	text-decoration: none;	
}
#foot_nav a:hover, a:active {
	color: #a8c4d9;
	text-decoration: none;	
}/*
#footer a:link, a:visited, a:active{
	color: #a8c4d9;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
}*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	
}
/* Hides from IE-mac \*/

* html .clearfix { 
	height: 1%;
}

.clearfix {
	display: block;
}
#loginWrapper {
	font-size: 12px;
	font-style: normal;
	text-align: right;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 7px;
	margin-right: 15px;
	text-transform: none;
	text-decoration: none;
}
#loginButton a:link, a:visited{
	color: #000066 !important;
}
#loginButton a:hover {
	color: #000000 !important;
}
.contenthead {
	width: 881px;  
	margin-left:auto;
	margin-right:auto;
	visibility:visible;
	display: block;
}
.content {
	padding: 10px;
	float:left;
	width: 860px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	background-color: #cccccc;
	border: 1px groove #FFF;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;	
	text-align: left;
	height: 1%;
}
legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: lighter;
}
#login {
	color: #555;
	background-color: #cbd3d6;
	border: solid 2px;
	padding: 10px;
	visibility: hidden;
	text-align: center;
	width: 245px;
}
#login input {
	margin-bottom: 15px;
	margin-left: 5px;
}
#login h1 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#login a:hover {
	color: #000066;
}
.animationContainer {
	position: absolute;
	right: 15px;
}
.hideInitially{
	visibility: hidden;
}
.content fieldset {
	background-color:#FFF;
	border:solid 1px #666;
	margin: 10px 0 10px 0;
	padding: 10px 15px;
}


/* Page Styles */

.welcometxt{
	font-size: 2em;
}
.columnA {
	width: 32%;
	float: left;
	margin-left: 5px;
}
.columnB {
	width: 65%;
	float:left;
	margin-left: 5px;
}
.columnC {
	width: 49%;
	float:left;
	margin-left: 5px;
}
.columnD {
	width: 73%;
	float:left;
	margin-left: 5px;
}
.columnE {
	width: 24%;
	float:left;
	margin-left: 5px;
}
.sidebox{
	width: 28%;
	border: 1px solid #666;
	float: right;
	padding: 10px;
	margin: 5px 0 5px 5px;
}
.prodlist{
	width: 66%;
	clear: left;
}
.prodlist li{
	padding-left: 0;
	margin-top: 1em;
	overflow: hidden;
	text-align: right;
}

.start {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
h2 {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #000066;
}
.solutions a:link, a:visited, a:active{
	color: #666;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
}
.solutions a:hover {
	color: #000;
}
#crimp {
	height: 449px;
	width: 228px;
	margin: -10px 0 -10px 5px;
	
}
.prod_logo {
	width: 200px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.rollers {
	height:303px;
	margin-bottom:-10px;
	margin-left:17px;
	margin-right:0;
	margin-top:-10px;
}
#dig {
	height:229px;
	width: 217;
	margin-bottom:-10px;
	margin-left:15px;
	margin-right:0;
	margin-top:-10px;
}
#est_stock {
	background-color:#FFFFFF;
	margin-left:-10px;
	margin-top:-10px;
	padding-top:25px;
	width:220px;
}
ol li {
	list-style-type: disc;
	margin-left: 20px;
}
ul li {
	padding-top: 10px;
	padding-left: 20px;
}
.clear {
	clear: both;
	margin-top: 15px;
}
.screenie {
	color: #000033;
	text-align: center;
}
#close {
	float: right;
	margin-top: -20px;
	height: 10px;
	width: 10px;
}
#check {
	bottom: 35px;
	left: 220px;
	position: absolute;
}
#dpc_img {
	margin: 0px -15px -10px -15px;
}
.demo_button {
	margin-bottom:5px;
	margin-left:10px;
	margin-right:5px;
}
#products thead {
	font-weight: bold;
	padding: 5px;
	text-align: center;
}
#products td {
	padding: 5px;
}
#product_man td{
	padding-right: 25px;
	padding-bottom: 5px;
}
.live_demo_button {
	margin-bottom: 15px;
	margin-left:5px;
	margin-right:5px;
}
#support {
	background-color:#CCCCCC;
	background-image:url(../images/support_back.jpg);
	height:243px;
	margin-bottom:10px;
	margin-top:-10px;
	padding-top:10px;
}
#sup_grrl {
	margin: -10px 5px 10px -20px;
}
#contact_support {
	margin: 0 25px;
}
#contact_support input {
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 3px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
}
#fdm_img {
	margin: -10px 0 -10px 20px;
}
.sol_link {
	margin-top: 20px;
}
#downloads img {
	margin: 20px;
}
#downloads thead {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #000066;
}
#downloads .prod_logo {
	width: 225px;
}
.user_edit {
	display: block;
}
.user_edit input {
	padding: 3px;
	margin-bottom: 10px;
}
.user_edit label {
}
#agenda .columnC {
	width: 38%;
	float:left;
	margin-left: 150px;
	margin-right:auto;
}
#survey input{
	padding: 3px;
	margin: 0;
}
.survey_label{
	margin-top:3px;
	padding-top:10px;
}
#survey li {
	padding-top: 0px;
	padding-left: 0;
}
.survey_input {
	padding-top: 0;
}
.solutions .prod_logo {
	margin-bottom: 15px;
	margin-top: 5px;
}
#mail textarea{
	width: 600px;
	height: 200px;
	margin-left: 10px;
}
.nombre input{
	width: 200px;
}
#sumbeat {
	float: right;
	margin-bottom:0;
	margin-left:0;
	margin-right:54px;
	margin-top:15px;
}
#info_cust {
	width: 200px;
}
#info_cust input{
	margin-bottom: 10px;
}
#cust legend {
	font-weight: bold;
}
#new_reg li {
	padding-top:0;
}
#new_reg {
	margin-left: auto;
	margin-right: auto;
	width: 215px;
	padding-top: 0px;
	padding-bottom: 20px;
}
#request {
	width: 100px;
	margin-top: 15px;
	float: left;
	margin-left: 20px;
}
#request input {
	margin-bottom: 10px;
	width: 200px;
	padding: 3px;
}
#request select {
	margin-bottom: 10px;
	width: 208px;
	padding: 3px;
}

.request_check input{
	vertical-align: -3px;
	margin: 0 0 10px 5px;
}
.request_check {
	float: left;
	height: 100px;
	text-align: right;
	margin-top: 50px;
	margin-right: 30px;
}
#user-login input{
	padding: 3px;
	width: 175px;
}
#user-login li {
	padding: 0px;
}
#loggers {
	text-align: center;	
}
#loggers input {
	width: 80px;
}
#jfreq {
	width: 150px;
	float: left;
	margin-left: 30px;
}
#jfreq input {
	margin-bottom: 10px;
	padding: 3px;
	width: 200px;
}
#jfreq select {
	margin-bottom: 10px;
	padding: 3px;
	width: 208px;
}

#errror {
	margin-left:15px;
	padding-bottom:10px;
	width:350px;
}
#upload input select textarea{
	margin-bottom: 10px;
	padding: 3px;
}
#invoice_head thead {
	border: solid 1px;
}

#invoice_head td {
	text-align: center;
	background: #bbb;
	min-width: 75px;
	text-align: center;
	padding: 5px;
}

#invoices td {
	border-right: solid 1px #000;
	min-width: 75px;
	text-align: right;
	padding: 5px;
}
#inv_head {
	border: solid 1px #000;
}

#invoices th, #inv_head td {
	text-align: center;
	border-right: none !important;
}
#spacer {
	background: #fff !important;
	border: none !important;
	padding: 0px !important;
}
#invoices #detail_head {
	text-align: center;
	background: #bbb;
	border: solid 1px #000;
}
#invoices tr:nth-child(even) {
	background-color: #fff;
}
.detail_body tr:nth-child(odd){
	background-color: #ddd;
}
#cvn a:link, #cvn a:visited {
	font-size: 10px;
}
#pay_invoice td{
	padding: 3px;
}
#pay_invoice input{
	padding: 3px;
}
.paid_invoice {
	border: dashed 1px;
	width: 90%;
	margin: 20px;
}
.paid_invoice td {
	padding: 10px;
}
.paid_invoice td:nth-child(even) {
	text-align: right;
}
#webinaria td, #webinaria th{
	padding: 5px 13px;
}
#web_sched {
	width: 99.2%;
	border: solid 2px;
	background: #fff;
}
#web_sched th, #web_sched td {
	padding: 5px;
}
#web_sched tr:nth-child(odd) {
	border: solid 1px;
	background: #eee;
}
#web_sched tr:nth-child(even) {
	border: solid 1px;
	background: #fff;
}

#web_sched th {
	background: #ddd;
}
.shad_container {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	background: url(/images/shadow_grey.gif) no-repeat;
	background-position: bottom right;
		margin-bottom: 15px;
		padding-bottom: 5px;
}
#affiliates li {
	float: left;
	padding:8px 40px;
}	
#up_inst p {
	font-size: 13px;
}
#up_inst img {
	margin-left: 25px;
}
#up_inst {
	margin-top: 15px;
}
.submit a:link{
	text-decoration: none;
	color: #000;
}
#dpc4_screens {
	padding-left: auto; 
	padding-right: auto; 
	text-align: center;
	margin-bottom: 15px;
}
#dpc4_screens a:link{
	text-decoration: none;
}	


/* For IE because IE is stupid */


.ie #estimator {
	float: none;
	margin-left: 0px;
	padding-left: 20px;
}
.ie #solut {
	padding-bottom: 10px;
}
.ie .solutions {
	padding-bottom: 7px;
}
.ie .rollers {
	 margin-bottom:-15px! important;
	 margin-top: -9px;
}
.ie #dpcish {
	padding-bottom: 7px! important;
	width: 389px;
}
.ie #w2pish {
	padding-bottom: 7px! important;
}
.ie #fdmish {
	padding-bottom: 7px! important;
}
.ie #facish {
	padding-bottom: 7px! important;
}
#facish_screen {
	margin-top: 30px;
}
.ie #trainish {
	padding-bottom: 6px! important;
}
.ie #lockish {
	margin-bottom: -2px! important;
}
.ie #logo{
	position: absolute;
	left: 0px;
}
.ie #supportish {
	width: 179px;
}
.ie #footer {
	padding-top: -4em! important;
}
.ie .wrapper {
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}
.ie #loggy input {
	margin-top:-15px;
	vertical-align:-2px! important;
	width: 128px;
}
.ie #checky {
	margin-bottom: 20px! important;
}
.ie #login {
	padding-bottom: 0px;
}