/*
Colors

Lt Grey: ededed
Orange: ffbb00
Blue: 336699
Lt Blue: 99b2cc
Grey: ededed
Dk Grey: b2b2b2
*/

html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	font: 62.5%/1.5em arial, helvetica, sans-serif;
	color: #575757;
	text-align: center;
	background: #ebebd9 url(../images/bg_header_tile.gif) 0 0 repeat-x;
}

/* PC FF3 adds an outline to Flash objects? */
a, object {
	outline: none;
}

a img { border: none; }

h1, h2, h3, h4, h5, h6 {
	margin: .5em 0;
    color: #336699;
    line-height: 1.2em;
}  

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
    color: #336699;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #99b2cc;
} 

h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; color: #7a7a7a; }
#columnSubContent h4 { color: #336699; }
h5 { font-size: 1em; color: #7a7a7a; }
h6 { font-size: 1em; color: #7a7a7a; } 

h1 { 
    color: #ffbb00;
    text-transform: uppercase;
} 

h2 {
	color: #336699;
	text-transform: uppercase;
}

h4 {
	margin: 0;
}
	h4 + p {
		margin-top: 0;
	}

dt {
	font-weight: bold;
	margin-bottom: 0;
}
dd {
	margin: 0 1.5em;
}
	dd p:first-child {
		margin-top: .5em;
	}
 

a,
a:link,
a:visited {
    color: #336699;
    text-decoration: none;
}
a:hover,
a:active {
    color: #99b2cc;
}

fieldset { border: none; }
legend { }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

p {
	line-height: 1.5em;
}
	
hr {
  	color: #ededed;
    background-color: #ededed;
    height: 1px; 
    border: 0;
    margin: 1em 0;
}

ul, ol {
    margin: 1em 2em;
    padding: 1em;
    list-style: none;
    color: #666;
}
ul.longList li {
	display: block;
	float: left;
	width: 43%;
}

ol {
    list-style: decimal;
    padding-left: 2.5em;
}
	ol ul,
	ol ol {
		margin: 0;
		padding: .5 1em;
	}

ol.orderedList li span {
    color: #666;
}
ol.orderedList {
}
	li {
	    margin: 0;
	    padding: 0;
	} 

blockquote, q {
    margin: 1em 2em;
    padding: 1em;
    border-left: 1px solid #dcd6c6;
    font-style: italic; 
    font-size: 1.2em;   
    color: #666; 
}   

small,
.small { 
    font-size: .8em;
}

table { border: 0; border-collapse: collapse; }

address { font-style: normal; }
form { margin: 0; }


/* ----------------
    PAGE STRUCTURE
    ------------- */
#page {
	position: relative;
	min-height: 100%;
	width: 760px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	font-size: 1.2em;
	background: url(../images/bg_body_tile_home.gif) 50% 0 repeat-y;
}
	body.threeColumn #page {
		background: url(../images/bg_body_tile_3_column.gif) 50% 0 repeat-y;
	}
	body.twoColumn #page {
		background: url(../images/bg_body_tile_2_column.gif) 50% 0 repeat-y;
	}
	body.oneColumn #page {
		background: url(../images/bg_body_tile_1_column.gif) 50% 0 repeat-y;
	}

#wrapper {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 1.5em; /* necessary so footerStick works and doesn't add scrollbars */
}
	#wrapperInner {
		position: relative;
		margin: 0 auto;	
		width: 760px;
		border-right: 1px solid #ebebd8;
	}

#header {
	height: 171px;
	background: #003152 url(../images/bg_header_tile.gif) 0 0 repeat-x;
	border: none;
}
	#headerContent {
		position: relative;
		height: 171px;
		width: 760px;
		margin: 0 auto;
		background: url(../images/bg_header_home.gif) 0 100% no-repeat;
	}
		body.threeColumn #headerContent {
			background-image: url(../images/bg_header_3_column.gif);
		}
		body.twoColumn #headerContent {
			background-image: url(../images/bg_header_2_column.gif);
		}
		body.oneColumn #headerContent {
			background-image: url(../images/bg_header_1_column.gif);
		}
		
