@charset "utf-8";
/* CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding-top: 14px;
	padding-right: 0px;
	padding-left: 0px;
	background:#f3f3f3;
	background-image:url(img/background.gif);
	background-repeat:repeat-x;  
}

#wrapper {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	text-align: left;
	margin-bottom: 300px;
}

#containerA {
  background:url(img/leftShadow.gif);
  padding-left:30px;
  background-repeat:no-repeat;
  background-position:left top;
}

#containerB {
  background:url(img/rightShadow.gif);
  padding-right:30px;  
  background-repeat:no-repeat;
  background-position:right top;  
}

#containerC {
  background-color:#ffffff;
  min-height:650px;
}

a:link, a:visited {
	color:#2b55a4;
	text-decoration:none;
}

a:link:hover, a:visited:hover {
	color:#C10000;
	text-decoration:underline;
}

#topNavLinks {
  padding-right:16px;
  color:#909090;
}

#header {
  text-align:right;
  background:url(img/headerBg.gif);
  height:85px;
}

#intechLogoImg {
	background:url(img/intechLogo.gif);
    height:85px;
	width:322px;
}

#searchBox {
	margin-top:32px;
	margin-right:16px;
}

#searchInput {
  border:1px solid #909090;
  height:18px;
}

.searchButton {
  position:relative;
  top:2px;
}

#searchText {
  position:relative;
  top:-2px;
  color:#555555;
}

.navBar {
  background:url(img/navBarBg.gif);
  background-repeat:repeat-x; 
  clear:both;  
  color:#ffffff;
}

.horizontalcssmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left:8px;
}

/*Top level list items*/
.horizontalcssmenu ul li{  	
	position: relative;
	display: inline;
	float: left;
	white-space:nowrap;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a:link, .horizontalcssmenu ul li a:visited {
	display: block;
	padding: 1em 1em;
	border-right: 1px solid #909090;
	border-left-width: 0;
	text-decoration: none;
	color: #ffffff;
}

.horizontalcssmenu ul li.first a {
  border-left:1px solid #909090;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a:link:hover, .horizontalcssmenu ul li a:visited:hover {
   background:url(img/navBarBgSel.gif);
}

.navBarPlaceHolder {
  padding: 1em 1em;
}
	
* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

a.navBarItemSel {
   background:url(img/navBarBgSel.gif);
}

#pageArea {
  background-color:#ffffff;
  border-top:1px solid #c0c0c0;
  padding:0px;
  margin:0px;  
  background-image:url(img/vBarFade.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

#pageAreaInner {
  padding:0px;
  margin:0px;  
}

.leftBar {
	width:190px;
	float:left;
/*	min-height:550px;	*/
	padding-top:10px;
	*padding-top:20px;
	margin-left:6px;
	display: inline; /*Fix ie double float-margin bug*/
}

/*
.leftBar p {
	margin-left:12px;
}
*/

.leftBar ul {
	margin:0px;
	padding:0px;
	/*text-indent: 12px;*/
	margin-bottom:40px;
}

.leftBar ul li {
	list-style-type:none;
	background-image: url(img/bullet.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;
	padding-left:20px;
	margin-bottom:8px;
}


#footer {
  clear:both;
  padding:16px;
  color:#505050;
  background-color:#ffffff;
  padding-left:230px;
}

.contentRegion {
  margin-left:210px !important;/*IE7 etc which would respect the !important*/
  margin-left:207px; /*IE6 hack*/
  min-height:550px;

}

.contentBody {
	padding:18px;
}

h1 {
	color:#0D568D;
	font-weight:bold;
	margin-top:0px;
}

h2 {
	color:#C10000;
	font-weight:bold;
	margin-top:0px;
}

h3 {
	color:#000000;
	font-weight:bold;
	margin-top:0px;
}

.breadcrumb {
	margin-top:10px;
	padding-left:18px;
	font-size:90%;
}

.breadcrumb p {
	margin:0px;
}


.siteIntro {
	padding:12px;
	font-size:120%;
	margin:0px;
}

/*Boxed links - start*/

ul#tabnav {
	list-style-type: none;
	padding: 0px;
	margin: 0;
	text-align: center;
}

