/* --------------------- */
/* ------ Globals ------ */
	*:focus { outline: none; }
	html { overflow-y: scroll; }
	body { /*background-color: #c0c0c0;*/ background-color:#464343; font: 10px arial; color:#666;}
	strong { font-weight: bold; }
	em { font-style: italic; }
	.clear {clear: both;}
	/*a {color: #2d5a81;}*/
	a {color: #9d151d;}
	
	/*a:hover { color: #558bc6;}*/
	a:hover { color: #8d1821;}
	
	a.bulleted {	
		background: url(/images/arrow_right.gif) left .8em no-repeat;
		padding: .4em 0 .4em 1em; 
	}
	p {margin: .4em 0 1em 0; font-size:1.1em; line-height: 1.5em;}
	p.small {margin: .4em 0 1em 0; font-size:.9em; line-height: 1.5em;}
	
	
	p.question, p.answer {font-size: 1.2em; margin:0; padding: 0;width: 600px;}
	p.answer span, p.question span {
		font-weight: bold;
		clear: left;
	}
	
	p.question {
		margin-top: 1.2em; 
		font-size: 12px !important;
		font-weight: bold;
		padding: 1.2em .8em 0 .8em;
		}
	p.answer { 
		clear: left;
		border: 1px solid #ccc;
		font-size: 11px !important;
		padding: .5em .8em;
		}
	p.answer span {}
	.pdf { background: url(/images/icon_pdf.gif) center left no-repeat; padding: 2px 0 2px 20px; margin: .5em 0 .5em 0;}
	.ppt { background: url(/images/icon_ppt.gif) center left no-repeat; padding: 2px 0 2px 20px;}
	
	h1 { color: #626262; font-size: 2.4em; font-weight: bold; }
	h2 { color: #626262; font-size: 1.8em; font-weight: bold;}
	h3 { color: #626262; font-size: 1.4em; font-weight: bold;}
	h4 { color: #626262; font-size: 1.2em; font-weight: bold;}

	ol { list-style-type:decimal; } 
		ol li { margin-left: 2em; margin-bottom: 1em;}
div.wrapper {
	margin: 0 auto;
	width: 100em;
}
div.container {
	float: left;
	background-color: #fff;
}
/* Header Section */	

#header {
	float: left;
	background: url(/images/bg.gif) top left;
	width: 100em;
	min-height: 12em;
	}
	#header .logo {
		float: left;
		margin: 3em;
		width: 50em;
	}
	#header p {
		font-size: 1.2em;
		text-align: right;
		/*color: #cccccc;*/
		color:#1a1819;
		margin: 0 0 .5em 0;
		padding: 3em 4em 0 0;
		line-height: 1.6em;
	}
	#nav {
		float: left;
		margin: 0;
		background: #cccccc url(/images/bg_nav.gif) bottom left repeat-x;
		width: 92em;
		display: block;
		padding-left: 4em;
		padding-right: 4em;
	}
		#nav li {
			float: left;
			font-size: 1.2em;
			font-weight: bold;
			background: url(/images/bg_nav_border.gif) bottom right repeat-y;
			}
				#nav li.products {
					/*background: url(/images/bg_nav_products.gif) bottom center no-repeat;*/
					border-right: 1px solid #969696;
					}
					#nav li.products:hover {
						/*background: #3373bb url(/images/bg_nav_products_hover.gif) bottom center no-repeat;*/
						
						background: #a7161e url(/images/bg_nav_products_hover.gif) bottom center no-repeat;
						border-right: 1px solid #969696;
					}
				#nav li.support {
					/*border-left: 1px solid #d8d8d8;*/
					}
				#nav li a {
					color: #333333;
					text-decoration: none;
					padding: 1em 1.5em 1em 1.5em;
					display: block;
					}
				#nav li:hover {
					/*background-color: #3373bb;*/
					background-color: #a7161e;
					background-image: none;
					}
				#nav li:hover  a {
					color: #fff;
					text-decoration: none;
					
					}
					#nav li ul {
						display: none;
						position: absolute;
						font-size: .8em;
						font-weight: normal;
						color: #fff;
						background-color: #232727;
						/*background: url(/images/bg.gif) top left;*/
						}
							#nav li:hover ul {
								display: block;
								opacity: .97;
								filter: alpha(opacity=97);
								}
							#nav li ul li {
								clear: left;
								width: 19.5em;							
								background-image: none;
								}
								#nav li ul li a {
									padding: .7em 1em .7em 1em;
									dsplay: block;
									}
									#nav li ul li a:hover {
										/*background: #3373bb url(/images/btn_open_close.gif) top left;*/
										background: #a7161e url(/images/btn_open_close.gif) top left;
										border-top: 1px solid white;
										margin-top: -1px;
										cursor: pointer;
										}