#login {
	text-transform: uppercase;
	font-size: .75em;
	text-align: right;
	padding: 1px 10px;
	background-color: #336699;
}
	#login a {
		color: #fff;
	}
	#login a:hover {
		color: #ffbb00;
	}

form#logoutInHeader {
	display: inline;
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid #99b2cc;
}

#footer {
	position: relative;
	margin: -121px auto 0 auto;
	width: 760px;	
	color: #336699;
}
	#footerInner {
		height: 120px;
		width: 729px;
		margin: 0 auto;
		background-color: #fff;
		border-top: 1px solid #ededed;
	}
		#footerInner .webDesignCredit {
			clear: both;
			display: block;
			color: #99B2CC;
		}
		#footerInner .webDesignCredit a {
			color: #99B2CC;
			text-decoration: underline;
		}
		.left {
			width: 440px;
			float: left;
			margin-left: 10px;
			text-align: left;
		}
		.right {
			width: 200px;
			float: right;
			margin-right: 10px;
			text-align: right;
		}

#columns {
}
	#columnsInner {
		min-height: 300px;
		margin: 0 15px;
		padding-bottom: 140px;
	}

#columnMain {
	float: right;
	position: relative;
	margin-top: -26px;
}
	body.home #columnMain {
		float: left;
		width: 729px;
		margin-top: 0;
	}
	body.threeColumn #columnMain {
		width: 515px;
	}

#columnSub {
	float: left;
	width: 214px;
}
	body.home #columnSub {
		display: none
	}
#columnSubContent {
	padding: 20px 10px;
}
	#columnSubContent p {
		margin: 0 0 1em 0;
	}

#contentMain { 
	position: relative;
	float: left;
	width: auto; /* home */
	padding: 20px; /* 325px w */
}
	body.home #contentMain {
		width: 403px;
	}
	body.threeColumn #contentMain {
		width: 285px; /* threeColumns */ 
	}
	body.twoColumn #contentMain {
		width: 475px; /* twoColumns */ 
	}
	
#contentSub {
	float: right;
	width: 167px;
	margin-top: 26px;
	padding: 10px; /* 187px w */
	background: 
}
	body.home #contentSub {
		width: 265px;
		margin-top: 0;
		background: #FAFAFA;
	}
	body.oneColumn #contentSub,
	body.twoColumn #contentSub {
		display: none;
	}
	
#contentHeader {
}
	#contentHeader img {
		float: right;
		margin: 1.25em 0 1.25em 2em;
	}

#shadowLeft {
	width: 3px;
	height: 192px;
	position: absolute;
	top: -15px;
	left: 227px;
	background: url(../images/shadow_left.png) 0 0 no-repeat;
	z-index: 99;
}
	body.home #shadowLeft {
		top: -15px;
		left: 458px;
		background: url(../images/shadow_left_home.png) 0 0 no-repeat;
	}

/* Search Page Styles */

.scroller-before {
	margin: 1em 0;
}

.search-result {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #E5E5E5;
}

	.search-result p {
		margin-bottom: 0.25em;	
	}

	#columnMain .search-result a.view-page {
		border-bottom: none;
		font-weight: bold;
	}

/* ----------------
    PAGE ELEMENTS
    ------------- */
#logo {
	width: 252px;
	height: 77px;
	display: block;
	background: url(../images/logo.gif) 0 0 no-repeat;
	position: absolute;
	top: 38px;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
	#logo a {
		width: 252px;
		height: 77px;
		display: block;
		text-indent: -9999px;
	}
	
#columnMain a:link,
#columnMain a:visited {
	border-bottom: 1px solid #336699;
}
	#columnMain a:visited {
		color: #53718f;
	}
#columnMain a:hover {
	color: #ffbb00;
	border-bottom: 1px solid #ffbb00;
}
	#columnMain a.btn {
		border: none;
	}
	
.btn {
	display: block;
	margin: 0 0 1em 0;
	border: 0 !important;
}

.news {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.news li {
		padding: .5em 0;
		border-bottom: 1px solid #ededed;
	}

#contentMain ul,
#contentSub ul {
	margin: 0;
	padding: 0;
}
	#contentMain ul li,
	#contentSub ul li {
		margin-left: .20em;
		padding: 0 1em;
		line-height: 1.75em;
	}