ul#tabnav li {
	float: left;
    background:url(img/linkBg.gif);
	margin: 5px 5px 5px 0px;
	padding: 5px;
	border: 1px solid;
	border-top: #E6E6E6;
	border-left: #E6E6E6;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
	color: #e9e9e9;
}

#tabnav a {
	float: left;
	display: block;
	padding: 2px;
}

#tabnav a:hover {
	text-decoration: underline;
}

a.boxedLink, a.boxedLink:visited {
  background:url(img/linkBg.gif);
  padding:5px;
  border-top:1px solid #d0d0d0;
  border-left:1px solid #d0d0d0;
  border-right:1px solid #505050;
  border-bottom:1px solid #505050;
}

a.boxedLink:hover, a.boxedLink:visited:hover
{
  background:#C10000;
  text-decoration: none;
  color:#FFF;
}

/*Don't show on normal page*/
#printableLogo {
	display:none;	
}

/*Boxed links - end*/


/* Related search - start*/

.relatedSearchBox {
	float:right;
	width:220px;
	margin-left:20px;
	margin-bottom:16px;
}

.relatedSearchHeader {
	height:24px;
	background-image:url(/img/relatedSearchHeader.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:#ffffff;
	padding-left:14px;
	padding-top:10px;
}

.relatedSearchInner1 {
	background-image:url(/img/relatedSearchBg.gif);
	background-repeat:repeat-y;
	background-position:top left;
}

.relatedSearchInner2 {
	background-image:url(/img/relatedSearchFooter.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	color:#333333;
	padding-left:14px;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:20px;
}

.relatedProductRow {
	margin-bottom:10px;
}

.relatedProductTitle {

}

.relatedProductTitle img {
	margin-right:6px;
	margin-bottom:6px;
}

.relatedProductDesc {
	margin-top:4px;
	font-size:90%;
}

/* Related search - end*/




@media print {

	body {
		background:#ffffff;
	}

	#pageArea {
		background-image:none;
		border:none;
	}

	#containerA {
		padding-left:0;
		background:#ffffff;
	}
	
	#wrapper {
		margin-bottom: 0px;
	}	

	#containerB {
		background:#ffffff;
		padding-right:0;
	}
	
	#containerC {
	  min-height:0px;
	}	
	
	#pageTopDecoration {
	  display:none;
	}
	
	.leftBar {
	  display:none;
	}
	
	#header {
		display:none;
	}
	
	.breadcrumb {
	  display:none;
	}
	
	.navBar {
		display:none;
	}
	
	.contentRegion {
		margin-left:0px!important;
		min-height:0px;
	}
	
	.contentBody {
		padding:0px;
	}

	#printableLogo {
		display:block;
		position:absolute;
		top:0px;
		left:0cm;
		width:10cm;	
	}
	#wrapper {
		position:absolute;
		top:2cm;
		left:0cm;
		width:100%;	
	}
	
	#footer {
	  padding:0px;
  	  color:#000000;
	}
	
	#footerLine1 {
		display:none;
	}
	
}


	body, #searchText, .navBar, h3 {
		font-size: 12px;
	}
    h1 { font-size:18px; }
    h2 { font-size:14px; }	

	span.showOnMobile 
	{
		display:none;
	}

