/******************************

Default elements h1, h2, p, etc.

Logotype grey: 7E7E7E
Grey : D6D7D6
Blue : 185384
Lightblue: 1D639E

******************************/
html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}
body {
	background-image: url(../images/back/pageBg1.gif);
	background-repeat: repeat-x;
	background-color: #195484;
	background-attachment: scroll;
	font-family: arial, verdana;
	height: 100%;
	margin: 0;
	font-size: 12px;
}
textarea {
	width: 100%;
	height: 200px;
}
h1 {
	color: #1D639E;
	font-size: 2em;
	margin: 0 0 8px 0;
	padding: 0;
}
h2 {
	color: #1D639E;
	font-size: 2em;
	margin: 0 0 10px 0;
	padding: 0;
}
h3 {
	margin: 0;
	padding:0;
}
.Preamble {
	color: #333;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 13px 0;
	padding:0;
}
.MainBody {
	color: #333;
}
p {
	color: #333;
	margin: 0 0 12px 0;
	padding: 0;
}
a {
	color: #185384;
}
img {
	border: none;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
li {
	background: url(../images/back/listStyleBg.gif) 0 5px no-repeat;
	padding: 0 0 4px 15px;
}
ol li {
	background: none;
	padding: 0;
}
li a {
	font-weight: bold;
}
li a:hover {
	text-decoration: none;
}

/******************************

Layout

******************************/
#root {
	margin: 0 auto;
	padding: 0;
	width: 794px;
}
#header {
	height: 53px;
	padding: 24px 0 0 0;
}
#navigationTop {
	
}
#content {
	background: #FFF;
	display: inline;
	float: left;
	margin: 15px 0 10px 0;
	min-height: 400px;
	_height: 400px;
	width: 100%;
	padding: 10px 0 15px 0;
	position: relative
}
#footer {
	clear: both;
	color: #D6D7D6;
	font: normal 11px arial, verdana;
	_margin-top: 9px;
	padding: 8px 0px 7px 0;
	width: 794px;
}
/******************************

Classes, misc.

******************************/
/*Zones*/
.ColumnA {
	display: inline;
	float: left;
	width: 100%;
}
.ColumnB {
	background: #FFF;
	display: inline;
	float: left;
	margin: 16px 0 0 0;
	width: 100%;
	padding: 10px 0 15px 0;
	position: relative
}
.ColumnC {
	display: inline;
	float: left;
	width: 220px;
}
.ColumnD {
	display: inline;
	float: left;
	width: 545px;
}
.ColumnE {
	display: inline;
	float: left;
	padding: 0 0 0 20px;
	width: 753px;
}
.ColumnF {
	display: inline;
	float: right;
	padding: 0 20px 0 0;
	width: 200px;
}
.ColumnG {
	display: inline;
	float: left;
	width: 350px;
}
.ColumnContainerA {
	display: inline;
	float: left;
	width: 570px;
}

/*Start page image*/
.StartPageImage {
	background: url(../images/back/startPageImageBg3.gif) no-repeat;
	height: 283px;
	margin-left: -4px;
	width: 805px;
}
.StartPageImage img {
	height: 250px;
	left: 16px;
	width: 770px;
	top: 15px;
}
.StartPageImage .img {
	background-repeat: no-repeat;
	background-position: 16px 16px;
	height: 100%;
	width: 100%;
}

/*Call out*/
.CallOut {
	display: inline;
	float: left;
	margin: 0 21px 0 0;
	width: 294px;
}
.CallOut div.image {
	background: #7E7E7E;
	clear:both;
	display: block;
	height: 178px;
	margin: 0;
	overflow: hidden;
}
.CallOut img {
	display: block;
	/*height: 100%;*/
	margin: 0;
	text-align: center;
	/* width: 294px; */
}
.CallOut a.url {
	background: #D6D7D6 url(../images/back/callOutBg.gif) no-repeat;
	color: #666;
	display: block;
	font: bold 12px arial;
	height: 22px;
	margin: -2px 0 0 0;
	padding: 18px 15px 0 0;
	position: relative;
	text-align: right;
	text-decoration: none;
}
.CallOut a.url:hover {
	color: #FFF;
	text-decoration: none;
}
.CallOut p {
	color: #7E7E7E;
	font: normal 11px arial;
	height: 43px;
	margin: 10px 0 0 2px;
	padding: 0;
	width: 230px;
	overflow: hidden;
}

