@charset "UTF-8";
@import url(products.css);
@import url(vnav.css);
@import url(bvis.css);

/* CSS Document */
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #000;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 13px;
  background-image: url("../images/bg-body.gif");
  background-repeat: repeat-x; 
}
a img {
  border: 0;
}

/* Sets the style for unvisited links. */
a,  a:link {
  color: #396E8F;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
/*
  color: #000;
  font-weight: bold;
  text-decoration: none;
*/
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #000;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #000;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #000;
}


/* This is a container for the page content.  */
#outerWrapper {
  background-color: #fff;
  margin: 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 950px;
}
#outerWrapper #contentWrapper {
  overflow: hidden;
/*
  border-right: 1px solid #396E8F;
  border-left: 1px solid #396E8F;
*/
/*  padding-bottom: 20px; */
  padding-bottom: 0; /* fda */
}
#outerWrapper #contentWrapper #leftColumn1 {
  float: left;
  padding: 10px 10px 10px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 205px;
}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
  margin: 0 0 0 230px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 25px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  min-height: 325px;
}

#outerWrapper #contentWrapper #content_noleft {
  margin: 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  /* padding: 25px 0px 0px 0px; Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0; /* fda */
  min-height: 325px;
}

#outerWrapper #contentWrapper #content hr {
  height:1px;
  color:#396E8F;
  width:100%;
}

#outerWrapper #footer {
  border-top: 1px dotted #396E8F; /* Sets the top border properties for an element using shorthand notation */
  padding: 25px 10px 10px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  font-size:9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#666;
  line-height:normal;
  letter-spacing:0px;
  padding:8px 0;
}


/* header */
#gen-header {
  background-color: #253846;
  float: left;
  width: 100%;
  background-image: url("../images/testata.png");
  background-repeat: no-repeat;
  background-position: center top;
  height: 121px;
}
#gen-header #header {
  background-image: url("../images/si14_logo.png");
  background-repeat: no-repeat;
  background-position: 0px 5px;
  height: 121px;
  margin: 0 auto;
  width: 950px;
  position: relative;
}
#gen-header #header #vallet {
  padding-left: 160px;
  padding-top: 0px;
  float: left;
  width: 790px;
}

div#site-search {
  width: auto;
  float: right;
  padding-right: 0;
  padding-top: 5px;
}
#header #vallet #claim {
  height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#header #vallet #ch-language {
  margin-top: 10px;
/*  height: 20px;*/
  color: #FFFFFF;
  text-align: right;
}
#header #vallet #ch-language a {
  color:#ffffff;
}
#header #vallet #ch-language a img.selected {
  border:1px solid white;
}
#header #vallet #ch-language a img.language {
  border:1px solid black;
}
#header #vallet #claim h1 {
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  font-weight: normal;
}

/* horizontal menu  */
#horiz-menu {
  position: absolute;
  bottom: -1px;
  clear: right;
  float: left;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5px;
}
#horiz-menu ul {
  margin: 0px;
  padding: 0px;
}
#horiz-menu ul li {
  display: inline;
  list-style-type: none;
}
#horiz-menu ul li a {
  background-image: url("../images/bg-menu-sx.gif");
  background-repeat: no-repeat;
  display: block;
  width: auto;
  float: left;
  color: #FFFFFF;
  padding: 0 0 5px 5px;
  text-decoration: none;
}
#horiz-menu ul li a span {
  background-image: url("../images/bg-menu-dx.gif");
  background-repeat: no-repeat;
  background-position: right top;
  padding: 6px 15px 0 10px;
  float:left;
  text-decoration: none;
}
#horiz-menu ul li.here a, #horiz-menu ul li a:hover {
  background-image: url("../images/bg-menu-sx-hover.gif");
  background-repeat: no-repeat;
  color: #000000;
  text-decoration:none;
}
#horiz-menu ul li.here a {
  font-weight: bold;
}
#horiz-menu li.here a span, #horiz-menu li a:hover span {
  background-image: url("../images/bg-menu-dx-hover.gif");
  background-repeat: no-repeat;
  background-position: right top;
  color: #000000;
  text-decoration: none; 
}
hr.divideline {
  margin: 0px;/* 0px 10px 0px;*/
  padding: 0px;
  clear: both;
  color: white;
}


