/*  PlayBike StyleSheet.css
    Copyright (c) 2009 PlayBike */

/* FORMATARE GENERALA */

body {
  font-family: Verdana;
  background: #f37e1e;
  padding: 0px;
  margin: 0px;
  /*color: #7b7b7b;*/
  color: #000;
}
table {
  font-size: 11px;
  line-height: 15px;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
}
div {
  font-size: 11px;
  line-height: 15px;
  padding: 0px;
}
img {
  border: 0px;
}
ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
a {
  color: #ff5f00;
  text-decoration: none;
}
a:hover {
  color: #ff5f00;
  text-decoration: underline;
}
form {
  margin: 0px;
  padding: 0px;
}
p {
  margin: 0px;
  padding: 0px;
}


/*MARGINI */
.tl {
  height: 23px;
  width: 23px;
  background-image: url(../images/tl.gif);
}
.tr {
  height: 23px;
  width: 23px;
  background-image: url(../images/tr.gif);
}
.bl {
  height: 23px;
  width: 23px;
  background-image: url(../images/bl.gif);
}
.br {
  height: 23px;
  width: 23px;
  background-image: url(../images/br.gif);
}
.tt {
  background: url(../images/tt.gif) top repeat-x;
}
.ll {
  background: url(../images/ll.gif) left repeat-y;
}
.rr {
  background: url(../images/rr.gif) right repeat-y;
}
.bb {
  background: url(../images/bb.gif) bottom repeat-x;
}

/*STRUCTURA*/

div.main {
  width: 1000px;
  margin: auto;
  overflow: hidden;
}
div.top {
  width: 1000px;
  height: 200px;
  background: url(../images/bk-t.gif) no-repeat center top;
}
div.content {
  background: url(../images/bk-c.gif) repeat-y;
  padding: 0px 35px;
  overflow: hidden;
}
div.mainContent {
  width: 725px;
}
div.mainContentF {
  width: 930px;
}
div.rightMeniu {
  float: right;
  width: 200px;
  overflow: hidden;
}
div.bottom {
  width: 1000px;
  height: 20px;
  background: url(../images/bk-b.gif) no-repeat center bottom;
}

/*PAGE TOP*/

img.top-logo {
  margin-left: 31px;
  margin-top: 21px;
  float: left;
}
img.adv {
  margin-top: 10px;
}
span.memberMeniu {
  font-size: 12px;
  margin-right: 39px;
  float: right;
}
/*top meniu*/
div.topMeniu {
   padding: 18px 35px 0px 55px;
   clear: both;
}
a.topqa {
  color: #0039ad;
}
span.toprightmeniu {
  float: right;
}
span.topContactInfo {
  color: #FFF;
}
div.bannerRight {
  width: 360px;
  float: right;
  margin-top: 25px;
}
/*search form*/
form.topSearch {
  margin-top: 29px;
  margin-left: 7px;
}
form.topSearch input {
  width: 276px;
  height: 14px;
  border: none;
  background: transparent;
  color: #f37e1e;
  font-size: 14px;
  padding: 4px 4px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  float: left;
}
form.topSearch button {
  border: none;
  background: transparent;
  display: block;
  width: 27px;
  height: 26px;
  cursor: hand;
}

label.login {
  width: 67px;
  float: left;
}
input.login {
  width: 100px;
}
/* Top Message */
#topMsg {
  border: 1px solid #ffcc33;
  background: #ffff99;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
}
#topMsg a.hide {
  display: block;
  width: 15px;
  height: 15px;
  background: url(../images/buton_inchide2.gif) no-repeat;
  float: right;
}

/*PAGE BOTTOM*/

div.bMarciMain {
  margin-top: 15px;
  clear: both;
}
form.bmarci {
  float: left;
}
form.bmarci select {
  width: 140px;
}
div.bMarciSpacer {
  border-bottom: 1px solid #5d5d5d;
  height: 10px;
  margin-left: 145px;
}
div.bmarci {
  clear: both;
  height: 130px;
  padding-top: 20px;
}
div.bmarci a img {
  float: left;
  margin-right: 15px;
}
div.pbmeniu {
  padding: 10px 0 0 24px;
}
div.pbmeniu img {
  float: left;
  margin-right: 21px;
}
div.pbmeniu p {
  padding-top: 4px;
  line-height: 18px;
  color: #763f11;
}
div.pbmeniu p a {
  color: #763f11;
}
div.bSpacer {
  clear: both;
  border-bottom: 1px solid #f7a562;
  margin: 15px 20px;
}
div.spacer1 {
  border-bottom: 1px solid #d9d9d9;
  margin: 10px 0px;
}
div.bCatList {
  float: left;
  padding-left: 20px;
  padding-bottom: 40px;
  line-height: 18px;
}
div.bCatList a {
  color: #ffdfc5;
}
div.bCatList ul li a {
  color: #ffdfc5;
}
div.bCatList a.bcatShowAll{
  color: #ffad6a;
}