/*Call out 3*/
#callOut3 {
	margin-right: 0;
}
#callOut1 img {
	margin-top: -85px;
}

/* Presentation block */
.PresentationBlock {
	display:inline;
	float: left;
	padding: 0 25px 0 35px;
	margin: 0;
	width: 450px;
}

/*News*/
.NewsList {
	display: inline;
	float: left;
	margin: 0 0 0 35px;
	width: 230px;
}
.NewsItem p span {
	color: #1D639E;
	display: block;
	font-weight: bold;
}
.NewsItem p {
	
}
.NewsItem a.url {
	color: #333;
	text-decoration: none;
	
}
.NewsItem a.url:hover {
	/*color: #D6D7D6;*/
	text-decoration: underline;
}
.NewsItem a.url span {
	background: url(../images/back/buttonWhite.gif) top right no-repeat;
	height: 17px;
	position: absolute;
	right: 0;
	top: 0;
	width: 3px;
}

/* Banner */
.banner {
	background: #1D639E;
	height: 232px;
	margin: 0 0 0 0;
	position: relative;
	overflow: hidden;
}
.banner p {
	color: #FFF;
}
.banner .content {
	left: 20px;
	position: absolute;
	top: 15px;
	z-index: 1;
}
.banner h2 {
	color: #FFF;
	width: 500px;
}
.banner .text {
	color: #FFF;
	width: 500px;
}
.banner .text img {
	position: static;
	bottom: auto
}
.banner img {
	left: 0;
	position: absolute;
	bottom: 0;
}
.banner a {
	border: solid 1px #FFF; 
	bottom: 15px;
	color: #fff;
	padding: 4px 8px 4px 7px;
	position: absolute;
	right: 15px;
	text-decoration: none;
}
.banner a:hover {
	text-decoration: underline;
}

/* Text content */
.TextContent {
	padding: 0 0 0 0;
	margin: 0;	
}

/* Content image */
.contentImage {
	width: 200px;
}
.contentImage img {
	display: block;
	margin: 0 0 15px 0;
	padding: 6px 0 0 0;
	width: 200px;
}

/*Product category group list*/
.ProductCategoryGroupList {
	margin: 10px 0 0 0;
}
.ProductCategoryGroup {
	border-top: solid 1px #ccc;
}
.ProductCategoryGroup .container {
	clear: both;
	min-height: 69px;
	padding: 15px 15px 0 0px;
}
* html .ProductCategoryGroup .container {
	height: 69px;
}
.ProductCategoryGroup a {
	font: bold 12px arial, verdana;
	text-decoration: none;
}
.ProductCategoryGroup p {
	margin: 5px 0 0 0;
}

/*Product category list*/
.ProductCategoryList {
	border-collapse: collapse;
	border: none;
	width: 100%;
}
.ProductCategoryList th, 
.ProductCategoryList td {
	border: solid 1px #6796BE;
}
.ProductCategoryList th {
	background-color: #6796BE;
	color: #FFF;
	padding: 6px 5px 5px 5px;
	text-align: left;
}
.ProductCategoryList td {
	vertical-align: top;
	height: 43px;
	padding: 4px 5px 4px 5px;
}
.ProductCategoryList td.Name {
	vertical-align: middle;
}
.ProductCategoryList td.Thumbnail {
	padding: 5px 5px 0 5px;
	text-align: center;
	vertical-align: middle;
	width: 63px;
}
.ProductCategoryList td.Thumbnail div {
	height: 43px;
	overflow: hidden;
}
.ProductCategoryList td.Thumbnail img {
	isplay: block;
	idth: 63px;
	eight: 49px;
}
.ProductCategoryList td.Pdf div {
	padding-top: 0
}
.ProductCategoryList td.Pdf {
	width: 110px;
	vertical-align: middle;
}
.ProductCategoryList td.Pdf a {
	background: url(../images/back/iconPdf.gif) no-repeat;
	display: block;
	padding: 0 0 0 21px;
	height: 17px;
}
.ProductCategoryList td.Driver div {
	padding-top: 0
}
.ProductCategoryList td.Driver {
	width: 140px;
	vertical-align: middle;
}
.ProductCategoryList td.Driver a {
	background: url(../images/back/iconPdf.gif) no-repeat;
	display: block;
	padding: 0 0 0 21px;
	height: 17px;
}
.ProductCategoryList a {
	color: #333;
	text-decoration: none;
}
.ProductCategoryList a:hover {
	text-decoration: underline;
}
.ProductCategoryList td.Separator {
	border: none;
	font-size: 1px;
	height: 1px;
}

