@charset "iso-8859-1";

/* Set/reset HTML5 elements, see html5doctor.com/html-5-reset-stylesheet */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display:block;
}

td {
 padding:2px;
}

.noMargins td {
 padding:0;
}

body {
 margin:0;
 padding:0;
 font-size:80%;
 line-height:130%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#111;
 background-color:#eeede8;
 text-align:center;
}

#rfiAddress {
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

td {
 vertical-align:top;
}

img {
 border:0;
 margin:2px;
}

a:hover {
 color:#cd251c;
}

#mainContainer {
 width:1240px;
 margin-top:5px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
 border:0px;
}

.outerBox, .innerBox {
 background-color:white;
 border-width:1px;
 border-style:solid;
 border-color:#cccbc6;
}

.outerBox {
 -webkit-box-shadow: 4px 4px 2px #ccc;
 -moz-box-shadow: 4px 4px 2px #ccc;
 box-shadow: 4px 4px 2px #ccc;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
}

.innerBox {
 -webkit-box-shadow: 2px 2px 1px #ccc;
 -moz-box-shadow: 2px 2px 1px #ccc;
 box-shadow: 2px 2px 1px #ccc;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 margin:10px 0px;
 padding:0px 0px 10px 5px;
 text-align:center;
}

.grayBox {
 padding:10px;
 background-color:#efefef;
 border-width:1px;
 border-style:solid;
 border-color:#cccbc6;
 /* shadow */
 -webkit-box-shadow: 2px 2px 1px #ccc;
 -moz-box-shadow: 2px 2px 1px #ccc;
 box-shadow: 2px 2px 1px #ccc;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}

.grayBox td {
 vertical-align:top;
}

#outerTitle { 
  height:14px;
  font-size:0.8em;
  padding-left:20px;
  padding-right:20px;
}

#mainColumn, #rightColumn {
  position:relative;
  float:left;
  left:10px;
  margin-top:5px;
  height:auto;
  padding-left:20px;
  padding-right:20px;
  overflow:auto;
}

#mainColumn {
  width:970px;
}

#rightColumn {
 width:160px;
 margin-left:20px;
 padding-top:10px;
 padding-bottom:10px;
 text-align:center;
}

#logoAndBanner {
 margin:5px 0 0 0;
 padding:0;
 display:block;
 clear:both;
}

#logoAndBannerTable {
 width:100%;
}

#logoAndBannerTable td {
 vertical-align:middle;
 padding:0;
 spacing:0;
}

#searchForm {
 background:#cd251c;
 text-align:left;
 vertical-align:middle;
 color:#fff;
 margin:0px;
 height:60px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 display:block;
 clear:both;
}

#searchForm a {
 color:#fff;
 font-size:0.9em;
}

#searchForm a:hover {
  color:#b1afa3;
}

#searchForm h4 {
 color:white;
 padding-left:35px;
 font-size:22px;
 font-weight:normal;
 position:relative;
 top:3px;
 display:inline;
}

#searchForm img{
 position:relative;
 top:10px;
}

#searchForm .submit {
 background-color:#fff;
 border:0px;
 color:#cd251c;
 font-weight:normal;
 height:21px;
 cursor:pointer;
}

#searchForm .submit:hover {
  color:#40424c;
}

.defaultSubmit {
 color:white;
 background-color:#95948b;
 border:1px solid #95948b;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 position:relative;
 top:1px;
}

.defaultSubmit:hover {
    background-color:#cd251c;
 border:1px solid #cd251c;
}

#footerNavTable td {
 width:240px;
 padding-right:20px;
}

/* Menu */

div#navdiv #nav, #nav ul {
	list-style: none;
}

div#navdiv #nav li {
	float: left;
	width: 134px;
 height:24px;
	overflow: visible;
}

div#navdiv #nav ul {
	position: absolute;
	width: 134px;
	left: -1000px;
}

div#navdiv #nav li:hover ul, #nav li.ie_does_hover ul {
	left: auto;
	background-position: 0 0;
}

div#navdiv #nav a {
	display: block;
	margin: 3px 0;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
 height:24px;
 text-transform: uppercase;
}

div#navdiv ul a {
	font-weight: bold;
	color: #00853e;
	cursor: default;
}

div#navdiv ul li.home {
	border-style: none;
}

div#navdiv ul li {
	background-color: #e8efe8;
	border-left: 2px solid #fff;
	text-align: center;
}

div#navdiv ul li:hover {
	background-color: #ccc;
}

div#navdiv ul ul li {
	text-align: center;
	border-top: 1px solid #fff;
	text-indent: 2px;
	border-left: 1px solid #e8efe8;
}

#col1, #col2 {
 margin:0;
}

#col1 {
  position:relative;
  float:left;
  width:720px;   /* = mainColumn - col2 - margins */
  padding-right:10px;
 margin-top:10px;
}

