@charset "UTF-8";
/*
  .ava = avalehe body;
  .kaart = tootekaart;
*/

* {
  border: 0 none white;
  border-radius: 0;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 0;
}

html {
  color: #333333;
  overflow-y: scroll;
}

div.body {
  width: 996px;
  background-color: #ffffff;
  margin: 0 auto 10px auto;
  font-family: Helvetica, Arial, sans-serif;
  position: relative;
}

div.body.delfi {
  margin: 0 auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0 0;
}

input,
select,
textarea {
  border: 1px solid #666666;
  font-size: 13px;
  padding: 2px 5px;
}

input[type='text'],
input[type='password'],
textarea {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

input[type='checkbox'],
input[type='radio'] {
  border: 0 none white;
  margin: 0;
  padding: 0;
}

input[type='button'],
input[type='submit'],
button,
submit {
  padding-right: 3px;
  padding-left: 3px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.header {
  padding-bottom: 5px;
  background-color: white;
}

.sisu {
  width: 806px;
  margin-bottom: 5px;
  background-color: white;
}

.teave {
  width: 182px;
  margin-bottom: 5px;
  background-color: white;
  padding-right: 6px;
}

div.body .sisu,
.kaart .sisu {
  float: left;
}

div.body .teave,
.ava .sisu,
.kaart .teave {
  float: left;
}

a {
  color: #333333;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

p {
  margin: 1em 0;
}

.accesskey {
  text-decoration: underline;
}

.striked {
  text-decoration: line-through;
  font-family: 'Times New Roman', 'Arial';
}

/* alati ainult ON24 */
.header h2 {
  float: left;
}

.header h2 img {
  padding: 5px 20px 5px 10px;
}

.header .header_ad {
  position: absolute;
  top: 0;
  left: 600px;
}

.sisu ul {
  padding-left: 20px;
  padding-right: 20px;
}

.sisu li {
  display: list-item;
  list-style-type: disc;
  margin: 6px 0;
}

.jalus,
.jalus a {
  color: #9f9f9f;
  text-decoration: none;
}

.jalus {
  clear: both;
  width: 100%;
  padding: 0 0 40px 0;
  font-size: 9px;
}

.jalus td {
  vertical-align: top;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

.jalus span {
  float: left;
}

.jalus .kredkaardid {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.jalus .kredkaardid a {
  margin: 0;
  text-decoration: none;
}

.jalus .kredkaardid table {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.jalus .kredkaardid table td {
  vertical-align: middle;
}

.jalus img {
  margin: 0 6px;
  position: relative;
}

.jalus ul {
  float: right;
  text-align: right;
}

.jalus li {
  display: inline;
  list-style-type: none;
}

.jalus a {
  margin-left: 10px;
}

.jalus a:hover {
  text-decoration: underline;
}

.jalus .sep1 {
  height: 1px;
  background-color: #e4e9ee;
}

.jalus .sep2 {
  height: 1px;
  background-color: #ffffff;
}

.jalus .sep3 {
  height: 1px;
  background-color: #e4e9ee;
}

.jalus .sep4 {
  height: 2px;
  background-color: #ffffff;
}

.teave li {
  display: block;
  clear: left;
  overflow: visible;
}

.menu {
  font: 14px Arial;
}

.menu li {
  display: block;
  float: left;
  width: 100%;
}

.menu li a {
  display: block;
  margin: 0 0 1px 0;
  padding: 5px;
  padding-left: 11px;
  text-decoration: none;
  line-height: 18px;
}

#menueri li a.withimg {
  padding: 0;
  text-align: center;
  border: 0;
}

.menu li a.withimg img {
  display: block;
  width: 182px;
}

.menu li a:hover ul {
  visibility: visible;
}

.menu a:hover,
.menu .akt a {
  border-left: solid 3px #d7d7d7;
  color: #686366;
  padding-left: 8px;
}

.menu .sel a {
  background-color: #bbbbbb;
  color: #ffffff;
  border-left: solid 3px #bbbbbb;
  padding-left: 8px;
}

.menu li a,
#menuavale.menu li a {
  background-color: #ededed;
  color: #686366;
}

.menu ul.menu2,
.menu .menu2 ul.menu3 {
  width: 210px;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
}

.menu ul.menu2 a,
.menu .menu2 ul.menu3 a {
  width: 195px;
}

.menu .sel .menu2 {
  margin-left: 0;
  overflow: visible;
  position: relative;
  width: 182px;
  border: 0 none white;
  visibility: visible;
}

.menu .sel .menu2 a {
  width: 166px;
}

.menu .sel .menu2 li {
  overflow: hidden;
}

.menu .sel .menu2 li a {
  overflow: hidden;
  font-weight: normal;
}

/* teise && kolmanda astme mnüü */
/*
  .akt on siin ainult kaskaadi punktide kogumise pärast.
  js teeb nii, et teine aste on ALATI .akt-i all (kui ta on nähtaval)
*/
.menu ul {
  clear: both;
  width: 182px;
  position: absolute;
  visibility: hidden;
  border: 1px solid white;
  border-bottom: 0 none white;
  margin-left: 182px;
  background-color: white;
  z-index: 1000;
}

.menu li.sel ul.menu2 {
  margin: 0;
}

.menu .sel ul.menu3 {
  margin-left: 182px;
}

.menu ul.menu3 {
  margin-left: 211px;
}

.menu ul.menu2,
.menu ul.menu3 {
  margin-top: -30px;
}

.menu .sel .menu2 a,
.menu .sel ul .sel ul a,
.menu .akt ul .akt ul a {
  background-color: #ededed;
  background-color: rgba(237, 237, 237, 0.75);
  color: #000000;
}

.menu .akt ul a {
  background-color: #fafafa;
  background-color: rgba(250, 250, 250, 0.75);
  color: #000000;
}

.menu .sel .menu3 a,
.menu .akt ul .akt ul a {
  background-color: #fafafa;
  background-color: rgba(250, 250, 250, 0.75);
  color: #000000;
  border-color: #d7d7d7;
}

.menu .sel ul .sel a,
.menu .sel ul .sel ul .sel a {
  background-color: #ffffff;
  color: #000000;
  border-color: #339933;
}

.menu .akt ul .akt a,
.menu .akt ul .akt ul .akt a,
.menu .akt ul a:hover {
  border-color: #339933;
}

.eri,
.eri img {
  width: 182px;
}

.eri img {
  min-height: 22px;
  display: block;
  overflow: hidden;
}

.eri li a:hover {
  color: white;
  background-repeat: no-repeat;
  background-position: right top;
}

.eri li a {
  float: none;
  display: block;
  background-repeat: no-repeat;
  background-position: right top;
}

.eri li.uued a,
.eri li.uued a:hover {
  background-color: #cccccc;
  color: #2a2a2a;
}

.eri li.soodus a,
.eri li.soodus a:hover {
  background-color: #cccccc;
  color: #2a2a2a;
}

.eri li.lastseen a,
.eri li.lastseen a:hover {
  background-color: #cccccc;
  color: #2a2a2a;
}

.eri li.mark a,
.eri li.mark a:hover {
  background-color: #cccccc;
  color: #2a2a2a;
}

.eri a.withimg {
  margin: 0;
  padding: 0;
  background-color: white;
  color: white;
  width: 182px;
  line-height: 0;
  margin-bottom: 1px;
}

/* make ul dimensions visible */
div.body li.last {
  margin: 0;
  padding: 0;
  clear: both;
  float: none;
  font-size: 0;
  line-height: 0;
  height: 0;
  width: 0;
  border: 0 none white;
  overflow: hidden;
}

.teave .uudis {
  display: block;
  clear: both;
  padding: 10px 1px 2px 1px;
  text-decoration: none;
  background-color: white;
  border: 1px solid #cccccc;
  cursor: pointer;
  text-align: center;
}

.uudis-sisu {
  font: bold 11px/17px Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}

.teave .uudis .loe-edasi {
  display: block;
  margin: 10px 2px 1px 2px;
  font-size: 12px;
}

.teave .uudis a {
  text-decoration: none;
  display: block;
  text-align: center;
}

.teave .uudis a:hover {
  background-color: white; /* IE-s ilma selleta ei tööta */
}

.teave .uudis .loe-edasi {
  color: black;
  background-color: #cccccc;
}

.teave .uudis a:hover .loe-edasi {
  background-color: #999999;
}

.pakkumised ul li {
  width: 193px;
  float: left;
  margin: 0 2px 5px;
}

.pakkumised h3 {
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 2px; padding: 5px;
  width: 192px;
  float: left;
}

.pakkumised h3 {
  background-color: #ededed;
  color: #686366;
}

.pakkumised li {
  display: block;
  margin: 0 0 5px 5px;
  padding: 0 1px 1px 1px;
  text-align: center;
  list-style-type: none;
  border: 1px solid #e4e9ee;
}

.pakkumised li:hover {
  border-color: #339933;
}

.pakkumised a {
  display: block; width: 100%;
  padding: 10px 0 0 0;
  text-decoration: none; text-align: center;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  cursor: pointer;
  background-color: white;
}

.pakkumised a:hover .soodus,
.pakkumised .soodus {
  color: red;
  font-weight: bold;
  display: block;
  background: none;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.pakkumised .apilt {
  margin: 5px auto;
}

.pakkumised a .vaata {
  display: block;
  clear: both;
  background-color: #9b9b9b; color: white;
  bottom: 1px;
  left: 1px;
  width: 100%;
  padding: 2px 0;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

.pakkumised a .vaata {
  background-color: #ededed;
  color: #686366;
}

.pakkumised a:hover {
  background-color: white; /* IE-s ilma selleta ei tööta */
}

.pakkumised a:hover .vaata,
.pakkumised a:hover:visited .vaata {
  background-color: #ededed;
}

.pakkumised a:visited .vaata {
  background-color: #ededed;
}

.pakkumised a img {
  margin: 5px;
}

.pakkumised a .hind {
  display: block;
  height: 30px;
  margin-top: 5px;
}

/* content */
h1.content-title {
  font: 24px/40px 'Trebuchet MS', sans-serif;
  height: 40px;
  padding-left: 10px;
  overflow: hidden;
  margin-top: 10px;
}

h1.content-title {
  color: #4c1616;
}

h1.content-title {
  color: #666666;
}

h3.content-title {
  background-color: #fafafa;
  color: #666666;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
  padding: 3px 0 3px 10px;
  margin: 5px 0 10px 0;
  border: solid 1px #d7d7d7;
  border-radius: 2px;
}

div.location {
  font-size: smaller;
  font-family: 'Trebuchet MS', sans-serif;
  margin: 1px 0 5px;
  padding-left: 10px;
  height: 20px;
  overflow: hidden;
}

div.location,
div.location a {
  color: #666666;
}

input.submitbutton {
  font-family: Verdana;
  border: 1px solid #339933;
  border-radius: 2px;
  background-color: #339933;
  color: white;
  cursor: pointer;
}

input.submitbutton[disabled] {
  border: 1px solid #7f7f7f;
  background-color: #7f7f7f;
  color: #ffffff;
}

ul.errormsg {
  color: red;
  text-align: left;
  border-radius: 0.3em;
  padding: 2em;
  background-color: #ffffff;
  margin-top: 130px;
}

form input.submitbutton {
  margin-top: 10px;
}

input[type='hidden'],
form .hiddeninput {
  display: none;
  margin: 0;
  padding: 0;
  border: 0 none white;
}

.liising * {
  font-size: 11px;
  line-height: 15px;
}

.liising {
  width: 182px;
  float: left;
  clear: left;
  padding: 0;
  margin: 2px 0 0 0;
  background-color: #e4fdd9;
  color: #2b0c1b;
}

.liisingimg {
  width: 180px;
  border: 1px solid #dd7fb3;
  float: left;
  clear: left;
  text-align: center;
  padding: 5px 0;
  margin-top: 2px;
}

.liising a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px 0;
}

.liising label {
  display: block;
  margin: 5px 0 2px 7px;
  float: left;
  width: 7em;
  clear: left;
}

.liising .notice {
  font-size: 10px;
}

.liising select {
  width: 80px;
  padding: 0;
  height: 20px;
}

.liising input {
  width: 68px;
}

/* .liising select, .liising input { margin: .3em 0; } */
.liising .info {
  padding: 5px 7px 3px 7px;
}

.liising .caption {
  background-color: #49a123;
  color: white;
  border-bottom: 1px solid white;
  text-align: center;
  font-size: 12px;
  padding: 4px 0;
}

.redasterisk {
  color: red;
  font-size: 12px;
  font-weight: bold;
  line-height: 10px;
}

.blueasterisk {
  color: blue;
  font-size: 12px;
  font-weight: bold;
  line-height: 10px;
}

/* delfi jalus */
table td[height="2"],
table td[height="4"] {
  font-size: 1px;
  line-height: 0;
}

hr {
  height: 1px;
  margin: 0.5em 0;
}

/* menu register */
.register_ava {
  padding: 5px;
  margin: 1px 0;
  border: 1px solid #cccccc;
  cursor: pointer;
}

.register_ava a,
.teave .uudis a {
  background: none !important;
  line-height: 15px !important;
  text-decoration: none;
  border: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
}

.register_ava span {
  font-weight: bold;
  padding-bottom: 6px;
  display: block;
}

.register_ava .register_title,
.register_ava .register_title a {
  font-size: 12px;
}

.register_ava .register_title,
.register_ava a {
  color: #666666;
}

/* COLORS
  green - #039437;
  text-green : 27a953;
*/
.ava #container {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 990px;
}

.clear {
  height: 0;
  overflow: hidden;
  clear: both;
}

.left {
  float: left !important;
}

.bg_on24_green {
  background-color: #339933;
}

.bg_on24_gray {
  background-color: #9a9a9a;
}

.bg_on24_white {
  background-color: white !important;
}

.bg_fb_blue {
  background-color: #4267b2;
}

.text-white {
  color: white;
}

.bg_on24_orange {
  background-color: #ff9100;
}

#fb_no_email a {
  background-color: #ff9100;
  padding: 5px 10px;
  cursor: pointer;
  color: #ffffff;
  border-radius: 2px;
  font-family: Arial;
  font-size: 13.3333px;
  display: inline-block;
}

.text_on24_green {
  color: #339933;
}

.text_on24_left {
  text-align: left;
}

.text_on24_center {
  text-align: center;
}

.font_on24 {
  font-size: 14px;
}

.input_on24_error {
  border-color: #f49736 !important;
}

.input_error {
  background: #f9e5e6;
  border: 1px solid #e8aaad !important;
  -webkit-box-shadow: 0 0 0 1000px #f9e5e6 inset !important; /* override autofill yellow */
}

.on24_popupbox_parent {
  margin-top: 130px;
}

.on24_ru_text {
  font-size: 12px;
}

.center_on24 {
  display: block;
  margin: 0 auto;
}

.button_on24_register {
  font-family: Verdana;
  font-size: 15px;
  font-weight: 600;
  display: block;
  height: 25px;
  margin: 5px auto 20px auto;
  padding: 0 10px;
  cursor: pointer;
  text-align: center;
  color: white;
  border: none;
  background-color: #ff9100;
}

#container .basketbutton,
#container .basketbutton.basketbutton.order-page {
  background-color: #bbbbbb;
  border-radius: 2px;
  bottom: 14px;
  color: white;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  height: 18px;
  outline: none;
  padding: 3px 12px 5px 10px;
  position: absolute;
  right: 10px;
  text-transform: uppercase;
  vertical-align: middle;
}

#container .basketbutton img {
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
}

#container .basketbutton span {
  position: relative;
  top: 1px;
}