/*News portal list*/
.NewsPortalList {
	/*border-top: solid 4px #185384;*/
	margin: -13px 0 0 0;
	padding: 15px 0 0 0;
}
.NewsPortalListItem {
	border-bottom: solid 1px #ccc;
	margin: 0 0 15px 0;
	padding: 0 5px 5px 0px;
}
.NewsPortalListItem span{
	color: #666;
	display: block;
	font-size: 11px;
	margin: 0 0 1px 0;
}
.NewsPortalListItem a {
	font: bold 12px arial, verdana;
	text-decoration: none;
}
.NewsPortalListItem h3,
.NewsPortalListItem h3 a {
	color: #333;
	margin: 0;
	padding: 0; 
}
.NewsPortalListItem h3 a:hover {
	color: #000;
	text-decoration: underline
}
.NewsPortalListItem p {
	margin: 0;
	padding: 0 0 5px 0;
}
.NewsPortalListItem a.link {
	float: right;
}
.NewsPortalListItem a.link:hover {
	text-decoration: underline
}


/* Image gallery */
.ImageGallery {
}
.ImageGallery .image {
	display: inline;
	float: left;
	border: solid 1px #D6D7D6;
	margin: 0 8px 15px 9px;
	padding: 4px;
}
.ImageGallery img {
	display: block;
	margin: 0 0 0 0;
}

/* Bread crumbs */
#breadCrumbs {
	font: normal 12px arial;
	margin: 0 0 7px 0;
	height: 15px;
	width: 100%;
}
#breadCrumbs a {
	color: #7E7E7E;
	display: inline;
	float: left;
	font: normal 12px arial;
	margin: 0;
	text-decoration: none;
}
#breadCrumbs a.Active {
	color: #7E7E7E;
}
#breadCrumbs a:hover {
	text-decoration: underline;
}
#breadCrumbs span {
	color: #7E7E7E;
	display: inline;
	float: left;
	font: normal 12px arial;
	margin: 0 4px 0 4px;
}
#breadCrumbs span.description {
	color: #7E7E7E;
	display: inline;
	float: left;
	font: bold 12px arial;
	margin: 0 6px 0 0;
}

/* Navigation top */
/*Level 1*/
#navigationTop ul {
	margin: 0;
	padding: 0;
	height: 22px;
	list-style: none outside;
	position: relative;
	z-index: 2;
}
#navigationTop li {
	background: none;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
#navigationTop li a {
	color: #7E7E7E;
	display: block;
	font: bold 12px arial, verdana;
	padding: 5px 12px 5px 10px;
	text-decoration: none;
}
#navigationTop li a:hover {
	color: #185384;
}
#navigationTop li.Active a,
#navigationTop li.Active a:hover,
#navigationTop li.InBreadCrumb a {
	color: #185384;
}

/*Level 2*/
#navigationTop li ul {
	display: none;
}
#navigationTop ul ul {
	background: #D6D7D6;
	height: auto;
	margin: 0;
	padding: 5px 5px 10px 0;
	list-style: none outside;
	position: absolute;
	z-index: 1;
}
#navigationTop li li {
	float: none;
	margin: 0 10px 0 0;
}
#navigationTop li li a {
	color: #000;
	display: block;
	font: normal 12px arial, verdana;
	padding: 5px 0 0 15px;
	text-decoration: none;
	width: 180px;
}
#navigationTop li li a:hover {
	color: #1D639E;
}
#navigationTop li li.Active a,
#navigationTop li li.Active a:hover {
	color: #1D639E;
}
#navigationTop li.InBreadCrumb ul {
	
}
#navigationTop li ul.show {
	display: block;
}

