/* @override http://www.vitextech.com/styles/pages.css */

/*---------------------*/
/* PAGES - GLOBAL      */
/* SPANS, P ETC */
/*---------------------*/
#content {
	margin-top: 20px;
	color: #FFF;
	/*background: #000000;*/
	padding-bottom: 250px;
	}
#content h1 {
		color: #2173ee;
		padding: 10px 10px 10px 15px;
		height: 40px;
		background: #fff;
		xtext-transform: uppercase;
		font-size: 16px;
	}
#content p {
		font-size: 13px;
		margin: 0px 5px 10px 10px;
		line-height: 20px;
	}
		
/*---------------------*/
/* PAGES - HOME       */
/*---------------------*/
h4 {
	clear: both;
	font-size: 1.4em;
	margin-bottom: 10px;
	margin-left: 10px;
	xcolor: #2173ee;
}

	#hp-body {	
	}
		#hp-body #hp-col1 {
			background: #FFF;
			height: 513px;
			overflow: hidden;
			xheight: 550px;
			width: 199px;
			margin-top: 20px;
			margin-right: 10px;
			float: left;
			
			height: 525px;
		}
			#hp-body #hp-col1 .hp-news {
				color: #000;
				font-size: 13px;
				background: #fff;
				height: 50px;
				border-bottom: 2px solid #d0d0d0;
				padding-top: 10px;
				padding-left: 10px;
				text-transform: uppercase;
			}
				#hp-body #hp-col1 .news .hp-col1-date,
				#hp-body #hp-col1 .news .hp-col1-text {
					color: #000;
					margin-left: 10px;
					margin-top: 7px;
					margin-right: 20px;
				}
					#hp-body #hp-col1 .news .hp-col1-text {
						font-size: 12px;
						margin-top: 5px;
					}
					
						
					
						#hp-body #hp-col1 .news .hp-line {
							border-bottom: 1px solid #000;
							margin-left: 10px;
							margin-right: 10px;
						}
							#hp-body #hp-col1 .news span.new {
								color: #ff0000;
							}
		#hp-body #hp-col2,
		#hp-body #hp-col3 {
			background: #fff;
			height: 513px;
			width: 315px;
			margin-top: 20px;
			float: left;
			height: 525px;

		}
			#hp-body #hp-col2 {
				margin-right: 10px;
			}
				#hp-body #hp-col2 .hp-col-title,
				#hp-body #hp-col3 .hp-col-title {
					color: #237bff;
					font-size: 14px;
					height: 50px;
					border-bottom: 2px solid #d0d0d0;
					padding-top: 10px;
					padding-left: 10px;
					xtext-transform: uppercase;
				}
					#hp-body #hp-col2 .hp-col2-pic1,
					#hp-body #hp-col3 .hp-col2-pic1 {
						margin-bottom: 10px;
					}
					#hp-body #hp-col2 .hp-col2-text,
					#hp-body #hp-col3 .hp-col2-text {
						xcolor: #fff;
						margin-left: 10px;
						margin-top: 8px;
						font-size: 13px;
						min-height: 80px;
					}
					
						#hp-body .hp-col2-text a {
								color: #237bff;
								text-decoration: none;
						}
					
						#hp-body #hp-col2 .hp-pic3,
						#hp-body #hp-col3 .hp-pic3 {
							float: left;
							margin-left: 10px;
							padding-right: 10px;
						}
							#hp-body #hp-col2 .hp-col2-title,
							#hp-body #hp-col3 .hp-col2-title {
								float: right;
								text-align: right;
								font-size: 13px;
								color: #fff;
								margin-right: 10px;
								width: 160px;
							}
								#hp-body #hp-col2 .hp-line2,
								#hp-body #hp-col3 .hp-line2 {
									border-bottom: 2px solid #d0d0d0;
									margin-top: 20px;
									margin-bottom: 10px;
								}
									#hp-body #hp-col2 .hp-col2-text2,
									#hp-body #hp-col3 .hp-col2-text2 {
										width: 150px;								
										color: #fff;
										margin-left: 10px;
										margin-top: 10px;
										font-size: 11px;
										float: right;
										text-align: right;
										margin-right: 15px;
										overflow: hidden;
									}