#contentMain ul li {
	background: url(../images/bullet_grey.gif) 0 .75em no-repeat;
}
#contentSub ul li {
	font-size: .8em;
	line-height: 2em;
	background: url(../images/bullet_blue.gif) 0 .75em no-repeat;
}
	#contentSub ul li.file_pdf, #contentMain ul li.file_pdf,
	#contentSub ul li.file_dxf, #contentMain ul li.file_dxf,
	#contentSub ul li.file_doc, #contentMain ul li.file_doc {
		padding: 0 0 0 1.5em;
		background-position: 0 .5em;
		background-repeat: no-repeat;
		clear: none;
		border: none;
	}
	#contentSub ul li.file_pdf, #contentMain ul li.file_pdf {
		background-image: url(../images/icon_pdf.gif);
	}
	#contentSub ul li.file_dxf, #contentMain ul li.file_dxf {
		background-image: url(../images/icon_dxf.gif);
	}
	#contentSub ul li.file_doc, #contentMain ul li.file_doc{
		background-image: url(../images/icon_doc.gif);
	}
	
#homeFlashWrapper {
	height: 230px;
}
	
#homeFlash {
	position: absolute;
	top: -28px;
	left: 8px;
	z-index: 0;
	width: 427px;
	height: 259px;
	background: url(../images/temp_home.jpg) 0 0 no-repeat;
}
	#homeFlash .left,
	#homeFlash .right {
		width: 210px;
		height: 259px;
		margin: 0;
		z-index: 0;
		zoom: 1;
	}
	#homeFlash img {
		display: none;
	}
	
#homeButtons  {
	position: absolute;
	top: -28px;
	left: 8px;
	width: 427px;
	height: 259px;
	z-index: 99;
}
#homeButtons a {
	position: relative;
	float: left;	
	display: block;
	width: 210px;
	height: 259px;
	z-index: 99;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: -9999px;
	background: url(../images/transparent.gif); /* necessary so IE shows the anchors ON TOP of the animating images below */
}
	#homeButtons a.btnRight {margin-left: 7px;}
	#homeButtons a span {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 210px;
		padding: .2em 0 .1em 0; /* give it some padding so it doesn't crop/mask the text */
	}
	#contentMain #homeButtons a {
		color: #fff;
		border: none;
	}
	#homeButtons a:hover {
		text-indent: 0;
	}

.sectionLanding, .productListing {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dotted #ededed;
}
	#contentMain .sectionLanding li,
	#contentMain .productListing li {
		background: none;
		clear: both;
		padding: 1em 0;
		margin: 0;
		border-top: 1px dotted #ededed;
	}
	#contentMain .sectionLanding .sectionLandingIcon {
		float: left;
		margin: 0;
	}
		#contentMain .sectionLanding .sectionLandingIcon a {
			border: none;
		}
	#contentMain .productListing .productListingImage {
		float: right;
		margin: 0;
	}
	#contentMain .sectionLanding .sectionLandingDescription {
		margin-top: 0;
		margin-left: 160px;
	}
	#contentMain .productListing .productListingDescription {
		margin-top: 0;
		margin-right: 160px;
	}
	
#contentMain ul.applicationCategories {
	margin: 0;
	padding: 0;
	list-style: none;
}
	#contentMain ul.applicationCategories li {
		background: none;
		float: left;
		width: 215px;
		display: block;
		margin: 0 0 0 20px;
		padding: 0 0 0 20px;
		border-left: 1px dotted #ededed;
	}
		#contentMain ul.applicationCategories li div.categoryIcon {
			height: 145px;
			position: relative;
		}
		#contentMain ul.applicationCategories li div.categoryIcon a {
			border: none;
		}
		#contentMain ul.applicationCategories li div.categoryIcon a {
			position: absolute;
			bottom: 0;
		}
	#contentMain ul.applicationCategories li.first {
		border-left: none;
		margin: 0;
		padding: 0;
	}
	
