/* CSS Document */
/****************************************** GENERAL BODY STYLES ******************************/

body{ height:100%; margin:0; padding:0; background:#F4F4F4;
	background-repeat:repeat-y; background-position:center; background-image: url(/images/bg_main.gif);
	font: 11px Verdana, sans-serif; color: #505050;
}
body{
	font: 11px Verdana, sans-serif; color: #505050;
}

#page_container {
	background: #ffffff; margin: 0px 0px 0px 1px; width: 778px; position: relative; text-align: left;
}

#tracking {
	display: none;
}

#header_container {
	width: 778px; height: 55px; padding: 0; margin: 0; position: relative; background-image: url(/images/bg_header.gif);
	border-bottom: 1px solid #4f6a88;
}

#nav_container {
	height: 24px; margin: 0px; padding: 0px; border-bottom: 1px solid #4f6a88; background-color: #f4f4f4;
}

#body_container {
	margin: 0px; border: 0px; background-color:#FFFFFF; position: relative;
}

#body_container #body_main_container {
	position: absolute;
	width: 576px;
	margin: 15px;
	top: 0px;
	left: 0px;
	height: 100%; 
	overflow: hidden;	
}

#body_container #body_right_container  {
	position: relative;
	left: 577px;
	width: 200px;
	height: 100%; 
	overflow: hidden;	
	background-repeat:repeat-y; background-position:center; background-image: url(/images/bg_body_right.gif);
	text-align: center;
}

#footer_container {
	margin: 0px;
	padding: 10px 10px 0px 10px;
	border-top: 4px solid #f4f4f4; border-right: 0px; border-bottom: 0px; border-left: 0px;
	background-color:#FFFFFF;
	height: 120px;
	position: relative;
	clear: both;
}

.red { color: #850c0c; }
.orange { color: #fb7702; }
.green { color: #71982e; }
.bgBlack { background-color: #000000; }
.bgBlue { background-color: #4579ae; }

.right { text-align: right }
/*
p.smallText {
	font: 9px Verdana, sans-serif; color: #505050;
}
*/
a:link,
a:visited {
	color: #fb7702;
	text-decoration: none;
}

a:hover {
	color: #fb7702;
	text-decoration: underline;
}

a.nodecor:link,
a.nodecor:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #505050;
	text-decoration: none;
}

a.nodecor:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #505050;
	text-decoration: none;
}

/****************************************** HEADER ******************************/
.header_logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 334px;
	float: left;
}

.header_phone {
	text-align:right;
	padding-top: 15px;
	padding-right: 10px;
	font-weight:700;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	position:relative;
	float:right;
}
/****************************************** Page Body Styles *******************************/

/********* Body Main Tout **********/
#hp_main_tout {
	border-bottom: 1px solid #e1e1e1;
}

#hp_main_tout_right {
	position:absolute;
	top: 0px;
	left: 260px;
	width: 280px;
	margin-left: 10px;
	margin-right: 10px;
}

#hp_main_tout_right h1.head {
	color: #4579ae;
	font-size: 22px;
	margin-top: 0px;
	text-align: center;
	text-decoration: none;
}

#hp_main_tout_right ul {
	padding-left: 0px;
	margin-left: 0px;
}

#hp_main_tout_right li {
	font-weight: normal;
	font-size: 15px;
	list-style: none;
	margin-bottom: 3px;
}

#hp_main_tout_right li.button {
	font-weight: normal;
	font-size: 13px;
	color: #71982e;
	list-style: none;
	margin-bottom: 3px;
	margin-top: 15px;
	text-align: center;
}

a.getvid:link,
a.getvid:visited {
	font-weight: normal;
	font-size: 13px;
	color: #71982e;
	text-decoration: none;
	text-align: center;
}

a.getvid:hover {
	font-weight: normal;
	font-size: 13px;
	color: #71982e;
	text-decoration: none;
	text-align: center;
}

/********* Body Div Images **********/

div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}




/********* Body Product Highlights **********/
#hp_prod_highlights {
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	height: 190px;
}

#hp_prod_highlights h2 {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin: 6px 3px 3px 3px;
}

#hp_prod_highlights ul {
	padding-left: 0px;
	margin-left: 7px;
	margin-top: 10px;
}

#hp_prod_highlights li {
	font-weight: normal;
	font-size: 12px;
	list-style: none;
	margin: 0px;
}

.training_map {
	position: relative;
	left: 15px;
	top: 5px;
}

#hp_prod1 {
	background-repeat:repeat-y; background-position:center; background-image: url(/images/bg_prod_highlight.gif);
	width: 170px;
	height: 160px;
	border: 1px solid #e1e1e1;
	margin-top: 15px;
	position:absolute;
	top: 0px;
	left: 5px;
}