a.to-products-dvi,
a.to-products-fiber {
	text-decoration: none;
	color: #046be7;
}
a.to-products-dvi-list,
a.to-products-fiber-list {
	text-decoration: none;
	color: #000;
}
/*---------------------*/
/* PAGES - ABOUT       */
/*---------------------*/
#content .about-text,
#content .links-content,
#content .contact-content,
#content .applications-subwrap {
	float: left;
	background: #fff;
	color: #000;
	margin: 3px 0px 0px 0px;
	width: 850px;
	padding-bottom: 30px;
}
.about {
	margin-left: 50px;
	font-size: 13px;
	list-style-type: none;
	line-height: 20px;
}
.about ul {
		list-style: none;
		margin-left: 40px;
		padding-left: 1em;
		text-indent: -1em;
}
	.about li{
		margin-bottom: 10px;
		font-size:12px;
		padding:5px 15px 5px 0px;
	}
		.about p {
			
		}
			.about .picture {
				float: right;
				margin: 20px 20px 0px 10px;
			}
.about-text a.vitex-email {
	color: #000;
}
			
/*-------------------------*/
/* PAGES - PRODUCTS - DVI  */
/*-------------------------*/
.moreprod {
	color: #2173ee;
	color: #666;
}
.products-dvi {
	
}
		.xproducts-dvi .featured,
		.xproducts-fiber .featured,
		.xproducts-dvi-patch .featured {
			color: #000;
			float: right;
			font-size: 1.6em;
			margin-top: -50px;
			margin-right: 20px;
		}
		
		.products-dvi .featured,
		.products-fiber .featured,
		.products-dvi-patch .featured {
			color: #000;
			xfloat: right;
			font-size: 1em;
			xmargin-top: -50px;
			xmargin-right: 20px;
			xdisplay: inline;
			xfloat: left;
		}
		
	.products-dvi ul.left,
	.products-fiber ul.left,
	.products-dvi-patch ul.left {
		height: 514px;
		width: 200px;
		list-style-type: none;
		margin-top: 2px;
		display: block;
		float: left;
	}
		.products-dvi ul.left li,
		.products-fiber ul.left li,
		.products-dvi-patch ul.left li {
			background: #fff;
			color: #2173ee;
			margin-top: 1px;
			padding: 10px 20px 10px 20px;
			font-size: 13px;
		}
			.products-dvi ul.left li a {
				color: #000;
				text-decoration: none;
			}
	.products-dvi .products-right,
	.products-fiber .products-right {
		float: right;
		background: #fff;
		color: #000;
		margin: 3px 0px 0px 10px;
		width: 640px;
		height: 170px;
	}
		.products-dvi .products-right img.products-picture,
		.products-fiber .products-right img.products-picture  {
			padding: 10px 30px 0px 10px;
			display: block;
			float: left;
		}
		.products-dvi .products-right .products-text,
		.products-fiber .products-right .products-text {
			padding: 20px 30px 0px 0px;
			margin-top: -13px;
			float: left;
			width: 420px;
			font-size: 1.2em;
			height: 120px;
			
			xoverflow: hidden;
}


.products-text ul {
   margin-left: 25px;
   padding-bottom: 8px;
}

.products-right-details {
	height: 100%;
}

.products-right-details .products-right  {
	height: 100%;
}

.products-right-details .products-right .products-text  {
	height: 100%;
	padding-bottom: 15px;
}

