body                   { margin: 0; padding: 0; background-color: #000000; }

#doc                   {  margin: 0; padding: 0; position: absolute; left: 0px; top: 80px; right: 0px; bottom: 80px; background: #7298ee url('../img/presentation/background.png') repeat-x bottom; display: none;  }

/* Presentation */

#doc > div#brightSky      { margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 100%; height: 284px; background: url('../img/presentation/brightSky.png') repeat-x bottom; display: none; }
#doc > img#logo           { margin: 0 0 0 -350px; padding: 0; position: absolute; left: 50%; top: 150px; width: 700px; height: 284px; display: none; }
#doc > img#brightLogo     { margin: 0 0 0 -350px; padding: 0; position: absolute; left: 50%; top: 150px; width: 700px; height: 284px; display: none; }
#doc > img#backlight      { margin: 0 0 0 -350px; padding: 0; position: absolute; left: 50%; top: 151px; width: 700px; height: 284px; display: none; }

/* advertising */

#doc > #advertising              { margin: 0px; padding: 10px 10px 10px 80px; position: absolute; left: 0px; top: 110px; right: 0px; height: 110px; font: 12px/18px Arial; color: #2020a0; background: url('../img/rabate.png') 10px 50% no-repeat #f0e020; display: none; z-index: 2; }
#doc > #advertising > span.price { margin: 0px; padding: 0px; position: relative; width: auto; height: auto; font: italic 600 16px/18px Arial; color: #2020a0; }
#doc > #advertising > .note      { margin: 0px; padding: 5px 0px 0px 0px; position: relative; width: 100%; height: auto; font: italic 10px/12px Arial; color: #2020a0; }

/* Content */

#doc > #content  { margin: 0; padding: 0; position: absolute; left: 0px; top: 240px; right: 0px; bottom: 0px; background-color: #ffffff; overflow: scroll; display: none; }

/* Menu */

#doc > #menu     { margin: 0 15px 0 15px; padding: 0; position: absolute; left: 0px; top: 70px; right: 0px; height: 34px; display: none; }

/* Main buttons */ 

#doc span.mainButtonUp               { margin: 0 0 0 3px; padding: 0 10px 0 10px; display: inline-block; position: relative; height: 34px; z-index: 2; cursor: pointer; }
#doc span.mainButtonUp > div#left    { position: absolute; left: 0; top: 0; width: 51%; height: 34px; background: url('../img/buttons/mainButtonLeft_up.png') left 2px no-repeat; }
#doc span.mainButtonUp > div#right   { position: absolute; right: 0; top: 0; width: 50%; height: 34px; background: url('../img/buttons/mainButtonRight_up.png') right 2px no-repeat; }
#doc span.mainButtonUp > div.text    { position: relative; width: auto; height: 34px; font: 600 11px/34px Arial; text-shadow: 1px 1px 1px #b0a0a0; color: #0a0c4e; text-decoration: none; text-align: center; vertical-align: middle; }

#doc span.mainButtonDown             { margin: 0 0 0 3px; padding: 0 10px 0 10px; display: inline-block; position: relative; height: 34px; z-index: 2; }
#doc span.mainButtonDown > div#left  { position: absolute; left: 0; top: 0; width: 51%; height: 34px; background: url('../img/buttons/mainButtonLeft_down.png') left 2px no-repeat; }
#doc span.mainButtonDown > div#right { position: absolute; right: 0; top: 0; width: 50%; height: 34px; background: url('../img/buttons/mainButtonRight_down.png') right 2px no-repeat; }
#doc span.mainButtonDown > div.text  { position: relative; width: auto; height: 34px; font: 600 11px/34px Arial; text-shadow: 1px 1px 1px #c0b0b0; color: #08163a; text-decoration: none; text-align: center; vertical-align: middle; }

/* Buttons */

#doc span.buttonUp                { margin: 0 0 0 3px; padding: 0 10px 0 10px; display: inline-block; position: relative; height: 34px; z-index: 2; cursor: pointer; }
#doc span.buttonUp > div#left     { position: absolute; left: 0; top: 0; width: 51%; height: 34px; background: url('../img/buttons/buttonLeft_up.png') left 2px no-repeat; }
#doc span.buttonUp > div#right    { position: absolute; right: 0; top: 0; width: 50%; height: 34px; background: url('../img/buttons/buttonRight_up.png') right 2px no-repeat; }
#doc span.buttonUp > div.text     { position: relative; width: auto; height: 34px; font: 600 11px/34px Arial; text-shadow: 1px 1px 1px #b0a0a0; color: #08264a; text-decoration: none; text-align: center; vertical-align: middle; }

#doc span.buttonDown              { margin: 0 0 0 3px; padding: 0 10px 0 10px; display: inline-block; position: relative; height: 34px; z-index: 2; }
#doc span.buttonDown > div#left   { position: absolute; left: 0; top: 0; width: 51%; height: 34px; background: url('../img/buttons/buttonLeft_down.png') left 2px no-repeat; }
#doc span.buttonDown > div#right  { position: absolute; right: 0; top: 0; width: 50%; height: 34px; background: url('../img/buttons/buttonRight_down.png') right 2px no-repeat; }
#doc span.buttonDown > div.text   { position: relative; width: auto; height: 34px; font: 600 11px/34px Arial; text-shadow: 1px 1px 1px #c0b0b0; color: #08163a; text-decoration: none; text-align: center; vertical-align: middle; }

/* pages */

#doc > #content > .page     { margin: 20px 4% 10px 4%; padding: 0; position: relative; width: 90%; height: auto; font: 12px/16px Arial; color: #08163a; display: none;  }

#doc > #content > .page > .title             { margin: 10px 0 20px 0; padding: 0; position: relative; width: 100%; height: auto; border-bottom: 1px solid #08163a; font: 16px/16px Arial; color: #08163a; }
#doc > #content > .page > .row               { margin: 10px 0 10px 0; padding: 0; position: relative; width: 100%; height: auto;  }
#doc > #content > .page > .row > img         { margin: 0; padding: 0; position: relative; width: auto; height: auto; }
#doc > #content > .page > .row > .text       { margin: 0; padding: 30px 10px 0 10px; position: absolute; right: 0px; top: 0px; width: 50%; bottom: 0px; font: 12px/20px Arial; color: #08163a; text-decoration: none; text-align: left; vertical-align: top;}
#doc > #content > .page > .row > .text > a   { color: #08163a; }

#doc > #content > .page > .text       { margin: 0; padding: 10px 10px 0 10px; position: relative; width: 90%; height: auto; font: 12px/20px Arial; color: #08163a; text-decoration: none; text-align: left; vertical-align: top;}
#doc > #content > .page > .note       { margin: 0; padding: 10px 10px 0 10px; position: relative; width: 90%; height: auto; font: 10px/20px Arial; color: #28365a; text-decoration: none; text-align: left; vertical-align: top;}





















#doc > #title          { margin: 0; padding: 0; position: absolute; left: 0; top: 150px; width: 100%; height: auto; text-align: center; color: #FFFFFF; font: 500 14px/20px arial; display: none; }
#doc > #notes          { margin: 0; padding: 0; position: absolute; left: 0; top: 170px; width: 100%; height: auto; text-align: center; color: #FFFFFF; font: 100 11px/14px arial; display: none; }
#doc > #notes > a      { color: #B0B0F0; display: none; }