#container .basketbutton.has-items {
  background-color: #ff9100;
  font-weight: bold;
}

#container .basketbutton.basketbutton.order-page {
  font-weight: bold;
}

/* CONTENT
-----------------------------------------------------------------------------*/
#content #left-column {
  float: left;
  overflow: hidden;
}

.footer-navigation {
  background-color: #fafafa;
  border-top: 1px solid #e4e9ee;
  clear: both;
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 5px;
}

.footer-navigation li {
  display: block;
  float: left;
  overflow: hidden;
  width: 197px;
}

.footer-navigation li a {
  color: #686366;
  display: block;
  font-size: 12px;
  padding: 4px 0 4px 13px;
  text-decoration: underline;
}

.footer-navigation li a:hover {
  text-decoration: none;
}

.left-navigation {
  list-style: none;
  overflow: hidden;
  margin: 0;
}

.left-navigation li {
  display: block;
  float: left;
  margin: 0 0 1px;
  overflow: hidden;
  width: 100%;
}

.left-navigation li a {
  background-color: #a2a2a2;
  color: #ffffff;
  display: block;
  font-size: 12px;
  padding: 3px 5px 4px 15px;
  text-decoration: none;
}

.left-navigation li img {
  width: 100%;
}

.left-navigation li a:hover {
  text-decoration: underline;
}