.products-shortdescription {
	overflow: hidden;
	height: 100px;
	color: #000;
}
.products-more {
	xheight: 40px;
	xoverflow: auto;
}
			.products-dvi .products-right .products-text ul.right {
				float: left;
				margin-left: -5px;
				margin-top: -10px;
				padding-bottom: 10px;
			}
				.products-dvi .products-right .products-text ul.right li {
					margin: 10px 0px 0px 0px;
					font-size: 1.2em;
				}
				.products-dvi .products-right .products-text h3,
				.products-fiber .products-right .products-text h3 {
				 	font-size: 1.5em;
					padding-bottom: 15px;
				}
				
				.products-dvi .products-right .products-text a,
				.products-fiber .products-right .products-text a {
					text-decoration: underline;
					color: #000;
					/*margin-left: -20px;*/
					
				}
					.products-dvi .products-right .products-text span {
						/*margin-left: 20px;*/
						margin-bottom: 20px;
						margin-top: 10px;
					}
						.products-dvi .products-right .products-text span a,
						.products-fiber .products-right .products-text span a {
							font-size: 1.0em;
							color: #ff0000;
							text-transform: uppercase;
							text-decoration: none;
						}
							.products-dvi .products-right .products-text span.text,
							.products-fiber .products-right .products-text span.text {
								/*margin-left: 20px;*/
								font-size: 1.3em;
								line-height: 20px;
							}
/*-----------------------------------------*/
/* PAGES - products-dvi-patch-detail.html  */
/*-----------------------------------------*/
.products-dvi-patch ul.left li.selected {
	color: #000;
}

.products-dvi-patch .products-right {
	float: left;
	background: #000;
	margin: 3px 0px 0px 10px;
	width: 640px;
}
.products-dvi-patch .products-right img.products-picture  {
	padding: 10px 10px 10px 10px;
	display: block;
	float: right;
}
.products-dvi-patch .products-right .products-text h3 {
 	font-size: 1.5em;
	padding: 10px 0px 15px 20px;
	color: #000;
	text-decoration: underline;
}
.products-dvi-patch .products-right .products-text ul {
 	margin-left: 35px;
	font-size: 1.3em;
	line-height: 1.8em;
}
.products-dvi-patch .products-right .products-text ul.pdf {
 	margin-left: 22px;
	font-size: 1.2em;
	line-height: 1.0em;
	list-style-type: none;
	padding-bottom: 60px;
}
	.products-dvi-patch .products-right .products-text ul.pdf li {
		background: url(../images/pdf-logo.png) no-repeat left center;
		margin: 0px;
		padding: 5px 0px 6px 0px;
	}
		.products-dvi-patch .products-right .products-text ul.pdf li a{
			margin-left: 40px;
			color: #000;
			text-decoration: underline;
		}
		
/*-----------------------------------------*/
/* PAGES - products-dvi-patch-detail.html  */
/*-----------------------------------------*/
.products-dvi ul.left li.selected {
	color: #000;
}
/*----------------------*/
/* PAGES - APPLICATIONS */
/*----------------------*/
.applications .applications-content {
	margin: 0px 0px 80px 0px;
}
.applications .applications-subwrap .applications-content h2.applications-title {
	color: #2173ee;
	text-transform: uppercase;
	margin: 30px 0px 0px 20px;
	border-bottom: 1px solid #2173ee;
}
	.applications .applications-subwrap .applications-content h3.applications-subtitle {
		/*color: #2173ee;*/
		color: #000;
		margin: 20px 0px 10px 20px;
		font-size: 1.5em;
	}

	.applications .applications-subwrap .applications-content h3.applications-toc {
		/*color: #2173ee;*/
		color: #000;
		margin: 20px 0px 10px 20px;
		font-size: 1.4em;
		font-style: italic;
	}	
		.applications .applications-subwrap .applications-content ul.applications-text {
			/*color: #2173ee;*/
			color: #000;
			margin: 0px 0px 30px 20px;
			list-style-type: none;
		}
			.applications .applications-subwrap .applications-content ul.applications-text li {
				/*color: #2173ee;*/
				margin: 15px 0px 0px 20px;
				font-size: 1.3em;
			}