/* footer */
#outerWrapper #footer p {
  margin:0px;
  padding:0px;
}
#outerWrapper #footer div.footer-sx {
  float: left; margin:0; padding:0;
  width: 50%;
  text-align: left;
}
#outerWrapper #footer div.footer-dx {
  float: right; margin:0; padding:0;
  width: 50%;
  text-align: right;
}
#outerWrapper #footer div.footer-dx div.click {
  float:right;
  margin:0;
  padding:14px 40px 0 0;
  width:100px;
  text-align:right;
  background-image:url(../images/m31-footer.gif);
  background-position:100% 50%;
  background-repeat:no-repeat;
}


/* boxes in the left column*/
div.documentation {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  padding-bottom: 12px;
  background-image: url("../images/rounded-bottom.gif");
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 205px;
}
div.documentation .helper {
  padding: 1px 12px 0 12px;
  background-image: url("../images/rounded-top.gif");
  background-repeat: no-repeat;
  background-position: left top;
}

div.documentation ul {
  margin: 0px;
  padding: 10px 0 0 0;
  list-style-type: none;
}
div.documentation ul li {
  margin: 0px;
  padding-bottom: 3px;
  list-style-type: none;
}

div.helper img, div.helper a {
  vertical-align: middle;
}
div.helper a.link {
}
div.helper a.current {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #000;
}
div.helper ul.newslist {
  list-style: none inside none;
  padding:0px;
}
div.helper ul.newslist li {
  background-image:url(../images/rightarrow_blueback.png);
  background-repeat:no-repeat;
  background-position: 0px 2px;
  padding-left:15px;
}
div.helper ul.newslist li.current a {
  color: black;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #000;
}

/* home page */
div.box-home{
  background-image: url("../images/back_1.png"); 
  background-position: bottom right;
  background-repeat: no-repeat; 
  margin: 0 auto;
  height: 325px;
}
div.box-home-text {
  float:left;
  margin:0px;
  text-align: left;
  width: 480px;
}
div#home_postit{
  text-align: center;
}
div.fader {
  float:left;
  width: 600px;
  min-height: 220px;
}
div.news, div.news-2 {
  float: right;
  margin:25px;
  padding:0;
  width: 205px;
  height:275px;
  overflow:hidden;
}
div.news div.documentation, div.news-2 div.documentation {
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  background-image: url("../images/rounded-bottom-op70.png");
}
div.news div.documentation .helper, div.news-2 div.documentation .helper {
  background-image: url("../images/rounded-top-op70.png");
  overflow:hidden;
}
div.news div.title, div.news-2 div.title {
  float:left;
}
#content_noleft div.news div.title h2, #content_noleft div.news-2 div.title h2 {
  padding: 0;
  margin:5px 0px;
}
div.news div.news-list, div.news-2 div.news-list {
  width:100%; 
  padding:5px 0px;
  font-size: 0.9em;
}
div.news div.news-list p, div.news-2 div.news-list p {
  margin:0px;
}
div.box-home div#home_intro{
/*  border: 2px dashed #DDD;*/
  margin-top: 10px;
}
div.box-home div#home_intro h2{
  color: #F39F57;
  color: #396E8F;
  font-size: 16px;
  line-height: 20px;
  float: left;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  padding-right: 20px;
  width: 90px;
  text-transform: uppercase;
  text-align: right;
  border-right: 2px solid #DDD;
}
div.box-home div#home_intro ul{
  float: left;
  margin: 0;
  margin-left: 30px;
  margin-top: 10px;
  padding: 0;
}
div.box-home div#home_intro ul li{
  margin: 0;
  padding: 0;
  font-size: 14px;
}
div.box-home div#home_intro span{
  color: #F39F57;
  color: #396E8F;
}
div.box-home div#home_intro div{
  clear: both;
  height: 1px;
  line-height: 1px;
}

