@charset "UTF-8";

body { margin:0; padding:0; background: #000000; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

span.nav-text { display: none; }

div#mobile-banner-wrapper { position: relative; width: 938px; height: 306px; background: #ffffff; }
div#mobile-banner-tabs { width: 239px; float: left; }
div#mobile-banner-content { width: 699px; height: 306px; float: left; background: url(../img/content.jpg) no-repeat; }

div#mobile-banner-wrapper img { border: 0; }

/* hear it */

a#tab-hear-it:link, a#tab-hear-it:visited { display: block; width: 239px; height: 105px; background: url(../img/tab-hear-it.gif) no-repeat 0px 0px; }
a#tab-hear-it:active, a#tab-hear-it:hover {}
a#tab-hear-it.active { background-position: -239px 0px; }

/* see it */

a#tab-see-it:link, a#tab-see-it:visited { display: block; width: 239px; height: 101px; background: url(../img/tab-see-it.gif) no-repeat 0px 0px; }
a#tab-see-it:active, a#tab-see-it:hover {}
a#tab-see-it.active { background-position: -239px 0px; }

/* love it */

a#tab-love-it:link, a#tab-love-it:visited { display: block; width: 239px; height: 101px; background: url(../img/tab-love-it.gif) no-repeat 0px 0px; }
a#tab-love-it:active, a#tab-love-it:hover {}
a#tab-love-it.active { background-position: -239px 0px; }


/* tab fixes */

div#tab-hear-it-fix1 { font: 1px/1px sans-serif; width: 13px; height: 15px; background: url(../img/tab-hear-it-fix1.gif); position: absolute; top: 0px; left: 234px; }
div#tab-see-it-fix1 { font: 1px/1px sans-serif; width: 10px; height: 14px; background: url(../img/tab-see-it-fix1.gif); position: absolute; top: 94px; left: 229px; }
div#tab-love-it-fix1 { font: 1px/1px sans-serif; width: 11px; height: 10px; background: url(../img/tab-love-it-fix1.gif); position: absolute; top: 197px; left: 229px; }
div#tab-love-it-fix2 { font: 1px/1px sans-serif; width: 10px; height: 13px; background: url(../img/tab-love-it-fix2.gif); position: absolute; bottom: 0px; left: 239px; }

div#hear-it-icons {}
div#hear-it-icons a { text-decoration: none; font: bold 14px/18px Arial, Helvetica, sans-serif;  color: #0094d8; }
div#hear-it-icons div.hear-it-icon { width: 115px; text-transform: uppercase; float: left; text-align: center; margin-right: 8px; }
div#hear-it-icons div.hear-it-icon img { display: block; }
div#hear-it-icons-end { clear: both; font: 1px/1px sans-serif; }

div#content-hear-it { height: 262px; padding: 44px 42px 0px 40px; }
div#content-hear-it p { font: 16px/22px Arial, Helvetica, sans-serif; color: #333333; margin: 0px; padding: 0px 0px 20px 10px; width: 500px; }

div#content-see-it { height: 306px; padding: 44px 0px 0px 45px; }
div#content-see-it p { font: 16px/22px Arial, Helvetica, sans-serif; color: #333333; padding: 0px; margin: 0px; }

div#see-it-learn-more { text-align: right; padding-right: 60px; padding-top: 20px; }

div#content-love-it { height: 262px; padding: 44px 0px 0px 44px; position: relative; }
div#content-love-it p { font: 16px/22px Arial, Helvetica, sans-serif; color: #333333; margin: 0px; padding: 0px 0px 40px 0px; width: 580px; }

div#love-it-testimonials { padding-left: 95px; }
div#love-it-testimonials div.love-it-testimonial { float: left; margin-right: 30px; text-align: center; }
div#love-it-testimonials div.love-it-testimonial a { color: #0094d8; text-decoration: none; font: bold 14px/20px Arial, Helvetica, sans-serif; }
div#love-it-testimonials div.love-it-testimonial img { display: block; }
div#love-it-testimonials-end { clear: both; font: 1px/1px sans-serif; }

div#love-it-note { font: normal 10px/14px Arial, Helvetica, sans-serif; color: #333333; position: absolute; bottom: 10px; left: 50px; }

a.cta-link:link, a.cta-link:visited { font: bold 12px/16px Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; text-decoration: none; background: url(../img/cta.png) no-repeat left center; padding-left: 13px; padding-top: 1px; display: block; position: absolute; top: -20px; left: 0px; z-index: 2; }
a.cta-link:active, a.cta-link:hover {}

div.hear-it-screen { position: relative; }

div.sound-links { position: absolute; top: -24px; left: -25px; z-index: 1; }
div#header-restaurant-demonstration { position: absolute; top: -20px; left: 150px; z-index: 3; }
div#header-outdoor-demonstration { position: absolute; top: -20px; left: 160px; z-index: 3; }
div#header-driving-demonstration { position: absolute; top: -20px; left: 180px; z-index: 3; }

div.hear-it-copy { position: absolute; top: 60px; left: 165px; z-index: 3; text-align: center; width: 278px; }
div.hear-it-copy p { font: normal 13px/17px Arial, Helvetica, sans-serif !important; width: 278px !important; }

span.voice-text { font-size: 17px !important; line-height: 20px; }

div#tv-diagram { background: url(../img/tv-diagram.png) no-repeat 10px 0px; width: 260px; height: 81px; }
div#tv-content { padding-top: 10px; }
div#tv-content p { font: normal 13px/17px Arial, Helvetica, sans-serif !important; width: 290px; padding-bottom: 10px; }
div#header-tv-demonstration { padding-bottom: 10px; padding-left: 10px; }

div#music-diagram { background: url(../img/music-diagram.png) no-repeat 10px 0px; width: 260px; height: 81px; }
div#music-content { padding-top: 10px; }
div#music-content p { font: normal 13px/17px Arial, Helvetica, sans-serif !important; width: 290px; padding-bottom: 10px; }
div#header-music-demonstration { padding-bottom: 10px; padding-left: 10px; }

div.audio-buttons { position: absolute; top: -10px; right: -15px; }
div.audio-label1 { position: absolute; top: -20px; left: 90px; font: 16px/18px Arial, Helvetica, sans-serif !important; color: #515151; text-align: center; }
div.audio-label2 {  position: absolute; top: 122px; left: 100px; font: 16px/18px Arial, Helvetica, sans-serif !important; color: #0082c1; }