/*************************************************************************************************************/
/*                                               PAGE NAVIGATION                                             */
/*************************************************************************************************************/


/* --- Pages navigation --- */ 
div.ArticleNavigation {
  clear: both;
  margin: 0em;
  padding: 0em; }
div.SplitDescription {
  color: #222222;
  font-size: 0.75em;                                     /* 12px -> 0.75em -> ratio: 16/12 */
  line-height: 1.125em;                                    /* 11×1.125=14 */
  float: left;
  margin: 0.15em 1.33em 0.15em 2.67em;                      /* ratio: 16/12  */
  padding: 0em; }
div.SplitNavigation {
  float: right;
  margin: 0em 2em 0em 1em;
  padding: 0em; }

a.SplitNavImg {
  float: left;
  width: 1.125em;
  height: 1.125em;
  margin: 0em 0.2em 0em 0.2em;
  padding: 0em; }
a.SplitNavStart {
  background: url('../images/icons/nav_start.png') no-repeat; }      /* 18x18px -> 1.125x1.125em */
a.SplitNavStart:hover {
  background: url('../images/icons/nav_start_hover.png') no-repeat; }      /* 18x18px -> 1.125x1.125em */
a.SplitNavPrev {
  background: url('../images/icons/nav_prev.png') no-repeat; }      /* 18x18px -> 1.125x1.125em */
a.SplitNavPrev:hover {
  background: url('../images/icons/nav_prev_hover.png') no-repeat; }      /* 18x18px -> 1.125x1.125em */
a.SplitNavNext {
  background: url('../images/icons/nav_next.png') no-repeat; }      /* 18x18px -> 1.125x1.125em */
a.SplitNavNext:hover {
  background: url('../images/icons/nav_next_hover.png') no-repeat; }      /* 18x18px -> 1.125x1.125em */
a.SplitNavEnd {
  background: url('../images/icons/nav_end.png') no-repeat; }      /* 18x18px -> 1.125x1.125em */
a.SplitNavEnd:hover {
  background: url('../images/icons/nav_end_hover.png') no-repeat; }      /* 18x18px -> 1.125x1.125em */