.mainColumnDiv {
 width:720px;   /* = mainColumn - col2 - margins */
}

#col2 {
 position:relative;
 float:left;
 width:230px;
 padding-left:10px;
}

#contentColumn1 {
  position:relative;
  float:left;
  width:100%;
  padding-right:10px;
}

#contentColumn2 {
 position:relative;
 float:right;
 width:230px;
 padding-left:10px;
}

a {
 color: #111111;
}

h1, .headline {
 color:#cd251c;
 font-weight:normal;
 font-size:1.6em;
 line-height:1.6em;
 margin-bottom:5px;
}

h1 a, .headline a {
 color:#cd251c;
 text-decoration:none;
}

h1 a:hover, .headline a:hover {
 color:#95948b;
}

h2 {
 color:#cd251c;
 font-weight:normal;
 font-size:1.4em;
 line-height:1.4em;
}

h2 a {
 color:#cd251c;
 text-decoration:none;
}

h2 a:hover {
 color:#95948b;
}

h3 {
 font-size:1.2em;
 line-height:1.2em;
}

h3 a {
 color:#cd251c;
 text-decoration:none;
}

h3 a:hover {
 color:#95948b;
}

h4 {
 color:#cd251c;
 font-size:0.9em;
 line-height:1.0em;
 font-weight:bold;
 display:inline;
}

h4 a {
 color:#cd251c;
 text-decoration:none;
}

h4 a:hover {
 color:#95948b;
}

h5 {
 color:#95948b;
 font-size:0.8em;
 line-height:1.0em;
 font-weight:bold;
 text-transform: uppercase;
 margin:7px 0 5px 0;
}

#pageHeader {
 margin:12px 3px 12px 3px;
}

#pageHeaderShare {
 display:inline;
 position:relative;
 top:3px;
 margin-left:20px;
 white-space:nowrap;
}

#pageHeader h1 {
 display:inline;
 position:relative;
 top:1px;
}

#pageHeaderField {
 padding-top:15px; /* must match h1 font size */
 padding-bottom:15px;
}

#pageHeaderField h1 {
 display:inline;
}

.headerShare {
 padding-top:15px; /* must match h1 font size */
}

.hiddenTitle {
 display:none;
}

#shareTable td {
 text-align:center;
}

.rightColumnDiv {
 margin-bottom:10px;
}

#pageFooter {
 clear:both;
}

#pageFooter ul {
  list-style-type:none;
  position:relative;
  left:-40px;
}

#pageFooter .head {
  color:#cd251c;
  font-size:1.4em;
  margin:10px 0px 2px;
  white-space:nowrap;
}

#pageFooter li {
  position:relative;
  color:black;
  padding-bottom:4px;
}
#pageFooter li a {
  text-decoration:none;
}

.columnSeparator {
 width:20px;
}

.separator {
 position:relative;
 top:3px;
}

.centeredDiv {
 text-align:center;
 vertical-align:middle;
}

.clearAll {
 clear:both;
 height:1px;
 overflow:hidden;
}

.headerBar {
  height:22px;
  line-height:22px;
  color:white;
  background-color:#cd251c;
  vertical-align:middle;
  font-weight:bold;
  padding-left:5px;
 margin-top:10px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}

.headerBar-test {
  height:22px;
  font-size:1.6em;
  color:#cd251c;
  background-color:#fff;
 font-weight:bold;
  padding-left:5px;
 margin-top:10px;
 border-top:5px solid #cd251c;
}



.dataTable {
 margin-top:15px;
}

.dataTable td {
 border-bottom:1px dotted #cdcbcd;
 height:24px;
 padding:5px 2px 0 2px;
}

.catCodeFld {
 width:28px;
 white-space:nowrap;
}

.tableBlack {
 background: #cd251c;
 font-weight: bold;
 color: white;
}

.tableBlack td {
 border-bottom:0;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}

.tableBlack a {
  text-decoration: underline
}

.tableBlack a:hover {
 text-decoration: underline;
 color: #ccc;
}

.tableBlack a:active {
 text-decoration: underline;
 color: #CAE37C
}

.tableDarkGrey {
 background-color: #95948b;
 color:white;
}

.tableDarkGrey td {
 border-bottom:0;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}

.tableDarkGrey a {
 color:white;
 text-decoration:underline;
}

.tableDarkGrey a:hover {
 color: #ccc;
 text-decoration: underline;
}

.tableDarkGrey a:active {
 color:white;
 text-decoration:underline;
}

.sideNav {
 width:100%;
}

.sideNav ul { 
 list-style:none;
 font-size:0.8em;
}

.sideNav li {
 float:left;
 width:100%;
 height:20px;
 margin-bottom:4px;
 margin-left:-22px;
 position:relative;
}