.left-navigation li a.withimg {
  padding: 0;
  font-size: 0;
}

.navi-header {
  overflow: hidden;
}

.navi-header {
  background-color: #ffffff !important;
  color: #a2a2a2 !important;
  clear: both;
  display: block;
  border: 3px solid #a2a2a2;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 2px 4px 8px;
  text-decoration: none;
  line-height: 20px;
  margin-bottom: 1px;
}

#content #center-column {
  float: left;
  overflow: hidden;
  width: 800px;
  margin-right: 4px;
}

#content .category-list {
  margin: 5px;
}

#content .category-list tr td {
  border-bottom: 1px solid #cecece;
  height: 110px;
  overflow: hidden;
}

#content .category-list tr td.icon span {
  background-image: url(/pics/ggb/tooteikoonid_mbl.jpg);
  background-repeat: no-repeat;
  display: block;
  height: 110px;
}

#content .category-list tr td.title {
  font-size: 14px;
  font-weight: bold;
}

#context-tabs {
  width: 100%;
  display: table;
  margin: 0 0 0px;
  color: #333333;
  text-transform: uppercase;
  border-bottom: 1px solid #f2f2f2;
}

#context-tabs h1 {
  display: inline;
}

#context-tabs > div {
  display: table-cell;
}

#context-tabs > div.mbl:hover {
  border-top: 2px solid #339933;
}