.applications .applications-subwrap .applications-content img.dvi-picture1 {
	float: right;
	margin: -520px 20px 0px 0px;
}
.applications .applications-subwrap .applications-content img.dvi-picture2 {
	float: right;
	margin: -370px 20px 0px 0px;
}
.applications .applications-subwrap .applications-content img.dvi-picture3 {
	float: right;
	margin: -230px 20px 0px 0px;
}
.applications .applications-subwrap .applications-content img.usb-picture1 {
	float: right;
	margin: -200px 20px 0px 0px;
}
.applications .applications-subwrap .applications-content img.firewire-picture1 {
	float: right;
	margin: -220px 20px 0px 0px;
}
.applications .applications-subwrap .applications-content img.firewire-picture2 {
	float: right;
	margin: -70px 20px 0px 0px;
}
.applications .applications-subwrap .applications-content a.powerpoint {
	margin: 50px 0px 0px 5px;
	color: #000;
	font-size: 1.2em;
	text-decoration: underline;
}
.applications .applications-subwrap .applications-content .ppt {
	margin: 20px 0px 0px 20px;
}
/*----------------------*/
/* PAGES - CONTACT      */
/*----------------------*/
.contact .contact-address {
	float: right;
	margin: 20px 20px 0px 0px;
	width: 300px;
}
.contact span.vitex-email {
	color: #000;
}
.contact span {
	color: #ff0000;
}
	.contact p {
		color: #000;
	}
	.contact form {
		margin: 0px 0px 0px 80px;
	}
		.contact label {
			width: 120px;
			font-size: 13px;
			text-align: right;
			padding-right: 15px;
			float: left;
			margin-right: 5px;
			color: #000;
		}
			.contact input, select {
				display: block;
				float: left;
				width: 259px;
				margin-bottom: 15px;
				margin-right: 5px;
				height: 20px;
				padding: 5px 0px 0px 5px;
			}
				.contact select {
					height: 30px;
					width: 272px;
				}
					.contact textarea {
						display: block;
						width: 268px;
						height: 150px;
					}
.contact .contact-terms {
	font-size: 13px;
	margin-left: -25px;
	clear: both;
}
	.contact .contact-value {
		display: block;
		float: left;
		margin-left: 80px;
		color: #000;
	}
	.contact .contact-terms .contact-value em {
		font-size: 11px;
		margin-left: 45px;
	}
		.contact .contact-input {
			float: left;	
			margin-top: -20px;
		}
			.contact .contact-input p textarea {
				width: 270px;
				xmargin-left: 10px;
			}
	.boxes {
	}
	#submitbutton {
		clear: both;
		margin-left: 120px;
		margin-top: 5px;
		width: 90px;
		background: #2173ee;
		font-size: 13px;
		text-transform: uppercase;
		color: #fff;
		border: none;
		padding: 5px 0px 25px 0px;
	}
	br {
		clear: left;
	}
	hr {
		border: 1px dotted #ffffff; 
		border-style: none none dotted; 
		margin: 0px 365px 25px 10px;
	}
/*---------------------*/
/* PAGES - LINKS       */
/*---------------------*/
.links h2 {
	margin: 20px 0px -10px 0px;
	text-transform: uppercase;
	/*border-left: 6px solid #ff0000;*/
	font-size: 1.4em;
}
	.links span.heading {
		margin: 20px 0px 20px 18px;
		text-transform: uppercase;
		font-size: 1.2em;
		color: #ff0000;
	}
	.links span.title {
		margin: 0px 0px 0px 12px;
	}
	.links span.title {
		margin: 20px 0px -10px 0px;
		text-transform: uppercase;
		border-left: 6px solid #ff0000;
		font-size: 1.0em;
	}
		.links span.title a {
			margin: 0px 0px 0px 12px;
			color: #ffffff;
		}
			.links p {
				padding: 0px 0px 10px 0px;
				padding-right: 200px;
			}
