/*
		title:    		  wisair for screen media
		author:   		  paul@twothirty.com
		updated:  		  apr 16 2007		
*/




.cert { float: left; margin-left: 20px; margin-top: -10px; margin-bottom: -40px; }
.year0 {display: none; }




/* global elements */

* { padding: 0; margin: 0; } 

.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 0.1;
	}

html, body {
	text-align: center;
	font: 11px/15px "Lucida Grande", tahoma, sans-serif;
	text-align: center;
	background: #45494d url("/images/back-page.gif") repeat-y top center;
	color: #45494d;
	}
	
	body#pop {
		text-align: left;
		background: #f2f2f2 url("/images/back-header.gif") top center no-repeat;
		margin-top: 39px;
		}
		
		body#pop h2 { padding: 0 10px !important; margin: 0 !important; font-size: 15px; }
		
		#pop-wrap {
			background: #fff;
			padding: 20px;
			}
	
	#wrapper {
		position: relative;
		width: 971px;
		margin: 0 auto;
		text-align: left;
		height: 100%;
		}

		#header, #content, #footer {
			position: relative;
			float: left;
			width: 100%;
			}
			
		#header {
			height: 90px;
			background: url("/images/back-header.gif") bottom left no-repeat;
			}

			
		#content {
			background: url("/images/back-content.gif") repeat-y;
			padding: 40px 0 80px 0;
			}
			
			#blurb {
				float: left;
				margin: 0 3px 40px 20px;
				display: inline;
				position: relative;
				background: url("/images/back-mainblurb.gif") repeat-x;
				width: 225px;
				height: 240px;
				}
			
			#flashcontent {
				margin: 0 0 40px 20px;
				}

			#feature {
				float: left;
				width: 330px;
				margin-left: 20px;
				display: inline;
				padding-bottom: 20px;
				}
				
				.box { background: #f2f2f2; border: 2px solid #d9d9d9; margin-bottom: 10px; display: block; float: left; width: 100%; }
					.box img { float: left; margin: 0 20px 0 0 !important; border: none !important; }
					.box h3 { font-size: 16px !important; font-weight: normal !important; padding: 0 !important; margin: 0 !important; padding: 20px 20px 0 0 !important; line-height: 18px !important; }
					.box h3 a { color: #be331d !important; text-decoration: none !important;font-weight: normal !important;}
					.box h3 span, .box h3 span a { font-size: 10px !important; color: #666 !important; }
					.box h3 span { display: block; }
			
			#news-events {
				float: left;
				width: 350px;
				margin-left: 30px;
				display: inline;
				}
			
			#quicklinks {
				float: right;
				width: 165px;
				margin-right: 20px;
				}
			
			#main, #sidebar {
				position: relative;
				}
				
				#main {
					float: right;
					width: 735px;
					margin-right: 20px;
					display: inline;
					}
					
					#outside #main { width: 920px; }
					
				#sidebar {
					float: left;
					width: 165px;
					margin: 59px 0 0 20px;
					display: inline;
					}

			#footer {
				background: url("/images/back-footer.gif") no-repeat;
				padding: 30px 0;
				font-size: 9px;
				color: #8a9199;
				}










/* navigation elements */

#nav {
	position: absolute;
	top: 45px;
	left: 248px;
	}

#nav ul.tln {
	position: relative;
	height: 40px; width: 697px;
	background: url("/images/nav.gif") no-repeat;
	}

	#nav ul li.tln {
		position: absolute;
		float: left;
		}
	
	#nav ul li a.tln {
		position: absolute;
		text-indent: -9999px;
		text-decoration: none;
		border: none !important;
		top: 0; height: 40px;
		}

		#nav ul li#home a { 
			left: 0; width: 62px; 
			background: url("/images/nav.gif") 0 0 no-repeat;
			}
		#nav ul li#products a { 
			left: 62px; width: 86px; 
			background: url("/images/nav.gif") -62px 0 no-repeat;
			}		
		#nav ul li#shop a { 
			left: 152px; width: 94px; 
			background: url("/images/nav.gif") -152px 0 no-repeat;
			}		
		#nav ul li#support a { 
			left: 242px; width: 88px; 
			background: url("/images/nav.gif") -242px 0 no-repeat;
			}		

		#nav ul li#about a { 
			left: 329px; width: 77px; 
			background: url("/images/nav.gif") -329px 0 no-repeat;
			}
		#nav ul li#technology a { 
			left: 395px; width: 112px; 
			background: url("/images/nav.gif") -395px 0 no-repeat;
			}
		#nav ul li#newsroom a { 
			left: 506px; width: 103px; 
			background: url("/images/nav.gif") -506px 0 no-repeat;
			}
		#nav ul li#contact a { 
			left: 619px; width: 78px; 
			background: url("/images/nav.gif") -619px 0 no-repeat;
			}