#context-tabs > div.chd:hover {
  border-top: 2px solid #f9a20b;
}

#context-tabs > div.bea:hover {
  border-top: 2px solid #800080;
}

#context-tabs > div.mbl.active {
  border-bottom: 0;
  border-top: 2px solid #339933;
  color: #339933;
}

#context-tabs > div.chd.active {
  border-bottom: 0;
  border-top: 2px solid #f9a20b;
  color: #f9a20b;
}

#context-tabs > div.bea.active {
  border-bottom: 0;
  border-top: 2px solid #800080;
  color: #800080;
}

#context-tabs > div {
  width: 33%;
}

#context-tabs > div a {
  color: inherit;
  display: block;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  font-family: 'Trebuchet MS';
}

#context-tabs > div a span {
  display: block;
  line-height: 40px;
  text-align: center;
}

#context-tabs > div.active a {
  text-align: center;
  line-height: 40px;
  display: block;
  font-weight: bold;
  background-color: #ffffff;
}

#context-tabs > div.selected {
  border-top: 1px solid #dadada;
  height: 39px;
}

#content #right-column {
  float: right;
  overflow: hidden;
  width: 980px;
  margin: 0 8px 5px 0;
}

.reklaam {
  position: relative;
}

select.saal_sorting {
  background-color: #fafafa;
  font-size: 12px;
}