#columnMain #newsEvents h4 {
	font-size: 0.9em;
	border-bottom: 0;
	text-transform: uppercase;
	color: #336699;
	margin-bottom: 0.5em;
}

#columnMain #newsEvents h2 a, #columnMain #newsEvents h4 a  {
	border-bottom: 0;	
}

#newsEvents {
	margin-bottom: 1.5em;
}

.news-info-area .label {
	font-weight: bold;
}

.newsEventItem {
	padding: 1em 0 0.25em 0;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 0.5em;
}

.contactInfoWithJavascriptEnabled {
	display: none;
}

/*
*/
.reps {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	display: block; 
	float: left;
}
	.reps span { display: block; }
	.reps .region { font-weight: bold; font-size: 1.2em; }
	.reps .company { font-weight: bold; margin-top: 0.25em; }
	.reps .contact {font-style: italic; }
	.reps .address {}
	.reps .phone {}
	.reps .email {}
	.reps .website {}	
	.reps .country,
	.reps .division { display: none; }
	
	
	
	ol.reps li {
		width: 220px;
		margin-top: 1.2em;
		margin-right: 1.2em;
		height: 12em;
		float: left;
	}
/*
		overflow: auto;
	
	
*/
/* ----------------
    NAVIGATION
    ------------- */
#navMain {
	position: absolute;
	top: 70px;
	right: 0;
}
	#navMain ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#navMain li {
			float: left;
		}	
			#nav-company { width: 7em; }
			#nav-products { width: 7.5em; }
			#nav-applications { width: 9em; }
			#nav-support { width: 8em; }
			#nav-contact { width: 7em; }
			
			#navMain li.active a {
				background-color: #336699;
			}

			#navMain a {
				display: block;
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				padding: .5em 1em;
				margin-top: -1px;
				border-top: 1px solid #fff;
				position: relative;
			}
				#navMain a:hover {
					margin-top: -5px;
					border-top: 5px solid #ffbb00;
					color: #ffbb00;
				}
				
/* Ugh, this #navSub has gotten messy. It's probably over complicated... oh well. */				
#navSub ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #ededed;
}
	#navSub li {
		height: 1%; /* fix a white space bug in IE6 */
		display: block;
		border-bottom: 1px solid #ededed;
	}
		#navSub li.parent {
			background: url(../images/bg_sub_nav_active.gif) 0 0 no-repeat;
		}
			#navSub li.parent ul li.parent {
				background: none;
			}
		#navSub li ul {
			border: none;
		}
		#navSub a {
			display: block;
			padding: .5em 1em;
			color: #336699;
			text-decoration: none;
			font-weight: bold;
		}
			#navSub a:hover {
				color: #99b2cc;
			}
	
	#navSub li ul {
		padding: .5em 0;
	}
		#navSub li ul li {
			border: none;
		}		
			#navSub li ul li.active a {
				color: #ffbb00;
				background-image: url(../images/bullet_orange.gif);
			}
				/* Third Tier - override active settings from parent li */
				#navSub li ul li.parent.active ul li a {
					color: #336699;
					padding-left: 3em;
					background: url(../images/bullet_blue.gif) 2em 50% no-repeat;
				}
				#navSub li ul li ul li.active a {
					color: #ffbb00;
					padding-left: 3em;
					background: url(../images/bullet_orange.gif) 2em 50% no-repeat;
				}
					#navSub li ul li.active ul a:hover {
						color: #99b2cc;
						background-image: url(../images/bullet_lt_blue.gif);
					}

			#navSub li ul li a {
				font-size: .9em;
				font-weight: normal;
				padding: .3em 0 .3em 2em;
				background: url(../images/bullet_blue.gif) 1em 50% no-repeat;
			}
				#navSub li ul li a:hover {
					background-image: url(../images/bullet_lt_blue.gif);
				}
					
#breadCrumbs {
	/*position: absolute;
	top: -1em;
	left: 20px;*/
	margin: 0;
	line-height: 1em;
	font-size: .8em;
}
	#breadCrumbs a:link,
	#breadCrumbs a:visited {
		color: #b2b2b2;
		text-decoration: none;
		border: none;
	}
		#breadCrumbs a:hover {
			color: #336699;
			border-bottom: 1px solid #336699;
		}