#nav ul li#home a.active 							{ background-position: 0 -86px; }
#nav ul li#products a.active					{ background-position: -62px -86px; }
#nav ul li#shop a.active							{ background-position: -152px -86px; }
#nav ul li#support a.active						{ background-position: -242px -86px; }
#nav ul li#about a.active							{ background-position: -329px -86px; }
#nav ul li#technology a.active				{ background-position: -395px -86px; }
#nav ul li#newsroom a.active					{ background-position: -506px -86px; }
#nav ul li#contact a.active						{ background-position: -619px -86px; }

#nav ul li#home a:hover, #nav ul li#home a.over, #nav ul li#home a.active:hover  													{ background-position: 0 -43px !important; }
#nav ul li#products a:hover, #nav ul li#products a.over, #nav ul li#products a.active:hover  							{ background-position: -62px -43px !important; }
#nav ul li#shop a:hover, #nav ul li#shop a.over, #nav ul li#shop a.active:hover  													{ background-position: -152px -43px !important; }
#nav ul li#support a:hover, #nav ul li#support a.over, #nav ul li#support a.active:hover  								{ background-position: -242px -43px !important; }
#nav ul li#about a:hover, #nav ul li#about a.over, #nav ul li#about a.active:hover  											{ background-position: -329px -43px !important; }
#nav ul li#technology a:hover, #nav ul li#technology a.over, #nav ul li#technology a.active:hover 				{ background-position: -395px -43px !important; }
#nav ul li#newsroom a:hover, #nav ul li#newsroom a.over, #nav ul li#newsroom a.active:hover  							{ background-position: -506px -43px !important; }
#nav ul li#contact a:hover, #nav ul li#contact a.over, #nav ul li#contact a.active:hover  								{ background-position: -619px -43px !important; }



ul.dropdown {
	background: #3a91b9 url("/images/back-dropdown.gif") left bottom no-repeat !important;
	position: absolute;
	width: 160px !important;
	top: 40px;
	z-index: 3001;
	padding: 10px 0;
	display: none;
	}
	
	#nav ul li:hover ul, #nav ul li.over ul { display: block; }

ul.products { left: 75px; }
ul.about { left: 340px; }
ul.technology { left: 418px; }
ul.newsroom { left: 528px; }
ul.contact { left: 537px; }

	ul.dropdown li {
		position: relative !important;
		display: block;
		}

		ul.dropdown li a {
			font-size: 9px;
			position: relative !important;
			text-indent: 0;
			background: none !important;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 3px 10px;
			margin: 0;
			left: 0 !important;
			width: 140px !important;
			}
		
		ul.dropdown li a:hover { color: #a3d9f3; }

		#nav ul ul.dropdown ul { display: none !important; }


#lang {
	position: absolute;
	top: 15px;
	left: 757px;
	}

#lang ul {
	position: relative;
	height: 17px; width: 171px;
	background: url("/images/asian.gif") 0 -17px no-repeat;
	}

	#lang ul li {
		position: absolute;
		}

	#lang ul li a {
		position: absolute;
		text-indent: -9999px;
		text-decoration: none;
		border: none !important;
		top: 0; height: 17px;
		}

		#lang ul li#chinese a { 
			left: 0; width: 62px; 
			background: url("/images/asian.gif") 0 -17px no-repeat;
			}
		#lang ul li#japanese a { 
			left: 62px; width: 59px; 
			background: url("/images/asian.gif") -62px -17px no-repeat;
			}		
		#lang ul li#korean a { 
			left: 121px; width: 50px; 
			background: url("/images/asian.gif") -121px -17px no-repeat;
			}

#lang ul li#chinese a:hover				{ background-position: 0 0; }
#lang ul li#japanese a:hover			{ background-position: -62px 0; }
#lang ul li#korean a:hover				{ background-position: -121px 0; }