select.saal_sorting option {
  background-color: #ffffff;
  box-shadow: #000000;
  color: #333333;
}

/* PRINT CSS */
@media print {
  .teave,
  .liising,
  .liisingimg,
  .naviriba,
  .header,
  .jalus,
  .infolaused,
  .submitbutton,
  .reklaam {
    display: none;
  }

  .sisu {
    float: left;
  }

  div.body .sisu,
  .kaart .sisu {
    float: left;
  }

  div.body .teave,
  .kaart .teave {
    float: right;
  }
}

/* UPLOAD */
#popBackground,
#authPopBackground {
  z-index: 990;
}

#popBackground,
#authPopBackground {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

#popBackground,
#authPopBackground {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  display: none;
  position: fixed;
}

#uploadingData,
#generatingBill,
#authentication {
  display: none;
  z-index: 999;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 0 0 7px #444444;
     -moz-box-shadow: 0 0 7px #444444;
          box-shadow: 0 0 7px #444444;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 40)";
  filter: alpha(opacity=95);
  opacity: 0.95;
  position: fixed;
  background: #ffffff;
  top: 25%;
  left: 50%;
  padding: 50px;
  overflow: auto;
  width: 480px;
  text-align: center;
  margin: -50px 0 0 -240px;
}

#regPopUp {
  z-index: 999;
  position: absolute;
  top: 20%;
  left: 50%;
  width: 440px;
  margin-left: -220px;
  background: white;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 0 0 18px #777777;
     -moz-box-shadow: 0 0 18px #777777;
          box-shadow: 0 0 18px #777777;
}

#generating-bill-pop-up-desktop {
  display: none;
  z-index: 999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 7px #444444;
  -moz-box-shadow: 0 0 7px #444444;
  box-shadow: 0 0 7px #444444;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 40)";
  filter: alpha(opacity=95);
  opacity: 0.95;
  background: #ffffff;
  padding: 50px;
  overflow: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  height: 50%;
  font-size: 2em;
  text-align: center;
  line-height: 1.2;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

#pop-up-background {
  display: none;
  z-index: 990;
  opacity: 0.4;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  position: fixed;
}

.popTop {
  float: left;
  width: 100%;
  background: #eeeeee;
}

.popTop p {
  font-family: Verdana, Tahoma;
  font-size: 11px;
  float: right;
  padding: 0;
  margin: 0;
}

.popTop p a {
  float: left;
  padding: 5px 4px;
  margin-left: 5px;
  text-decoration: none;
}