/*SUBMENIU*/

div.submen {
  padding-left: 15px;
  text-align: left;
  overflow: hidden;
  margin-bottom: 10px;
}
li.submenSimple {
  margin-bottom: 3px;
}
p.inCos {
  margin-bottom: 5px;
}
/* listare produse */
div.submen table {
  width: 100%;
}
div.submen table tr.spacer {
  height: 5px;
}
div.submen table tr td.img {
  width: 50px;
  text-align: center;
}
div.submen table tr td.product {
  padding-left: 10px;
}
span.pretOferta {
  color: #CC0000;
  font-weight: bold;
}
span.pretVechi {
  text-decoration: line-through;
  color: #7b7b7b;
}
div.center {
  text-align: center;
}

/*FORM*/


select {
  border: 1px solid #b1b1b1;
}
input {
  border: 1px solid #b1b1b1;
  padding: 1px;
  margin: 1px;
}
input.submit {
  padding: 0px 10px 2px 10px;
  #padding: 0px 3px;
  height: 20px;
  margin: 1px;
  background-color: #ffffff;
}
input.submit:hover {
  color: #ff5f00;
}
textarea {
  border: 1px solid #b1b1b1;
  font-family: arial;
  font-size: 14px;
}
label.label1 {
  display: block;
  width: 45px;
  float: left;
  text-align: left;
}
input.checkbox, div.noBorder {
  border: none;
}
.button1 {
  width: 685px;
  height: 29px;
  color: #FFF;
  size: 12px;
  text-align: center;
  background: url(../images/button1.gif) no-repeat;
  border: none;
  font-weight: bold;
}

/*VERTICAL ALIGN*/

div.VerticalAlign {
  display: table;
  height: 150px;
  #position: relative;
  overflow: hidden;
}
div.VerticalAlign div {
  #position: absolute;
  #top: 50%;
  #left: 0px;
  display: table-cell;
  vertical-align: middle;

}
div.VerticalAlign div div {
  #position: relative;
  #top: -50%;
  width: 170px;
  text-align: center;
}

div.VerticalAlign12 {
  display: table;
  height: 100px;
  #position: relative;
  overflow: hidden;
}
div.VerticalAlign22 {
  #position: absolute;
  #top: 50%;
  #left: 0px;
  display: table-cell;
  vertical-align: middle;

}
div.VerticalAlign32 {
  #position: relative;
  #top: -50%;
  width: 100px;
  text-align: center;
}

div.VerticalAlign3 {
  display: table;
  height: 400px;
  #position: relative;
  overflow: hidden;
}
div.VerticalAlign3 div {
  #position: absolute;
  #top: 50%;
  #left: 0px;
  display: table-cell;
  vertical-align: middle;

}
div.VerticalAlign3 div div {
  #position: relative;
  #top: -50%;
  width: 400px;
  text-align: center;
}

div.VerticalAlign5 {
  display: table;
  height: 32px;
  #position: relative;
  overflow: hidden;
  border: 1px solid #d7d5d5;
  float: left;
  margin-right: 5px;
}
div.VerticalAlign5 div {
  #position: absolute;
  #top: 50%;
  #left: 0px;
  display: table-cell;
  vertical-align: middle;

}
div.VerticalAlign5 div div {
  #position: relative;
  #top: -50%;
  width: 30px;
  text-align: center;
}

/*BANNER RITATIV*/
div.robanner {
  width: 715px;
  height: 20px;
  padding: 5px;
  background-color: #eeeeee;
}
div.robanner a {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/button3.gif) no-repeat;
  float: left;
  margin-right: 5px;
  color: #000;
  text-align: center;
  line-height: 20px;
}
div.robanner a:hover {
  text-decoration: none;
}
div.robanner a.activ {
  background: url(../images/button2.gif) no-repeat;
}