@media only screen and (max-device-width: 480px) {
	
	body, #searchText, .navBar, h3 {
		font-size: 16pt;
	}
    h1 { font-size:24pt; }
    h2 { font-size:20pt; }		
	
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-image:none;
		background:#ffffff;
		padding:0px;
		margin:0px;
	}
	
	#wrapper {
		width:auto;
		margin:0px;
		height:auto;
		text-align:left;
	}
	
	#containerA {
	  background:auto;
	  background-image:none;
	  padding-left:0px;
	}
	
	#containerB {
	  background:auto;
	  background-image:none;
	  padding-right:0px;  
	}
	
	#containerC {
	  background-color:#FFFFFF;
	  min-height:inherit;
	}
	
	#topNavLinks {
	  padding-right:16px;
	  color:#909090;
	  white-space:nowrap;
	}
	
	#header {
	  text-align:right;
	  background-image:none;
	  height:72px;
	  margin-top:8px;
	}
	
	#intechLogoImg {
		background:url(img/intechLogoMobile.gif);
		height:56px;
		width:261px;
		margin-top:2px;
	}
	#searchBox {
		margin-top:12px;
		margin-right:12px;
		white-space:nowrap;
	}
	
	#searchInput {
	  border:1px solid #909090;
	  height:24px;
	}
	
	.searchButton {
	  position:relative;
	  top:2px;
	}
	
	#searchText {
	  position:relative;
	  top:-2px;
	  color:#555555;
	}
	
	.navBar {
	  background-image:none;
	  background-color:#333333;
	  clear:both;  
	  color:#ffffff;
	  font-size:inherit;
	}
	
	.horizontalcssmenu ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		margin-left:8px;
	}
	
	/*Top level list items*/
	.horizontalcssmenu ul li{  	
		position: relative;
		display: inline;
		float: left;
		white-space:nowrap;
	}
	
	/*Top level menu link items style*/
	.horizontalcssmenu ul li a:link, .horizontalcssmenu ul li a:visited {
		display: block;
		padding: 0.5em 0.5em;
		border-right: 1px solid #909090;
		border-left-width: 0;
		text-decoration: none;
		color: #ffffff;
		background-color:#333333;
	}
	
	.horizontalcssmenu ul li.first a {
	  border-left:1px solid #909090;
	}
	
	/*Top level menu link items style*/
	.horizontalcssmenu ul li a:link:hover, .horizontalcssmenu ul li a:visited:hover {
	   background-image:none;
	   background-color:#d00000!important;
	}
	
	.leftBar h2, .leftBar p 
	{
		clear:both;
		margin-top:6px;
		margin-left:12px;
	}
	
	.leftBar h2 
	{
		margin-top:16px;
		margin-bottom:8px;
	}
	
	.navBarPlaceHolder {
	  padding: 0.5em 0.5em;
	}
		
	* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
		padding-top: 1em;
	}
		
	/* Holly Hack for IE \*/
	* html .horizontalcssmenu ul li { float: left; height: 1%; }
	* html .horizontalcssmenu ul li a { height: 1%; }
	/* End */
	
	a.navBarItemSel {
	   background-image:none;
	   background-color:#d00000!important;
	}
	
	#pageArea {
	  background-color:#ffffff;
	  border-top:1px solid #c0c0c0;
	  padding:0px;
	  margin:0px;  
	  background-image:none;
	  clear:both;
	}
	
	#pageAreaInner {
	  padding:0px;
	  margin:0px;  
	}
	
	.leftBar {
		width:inherit;
		padding-top:0px;
		margin-top:0px;
		margin-left:0px;
		display:block;
		float:none;
		clear:both;
	}
	
	.leftBar ul {
		margin:0px;
		padding:0px;
		margin-top:8px;
		margin-bottom:8px;
	}
	
	.leftBar ul li {
		list-style-type:none;
		background-image:none;
		margin-bottom:0px;
		padding-left:16px;
		float:left;
		padding-bottom:0px;
	}
	
	.hideOnMobile 
	{
		display:none;
	}
	
	span.showOnMobile 
	{
		display:inline;
	}
	
	#footer {
	  clear:both;
	  padding-top:4px;
	  padding-bottom:4px;
	  color:#505050;
	  background-color:#ffffff;
	  padding-left:16px;
	}
	
	.contentRegion {
	  margin-left:12px!important;
	  margin-right:8px!important;
	  clear:both;
	  margin-top:0px;
	  border-top:1px solid #ffffff;
	}
	
	.contentBody {
		padding-top:12px;
		padding-bottom:12px;		
		padding-left:0px;
		padding-right:0px;		
	}
	
	.siteIntro 
	{
		padding-left:0px;
	}
		
	#pageTopDecoration {
	  display:none;
	}
	
	.breadcrumb {
	  clear:both;
	  background-color:#e0e0e0;
	  padding-top:6px;
	  padding-bottom:6px;
	  padding-left:10px;
	  margin-top:6px;
	}
	
	#mc_embed_signup {
		display:none;
	}

}