/* Positioning the dock */
.dock { position: absolute; left: 0; bottom: 0; width: 100%; }

/* Classes for dock construction
-------------------------------------*/
.dock-menu { height: 100px; margin: 0 auto; display: table; } /* display:table; allowing centering of list items to work */
.dock-menu ul { list-style-type: none; display: inline; }
.dock-menu ul li { float: left; position: relative; padding-top: 20px; }
.dock-menu a { display: block; }

/* Classes for dock stlying
-------------------------------------*/
.dock { background: transparent url(../images/bg.png) repeat; }
.dock-menu a { color: #fff; text-decoration: none; }

/* Disable second level (and onwards) items */
.dock-menu ul ul { display: none; }

/* Dock icon sprites (normal) */
.dock-menu ul li a.icon { background: transparent url(../images/dock-normal.png) no-repeat; width: 56px; height: 56px; }
.dock-menu ul li a.home { background-position: 0 0; }
.dock-menu ul li a.epg { background-position: -56px 0; }
.dock-menu ul li a.pvr { background-position: -111px 0; }
.dock-menu ul li a.vod { background-position: -167px 0; }
.dock-menu ul li a.web { background-position: -221px 0; }
.dock-menu ul li a.conf { background-position: -276px 0; }
.dock-menu ul li a.help { background-position: -332px 0; }

/* Dock icon sprites (hover) */
.dock-menu ul li:hover a.icon, .dock-menu ul li a.icon:hover { background: transparent url(../images/dock-glow.png) no-repeat; width: 132px; height: 100px; position: absolute; left: -26px; top: -20px; }
.dock-menu ul li:hover a.home, .dock-menu ul li a.home:hover { background-position: 0 0; }
.dock-menu ul li:hover a.epg, .dock-menu ul li a.epg:hover { background-position: -132px 0; }
.dock-menu ul li:hover a.pvr, .dock-menu ul li a.pvr:hover { background-position: -264px 0; }
.dock-menu ul li:hover a.vod, .dock-menu ul li a.vod:hover { background-position: -396px 0; }
.dock-menu ul li:hover a.web, .dock-menu ul li a.web:hover { background-position: -528px 0; }
.dock-menu ul li:hover a.conf, .dock-menu ul li a.conf:hover { background-position: -660px 0; }
.dock-menu ul li:hover a.help, .dock-menu ul li a.help:hover { background-position: -792px 0; }

/* Hacks for better positioning */
.dock-menu>ul>li { margin-left: 10px; margin-right: 10px; }
.dock-menu>ul>li:hover a, .dock-menu>ul>li a:hover { margin-left: 25px; }
.dock-menu>ul>li:hover:after { content: "."; display: block; width: 130px; visibility: hidden; }
