body,td{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body{
 margin:0px;
 padding:0px;
 text-align:center;min-width:1024px;
 background-image: url(../../images/pozadie.jpg); background-repeat: repeat-x;
 background-color:#8f96b3;
 font-size: 13px;

}

/* Setup (This all looks neater when it isn't put on display!) */
.body {
 width: 1024px;               /* total width */
 margin-left:auto;
 margin-right:auto;
 text-align:left;

}


.body a:link, .body a:visited{color:#e01219;text-decoration:underline;}
.body a:hover{text-decoration:none;color:#ae080e;}



#left {width: 160px;              /* left column width */
 margin-left: -160px;       /* _negative_ left column width */;
  }
#left p {padding-left:3px;padding-right:2px}

.sitemap{position:relative;float:left;width:350px;height:240px;padding:0px 30px 0px 0px;}
.sitemap_heading{background-image:url(../../images/sitemap_spacer.png);background-repeat:no-repeat;padding-bottom:5px;}
.sitemapspacer{position:relative;}

.pata { height: 40px;position: relative; margin-top: 45px; color: #FFFFFF;  text-align:center; font-size: 10px;padding-bottom:15px;}
.pata a:link, .pata a:visited{color:#a3a3a3;text-decoration:none;}
.pata a:hover{text-decoration:underline;color:white;}
#pata_lastrow{position:relative;padding-top:5px;}


#clearheader{}/*needed to make room for header*/
/* combat IE's 3 pixel jog */

/*printer styles*/
@media print{
#left{display:none;}
#outer{border-top:20px;position:relative;z-index:2;}
#topLinks{border-left:0px;}
#top2Links{border-left:0px;}
#wrapper{border-left:0;border-right:0;}
}

#inner { margin: 0px; width: 1024px; margin-top: 0px; color: #393b45;position:relative;margin-left:2px;}

#content { float: left; width: 1024px; position: relative; z-index: 12; background-image: url(../../images/pozadie2.jpg);
 background-repeat: repeat-x; overflow: hidden;background-color:#bec1c6;}
#content ul li { padding-left: 0px;}
#content ul { padding-left: 30px;}

#innercontent {padding-top:0;}

#topLinks { position: relative; margin: 0px; width:1024px;top: 140px; left: 87px; color: #EEE;   }

#topmenumid a:link{ padding: 0px 10px 0px 10px; margin: 0px;  font-size: 14px; color: #2c2c2f;
	text-decoration: none; text-align: top; }
#topmenumid a:visited{ padding: 0px 10px 0px 10px; margin: 0px;  font-size: 14px; color: #2c2c2f;
	text-decoration: none; text-align: top; }
#topmenumid a:hover {  color: #ed1c24;}


#topmenuleft {float: left; width: 5px; height: 50px; background-image: URL('../../images/topmenuleft.gif');}
#topmenumid {z-index:90;float: left; height: 28px; padding: 10px 0px 2px 0px; position:relative;margin-top:-2px;}
#topmenuright {float: left; width: 5px; height: 50px; background-image: URL('../../images/topmenuright.gif');}

#top2Links { height:40px;position: relative; margin-top:0px;margin-left:0px;float:right;width: 1024px; color: #EEE;
 background-image: url(../../images/pozadie4.jpg); background-repeat: repeat-x;z-index:13;  }
#top2menumid a:link, #top2menumid a:visited { padding: 0px 10px 0px 10px; text-align: center; font-size: 14px; color: #2c2c2f;
	text-decoration: none;  }
#top2menumid a:hover { color: #ed1c24;}
#top2menuleft {float: right; width: 5px; height: 50px; }
#top2menumid {float: right; height: 30px;  position:relative;margin-top:8px;z-index:40;}
#top2menuright {float: right; width: 5px; height: 50px; }

#bottommenumid a:link, #bottomLinks a:visited { padding: 10px 10px 1px 10px; margin: 0px;  font-size: 14px; color: #2c2c2f;
	text-decoration: none; text-align: top; }
