@media screen and (device-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2)
{
        /* Styles for the iPad/Mobile */
        body {-webkit-text-size-adjust: none;}

        /* older versions of the iPad (pre v4 of iOS) do not support @font-face, so don't use BebasNeue font */

        #pageContainer {
            font:12px arial,helvetica,sans-serif;
        }
        /* This resizes much of the text so it fits on the iPad/Mobile devices. */
        #pageContainer,
        .page0 .pageContentBlock h1,
        .page0 .pageContentBlock h2,
        .ddlist > a,
        .ddlist ul li a,
        .blMenu li,
        .blMenu li li,
        .blMenu li li span,
        .pages .smaller,
        .radioGroup > span,
        .pageContentBlock h2,
        .pageContentBlock h3,
        .qBlock p,
        .qBlock label,
        .page0 .pageContentBlock h2 span,
        .page0 .pageContentBlock a,
        a.navigateBtn,
        a.formSubmit,
        .resultsShelf a.PrintResults,
        .prodShelf .discMsg a,.prodShelf a,
        .bottomResults a,
        .qBlock .chkBox label,
        .page5 .qBlock .single_answer_special > span label {font-size: 90%;}
        .prodShelf .discMsg a.DiscCloseBtn,
        .prodShelf a.additionalProds,
        .prodShelf a.additionalProdsBack {font-size: 70%;}
        .popup h3 {font-size: 100%;}
        .prodShelf h2 {margin-top: 75px;}
        .page0 .pageContentBlock a {width: 47px;}
        .pageContentBlock h2,
        .pageContentBlock h3{line-height: 16px;padding-top: 8px;}
        .page1 .radioGroup > span {
            margin: 16px 0 43px -26px;
            background: url(../images/PAiPadButton.png) 8px center no-repeat;
            line-height: 31px;
            height: 31px;
            position: relative;
            z-index: 10;
        }
        .page1 .radioGroup > span label {
            display: block;
            height: 100%;
            width: 80%;
            margin-left: -36px;
            padding-left: 42px;
        }
        .ui-slider .ui-slider-handle {
            background: url(../images/PAiPadButtonSelected.png) -1px 0 no-repeat;
            line-height: 31px;
            height: 31px;
            z-index: 20;
        }
        .page2 .radioGroup > span {
            margin: 16px 0 43px -26px;
            background: url(../images/PAiPadButton.png) 8px center no-repeat;
            line-height: 31px;
            height: 31px;
            position: relative;
            z-index: 10;
        }
        .page2 .radioGroup > span label {
            display: block;
            height: 100%;
            width: 80%;
            margin-left: -36px;
            padding-left: 42px;
        }
        .page2 .single_answer_slider + .single_answer_slider .radioGroup > span {
            margin: 16px 0 13px -26px;
            background: url(../images/PAiPadButton.png) 8px center no-repeat;
            line-height: 31px;
            position: relative;
            z-index: 10;
        }
        .page2 .single_answer_slider + .single_answer_slider .radioGroup > span label {
            width: 100%;
        }
        .qBlock .chkBox label{font-size: 80%;}
        .page4 .qBlock .chkBox label{min-width: 178px;}
        .resultsShelf h1 {font-size: 25px; margin: 10px 0 10px 31px;}
}