/* ----------------
    FORM ELEMENTS
    ------------- */
fieldset {
	border: 1px solid #e4e4e4;
	margin: 1em 0 0 0;
	padding: 10px;
}
	fieldset ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		fieldset li {
			clear: both;
			padding: .5em;
			background: none !important;
		}
		
fieldset legend {
	font-weight: bold;
	margin: 0;
}
	
fieldset label,
fieldset input[type="text"]{
    float: left;
    display: block;
}
fieldset label {
	text-align: right;
    margin-right: 5px;
    padding: 4px 0;
}

form fieldset label {
	display: block;
	float: left;
	clear: both;
	width: 100px;
}
form fieldset table.selectOneRadio label {
	width: auto !important;
}
form fieldset legend label {
	display: inline;
	float: none;
	clear: none;
	width: auto;
}

form input.inputText, form textarea.inputTextarea {
	border: 1px solid #A1B3C3;
}
form input.inputText:focus, form textarea.inputTextarea:focus {
	background-color:#FFFFE5;
	border-color:#7496B7;
}
form input.inputButton {
	margin-top: 12px !important;
}
fieldset .inputText,
fieldset .inputTextarea,
fieldset .inputTextareaSmall {
    width: 170px;
    overflow: auto;
    padding: 4px;
}
fieldset .inputTextarea {
	height: 8em;
	width: 300px;
}
fieldset .inputTextareaSmall {
	height: 4em;
}
fieldset p.submit {
	text-align: center;
}

div.errors {
	background: #FFFCD7 url(../images/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	margin: 1em 0;
	width: 100%;
}
	div.errorsInner {
		padding-left: 80px;
		background: url(../images/big_error.gif) 15px 1em no-repeat;
	}
label span {
	color: red;
}

	
		

/* ----------------
    MISC
    ------------- */
.floatLeft {float: left;}
.floatRight {float: right;}
.alignLeft {text-align: left;}
.alighRight {text-align: right;}
.alignCenter {text-align: center;}
.clear {clear: both;}


/* ----------------
    CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    the ID or class is the parent of the floated items
    ------------- */ 
#wrapperInner:after,
#columnsInner:after,
#footerInner:after,
.sectionLanding:after,
#contentHeader:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

#wrapperInner,
#columnsInner,
#footerInner,
.sectionLanding,
#contentHeader { 
	display: inline-block; 
	_height: 1%;
}

/* Hides from IE-mac \*/
#wrapperInner,
#columnsInner,
#footerInner,
.sectionLanding,
#contentHeader { display: block; }
/* ----------------
    END CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    ------------- */
    
    
    
    
body.contact a.btn {
	float: right;
	margin-left: 20px;
}  
   
body.contact fieldset {
	clear: right;
}   
    
    

/* --------------------
    Document Vault
----------------------- */
body.documentVault h2 {
	padding: 1em 0 0 0;
	margin: 1em 0 0.2em 0;
	border-top: 1px dashed #EDEDED;
	font-size: 1.55em;
}
body.documentVault h3 {
	padding: 0 0 0.2em 0;
	margin: 0;
	color: #7a7a7a;
}
body.documentVault #contentMain ul {
	padding: 0 0 1em 1em;
	margin: 0;
}
body.documentVault p {
	padding: 0;
	margin: 0.25em 0;
}
body.documentVault div.docVaultQuickLinks {
	padding: 10px 15px;
	border: 1px solid #EDEDED;
	background-color: #f7f9fa;
}
body.documentVault div.docVaultQuickLinks h2 {
	border: none;
	padding: 0;
	margin: 0;
	text-transform: none;
	font-size: 1.3em;
}
body.documentVault #contentMain div.docVaultQuickLinks ul {
	padding: 0 0 0 1em;
	margin: 0;
}
    
    
    
    
    
    
    
    
    
/* ---------->>> jtip <<<---------------------------------------------------------------*/
/*
#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}
*/
#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	padding-bottom: 10px;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
	margin:3px 0;
}



#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}