/* box vari */
.ausil {
  float: left;
  background-image: url("../images/bg-bottom.gif");
  background-position: bottom left;
  background-repeat: no-repeat;
  padding-bottom: 8px;
  width: 276px;
  margin-bottom: 10px;
}
.ausil .box-product {
  background-image: url("../images/bg-product.gif");
  background-position: top left;
  background-repeat: no-repeat;
  padding: 10px 143px 0 10px;
}
.ausil .Mirach {
  background-image: url("../images/bg-mirach.gif");
}
.ausil .Mizar {
  background-image: url("../images/bg-mizar.gif");
}
.ausil .Megrez {
  background-image: url("../images/bg-megrez.gif");
}
.ausil .Nihal {
  background-image: url("../images/bg-nihal.gif");
}

/* application page */
div.box-app{
  background-image: url("../images/box-app-new.jpg");
  background-position: bottom right;
  background-repeat: no-repeat; 
  margin: 0 auto;
  height: 360px; /* was 365px fda */
  margin-bottom: 0px; /* was -20px fda */
}
div.box-app-text {
  float:left;
  margin:0px;
  text-align:left;
  width:480px;
}

/* jobs page */
div.box-jobs{
  background-image: url("../images/box-app.jpg");
  background-position: bottom right;
  background-repeat: no-repeat; 
  margin: 0 auto;
  min-height: 325px;
  max-height:500px;
}
div.box-jobs-text {
  float:left;
  margin:0px;
  text-align:left;
  width:480px;
}


/* breadcrumbs */
div.breadcrumbs {
  margin-top: 0px;
  margin-bottom: 25px;
  font-size: 0.9em;
  color: black;
}
div.breadcrumbs a {
  text-decoration:none;
}

/* news page */
p.news {
  margin: 0px;
  padding: 0px 0px 10px 0px;
}
div.rss {
  float:right;
  margin: 5px -5px;
  padding: 0px;
}
div.arrows {
  text-align:right;
}

/* news holder */
#content div.newsSummary {
  border-bottom:1px solid black;
  margin-bottom:20px;
  padding-bottom:2px;
}
#content div.newsSummary h2 {
  margin:0px; padding:0px;
  margin-bottom:5px;
}
hr.news {
  margin-bottom:15px;
}
div#page_news, div#page_news-2{
  background-image: url(../images/SpallaSi14.jpg);
  background-repeat: no-repeat;
  background-position: 0 20px;
  margin-bottom: 20px;
}
div#page_news div#leftColumn1, div#page_news-2 div#leftColumn1{
  width: 150px;
}


/* page content */
div.box-empty{
  clear:both;
  height: 25px;
}
#outerWrapper #contentWrapper #content ul {
  padding: 0 30px;
  list-style: square outside none;
}

/* products */
#outerWrapper #contentWrapper ul#productsholder {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 650px;
  list-style: none inside none;
}
#outerWrapper #contentWrapper ul#productsholder li {
  float: left;
  margin-bottom: 15px;
  width: 325px;
}
#contentWrapper div.products img {
  margin:0px 0px 25px 25px;
/*  border:1px solid black;*/
  border: 0;
}
#outerWrapper #contentWrapper #productstab {
  margin:0 auto;
  width:80%;
}

#outerWrapper #contentWrapper #productstab form fieldset div.tab {
  padding-left:30px;
  padding-right:30px;
}

#outerWrapper #contentWrapper #productstab div.productstab-prod{
  margin:8px;
  float:left;
  text-align:center;
  border: 0;
}
#outerWrapper #contentWrapper #productstab div.productstab-prod p{

}

