/*
	 copyright 2012 Hill-Rom. All Rights Reserved
	 client: Hill-Rom 
	 author: Vinter AB.
	 date: 01/19/2012
*/ 


/* ---------------------------------------------------
Layout
-----------------------------------------------------*/

body
{
	background: #f3f3ee url(../images/layout/bg-body.png) top left repeat-x;		
}

#container
{
	position: relative;
	width: 980px; 
	padding: 0px 5px; 
	margin: 0px auto;	
	background: transparent url(../images/layout/bg-container-shadow.png) center top repeat-y;
}

/* shadow fix */
.white-gradient
{
	position: absolute;
	top: 0;
	left: 0px;
}
	
	.white-gradient.right
	{
		left: auto;
		right: 0px;
	}

/* FOOTER */
/********************************/
.content-footer
{
	background-color: #fff;
	width: 980px;
	padding: 20px 0 0 0;
	margin: 0 auto;
}

#sitemap
{
	padding: 0 0 0 20px;
}

#sitemap .footer-col
{
	width: 240px;
	float: left;
}

	#sitemap .footer-col.padding-top
	{
		padding-top: 34px;
	}

#sitemap h5
{
	text-transform: uppercase;  
	margin-bottom: 7px;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: 600;
}

#sitemap ul
{
	width: 230px;
	float: left;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
	
	#sitemap ul li
	{
		line-height: 16px;
		padding: 0;
		margin: 0;
	}

	#sitemap li strong
	{
		display: block;
		font-size: 12px;
		margin: 10px 0px 0px 0px;
		font-weight: bold;
	}

	#sitemap li a,
	#sitemap li a:visited
	{
		font-size: 11px;
		text-decoration: none;  
	}

/* absolute footer */

#footer
{	
	overflow: hidden;
	font-size: 11px;
	background: transparent url(../images/layout/footer-bottom-shadow.png) no-repeat top left;
	width: 960px;
	padding: 30px 0 0 20px;
	margin: 0 auto 30px;
}

	#footer .copyright
	{		
		width: 300px;
		padding-right: 65px;
		float: right;
		text-align: right;		
	}
		
	#footer nav
	{
		float: left;
		width: 550px;
	}
	
		#footer nav ul li
		{
			float: left;
			margin-right: 10px;
			background: #F3F3EE;
		}
		
		#footer nav ul li:before
		{
			background: #F3F3EE;
			content: url(../images/layout/content-footer-nav-divider.png);
		}
		
		#footer nav ul li:first-child:before
		{
			content: none;
		}
		
		#footer nav ul li a		
		{
			background: #F3F3EE;
			text-decoration: none;			
		}	
	
/* HEADER */
/********************************/

/* page head */  
#header
{
	clear: both;
	background-color: #fff;
	margin: 0;
}

	#header figure#logo
	{
		float: left;
		margin: 27px 0 29px 20px;    
		padding: 0;
	}
 
    #header .top-urls
    {
      	float: right;
		margin: 0;    
		margin: 40px 0 0 0;
		position:static;
		font-family: "myriad-pro", "Myriad Pro", sans-serif;
		
		letter-spacing: 1px;
		text-transform: uppercase;   
		font-size: 12px; 
		text-decoration: none;
    }
    
	#header .site-search,
	.page-search
	{
		float: right;
		margin: 82px 0 0 700px;
		position: absolute;
		padding-bottom: 20px;
	}
	
	.page-search
	{
		margin-bottom: 40px;
	}
	
	#header .site-search input,
	.page-search input
	{
		outline: none;
		font-size: 1.08em;
		background: url(../images/layout/bg-search-input.png) left top no-repeat;
		border: none;
		width: 220px;
		height: 34px;
		padding: 0 30px 0 12px;
		margin-right: 10px;
		line-height: 16px;
	}
	
	/* ie fix */
	.oldie #header .site-search input,
	.oldie .page-search input
	{
		height: 26px;
		padding-top: 8px;
	}
	
#header .site-search input[type=submit],
.page-search input[type=submit]
{
	text-indent: -9999em;
	direction: ltr;
	position: absolute;
	left: 240px;
	top: 0;
	background: url(../images/layout/search-go.png) left top no-repeat;
	width: 33px;
	height: 32px;
	border: none;
	margin-top: 1px;
	cursor: pointer;
}

	/* ie7 fix */
	*+html #header .site-search input[type=submit],
	*+html .page-search input[type=submit]
	{
		top: 1px;
	}

/* languages */

#languages
{
	float:right;
	width: 16px;
	height: 11px;
	margin: 39px 0 0 10px;
    position: relative;
	z-index: 99;
}

#languages .arrow
{		
	display: none;
	background: transparent url(../images/layout/dd-arrow.png) 0 0 no-repeat;		
	position: absolute;		
	top: 20px;
	left: 0px;
	width: 18px;
	height: 11px;
	z-index: 9999;
}

#languages .dropdown-wrapper
{
	background: #fff;
	display: none;
	top: 30px;
	left: -530px;
	border: 1px solid #ddd;	
	padding: 20px 10px 20px 20px;
	position: absolute;	
	width: 580px;	
}

	#languages .dropdown-wrapper ul
	{
		float: left;
		margin: 0 10px 20px 0;
		padding: 0;
		width: 170px;
		list-style: none;
	}			
	
		#languages .dropdown-wrapper ul li
		{
			line-height: 9px;
			padding: 8px 0 8px 2px;
			border-bottom: 1px solid #eee;
		}
	
	#languages .dropdown-wrapper a
	{
		text-decoration: none;
		font-size: 12px;
	}
	
	#languages .dropdown-wrapper p
	{
		clear: both;
		margin: 0;
	}
	
/* SITE NAVIGATION */

#navigation
{    
	border-top: 1px solid #efefef;
	clear: both;
	margin: 140px 0 0 0;
	padding-top: 1px;
}

	#navigation ul.top-level
	{
		background: #fff url(../images/layout/bg-navigation.png) left top repeat-x;
		white-space: nowrap;
	}

	#navigation ul.top-level > li
	{		
		background: #fff url(../images/layout/bg-navigation.png) left top repeat-x;		
		position: relative;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		width: 185px;		
	}
	
	#navigation li#navProducts { width: 170px; }
	
	#navigation li#navProducts4 { width: 235px; }
	
	#navigation li#navServices { width: 190px; }
	
	#navigation li#navServices4 { width: 245px; }
	
	#navigation li#navClinical { width: 230px; }
	
	#navigation li#navEducations { width: 185px; }
	
	#navigation li#navEducations4 { width: 250px; }
	
	#navigation li#navCompany { width: 205px; }
	
	#navigation li#navCompany4 { width: 270px; }
	
	#navigation li#navDummy span  
	{
	    width: 260px;
		font-family: "myriad-pro", "Myriad Pro", sans-serif;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 2px;
		text-transform: uppercase;    
		text-decoration: none;
		float: left;
		display: block;
        padding: 17px 57px 18px 41px;
		margin-right: -17px;


	    }
	
	#navigation ul.top-level > li#navDummy:hover
	{
	    background: #fff url(../images/layout/bg-navigation.png) left top repeat-x;		
		position: relative;
	}
	
	/* ie 7 */
	*+html #navigation ul.top-level > li
	{
		z-index: 5;
	}
    
	#navigation ul.top-level > li > a,
	#navigation ul.top-level > li > a:visited
	{
		display: block;
		font-family: "myriad-pro", "Myriad Pro", sans-serif;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 2px;
		text-transform: uppercase;    
		text-decoration: none;
		
		padding: 17px 0px 18px 0px;
		
		text-align: center;
		z-index: 99999;
	}	
	
		#navigation li#navCompany > a
		{
			background: none;			
		}
	
	
	
	#navigation ul.top-level > li:hover,
	#navigation ul.top-level > li.active
	{      
		background: transparent url(../images/layout/bg-navigation.png) left bottom repeat-x;
		position: relative;
	}
	
	
	#navigation ul.top-level > li > a:hover,
	#navigation ul.top-level > li.active > a
	{      
		background: transparent url(../images/layout/bg-navigation-item-shade.png) no-repeat right center;
		display: block;
		position: relative;
	}
	
		#navigation ul.top-level > li.active > a
		{
			position: static;
		}
	
	/* navigation dropdown */
	
	#navigation .arrow
	{
		display: none;
		background: transparent url(../images/layout/dd-arrow.png) 0 0 no-repeat;		
		position: absolute;		
		top: 42px;
		left: 43%;
		width: 18px;
		height: 11px;		
		z-index: 9999;
	}
	
	.dropdown-wrapper
	{
		background: #fff;
		display: none;
		overflow: hidden;
		position: absolute;
		top: 52px;
		left: 0;	
		padding: 10px 10px 20px 20px;		
		z-index: 999;
		width: 200px;
		border-top: solid 1px #d7dbe6;
		
		-moz-box-shadow: 6px 1px 8px 0px #ccc;
		-webkit-box-shadow: 6px 1px 8px 0px #ccc;
		box-shadow: 6px 1px 8px 0px #ccc;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=3);
	}
		
		/* last nav item dropdown */
		#navCompany .dropdown-wrapper
		{
			left: auto;
			right: -20px;
		}
		
		#navEducations .dropdown-wrapper.two,
		#navEducations .dropdown-wrapper.three
		{
			left: auto;
			right: -225px;
		}
		
		#navClinical .dropdown-wrapper.three
		{
			left: auto;
			right: -410px;
		}
		
		/* three col dropdown */		
		#navigation .dropdown-wrapper.three
		{		
			width: 740px;
		}
		
		/* two col dropdown */		
		#navigation .dropdown-wrapper.two
		{		
			width: 520px;
		}
		
		#navigation .dropdown-wrapper .column
		{			
			float: left;
			width: 210px;			
			padding: 0 10px 0 30px;
			margin: 0;
			border-left: 1px dotted #ddd;				
		}
		
			#navigation .dropdown-wrapper .column:first-child
			{
				padding-left: 10px;
				border-left: 0;
			}
						
		#navigation .dropdown-wrapper h4,
		#navigation .dropdown-wrapper h4 a,
		#navigation .dropdown-wrapper h3,
		#navigation .dropdown-wrapper h3 a
		{
			font-family: sans-serif;
			font-weight: bold;
			margin: 10px 0;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 12px;			
		}
		
		#navigation .dropdown-wrapper h3
		{			
			margin: 20px 0;
		}
		
		#navigation .dropdown-wrapper li
		{
			margin: 0 0 1px 0;
		}
		
		#navigation .dropdown-wrapper a
		{
			text-decoration: none;
			font-size: 12px;
			white-space: pre-line;
		}
		
		#navigation .dropdown-wrapper h4 
		{
			white-space: pre-line;
		}
		
			/* ie6 - ie7 */
			.oldie #navigation .dropdown-wrapper a,
			.oldie #navigation .dropdown-wrapper h4
			{
				white-space: pre;
				word-wrap: break-word;
			}
		
			/* ie8 */
			@media \0screen 
			{
				.oldie #navigation .dropdown-wrapper a,
				.oldie #navigation .dropdown-wrapper h4
				{
					white-space: pre-wrap;
				}
			}
		
		#navigation .dropdown-wrapper a:hover
		{
			text-decoration: underline;
		}
		
/* MAIN */
/*****************************/

#main
{	
	background: #fff url(../images/layout/section-bg.png) no-repeat center bottom;	
	padding-bottom: 40px;
}

/* contact us */
.contact-us
{
	float: right;
	margin: 14px 20px 0 0;
}

	.contact-us p
	{
	margin: 0;    
	padding: 0px 0px 0px 10px;
	}

	.contact-us p strong
	{
		padding-left: 5px;
		font-size: 17px;
		font-family: "myriad-pro", "Myriad Pro", sans-serif;  
		font-weight: 600;
	}


/* page tools buttons */
.page-tools
{
	float: right;
	margin: 10px 20px 0 0;
}

	.page-tools a
	{ 
		display: block;
		padding: 4px 33px 0 0;
		float: left;
		height: 19px;
		font-size: 11px;
		text-decoration: none;		
		margin-left: 15px;	
	}
/*
	.page-tools a.share { background: transparent url(../images/layout/page-tools-tiled.png) no-repeat right 3px; }
	.page-tools a.email { background: transparent url(../images/layout/page-tools-tiled.png) no-repeat right -41px; }
	.page-tools a.print { background: transparent url(../images/layout/page-tools-tiled.png) no-repeat right -84px; }
*/

/* breadcrumbs */
nav.breadcrumbs
{
	margin: 12px 0;
	padding-left: 20px;  
	width: 700px;
	float: left;  
}

.breadcrumbs ul
{
	float: left;
	margin: 0;
	padding: 0;
}

	.breadcrumbs ul li
	{
		background: url(../images/layout/breadcrumb-caret.png) no-repeat right center;     
		padding: 0 11px 2px 8px; 
		font-size: 11px;
		float: left;
	}

	.breadcrumbs ul li:first-child
	{
		margin-left: 0;
	}

	.breadcrumbs ul li:last-child
	{
		padding-right: 0;
	}
	
	.breadcrumbs li.current 
	{ 
	font-weight: bold; 
	background: none; 
	color: #444;     
	}
	
	.breadcrumbs li a 
	{     
	text-decoration: none; 
	font-size: 11px;
	color: #4459ac;
	}
	
	.breadcrumbs li a:hover, 
	.breadcrumbs li a:active 
	{ 
	text-decoration:underline; 
	}

/* article - product/standard */

article.standard
{
	clear: both;
	padding: 0;
	border-top: 1px dotted #ccc;
}

article.standard header
{
	margin: 0;
	padding: 0 0 0 20px;
}

article.standard header h1
{
	margin-bottom: 15px;
}

article.standard header .intro-text
{
	padding: 0 120px 0 0;
}

article.standard header hgroup
{
	margin: 30px 0 0;
	overflow: hidden;
	padding: 0;
}

	article.standard header hgroup a.reset-filter
	{
		display: block;
		width: 200px;
		margin: 0 20px 0 0;
		padding-top: 15px;
		text-decoration: none;
		font-size: 11px;
		float: left;
	}
	
	article.standard header hgroup h2
	{
		margin: 0 0 10px 0;
		width: 440px;
		float: left;
		font-size: 28px;
		font-weight: 600;
	}
	
	article.standard header hgroup h5
	{
		margin: 0;
		padding-top: 15px;
		width: 270px;
		float: left;
		font-size: 14px;
		font-weight: 600;
	}
	

article header h4.sidebar-heading
{
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0 0 5px;
}

/* article - content */

.article-content
{
	width: 700px;
	float: left;
	word-wrap: break-word; /* wrap long words/urlīs */
}
	
	.article-content.padding-right
	{
		width: 660px;
		padding-right: 60px;
	}

	article.standard h2 strong,
	.article-content h2 strong
	{
		font-style: italic;
		font-size: 27px;
	}
	
	.article-content.wide
	{
		width: 900px;
	}

/* article iframe */

.iframe-wrapper
{
	width: 720px;
}

/* article aside */

aside.more-information
{
	width: 230px;
	float: right;
	position: relative;
}
	/* clinical */
	aside.more-information.clinical 
	{
		margin-right: 20px;
	}
	
	.image-container {
		width: 460px;
		overflow: hidden;		
	}
	
	.image-container.wide {
		width: 720px;
		overflow: hidden;		
	}

	aside.more-information ul
	{		
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 2;
	}

	aside.more-information ul li
	{
		margin: 0 0 5px 0;
		z-index: 3;
	}
	
	aside.more-information ul li.expandable
	{
		z-index: 4;
	}
				
		/* dropdown */
		aside.more-information ul li
		{
			position: relative;							
		}
		
		aside.more-information ul li ul
		{
			display: none;
			background: #fff;
			border: 1px solid #ddd;
			border-top: none;						
			margin: 0;
			position: absolute;
			left: 0;
			list-style: none;
			top: 54px;						
			width: 228px;			
		}
		
			aside.more-information ul li ul li
			{				
				border-bottom: 1px solid #ddd;
				padding: 0;
				margin: 0;
			}
			
			aside.more-information ul li ul li:last-child
			{
				border-bottom: none;
			}
			
			aside.more-information ul li ul li a
			{				
				display: block;				
				overflow: hidden;
				text-overflow: ellipsis;
				text-decoration: none;
				white-space: nowrap;
				padding: 12px 5px 12px 35px;
				font-size: 12px;
			}
			
			aside.more-information ul li ul li a:hover
			{
				background-color: #ebf0f5;
			}
			
			aside.more-information ul li ul li.pdf a
			{				
				background: transparent url(../images/layout/document-icons.png) 10px 10px no-repeat;
			}
			
			aside.more-information ul li ul li.pdf a:hover		
			{
				background-color: #ebf0f5;
				background-position: 10px -41px;
			}

/* section - gallery */
/*???*/
#carousel-wrapper {
	padding-bottom: 10px;
	position: relative;
}
#carousel, #thumbs {
	overflow: hidden;
}
#carousel-wrapper .caroufredsel_wrapper {
	border-radius: 10px;
	box-shadow: 0 0 5px #899;
}

