.mobiledemo {margin:80px 0px;font-size: 1.4em; background-color:#F7F7F7; height: 250px; width: 600px; position: relative; top: 0;}
#content ul.localNav li a{text-decoration:none;}
.hiloPhone {height: 280px; width: 220px; position: absolute; left: 8px; top: -54px}
.hiloSH {height: 125px; width: 106px; position: absolute; left: 62px; top: 10px}
.pInstall{background: url(../../s/images/mobile/demo-mobile-hilo/phone-install.jpg) 0 0 no-repeat}
#mobilehilodemo #pPhone{background: url(../../s/images/mobile/demo-mobile-hilo/phone-h1.jpg) 0 0 no-repeat}
#mobilesportsdemo #pPhone{background: url(../../s/images/mobile/demo-mobile-sportsbook/phone-h1.jpg) 0 0 no-repeat}
.splashContent {position: absolute; top: 25px; right: 25px; padding-left: 247px;  height: 165px; width: 330px; color: #333; text-align: left; font-size: .7em; line-height: 1.2em;}
.splashContent span#l1 { display: block; margin-right: 4ex}
.splashContent span#l2 { display: block; font-size: 1.5em; font-weight: normal; margin-right: 2.7ex}
.splashContent #intro {margin: 0 0 55px 0; font-size: 1.1em}
.splashContent p {margin: 0 0 8px 0}
.splashContent h3 {clear: right; font-size: 1.4em; margin: 0;position: absolute; bottom:10px;right:0;}
.splashContent h3 a{text-align:right;display:block; padding-right:10px; height:11px; color: #039; text-decoration: none; background: url(../../s/images/ui/bullet-active.png) no-repeat center right}
.splashContent h3 a:hover {color: #c00; background: url(../../s/images/ui/bullet.png) no-repeat center right}
.localNav {position: absolute; right: 0; bottom: 0; list-style: none; font-weight: bold; font-size: 100%; margin: 0; }
.localNav li {float: left; color: #CCC; padding: 5px; }
.localNav li a {float: left}
.localNav li a img{margin-bottom:1px;}
.localNav li a:link, .localNav li a:visited {color: #039; text-decoration: none}
.localNav li a:hover {color: #6F6F6F;}
.localNav li a:active {color: #ccc}
#bottompanel{border-top:1px solid #fff;border-bottom:1px solid #999;border-left:1px solid #fff;border-right:1px solid #999;background-color:#000;width:600px;position: absolute; bottom: 8px; right: 0px;height:36px;}
#hiloMenu {position: absolute; bottom:20px; right: 0px; margin: 0; list-style: none; font-size: .7em;background-color:#000;}
#hiloMenu li {float: left; margin-left: 1px;}
#hiloMenu li a{color:#fff;display:block;float:left; text-decoration: none; background: #000 url(../../s/images/mobile/arrow.png) no-repeat center right; padding: 6px 36px 6px 10px; font-weight: bold; margin-top: 3px; margin-top: 4px}
#hiloMenu li#active {}
#hiloMenu li#active a{color:#3399ff; background: #000 url(../../s/images/mobile/arrow-r.png) no-repeat center right; padding: 9px 36px 9px 8px; font-weight: bold; margin: 0 0 0 2px; display: inline;}
#hiloMenu li#active a:hover{color:#3399ff;}
#hiloMenu li a:hover {color: #3399ff; text-decoration: none; background: #000 url(../../s/images/mobile/arrow-r.png) no-repeat center right;}

/* to add a border round the whole panel
#leftCap, #rightCap {height: 223px; width: 8px; position: absolute; top: 0;}
#rightCap {right: 0;}*/