/*	T E C H N I J E T  W E B S I T E
	powered by v3 media - www.v3media.co.uk */



/*	R E S E T
	-------------------------------------------------------------- */

	html, body, div, span,
	applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dd, dl, dt, li, ol, ul,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100.01%;
		font-family: inherit;
		text-align: left;
		vertical-align: baseline;
	}

	body { line-height: 1.5em; }
	img { margin: 0px; padding: 0px; border: none; }
	a img, :link img, :visited img { border: none; }
	ol, ul { list-style: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	caption, th, td { text-align: left; }
	blockquote:before, 
	blockquote:after,
	q:before, q:after { content: ÒÓ; }
	blockquote, q { quotes: ÒÓ ÒÓ; }



/*	T Y P O G R A P H Y
	-------------------------------------------------------------- */

	body { font-size: 0.8125em; font-weight:normal; color: #767676; line-height:1.6em;  background:url(../images/display-images/bg.gif) top repeat-x;  font-family: Arial, Helvetica, sans-serif;  }
	body.home {  background:url(../images/display-images/home-bg.gif) top repeat-x; }
	:focus { outline:none; }
	
	h1,h2, h3, h4, h5 { font-family: Corbel, Calibri, Arial, sans-serif; }
	
	h1 { font-size:2.3em; color:#303030; letter-spacing:-0.5px; margin:0 0 10px 0; line-height: 1.1em;  }
	h2 { font-size:1.1em; text-transform:uppercase; color:#5388ad; margin:0 0 5px 0; letter-spacing:-0.5px;  }
	
	a { color: #5388ad; border: none; text-decoration: none; }
	a:hover, 
	a:focus	{ color: #2d668d; }

	p { margin: 0 0 1.5em 0; }

	ul, ol { margin: 0 1.2em 1.2em 1.2em; }
	ul { list-style: disc; }
	ol { list-style: decimal; }
	dl, dt { margin: 0 0 1.5em 0; font-size: 1.5em; font-weight: bold; }
	dd { margin: 0 0 0 2em;}

	strong { font-weight: bold; }
	blockquote { color: #777; font-size: 0.857em; padding: 15px; }
	sup { vertical-align:super; }
	sub { vertical-align:sub; }

	div.footer a { margin:0 7px 0 0; color:#666666; }
	div.footer a:hover { color:#43789d; }
	div.sub-footer,
	div.sub-footer a,
	div.sub-footer a:hover { color:#989898; margin:0;  }


/*	I E  F I X E S
	-------------------------------------------------------------- */

	body { text-align: center; }
	.container { text-align: left;  }	
	* html textarea { overflow:scroll; display:inline; }
	* html input { overflow: hidden; display:inline; }
	ol { margin-left:2em; }
	legend { margin-bottom:1.4em; }
	
	
	
/*	B O D Y,  C O N T A I N E R S
	-------------------------------------------------------------- */

	div#container { width: 960px; height: auto; margin: 0 auto; padding: 15px 0 80px 0;  }
	div.header { float:left; width:940px; padding:30px 10px ; }
	div.home-content { float:left; width:960px; margin:0px 0 ;  border-bottom:1px solid #efefef; padding:10px 0 20px 0; }
	div.footer { float:left; width:940px; margin:25px  10px 20px 10px; padding:10px 0; font-size:0.9em; }
	div.sub-footer { float:left; width:940px;  font-size:0.9em; padding:10px 0; }
	.header-nav { float:right; width:500px; margin:0px 10px 0 0; font-size:0.8em;  }
	.logo { float:left; margin:-20px -140px 0 0 ; }
	.left { float:left; }
	.right { float:right; }
	.content { background:url(../images/display-images/content-bg.gif) top left no-repeat; float:left; width:710px; margin:-1px 0 0 0; min-height:500px;  }
	

/*   N A V I G A T I O N
	-------------------------------------------------------------- */
	
	.header-nav ul { text-transform:uppercase; list-style:none; padding:0px; margin:0px;  float: right; }
	
	.header-nav ul li { float:left; margin:0 10px;  }
	
	.header-nav a { color:#888888; }
	.header-nav a:hover { color: #2d668d; }
	
	#nav { position:relative; float:right; width:420px;  margin:0; z-index:100; }
	 ul#nav,
	 #nav ul { padding:0; margin:25px 0 0 0; width:551px; list-style-type: none;}
	#nav a, #nav a:visited { text-transform:uppercase; display:block;  font-size:0.9em; padding:0px 13px; color:#888888; height:22px; line-height:24px; text-decoration:none;  }
	#nav li {float:left; }
	#nav li:hover {position:relative;}
	#nav li:hover > a {background:#4f85aa; color:#fff;}
	#nav li ul {display:none;}
	#nav li:hover > ul {display:block; z-index:100; position:absolute; top:0px; left:160px; padding:0; margin:5px 0 0 0; background:#fff; border-left:dotted 1px #dedede;  width:160px; }
	#nav li:hover > ul a { width:150px; text-transform:none; height:22px; overflow:hidden; padding:3px 5px; border-bottom:dotted 1px #dedede; }
	#nav > li:hover > ul {left:-1px; top:17px;}
	#nav table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
	* html #nav li a:hover {position:relative; background:#4f85aa; color:#fff;}
	#nav li a:active, #nav li a:focus {background:#4f85aa; color:#fff;}
	#nav li .fly  {background:url(../images/display-images/flyout-icon.gif) top right no-repeat; }
	#nav li .drop  {background:url(../images/display-images/drop-icon.gif) top right no-repeat; }
	* html #nav li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:100px; }
	#nav li a:hover ul { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; }
	 

/*   4 C O L U M N  G R I D
	-------------------------------------------------------------- */
	
	.col4 { float:left; width:220px; margin:0 10px; }
	.col4-two { float:left; width:460px; margin:0 10px; }
	.col4-three { text-align: justify; float:left; width:690px; margin:0 20px 0px 10px; }
	.col4-four { float:left; width:940px; margin:0 10px; }
	
	
/* P R O J E C T  S P E C I F I C  S T Y L E S
	-------------------------------------------------------------- */
.intro { font-size:1.2em; margin:0  0 10px 0; border-bottom:1px solid #efefef; padding:0 0 10px 0;text-align:justify; }
.quote { float:right; -moz-border-radius:7px; -webkit-border-radius:7px; font-size:1.1em; line-height:1.6em; width:200px; color:#759fbc; font-style:italic;  padding:10px; background:#cde3f2; margin:10px;  }
.quote-icon { float:left; background:url(../images/display-images/quote-icon.gif); text-indent:-9999em; width:25px; height:20px; margin:0 5px 0 0;  }
	
.newsletter { float:left; width:220px; padding: 0 0 10px 0 ; }
.product-news { float:left; width:220px; padding:10px 0 ; }
.technology { float:left; width:220px; padding:10px 0 ; }

.newsletter-standard { float:left; width:208px; border:1px solid #999999; color:#666; height:18px; padding:5px;  font-family:Arial, Helvetica, sans-serif; font-size:1em; }
.newsletter-short {  float:left; width:148px; margin:5px 0 0 0; color:#666; border:1px solid #999999; height:18px;  padding:5px;  font-family:Arial, Helvetica, sans-serif; font-size:1em; }
.newsletter-standard:focus, .newsletter-short:focus { background:#cde3f2;  color:#759fbc; }
.newsletter-submit { float:right; margin:5px 0 0 0; }

.date { float:left; width:25px; text-align:center; }
.month { font-size:0.8em; text-align:center; }
.day { font-size:1.7em; line-height:0.4em; text-align:center; }
.year { font-size:0.8em; text-align:center; }

a.header-readmore { float:right; font-size:0.7em; color:#c2c2c2; }

.news-text { float:right; width:190px; font-size:0.9em;  }
.news-text h3 { font-size:1.4em; }

.subnav { float:left; width:240px;  }
.subnav ul { float:left; list-style:none; padding:0; margin:0; }
.subnav ul li { float:left; width:240px; color:#767676;  }
.subnav ul li a { float:left; width:235px; color:#767676; margin:2px 0; padding:5px 0 5px 5px;  height:21px; }
.subnav ul li a:hover { float:left; width:240px; color:#fff; background:url(../images/display-images/subnav-bg.gif) no-repeat; }
.subnav ul li a.active { float:left; width:235px; color:#fff; margin:2px 0; padding:5px 0 5px 5px;  height:21px;background:url(../images/display-images/subnav-bg.gif) no-repeat; }

.top-line { float:left; width:960px; }
.sub-title { float:left; width:240px; margin:2px 0 0 0; border-bottom: 1px solid #dedede;}
.breadcrumb { float:right;font-size:0.8em;color:#cccccc; width:710px; }
.breadcrumb a {  color:#cccccc; }

.colleft { float:left; width:445px; margin:20px 0 0 20px; text-align:justify;  }
.colright { float:right; width:220px; margin:20px 0 0 0;  font-size:11px; line-height:1.6em; overflow:hidden; }
.colwide { float:right; width:680px; margin:20px 0 0 20px; }

h1 .productcount { font-size:0.5em; color:#cccccc;}

.colleft ul li {text-align: justify;}

.category { float:left; width:207px; height:200px; overflow:hidden; margin:0px 5px 15px 5px; background:#fff; }
.category-image { float:left; }
a.overlay { float:left; background:url(../images/display-images/overlay.png) top left no-repeat; width:213px; height:183px; margin:-183px 0 0 0; }
a.overlay:hover { background-position:bottom; }
.title { float:left; width:213px; text-align:center; color:#6a98b8; font-size:0.8em; margin-top: -5px; } 

.info { float:left; width:210px; background:#f0f0f0; margin:0 0 10px 0; padding:5px; }
.info img { margin:0 0 10px 0; }
.cat-image { margin:0 0 15px 0; -moz-border-radius:7px; -webkit-border-radius:7px;  }

.slideshow { float:left; }
#slideshow { position:relative; z-index:0; float:left; margin:0 0 15px 0; background:url(../images/display-images/slide-bg.png); }
.slide {  position:relative; z-index:0; float:left; width:940px; padding:11px 10px 13px 10px;  height:389px; }
.slide-image {  position:relative; z-index:0; float:left; }
.slide-content {  position:relative; z-index:10; float:right; margin:-130px 55px 0 0; width:270px; font-weight:bold;  font-family:Corbel, Arial, Helvetica, sans-serif; font-size:1.4em; color:#e2e4e7;  }
.slide-title { font-size:1.6em; color:#fff; margin:0 0 0.3em 0; font-weight:100; }
.slide-more { display:block; background:url(../images/display-images/slide-more.gif); width:72px; text-indent:-9999em; margin:5px 0 0 0; height:23px; }

.colfull { float:left; width:700px; margin:20px 0 0 20px; }

.content-col1 { float:left; width:220px; margin:0px 0px 0px 20px; }
.content-col2 { float:left; width:220px; margin:0px 0px 0px 20px;  line-height:1.4em; }
.content-col3 { float:left; width:210px; margin:0px 0px 0px 20px; }


/* ----------------- New Product Page Layout --------------------- */

.new-products1 { float:left; width:447px; margin:20px 0px 0px 20px;  line-height:1.4em; }
.new-products2 { float:left; width:223px; margin:20px 0px 0px 20px; }
.colfullbottom { float: left; width:700px; margin:20px 0 0 20px; }

/* --------------------------------------------------------------- */

.main-image { float:left; width:223px;  margin:0 0 20px 0; overflow:hidden; }
.main-overlay { float:left; background:url(../images/display-images/main-overlay.png); width:223px; height:223px; overflow:hidden; margin:-223px 0 15px 0; }

h2.product-title { font-size:1.4em; color:#5388AD; padding:0 0 6px 0; border-bottom:1px solid #e0e0e0; text-transform:none; }
h2.related-products-title { font-size:1.4em; color:#404040; padding:0 0 5px 0; border-bottom:1px solid #e0e0e0; text-transform:none; margin-top:20px; }

.video { float:left; width:220px; height:200px; margin:0 0 15px 0; overflow:hidden; }

.related-product { float:left; width:105px; height:110px; overflow:hidden; margin:3px 0px; }
.industry-product { float:left; width:210px; height:110px; overflow:hidden; margin:3px 5px; }
.industry-image { float:left; width:105px; height:110px; }
.industry-title { float:right; width:100px; font-size:0.9em; }
a.related-overlay { float:left; background:url(../images/display-images/related-overlay.png) top; width:105px; height:90px; overflow:hidden; margin:-90px 0 0 0;}
a.related-overlay:hover { background-position:bottom; }
.related-thumb { float:left; }
.related-title { float:left; width:105px; margin:0 0 0 5px; text-align:left;  font-size:0.8em;}

.technical-notes  { font-size:0.85em; }

.form { float:left; width:100%; padding:0px; margin:0px; }
.form td { padding:0px; margin:0px; }
.form label { float:left; width:130px; padding:5px; }
.form input, .form textarea { float:left; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:5px; border:1px solid #dedede; -moz-border-radius:5px; -webkit-border-radius:5px; }
.form input:focus, .form textarea:focus { border:1px solid #5388ad; background:#e6f5ff; }

.form input.submit { background:#c1deff; cursor:pointer;  }

.inner-logo { float:right; margin:10px;}

.news { float:left; width:100%; padding:10px 0; border-top:1px dotted #dedede; margin:10px 0;}
.news-title { font-size:1.2em; font-weight:100;  }

.news-image { float:right; width:200px; margin:10px; }

.login { position:relative; width:200px; margin:0 auto; }

.login label { float:left; width:100%; }
.login input { float:left; width:168px; margin:0 0 5px 0; padding:5px; border:1px solid #dedede; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
.login input.submit {  padding:0; margin:5px 0 0 0; border:none; width:63px; height:23px;  }

.section { float:left; width:100%; border-top:1px solid #dedede; padding:10px 0; margin:10px 0;  }
.download { float:left; width:40%; margin:0 5% 0 0; padding:5px; background:#f0fffb; border:1px dotted #dedede; }