#subnav {
	position: relative;
	background: url("/images/section-overview.gif") no-repeat;
	border-bottom: 2px solid #d7ecf6;
	padding: 0 0 10px 0;
	line-height: 14px;
	}
	
	#page-home #subnav {
		background: none;
		padding: 10px 0;
		border: none;
		}
	
	.section a {
		position: relative;
		display: block;
		padding: 4px 10px;
		margin-bottom: 10px;
		background: url("/images/arrow-down.gif") 152px 7px no-repeat;
		font-size: 9px;
		text-decoration: none;
		text-transform: uppercase;
		}
	
	#subnav ul { }
	#subnav ul ul { padding-left: 0 !important; }
	
	#subnav li ul { margin-bottom: 10px; } 
	
	#subnav li a {
		position: relative;
		font-weight: bold;
		text-decoration: none;
		display: block;
		padding: 2px 0 2px 10px;
		}
		
		#subnav li li a {
			font-size: 9px;
			font-weight: normal;
			color: #737980;
			background: url("/images/arrow.gif") 10px 5px no-repeat;
			padding: 2px 0 2px 19px;
			}
			
			#subnav li li a:hover { color: #45494d; }
			
			#subnav li.current_page_item a {
				color: #45494d;
				font-weight: bold;
				background-color: #f2f2f2;
				}
				
				#subnav li.current_page_item ul li a {
					background-color: #fff !important;
					color: #737980;
					}










/* form elements */

form, fieldset, button {
	border: none;
	outline: none;
	background: none;
	}
	
	#main form {
		margin-right: 220px;
		}

input, select, textarea {
	border: 1px solid #5eb2db;
	outline: none;
	background: none;
	font: 11px/17px "Lucida Grande", tahoma, sans-serif;
	padding: 3px;
	}
	
	input { width: 230px; }
	select { width: 237px; }
	textarea { width: 485px; height: 85px; }
	
button { 
	cursor: pointer;
	border: none; outline: none;
	display: block;
	position: relative;
	text-indent: -9999px;
	height: 26px;
	}
	
	button.submit {
		width: 69px;
		background: url("/images/btn-submit.gif")  0 -26px no-repeat; 
		float: right;
		margin: 10px;
		}
	button.submit:hover { background-position: 0 0; }

	label {
		display: block;
		position: relative;
		float: left;
		width: 255px;
		font-size: 9px;
		text-transform: uppercase;
		color: #737980;
		margin-bottom: 10px;
		}
		
	label.full { width: 100%; }

fieldset { 
	border: none;
	border-top: 1px solid #b6b6b7; 
	display: block;
	clear: left;
	padding-left: 20px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
	}
	
	fieldset.submit { background: #f2f2f2; border: none !important; }
	
legend {
	font-weight: normal;
	padding: 6px;
	font-size: 13px;
	margin-left: -6px;
	margin-bottom: 10px;
	}

.errFld { border: 1px solid #ba250e; } 
.errMsg { color: #ba250e; text-transform: lowercase; }







/* content elements */

h1 {
	position: absolute;
	top: 0; left: 0;
	}
	
	h1 a {
		position: relative;
		text-indent: -9999px;
		display: block;
		width: 185px; height: 90px;
		background: url("/images/logo-wisair.gif") no-repeat;
		}

	h1 img { display: none; }

h2 {
	color: #3b91b9;
	font-size: 35px;
	line-height: 39px;
	font-weight: normal;
	}

h3 {}

	#main h3 {
		padding-bottom: 10px;
		font-size: 13px;
		}
	
	h3.sifr {
		border-bottom: 2px solid #d7ecf6;
		}
		
	h3.main-blurb {
		font-size: 20px;
		line-height: 25px;
		color: #fff;
		font-weight: normal;
		padding: 20px;
		}
	

h4 { font-size: 13px;}

table { padding: 0 100px 20px 0; }
td { padding: 10px; }

#prodtable td { width: 33%; padding: 10px 25px 20px 25px; }

p {}

	#main p { padding: 0 200px 20px 0; }

	#news-events p, body#pop p, body#pop ul {
		padding-bottom: 20px;
		line-height: 13px;
		}
	
	p.copy-contact {
		float: left;
		width: 400px;
		margin-left: 20px;
		}	
	
	p.credit {
		float: right;
		width: 400px;
		margin-right: 20px;
		text-align: right;
		}
		
	p.event {
		font-size: 9px;
		text-transform: uppercase;
		color: #a23a2a;		
		}
		
	.additional p {
		padding: 0 10px 10px 10px;
		}
	
span {}

	span.highlight {
		background: #f2f2f2;
		}

	span.date {
		font-size: 9px;
		text-transform: uppercase;
		color: #3a91b9;
		}

	span.event {
		font-size: 9px;
		text-transform: uppercase;
		color: #ba250e;
		}		
		
blockquote {}

ul, ol {}
	
	#main ul, #main ol { padding-bottom: 20px; }

	li { list-style: none; }
	
	#main li, body#pop li {
		position: relative;
		padding: 0 200px 5px 15px;
		background: url("/images/li.gif") 0 3px no-repeat;
		}