#carousel span, #carousel img,
#thumbs a, #thumbs img  {
	display: block;
	float: left;
}
    
#carousel span, #carousel a,
#thumbs span, #thumbs a {
	position: relative;
}
#carousel img {
	border:none;
/*	width: 100%;
	height: 100%; */
	position: absolute;
	top: 0;
	left: 0;
}
#thumbs img {
    	border: none;
	width: 100%;
	height: 100%; 
	position: absolute;
	top: 0;
	left: 0;
}
#carousel img.glare,
#thumbs img.glare {
	width: 102%;
	height: auto;
}

#carousel span {
	width: 554px;
	height: 313px;
}
 
#thumbs-wrapper {
	padding: 20px 40px;
	position: relative;
}
#thumbs a {
	border: 2px solid #899;
	width: 150px;
	height: 100px;
	margin: 0 10px;
	overflow: hidden;
	border-radius: 10px;
	
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
}
#thumbs a:hover, #thumbs a.selected {
	border-color: #566;
}
 
#wrapper img#shadow {
	width: 100%;
	position: absolute;
	bottom: 0;
}
 
#prev, #next {
	background: transparent url('/images/gui/carousel_nav.png') no-repeat 0 0;
	display: block;
	width: 19px;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}
#prev {
	background-position: 0 0;
	left: 10px;
}
#next {
	background-position: -19px 0;
	right: 10px;
}			
#prev:hover { 
	background-position: 0 -20px;				
}
#next:hover {
	background-position: -19px -20px;				
}
#prev.disabled, #next.disabled {
	display: none !important;
}