#hp_prod1 .prod_highlights_link {
	position: absolute;
	top: 140px;
	left: 78px;
}

#banner {
	width: 362px;
	height: 160px;
	border: 1px solid #e1e1e1;
	border-right:0px;
	margin-top: 15px;
	position:absolute;
	top: 0px;
	left: 195px;
}
#banner2{
	width: 170px;
	height: 160px;
	border: 1px solid #e1e1e1;
	border-left:0px;
	margin-top: 15px;
	position:absolute;
	top: 0px;
	left: 378px;	
}

#hp_prod2 {
	background-repeat:repeat-y; background-position:center; background-image: url(/images/bg_prod_highlight.gif);
	width: 170px;
	height: 160px;
	border: 1px solid #e1e1e1;
	margin-top: 15px;
	position:absolute;
	top: 0px;
	left: 195px;
}

#hp_prod2 .prod_highlights_link {
	position: absolute;
	top: 140px;
	left: 65px;
}

#hp_prod3 {
	background-repeat:repeat-y; background-position:center; background-image: url(/images/bg_prod_highlight.gif);
	width: 170px;
	height: 160px;
	border: 1px solid #e1e1e1;
	margin-top: 15px;
	position:absolute;
	top: 0px;
	left: 385px;
}

#hp_prod3 .prod_highlights_link {
	position: absolute;
	top: 140px;
	left: 78px;
}

/********* Body Lower Text**********/
#hp_body_text {
	position: relative;
	height: 100px;
	margin: 15px 15px 15px 5px;
}

/********* Body Product Features **********/
#prod_features {
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	height: 475px;
	width: 550px;
}

#prod_features_wide {
	position: relative;
	height: 475px;
}

#prod_features h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 6px 3px 3px 3px;
}

#prod_features ul {
	padding-left: 0px;
	margin-left: 7px;
	margin-top: 10px;
}

#prod_features li {
	font-weight: normal;
	font-size: 12px;
	list-style: none;
	margin: 0px;
}

#prod_features img.features {
	position: absolute;
	top: 10px;
	left: 300px;
	clear: left;
}

#prod_features p {
	margin-right: 15px;
}

#prod_features p.lower {
	margin-right: 15px;
}

/********* Body Training **********/
#training {
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	height: 450px;
}

#training h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 6px 3px 3px 3px;
}

#training ul {
	padding-left: 10px;
	padding-right: 15px;
	margin-top: 10px;
}

#training ul.l2 {
	padding-left: 20px;
}

#training li {
	font-weight: normal;
	font-size: 12px;
	list-style-type: none;
	margin-top: 5px;
}

#training_schedule {
	position: relative;
	height: 550px;
}

#training_schedule h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 6px 3px 3px 3px;
}

#opp {
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	height: 350px;
}

table.tb {
  padding:0; 
  border-collapse:collapse;
  margin:0 0 10px 0;
}
table.tb td{padding:0}

table.tbh {
  padding:0;
  background-color:#7392b2;
  background-repeat:repeat-x;
  border-collapse: collapse;
  width:100%;
}
table.tbh td{
  padding:0;
}
td.tdtitle{ height:22px; font-weight: bold; color:#FFFFFF; text-align:center; }

table.tbt, table.tbt_ip {
  background-color:#D0D0D0;
  border:1px solid #9B9B9B;
  padding:0;
  border-collapse: separate !important;
}

table.tbt th {
  background-image:url(/images/bg_table.gif);
  height:20px;
  text-align:center;
  padding:0 3px 0 3px;
}

table.tbt_ip th {
  background-image:url(/images/bg_table_tall.gif);
  height:39px;
  text-align:center;
  padding:0 3px 0 3px;
}

table.tbt td, table.tbt_ip td{ padding: 5px 3px 5px 3px; vertical-align:top }

.col1{ background-color: #FFFFFF }
.col2{ background-color: #F4F4F4 }


#main_body {
	margin-right: 15px;
	position: relative;
}

#main_body h1 {
	color: #4579ae;
	font-size: 22px;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	text-decoration: none;
}

#main_body h2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	text-decoration: none;
}

#main_body ul {
	padding-left: 0px;
	margin-left: 7px;
	margin-top: 10px;
}

#main_body li {
	font-weight: normal;
	font-size: 12px;
	list-style: none;
	margin: 0px;
}

#contact_tbl {
	position: absolute;
	left: 355px;
	top: 40px;
}

.download_brochure {
	position: absolute;
	left: 400px;
	top: 0px;
}

/********* Body Right Home **********/
#br_home {
	margin: 15px;
}

#br_home_box {
	position:relative;
	left: 5px;
	border: 1px solid #d0d0d0;
	background-color: #f4f9ff;
	width: 165px;
	height: 490px;
}

