a:link, a:visited {color:#76568c; font-weight:bold; text-decoration:none;} a:hover, a:active {color:#bb0000; font-weight:bold; text-decoration:none;} a img {border:none;} blockquote {font:italic 10pt/1.2em Arial, Helvetica, sans-serif; margin:0 30px 20px; padding:0; text-align:left;} body {background:#ffffff url(/media/image/background/body.png) 0 0 repeat-x; font:10pt/1.2em Arial, Helvetica, sans-serif;} h1.h1style {color:#39135b; font:bold 8pt/1.2em Arial, Helvetica, sans-serif; text-align:right;} h5 a:link, h5 a:visited {color:#76568c; font-weight:bold; text-decoration:underline;} h5 a:hover, h5 a:active {color:#bb0000; font-weight:bold; text-decoration:underline;} img {vertical-align:bottom;} input {font:normal 9pt/1.2em Arial, Helvetica, sans-serif;} p img {vertical-align:text-bottom;} select {font:normal 9pt/1.2em Arial, Helvetica, sans-serif;} table {width:100%; margin:0 0 20px;} textarea {font:normal 9pt/1.2em Arial, Helvetica, sans-serif;} .alert {background:#ecdcdc url(/media/image/alert.png) 8px 6px no-repeat; border:1px solid #bb0000; color:#222222; margin:0 30px 10px; padding:6px 8px 6px 30px;} .block {background-color:#76568c; line-height:1.2em; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;} .block a:link, .block a:visited {color:#ffffff; font-weight:normal; text-decoration:underline;} .block a:hover, .block a:active {color:#c295e2; font-weight:normal; text-decoration:underline;} .block small {font-size:8pt;} .block span {color:#ffffff; font:bold 18pt Arial, Helvetica, sans-serif; letter-spacing:-1px;} .center {text-align:center;} .clear {clear:both; height:1px; overflow:hidden;} .news {background-color:#76568c; color:#ffffff; font:normal 10pt Arial, Helvetica, sans-serif; overflow:hidden; padding:7px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;} .news a:link, .news a:visited {color:#ffffff; font-weight:normal; text-decoration:underline;} .news a:hover, .news a:active {color:#c295e2; font-weight:normal; text-decoration:underline;} .note {background:#ffffcc url(/media/image/note.png) 8px 6px no-repeat; border:1px solid #eeee55; color:#222222; margin:0 30px 10px; padding:6px 8px 6px 30px;} .ok {background:#c0dbce url(/media/image/tick.png) 8px 6px no-repeat; border:1px solid #006633; color:#222222; margin:0 30px 10px; padding:6px 8px 6px 30px;} .shaded {background-color:#e1e1e1; margin:0 0 20px; padding:15px 0 3px;} #banner {float:left; margin:0 10px 9px 0;} #banner img {vertical-align:bottom; width:730px; height:343px;} #banner_right {color:#9d9d9d; float:left; font:bold 11pt Arial, Helvetica, sans-serif; margin-bottom:9px; text-align:center; width:195px; height:343px;} #banner_right h4 {border-bottom:1px solid #dddddd; color:#797979; font:bold 13.5pt Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:0 0 10px; padding:0; text-align:left;} #banner_right a:link, #banner_right a:visited {color:#9880a9; text-decoration:none;} #banner_right a:hover, #banner_right a:active {color:#f86b01; text-decoration:underline;} #body {background-color:#ffffff; border:1px solid #c4c3ca; margin:0 auto; overflow:auto; padding:10px 10px 10px 253px; width:692px;} #body.home {padding-left:10px; width:935px;} #body .contents {background-color:#e1e1e1; margin-bottom:8pt; overflow:auto; padding:15px;} #body .contents ul {float:left; margin:0; padding:0 5% 0; width:40%;} #body .home_callouts {margin:9px 0; overflow:auto;} #body .player {padding:0 30px; text-align:center;} #body #messagecom {border:2px solid #b9b9ab; margin-bottom:20px; padding:20px; position:relative; text-align:center; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px;} #body #messagecom div {background-color:#ffffff; color:#b9b9ab; padding:0 5px; position:absolute; text-align:right; right:30px; bottom:-8px; width:auto;} #body #messagecom img {margin:0 15px; vertical-align:middle;} #callout:link, #callout:visited {background-color:#ffffff; background-position:0 -155px; background-repeat:no-repeat; border:1px solid #dedede; color:#a2a2a2; display:block; float:left; font:9pt/1.1em Arial, Helvetica, sans-serif; line-height:1.3em; margin-right:10px; padding:5px 10px 15px 10px; text-decoration:none; width:204px; height:135px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;} #callout:hover, #callout:active {background-color:#ffffff; background-position:0 0; background-repeat:no-repeat; border:1px solid #dedede; color:#a2a2a2; display:block; float:left; font:9pt/1.1em Arial, Helvetica, sans-serif; line-height:1.3em; margin-right:10px; padding:5px 10px 15px 10px; text-decoration:none; width:204px; height:135px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;} #callout.how-it-works {background-image:url(/media/image/background/callout-technology.png); margin-right:0;} #callout.how-it-works h1 {color:#253c9c;} #callout.ppca-fee-free {background-image:url(/media/image/background/callout-ppca-fee-free.png);} #callout.ppca-fee-free h1 {color:#5b00ac;} #callout.messaging {background-image:url(/media/image/background/callout-messaging.png);} #callout.messaging h1 {color:#ee751a;} #callout.music {background-image:url(/media/image/background/callout-music.png);} #callout.music h1 {color:#414141;} #callout h4 {font:bold 18pt Arial, Helvetica, sans-serif; letter-spacing:-2px; margin:0 0 3px; padding:0;} #callout div {padding-right:70px;} #callout div p {margin:0; padding:0;} #contact {overflow:auto; padding:0 30px;} #contact label {float:left; width:150px; padding:1px;} #contact label.error {color:#bb0000; font-weight:bold;} /* #contact label.required {background:url(/media/image/background/star.png) 134px 50% no-repeat;} */ #contact input {margin-bottom:2px; width:470px;} #contact input[type=submit] {float:right; margin-right:3px; padding:5px 10px; width:auto;} #contact textarea {margin-bottom:2px; width:470px; height:200px;} #footer {color:#aaaaaa; font:10.5pt Arial, Helvetica, sans-serif; margin:0 auto; padding:5px 0; width:957px;} #footer a:link, #footer a:visited {color:#aaaaaa; font-weight:bold; text-decoration:none;} #footer a:hover, #footer a:active {color:#76568c; font-weight:bold; text-decoration:none;} #footer p {margin:0;} #footer small {font-size:7.5pt;} #masthead {text-align:right; margin:0 auto; overflow:hidden; padding:22px 0 0; width:957px; height:58px;} #masthead a:link, #masthead a:visited {color:#39135b; font-weight:bold; text-decoration:none;} #masthead a:hover, #masthead a:active {color:#ffffff; font-weight:bold; text-decoration:none;} #masthead #logo {float:left;} #navigation {margin:0 auto; padding:0; overflow:auto; width:957px;} #navigation ul {float:right; margin:0; padding:0;} #navigation li {display:block; float:left; list-style:none; margin:0; overflow:hidden;} #navigation li a {background-image:url(/media/image/background/navigation-li.png); background-repeat:repeat-x; border-top:1px solid #c1c0c8; border-left:1px solid #c1c0c8; border-right:1px solid #c1c0c8; display:block; font:bold 14px/1em Arial, Helvetica, sans-serif; padding:10px 10px 7px; text-transform:uppercase; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -khtml-border-top-left-radius:5px; -khtml-border-top-right-radius:5px;} #navigation li a:link, #navigation li a:visited {background-position:0 0; color:#675077; text-decoration:none;} #navigation li a:hover, #navigation li a:active {background-position:0 -36px; color:#ffffff; text-decoration:none;} #ppca {background-color:#e1e1e1; float:right; font:9pt/1.2em Arial, Helvetica, sans-serif; margin:0 0 15px 15px; padding:15px; width:200px;} #ppca h5 {text-align:center; margin:0 0 5px !important; padding:0 !important;} #ppca div {margin:0 0 5px;} #ppca input[type=submit] {padding:3px 0; width:100%;} #ppca table {margin:0;} #ppca table small {font-weight:normal;} #ppca table td, #ppca table th {background-color:#76568c; color:#ffffff; padding:2px 5px; text-align:center; } #ppca table .decimal {width:40%;} #ppca table .year {width:auto;} #tabs {background:#ffffff url(/media/image/background/contents.jpg) 50% 100% no-repeat; border:1px solid #dedede; float:left; margin:0 0 0 -243px; overflow:auto; padding:3px 3px 503px; width:225px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;} #tabs li {border-bottom:1px solid #ffffff; padding:0; list-style:none;} #tabs li a:link, #tabs li a:visited {background-color:#e1e1e1; color:#675077; display:block; font:bold 11pt Arial, Helvetica, sans-serif; padding:6px 10px; text-decoration:none;} #tabs li a:hover, #tabs li a:active {background-color:#c295e2; color:#301742; display:block; font:bold 11pt Arial, Helvetica, sans-serif; padding:6px 10px; text-decoration:none;} #tabs li ul {display:none;} #tabs li.selected {background-color:#4f3c5c;} #tabs li.selected a {background-color:transparent; color:#ffffff;} #tabs li.selected ul {border-top:1px solid #ffffff; display:block; margin:0; padding:0;} #tabs li.selected ul a:link, #tabs li.selected ul a:visited {background-color:#8a7698; color:#ffffff; display:block; font:bold 11pt Arial, Helvetica, sans-serif; padding:6px 10px 6px 15px; text-decoration:none;} #tabs li.selected ul a:hover, #tabs li.selected ul a:active {background-color:#c295e2; color:#301742; display:block; font:bold 11pt Arial, Helvetica, sans-serif; padding:6px 10px 6px 15px; text-decoration:none;} #tabs_container {color:#4e4e4e;} #tabs_container h1 {background-color:#76568c; color:#ffffff; font:normal 24pt/1.1em Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:0 0 20px; padding:10px 10px 10px 74px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;} #tabs_container h1 small {display:block; font:bold 13pt/1.1em Arial, Helvetica, sans-serif;} #tabs_container h1.about {background-image:url(/media/image/background/h1-about.png); background-position:25px 8px; background-repeat:no-repeat;} #tabs_container h1.how-it-works {background-image:url(/media/image/background/h1-how-it-works.png); background-position:10px 12px; background-repeat:no-repeat;} #tabs_container h1.messaging {background-image:url(/media/image/background/h1-messaging.png); background-position:10px 12px; background-repeat:no-repeat;} #tabs_container h1.music {background-image:url(/media/image/background/h1-music.png); background-position:10px 10px; background-repeat:no-repeat;} #tabs_container h2 {font:bold 16pt/1.3em Arial, Helvetica, sans-serif; margin:0 30px 20px; padding:0;} #tabs_container h5 {font:bold 11pt/1.3em Arial, Helvetica, sans-serif; margin:0; padding:0 30px;} #tabs_container p {font:normal 10pt/1.3em Arial, Helvetica, sans-serif; margin:0 30px 20px; padding:0;} #tabs_container ul {list-style-image:url(/media/image/bullet.gif); margin:0 30px 20px; padding:0 0 0 20px;} #tabs_container table .feature {color:#3c2e46; padding:10px 0; text-align:right; vertical-align:middle; width:auto; height:30px;} #tabs_container table .trusonic, #tabs_container table .media {padding:10px 0; text-align:center; width:14%; height:30px;} #tabs_container table thead th {background:#faf2ff url(/media/image/background/table-thead-th.jpg) 0 100% repeat-x; color:#66417f; font:bold 12pt Arial, Helvetica, sans-serif;} #tabs_container table thead th.trusonic {background:#ffebc6 url(/media/image/background/table-thead-th-trusonic.jpg) 0 100% repeat-x; color:#f87500; font:bold 12pt Arial, Helvetica, sans-serif;} #tabs_container table tbody td.feature, #tabs_container table tbody td.media {background-color:#faf2ff; color:#3c2e46; font:bold 9pt Arial, Helvetica, sans-serif; padding:10px;} #tabs_container table tbody td.trusonic {background:#fff7e8 url(/media/image/background/tick-orange.gif) 50% 50% no-repeat; font:bold 9pt Arial, Helvetica, sans-serif; padding:10px;} #tabs_container table tbody td.ticked {background:#faf2ff url(/media/image/background/tick-purple.gif) 50% 50% no-repeat;} #testimonials {overflow:hidden; position:relative; width:195px; height:235px;} .testimonial {background-color:#ffffff; height:235px;} #testimonials blockquote {font:normal 8pt/1.1em Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:5px 0 0; text-align:justify;}