/*AFISARE PRODUSE*/

div.produseListate {
  overflow: hidden;
  padding: 0px;
  font-family: arial;
}
div.produsListat {
  width: 170px;
  text-align: center;
  float: left;
  margin-right: 11px;
}
div.produsListatUltim {
  width: 170px;
  text-align: center;
  float: left;
}
div.randListat {
  overflow: hidden;
  height: 7px;
  font-size: 0px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 7px;
  margin-right: 10px;
  clear: left;
}
a.listareProduse {
  color: #000000;
}
a.listareProduse:hover {
  color: #ff5f00;
  text-decoration: none;
}

.pret_normalListare {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  font-family: Arial;
}
.pret_ofertaListare {
  color:  #cc0000;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial;
}
.pret_vechiListare {
  text-decoration: line-through;
  color: #7b7b7b;
}
span.monedaListare {
  font-size: 9px;
}

img.imgExtra {
  float: left;
  margin-right: 15px;
}
td.extra {
  color: #000000;
  padding-bottom: 10px;
}
div.miniThumbs {
  height: 32px;
  min-width: 148px;
  text-align: center;
}

/*CTALOG*/

a.catalog_categorie {
  text-transform: uppercase;
  color:#000000;
}
div.catalogCategorie {
  color: #7b7b7b;
  padding: 10px;
  background-color: #ffffff;
}
div.catalogSubcategorie {
  color: #7b7b7b;
  padding: 10px 10px 10px 70px;
  background-color :#ffffff;
}
img.categorieImg {
  float: left;
  margin-right: 10px;
}

/*HEADING*/

h1, h2 {
  font: normal 20px arial;
  padding-bottom: 3px;
  background: url(../images/heading.gif) bottom left no-repeat;
  margin: 0px 0px 5px 0px;
}
h3 {
  font: bold 14px arial;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
h3.produs {
  margin: 0px 0px 5px 0px;
  font-weight: normal;
}
h3.submen {
  background: url(../images/submen.gif) no-repeat;
  height: 30px;
  width: 200px;
  padding-left: 30px;
  letter-spacing: 1px;
  font: bold 14px/30px arial;
}
h4 {
  font: normal 14px arial;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
h2.noBk {
  background: none;
  margin: 20px 0px 10px 0px;
}

/*PRODUS*/

button.addToCart, input.addToCart {
  width: 310px;
  height: 45px;
  background: transparent;
  background-image: url(../images/adauga_in_cos.gif);
  border: 0px none;
  margin-bottom: 18px;
}
span.pret {
  color: #ff5f00;
  font: normal 35px arial;
}
span.oferta {
  color: #cc0000;
}
span.pret span, span.oferta span {
  font: normal 12px;
  vertical-align:top;
}
span.pret_vechi {
  font-size: 12px;
  text-decoration: line-through;
  color: #7b7b7b;
}
span.pret em {
  font-size: 12px;
  font-style: normal;
}

div.selectVersiuni {
  position: absolute;
  z-index: 1;
  border: 1px solid #6380fd;
  background: url(../images/down_arr.gif) no-repeat 293px 4px;
  background-color: #ffffff;
  width: 308px;
  padding: 0px;
  line-height: 18px;
  margin-bottom: 3
}
div.selectVersiuni a {
  display: block;
  padding: 0px 5px;
  width: 298px;
  color: #000;
}
div.selectVersiuni a:hover {
  background-color: #6380fd;
  color: #FFF;
  text-decoration: none;
}

div.selectVersiuni a.stoc0 {
  color: #7b7b7b;
}
div.selectVersiuni a.stoc0:hover {
  background-color: #FFF;
  cursor: default;
}

#productTabs {
  height: 27px;
  padding: 0px 20px 0;
  overflow: hidden;
  margin-bottom: -1px;
  margin-top: 10px;
}
#productTabs li {
  float: left;
  padding-right: 6px;
}
#productTabs li a {
  display: block;
  background: url(../images/tab.gif) no-repeat left top;
  float: left;
  height: 27px;
  line-height: 25px;
  color: #000;
  text-decoration: none;
  padding-left: 10px;
}
#productTabs li a:hover {
  color: #6380fd;
}
#productTabs li a.open {
  background: url(../images/tabA.gif) no-repeat left top;
}
#productTabs li a span {
  padding-right: 10px;
  display: block;
  background: url(../images/tab.gif) no-repeat right top;
  float: left;
  height: 27px;
  line-height: 25px;
}
#productTabs li a.open span {
	background: url(../images/tabA.gif) no-repeat right top;
	font-weight: bold;
}
div.infoModel {
  padding: 10px;
  border: 1px solid #d9d9d9;
  clear: left;
}
li.catalogModel {
  margin: 0px 0px 3px 10px;
}
div.pintrebare {
  padding: 10px;
  border-bottom: 1px solid #000;
}

