/* CSS Document */

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 10px 10px 0px 10px;
  padding: 0px;
  background-color: #A6C1D6;
  font-size: 62.5%;
  text-align: center;
  min-width: 770px;
  color: #1E4F65;
}

body.productdetail {
  font-family: Arial, Helvetica, sans-serif;
  margin: 10px 10px 0px 10px;
  padding: 0px;
  background-color: #6A98BB;
  font-size: 62.5%;
  text-align: center;
  color: #1E4F65;
}

form {
  margin: 0px;
  padding: 0px;
}

img { 
  border: 0px;
}

#wrapper {
  position: relative;
  width: 770px;
  margin: 0 auto;
  text-align:left;
  min-height: 500px;
}

#generalbck {
  position: relative;
  float: left;
  background-color: #6A98BB;
  margin-bottom: 10px;
  width: 770px;
}

#welcomebck {
  position: relative;
  float: left;
  width: 770px;
  background:url(../img/if_thecompany_pagebck.gif) no-repeat top right;
  background-color: #6A98BB;
  margin-bottom: 10px;
}

.splashtitle {
  position: relative;
  float: left;
  width: 710px;
  left: 30px;
  margin-top: 55px;
  text-align: right;
}

.splashtitle h1 {
  margin: 0px;
  padding: 0px;
}

.splashenter {
  position: relative;
  float: left;
  width: 710px;
  left: 30px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: right;
}

.splashenter p {
  font-size: 1.7em;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

.splashenter a:link, .splashenter a:visited,.splashenter a:active {
  color: #FFFFFF;
  text-decoration: none;
}

.splashenter a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.splashimg {
  position: relative;
  float: left;
  width: 750px;
  left: 10px;
}

.splashproblems {
  position: relative;
  float: left;
  width: 710px;
  left: 30px;
  margin-top: 15px;
  padding-bottom: 50px;
}

.splashproblems p {
  font-size: 1.0em;
  line-height: 1.2em;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

.splashproblems a:link, .splashproblems a:visited,.splashproblems a:active {
  color: #FFFFFF;
  text-decoration: none;
}

.splashproblems a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#welcomebck h1,
#generalbck h1 {
  margin: 35px 0px 0px 30px;
  padding: 0px;
}
/* 
.pageheader {
  position: relative;
  float: left;
  width: 200px;
  left: 30px;
  margin-top: 35px;
  text-align: left;
}

.pagetitle {
  position:relative;
  float: left;
  width: 460px;
  margin-top: 25px;
  text-align: left;
}
 */
.pagenavigation {
  position: relative;
  float: left;
  width: 150px;
  left: 30px;
  margin-top: 35px;
  z-index: 20;
}

.pagenavigation p {
  font-size: 1.2em;
  font-weight: bold;
  color: #1E4F65;
}

.externallink {
  postion: relative;
  float: left;
  margin-top: 15px;
}

.externallink p {
  font-size: 1.2em;
  font-weight: bold;
  color: #1E4F65;
  margin: 0px;
  padding: 0px;
}

.externallink a {
  color: #FFFFFF;
  text-decoration : none;
}

.externallink a:hover {

  color: #1E4F65;
  text-decoration : none;
}

.pagenavigation ul {
  font-weight: bold;
  color: #1E4F65;
}

.pagecontent {
  position: relative;
  float: right;
  display: inline; /* Use this to stop IE6 doubling the margin */
  width: 460px;
  margin-right: 30px;
}

.pagecontent h2 {
  margin: 25px 0px 30px 0px;
  padding: 0px;
}

.pagecontent p {
  font-size: 1.4em;
  line-height: 1.3em;
  color: #FFFFFF;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.companytxt {
  position: relative;
  float: left;
  width: 310px;
}

.contacttxt {
  position: relative;
  float: left;
  width: 396px;
}

.contacttxt p {
  font-size: 1.4em;
  line-height: 1.3em;
  color: #1E4F65;
  margin: 2px 0px 8px 0px;
  padding: 0px;
}

.contacttxt a:link,
.contacttxt a:visited,
.contacttxt a:active {
  color:#FFFFFF;
  text-decoration: none;
}

.contacttxt a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.pagecontent a:link,
.pagecontent a:visited,
.pagecontent a:active {
  color:#FFFFFF;
  text-decoration: none;
}

.pagecontent a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.newstxt {
  position: relative;
  float: left;
  width: 350px;
  background-color: #8EA7B2;
}

.newstxt p {
  font-size: 1.4em;
  line-height: 1.3em;
  color: #1E4F65;
  margin: 0px;
  padding: 10px;
}


.pagecontentcol1 {
  position: relative;
  float: left;
  width: 220px;
  padding-bottom: 30px;
}

.pagecontentcol2 {
  position: relative;
  float: right;
  width: 224px;
  padding-bottom: 30px;
  right: 0px;
}

.pagecontentproductrow {
  position: relative;
  float: left;
  width: 460px;
  padding-bottom: 10px;
}

.pagecontentproduct {
  position: relative;
  float: left;
  width: 153px;
}

.pagecontentproduct p {
  color: #1E4F65;
  font-size: 1.1em;
  margin: 5px 10px 5px 0px;
  padding: 0px;
}

#footer {
  position: relative;
  float: left;
  width: 710px;
  left: 30px;
  margin-top: 15px;
  padding-bottom: 20px;
  z-index: 1;
}