.sideNav li a.lev1 {
 float:left;
 width:100%;
 height:20px;
 line-height:20px;
 color:#fff;
 font-weight:bold;
 text-indent:9px;
 background-color:#95948b;
 text-decoration:none;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
}

.sideNav li a.lev1:hover {
 background-color:#cd251c;
}

.tableNav {
 color:#666;
 font-size:0.8em;
}

.tableNav a {
 color:#666;
}

.tableNav a:hover {
 color:#ccc;
}

.shiftDown1Px {
  position: relative;
  top: 1px;
}

/* Product / news item tables */

.item_table {
 margin-top:-10px;
 padding-bottom:5px;
}	

.item_list { 
 width:100%;
 min-height:300px;
 padding-top:5px;
 position:relative;
 left:-12px;
 -webkit-padding-start:20px;
}

.item_list li {
 float:left;
 width:210px;
 height:290px;
 padding:12px 9px 0 9px;
 margin-right:7px;
 background:#fff;
 list-style:none;
 text-align: center;
 border:1px solid white;
}

.item_list li:hover {
 border:1px solid #cccbc6;
 position:relative;
 left:5px;
 top:5px;
 -webkit-box-shadow: 2px 2px 1px #ccc;
 -moz-box-shadow: 2px 2px 1px #ccc;
 box-shadow: 2px 2px 1px #ccc;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}

/*
.item_list li:active {
 left:5px;
 top:5px;
 -moz-box-shadow:none;
 -webkit-box-shadow:none;
 box-shadow:none;
}
*/

.item_list li .item_img {
 margin-bottom:15px;
}

.item_list li .item_title {
 margin-bottom:10px;
 min-height:40px;
}

.item_list li a {
 text-decoration:none;
}

/* Lists in right hand column */

.side_table {
 margin-top:-10px;
 padding-bottom:5px;
}	

.side_list { 
 width:100%;
 padding-top:5px;
 position:relative;
 left:-32px;
}

.side_list li {
 float:left;
 width:180px;
 padding:12px 9px 0 9px;
 background:#fff;
 list-style:none;
 text-align: center;
 border:1px solid white;
}

.side_list li:hover {
 border:1px solid #cccbc6;
 position:relative;
 left:5px;
 top:5px;
 -webkit-box-shadow: 2px 2px 1px #ccc;
 -moz-box-shadow: 2px 2px 1px #ccc;
 box-shadow: 2px 2px 1px #ccc;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}

.side_list li .side_img {
 max-width:180px;
 margin-bottom:15px;
}

.side_list li .side_summary {
 margin-bottom:10px;
}

.side_list li a {
 text-decoration:none;
}


.treeNodeSelected { background-color: #cd251c; font-weight: bold; color: #FFFFFF;}
a.treeNodeSelected:link { background-color: #cd251c; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.treeNodeSelected:visited { background-color: #cd251c; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.treeNodeSelected:hover { background-color: #cd251c; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.treeNodeSelected:active { background-color: #cd251c; font-weight: bold; color: #FFFFFF; text-decoration: none;}

.rightFrameEdge {
 background: white;
 border: 1px solid #95948b;
 -webkit-box-shadow: 2px 2px 1px #ccc;
 -moz-box-shadow: 2px 2px 1px #ccc;
 box-shadow: 2px 2px 1px #ccc;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}

.rightFrameTitle {
 color:white;
 font-weight: bold;
 background: #95948b;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}

.tableCentered td {
 vertical-align:middle;
}

/* ------------------ carousel --------------------- */

.stepcarousel {
 position:relative; /*leave this value alone*/
 overflow:scroll; /*leave this value alone*/
 width:710px;
 height:300px; /*Height should enough to fit largest content's height*/
 margin-bottom:0px;
 clear:both;
}

.stepcarousel .belt {
 position: absolute; /*leave this value alone*/
 left:0;
 top:0;
}

.carousel1_wrap {
 margin:10px 0px 6px 0px; /* distance between the main image carousel and the suche box */
 width:695px;
 height:300px;
}

.stepcarousel img {
 max-width:450px;
 max-height:300px;
}

.carousel1_l {
 width:450px;
 float:left;
 text-align:center;
 vertical-align:middle;
}

.carousel1_r {
 width:230px;
 float:left;
 padding-left:15px;
 padding-top:10px;
 padding-right:15px;
 vertical-align:top;
}

.carousel1_wrap h2 {
 font-size:1.4em;
 line-height:1.4em;
 margin-bottom:15px;
}

.carousel1_wrap p {
 color:#111;
 font-size:1.2em;
 line-height:1.2em;
 margin-bottom:15px;
}

.stepcarousel .panel {
 float:left; /*leave this value alone*/
 overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
 margin-right:0px; /*margin around each panel*/
 width:260px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
 width:710px;
 height:300px;
}

.home_news_link {
 color:#cd251c;
}