/*Navigation left*/
#NavigationLeft {
	margin: 0 0 15px 16px; 
	width: 175px;
}
#NavigationLeft h2 {
	background-color: #6796BE;
	color: #FFF;
	font: bold 12px arial, verdana;
	margin: 0 0 2px 0;
	padding: 5px 5px 6px 6px
}
#NavigationLeft h2 a {
	color: #FFF;
	display: block;
	text-decoration: none;
}

#NavigationLeft ul {
	list-style: none outside;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#NavigationLeft li {
	margin: 0 0 0 0;
	padding: 0;
}
#NavigationLeft li a {
	background: #F2F2F2;
	color: #555;
	display: block;
	font: bold 12px arial, verdana;
	height: 20px;
	margin: 0 0 2px 0;
	padding: 5px 0 0 4px;
	text-decoration: none;
}
#NavigationLeft li a:hover {
	text-decoration: underline;
}
#NavigationLeft li.Active a {
	text-decoration: underline;
}
/*Level 1*/
#NavigationLeft ul {
	
}
#NavigationLeft li a {
	
}
#NavigationLeft li.InBreadCrumb a {
	text-decoration: underline;
}
/*Level 2*/
#NavigationLeft ul ul {
	
}
#NavigationLeft li li {
	background: none;
	font-weight: normal;
}
#NavigationLeft li li a {
	background: #F6F9FB;
	font-weight: normal;
	padding-left: 15px;
}
#NavigationLeft li.InBreadCrumb li a {
	text-decoration: none;
}
#NavigationLeft li li.InBreadCrumb a {
	text-decoration: underline;
}
/*Level 3*/
#NavigationLeft ul ul ul {
	
}
#NavigationLeft li li li {
	
}
#NavigationLeft li li li a {
	background: #F8FAFC url(../images/back/listStyleBg.gif) 25px 9px no-repeat;
	font-weight: normal;
	padding-left: 40px;
}
#NavigationLeft li li.InBreadCrumb li a {
	text-decoration: none;
}
#NavigationLeft li li.InBreadCrumb li a {
	text-decoration: none;
}
#NavigationLeft li li li.Active a {
	text-decoration: underline;
}

/*Product document list*/
.ProductDocumentList {
	margin: 0;
	width: 200px;
}
.ProductDocumentList h2 {
	background-color: #7E7E7E;
	color: #FFF;
	font: bold 12px arial, verdana;
	margin: 0;
	padding: 5px 5px 6px 6px
}
.ProductDocumentList h2 a {
	color: #FFF;
	text-decoration: none;
}
.ProductDocumentList ul {
	list-style: none outside;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
.ProductDocumentList li {
	margin: 0 0 2px 0;
	padding: 0;
}
.ProductDocumentList li a {
	background: #F6F9FB;
	color: #333;
	display: block;
	font: normal 12px arial, verdana;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 4px;
	text-decoration: none;
}
.ProductDocumentList li a:hover {
	text-decoration: underline;
}
.ProductDocumentList li.active a {
	text-decoration: underline;
}

/*Round corners*/
.RoundTop {
    background: url(../images/back/roundBg.gif);
    height: 10px;
    left: 0;
	width: 100%;
	position: absolute;
	top: -10px;
}
.RoundBottom {
    background: url(../images/back/roundBg.gif) 0 100%;
    bottom: -10px;
    height: 10px;
    left: 0;
    width: 100%;
	position: absolute;
}

/* 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 */

/* Page Type styles override */
/* StartPage */
.StartPage #content {
	background: transparent;
	display: block;
	float: none;
	margin: 0;
	margin-bottom: 10px;
	width: 100%;
	padding: 0;
	position: static;
}
/* ProductPage */
.ProductPage .TextContent {
	display: inline;
	float: left;
	width: 325px;
}

/* Solidity */
.Solidity {
	display: inline;
	float: left;
	margin: 0 0 -15px -10px;
}