a, img { outline: none; border: none; }

a { color: #3b91b9; }
a:hover, .edit a:hover { color: #2a6a87; }

	.return a {
		clear: left;
		margin-top: 20px;
		position: relative;
		display: block;
		padding: 8px 0 8px 20px;
		background: url("/images/bigarrow.gif") no-repeat;
		text-transform: uppercase;
		color: #8a9199;
		text-decoration: none;
		font-size: 9px;
		}
		
		.return a:hover { background-position: 0 -30px; color: #6e7378; }

		.edit a {
			position: absolute;
			top: -25px; left: -195px;
			display: block;
			padding: 2px 5px;
			background: url("/images/edit.gif") no-repeat;
			text-transform: uppercase;
			color: #8a9199;
			text-decoration: none;
			font-size: 9px;
			}
			
			#outside .edit a { left: 0; }
			
	#footer a { color: #8a9199; }

	a.btn {
		border: none; outline: none;
		display: block;
		position: relative;
		text-indent: -9999px;
		height: 26px;
		}
		
		a.more {
			width: 49px;
			background: url("/images/btn-more.gif") no-repeat; 
			float: right;
			margin-right: 10px;
			}
		a.more:hover { background-position: 0 -26px; }


		#news-events a {
			color: #737980;
			text-decoration: none;
			}

			#news-events a:hover { color: #45494d; }


.product {
	position: absolute;
	right: -10px; top: 50px; 
	display: block; 
	width: 195px;
	z-index: 100;
	}
	
	
	.product p {
		margin-top: 5px;
		padding: 2px 5px !important;
		font-size: 9px;
		background: url("/images/download-back.gif") no-repeat;
		}
		
		.product p a { text-decoration: none; }

#feature img {
	border: 1px solid #b2b2b2;
	margin: 15px 15px 5px 15px;
	}
	
#feature h4, #feature p {
	margin: 0 15px;
	padding: 0 !important;
	line-height: 15px;
	}

#feature h4 { font-size: 13px; margin: 10px 15px; }
#feature p { font-size: 11px; }
#feature a { font-weight: bold;}

	#feature h4 a {
		color: #ba250e;
		text-decoration: none;
		}
		
		#feature h4 a:hover { color: #a11f0b; }

.additional { margin-top: 20px; }

.close {
	padding: 20px;
	background: #d9d9d9 url("/images/back-footer.gif") top center no-repeat;
	}



.shortcol { float: left; width: 255px; position: relative; display: block; margin: 0 50px 50px 0; border-bottom: 2px solid #e5e5e5; padding-bottom: 5px; }
	.end { margin: 0 !important; }
	.shortcol .hi { height:42px; float:right; width:1px; }
	.shortcol .clear { clear:both; height:1px; overflow:hidden; }
	.shortcol h3 { font-size: 11px !important; color: #fff; font-weight: normal !important; background: #666; padding: 5px 50px 5px 5px; position: relative; }
	.shortcol div.features { padding: 5px 5px 0px 0px; }
	.new { position: absolute; top: 0; right: 0; }
	.shortcol .shop-img { float: left; display: block; }
	.shortcol p { width: 100% !important; float: left; display: block; padding: 0 !important; margin: 0 !important; }
	.shortcol a.buy { float: right; width: 125px !important;  display: block; position: relative; }
	.shortcol a.details { float: left; width: 125px !important; display: block; position: relative; text-align: right; }




/* sifr elements */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 35px;
	line-height: 35px;
	display: block;
	margin-right: 200px;
	}


		.sIFR-hasFlash #news-press h2 {
			font-size: 20px;
			line-height: 20px;
			}

		.sIFR-hasFlash #pop h2 {
			visibility: hidden;
			font-size: 35px;
			margin-left: 20px;
			line-height: 35px;
			display: block;
	  	}


	.sIFR-active h3.sifr {
		visibility: hidden;
		font-size: 25px;
		line-height: 25px;
		display: block;
  	}

	.sIFR-active h3.main-blurb {
		visibility: hidden;
		font-size: 20px;
		line-height: 20px;
		display: block;
		padding: 15px;
  	}