.popTop p a .title {
  float: left;
  padding-top: 2px;
}

.popTop p a .icon {
  float: right;
  background: #a4a4a4;
  border: 1px solid #cccccc;
  width: 17px;
  height: 16px;
  margin: 0 0 0 5px;
  padding: 0;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.popTop p a .icon b {
  float: left;
  color: white;
  width: 15px;
  height: 14px;
  text-align: center;
  border: 1px solid #dddddd;
  border-right-color: #a4a4a4;
  border-bottom-color: #a4a4a4;
  background: url(../pics/ggb/bgButtonGradientWhite.png) left top repeat-x;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
}

.popContent {
  float: left;
  width: 400px;
  padding: 10px 20px;
  font-family: Verdana, Tahoma;
}

.popClientServiceText {
  float: left;
  width: 210px;
  background: url(../pics/ggb/klienditeenindaja.png) right 5px no-repeat;
  min-height: 130px;
  padding: 30px 180px 20px 10px;
}

.popClientServiceText h3 {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}

.popClientServiceText p {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
}

.popForm {
  float: left;
  width: 340px;
  border: 10px solid #eeeeee;
  padding: 20px 20px 10px 20px;
}

.popForm table {
  float: left;
  width: 100%;
}

.popForm table td {
  padding: 2px 0;
}

.popForm label {
  float: left;
  font-size: 11px;
}

.popForm .question label {
  padding: 5px 0;
}

.popForm .prompt label {
  margin: 0 20px 0 0;
}

.popForm input[type='text'] {
  float: right;
  width: 200px;
  padding: 2px;
  font-size: 12px;
  border: 1px solid #cccccc;
  border-bottom-color: #aaaaaa;
}

.popForm input[type='radio'] {
  float: left;
  width: 14px;
  height: 14px;
  margin: 0 4px 0 0;
}

.button.green {
  background: #4da624 url(../pics/ggb/bgButtonGreen.png) left center no-repeat;
  border: 1px solid #479b22;
  padding: 4px 5px 4px 22px;
  font-family: Verdana, Tahoma;
  color: white;
  font-size: 11px;
}

.button.right {
  float: right;
}

.pop .close {
  float: right !important;
  cursor: pointer;
  margin: -30px -30px 5px 10px;
}

.pop .close {
  background: url(../pics/ggb/iconCloseRed.png) top left no-repeat;
  width: 18px;
  height: 18px;
  overflow: hidden;
}

.pop .close:hover {
  background-position: 0 -49px;
}

.pop .close span {
  margin-left: 20px;
}

#popUpImages {
  width: 100%;
  height: 200px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 0;
  margin: 30px 0 10px 0;
  float: left;
  clear: left;
  text-align: left;
}

#popUpImages li {
  width: 23%;
  float: left;
  list-style-type: none;
  padding: 3px;
}

#authentication {
  padding: 12px 50px;
  filter: alpha(opacity=100);
  opacity: 1.00;
}

#authentication h2 {
  text-align: center;
}

#tarneinfotekstid span,
#tarneinfotekstid div {
  display: none;
}

#tarneinfotekstid input {
  border: none;
  text-align: right;
  font-size: 12px;
  width: 43px;
}

.hidden {
  display: none;
  visibility: hidden;
}

.sub {
  font-size: 10px;
}

em.sub {
  font-style: normal;
}

.modalDialog {
  margin-top: 130px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  position: relative;
  display: none;
  float: none;
  background: #ffffff;
  border-radius: 4px;
}

.modalDialog > div h2 {
  margin: 5px;
  text-align: center;
}

.modalDialog > div {
  font-size: 15px;
  position: relative;
  float: none;
  width: 550px;
  padding: 20px 45px 20px 45px;
  background-color: white;
  border-radius: 4px;
}

.modalDialog > div ul {
  margin-top: 15px;
  text-align: left;
}

.modalDialog .close {
  font-size: 20px;
  line-height: 25px;
  position: absolute;
  top: -10px;
  right: -12px;
  width: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
  background: #606061;
  -webkit-box-shadow: 1px 1px 3px #000000;
     -moz-box-shadow: 1px 1px 3px #000000;
          box-shadow: 1px 1px 3px #000000;
}

.modalDialog .close:hover {
  background: #ff9100;
}

.alert-success {
  background-color: #393;
  border-radius: 2px;
  color: #fafafa;
  font-weight: bold;
  margin: 10px;
  padding: 10px;
}