/* Galerie foto produs */

div.VerticalAlign4 {
  display: table;
  height: 52px;
  #position: relative;
  overflow: hidden;
  border: 1px solid #d7d5d5;
  float: left;
  margin-right: 5px;
}
div.VerticalAlign4 div {
  #position: absolute;
  #top: 50%;
  #left: 0px;
  display: table-cell;
  vertical-align: middle;
}
div.active {
  border: 1px solid #6380fd;
}
div.VerticalAlign4 div div {
  #position: relative;
  #top: -50%;
  width: 50px;
  text-align: center;
}
a.leftArr {
  display: block;
  width: 13px;
  height: 52px;
  float: left;
  margin-right: 5px;
  background-image: url(../images/left_arr.gif);
}
a.rightArr {
  display: block;
  width: 13px;
  height: 52px;
  float: left;
  background-image: url(../images/right_arr.gif);
}
a.leftArr:hover {
  background-image: url(../images/left_arr_h.gif);
}
a.rightArr:hover {
  background-image: url(../images/right_arr_h.gif);
}
div.noBorder {
  border: 1px solid transparent;
}

/* Bread Cump */
p.breadCump {
  color: #7b7b7b;
  margin-bottom: 5px;
}
p.breadCump a {
  color: #7b7b7b;
}
p.breadCump a:hover {
  color: #ff5f00;
  text-decoration: none;
}