a.SplitNavTxt, span.SplitNavTxt {
  font-size: 0.688em;                                     /* 11px -> 0.688em -> ratio: 16/11*/
  line-height:1.125em;                                    /* 11×1.125=14 */
  float: left;
  border: 0.09em solid #bc0a08;                           /* 1px -> 0.09em, ratio: 16/11 */
  margin: 0em 0.29em 0em 0.29em;                          /* ratio: 16/11  */
  padding: 0.15em 0.29em 0.15em 0.29em;                   /* ratio: 16/11  */
  background: #ffffff; }
span.SplitNavSel {
  color: #ffffff;
  background: #bc0a08; }
a.SplitNavTxt:link, a.SplitNavTxt:visited {
  color: #232323; }
a.SplitNavTxt:hover {
  color: #ffffff;
  background: #bc0a08; }






/*************************************************************************************************************/
/*                                                 ARTICLES                                                  */
/*************************************************************************************************************/



h3.ArticleHeading {
  color: #b20000;
  font-weight: bold;
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.125em;                                 /* 13×1.125=16 */
  clear: both;
  margin: 0.4em 0em 0em 0em;
  padding: 0.1em 0.8em 0.1em 0.8em; 
  background: #ededed; }
h3.ArticleHeading span {
  font-weight: normal;
  font-size: smaller; }
h3.ArticleHeading a:link, h3.ArticleHeading a:visited {
  color: #b20000; }
h3.ArticleHeading a:hover {
  color: #da0000; }

div.ArticleContent {
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.125em;                                 /* 13×1.125=16 */
  text-align: justify;
  margin: 0.4em 0.8em 0em 0.8em;
  padding: 0em 0em 0.8em 0.8em }
div.ArticleContent img.ArtIntro {
  clear: left;
  float: left;
  margin: 0em 0.8em 0.8em 0em; }


/*************************************************************************************************************/
/*                                                 CATALOGUE                                                 */
/*************************************************************************************************************/




/* --- Product cataloge page --- */ 
img#ManufacturerLogo {
  float: right;
  clear: right;
  margin: -1.0em 0.8em 0.0em 1.6em; }

img.DescImage {
  float: left;
  border: 0.077em solid #aaaaaa;
  margin: 1.4em 2.4em 1em 1em; 
  padding: 0.769em;                                /* ratio: 16/13 */
  background: #eeeeee; }
 
div.CatalogueContent {
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.125em;                                 /* 13×1.125=16 */
  text-align: justify;
  margin: 0.4em 0.8em 0em 0.8em;
  padding: 0em 0em 0.8em 0.8em }


/*************************************************************************************************************/
/*                                                 CATALOGUE TABLES                                      */
/*************************************************************************************************************/

div.CatalogueHeading {
  position: relative;
  min-height: 1.8em;
  clear: both;
  margin: 0em 0.063em 0.063em 0.063em;                   
  padding: 0em;
  background: url('../images/layout/page_catalogue_heading.png') repeat-x; }     /* 32px -> 2em */
h2.CatalogueHeading {
  position: relative;
  color: #ffffff;
  font-weight: normal;
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.25em;                                 /* 13×1.125=16 */
  min-height: 1.8em;                                     /* ratio: 16/13*/
  margin: 0em;                                         /* ratio: 16/13*/
  padding: 0.68em 0em 0em 5em; 
  background: url('../images/layout/page_catalogue_heading_left.png') no-repeat; }       /* 52x32px -> 4x2.462em -> ratio: 16/13*/
h2.CategoriesHeading span {
  font-size: 0.846em; }                                /* 11px -> 0.846em -> ratio: 16/13*13/11 */


div.CatalogueHeading div.BgCategories {
  width: 13.75em;
  height: 2.0em;
  background: url('../images/layout/page_catalogue_heading_right_categories.png') no-repeat; }      /* 220x32px -> 6.25x2em */
div.CatalogueHeading div.BgProducts {
  width: 9.875em;
  height: 2.0em;
  background: url('../images/layout/page_catalogue_heading_right_products.png') no-repeat; }      /* 158x32px -> 6.25x2em */
div.CatalogueHeading div.BgPages {
  width: 7.25em;
  height: 2.0em;
  background: url('../images/layout/page_catalogue_heading_right_pages.png') no-repeat; }      /* 116x32px -> 6.25x2em */
div.CatalogueHeading div.BgFiles {
  width: 4.625em;
  height: 2.0em;
  background: url('../images/layout/page_catalogue_heading_right_files.png') no-repeat; }      /* 74x32px -> 6.25x2em */
div.CatalogueHeading div.BgArts {
  width: 9.5em;
  height: 2.0em;
  background: url('../images/layout/page_catalogue_heading_right_arts.png') no-repeat; }      /* 152x32px -> 6.25x2em */
div.CatalogueHeading div.BgOrders {
  width: 12em;
  height: 2.0em;
  background: url('../images/layout/page_catalogue_heading_right_orders.png') no-repeat; }      /* 192x32px -> 12x2em */


div.CatalogueNav {
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.25em;                                 /* 13×1.125=16 */
  text-align: right;
  margin: 0em 0.063em 0em 0.063em;                    /* 1px -> 0.063em */
  padding: 0.15em; 
  background: #ededed; }
div.CatalogueNav img {
  vertical-align: middle;
  margin: 0em; }

table.Catalogue {
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.25em;                                 /* 13×1.125=16 */
  color: #000000;
  width: 100%;
  clear: both;
  margin: 0em 0em 0.4em 0em; 
  background: #fafafa; }

table.Catalogue a {
  color: #000000; }
table.Catalogue a:link, table.Catalogue a:visited {
  color: #000000; }
table.Catalogue a:hover {
  color: #ac0000; }

  

table.Catalogue td.Doc, table.Catalogue th.Doc {
  width: 1.077em; }                              /*  ratio: 16/13 */
table.Catalogue td.Type, table.Catalogue th.Type {
  width: 3em; }                                 /*  ratio: 16/13 */
table.Catalogue td.Size, table.Catalogue th.Size {
  width: 5em; }                                /*  ratio: 16/13 */
table.Catalogue td.Size {
  text-align: right;  }
table.Catalogue td.Name span {
  font-size: 0.846em; }                                /* 11px -> 0.846em -> ratio: 16/13*13/11 */


table.Catalogue tr.Selected {
  background: #b1b1b1; }
table.Catalogue tr.Simple:hover, table.Catalogue tr.Complex:hover {
  background: #b1b1b1; }
table.Catalogue td.Image img {
  width: 3.692em;              /* 48px -> ratio: 16/13 */
  height: 3.692em; }             /* 48px -> ratio: 16/13 */

table.Catalogue tr.SubRec td {
  padding: 0.077em; }
table.Catalogue tr.SubRec:hover {
  background: #fafafa; }
table.Catalogue tr.SubRec td span {
  font-size: x-small;
  margin: 0px 0px 0px 8px; }

table.Catalogue tr.Summary {
  font-weight: bold;
  text-align: right;
  height: 3em; }
table.Catalogue td.Clear {
  background: #fafafa; }


div.CatalogueGraph {
  font-size: 0.75em;                                 /* 12px -> 0.75em -> ratio: 16/12 */
  line-height: 1.25em;                            
  text-align: center;
  margin: 0em 0.083em 0em 0.083em;                    /* 1px -> 0.083em */
  padding: 0.15em; 
  background: #ededed; }
div.CatalogueGraphContainer {
  text-align: left;
  display: inline-block;
  width: 100%;
  margin: 0em;
  padding: 0em; }

div.Cell {
  width: 12.6em;                                    
  text-align: center;
  vertical-align: top;
  display: inline-block;
  margin: 0.3em 0.1em 0.3em 0.1em;
  padding: 0em; }
div.Cell img {
  width: 10.667em;                                       /* 128x128px -> 10.667x10.667em -> ratio: 16/12 */
  /*height: 9.75em;*/
  border: 0.083em solid #888888;                           /* 1px -> 0.083em, ratio: 16/12 */
  margin: 0em;
  padding: 0em; }
div.Cell img:hover {
  border: 0.083em solid #be0e0e; }                          /* 1px -> 0.083em, ratio: 16/12 */
div.Cell span {
  font-weight: normal;
  font-size: 0.833em; }                                /* 10px -> 0.846em -> ratio: 16/12*12/10 */
div.Cell a, div.Cell a:link, div.Cell a:visited {
  color: #000000; }
div.Cell a:hover {
  color: #be0e0e; }



table.Store {
  color: #000000;
  width: 100%;
  clear: both;
  margin: 0em 0em 0em 0em;
  background: #b1b1b1; }

table.Store tr {
  background: #fafafa; }
table.Store td.Price {
  text-align: center;
  width: 3.8em;
  background: #ededed; }
table.Store td.Currency {
  width: 3.0em; }
table.Store td.Amount {
  text-align: center;
  width: 4.8em; 
  background: #ededed; }
table.Store td.Order {
  width: 5.0em; }
table.Store td.Basket {
  width: 2.2em; }
table.Store td.Compl {
  text-align: left; }

table.Documentation {
  color: #000000;
  text-align: left; 
  width: 100%;
  clear: both;
  margin: 0.0em 0em 0.1em 0em; }

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