#bottommenumid a:hover {  color: #ed1c24;}


#bottommenuleft {float: left; width: 5px; height: 50px; background-image: URL('../../images/topmenuleft.gif');}
#bottommenumid {float: left; height: 50px; padding: 10px 0px 2px 0px; background-image: URL('../../images/pozadie4.jpg'); background-repeat: repeat-x;}
#bottommenuright {float: left; width: 5px; height: 50px; background-image: URL('../../images/topmenuright.gif');}

#bottom2Links { position: relative;  margin-top: 30em; width: 86%; color: #EEE; background-image: url(../../images/pozadie4.jpg); background-repeat: repeat-x;  }



#bottom2menumid a{ position:relative;top:8px;}
#bottom2menumid a:link, #bottom2menumid a:visited{ padding: 0px 10px 1px 10px; text-align: center; font-size: 14px; color: #2c2c2f;
	text-decoration: none; }
#bottom2menumid a:hover { color: #ed1c24;}
#bottom2menuleft {float: right; width: 5px; height: 50px; }
#bottom2menumid {position:relative;float: right; width:1024px; height: 40px;
background-image: url(../../images/pozadie4.jpg); background-repeat: repeat-x;text-align:right;z-index:30;
border-radius:0px 0px 20px 20px;-moz-border-radius:0px 0px 20px 20px;-webkit-border-radius:0px 0px 20px 20px;
behavior: url(./css/PIE.htc);}


#bottom2menuright {float: right; width: 5px; height: 50px; }



.floatright {
	position:relative;
	float: right;
	margin: 5px;
}

.floatleft {
	position:relative;
	float: left;
	margin: 3px;
}

.clrfloat {
	clear: both;
}

.clrleft {
	clear: left;
          }

h1 {
	font-size: 20px;
	color: #e01219;
	font-style: bold;
}

h2 {
	font-size: 18px;
	color: #e01219;
	font-weight: bold;
}

h3 {
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}

.produktobal {width: 328px; height: 213px; background-repeat: no-repeat; margin: 0px; text-decoration: none;
 cursor:pointer;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;position:relative;display:block;}
