
/*************************************************************************************************************/
/*                                                BODY                                                       */
/*************************************************************************************************************/


body {
  min-width: 62em;
  font-family: Verdana, Tahoma, Arial, Sans-serif; 
  font-size: 100.1%;                                 /* default: 1em = 16px */
  line-height: 1.125em;                               /* 16×1.125=18 */
  color: #000000;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background: #000000 url('../images/layout/background.png') repeat-x; }

div {
  margin: 0em;
  padding: 0em; }
.Block {
  display: inline-block; }
 

a { 
  text-decoration: none; }
a:link, a:visited {
  color: #800a0a; }
a:hover {
  color: #be0e0e; }

img {
  vertical-align: middle;
  border: none; 
  margin: 0.154em; }
  
code { 
  font-family: Courier, Sans-serif, Tahoma, Verdana, arial; }

.Hidden {
  display: none; }


h3 {
  font-weight: bold;
  font-size: 1.1em;             
  line-height: 1.25em;
  margin: 1em 0em 0.4em 1em;
  padding: 0em; }

p {
  text-align: justify;
  margin: 0em 0em 0.6em 0em;
  padding: 0em; }
  
ol {
  margin: 0.2em 0.2em 0.2em 1.8em;
  padding: 0em }
ul {
  list-style-type: disc; 
  margin: 0.2em 0.2em 0.2em 1.8em;
  padding: 0em; }
li {
  margin: 0.3em 0em 0.3em 0em;
  padding: 0em; }

hr {
  border-width: 0.063em;                              /* 1px -> 0.063em */
  border-style: solid; 
  border-color: #bc0a08;
  margin: 1em 30% 1em 30%;
  background: #bc0a08; }

/* --------------- Classes --------------- */
 
.AlignCenter {
  text-align: center; }
.AlignRight {
  text-align: right; }
.AlignLeft {
  text-align: left; }

.VertMiddle {
  vertical-align: middle; }
.VertTop {
  vertical-align: top; }
.VertBottom {
  vertical-align: bottom; }

.FloatRight {
  float: right;
  clear: right;
  margin: 0.2em;
  padding: 0em; }
.FloatLeft {
  float: left;
  clear: left;
  margin: 0.2em;
  padding: 0em; }

.ClearLeft {
  clear: left; }
.ClearRight {
  clear: right; }
.ClearBoth {
  clear: both;
  margin: 0em 0.8em 0.8em 0.8em;
  padding: 0em; }

.MarginAuto {
  margin-left: auto;
  margin-right: auto; }
.WidthMax {
  width: 100%; }

.TxtSmaller {
  font-size: 0.813em; }
.TxtLarger {
  font-size: 1.23em; }
.TxtBold {
  font-weight: bold; }

.NoMargin {
  margin: 0em;
  padding: 0em; }




/* --------------- Other --------------- */








.HeadingRight {
  position: absolute;
  right: 0em;
  float: right; }
.HeadingRightIcon {
  position: relative;
  right: 0em;
  z-index: 1;
  float: right; }





.Form {
  margin: 0.2em; }
.Form ul {
  list-style-type: none;
/*  display: inline-block;*/
  vertical-align: top;
  margin: 0em;
  padding: 0em; }
.Form li {
  margin: 0.2em 0.2em 0.2em 0.2em;                        /* ratio: 16/13 */
  padding: 0em; }
.Form .IdentStyle {
  padding: 0em 0em 0em 10.2em; }
.IdentStyle2 {
  margin: 0em 0em 0em 12.2em; }

.Form span {
  text-align: right;
  vertical-align: middle;
  display: inline-block;
  width: 10em;
  margin: 0em; }                               /* ratio: 16/13*/
.Form input.Radio {
  vertical-align: middle;
  margin: 0em; }                              /* ratio: 16/13*/
.Form input.Checkbox {
  vertical-align: middle;
  margin: 0em; }                              /* ratio: 16/13*/
.Form input.Disabled {
  color: #555555;
  background: #eeeeee; }                                   /* ratio: 16/13*/





.Form textarea {
  vertical-align: top;
  height: 6em;
  width: 30em;
  border: 1px solid #c0c0c0;
  margin: 0em; }                              /* ratio: 16/13*/

.Form .Info {
  display: none }

.Form img {
  vertical-align: middle; }

input.ImgButtom {
  vertical-align: middle;
  margin: 0.2em 0em 0.2em 0.2em; }                                /* ratio: 16/13*/
label.ImgButton {
  font-size: 0.846em;                                 /* 11px -> 0.846em -> ratio: 13/11 */
  position: relative;
  left: -5em;                                     /* ratio: 16/13*13/11 */
  cursor: pointer; }         

.Alert {
  color: #800a0a;
  margin: 0.5em 0em 0.5em 0em;
  padding: 0em 0em 0em 0em; }
.Info {
  color: #000066;
  margin: 0.5em 0em 0.5em 0em;
  padding: 0em 0em 0em 0em; }


.Focus {
  cursor: pointer; }         

select, input.Edit {
  vertical-align: middle;
  width: 15em;                                    /* ratio: 16/13*/
  border: 0.077em solid #c0c0c0;
  margin: 0.2em 0.2em 0.2em 0.2em; }                              /* ratio: 16/13*/
select.XXSmall, input.XXSmall {
  width: 3em; }                              /* ratio: 16/13*/
select.XSmall, input.XSmall {
  width: 6em; }                              /* ratio: 16/13*/
select.Small, input.Small {
  width: 10em; }                              /* ratio: 16/13*/
select.Large, input.Large {
  width: 30em; }                              /* ratio: 16/13*/
select.XLarge, input.XLarge {
  width: 40em; }                                   /* ratio: 16/13*/
select.XXLarge, input.XXLarge {
  width: 55em; }                                   /* ratio: 16/13*/
.Required {
  border: 1px solid #800a0a; }
.MulSelect {
  height: 8em; }                              /* ratio: 16/13*/
option.Grayed {
  color: #aaaaaa; }                              /* ratio: 16/13*/




/* --------------- Other --------------- */

table {
  color: #000000;
  text-align: center;
  vertical-align: middle;
  border-spacing: 0.077em;
  margin-top: 0.154em; }                 /* ratio: 16/13*/
table.Params {
 background: #b1b1b1 }
 
tr.Header {
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  background: #b1b1b1; }
tr.SubRec {
  text-align: left;
  display: none;
  background: #fafafa; }           /* original: #f6f6f6 */
tr.SubRecShow {
  text-align: left;
  display: table-row;
  background: #fafafa; }           /* original: #f6f6f6 */
tr {
  background: #ededed; }


th {
  font-weight: bold; }
td, th {
  padding: 0.144em; }                       /* ratio: 16/13*/
td.Pos, th.Pos {
  text-align: center;
  width: 1.8em; }                          /*  ratio: 16/13 */
td.Pos {
  vertical-align: top; }                             
td.Switch, th.Switch {
  text-align: center;
  width: 0.846em; }      
td.Image, th.Image {
  text-align: center;
  width: 3.692em; }                               /*  ratio: 16/13 */
td.Image {
  vertical-align: top; }
td.Name {
  text-align: left; }
td.BgNew {
  background: url('../images/layout/page_catalogue_cell_new.png') no-repeat center center; } 
td.BgFeatured {
  background: url('../images/layout/page_catalogue_cell_featured.png') no-repeat center left; }  
td.BgSale {
  background: url('../images/layout/page_catalogue_cell_sale.png') no-repeat center left; }  
td.BgDiscount {
  background: url('../images/layout/page_catalogue_cell_discount.png') no-repeat center left; }  

td.ShortDesc {
  text-align: left; }
th.Date, th.State {
  width: 6.0em; }                               /*  ratio: 16/13 */
th.Amount, th.Unit, th.Price, th.Tax, th.TaxRate, th.Net, th.Gross {
  font-size: 0.846em; }                               /*  ratio: 16/13 */
th.Unit, th.TaxRate {
  width: 3.0em; }                               /*  ratio: 16/13 */
th.Amount, th.Price, th.Tax {
  width: 6.0em; }                               /*  ratio: 16/13 */
th.Net, th.Gross {
  width: 8.0em; }                               /*  ratio: 16/13 */
td.Amount, td.Price, td.Tax, td.Net, td.Gross {
  text-align: right; }                               /*  ratio: 16/13 */
td.Sum, td.Amount, td.Gross {
  font-weight: bold; }



.Border {
  border: 0.077em solid #b1b1b1; }









div.BlockGraph {
  text-align: left;
  margin: 0em 0.083em 0em 0.083em;                    /* 1px -> 0.083em */
  padding: 0.15em; }
div.BlockGraphContainer {
  text-align: left;
  display: inline-block;
  margin: 0em;
  padding: 0em; }
div.BlockCell {
  width: 6.6em;                                    
  text-align: center;
  vertical-align: top;
  display: inline-block;
  margin: 0.3em 0.1em 0.3em 0.1em;
  padding: 0em; }
div.BlockCell img {
  border: 0.083em solid #fafafa;                           /* 1px -> 0.083em, ratio: 16/12 */
  margin: 0em;
  padding: 0em; }
div.BlockCell img:hover {
  border: 0.083em solid #be0e0e; }                          /* 1px -> 0.083em, ratio: 16/12 */
div.BlockCell span {
  font-weight: normal;
  font-size: 0.833em; }                                /* 10px -> 0.846em -> ratio: 16/12*12/10 */
div.BlockCell a, div.BlockCell a:link, div.BlockCell a:visited {
  color: #000000; }
div.BlockCell a:hover {
  color: #be0e0e; }




/*************************************************************************************************************/
/*                                                  HEADER                                                   */
/*************************************************************************************************************/

img#HeaderLogo {                   
  float: left;
  margin: 5.75em 1em 0em 4.5em; }         /*   dx:72px dy:92px    148,-> x:4.5em y:5.75em */
img#HeaderLogo2 {                   
  float: left;
  margin: 3.0em 1em 0.5em 4.0em; }    
img#HeaderLogo3 {                   
  float: left;
  margin: 3.3em 1em 0.5em 4.0em; }    

div#Header {
  position: absolute;
  top: 0em;
  left: 0em;
  right: 0em;
  z-index: -2;
  min-width: 62em;
  height: 20.938em;
  background: url('../images/layout/header_background.png') no-repeat top left; }  /* 1400x335px -> 87.5x20.938em */

div#HeaderCube {
  position: absolute;
  top: 0.1em;
  left: 18.0em;
  z-index: -1;
  width: 12.75em;
  height: 10.125em;
  background: url('../images/layout/header_cube.png') no-repeat top left; }  /* 204x162px -> 12.75x10.125em */

div#HeaderCharacter1 {
  position: absolute;
  top: -0.125em;
  right: 1.5em;
  z-index: 1;
  width: 13.25em;
  height: 9.875em;
  background: url('../images/layout/header_character1.png') no-repeat top right; }  /* 212x158px -> 13.25x9.875em */

div#HeaderCharacter2 {
  position: absolute;
  top: 9.75em;
  right: 1.5em;
  z-index: 1;
  width: 3em;
  height: 1.375em;
  border: none;
  margin: 0em;
  padding: 0em;
  background: url('../images/layout/header_character2.png') no-repeat top right; }  /* 48x22px -> 3x1.375em */

/*************************************************************************************************************/
/*                                                NAV BAR                                                    */
/*************************************************************************************************************/

div#NavBar {
  clear: both;
  position: relative;
  min-height: 2.2em; 
  margin: 0em 2em 0em 2em;
  background: url('../images/layout/navbar.png') repeat-x; }      /* 34px -> 2.125em */

div.BgBarRight {
  width: 5.375em;
  height: 2.125em;
  background: url('../images/layout/navbar_right.png') no-repeat; }             /* 86x34px -> 5.375x2.125em */
ul.NavBarListLeft {
  position: relative;
  float: left;
  margin: 0em 0.2em 0em 1em;
  padding: 0em; }
ul.NavBarListRight {
  position: relative;
  float: right;
  margin: 0em 2em 0em 0.2em;
  padding: 0em; }

ul.NavBarListLeft li, ul.NavBarListRight li {
  display: inline;
  padding: 1.8em 0.1em 0em 0.1em; }
ul.NavBarListLeft li a, ul.NavBarListRight li a {
  color: #ffffff;
  font-family: Arial, Verdana, Tahoma, Sans-serif; 
  font-size: 0.875em;                                   /* 14px -> 0.875em -> ratio: 16/14*/
  line-height: 1.125em;                                 /* 14×1.125=18 */
  display: inline-block;
  margin: 0em;
  padding: 0.69em 0.35em 0.46em 0.35em; } 
ul.NavBarListLeft li a:hover, ul.NavBarListRight li a:hover {
  color: #ffffc0;
  background: url('../images/layout/navbar_hover.png') repeat-x; }  


div.NavBarFloat {
  position: absolute;
  z-index: 3;
  min-width: 8em;
  margin: 0em 0.2em 0em 0em;
  padding: 0em;
  background: url('../images/layout/box_content.png') repeat; } 

div.NavBarFloat ul {
  list-style-type: none;
  margin: 0.4em 0em 0.4em 0em;
  padding: 0em; }
div.NavBarFloat li {
  margin: 0.2em 0em 0.2em 0em;                        /* ratio: 16/13*/
  padding: 0em; }
div.NavBarFloat li a {
  display: block;  
  margin: 0em;
  padding: 0.2em 0.8em 0.2em 0.8em;                   /* ratio: 16/13*/
  color: #ffffff; }
div.NavBarFloat li a:link, div.NavBarFloat li a:visited {
  color: #800a0a; }
div.NavBarFloat li a:hover { 
  color: #be0e0e; 
  background: #f0f0f0; }


div#NavBarOffer {
  display: none;
  width: 10em;
  left: 4.2em; }
div#NavBarNews {
  display: none;
  width: 10em;
  left: 8.4em; }
div#NavBarContact {
  display: none;
  width: 12em;
  left: 25.5em; }
div#NavBarConditions {
  display: none;
  width: 12em;
  right: 0em; }



/*************************************************************************************************************/
/*                                               MENU BAR                                                    */
/*************************************************************************************************************/

div#MenuBar {
  clear: both;
  position: relative;
  min-height: 2.4em;
  margin: 0.2em 2em 0em 2em;
  padding: 0em;  }
div.MenuItem {
  float: left;
  position: relative;
  width: 14em;
  margin: 0em 0.2em 0.2em 0em;
  padding: 0em;
  background: url('../images/layout/box_content.png') repeat; } 

div.MenuBarFloat {
  position: absolute;
  z-index: 3;
  width: 16.25em;
  margin: 0em 0.2em 0em 0em;
  padding: 0em;
  background: url('../images/layout/box_content.png') repeat; } 

div.MenuContentBorder {
  border-width: 0.063em;                              /* 1px -> 0.063em */
  border-style: solid; 
  border-color: #bc0a08; }

div#MenuConfiguration {
  left: 0em; }
div#MenuSearch {
  left: 0em; }
div#MenuBasket {
  left: 0em; }
/*div#MenuOffer {
  left: 14.5em; }
div#MenuManufacturer {
  left: 29em; }
div#MenuLogin {
  left: 43.5em; }
*/


div#MenuConfigurationContent, div#MenuOfferContent, div#MenuManufacturerContent, div#MenuSearchContent, div#MenuLoginContent, div#MenuBasketContent {
  display: none; } 

/*************************************************************************************************************/
/*                                            NAVIBATION BOX                                                 */
/*************************************************************************************************************/

div#NavBox {
  float: left;
  clear: left;
  width: 14em;
  margin: 1em 0em 0em 2em; }
div.BoxItem {
  border-width: 0.063em;                              /* 1px -> 0.063em */
  border-style: solid; 
  border-color: #888888;
  margin: 0em 0em 0.6em 0em; 
  padding: 0.1em;
  background: #fafafa; }

/* --------------- Heading --------------- */

div.BoxHeading {
  position: relative;
  min-height: 1.75em;
  background: #aa0000 url('../images/layout/box_heading.png') repeat-x; }     /* 28px -> 1.75em */
div.BgBoxRight {
  width: 5em;
  height: 1.75em;
  background: url('../images/layout/box_heading_right.png') no-repeat; }      /* 80x28px -> 5x1.75em */
.HeadingRightIcon a {
  display: block;
  float: right;
  margin: 0.3em 0.2em 0.1em 0.2em; }

h2.BoxHeading {
  position: relative;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.125em;                                 /* 13×1.125=16 */
  min-height: 2.15em;                                 /* ratio: 16/13*/
  margin: 0em;                                       /* ratio: 16/13*/
  padding: 0em; } 
h2.BoxHeadingA {
  background: url('../images/layout/box_heading_a.png') no-repeat; }       /* 44x28px -> 2.75x1.75em */
h2.BoxHeadingK {
  background: url('../images/layout/box_heading_k.png') no-repeat; }       /* 44x28px -> 2.75x1.75em */
h2.BoxHeadingO {
  background: url('../images/layout/box_heading_o.png') no-repeat; }       /* 44x28px -> 2.75x1.75em */
h2.BoxHeadingS {
  background: url('../images/layout/box_heading_s.png') no-repeat; }       /* 44x28px -> 2.75x1.75em */
h2.BoxHeadingT {
  background: url('../images/layout/box_heading_t.png') no-repeat; }       /* 44x28px -> 2.75x1.75em */
h2.BoxHeadingC {
  background: url('../images/layout/box_heading_c.png') no-repeat; }       /* 44x28px -> 2.75x1.75em */
h2.BoxHeadingA:hover {
  color: #ffffc0;
  background: url('../images/layout/box_heading_a_hover.png') no-repeat; }  /* 44x28px -> 2.75x1.75em */
h2.BoxHeadingK:hover {
  color: #ffffc0;
  background: url('../images/layout/box_heading_k_hover.png') no-repeat; }  /* 44x28px -> 2.75x1.75em */
h2.BoxHeadingO:hover {
  color: #ffffc0;
  background: url('../images/layout/box_heading_o_hover.png') no-repeat; }  /* 44x28px -> 2.75x1.75em */
h2.BoxHeadingS:hover {
  color: #ffffc0;
  background: url('../images/layout/box_heading_s_hover.png') no-repeat; }  /* 44x28px -> 2.75x1.75em */
h2.BoxHeadingC:hover {
  color: #ffffc0;
  background: url('../images/layout/box_heading_c_hover.png') no-repeat; }  /* 44x28px -> 2.75x1.75em */
h2.BoxHeading a, h2.BoxHeading span {
  display: block;
  margin: 0em;                                        /* ratio: 16/13*/
  padding: 0.54em 0em 0.45em 1.9em;                   /* ratio: 16/13*/
  color: #ffffff; } 
h2.BoxHeading a:hover {
  color: #ffffc0; } 

/* --------------- Content --------------- */

div.BoxContent {
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.125em;                                 /* 13×1.125=16 */
  margin: 0em;
  padding: 0.4em; } 
div#BasketContent, div#BasketContent {
  overflow: auto;
  max-height: 15em; }
div.BoxContent ul {
  list-style-type: none;
  margin: 0em;
  padding: 0em; }
div.BoxContent li {
  margin: 0.2em 0em 0.2em 0em;                        /* ratio: 16/13*/
  padding: 0em; }
div.BoxContent li a {
  display: block;  
  margin: 0em;
  padding: 0.2em 0.8em 0.2em 0.8em;                   /* ratio: 16/13*/
  color: #ffffff; }
div.BoxContent li a:link, div.BoxContent li a:visited {
  color: #800a0a; }
div.BoxContent li a:hover { 
  color: #be0e0e; 
  background: #eeeeee; }

div.BoxContentHr {                                   /* 1px -> 0.063em -> ratio: 16/13 */
  height: 0.077em;
  margin: 0.4em 1.6em 0.4em 1.6em;                    /* ratio: 16/13*/
  padding: 0em;
  background: #bc0a08; }




/*************************************************************************************************************/
/*                                                   PAGE                                                    */
/*************************************************************************************************************/

div#Page {
  padding: 0.2em; }
div#PageIndex {
  padding: 0.2em; }
div#PageAuth {
  clear: both;
  text-align: center;
  padding: 5em 2em 11em 2em; }

div#NewsContainer {
  float: left;
  width: 49%;
  margin: 0em 0.2em 0.2em 0em; 
  padding: 0.2em; }
div#EventsContainer {
  margin: 0em 0em 0.2em 50%; 
  padding: 0.2em; }
div#KnowledgeContainer {
  margin: 0em; 
  padding: 0.2em; }

div.VertNav {
  margin: 1em 2em 1em 16.4em; }
div.HorNav {
  margin: 1em 2em 1em 2em; }
div.PageContainer {
  display: inline-block;
  width: 100%;
  margin: 0em;
  padding: 0em; }
div.AuthContainer {
  display: inline-block;
  width: 35em;
  margin: 0em;
  padding: 10em 1em 2em 1em;
  border: 0.063em solid #888888;
  background: #fcfcfc url('../images/pages/authenticate_bacground.png') no-repeat top right; }  /* 267x85px -> 2.75x1.75em */
div.ContainerBorder {
  border: 0.063em solid #888888;
  background: #fafafa; }


div.PageHeading {
  position: relative;
  min-height: 2.625em;
  background: url('../images/layout/page_heading.png') repeat-x; }     /* 42px -> 2.625em */

h2.PageHeading {
  position: relative;
  color: #000000;
  font-weight: bold;
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.25em;                                 /* 13×1.125=16 */
  min-height: 4.0em;                                  /* ratio: 16/13 - padding*/
  margin: 0em;                                         /* ratio: 16/13*/
  padding: 0.42em 0em 0em 7em; 
  background: url('../images/layout/page_heading_left.png') no-repeat; }       /* 222x58px -> 17.077x4.462em -> ratio: 16/13*/
h2.PageHeadingMedium {
  color: #000000;
  font-weight: bold;
  font-size: 1em;                                 /* 16px -> ratio: 16/16 */
  line-height: 1em;                              
  min-height: 3.0em;                                  /* ratio: 16/16 - padding*/
  margin: 0em;                                         /* ratio: 16/13*/
  padding: 0.62em 0em 0em 5.7em; 
  background: url('../images/layout/page_heading_left.png') no-repeat; }       /* 222x58px -> 13.875x3.625em -> ratio: 16/16*/
h2.PageHeading a  {
  color: #000000; } 
h2.PageHeading span {
  font-weight: normal;
  font-size: 0.923em; }                                /* 12px -> 0.813em -> ratio: 16/13*13/12 */
h2.PageHeading a:hover {
  color: #ca0000; } 




div.PageHeadingRight {
  position: relative;
  right: 0em;
  float: right;
  width: 9.75em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right.png') no-repeat; }      /* 156x42px -> 9.75x2.625em */

div.PageHeadingRight2 {
  position: absolute;
  right: 0em;
  float: right; }
div.PageHeading div.BgOffer {
  width: 8.875em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_offer.png') no-repeat; }      /* 142x42px -> 8.875x2.625em */
div.PageHeading div.BgManOffer {
  width: 25.375em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_manoffer.png') no-repeat; }      /* 406x42px -> 25.375x2.625em */
div.PageHeading div.BgStore {
  width: 25.375em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_store.png') no-repeat; }      /* 406x42px -> 25.375x2.625em */
div.PageHeading div.BgSearch {
  width: 20.875em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_search.png') no-repeat; }      /* 334x42px -> 20.875x2.625em */
div.PageHeading div.BgKnowledge {
  width: 15.875em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_knowledge.png') no-repeat; }      /* 254x42px -> 15.875x2.625em */
div.PageHeading div.BgDownload {
  width: 13.75em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_download.png') no-repeat; }      /* 220x42px -> 13.75x2.625em */
div.PageHeading div.BgPurchase {
  width: 15.75em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_purchase.png') no-repeat; }      /* 252x42px -> 15.75x2.625em */
div.PageHeading div.BgBasket {
  width: 9.25em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_basket.png') no-repeat; }      /* 148x42px -> 9.25x2.625em */
div.PageHeading div.BgNewProducts {
  width: 11.875em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_new_products.png') no-repeat; }      /* 190x42px -> 11.875x2.625em */
div.PageHeading div.BgFeatured {
  width: 12.0em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_featured.png') no-repeat; }      /* 192x42px -> 12.0x2.625em */
div.PageHeading div.BgSale {
  width: 14.5em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_sale.png') no-repeat; }      /* 232x42px -> 14.5x2.625em */
div.PageHeading div.BgDiscount {
  width: 12.125em;
  height: 2.625em;
  background: url('../images/layout/page_heading_right_discount.png') no-repeat; }      /* 194x42px -> 12.125x2.625em */



div.PageContent {
  margin: 0em; }
div.TextStd {
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.125em;                                 /* 13×1.125=16 */
  text-align: justify; }
div.PaddingStd {
  padding: 0em 0.8em 0.8em 0.8em; }


/*************************************************************************************************************/
/*                                                FOOTER                                                     */
/*************************************************************************************************************/


div#Footer {
  position: relative;
  min-height: 2.75em;                          
  clear: both;
  margin: 1em 2em 1em 2em;
  padding: 0em; 
  background: #000000 url('../images/layout/footer.png') repeat-x; }   /* 44px -> 2.75em */
div#Footer div.BgFooter {
  width: 19em;
  height: 2.75em;
  background: url('../images/layout/footer_right.png') no-repeat; }  /* 230x44px -> 9.5x2.75em */

address.FooterContent {
  position: relative;
  color: #dddddd;
  text-align: right;
  font-style: normal;
  font-weight: bold;
  font-size: 0.688em;                                 /* 13px -> 0.813em -> ratio: 16/11 */
  line-height:1.25em;                               /* 13×1.125=16 */
  min-height: 4em;                                /* ratio: 16/11 */
  margin: 0em;                                    /* ratio: 16/13 */
  padding: 0.40em 28em 0em 1em; }                /* ratio: 16/11 */

address.FooterContent a:link, address.FooterContent a:visited {
  color: #f50000; }
address.FooterContent a:hover {
  color: #f57b7b; }


/*************************************************************************************************************/
/*                                                 MISC                                                      */
/*************************************************************************************************************/


div#Exception {
  color: #fefefe;
  font-size: 0.813em;                                 /* 13px -> 0.813em -> ratio: 16/13 */
  line-height: 1.125em;                                 /* 13×1.125=16 */
  display: none;
  position: fixed;
  z-index: 10;
  top: 18em;
  left: 23em;                         
  right: 23em;                         
  height: 13.0em;
  min-width: 26em;
  margin: 0em;
  padding: 0.4em;
  border-width: 0.25em;                              /* 1px -> 0.063em */
  border-style: solid; 
  border-top-color: #cccccc;
  border-right-color: #555555;
  border-bottom-color: #555555;
  border-left-color: #cccccc;
  background-color: #222222 }

div#Exception h3 {
  text-align: center;
  font-weight: bold; }

div#Exception div {
  margin: 0em;
  padding: 1em; }


/*******************************************************************************************************************/