#br_home_box h1 {
	color: #134b83;
	font-size: 14px;
	font-weight: bold;
	margin: 5px;
}

#br_home_box #spotlight {
	background-color: #FFFFFF;
	border-top: 1px solid #656565;
	border-bottom: 1px solid #656565;
}

#spacer {
	height: 10px;
}

#spotlight .image {
	border: 1px solid #656565;
	margin: 8px;
}

#spotlight h2 {
	color: #850c0c;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
}

#spotlight p {
	text-align: justify;
	margin-left: 8px;
	margin-right: 8px;
}

#spotlight p .carrot{
	color: #fb7702;
}

/********* Body Right Free Vid **********/
#br_freevid {
	margin: 15px;
	height: 600px;
}

#br_freevid_box {
	margin-left: 5px;
	border: 1px solid #d0d0d0;
	background-color: #f4f9ff;
	width: 165px;
}

#formelements {
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 15px;
	text-align: left;
}

#br_freevid_box h1 {
	color: #134b83;
	font-size: 14px;
	font-weight: bold;
	margin: 5px;
}

#br_freevid_box h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 5px 5px 5px;
	text-align: left;
}

#br_freevid_box p {
	margin: 0px 5px 0px 5px;
	text-align: left;
}

#formelements #formelement {
	margin-top: 8px;
}

#formelements .label {
	font-weight: bold;
	font-size: 10px;
}

.bold {
	font-weight: bold;
}

#formelements input {
	border: 1px solid #d0d0d0;
	font-size: 13px;
	width: 145px;
	height: 16px;
}

#formelements select {
	border: 1px solid #d0d0d0;
	font-size: 13px;
	width: 145px;
	height: 16px;
}

#formelements .button {
	background-repeat:repeat-x; background-position:center; background-image: url(/images/bg_button.gif);
	border: 1px solid #505050;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #134b83;
	width: 100px;
	height: 24px;
	padding: 4px 4px 4px 4px;
}
/*
	#body_container h1 {
		font: bold 16px/21px arial, helvetica, sans-serif;
		color: #4a4a4a;
	}	

	#body_container h2 {
	font: bold 14px/18px arial, helvetica, sans-serif;
	color: #004eaf;
	}	

	#body_container h3 {
	font: bold 13px/15px arial, helvetica, sans-serif;
	color: #8c8c8c;
	}	

	#body_container h4 {
	font: bold 12px/13px arial, helvetica, sans-serif;
	color: #000000;
	margin:0px 0px 2px 0px;
	}	

	#headertext p {
	margin-bottom:10px;
	}
*/
/****************************************** Footer Styles *******************************/
#footer_left {
	position: absolute;
}
	
#footer_middle  {
	position: absolute;
	left: 500px;
}

#footer_right  {
	position: absolute;
	left: 637px;
	text-align:right;
}
	
#footer_container ul {
	padding-left: 0px;
	margin-left: 0px;
}
	
li.footer_copy {
	font-weight: bold;
	font-size: 9px;
	list-style: none;
}
	
li.footer_address {
	font-size: 9px;
	list-style-type: none;
}
	
li.footer_contact {
	list-style: none;
}
	
#footer_container a:link,
#footer_container a:visited {
	font-size:11px;
	color: #71982e;
	text-decoration: none;
}

#footer_container a:hover {
	font-size:11px;
	color: #71982e;
	text-decoration: underline;
}

div.popup{
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	width: 950px;
	height: 600px;
	z-index: 2;
	display: none;
	text-align: center;
}

div.innerpopup{
	position:fixed;
	top: 40%;
	left: 40%;
	padding: 5px;
	z-index: 2;
	margin: 0 auto !important;
	margin-left: 40%;
	margin-top: 40%;
	width: 300px;
	height: 100px;
	border-width: 1px;
	border-style: solid;
	border-color: #d2d2d2;
	background-color: #efefef;
	color: #000000;
	text-align: center;
}

#confirm_east {
	position: absolute;
	left: 200px;
	top: 300px;
	width: 300px;
	height: 100px;
	background-color: #f4f4f4;
	border: 1px solid #656565;
	padding: 15px;
}

#confirm_east #inner_confirm {
	position: absolute;
	left: 25px;
	top: 15px;
	width: 250px;
	height: 50px;
	background-color: #f4f9ff;
	border: 1px solid #3f6fa0;
	padding: 10px;
}

#confirm_east_buttons {
	position: absolute;
	left: 55px;
	top: 100px;
	width: 250px;
	height: 25px;
}

#confirm_east .button {
	background-repeat:repeat-x; background-position:center; background-image: url(/images/bg_button.gif);
	border: 1px solid #505050;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #134b83;
	width: 100px;
	height: 24px;
	padding: 4px 4px 4px 4px;
}