/* End Header Section */

/* Content Area */	

/* Home Page Styles */
	div#homeContent{
		width:640px;
		height:270px;
		background: #fff url(/images/homeBG.jpg) 0 0 no-repeat;
		padding:15px;
		}
	div#homeContent p{
		width:265px;
		font-size:13px;
		/*font-style:italic;*/
		font-weight:bold;
		line-height:15px
		}
	div#homeContent p span{
		color:#797979;
		font-size:22px;
		font-weight:bold;
		display:block;
		margin-bottom:10px;
		line-height:22px
		}
		
		
		
		/*-----Left Column Styles ------- */
		
div.leftCol {
	float: left;
	width: 67em;
	margin: 2em 2.5em 0em 4em;
	_margin-left: 2em;
	}	
	div.content {
		float: left;
		padding: 0 0 3em 0;
		}
		div.content p {font-size: 1.4em; padding-right: 2em;}	
	 
		ul.bulleted li{
			background: url(/images/arrow_right.gif) left .8em no-repeat;
			padding: .4em 0 .4em 1em;
			}
			ul.bulleted li a{
				text-decoration: underline;
				}
	div.full h3 {
		padding-top: .5em;
		margin-top: 1.5em;
		border-top: 1px solid #ddd;
		}		
	ul.contactTab { margin-top: 1.8em; }
	ul.contactTab li {
		float: left;
		background-color: #f0f0f0;
		margin-right: 1em;
		margin-bottom:-1px;
		}
			ul.contactTab li a {
				padding: .7em 1em;
				display: block;
				/*color: #3373bb;*/
				color: #9d151d;
				font-size: 1.2em;
				font-weight: bold;
				}
			ul.contactTab li.active a {
				border: 1px solid #f0f0f0;
				border-bottom: none;
				text-decoration: none;
				color: #666;
				}
	.contactPg {
		width: 62.5em;
		padding: 2.2em;
		float: left;
		background: url(/images/bg_contact.gif) top left no-repeat;
		border-top: 1px solid #cacaca
		}
			h3.reps {margin-top: 3em; font-size: 1.5em;}
			h3.dist	{margin-top: 1.5em; font-size: 1.6em;}
			.contactPg  .contactLeft {
				float: left;
				width: 29em;
				background: url(/images/bg_form_general.gif) bottom left no-repeat;
				margin-top: 1.5em;
				padding: 0 2em 2em 2em;
				} 
				.contactPg  .contactLeft h4 {
					font-size: 1.3em;
					font-weight: bold;
					padding: .3em .8em;
					margin-bottom: 1em;
					width: 21em;
					color: #fff;
					background: #373c3c url(/images/bg_grey_diag.gif) top left;
					clear:left;
					}
				.contactPg  fieldset {
					float: left;
					margin-bottom: .8em;
					} 
					.contactPg label {
						width: 8em;
						text-align: right;
						float: left;
						font-size: 1.1em;
						margin: .3em .5em 0 0;
						} 
					.contactPg input.submit {
						/*background: #3373bb url(/images/btn_open_close.gif) top left;*/
						background: #a7161e url(/images/btn_open_close.gif) top left;
						text-align: center;
						color: #fff;
						font-weight: bold;
						font-size: 1.1em;
						border: none;
						padding: .5em 1em;
						margin-top: 1em;
						}		
						.contactPg input.submit:hover {cursor: pointer;}	
					#find { padding-top: 3.5em; }	
						#find fieldset {
							clear: left;
							float: left; 
							width: 100%;
							}
							#find label {
								width: 5em;
								float: left; 
								}
							.contactPg select {
								width: 21em;
								font-size: 1.4em;
								padding: .1em;
								}
				
				.contactPg dl {
					margin-bottom: 2em;
					}	
					.contactPg dt {
						font-size: 1.3em;
						margin-top: 1em;
						font-weight: bold;
						}	
					.contactPg dd {
						font-size: 1.2em;
						}
				
				
			.contactPg .contactRight{
				float: left;
				width: 26em;
				padding-left: 3em;
				}
			.contactPg table {
				font-size:1.2em;
				margin:1em 0 1em 0;
				width:52em;
				}
				contactPg table tr {	
					float: left;
					padding-top: 2px;
					border-bottom: 1px solid #000;
					}
				.contactPg table tr.odd {
					background-color:  #e3e3e3;
					border-top: 1px solid #ccc;
					}
				.contactPg table tr.header {
					background: #484848 url(/images/bg_grey_diag.gif) top left;
					color: #fff;
					}			
					
				.contactPg table td {
					float: left;
					padding: .6em 2em .6em 1em;
					}	
				.contactPg table td.company,
				  .contactPg table th.company {
					width: 35%;
					}	
					td.company { font-size: 10px;}
					td.company strong { font-size: 12px;}
				.contactPg table td.city,
				.contactPg table th.city {
					width: 12%;
					}
				.contactPg table td.location, 
				.contactPg table th.location {
					width: 5%;
					}
				.contactPg table td.tel,
				.contactPg table th.tel {
					width: 20%;
					}
	.validation_summary { margin:2em 0 2em 0; }
				
	.category {
		float: left;
		padding: .5em 0 0 0;
		margin-top: 1.2em;
		width: 66em;
		background:url(/images/category_border.gif) top left no-repeat;
		}	
		.activeState {
			background: url(/images/bg_category_color.gif) center 0.1em repeat-y;
			border-top: 1px solid #d8d8d8;
			margin-top: 1.1em;
			}
		.category .promo {
			float: left;
			width: 13.6em;
			margin-right: 1.5em;
			margin-top: 1em;
			/*border:1px solid #3373bb;*/
			border:1px solid #a7161e;
			
			border-bottom: none;
			} 
				.category .promo p {
					float: left;
					/*background: #3373bb url(/images/button_bg.gif) top left repeat-x;*/
					background: #a7161e url(/images/button_bg.gif) top left repeat-x;
					font-weight: bold;
					margin: 0;
					padding: 0;
					/*border-top: 1px solid #7e9bbc;*/
					border-top: 1px solid #8c4046;
					width: 12.4em;
					font-size: 1.1em;
					}
				.promo p a.action {
					padding: .8em;
					color: #fff;
					display: block;
					background: url(/images/arrow_right_white.gif) 120px center no-repeat;
					font-size: .8em;
					font-weight: bold;
					}
				
		.category .description {
			float: left;
			width: 32em;
			margin-right: 1.5em;
			}
			.category .description h3 {
				margin-top: .6em;
				}
				.activeState .description h3 {
					/*color: #3373bb;*/
					color: #a7161e
					}
			.category .description p{
				
				margin: 0; padding: 0;
				margin-top: .6em;
				font-size: 1.15em;
				}
		.category .featured {
			float: left;
			width: 15em;
			padding: 1em;
			border: 1px solid #d9d9d9;		
			}
			.category .featured h4 {
				font-size: 1.2em;
				font-weight: bold;
				/*color: #3373bb;*/
				color: #a7161e
				clear: both;
				}
				.featured ul {			
					margin-top: 0.3em;
					line-height: 1.2em;
					list-style-type: none;
				}
				*:first-child+html .featureFix ul {margin-top: -15px; } * html .featureFix ul {margin-top: -15px;  }
				
					.featured li {					
						background:url(/images/arrow_right.gif) left .4em no-repeat;
						font-size: 1.1em;
						padding-left: .7em;						
						list-style-type: none;	
						margin-bottom: 7px;					
					}
					*:first-child+html .featured li { background-image: none; padding-left: 0; } * html .featured li { background-image: none; padding-left: 0; }
		.expanded {
			float: left;
			position: relative; 
			width: 66em; 
			/*border-top: 10px solid #3373bb;*/
			border-top: 10px solid  #a7161e;
			/*border-bottom: 1px solid #0b61ab;
			border-right: 1px solid #0b61ab;*/
			border: 1px solid #a7161e;
			/*background-color: #a7c9e7;*/ 
			background-color: #fff; 
			}
			.top {
				padding: 1.5em 1.2em;
				}
				.item{
					float: left;
					width: 50%;
					color: #000;
					margin-bottom: 1.5em;
					}
					.item img{
						float: left;
						margin: 0 1em 0 0;
						width: 6.5em;
						height: 6.5em;
						}
					.item .btn{
						float: left;
						margin: 0 1em 0 0;
						/*width: 11.2em;
						height: 2.1em;*/
						width: 112px;
						height: 21px;
						}
					.item .pdf a{
						display: block;
						float: left;
						width: 15em;
						background:url(/images/icon_pdf.gif) left no-repeat;
						padding-left: 1.8em;
						margin-top: .5em;
						color: black;
						font-size: 12px;
						text-decoration: none;
						}
					.item h4{
						font-size: 1.2em;
						font-weight: bold;
						}
			.link {
				background:url(/images/btn_open_close.gif) bottom left;	
				width: 100%;
				text-align: center;
				color: #fff;
				padding: .5em 0 ;				
				float: left;
				}	
					.link a{
						color: #fff;
						padding: 0 29em 0 29em;
						background: url(/images/icon_open_close.gif) 27em center no-repeat; 
						}	
			/*-- start product detail styles --*/		
					
			.productDetail .productPhoto {
				float: left;
				width: 20em;
				padding: 0;
				margin: 0;
				}

				ul.docs {
					width: 20em;
					position: absolute;
					top: 40em;
					float: left;
					/*background-color: #e9e9e9;
					border-bottom: 2px solid  #ccc;*/
					}
					.docs li {
						float: left;
						}
						.docs li img {
							float: left;
							width: 4em;
							margin: .3em;
							border: 1px solid #ccc;
							}
							.docs li img:hover {
								border: 1px solid #000;
								}
			.productDetail .contentBox {
				width: 100%;
				border: 1px solid #707070;
				margin-bottom: 1em;
				float: left;
				}
				.productDetail .contentBox .contentHeader{
					background: url(/images/btn_open_close.gif) top left;
					color: #fff;
					float: left;
					width: 100%;
					}
				.productDetail .contentBox .contentHeader:hover{  background:#999999;url(/images/bg_nav.gif/) top left;/*background: url(/images/bg.gif) top left;*/}
					.productDetail .contentBox .contentHeader h3 a{
						color: #fff;
						text-decoration: underline;
						width: 40em;
						display: block;
						float: left;
						padding: .3em .3em .4em .5em;
						
						}
						
						
					.productDetail .contentBox .contentHeader a.link{
						float: right;
						width: 6.6em;
						background: url(/images/icon_open_close.gif) left center no-repeat;
						padding: .5em 1em;
						}	
						
					.productDetail .contentBox .content {
						padding: 1em;
						width: 96%;
						float: left;
						}
						.productDetail .contentBox .content p {
							font-size: 1.1em;
							line-height: 1.2em;
							padding: .3em .5em .4em .5em;
							margin: 0;
							}
							
				.productDetail .details {
					float: right;
					width:45em;
					border: none;
					}
						.productDetail h2 {
							float: left;
							margin: 1em 1em 1em 1em;
							}
						.productDetail .details p {
							font-size: 13px;
							width: 420px;
							}
						.productDetail .details .hidden {
							display: none;
							}	
				.productDetail .features {
						float: left;						
						margin-top: 2em;
					}
					
					.productDetail .spec table {
						width: 100%;
						}
					.productDetail .spec table tr {
						float: left;
						width: 100%;
						}	
						.productDetail .spec table tr.odd {
							background-color: #f2f2f2;
							/*border-color: $ececec;*/
							}
						.productDetail .spec table span.tableCell {
							display: block; 
							float: left; 											
							width: 80px;
							}
					
					.productDetail .spec table td {
						padding: .3em .2em;
						}	
					.productDetail .spec table td.header {	
						font-size: 1.5em;
						border-top: 10px solid #ccc !important;
						padding: .8em 0 .4em 0em;
						float: left;
						width: 100%;
						font-weight: 900;							
						margin-top: 1em;
						/*background-color: #e7e7e7;*/
						}
						.productDetail .spec table td.top {	
							margin-top: 0;
							}
					.productDetail .spec table td.leftCol {
						font-weight: 900;
						width: 15em;
						}	

				.productDetail .features {
					padding: 0;
					}
					.productDetail .features ul {
						list-style-position: inside;
						list-style-type: none;
						padding: 0;
						margin: 0;
						float: left;
						width: 100%;
						}
					.productDetail .features li {
						clear: left;
						background: url(/images/arrow_right.gif) left .7em no-repeat;
						font-size: 1.1em;
						font-weight: 900;
						padding: .4em 0 .4em 1em;
						margin: 0 0 0 0;							
						/*border-bottom: 1px solid #ccc;*/
						}
						.productDetail .features ul ul {
							color: #a9a9a9;
							}
						.productDetail .features ul ul li{	
							background-image: none;
							font-size: .8em;
							list-style-type: square;
							padding-left: .8em;
							margin-top: .3em;
							border-bottom: none;
							}
							.productDetail .features ul h3{
						background-color: red;
						clear: left;
						padding-top: 30px;
					}
					
					.productDetail .features .content h3{
						clear:  both;
						padding-top: 12px;
						}
				.productDetail .productLinks {
					float: right;
					border: none;
					width: 450px;
					background-color: #e9e9e9;
					border-bottom: 2px solid  #ccc;
					}

					.productDetail .productLinks .button {
						float: left;
						margin: 1em 1em 1em 1em;
						border: 1px solid #ccc;
						}
						.productDetail .productLinks .button:hover {
						border: 1px solid #2d5a81;
						}
						
/* end product detail styles */	
	
	div.rightCol {
		float: left;
		width: 23em;
		margin: 1.5em 0 0 0;
    	}
			div.box {
				background: url(/images/bg_sidebar_top.gif) top left no-repeat;
				padding-top: 1em;
				}
				div.boxEntry { margin-top: 1em; margin-bottom: 2em; padding-top: 2em;}
				div.boxEntry .header{ padding-top: 0px; font-size: 16px;}
				div.boxEntry p {font-size: 12px; padding: 0 12px;}
				div.boxContent {
					background: url(/images/bg_sidebar_bottom.gif) bottom left no-repeat;
					padding:  0 1em 1em 1em;
					}
					div.bg {
						/*background: url(/images/bg.gif) top left;*/
						background:#464643;
						padding: 0;
						margin: 0;
						}
						div.boxContent .header {
							margin: 1em 0;
							}
					div.boxContent .contact { background-image: none; }	
					div.boxContent select {
						margin: 0em 0.5em  1em 0.5em;
						width: 16.5em;
						font-size: 1.2em;
						padding: .2em;
						background-color: #fff;
					}
						div.boxContent option {
								font-family: Geneva, Arial, Helvetica, sans-serif x-small;
								margin: -0 0 .8em 0;
								
							}
	div.homeShadow { border-top: 18px solid #e5e5e5; padding-top: 2em; background: url(/images/bg_shadow.gif) bottom left repeat-x;}
	
	.rightColSupport h4 {font-size: 14px; margin: 0 15px; border-top: 1px solid #c7c7c7; margin-top: 20px; padding-top: 10px;}
	.rightColSupport h4.first {border: none; margin-top: 0;}
	.rightColSupport ul {font-size: 12px; margin: 5px 15px;}
	.rightColSupport ul a { display: block; background: url(/images/icon_pdf.gif) center left no-repeat; padding: 2px 0 2px 20px; _padding:0 0 0 20px; margin: 2px 0 4px 0;}
	
	
/* start footer */
#footer {
	float: left;
	color: #000;
	/*background: #828282 url(/images/bg.gif) top left repeat-x;*/
	background: #fff url(/images/bg.gif) 0 4em repeat-x;
	width: 100em;
	padding: 4em 0 0 0;
	text-align: center;
    }
		#footer .content {
			padding: 5em 0em;
			width: 100%;
			/*background: #949494 url(/images/bg_footer.gif) top left repeat-x;*/
			background: #fff url(/images/bg_footer.jpg) top left repeat-x;
			}
		#footer p{
			color: #333;
			margin: 0;
			}
		#footer a {
			/*color: #cccccc;*/
			color:#9d151d;
		}
	
/******end footer****/
.indent {
	padding-left: 15px !important;
	width: 100px;
}
.noFlash {
	display: block;
	width: 670px;
	height: 300px;
	background-color:red;
	background: url(/images/homeNoFlash.jpg) top left no-repeat;
}
.noFlash h3 a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 3px;
	font-weight: bold;
	}