/*****ULTIMELE PRODUSE ******/
ul.ultprod {
  margin-bottom: 5px;
}
ul.ultprod li {
  background: url(../images/li_ultprod.gif) no-repeat 0px 4px;
  padding-left: 12px;
  margin-bottom: 3px;
}
ul.ultprod a {
  font-family: MS Sans Serif;
  letter-spacing: 1px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
ul.ultprod a:hover {
  color: #ff5f00;
  text-decoration: underline;
}

/*AFISARE POZE*/

div.pozeListate {
  overflow: hidden;
  padding-left: 5px;
  font-family: arial;
}
div.pozaListata {
  width: 100px;
  text-align: center;
  float: left;
  margin: 0px 10px 8px 0px;
}

/*COMENZI*/

div.comanda {
  padding: 5px;
  margin-top: 5px;
}
div.comandaExt {
   margin: 0px 10px;
   padding: 5px;
   background: #f4f4f4;
}

/* Hover meniu */


/*ordonare*/
div.ordonare {
  margin-top: 15px;
  margin-bottom: 5px;
  height: 20px;
  clear: left;
}
div.ordonare span {
  float: left;
  line-height: 18px;
}
div.ordonare div {
  position: absolute;
  z-index: 1;
  margin-left: 95px;
  #margin-left: 5px;
  width: 130px;
  padding: 0px 5px;;
  line-height: 18px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}

/* TRANSPARENT BOX */

div.top-box {
  position: absolute;
  z-index: 5;
  background: url(../images/tipBox1.gif) top no-repeat;
  background-color: #fde9d8;
  border: 1px solid #f37e1e;
  width: 190px;
  margin-top: 9px;
  text-align: left;
  padding: 5px;
}
div.quickCart {
  position: absolute;
  z-index: 6;
  width: 320px;
  padding-top: 10px;
  margin-top: -1px;
}

div.quickCart div {
  border: 1px solid #f37e1e;
  background: #FFF;
  text-align: left;
  padding: 5px;
}

/* FORMAT TEXT */

p.format_post {
  float: left;
  margin-bottom: 5px;
}
p.format_post a:link, p.format_post a:visited {
  float: left;
  color: #000;
  border: 1px solid #b1b1b1;
  margin-left: 5px;
  padding: 3px;
  background-color: #fff;
  text-decoration: none;
  display: block;
}
p.format_post a:hover, p.format_post a:active {
  background: #e0e0e0;
}

/* SEARCH SUGESTIONS */
div.sugestii {
  position: absolute;
  z-index: 4;
  margin-left: -3px;
  margin-top: 23px;
  width: 292px;
}
div.sugestii div {
  border: 1px solid #f37e1e;
  border-top: none;
  background-color: #FFF;;
  padding: 10px 6px 0px 6px;
}
div.sugestii div table {
  width: 100%;
}
div.sugestii div table tr td.img {
  padding: 5px 0px;
}
div.sugestii div table tr td.product {
  padding: 5px 0px;
}
td.spacer_sugestii {
  border-bottom: 1px solid #e0e0e0;
}

/* INTREBARI */
div.divIntr1 {
  border: 1px solid #6d6d6d;
  margin-bottom: -1px;
}
p.divIntr1p {
  margin: 10px 10px 10px 0px;
  text-align: right;
}
p.divIntr1p a {
  color: #5c5c5c;
}
div.divIntr11 {
  border-bottom: 1px solid #d9d9d9;
  padding: 5px;
  height: 50px;
}
div.divIntr111 {
  border: none;
  margin-right: 10px;
}
div.divIntr111 img {
  float: left;
}
div.divIntr11 a img {
  float: left;
  margin-right: 10px;
}
div.divIntr12 {
  margin: 10px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
}
div.divIntr121 {
  border-right: 1px solid #d9d9d9;
  padding-right: 10px;
  width: 540px;
}
div.divIntr1211 {
  color: #c08d63;
}
p.divIntr121p p {
  color: #c08d63;
}
div.divIntr122 {
  border-left: 1px solid #d9d9d9;
  float: right;
  padding-left: 10px; width: 142px;
}
div.divIntr122 p a {
  color: #5c5c5c;
}
div.divIntr122 span {
  color: #0039ad;
}
div.divIntr122 span a {
  color: #0039ad;
}
div.divIntr122 p {
  color: #5c5c5c;
}
div.divIntr122 p span {
  font-size: 25px;
  color: #5c5c5c;
}
/* BR */

.br0 {
  clear:both
}
.br1 {
  clear:left
}
.br2 {
  clear:right
}

/* OTHER */

a.a1 {
  color: #000000;
}
a.a1:hover {
  color: #ff5f00;
  text-decoration: none;
  cursor: default;
}
a.a2 {
  color: #000;
  text-decoration: none;
}
a.a2:hover {
  color: #ff5f00;
}
a.a3 {
  color: #000;
  text-decoration: none;
}
a.a3:hover {
  text-decoration: underline;
}
a.a4 {
  color: #6380fd;
}
a.a4:hover {
  text-decoration: underline;
}
a.a5 {
  color: #000;
  padding-left:10px;
  background: url(../images/ic1.gif) center left no-repeat;
}
a.a5:hover {
  text-decoration: none;
  background: url(../images/li_men.gif) center left no-repeat;
  color: #ff5f00;
}
a.a4 {
  color: #6380fd;
}
a.bookmark {
  color: #000;
}
a.bookmark:hover {
  text-decoration: none;
}

table.panou_administrare td {
   color: #000;
}

#padding3 td {
  padding: 3px;
}

div.adaugareForm {
  padding: 20px;
  color: #000000;
  border: 1px solid #d9d9d9;
}
div.bannerBox {
  color: #000;
}
div.bannerBoxRight {
  float: right;
  width: 300px;
  text-align: right;
}
div.campAux {
  margin-top: 5px;
}
div.comm {
  margin: 0px 5px;
  padding: 8px;
  border-bottom: 1px solid #d9d9d9;
}
div.comm p {
  font-size: 12px;
  line-height: 16px;
}
div.text1 p {
  margin-bottom: 5px;
}
div.text1 ul {
  list-style-type: disc;
  padding-left: 25px;
  margin-bottom: 5px;
}
div.text1 ol {
  padding: 0px 0px 0px 25px;
  margin: 0px 0px 5px 0px;
}
.paginatie span {
  float: right;
}
div.redBorder {
  border: 1px solid #FF0000;
}
div.tipBox {
  display: none;
  position: absolute;
  z-index: 2;
  background: url(../images/tipBox1.gif) top no-repeat;
  background-color: #fde9d8;
  border: 1px solid #f37e1e;
  padding: 7px;
  font-weight: normal;
  #width: 243px;
  width: 243px;
}
span.box1 {
  display: block;
  float: left;
  color: #000;
  background: #d9d9d9;
  padding: 3px 7px;
  margin-right: 7px;
}