#footer p {
  color: #FFFFFF;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 1.1em;
  line-height: 1.2em;
}

#footertxt a:link, #footertxt a:visited, #footertxt a:active {
  color: #FFFFFF;
}

#footertxt a:hover {
  color: #CCCCCC;
}

#footertxt {
  position: relative;
  float: left;
  display: inline;
  width: 180px;
}

#footernav {
  position: relative;
  float: right;
  display: inline;
  width: 460px;
  margin: 48px 0px 0px 0px;
}

#footernav ul {
  margin: 0px;
  padding: 0px;
}

#footernav li {
  list-style-type: none;
  float: left;
  margin: 0px 6px 0px 0px;
  padding: 0px;
  font-size: 1.1em;
}

#footernav li a {
  color: #1E4F65;
  text-decoration: none;
}

#footernav li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.footerlogo {
  position: relative;
  float: left;
  width: 200px;
}

.footernav {
  position: relative;
  float: right;
  width: 460px;
  margin-top: 40px;
}

#footer .footernav a:link, #footer .footernav a:visited, #footer .footernav a:active {
  color: #1E4F65;
  text-decoration: none;
}

#footer .footernav a:hover {
  color: #FFFFFF;
  text-decoration: none;
}


/* MAIN NAVIGATION STYLES */

#nav li:hover { 
  background-position: 0 0; /* This should fix the onRelease outside bug in IE7 */
}

#nav, #nav ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  float : left;
  z-index: 1000;
}
	
#nav li { /* all list items */
  position : relative;
  float : left;
  line-height : 1.3em;
  /*margin-bottom : -1px;
   width: 11em; */
}
	
#nav li ul { /* second-level lists */
  position : absolute;
  left: -999em;
  margin-left : 158px;
  top : 0px;
  background-color: #A6C1D6;
  z-index: 1000;
  /* border-left: 2px solid #6A98BB; */
  padding-bottom: 3px;
}
	
#nav li ul ul { /* third-and-above-level lists */
  left: -999em;
  z-index: 1000;
  top : 0px;
  padding-bottom: 3px;
  margin-left : 158px;
}
	
#nav li a {
  width: 158px;
  w\idth :158px;
  display : block;
  color: #1E4F65;
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight : bold;
  text-decoration : none;
  padding: 3px 0px 3px 0px;
  margin: 0px;
}
	
#nav li a:hover {
  color : white;
  font-size: 1.2em;
  line-height: 1.3em;
  padding: 3px 0px 3px 0px;
  margin: 0px;
}

#nav li a.navhighlightedproduct {
  color: #827F77;
}

#nav li li a {
  width: 158px;
  w\idth :158px;
  display : block;
  color: #1E4F65;
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight : bold;
  text-decoration : none;
  padding: 3px 0px 3px 10px;
  margin: 0px;
}
	
#nav li li a:hover {
  color : white;
  font-size: 1.2em;
  line-height: 1.3em;
  padding: 3px 0px 3px 10px;
  margin: 0px;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}
	
#content {
  margin-left : 12em;
}

#nav li p {
  padding: 5px 0px 5px 0px;
  margin: 0px;
}


/* END OF NAV STYLES */

.navigationsearch {
  position: relative;
  float: left;
  margin-top: 15px;
  z-index: -1;
}