/* partners page */
#outerWrapper #contentWrapper #content_noleft ul#partnersholder {
  float: left;
  margin: 0 0 0 30px;
  width: 450px;
  list-style: none inside none;
}
#outerWrapper #contentWrapper #content_noleft ul#partnersholder li {
  float: left;
  display: block;
  margin: 5px;
  width: 210px;
  height: 150px;
}
div.box-card{
  float: left;
  padding: 3px;
  width: 200px;
  border: 1px solid #396e8f;
  background-color: #e1e9ee;
}
div.card-text{
  clear: both;
  padding-top: 5px;
  display: block;
  text-align: left;
}
div.card-name{
  float: left;
}
div.card-logo{
  float: right;
}
div.card-logo img{
  margin: 0px 5px 0 0;
}

/* generic holder */
ul#holder {
  list-style: none inside none;
}
ul#holder li {
  margin-bottom: 20px;
  margin-right: 40px;
  padding: 10px;
  background-color: #e1e9ee;
  border: 1px dotted #396e8f;
  list-style: none inside none;
}

/* search results */
p.searchQuery {
	margin-bottom: 10px;
}
ul#SearchResults li {
	margin: 20px 0 8px 0;
	list-style-type: none;
	border: 1px dotted #396e8f;
	background-color: #e1e9ee;
	padding: 10px;
}
	ul#SearchResults p {
		font-weight: normal;
		line-height: 2em;
	}
	ul#SearchResults a.searchResultHeader {
		margin: 20px 0 8px 0;
		padding: 2px 20px;
		font-weight: bold;
		text-decoration: none;
		background: url(../images/search.gif) no-repeat center left;
	}
	ul#SearchResults a.readMoreLink {
		text-decoration: none;
		background: none;
	}
		ul#SearchResults a {
			text-decoration: none;
			background: none;
		}
		ul#SearchResults a:hover {
			border-bottom: 1px dotted #396e8f;
		}
#PageNumbers {
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	border: 1px solid #39e68f;
	background: #e1e9ee;
}
#PageNumbers * {
	padding: 0 5px;
	line-height: 1.5em;
}
#PageNumbers a {
	text-decoration: none;
}
	#PageNumbers a:hover {
		text-decoration: underline;
	}


/* Specification tables */
td.spec-left {
}
td.spec-right{
}

tr.spec-row-even {
}
tr.spec-row-odd {
}

tr.spec-row-even td.spec-left, tr.spec-row-even td.spec-right {
  background-color:#E1E9EE;
}
tr.spec-row-odd td.spec-left, tr.spec-row-odd td.spec-right {
  background-color:#9ECBCB;
}

table.spec-table {
  border-width:0px;
  margin-bottom: 20px;
}


div#page_download, div#page_download-2, div#page_download-4{
  background-image: url(../images/SpallaSi14.jpg);
  background-repeat: no-repeat;
  background-position: 0 20px;
  padding-left: 230px;
  margin-bottom: 20px;
}
div#page_download ul.download_list li,
div#page_download-2 ul.download_list li,
div#page_download-3 ul.download_list li,
div#page_download-4 ul.download_list li{
  list-style-image: url(../images/download_list.png);
}

div#page_products, div#page_products-2{
  padding-bottom: 20px;
}


#UserDefinedForm img{
  border: 1px solid #111;
}

#Form_Form{
  margin-bottom: 20px;
}

#UserDefinedForm {
  text-align:center;
}

#UserDefinedForm div.privacy-policy {
  text-align:right;
  font-size:9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  height: 300px;
}
#UserDefinedForm div.form_banner{
  text-align:center;
}
#UserDefinedForm div.form_banner img{
  border: 0;
}

#outerWrapper #contentWrapper #page_jobs #content_noleft,
#outerWrapper #contentWrapper #page_jobs-2 #content_noleft{
  background-image: url(../images/job_col01.jpg);
  background-repeat: no-repeat;
  background-position: 0 26px;
  padding-left: 350px;
  margin-bottom: 20px;
}
#outerWrapper #contentWrapper #page_jobs,
#outerWrapper #contentWrapper #page_jobs-2{
  background-image: url(../images/job_col02.jpg);
  background-repeat: no-repeat;
  background-position: 0 100%;
}

abbr.authorDate {
  font-weight:bold;
}