.produktpolozka {padding: 15px 0px 0px 15px; font-size: 17px; text-align: left;  color: #393b45;height:195px;position:relative;
border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;display:block;}
.produktpolozka:hover{color:#e01219;}

.textinimgwrap{width: 328px; height: 273px; background-repeat: no-repeat; margin: 0px; text-decoration: none; cursor:pointer;}
.textinimgitem{padding:  15px 0px 0px 30px;  text-align: left; font-size: 15px; text-align: left;  color: #393b45; height:245px; }
.textinimgitem{text-decoration:none;}
.textinimgitem:hover{color:#e01219}

.text2inimgwrap{width: 1003px; height: 150px; background-repeat: no-repeat; margin: 0px; text-decoration: none; cursor:pointer;}
.text2inimgitem{padding: 20px 0px 0px 30px;  font-size: 15px; text-align: left;  color: #393b45; height:130px; }
.text2inimgitem:hover{color:#e01219}

.text3inimgwrap{width: 1003px; height: 120px; background-repeat: no-repeat; margin: 0px; text-decoration: none; cursor:pointer;
  position:relative; margin-top:-10px;}
.text3inimgitem{padding: 20px 0px 0px 30px;  font-size: 15px; text-align: left;  color: #393b45; height:100px; }

.mainmenuobal {width: 250px; height: 500px; background-repeat: no-repeat; margin: 10px; text-decoration: none; cursor:pointer;}
.mainmenupolozka {padding: 175px 0px 0px 0px; font-size: 17px; text-align: center;  color: white;}

.orderobal {width: 135px; height: 42px; background-repeat: no-repeat; margin-top: 5px; text-decoration: none; cursor:pointer;}
.orderpolozka {padding: 15px 0px 0px 0px; font-size: 10px; text-align: center;  color: red;}


.shopstyle {
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
}
.shopdir {
	border-bottom: 1px solid #800000;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFECEC;
}
.actiondir {
	color: #DDDDDD;
	background-color: #800000;
	font-weight: bold;
	text-align: left;
}
.actiondate {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #800000;
	vertical-align: top;
	width: 180px;
}
.actiontext {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #800000;
	text-align: left;
}

.paragraph {
	text-align: justify;
}

.centeralign {
	text-align: center;
}

.leftalign {
	text-align: left;
}

.rightalign {
	text-align: right;
}

.kontakttext {
	text-align: left;
}

.kontaktname {
	font-weight: bold;
	text-align: left;
	width: 150px;
	vertical-align:top;
}

.kontaktdata {
	text-align: left;
	width: 400px;
}

.newsdate {
	font-weight: bold;
	text-align: left;
	width: 120px;
	vertical-align:top;
}

.newstext {
	text-align: left;
}

.fotothumb a {
	margin: 20px;
	text-align: center;
	position: relative;
	background-color: #CCCCCC;
	border: 1px solid #003366;
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#222222;
}

.fotothumb a:hover {
	background-color: maroon;
	border-color:maroon;
	color:#CCCCCC;
}


.fotothumb img{
	border:0;
}

.fotothumbwb a {
	margin: 15px;
	text-align: center;
	position: relative;
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#222222;
}

.fotothumbwb a:hover {
	background-color: maroon;
	border-color:maroon;
	color:#CCCCCC;
}


.fotothumbwb img{
	border:0;
}


.redtext {
	color:#FF0000;
}

.smallfont {
	font-size:11px;
}

.textindent {
	margin-left:1em;
}



#printablelink {
        float: right;
        width: 158px; height: 45px; background-image: URL('../../images/printer-friendly2.gif');background-repeat: no-repeat;
	font-weight:bold;
	font-size:10px;
}

img {
	border:0;
}

.tblheader {
	font-weight:bold;
	text-align:center;
	background-color:#68bdf0;
}

.tblrowodd {
	text-align:left;
	background-color:#b0e0fd;
}

.tblroweven {
	text-align:left;
}

.tutorialmenu { margin: 30px 0px 0px 200px; color: #EEE;}

.tutorialmid a:link, .tutorialmid a:visited { padding: 10px 10px 1px 10px; margin: 0px; text-align:center; font-size: 12px; color: white;
	text-decoration: none; text-align: center; }
.tutorialmid a:hover{ background-image: URL('../../images/topmenumid_active.png'); background-repeat: repeat-x; color: #bb2d39;}
.active{font-weight:bold;text-decoration:underline;}
.tutorialleft {float: left; width: 5px; height: 32px; background-image: URL('../../images/topmenuleft.gif');}
.tutorialmid {float: left; height: 32px; padding: 10px 0px 2px 0px; background-image: URL('../../images/topmenumid.gif'); background-repeat: repeat-x;}
.tutorialright {float: left; width: 5px; height: 32px; background-image: URL('../../images/topmenuright.gif');}
#tutorial_video {margin-left: 150px;}

.hwzoznam {}
.hwzoznam h2 {clear: both;}                                                                          /* Nadpis hardwareovych skupin*/
.hwzoznam ul {font: bold 14px;}
.hwzoznam ul li {margin: 0px 0px 0px 15px; text-decoration:none; float: left; padding: 0px 5px 5px 15px; list-style-type: none;}
.hwzoznam ul li h6 {margin: 0px; padding: 0px 0px 0px 15px; border: 0px; background: url('../../images/ul.gif') no-repeat 0px 0px; }
.hwzoznam ul li a:link, .hwzoznam ul li a:visited {color:#000000}                        /* un and visited link */
.hwzoznam ul li a:hover {text-decoration: underline;}                                    /* mouse over link */
.hwzoznam ul li a img {margin: 0px 0px 0px 15px; padding: 0px 5px 5px 15px; border: 0px;}

.hwzoznam ul .hwnazov {list-style-image: URL('../../images/ulreverse.gif'); float: none;}
#innercontent { padding: 65px; padding-top:15px; }  /* Zmenené 20.6. */
#menucontent { padding: 0px; padding-left:5px; }  /* Zmenené 23.6. */

/* Mozilla code */
#outer > #inner { border-bottom: 1px solid transparent; }
#content { margin: 0px -3px 0px -2px;}
#button_links{position:absolute;top:-20px;height:36px;margin-left:835px;z-index:10;}
#button_links a{height:36px;}
#button_links img{position:relative;margin:55px 5px 55px 5px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}



#apislogo{position:relative;float:left;margin-left:0px;z-index:1;
border-radius:20px 20px 0px 0px;-moz-border-radius:20px 20px 0px 0px;
-webkit-border-radius:20px 20px 0px 0px;behavior: url(./css/PIE.htc);}


#content table a:link, #content table a:visited{font-size:9pt;cursor:pointer;}
#content table a:hover{cursor:pointer;}


/*hidden elements */
#hidden, #hiddenorderstandard , #hiddenitem, #hiddenorderdocuments, #kontakty2,
#kontakty3, #kontakty4, #kontakty5, #kontakty6, #kontakty7, .emailhidden, #requireditems_hidden,
#toppager, #refpager , .keywords_hidden{display:none;}
/*  END  */

#requireditems_IE{position:relative;margin-right:330px;}

#kontakty1_1{position:relative;margin-left:-15px;}
#kontakty1_2{position:relative;margin-left:-15px;}
#kontakty_granus{position:relative;margin-top:-30px;}

.contactlistheader a:link, .contactlistheader a:visited{text-decoration:none;color:#423333;}
.contactlistheader a:hover{color:#ae080e;text-decoration:none;}
.contactlistheader{position:relative;margin-top:2px;margin-bottom:2px;}
.contact_table_main h3 {display:inline;}

/* show-hide buttons*/
#showbutton:link, #showbutton:visited{color:#e01219;text-decoration:none;}
#showbutton:hover{text-decoration:underline;color:#ae080e;}
#hidebutton:link, #showbutton:visited{color:#e01219;text-decoration:none;}
#hidebutton:hover{text-decoration:underline;color:#ae080e;}
/* end of show-hide buttons */

#introtopbanner{width:1000px;height:300px;position:relative;margin-left:7px;font-size:14pt; color:#ae080e;overflow:hidden;}
.introtopbannerpage{text-align:left;font-size:15px;width:1000px;background-color:#eceff4;height:300px;}
.introtopbannerpage img{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}

.checkbox{position:relative;margin-right:180px;}
.radio{position:relative;margin-right:180px;}


#nounderline a{text-decoration:none;}
#nounderline{position:relative;padding:0px;;}

.referenciepolozka{padding-left:10px;padding-right:10px;}
.refnadpis{position:relative;margin-left:10px;color:black;font-size:14pt;}
.refnadpis:hover{color:#e01219;}

/*vrchne vysuvacie menu*/
#topdropdownmenu{position:relative;z-index: 100 !important;}
#topdropdownmenu, #topdropdownmenu ul {padding: 0;margin: 0;list-style: none;}
#topdropdownmenu a {display: block;height:25px;}
#topdropdownmenu li {float: left;width: auto;}
#topdropdownmenu li ul a{}
#topdropdownmenu li ul, #topdropdownmenu li ul li ul {position: absolute;left: -999em;}
#topdropdownmenu li ul li, #topdropdownmenu li ul li ul li{height:25px;border:0px;width: auto;}
#topdropdownmenu li:hover ul, #topdropdownmenu li.sfhover ul  {left:auto;} 
#topdropdownmenu li ul, #topdropdownmenu li ul li ul, #topdropdownmenu li ul li ul li ul
{background-image:url('../../images/pozadie_dropdown.png');background-repeat: repeat-x;border-bottom-style:solid;
border-right-style:solid;border-width:1px;border-color:black;
box-shadow: 10px 10px 10px #2f2b2c; -webkit-box-shadow:10px 10px 10px #2f2b2c;
 -moz-box-shadow:10px 10px 10px #2f2b2c;}

#swtopmenuitems li, #swtopmenuitems a{height:25px;width:220px;padding: 5px 0px 0px 0px;}
#swtopmenuitems{width:240px;border-radius:0px 0px 10px 0px;-moz-border-radius:0px 0px 10px 0px;
-webkit-border-radius:0px 0px 10px 0px;}
#swtopmenuitems li:hover, #swtopmenuitems li.sfhover{background-color:#eceff4;}
#hwtopmenuitems{width:200px;border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;}
#hwtopmenuitems li, #hwtopmenuitems a{height:25px;width:180px;padding: 5px 0px 0px 0px;}
#hwtopmenuitems li:hover, #hwtopmenuitems li.sfhover{background-color:#eceff4;}
#hwtopmenuitems li:hover ul, #hwtopmenuitems li.sfhover ul{display:block;}

#biocitackytopmenuitems{right:-211px;width:220px;top:0px;display:none;
border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px;}
#biocitackytopmenuitems li, #biocitackytopmenuitems a{height:25px;width:200px;}

#rfidcitackytopmenuitems{right:-151px;width:150px;display:none;top:30px;
border-radius:0px 10px 10px 0px;-moz-border-radius:0px 10px 10px 0px;-webkit-border-radius:0px 10px 10px 0px;}
#rfidcitackytopmenuitems li, #rfidcitackytopmenuitems a{height:25px;width:130px;}

#dokladovecitackytopmenuitems{right:-151px;width:150px;display:none;top:90px;
border-radius:0px 10px 10px 10px;-moz-border-radius:0px 10px 10px 10px;-webkit-border-radius:0px 10px 10px 10px;}
#dokladovecitackytopmenuitems li, #dokladovecitackytopmenuitems a{height:25px;width:130px;}

#podlozkytopmenuitems{right:-151px;width:150px;display:none;top:120px;
border-radius:0px 10px 10px 10px;-moz-border-radius:0px 10px 10px 10px;-webkit-border-radius:0px 10px 10px 10px;}
#podlozkytopmenuitems li, #podlozkytopmenuitems a{height:25px;width:130px;}

#turniketytopmenuitems{right:-171px;width:170px;display:none;top:150px;
border-radius:0px 10px 10px 10px;-moz-border-radius:0px 10px 10px 10px;-webkit-border-radius:0px 10px 10px 10px;}
#turniketytopmenuitems li, #turniketytopmenuitems a{height:25px;width:150px;}

#biometriatopmenuitems{width:170px;border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;}
#biometriatopmenuitems li, #biometriatopmenuitems a{height:25px;width:150px;padding: 5px 0px 0px 0px;}
#biometriatopmenuitems li:hover, #biometriatopmenuitems li.sfhover{background-color:#eceff4;}
#biometriatopmenuitems li:hover ul, #biometriatopmenuitems li.sfhover ul{display:block;}

/*koniec menu*/

.menuspacer{position:relative;width:950px;z-index:-1;}
.menuspacerIE{position:relative;width:950px;height:20px;z-index:-1;}

#kontaktmap{width:400px;position:relative;height:300px;float:right;
background: url(../../images/loader.gif); background-repeat: no-repeat; background-position: center;}
#kontaktywrapper{position:relative;clear:both;padding-top:10px;}


.email a:link, .email a:visited{text-decoration:none;cursor:pointer;}
.email a:hover{color:#ae080e;text-decoration:none;cursor:pointer;}

/* referencie page */
#referenciepage h5{position:relative;margin-bottom:-15px;}
#referenciepage h6{position:relative;margin-bottom:5px;}
#referenciepage table tr{position:relative;}
/* END of referencie page */

/*socialbar = fb,g+, twitter*/
#socialbar{position:relative;float:left;margin-top:20px;width:894px;}
#socialbar a{text-decoration:none;}
#socialbar_share{padding-right:10px;}
#socialbar_googleplus{position:relative;margin-top:3px;}
/*end of socialbar*/


/* intro page boxes */
.introbox{background-color:#f8fafc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
position:relative;margin-top:10px;behavior: url(./css/PIE.htc);}
.introbox ul{position:relative;margin-left:0px;}
.introbox ul li{position:relative;padding-bottom:7px;font-size:12px;}
#swbox{width:280px;position:relative;margin-left:9px;height:385px;}
#swbox ul {list-style-image:url('./../../images/li_blue.png');}
#hwbox{width:420px;position:relative;float:right;margin-right:8px;height:385px;}
#hwbox ul {position:relative;list-style-image:url('./../../images/li_green.png');}
#hwbox ul ul{padding-right:15px;padding-top:7px;padding-bottom:0px;}
#hwbox ul li{float:left;}
#hwbox ul li ul li{float:none;}
#referenciebox{position:relative;float:right;margin-right:13px;width:280px;height:385px;}
#refbanner{width:250px;position:relative;margin-left:auto;margin-right:auto;height:330px;overflow:hidden;}
.refbannerpage{width:250px;height:330px;background-color:#f8fafc;}
.refbannerpage img{padding:8px;position:relative;float:left;}
#refbannerlist1, #refbannerlist1 img, #refbannerlist1 li {position:relative;float:none;}
#refbannerlist1{list-style-type:none;position:relative;margin-left:-25px;margin-top:0px;}
#refbannerlist1 img{padding:0px;}
.refbannerlist1text{position:relative;font-size:11pt;}
.boxheader{height:30px;background-color:#e02520;border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;position:relative;margin-bottom:15px;margin-top:0px;padding-top:0px;
behavior: url(./css/PIE.htc);}
.boxheader h2{position:relative;color:white;padding-left:20px;padding:3px 0px 0px 20px;margin-top:0px;}
.boximg{position:relative;margin-left:15px;margin-top:-5px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
behavior: url(./css/PIE.htc);}
/* end of intro page boxes */

/* image positioning classes - wrap the entire image row with <rightimg> or <leftimg> to place them*/
.leftimg{position:relative;float:left;padding:0px 5px 0px 5px;width:880px;}
.rightimg{position:relative;float:right;padding:0px 5px 0px 5px;}
.lightboximg{position:relative;margin-left:-2px;padding:5px 10px 10px 10px;float:left;text-align:center;
color:black;font-size:8pt;font-style:italic;}
.lightboxtext{position:relative;top:5px;}
.materials{position:relative;width:131px;float:left;padding:0px 20px 0px 0px;}
/* END  of image positioning classes*/

.contact_table{width:600px; border-width:0px;position:relative;margin:0px;padding:3px;}
.contact_table td{width:250px;}
.contact_table_main{width:800px;border-width:0px;margin:0px;padding:}
.contact_table_main td {border-width:0px;margin:0px;padding:3px;}

#xhtml_valid{position:relative;margin-left:10px;}

.download_table_200{width:200px;}
.download_table_50{width:50px;}
.download_table_70{width:70px;}
.download_table_header{background-color:#CCCCCC;}

ul {list-style-image:url('./../../images/li_red.png');}

/*flowplayer css*/
.caption {background: url(./../../images/play.png) no-repeat 5px center;padding-left: 30px;font-size: 14px;font-weight: bold;position:relative;
margin-left:-5px;}
.button{display:none;}
.videoDiv {margin: auto;margin-top: 30px;padding: 0px 10px 10px 10px;
-webkit-border-radius:8px;-moz-border-radius: 8px;border-radius: 8px;display:none;}
.button a:link, .videoDiv a:visited{background-color: #6d6d6d;color: white;font-size: 12px;font-weight: bold;padding: 1px 5px 1px 5px;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-decoration:none;}
.button a:hover{background-color: #e01219;color:white;text-decoration:none;}
/*end of flowplayer css */

/*tipsy css */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.7; filter: alpha(opacity=70); background-repeat: no-repeat;  background-image: url(./../../images/tipsy.gif); 
position:relative;margin-top:-77px;z-index:200;}
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
/*end of tipsy css*/