.navigationsearch p {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

.footernav ul {
  list-style-type: none;
  margin:0px;
  padding: 0px;
}


.footernav li {
  float: left;
  margin: 0px 0px 0px 14px;
  padding: 0px;
}

.footernav li.first {
  float: left;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

.white {
  color: #FFFFFF;
}

#productdetailwrapper {
  position: relative;
  float: left;
  width: 480px;
}

.productdetailimg {
  position: relative;
  float: left;
  width: 480px;
  height: 480px;
}

.productdetailtxt {
  position: relative;
  float: right;
  width: 300px;
  text-align: left;
  margin-top: 10px;
  text-align: right;
}

.productdetaillogo {
  position: relative;
  float: left;
  width: 180px;
  text-align: left;
  margin-top: 5px;
  text-align: left;
}

.productdetaillogo p {
  color: #FFFFFF;
  margin: 8px 0px 8px 0px;
  padding: 0px;
  font-size: 1.1em;
  line-height: 1.5em;
}

.productdetaillogo a:link, .productdetaillogo a:visited, .productdetaillogo a:active {
  color: #FFFFFF;
}

.productdetaillogo a:hover {
  color: #CCCCCC;
}

.productdetailtxt p {
  font-size: 1.2em;
  line-height: 1.3em;
  color: #FFFFFF;
  margin: 1px 0px 0px 0px;
  padding: 0px;
}

.searchbutn {
  margin: 5px 0px 5px 0px;
}

.contentboxout {
  position: relative;
  float: left;
  background-color:#8EA7B2;
  width: 396px;
  margin: 0px 0px 5px 0px;
}

.contentboxout h2 {
  font-size: 1.4em;
  padding: 10px 10px 0px 10px;
  margin: 0px;
}

.contentboxout p {
  padding: 10px;
  font-size: 1.2em;
  margin: 0px;
  color: #1E4F65;
}

.contentxboxoutimg {
  float: right;
  margin: 0px 0px 10px 10px;
}

.newsimgwithcaption {
	position:relative;
	float: right;
	margin: 10px 0px 5px 0px;
	width: 180px;
	background-color: #A6C1D6;
}

.newsimgwithcaption p {
	font-size: 1.0em;
	padding: 5px;
	color: #FFF;
}

.virtualshowroom {
	position:relative;
	float: left;
	margin: 0 0 0 -90px;
}


/* SEARCH STYLES */

.searchcontent p {
  margin: 0px 0px 20px 0px;
}

.sp2_field { border:1px solid #1E4F65; padding: 3px; background-color:#ffffff; color:#000000; font-size:12px; width: 140px; }

.sp2_btn {font-family:Arial; font-style:normal; color:#000000; font-size:12px; font-weight:normal; }

.sp2_i_select {background-color:#ffffff; font-family:Arial; font-style:normal; color:#000000; font-size:12px; font-weight:normal; }

a.sp2_advanced:link,a.sp2_advanced:active,a.sp2_advanced:visited {font-family:Arial; font-style:normal; text-decoration:none; color:#7777cc; font-size:11px; font-weight:normal; }

a.sp2_advanced:hover {font-family:Arial; font-style:normal; text-decoration:underline; color:#7777cc; font-size:11px; font-weight:normal; }

.sp2_info {font-family:Arial; font-style:normal; text-decoration:none; color:#000000; font-size:13px; font-weight:bold; }

a.sp2_title:link, a.sp2_title:active, a.sp2_title:visited { text-decoration:none; color:#1E4F65; font-size:13px; font-weight:bold; margin: 0px; padding: 0px; }

a.sp2_title:hover {font-family:Arial; font-style:normal; text-decoration:underline; color:#FFFFFF; font-size:13px; font-weight:bold; margin: 0px; padding: 0px; }

.sp2_result {font-family:Arial; font-style:normal; text-decoration:none; color:#000000; font-size:12px; font-weight:normal; }

.sp2_select {font-family:Arial; font-style:normal; text-decoration:none; color:#FFFFFF; font-size:12px; font-weight:bold; }

.sp2_address {font-family:Arial; font-style:normal; text-decoration:none; color:#008000; font-size:12px; font-weight:normal; }

.sp2_page {font-family:Arial; font-style:normal; text-decoration:none; color:#000000; font-size:12px; font-weight:normal; }

a.sp2_page:link,a.sp2_page:active,a.sp2_page:visited { font-family:Arial; font-style:normal; text-decoration:underline; color:#000000; font-size:12px; font-weight:normal; }

a.sp2_page:hover {font-family:Arial; font-style:normal; text-decoration:underline; color:#000000; font-size:12px; font-weight:normal; }

.sp2_nowpage {font-family:Arial; font-style:normal; text-decoration:none; color:#a90a08; font-size:12px; font-weight:bold;}

/* ZOOM FORM STYLES */

.highlight { background: #FFFFFF; }
.searchheading { font-size: 1.3em; font-weight: bold; }
.summary { font-size: 1.2em; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 1.2em; }
.category { color: #999999; }
.sorting { text-align: right; }

.result_title { font-size: 1.2em; }		
.description { font-size: 1.0em; color: #1E4F65; }
.context { font-size: 100%; }
.infoline { font-size: 1.2em; font-style: normal; color: #1E4F65;}

		.zoom_searchform { font-size: 100%; }
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
		.zoom_match { font-size: 80%; margin-left: 10px;}				
		.zoom_categories { font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 100%; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}