/*???*/
.gallery.clinicalprogram-gallery {
   	width: 700px;
	height: 600px;

}
.gallery.product-gallery
{
	float: left;
	width: 460px;
	height: 335px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #cdcdcd; 
	position: relative;
	z-index: 2;
}

.gallery.micro-gallery
{
	float: right;
	width: 217px;
	height: 217px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

	.gallery ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.gallery.product-gallery ul	li
	{
		width: 460px;
		height: 335px;
	}

	.gallery.clinicalprogram-gallery ul	li
	{
		width: 700px;
		height: 600px;
	}
	
	.gallery.micro-gallery ul	li
	{
		width: 217px;
		height: 217px;
	}
	
	/* pager */
	.gallery.product-gallery .pager
	{
		overflow: hidden;
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	.gallery.clinicalprogram-gallery .pager
	{
		overflow: hidden;
		position: absolute;
		top: 10px;
		left: 10px;
	}

	.gallery.micro-gallery .pager
	{
		overflow: hidden;
		position: absolute;
		top: 10px;
		left: 10px;
	}	
	
	.gallery-wrapper .pager
	{
		overflow: hidden;
		position: absolute;
		bottom: -30px;
		left: 0;
	}

	.clinicalprogram-gallery-wrapper .pager
	{
		overflow: hidden;
		position: absolute;
		bottom: -30px;
		left: 0;
	}

	.gallery .pager a,
	.gallery-wrapper .pager a,
    .clinicalprogram-gallery-wrapper .pager a
	{
		background: #fff;
		display: block;
		float: left;
		font-size: 11px;
		font-weight: bold;
		margin: 0 3px 3px 0;
		padding: 3px 0;
		text-align: center;       
		text-decoration: none;
		border: 1px solid #ccc;
		width: 20px;
	}
	
	.gallery .pager a:hover,
	.gallery-wrapper .pager a:hover,
    .clincicalprogram-gallery-wrapper .pager a:hover
	{
		background-color: #eee;
	}	
	
	.gallery .pager a.selected,
	.gallery-wrapper .pager a.selected,
    .clinicalprogram-gallery-wrapper .pager a.selected
	{
		border-color: #8d9fcb;
		background-color: #8d9fcb;       
	}

/* product navigation */

#subNavigation
{
	float: left;
	width: 240px;  
	margin: 0 20px 20px 0;
}
	
	#subNavigation ul > li
	{
		margin: 0;
		padding: 0;
	}

	#subNavigation ul li a
	{
		text-decoration: none;
	}

	#subNavigation ul li ul
	{
		background: transparent url(../images/layout/product-navigation-bg.png) repeat-x bottom left;
		padding: 0 0 35px;
	}

	#subNavigation ul li ul li
	{
		background-color: #fbfbfb;
		margin: 0;
		border-bottom: 1px solid #f3f3f3;
	}

		#subNavigation ul li ul li a,
		#subNavigation ul li ul li a:visited
		{
			display: block;
			font-size: 12px;
			padding: 9px 40px 9px 20px;
		}
		
		#subNavigation ul li ul li a:hover
		{
			background-color: #fff;
		}
		
		#subNavigation ul li ul li a.active		
		{
			background: #fff url(../images/layout/icon-caret-black.png) 220px 50% no-repeat;
		}

		#subNavigation ul li ul li a.active
		{
			font-weight: bold; 
		}

/* wdj */
/* accordion */

.accordion2
{
	margin: 20px 0;
	clear: both;
}

	.accordion2 > h3
	{
		
	}

	.accordion2 > h3 a,
	.accordion2 > h3 a:visited
	{
		background: transparent url(../images/layout/Sprite-01.png) left -0px no-repeat;
		display: block;
		padding: 7px 25px 8px 20px;
		text-decoration: none;
	}
	
	.accordion2 h3.expanded,
	.accordion2 h3.collapsed:hover
	{
		
	}

	.accordion2 h3.expanded a,
	.accordion2 h3.expanded a:visited    
	{
		background-position: left -108px;
		/*background: transparent url(../images/layout/icon-collapse.png) 640px 17px no-repeat;	*/
	}
/* wdj */

/* accordion */

.accordion
{
	margin: 20px 0;
	clear: both;
}

	.accordion > h3
	{
		line-height: 20px;
		padding-right: 5px;
		margin: 5px 0 0;

		border-top: 1px solid #eee;
		border-bottom: 1px solid #dadada;	
	
		background-image: linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 50%);
		background-image: -o-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 50%);
		background-image: -moz-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 50%);
		background-image: -webkit-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 50%);
		background-image: -ms-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 50%);		
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, #F8F8F8),
			color-stop(0.5, #FFFFFF)
		);

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF');
	}

	.accordion > h3 a,
	.accordion > h3 a:visited
	{
		background: transparent url(../images/layout/tiled-button-icons.png) right -144px no-repeat;
		display: block;
		padding: 7px 25px 8px 20px;
		text-decoration: none;
	}
	
	.accordion h3.expanded,
	.accordion h3.collapsed:hover
	{
		background-image: linear-gradient(bottom, #E6E6E6 0%, #FBFBFB 50%);
		background-image: -o-linear-gradient(bottom, #E6E6E6 0%, #FBFBFB 50%);
		background-image: -moz-linear-gradient(bottom, #E6E6E6 0%, #FBFBFB 50%);
		background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, #FBFBFB 50%);
		background-image: -ms-linear-gradient(bottom, #E6E6E6 0%, #FBFBFB 50%);		
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, #E6E6E6),
			color-stop(0.5, #FBFBFB)
		);
		
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#FBFBFB');
	}

	.accordion h3.expanded a,
	.accordion h3.expanded a:visited    
	{
		background-position: right -108px;
		/*background: transparent url(../images/layout/icon-collapse.png) 640px 17px no-repeat;	*/
	}
	
	/* smaller accordion */
	.accordion.small {
		margin: 10px 0;
	}
	
	.accordion.small > h3 a,
	.accordion.small > h3 a:visited 
	{
		font-size: 14px;
		font-weight: 100;
		line-height: 16px;
	}
	
	.accordion.small h3.expanded a,
	.accordion.small h3.expanded a {
		background: transparent url(../images/layout/icon-collapse.png) 640px 15px no-repeat;
	}
	
	/* accordion trigger */
	a.accordion-trigger,
	a.accordion-trigger:hover 
	{
		margin: 10px 0;
		display: block;
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
	}

	/* content */

	.accordion h3.expanded + div
	{
		padding: 5px 0 10px;
	}
	
	a.accordion-trigger + div.references {
		font-size: 80%;
		color: #666;
	}

	.accordion .section,
	.article-content .section
	{
		overflow: hidden;
		border-bottom: 1px dotted #ddd;
		padding: 10px 0;
		margin-bottom: 10px;
	}
	
	.accordion .section h2,
	.article-content .section h2
	{
		margin-top: 0;
	}		
	
	.accordion .section:last-child,
	.article-content .section:last-child
	{
		border-bottom: none;
	}

	.accordion .section figure,
	.accordion .section .figure,
	.article-content .section .figure
	{
		float: right;
		width: 220px;
		margin: 0 0 20px 40px;
		padding: 0;
		overflow: hidden;		
		position: relative;
	}
			
		.accordion .section figure a,
		.accordion .section .figure a,
		.article-content .section .figure a
		{
			width: 220px;
			display: block;
		}

		.accordion .section figure figcaption,
		.accordion .section .figure .figcaption,
		.article-content .section .figure .figcaption
		{
			font-size: 12px;
			padding: 20px;
			background-color: #f9f9f6;
		}
		
		.accordion .section sup,
		.article-content .section sup
		{
			font-size: 0.5em;
		}

		.accordion .section h2,
		.accordion .section h3,
		.article-content .section h2,
		.article-content .section h3
		{
			font-weight: 600;
			font-size: 20px;
		}
		
		.accordion h4
		{
			font-size: 20px;
		}
		
		.accordion .case-study
		{
				clear: both;
			overflow: hidden;
			border-bottom: 1px dotted #ddd;
			padding-bottom: 0;	
		}
		
		.accordion .case-study figure
		{
			float: right;
		}
		
		.accordion .case-study a
		{
			text-decoration: none;
		}
		
		.accordion .case-study a.doc
		{	  	
			cursor: pointer;
			display: block;
			margin: 10px 80px 20px 20px;
			padding: 37px 0 59px 40px;
			float: right;
			font-size: 11px;		
			font-weight: bold;
			text-transform: uppercase;
			background: transparent url(../images/layout/icon-pdf-shadow.png) top left no-repeat;			  
		}
		
		.accordion .case-study a.doc span
		{
			display: block;
			font-weight: normal;
			font-size: 9px;
			text-transform: none;
		}
		
	.accordion .case-study a.pdf:hover
	{
		background-position: 0px -99px;
	}
	
	.accordion .case-study .wide
	{
		width: 520px;
	}

/* specifications */

.accordion .specs
{
	font-size: 12px;
}

	.accordion .specs ul
	{
		padding-left: 18px;		
	}
	
		.accordion .specs ul li
		{			
			margin: 0 0 5px 0;
		}

.technical-specifications
{
	width: 100%;
}

.technical-specifications tr
{
	border-bottom: 1px solid #eee;
}

.technical-specifications tr:hover
{
	background-color: #eff6ff;
}

	.technical-specifications tr td
	{
		font-size: 12px;
		padding: 6px 15px 6px 2px;
	}

/* demo videos */

.demo
{
	float: left;
	margin: 0 17px 10px 0;
	width: 220px;
	border: 1px solid #eee;
}

.demo:hover
{
	border: 1px solid #ccc;
	cursor: pointer;
}

.demo figure
{	
	position: relative;
}

	.demo figure img
	{
		border: none;
		width: 220px;
	}

	.demo figure span.play
	{
		width: 220px;
		height: 165px;	
		background: transparent url(../images/layout/icon-play-blue.png) center center no-repeat;	
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
		text-indent: -9999em;
		direction: ltr;
	}
	
		.demo figure span.video-meta
		{
			position: absolute;
			right: 0;
			bottom: 44px;
			background: #595e9a;
			padding: 1px 3px;
			color: #fff;
			font-size: 10px;
		}

	.demo figure figcaption
	{		
		background: #fff;
		padding: 5px;
		width: 210px;
		height: 30px;
	}

/* accessories */

.accessory
{
	width: 142px;
	display: inline-block;
	zoom: 1;
	*display:inline;
	margin: 20px 40px 20px 0;
	vertical-align: top;
	position: relative;
}
	
	.accessory span.arrow,
	.product-features span.arrow
	{
		background: transparent url(../images/layout/overlay-arrow.png) top left no-repeat;
		display: none;
		width: 32px;
		height: 17px;
		position: absolute;
		top: -17px;
		left: 71px;
		z-index: 100;
	}
	
	.accessory figure
	{
		margin: 0;
		padding: 0;
	}
	
		.accessory figure figcaption
		{
			padding: 10px 0 0;
			font-size: 12px;
			font-weight: bold;
		}
	
	.accessory .overlay,
	.product-features .overlay
	{
		width: 550px;
		background: #F7F7F4;
		padding: 20px;
		position: absolute;
		border: 3px solid #999;
		z-index: 99;
	}
	
	.accessory .overlay figure img,
	.product-features .overlay figure img
	{
		float: right;
	}
	
	.accessory .overlay figure figcaption,
	.product-features .overlay figure figcaption
	{
		margin: 0;
		padding: 0;
		float: left;
		width: 230px;
	}
	
		.accessory .overlay figure figcaption h4,
		.product-features .overlay figure figcaption h4
		{
			margin: 0 0 10px 0;
		}

/* featured products - workplace/needs */

.featured-products
{
	margin-bottom: 0;
	padding: 0 0 10px;
	border-bottom: 1px dotted #ddd;
	overflow: hidden;
}
	
	.featured-products:last-child
	{
		border-bottom: none;
	}

	.featured-products figure
	{
		border: 1px solid white;
		width: 145px;
		height: 175px;
		padding: 5px;
		margin: 0 10px 0 0;
		float: left;
		text-align: center;
		overflow: hidden;
	}

	.featured-products figure:hover
	{
		border: 1px solid #eee;
		background-image: linear-gradient(bottom, #F5F5F5 1%, #FFFFFF 10%); /*W3C*/
		background-image: -o-linear-gradient(bottom, #F5F5F5 1%, #FFFFFF 10%); /*Operat 11.10+*/
		background-image: -moz-linear-gradient(bottom, #F5F5F5 1%, #FFFFFF 10%); /*FF3.6*/
		background-image: -ms-linear-gradient(bottom, #F5F5F5 1%, #FFFFFF 10%); /*IE10*/
			
		background-image: -webkit-linear-gradient(bottom, #F5F5F5 1%, #FFFFFF 10%); /*Chrome 10+, Saf5.1+*/
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #F5F5F5), color-stop(0.1, #FFFFFF)); /*Saf4+, Chrome*/		
	}
	
	.featured-products figure figcaption
	{
		text-align: center;
	}
	
	.featured-products figure figcaption a
	{
		text-decoration: none;
		font-size: 12px;
	}
	
	.featured-products figure img
	{
		height: 113px;		
	}
	
/* related section */

section.related
{
	margin: 20px 0;
	overflow: hidden;	
}

	section.related .column
	{
		width: 500px;
		overflow: hidden;
		float: left;
		margin: 0;
	}
	
	section.related .column.last
	{
		width: 200px;
	}

	section.related ul
	{
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;		
	}
	
	section.related .column.last ul
	{
		margin-right: 0;
	}		
	
		section.related ul li
		{
			float: left;
			margin: 0 30px 4px 0;
			width: 215px;			
		}
		
		section.related .column.last ul li
		{
			float: none;
			width: auto;
		}
		
		section.related ul li a
		{
			font-size: 12px;
			text-decoration: none;			
		}


/* ---------------------------------------------------
	Misc
-----------------------------------------------------*/

.overlay
{
	display: none;
}

.contracted
{
	display: none;
}

.article-content .column
{
	width: 340px;
	width: 330px\9; /* ie width/margin hack */
	overflow: hidden;
	float: left;
	margin-right: 20px;	
}

	.article-content .column:last-child
	{
		margin-right: 0;
	}

.content-text
{
	padding-right: 30px;
}

/* general table styles */

.standard table
{
	font-size: 12px;
	margin: 10px 0;
	border-bottom: 1px solid #ddd;
	box-shadow: 3px 3px 6px -2px #999;
	-moz-box-shadow: 3px 3px 6px -2px #999;
	-webkit-box-shadow: 3px 3px 6px -2px #999;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=3);
}

	.standard table tr
	{
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #ddd;
		background: #fff;
	}
	
	.standard table tr:nth-child(odd) {
		background-color: #F1F7FF;
	}
	
	.standard table thead tr
	{
		border: 1px solid #ddd;
		border-bottom: 3px solid #ddd;
	}
	
	.standard table thead th
	{
		text-align: left;
		font-size: 13px;
		padding: 9px 8px;
	}
	
		.standard table tr td
		{
			vertical-align: top;
			padding: 8px;
			color: Black;
			border: 1px solid #ddd;
		}
		
			.standard table td p
			{
				margin: 0 0 4px;
			}

.standard table.no-border,
.standard table.no-border tr,
.standard table.no-border tr td
{
	border: none;
}	

/* buttons */
	
a.button,
a.button.no-link:hover
{
	cursor: pointer;
	display: block;
	height: 17px;
	padding: 13px 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #e3ebf6;
	border-bottom: 1px solid #c7d8ed;
	
	background-image: linear-gradient(bottom, #DBE9FF 0%, #F1F7FF 70%);
	background-image: -o-linear-gradient(bottom, #DBE9FF 0%, #F1F7FF 70%);
	background-image: -moz-linear-gradient(bottom, #DBE9FF 0%, #F1F7FF 70%);
	background-image: -webkit-linear-gradient(bottom, #DBE9FF 0%, #F1F7FF 70%);
	background-image: -ms-linear-gradient(bottom, #DBE9FF 0%, #F1F7FF 70%);	

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #DBE9FF),
		color-stop(0.7, #F1F7FF)
	);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBE9FF', endColorstr='#F1F7FF');
}

a.button:hover,
.button-listing.accordion a.button.contract
{
	border-top: 1px solid #c9d9ee;
	border-bottom: 1px solid #739dd2;
	
	background-image: linear-gradient(bottom, #97B5DB 0%, #DDE9FA 70%);
	background-image: -o-linear-gradient(bottom, #97B5DB 0%, #DDE9FA 70%);
	background-image: -moz-linear-gradient(bottom, #97B5DB 0%, #DDE9FA 70%);
	background-image: -webkit-linear-gradient(bottom, #97B5DB 0%, #DDE9FA 70%);
	background-image: -ms-linear-gradient(bottom, #97B5DB 0%, #DDE9FA 70%);	
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #97B5DB),
		color-stop(0.7, #DDE9FA)
	);
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBE9FF', endColorstr='#F1F7FF');
}

a.button.dark-blue
{
	border-top: 1px solid #c9d9ee;
	border-bottom: 1px solid #739dd2;
	
	background-image: linear-gradient(bottom, #374f83 0%, #7b9fcf 70%);
	background-image: -o-linear-gradient(bottom, #374f83 0%, #7b9fcf 70%);
	background-image: -moz-linear-gradient(bottom, #374f83 0%, #7b9fcf 70%);
	background-image: -webkit-linear-gradient(bottom, #374f83 0%, #7b9fcf 70%);
	background-image: -ms-linear-gradient(bottom, #374f83 0%, #7b9fcf 70%);	
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #374f83),
		color-stop(0.7, #7b9fcf)
	);
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#374f83', endColorstr='#7b9fcf');
}

a.button.dark-blue:hover
{
	border-top: 1px solid #c9d9ee;
	border-bottom: 1px solid #739dd2;
	
	background-image: linear-gradient(bottom, #324776 0%, #7493bd 70%);
	background-image: -o-linear-gradient(bottom, #324776 0%, #7493bd 70%);
	background-image: -moz-linear-gradient(bottom, #324776 0%, #7493bd 70%);
	background-image: -webkit-linear-gradient(bottom, #324776 0%, #7493bd 70%);
	background-image: -ms-linear-gradient(bottom, #324776 0%, #7493bd 70%);	
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #324776),
		color-stop(0.7, #7493bd)
	);
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#324776', endColorstr='#7493bd');	
}

/* big butttons */
a.button.big
{
	/* font-size: 14px; */
	/* padding:18px 5px 17px 20px; */
	font-size: 14px;
    padding: 0px 5px 0px 20px;
    display: table;
    height: 50px;
    width: 100%;
}
a.button.notasbig
{
	/* font-size: 14px; */
	/* padding:18px 5px 17px 20px; */
	
    padding: 0px 5px 0px 20px;
    display: table;
    height: 50px;
    width: 90%;
}

a.button span
{
display: table-cell;
vertical-align: middle;
}

/* special styling */
a.button em
{
	font-size: 11px;
	font-style: normal;	
}

/* smaller buttons */
a.button.small,
a.button.no-link:hover
{

	padding: 10px 10px 7px 20px;
	font-size: 14px;
	font-weight: bold;
	border: none;
}

	a.button.small:hover
	{
		border: none;
	}
	
	a.button.small:hover span
	{
		background: transparent url(../images/layout/tiled-button-icons.png) no-repeat right -40px;
	}
	
	a.button.no-link:hover span {
		background: none;
	}

a.button.thin
{
	width: 120px;
	border-top: 1px solid #e3ebf6;
	border-bottom: 1px solid #c7d8ed;	
}

	a.button.thin:hover
	{
		border-top: 1px solid #e3ebf6;
		border-bottom: 1px solid #c7d8ed;	
	}

/* button icons */
a.button span
{
	padding-right: 20px;  
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}  

/* arrow right blue */
a.button.caret span
{
display: table-cell;
vertical-align: middle;
 background: transparent url(../images/layout/tiled-button-icons.png) no-repeat right -22px 
}

a.button.dark-blue.caret span
{
	background: transparent url(../images/layout/tiled-button-icons.png) no-repeat right -265px;    
}

/* expand blue */
a.button.expand span,
a.button.expand:hover span
{
    display: table-cell;
    vertical-align: middle;
	background: transparent url(../images/layout/tiled-button-icons.png) no-repeat right -62px;    
}

a.button.dark-blue.expand span,
a.button.dark-blue.expand:hover span
{
	background: transparent url(../images/layout/tiled-button-icons.png) no-repeat right -151px;    
}

/* contract */
a.button.contract span,
a.button.contract:hover span
{
    display: table-cell;
    vertical-align: middle;
	background: transparent url(../images/layout/tiled-button-icons.png) no-repeat right -98px;    
}

a.button.contract.dark-blue span,
a.button.contract.dark-blue:hover span
{
	background: transparent url(../images/layout/tiled-button-icons.png) no-repeat right -208px;    
}

/* ---------------------------------------------------
	Helpers            
-----------------------------------------------------*/

/* clear fix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.clr { clear: both; }

/* image replacement / hide text */
.ir { text-indent: -999em; overflow: hidden; background-color: transparent; text-align: left; direction: ltr; }

.semi-transparent
{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

/* hide */

.hidden,
.teaser-image
{
	display: none;
}

/* align */

.align-left
{
	float: left;
}

.align-right
{
	float: right;
}

/* margins */

.margin-left
{
	margin-left: 10px;
}

.margin-right
{
	margin-right: 10px;
}

.margin-top
{
	margin-top: 10px;
}

.margin-bottom
{
	margin-bottom: 10px;
}

.no-margins
{
	margin: 0;
}

.container-padding
{
	padding: 0 20px;
}


.alpha60
{
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.3);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}


img.mediumImage  { height: 130px; width: 150px; }


.btn-style a { font-size: 1em; font-weight: bold; font-style: normal; display: inline-block; margin: 15px 0; color: #4b5ea8; }
.btn-style a:after { content: url("/images/btn-arrow.svg"); position: absolute; height: 26px; width: 26px; margin-left: 5px; box-sizing: border-box; margin-top: -5px;}
.btn-style a:hover { color: #4b5ea8; }