@import "Menu.css";

* { margin: 0;  padding: 0;}
body {min-width: 650px;margin: 0;padding: 0;font-family:"Lucida Grande",Arial, Verdana, sans-serif; line-height: 1.6; font-size: 62.5%;text-align: center;}
#aspnetForm {background: url(../_images/layout/pagebg.gif) repeat-y top right;}
p { font-size: 1.2em;margin:1em 0;}


h1 { font-size: 2.2em; font-weight: normal; padding-bottom:0;color:#003399}
h2 { font-size: 1.7em; font-weight: bold;margin-bottom:0;padding-bottom:2px;color:#003399}
h3 { font-size: 1.4em; font-weight: bold;margin-bottom:0em;padding-bottom:1em;color:#003399}
h4 { font-size: 1.2em; font-weight: bold;margin-bottom:0;padding-bottom:0;color:#003399}
.clear {margin:0;padding:0;clear:both;}

/* Generic image styles */
img {border:0;}
img.bordered {border:solid 1px #D3D4D4;padding:0px;}

/* Generic link styles */
a {color:#004296}
a:hover {color:#4383D4;}
a .strong  {font-size:.9em;}
.none {display:none;}

/* Generic lists */
.contentlist li {padding-left:25px; font-size:1.2em; background:url(../_images/layout/contentarrow.gif)  no-repeat left  .6em;}

/* Layout */
#wrapper {padding-right: 247px;}	
#left {width: 93%; padding:0 4% 0 3%;float: left;padding-top: 2em;text-align: left;}
#topcontent {width: 100%; float: left; padding-bottom:10px;}
#maincontent {width: 100%; float: left; padding-bottom:5em;}
#maincontent h1, #maincontent h2 {width:100%;}
#maincontent li {list-style-type:square;list-style-position:outside;margin-left:2em;font-size:1.2em;}
#right {width: 232px;margin-right: -100%;padding-left:15px;text-align:center;font-size:1em;float: left;padding-top: 2em;text-align: left;}
#searchdiv input {font-size:11px;}
#dsf {font-size:2.2em; font-weight: bold; text-transform:capitalize;}

#decimal {width: 100%; float: left; padding-top:1em;}
#decimal li {list-style-type:decimal;list-style-position:outside;margin-left:2em;font-size:1.2em;}
#outside {width: 100%; float: left; padding-top:4em;}
#outside li {list-style-position:outside;margin-left:2em;font-size:1.2em; width:100%}

#latin {width: 100%; float: left; padding-top:1em;}
#latin li {list-style-type:lower-roman;list-style-position:outside;margin-left:2em;font-size:1.2em;}

.grdView {width:100%;}
		
/*** IE6 Fix ***/
* html #left {left: 150px;}

/* tabs */
#tab { padding: 0px; margin: 0px; list-style-type: none;margin: 25px 0 0 0;}
#tab li { float: left; padding: 0px; margin:0; margin-right:4px; background: url(../_images/tab_rightblue.gif) no-repeat right top;}
#tab a { line-height:12px;padding: 6px 13px 3px 15px; display: block; font-size: 10px; background: url(/_images/tab_leftblue.gif) no-repeat left top; COLOR: #000;TEXT-DECORATION: none}
#tab a:hover { text-decoration: underline;}
#tab li.selected { background-image: url(../_images/tab_rightwhite.gif)}
#tab li.selected A {background-image: url(../_images/tab_leftwhite.gif); color:#FDD947;}
.tabdiv {display:block;width:90%;border-top:solid 3px black;padding-top:10px;float:left;margin-bottom:20px;}
.notabdiv {display:none;}
.printtitle {display:none;} 

/* Header */
#branding {height: 65px;background:#fff url(../_images/layout/brandingbg.gif) repeat-x top left;padding: 15px;margin:0;text-align:left;}
#brandleft {float:left; border:0;}
#brandleft img {border:0;}
#brandright {width:470px;float:right;text-align:right;padding:0;margin:0;color:#000;}
#brandright #utility {padding-bottom:10px;}
#brandright #utility a {color:#000;font-size:1.1em;text-decoration:none;}
#brandright #utility a:hover {color:#807F7F;text-decoration:underline;}
#brandright #printversion {display:none;}
#brandright #searchdiv {width:100%;padding:0;margin:0;}
#ctl00_header1_txtSearch {height:1.50em;font-size:1.5em;width:160px;margin:0;padding:0;margin-top:0px;}
#ctl00_header1_btnSearch {height:2.15em;font-size:1.5em;line-height:1.5em;margin:0;padding:0;margin-left:5px;}

#otherentities {width:500px;height:250px;padding:0 10px; border:solid 1px #000;text-align:center;display:none;position: absolute; top: 18px; z-index:1000;background:#000 url(../_images/layout/countrybg.gif) no-repeat top left;}
#otherentities #entityheader {margin-top:8px;}
#otherentities #entityheaderleft {font-size:1.7em;float:left;width:380px;font-weight:bold;text-align:left;color:#336699;}
#otherentities #entityheaderright {float:right;width:100px;text-align:right;font-size:1.3em;}
#otherentities h1 {width:90%;padding-left:10px;margin-bottom:10px;}
#otherentities #countriescontainer {width:480px;padding-top:20px;}
#otherentities #countriescontainer div {float:left;width:140px;margin-left:10px;height:100%;}
#otherentities #countriescontainer h3 {width:100%;font-size:1.3em;font-weight:600;color: #ffffff;background-color:#336699;text-align:center;}

#otherentities ul,li {list-style-type:none;text-align:left;margin:0;padding:0;}
#otherentities ul {clear:both;padding-top:15px;}
#otherentities li {line-height:20px;padding-left:25px; background:url(../_images/homepage/homepagearrow.gif) no-repeat left;font-size:1.2em;}


#UEAdvert {width:500px;height:250px;padding:0 10px; border:solid 1px #000;text-align:center;display:none;position: absolute; top: 18px; z-index:1000;background:#000 url(../_images/layout/countrybg.gif) no-repeat top left;}


/* Breadcrumb */
#breadcrumb {float:left;font-size:1.2em;padding-right:10px;width:80%;}
#breadcrumb img {margin-bottom:-2px;}
#breadcrumb a, #breadcrumb a:visited {text-decoration:underline;}
#breadcrumb a:hover {text-decoration:none;}

/* Page Functions */
#pagefunctions{float:right;width:15%;text-align:right;border:0px solid;}
#pagefunctions a {font-size:1.2em;text-decoration:none;margin-left:.5em;color:#003399;}

/* Cat Machine Catalogue ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* Cat Machine Catalogue End ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Locations */
#mapcontainer {background-color:#fff;border:solid 0px #E5E2DC;padding-top:1.5em;}
#mapnav {width:20%;float:left;padding:0;margin:0;}
#map {width:75%;height:400px;float:right;background-color:#F2EFE9;border:solid 1px #000;}
#mapnav h3 {margin:0;border-bottom:solid 1px #E5E2DC;font-size:1.4em;padding:.5em 0;padding-top:0; text-align:center;margin-bottom:1em;float:left;width:100%;}
#mapnav table td, #mapnav table {border:none;padding:0;margin:0;line-height:.8em;}
#mapnav li, #mapnav ul {list-style-type:none;}
#mapLocation {display:none;}
.bubble {font-family: Arial, Verdana, sans-serif;padding-bottom:20px;}
.bubble h1 {font-size:1.2em;margin:0;padding:0;margin-bottom:5px;font-weight:bold;}
.bubble p {font-size:1em;margin:0;padding:0;}
.maplinks {float:left;width:100%; }
.maplinks li {list-style-type:none;background:url(../images/mapbullet.gif) no-repeat left .8em;padding-left:1.3em;margin-bottom:.5em;}
.maplinks a {font-size:1.2em;}
.treeview table tr td, .treeview div {padding:0;margin:0;border:none;}

/* Footer */
#footer { background-color:#0c2e82;padding: .5em ;clear: both;height:1.2em;font-size:1em; }
#footerleft { background-color:#0c2e82; font-size:1.1em;float:left;width:40%;text-align:left;color:#fff;height:1.2em;line-height:1.2em;}
#footerleft a {color:#fff;text-decoration:none;}
#footerleft a:hover {color:#fff;text-decoration:underline;}
#footerright { background-color:#0c2e82;float:right;width:60%;text-align:right;color:#fff;height:1.2em;line-height:1.2em;}
#footerright a {color:#fff;text-decoration:none;}
#footerright a:hover {color:#d8e0ed;text-decoration:underline;}


/* Entry Pages - 1 Col */
.contentcontainer {width:100%;padding:4px;margin-bottom:0px;}
.card, .cardhover {border:solid 0px #f0f0ef;float:left;margin: 20px 15px 0 10px;padding:5px;color:#000;width:90%;}
.cardhover, .cardhover2col {background: #fff url(../_images/layout/cardbg.gif) repeat-x bottom;cursor:pointer;}
.card img, .cardhover img{float:left;height:90px;width:130px;margin: 0 10px 0px 0;padding:0;border:none;}
span.cardheader{font-size:1.5em;font-weight:bold;color:#7a7a7a;}

/* Entry Pages - 2 Col */
.card2col, .cardhover2col {border:solid 1px #f0f0ef;float:left;margin: 20px 2% 0 0px;padding:0px;color:#000;width:46%;float:left; height:100px;}
.card2col img, .cardhover2col img{float:left;height:60px;width:60px;margin: 0 2% 0px 0;padding:5px;border:none;}
.card2col p, .cardhover2col p {padding:0;margin:0;}
.launchlinks {float:right;text-align:right;}

.tel_no
{
    color: #003399;
    font-size: 2.2em;
    font-weight: bold;
}

.play_video
{
width: 96px;
height: 24px;
border: 0px;
}

.rightpad 
{
padding-left: 10px;
padding-bottom: 10px;
}

.leftpad 
{
padding-right: 10px;
padding-bottom: 10px;
}

hr {
  border: 0;
  width: 100%;
  color: #cccccc;
  height: 1px;
  background-color: #cccccc;
  margin-top:5px;
  margin-bottom:5px;
}

.fin_blue
{
color:#5a7184;
font-weight:bold;
}

.fin_gold
{
color:#ac9c56;
font-weight:bold;
}

.quote
{
width: 560px;
background-color: #efefef;
border:solid 1px #cccccc;
align: center;
}

.employee_quote
{
font-size: 1.7em;
font-weight: bold;
color:#5a7184;
}

.quote_attribute
{
width: 560px;
text-align: right;
}

.quote_name
{
text-align: right;
font-size: 1.1em;
}

.red_header
{
    font-weight: bold;
    color: #cc3333;
}

.table_cells td
{
    border: 1px #efefef solid;
}

.table_cells p
{
    font-size: 1.0em;
}



/* EN This css class controls the width of all searchsimon elements */
/* DE Diese css Klasse steuert die Breite aller searchsimon Elemente */
.SS_layout {
	width: 100%;
}

/* EN This css class controls the appearance of the title */
/* DE Diese css Klasse steuert das Aussehen des Titels */
.SS_title {
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 15px;
	padding-left: 0px;
	color: #000000;
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 0px;
	padding-top: 5px;
}

/* EN This css class controls the appearance of the form section */
/* DE Diese css Klasse steuert das Aussehen des Formularbereichs */
.SS_con {
	border: 1px solid #000000;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 8pt;
	background-color: #86a9c9;
}

.SS_con table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: Transparent;
}
	

/* EN This css class controls the appearance of text in the form section */
/* DE Diese css Klasse steuert das Aussehen der Texte im Formularbereich */
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/* EN This css class controls the appearance of the messages section */
/* DE Diese css Klasse steuert das Aussehen des Mitteilungs- / Benachrichtigungsbereichs */
.SS_msg {
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 8pt;
	background-color: #cccccc;
	text-align: center;
	width: 100%;
}

/* EN This css class controls the appearance of all form elements */
/* DE Diese css Klasse steuert das Aussehen aller Formular-Elemente */
.SS_input {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}

/* EN This css class controls the color of highlighted text on the page */
/* DE Diese css Klasse steuert die Farbe aller hervorgehobenen Texte in der Suche, z.B. in der Hilfe oder im Benachrichtigungsbereich */
.SS_highlight {
	color: #0066cc;
}

/* EN This css class controls the appearance of item numbers, titles and abstracts */
/* DE Diese css Klasse steuert das Aussehen der Suchergebnis-Nummerierung, des Suchergebnis-Titels und des Suchergebnis-Auszugs */
.SS_layout 
{

	color: #000000;
}
.SS_results {
	font-size: 0.9em;
}

.SS_paging {
	text-align: center;
	font-size: 0.9em;
}


/* EN This css class controls the appearance of URLs, File names, sizes and last modified dates */
/* DE Diese css Klasse steuert das Aussehen des Fußbereichs unter jedem einzelnen Suchergebnis (URL, Dateinamen, Dateigröße und letzte Bearbeitung) */
.SS_resultssml, .SS_resultssml A {
	color: #006600;
	font-size: 0.85em;
}

/* EN This css class controls the appearance of the next, prev and jump-to page links */
/* DE Diese css Klasse steuert das Aussehen der Blätterfunktion (der nächsten Seite, der vorigen Seite und der Seitenzahlen) */
.SS_pagelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 2px;
	padding: 2px;
}

/* EN This css class controls the appearance of the calendar title (year and month controls) */
/* DE Diese css Klasse steuert das Aussehen der Jahreszahlen und der Monate im Kalender */
.SS_CalTitle {
	font-size: 11px;
	color: black;
	width: 90px;
}

.SS_FirstCol
{
	width: 25px;
	vertical-align: top;
}

.SS_PagerStyle
{
	text-align: center;
	font-size: 1.2em;
	margin:1em 0;
}

.blank_row
{
    width: 100%;
    float: left;
}

.form_row
{
    width: 100%;
    float: left;
    height: 25px;
}

.form_row2
{
    width: 100%;
    float: left;
    height: 50px;
}

.form_row_dbl
{
    width: 100%;
    float: left;
    height: 50px;
}

.formlabel 
{
    width: 100px;
    float: left;
    font-family:"Lucida Grande",Arial, Verdana, sans-serif; 
    font-size: 1.2em;
}

.formlabeltext
{
    font-family:"Lucida Grande",Arial, Verdana, sans-serif; 
    font-size: 1.2em;
}

.formlabeltext
{
    font-family:"Lucida Grande",Arial, Verdana, sans-serif; 
    font-size: 1.2em;
}

.input
{
color: #333333;
background-color: #ffffff;
background-image: url(/_images/layout/form_bg.gif);
background-repeat: repeat;
font-size: 1.1em;
border: #999999 1px solid;
height: 16px;
padding-left:2px;
}

.searchinput
{
color: #333333;
background-color: #ffffff;
background-image: url(/_images/layout/form_bg.gif);
background-repeat: repeat;
font-size: 2em;
border: #999999 1px solid;
height: 16px;
padding-left:2px;
}

.inputselect
{
color: #333333;
background-color: #FFFFFF;
font-size: 1.1em;
border: #999999 1px solid;
height: 16px;
width:80px;
}

.inputtextarea
{
color: #333333;
background-color: #ffffff;
font-size: 1.4em;
border: #999999 1px solid;
padding-left:2px;
}

.formerrormessage 
{
color: #cc3333;
font-size: 1.1em;
}

.formcell1
{
    width:31%;
    float:left;
}

.formcell2
{
    width:33%;
    float:left;
}

.formcell3
{
    width:33%;
    float:left;
}

.sector
{
    float:left;
    width:49%;
}
.manufacture
{
    float:left;
    width:49%;
}


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/_images/pages/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(_/images/pages/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(_/images/pages/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #336699;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	

/* New page layouts */
#newcontentholder{float:left;width:100%}
#contentpicture{border: 0px solid #000000; float:left;width:270px;margin-right:-270px;min-height:270px;}
#contentbody{margin-left: 280px;border: 0px solid #000000;vertical-align:top; min-height:270px;}
#contentbody p { font-size: 1.2em;margin:0.8em 0;}
#features{width: 100%; background-color: #ffcc33; background:url(../_images/layout/features_bg.jpg) repeat-x;padding-top:30px;}
#theproduct{border: 0px solid #000000; width:80%;margin-left:20px;margin-right:150px;}
#theproduct h3 {font-size: 1.4em; font-weight: bold;margin-bottom:0em;padding-bottom:0em;color:#336699}


.rightnavbanner
{
clear:both;
padding-top:20px;
}

.rightnavbannernone
{
clear:both;
padding-top:20px;
}

.overview_holder
{
    border: 1px solid #cccccc;
    background-color: #ffffff;
    width:99%;
    background:url(../_images/layout/overview_bg.jpg) repeat-x;
    height: 110px;
}

.overview_information
{
    border: 0px solid #000000;
    margin-left:110px;
    padding-top: 7px;
    font-size: 1.2em;
}

.overview_more
{
    border: 0px solid #000000;
    float:right;
    margin-right: 10px;
    clear:none;
}


/* RIGHT MENU */

.RadTreeView ul
{
    background: #e6e6e6;
    margin-left:0px;
    width:207px;
    padding:0px;
}


.RadTreeView li
{
    border: 0px solid red;
    margin-left:0px;
    width:207px;
    padding:0px;
    font-size:1.1em;
}

.RadTreeView .rtUL ul.rtUL
{
    padding-left: 0;
}

/* First level nodes: */
.RadTreeView .rtUL div {padding-top:5px;height:20px;padding-left: 10px; background:#eee url(../_images/layout/navigationbg2.gif);}
.RadTreeView .rtUL div a {color:#fff; text-transform: uppercase; text-decoration:none; font-weight:bold; }

/* Second level nodes: */
.RadTreeView .rtUL .rtLI { background-position: 0 0; }
.RadTreeView .rtUL .rtUL div {border-bottom:1px solid #999; padding-top:3px;height:22px;background:#efefef url(../_images/layout/arrow.gif) left no-repeat; padding-left: 20px; background-position: 10px 0 !important; }
.RadTreeView .rtUL .rtUL div a { color:#000; text-transform: none; text-decoration:none; font-weight:normal}
.RadTreeView .rtUL .rtUL div a:hover { color:#000; text-transform: none; text-decoration:underline; font-weight:normal}
        
/* Third level nodes: */
.RadTreeView .rtUL .rtUL .rtLI { background-position: 20px 0; }
.RadTreeView .rtUL .rtUL .rtUL div { background:#eee url(../_images/layout/arrow.gif) left no-repeat; padding-left: 30px; background-position: 20px 0 !important; }

.RadTreeView .rtUL div.rtSelected
{
    background-color: #cccccc !important;
}

.RadTreeView .rtUL div.rtSelected a
{
    color:#000;font-weight:bold;
}

.RadTreeView .rtUL div.rtSelected .rtIn
{
    border: 0 !important;
    
}


.hsq
{
    float:left;
    padding-right:40px;
    padding-top:15px;
    vertical-align:top;
}