p.p1 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
p.p2 {
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
p.p3 {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
p.p4 {
  margin: 10px 0px 10px 0px;
  padding: 0px;
}
p.p6 {
  margin: 10px 0px 0px 5px;
  padding: 0px;
}
p.p7 {
  margin: 10px 0px 0px 10px;
  padding: 0px;
}
p.arial {
  font-family: Arial;
  font-size: 13px;
}
p.eroare {
  color: #ff0000;
  margin: 5px 0px;
}
.error {
  color: #ff0000;
}
.gri {
  color: #7b7b7b;
}
div.text {
  font-size: 12px;
  line-height: 18px;
  padding-top: 5px;
}
div.text img {
  max-width: 730px;
  #width: expression(Math.min(parseInt(this.offsetWidth), 730 ) + "px");
}

table.table1 td {
  padding:3px;
  color: #000000;
  border: 1px solid #d9d9d9;
}

.versiune { color:#000000;
            padding:1px 7px; }
.underline {
  text-decoration: underline;
}
#padding3 td {
  padding: 3px;
}
#form td { padding:3px; }

#table1 td { padding:3px;
             color: #000000;
			 border: 1px solid #d9d9d9; }

tr.cos {
  border-bottom: 1px #d9d9d9 solid;
}
ul.ul1 {
  list-style:disc;
  padding-left:20px;
  padding-top:5px;
}
li.reclama {
  margin-bottom: 5px;
}
li.li1 {
  margin-top: 5px;
  font-weight: bold;
}
li.subcat {
  background: url(../images/li_men.gif) no-repeat 0px 6px;
  padding-left: 10px;
  line-height: 18px;
}

input.filtruPret {
  width: 50px;
}

/** OR BOX **/
div.OR {
  margin: 5px 0px;
  background: #f4f4f4;
  padding:5px;
}
div.OR a, div.OR span {
  margin: 0px 10px;
}

/*************** LIGHT BOX ***********************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:../image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* DropDown Meniu */
ul.ddm {
  z-index: 30;
  height: 40px;
  padding: 0px 28px;
}

ul.ddm li {
  float: left;
  font: 14px arial;
}
a.a_men {
  display: block;
  padding: 0px 14px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  line-height: 40px;
  color: #000;
  text-align: center;
}

a.a_men_active {
  display: block;
  padding: 0px 14px;
  background: #FFF;
  border-left: 1px solid #868686;
  border-right: 1px solid #868686;
  line-height: 40px;
  color: #000;
  text-align: center;
  text-decoration: none;
}

ul.ddm div {
  position: absolute;
  z-index: 2;
  visibility: hidden;
  border: 1px solid #868686;
  background-color: #FFF;
  padding: 15px;
}
ul.ddmSubmen {
  line-height: 25px;
  width: 130px;
  float: right;
}
ul.twocol {
  float: left;
  border-right: 1px solid #868686;
  padding-right: 15px;
  margin-right: 15px;
}
ul.ddmSubmen li a {
  display: block;
  text-decoration: none;
  color: #5a5a5a;
  font: 12px arial;
  padding: 5px 0px;

}
ul.ddmSubmen li a:hover {
 color: #ff5f00;
}
div.ddmsp {
  clear:both;
  margin-bottom: 10px;
  border: none;
}

/* APD */
div.apdMainDiv {
  position: fixed;
  z-index: 3001;
  top: 25px;
  width: 100%;
}
div.apdBox {
  margin: auto;
  border: 3px solid #6380fd;
  width: 800px;
}
div.apdHeader {
  background-color: #6380fd;
  color: #FFF;
  padding: 5px 15px;
  font-weight: bold;
  padding-bottom: 5px;
}
div.apdHeader span {
  float: right;
  cursor: pointer;
  display: block;
  background: #FF0000;
  padding: 1px 7px;
}
div.apdContent {
  padding: 15px;
  background-color: #FFF;
  max-height: 600px;
  overflow: auto;
}