/* Omega Fields Template CSS   */
/*                             */
/* Dark Color:   282a76 (drk)  */
/* Medium Color: a3af98 (med)  */
/* Light Color:  dadada (lht)  */
/*                             */


/* General Formatting -----------------------------------------*/
BODY, p, td, 
ol, ul, li          { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 11px; color: #464646; }
ol, ul              { margin: 4px 0px 0px 35px; padding: 0px; }
p                   { line-height: 14px; }
li                  { padding-bottom: 4px }
form                { margin: 0px; }
input               { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 11px; margin: 0px; }

.prod				{ font-size: 10px; line-height: 12px; margin: 0px 0px 10px 0px; padding: 0px; }
.white				{ color: #FFFFFF; }
.caps				{ text-transform: uppercase; }
.small				{ font-size: 10px; line-height: 12px; }
.right				{ text-align: right; }
.error              { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 11px; line-height: 14px; color: #990000; }


/* Table Borders -----------------------------------------*/
/* Outside Border */
.tbl-bdrdrk         { background-color:#ffffff; border: 1px solid #282a76; }  /* Border set with dark color */
.tbl-bdrmed         { background-color:#ffffff; border: 1px solid #a3af98; }  /* Border set with medium color */
.tbl-bdrlht         { background-color:#ffffff; border: 1px solid #dadada; }  /* Border set with light color */

/* Columns only Border */
.tbl-coldrk         { background-color:#ffffff; border-right: 1px solid #282a76; }  /* Border set with dark color */
.tbl-colmed         { background-color:#ffffff; border-right: 1px solid #a3af98; }  /* Border set with medium color */
.tbl-collht         { background-color:#ffffff; border-right: 1px solid #dadada; }  /* Border set with light color */

/* Rows only Border */
.tbl-rowdrk         { background-color:#ffffff; border-bottom: 1px solid #282a76; }  /* Border set with dark color */
.tbl-rowmed         { background-color:#ffffff; border-bottom: 1px solid #a3af98; }  /* Border set with medium color */
.tbl-rowlht         { background-color:#ffffff; border-bottom: 1px solid #dadada; }  /* Border set with light color */

/* Full Grid Border */
.tbl-grddrk         { background-color:#ffffff; border-right: 1px solid; border-bottom: 1px solid; border-color: #282a76; }  /* Border set with dark color */
.tbl-grdmed         { background-color:#ffffff; border-right: 1px solid; border-bottom: 1px solid; border-color: #a3af98; }  /* Border set with medium color */
.tbl-grdlht         { background-color:#ffffff; border-right: 1px solid; border-bottom: 1px solid; border-color: #dadada; }  /* Border set with light color */

/* Cell Top Border */
.tbl-topdrk         { background-color:#e6e6e6; border-top: 1px solid #282a76; }  /* Border set with dark color */
.tbl-topmed         { background-color:#ffffff; border-top: 1px solid #a3af98; }  /* Border set with medium color */
.tbl-toplht         { background-color:#ffffff; border-top: 1px solid #dadada; }  /* Border set with light color */


/* Text Headers -----------------------------------------------*/
.hdr                { font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #282a76; padding: 0px; margin: 0px; }
.hdrsub             { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #282a76; padding: 0px; margin: 0px; }
.hdrLeftNav         { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #282a76; padding: 0px; margin: 0px; }


/* Backgrounds ------------------------------------------------*/
BODY                { background: url(../images/bkg/bkg-body.png)       repeat-x #070921; background-attachment:fixed; }           /* Background for entire page */
.bkg-hdr            { background: url(../images/bkg/bkg-hdr.gif)        repeat-x #ffffff; }  /* Background for header area */
.bkg-navtop         { background: url(../images/bkg/bkg-navtop.gif)     repeat-x #ffffff; }  /* Background for top navigation */
.bkg-shdw           { background: url(../images/bkg/bkg-shdw.gif)       repeat-x #ffffff; }  /* Shadow Background Under top navigation */
.bkg-trail          { background: url(../images/bkg/bkg-trail.gif)      repeat-x #ffffff; }  /* Background for bread crumb trail area */
.bkg-content        { background: url(../images/bkg/bkg-content.gif)    repeat-y #ffffff; }  /* Background for content area */
.admin-bkg-content 	{background-color: #ffffff}
.bkg-DynamicResize	{ background: repeat-y #ffffff; }  /* Background for content area when Dynamic Display Resizing is turned on*/

/* Areas ------------------------------------------------------*/
.area-hdr           { background: url(../images/bkg/bkg-areahdr.gif)    repeat-x #282a76; padding: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; }  /* Menu Header */
.area-cart          { background: url(../images/bkg/bkg-areacart.gif)   repeat-x #ffffff; padding: 8px; font-family: Verdana,Geneva,Arial,sans-serif; font-size: 9px; color: #282a76; }  /* Body of Shopping Cart */
.area-opt           { background: url(../images/bkg/bkg-areaopt.gif)    repeat-x #a5c2e6; padding: 6px; font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; color: #282a76; } 
.area-opt-1           { background: url(../images/bkg/bkg-areaopt2.gif)    repeat-x #a5c2e6; padding: 0px; font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; color: #3b3b3b; } /* Product Sort Options & Shopping Cart Options Areas */
.area-menu          { background: url(../images/bkg/bkg-areamenu.gif)   repeat-x #ffffff; padding: 5px 5px 5px 0px; }  /* Products Menu */


/* Dividers ---------------------------------------------------*/
.div-gray           { background: url(../images/divides/div-gray.gif)   repeat-x #b5b5b5; }  /* Navigation */
.div-ldot           { background: url(../images/divides/div-ldot.gif)   repeat-x #ffffff; }  /* Light Dot Line */
.div-ddot           { background: url(../images/divides/div-ddot.gif)   repeat-x #ffffff;}  /* Dark Dot Line */
.div-ddot2          { background: url(../images/divides/div-ddot2.gif)   repeat-x #ffffff 0% 50%;}  /* Dark Dot Line */
.div-ldotv          { background: url(../images/divides/div-ldotv.gif)  repeat-y #ffffff center; }  /* Light Dot Line Vertical */
.div-ddotv          { background: url(../images/divides/div-ddotv.gif)  repeat-y #ffffff center; }  /* Dark Dot Line Vertical */
.div-lsolid         { background: url(../images/divides/div-lsolid.gif) repeat-x #dadada; }  /* Light Solid Line */
.div-dsolid         { background: url(../images/divides/div-dsolid.gif) repeat-x #545454; }  /* Dark Solid Line */


/* Navigation -------------------------------------------------*/

/* General Site Links */
a 					{ text-decoration: none; color: #282a76; }
a:link 				{ text-decoration: none; color: #282a76; }
a:active 			{ text-decoration: none; color: #282a76; }
a:visited			{ text-decoration: none; color: #282a76; }
a:hover 			{ text-decoration: none; color: #000000; }


/* Product Links */
.nav-prod           { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #282a76; }
a.nav-prod          { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #282a76; }
a:link.nav-prod     { text-decoration: none; font-weight: bold; color: #282a76; }
a:active.nav-prod   { text-decoration: none; font-weight: bold; color: #282a76; }
a:visited.nav-prod  { text-decoration: none; font-weight: bold; color: #282a76; }
a:hover.nav-prod    { text-decoration: underline; font-weight: bold; color: #000000; }


/* Top Navigation Bar */
.navtop             { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: normal; color: #ffffff; }
a.navtop            { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: normal; color: #ffffff;  padding: 0px 3px 0px 3px; }
a:link.navtop       { text-decoration: none; text-transform: none; font-weight: normal; color: #ffffff; }
a:active.navtop     { text-decoration: none; text-transform: none; font-weight: normal; color: #ffffff; }
a:visited.navtop    { text-decoration: none; text-transform: none; font-weight: normal; color: #ffffff; }
a:hover.navtop      { text-decoration: underline; text-transform: none; font-weight: normal; color: #fff; }

a.navtop-at         { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: underline; font-weight: normal; color: #ffffff;  padding: 0px 3px 0px 3px; }
a:link.navtop-at    { text-decoration: underline; text-transform: none; font-weight: normal; color: #fff; }
a:active.navtop-at  { text-decoration: underline; text-transform: none; font-weight: normal; color: #fff; }
a:visited.navtop-at {text-decoration: underline; text-transform: none; font-weight: normal; color: #fff; }
a:hover.navtop-at   { text-decoration: underline; text-transform: bold; font-weight: normal; color: #fff; }



/* Bread Crumb Trail */
.trail              { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: normal; color: #b1b1b1; }
a.trail             { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: normal; color: #b1b1b1; }
a:link.trail        { text-decoration: none; text-transform: none; font-weight: normal; color: #b1b1b1; }
a:active.trail      { text-decoration: none; text-transform: none; font-weight: normal; color: #b1b1b1; }
a:visited.trail     { text-decoration: none; text-transform: none; font-weight: normal; color: #b1b1b1; }
a:hover.trail       { text-decoration: underline; text-transform: none; font-weight: normal; color: #b1b1b1; }

a.trail-at          { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: normal; color: #3b3b3b; }
a:link.trail-at     { text-decoration: none; text-transform: none; font-weight: normal; color: #3b3b3b; }
a:active.trail-at   { text-decoration: none; text-transform: none; font-weight: normal; color: #3b3b3b; }
a:visited.trail-at  { text-decoration: none; text-transform: none; font-weight: normal; color: #3b3b3b; }
a:hover.trail-at    { text-decoration: underline; text-transform: none; font-weight: normal; color: #3b3b3b; }


/* Help and Contact Links */
.help               { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: normal; color: #3b3b3b; }
a.help              { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: normal; color: #3b3b3b;  padding: 0px 4px 0px 4px; }
a:link.help         { text-decoration: none; text-transform: none; font-weight: normal; color: #3b3b3b; }
a:active.help       { text-decoration: none; text-transform: none; font-weight: normal; color: #3b3b3b; }
a:visited.help      { text-decoration: none; text-transform: none; font-weight: normal; color: #3b3b3b; }
a:hover.help        { text-decoration: none; text-transform: none; font-weight: normal; color: #282a76; }


/* Menu */
.nav-left           { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #282a76; padding: 3px 0px 3px 0px; }
a.nav-left          { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #282a76; padding: 3px 0px 3px 0px; display: block; border-bottom: 1px solid #ebebeb; }
a:link.nav-left     { text-decoration: none; color: #282a76; }
a:active.nav-left   { text-decoration: none; color: #282a76; }
a:visited.nav-left  { text-decoration: none; color: #282a76; }
a:hover.nav-left    { text-decoration: none; color: #000000; }

.nav-left-at           { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #000000; padding: 3px 0px 2px 0px; font-weight: bold; }
a.nav-left-at          { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #000000; padding: 3px 0px 2px 0px; font-weight: bold; display: block; }
a:link.nav-left-at     { text-decoration: none; color: #000000; font-weight: bold; }
a:active.nav-left-at   { text-decoration: none; color: #000000; font-weight: bold; }
a:visited.nav-left-at  { text-decoration: none; color: #000000; font-weight: bold; }
a:hover.nav-left-at    { text-decoration: underline; color: #000000; font-weight: bold; }

.nav-left-at-with-line 	           { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #000000; padding: 3px 0px 2px 0px; font-weight: bold; }
a.nav-left-at-with-line 	         { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #000000; padding: 3px 0px 2px 0px; font-weight: bold; display: block; border-bottom: 1px solid #ebebeb; }
a:link.nav-left-at-with-line	     { text-decoration: none; color: #000000; font-weight: bold; }
a:active.nav-left-at-with-line 	   { text-decoration: none; color: #000000; font-weight: bold; }
a:visited.nav-left-at-with-line  	 { text-decoration: none; color: #000000; font-weight: bold; }
a:hover.nav-left-at-with-line    	 { text-decoration: underline; color: #000000; font-weight: bold; }

.nav-subleft           { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #666666; padding: 2px 0px 2px 10px; }
a.nav-subleft          { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #666666; padding: 2px 0px 2px 10px; display: block; }
a:link.nav-subleft     { text-decoration: none; color: #666666; }
a:active.nav-subleft   { text-decoration: none; color: #666666; }
a:visited.nav-subleft  { text-decoration: none; color: #666666; }
a:hover.nav-subleft    { text-decoration: underline; color: #282a76; }

.nav-subleft-at           { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #282a76; padding: 2px 0px 2px 10px; font-weight: bold;  }
a.nav-subleft-at          { font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #282a76; padding: 2px 0px 2px 10px; display: block; font-weight: bold;  }
a:link.nav-subleft-at     { text-decoration: none; color: #282a76; font-weight: bold;  }
a:active.nav-subleft-at   { text-decoration: none; color: #282a76; font-weight: bold;  }
a:visited.nav-subleft-at  { text-decoration: none; color: #282a76; font-weight: bold;  }
a:hover.nav-subleft-at    { text-decoration: underline; color: #282a76; font-weight: bold;  }


/* Product Sort Options & Shopping Cart Options Links */
a.nav-opt              { font-family: Verdana,Geneva,Arial,sans-serif; text-decoration: none; font-weight: normal; color: #3b3b3b; }
a:link.nav-opt         { text-decoration: none; text-transform: none; font-weight: normal; color: #3b3b3b; }
a:active.nav-opt       { text-decoration: none; text-transform: none; font-weight: normal; color: #3b3b3b; }
a:visited.nav-opt      { text-decoration: none; text-transform: none; font-weight: normal; color: #3b3b3b; }
a:hover.nav-opt        { text-decoration: none; text-transform: none; font-weight: normal; color: #282a76; }

a.nav-opt-at           { font-family: Verdana,Geneva,Arial,sans-serif; text-decoration: none; font-weight: bold; color: #282a76; }
a:link.nav-opt-at      { text-decoration: none; text-transform: none; font-weight: bold; color: #282a76; }
a:active.nav-opt-at    { text-decoration: none; text-transform: none; font-weight: bold; color: #282a76; }
a:visited.nav-opt-at   { text-decoration: none; text-transform: none; font-weight: bold; color: #282a76; }
a:hover.nav-opt-at     { text-decoration: underline; text-transform: none; font-weight: bold; color: #282a76; }


/* Page Links */
a.nav-pg               { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: bold; color: #464646; padding: 4px; margin: 0px; text-align: center; }
a:link.nav-pg          { text-decoration: none; color:#464646; font-weight:bold; }
a:active.nav-pg        { text-decoration: none; color:#464646; font-weight:bold; }
a:visited.nav-pg       { text-decoration: none; color:#464646; font-weight:bold; }
a:hover.nav-pg         { text-decoration: none; color:#ffffff; font-weight:bold; background: #333333; }

a.nav-pg-at            { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: bold; color: #ffffff; padding: 4px; background: #333333; margin: 0px; text-align: center; }
a:link.nav-pg-at       { text-decoration: none; color:#ffffff; font-weight:bold; }
a:active.nav-pg-at     { text-decoration: none; color:#ffffff; font-weight:bold; }
a:visited.nav-pg-at    { text-decoration: none; color:#ffffff; font-weight:bold; }
a:hover.nav-pg-at      { text-decoration: none; color:#ffffff; font-weight:bold; background: #333333; }


/* Copyright Text and Links */
.copy				{ font-family: Verdana,Geneva,Arial,sans-serif; font-size: 7.0pt; color: #ffffff; line-height: 11px; }
a.copy 				{ text-decoration: none; color: #ffffff; }
a:link.copy 		{ text-decoration: none; color: #ffffff; }
a:active.copy 		{ text-decoration: none; color: #ffffff; }
a:visited.copy		{ text-decoration: none; color: #ffffff; }
a:hover.copy 		{ text-decoration: underline; color: #ffffff; }


/* Buttons ----------------------------------------------------*/
/* Box Button */
a.btn               { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: bold; color: #282a76; padding: 3px; border: 1px solid #282a76; background: #ffffff; float: left; margin: 0px 3px 3px 0px; text-align: center; }
a:link.btn          { text-decoration: none; color: #282a76; font-weight:bold; }
a:active.btn        { text-decoration: none; color: #282a76; font-weight:bold; }
a:visited.btn       { text-decoration: none; color: #282a76; font-weight:bold; }
a:hover.btn         { text-decoration: none; color: #282a76; font-weight:bold; background: #fffbee; }

a.btn-at            { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: bold; color: #282a76; padding: 3px; border: 1px solid #282a76; background: #a5c2e6; float: left; margin: 0px 3px 3px 0px; text-align: center; }
a:link.btn-at       { text-decoration: none; color: #282a76; font-weight:bold; }
a:active.btn-at     { text-decoration: none; color: #282a76; font-weight:bold; }
a:visited.btn-at    { text-decoration: none; color: #282a76; font-weight:bold; }
a:hover.btn-at      { text-decoration: none; color: #282a76; font-weight:bold; background: #fffbee; }

/* Input Form Button */
.btn-form           { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: bold; color: #464646; padding: 0px; border: 1px solid #cdcdcd; background: #e4e4e4; margin: 0px; text-align: center; }


/* Product Table ----------------------------------------------------*/
.tbl-drow            { background: #f4f4f4; padding: 3px; }  /* Dark Alternating Row Color */
.tbl-lrow            { background: #ffffff; padding: 3px; }  /* Light Alternating Row Color */


/* Allows for dynamic resize of look and feel ----------------------------------------------------*/
.tableExpand		{float: left; }


/* Boom Image ----------------------------------------------------*/
.boom 			{align:right; border:solid 1px silver; padding:0px; margin-left:0px; margin-top:-10px; margin-bottom:20px; }
.boomPadding 	{margin-bottom:10px;}
.noBoomPadding 	{margin-bottom:-10px;}

/* Slider ----------------------------------------------------*/




/* SLIDER STRUCTURE */

#slider {
   background: #ffffff;
   box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
   height: 255px;
   width: 625px;
   margin: 40px auto 0;
   overflow: visible;
   position: relative;
}

/* HIDE ALL OUTSIDE OF THE SLIDER */

#mask {
   overflow: hidden;
   height: 255px;
}

/* IMAGE LIST */

#slider ul {
   margin: 0;
   padding: 0;
   position: relative;
}

#slider li {
   width: 625px;  /* Width Image */
   height: 255px; /* Height Image */
   position: absolute;
   top: -260px; /* Original Position - Outside of the Slider */
   list-style: none;
}

#slider li.firstanimation {
   animation: cycle 30s linear infinite;
}

#slider li.secondanimation {
   animation: cycletwo 30s linear infinite;
}

#slider li.thirdanimation {
   animation: cyclethree 30s linear infinite;
}

#slider li.fourthanimation {
   animation: cyclefour 30s linear infinite;
}

#slider li.fifthanimation {
   animation: cyclefive 30s linear infinite;
}

#slider li.sixthanimation {
   animation: cyclesix 30s linear infinite;
}


/* ANIMATION */

@keyframes cycle {
   0%  { top: 0px; } /* When you start the slide, the first image is already visible */
   3%  { top: 0px; } /* Original Position */
   9% { top: 0px; opacity:1; z-index:0; } /* From 3% to 9 % = for 3 seconds the image is visible */
   12% { top: 260px; opacity: 0; z-index: 0; } /* From 9% to 12% = for 1 second exit image */
   13% { top: -260px; opacity: 0; z-index: -1; } /* Return to Original Position */
   
   94% { top: -260px; opacity: 0; z-index: 0; }   
   97% { top: -260px; opacity: 0; } /* From 96% to 100% = for 1 second enter image*/
   100%{ top: 0px; opacity: 1; }
}

@keyframes cycletwo {
   0%  { top: -260px; opacity: 0; } /* Original Position */
   9% { top: -260px; opacity: 0; }/* Starts moving after 16% to this position */
   12% { top: 0px; opacity: 1; }
   16% { top: 0px; opacity: 1; }  /* From 20% to 24% = for 1 second enter image*/
   34% { top: 0px; opacity: 1; z-index: 0; }   /* From 24% to 36 % = for 3 seconds the image is visible */
   37% { top: 260px; opacity: 0; z-index: 0; } /* From 36% to 40% = for 1 second exit image */
   38% { top: -260px; opacity: 0; z-index: -1; }   /* Return to Original Position */
   100%{ top: -260px; opacity: 0; z-index: -1; }
}

@keyframes cyclethree {
   0%  { top: -260px; opacity: 0; }
   34% { top: -260px; opacity: 0; }
   37% { top: 0px; opacity: 1; }
   40% { top: 0px; opacity: 1; }
   49% { top: 0px; opacity: 1; }
   52% { top: 260px; opacity: 0; z-index: 0; }
   53% { top: -260px; opacity: 0; z-index: -1; }
   100%{ top: -260px; opacity: 0; z-index: -1; }
}

@keyframes cyclefour {
   0%  { top: -260px; opacity: 0; }
   49% { top: -260px; opacity: 0; }
   52% { top: 0px; opacity: 1; }
   55% { top: 0px; opacity: 1; } /* 1 sec*/
   64% { top: 0px; opacity: 1; z-index: 0; } /*3sec*/
   67% { top: 260px; opacity: 0; z-index: 0; } /*1sec*/
   68% { top: -260px; opacity: 0; z-index: -1; }
   100%{ top: -260px; opacity: 0; z-index: -1; }
}
@keyframes cyclefive {
   0%  { top: -260px; opacity: 0; }
   64% { top: -260px; opacity: 0; }
   67% { top: 0px; opacity: 1; }
   70% { top: 0px; opacity: 1; }
   79% { top: 0px; opacity: 1; z-index: 0; }
   82% { top: 260px; opacity: 0; z-index: 0; }
   83% { top: -260px; opacity: 0; z-index: -1; }
   100%{ top: -260px; opacity: 0; z-index: -1; }
}
@keyframes cyclesix {
   0%  { top: -260px; opacity: 0; }
   79% { top: -260px; opacity: 0; }
   82% { top: 0px; opacity: 1; }
   85% { top: 0px; opacity: 1; }
   94% { top: 0px; opacity: 1; z-index: 0; }
   100%{ top: 260px; opacity: 0; z-index: 0; }
}