body {
    margin: 0px;
    padding: 0px;
    font-family:'PNC Sans';
}
p {
    font-family: Arial;
}
div {
    position: relative;
}
h1 {
    color: #fa872c;
    font-weight:normal;
    text-transform:uppercase;
    font-family:'PNC Sans Bold';
}
img {
    border: 0px;
}
a {
    color: #0069aa;
    text-decoration: none;
}
.mobileimg {
    display: none;
}
.desktopimg {
    display: inline;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear, .desktopclear {
    clear: both;
    height: 0px;
}
.mobileonly {
    display: none;
}


.wrapper {
    width: 700px;
    margin: 0 auto;
  
}

.options .arrow-left {
    float: left; width:20px; height:20px;
    background:url(../images/slider-left.png) no-repeat left center;
    height:30px;
}
    .options .arrow-left a, .options .arrow-right a {
        display: block;
        width: 12px;
        height: 100%;
    }
.options .arrow-right {
    float: left;  width:20px; height:20px;
    background:url(../images/slider-right.png) no-repeat left center;
    height:30px;
}
.options .sliderContainer {
    overflow:hidden;
    margin: 0 auto;
}
.options ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
    .options ul li {
        display: inline-block;
        border-right:0px solid #ccc;
        padding: 0 20px;     
    }
        .options ul li div a {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
        }


.interactive-popup {
    display: none; 
    width:100%;
   
}
.options .popupHolder {
    display: none;
    bottom:-500px;
}
    .interactive-popup .mask {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background:url(../images/bg-mask.png) repeat;
    }

.interactive-popup .popupHolder {
    width: 100%;
    position: fixed;
    bottom: 0px;
    max-width: 490px;
    left: 50%;
    margin-left: -245px;
}
.interactive-popup .popupHolder .copy {
    margin: 10px;
    padding:10px;
    background-color:#fff;
}
.interactive-popup .popupHolder .copy h1 {
    margin: 0px;
    padding: 0px;
    font-size: 22px;

}
.interactive-popup .popupHolder .copy .close {
    background:url(../images/bg-blue-circle.png) no-repeat top left; width:21px; height:21px;
}
.interactive-popup .popupHolder .copy .close a {
    color: #fff; display:block; width:100%; height:100%; text-align:center;
    font-family:'PNC Sans Medium';
}

.interactive-popup .popupHolder .copy .inner-copy {
    background: url(../images/offer-bg.png) repeat-x bottom left #5b6e7c;
    min-height:100px;
    color:#fff;
    padding:10px;
    font-size:14px;
}
.interactive-popup .popupHolder .copy .inner-copy h1 {
    color: #fff;
    font-size: 36px;
    font-family: 'PNC Sans Bold';
    font-weight: normal;
    color:#fff;
    text-transform:none;
}

.interactive-popup .popupHolder .copy .inner-copy .button {
    background: url(../images/btn-bg.png) repeat-x top left; display:inline-block; color:#fff; font-family:Arial; font-weight:bold; font-size:16px;
    padding:10px;
    line-height:10px;
}
.interactive-popup .popupHolder .copy .disclosures {
    padding-top:20px;
    font-size: 10px; color:#5b5959;
}


.wrapper .pnc-logo {
    background: url(../images/logo.jpg) no-repeat center left;
    width: 158px;
    height: 72px;
    float:left;
}
.wrapper .visa-logo {
    background: url(../images/icn-visa-checkout.png) no-repeat center left;
    width: 158px;
    height: 72px;
    float:right;
}

.wrapper .footer {
    text-align: center;
    font-size:12px;
    color:#333;
    padding-top:30px;
    padding-bottom:10px;
}
.wrapper .footer p {
    padding: 0px;
    margin: 0px;
    padding-top: 5px;
}
.wrapper .footer a {
    color: #4987b9;
}

.wrapper .header {
    background:url(../images/callout.jpg) top right no-repeat #f1f1f2;
}
    .wrapper .header .title {
        float: left;
        width:413px;
        background:url(../images/banner-corner.png) no-repeat bottom left;
        padding-bottom:26px;
        margin-left:-13px;
        margin-right:-13px;
        margin-top:20px;
    }
        .wrapper .header .title h1 {
            color: #fff;
            font-family:'PNC Sans Bold';
            font-size:30px;
            line-height:30px;
            margin:0px;
            padding-top:10px;
            padding-bottom:10px;
            background:url(../images/h1-bg.png) bottom left repeat-x #f88500;
            padding-left:40px;
        }
    .wrapper .header .image {
        float: right;
    }
    .wrapper .header .fader {
        background: url(../images/callout-fade.png) repeat-y;
        height:250px;
        margin-left:280px;
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        max-width:400px;
    }
    .wrapper .header .copy {
        width: 300px;
        font-size:20px;
        color:#505050;
        line-height:22px;
        padding-left:30px;
        margin:0px;
        top:-10px;

    }
    .wrapper .header .checkout {
        background: url(../images/btn-visa.png) no-repeat left center;
        width: 280px;
        height: 39px;
        padding:10px;
        margin-left:45px;
        margin-bottom:20px;
    }
        .wrapper .header .checkout a {
            display: block;
            width: 100%;
            height: 100%;
        }
    .wrapper .header .checkout {
        width: 280px;
    }
    .wrapper .header .footer {
        padding:15px 0;
        margin:0px;
        background:url(../images/header-footer-bg.png) repeat-x top left #96a8b7;
        margin-bottom:20px;
    }
    .wrapper .header .footer p {
        font-family:"PNC Sans", Arial, sans-serif;
        font-weight:bold;
        color: #fff;
        text-align:left;
        font-size:17px;
        padding:15px;
        padding-left:30px;
        padding-right:50px;
    }
 .wrapper .header .footer p span{
     font-size:32px;
 }
.wrapper .header .subpara{
     color:#75787B;
     padding:0 30px 20px
}

.wrapper .body .tout {
    width: 340px; float:left;

    
}
.wrapper .body .tout h1 {
    font-size: 20px;
    font-family:'PNC Sans Bold';
    margin:0px;
    padding:0px;
    padding-left:10px;
}
.wrapper .body .tout:first-child {
    margin-right:20px;
}
.wrapper .body .tout .content {
    background-color: #f2f2f2;
    
    min-height: 345px;
    top:0px;
    left:0px;
    margin-top:5px;
}
.wrapper .body .tout .content p{
     font-family:Arial;
        font-size:15px;
        color:#75787b;
        margin:0;
        padding:15px
}
.wrapper .body .tout .content ol, .wrapper .body .tout .content ul, #signUpInfo .content ul {
    margin:0px; padding:0px; padding-top:0px;
    position:relative; top:0px; left:0px;
    display:block;
    
    padding-top:20px;
    font-family:Arial;
    font-size:15px;
    color:#75787b;
    
}
.wrapper .body .tout .content ol li, .wrapper .body .tout .content ul li, #signUpInfo .content ul li {
    padding-bottom:10px;
}
.wrapper .body .tout .content ul, #signUpInfo .content ul {
    list-style: none;
    padding-left:15px;
    padding-right:10px;
}
.wrapper .body .tout .content ol, #signUpInfo .content ol {
    list-style-position:inside;
}
.wrapper .body .tout .content ul.ordered li, #signUpInfo .content ul.ordered li {
    margin: 0px;
    
    background:url(../images/ol-bg.png) no-repeat left top;
    background-position:0px 2px;
    padding-left:7px;
}
#signUpInfo h1 {
   margin:0;
}
#signUpInfo p{   
    font-family:Arial;
    font-size:15px;
    color:#75787b;
}
.wrapper .body .tout .content ul.ordered li .number, #signUpInfo .content ul.ordered li .number{
    color: #fff;
    width:22px;
    display:block;
    float:left;
    text-align:left;
    line-height:26px;
}
.wrapper .body .tout .content ul.ordered li p {
    display: block;
    float:right;
    text-align:left;
    width:280px;

}
.wrapper .body .tout .content ol li p, .wrapper .body .tout .content ul li p, #signUpInfo .content ul li p {
    margin: 0px;
    padding-top:5px;
    padding-bottom:5px;
    
}

.wrapper .body .tout .content .heading, #signUpInfo .content .heading  {
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #2b78b1;
    height:28px;
    line-height:28px;
    margin-bottom:5px;
}

.icn-simple {
    background:url(../images/icn-simple.png) no-repeat left center;
    padding-left:35px;
}
.icn-fast {
    background:url(../images/icn-fast.png) no-repeat left center;
    padding-left:35px;
}
.icn-secure {
    background:url(../images/icn-secure.png) no-repeat left center;
    padding-left:35px;
}

.wrapper .shop {
    border: 10px solid #5c6e7c;
    margin-top:-10px;
    padding:10px;
}
    .wrapper .shop h1 {
        font-size: 20px;
        margin: 0px;
        padding: 0px;
        padding-bottom:5px;

    }
    .wrapper .shop p {
        font-family: Arial;
        font-size: 15px;
        color: #75787b;
        padding:0px;
        margin:0px;
        padding-bottom:20px;
    }

.plus {
    background-color: #2b78b1;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    font-family: 'PNC Sans Medium';
    display:block;
    color:#fff;
    text-decoration:none;
    font-weight:normal;
    font-size:32px;
}

.inline-visa-checkout {
    background: url(../images/btn-visa-checkout-small.png) no-repeat bottom;
    width: 104px;
    height: 24px;
    display:inline-block;
    position:relative;
    top:7px;
}
    .inline-visa-checkout a {
        display: block;
        height: 100%;
        width: 100%;
    }


.shop.expanded .arrow-left, 
.shop.expanded .arrow-right
{
    visibility: hidden !important;
    
}
.shop.expanded .options .sliderContainer ul {
    width: auto !important;
    margin-left:0px !important;
}

.wrapper .body {
    padding-bottom: 30px;
}
.blue-btn{
    background: #26a3d4;
    background: -moz-linear-gradient(top,  #26a3d4 0%, #0080bc 50%, #0060a2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26a3d4), color-stop(50%,#0080bc), color-stop(100%,#0060a2));
    background: -webkit-linear-gradient(top,  #26a3d4 0%,#0080bc 50%,#0060a2 100%);
    background: -o-linear-gradient(top,  #26a3d4 0%,#0080bc 50%,#0060a2 100%);
    background: -ms-linear-gradient(top,  #26a3d4 0%,#0080bc 50%,#0060a2 100%);
    background: linear-gradient(top bottom,  #26a3d4 0%,#0080bc 50%,#0060a2 100%);
    border: 1px solid #49ACDA;
    color: #FFFFFF;
    display: inline-block;
    font: bold 11px/12px Arial,sans-serif;
    padding: 8px 15px;
}

.legal{
    font-size:11px;
    color:#444;
}
.fancybox-close{
    right: 0 !important;
    top:0 !important;
}

/***** Video Button CSS ******/
#watchVideoBtn{
     position:absolute;
     top:-40px;
     right:10px;
}

#akamai-media-player {
    width: 320px;
    height: 180px;
}

@media only screen and (min-width: 600px) {
    #akamai-media-player {
        width: 600px;
        height: 338px
    }
}
   
@media only screen and (min-width: 980px) {
    #akamai-media-player {
        width: 940px;
        height: 529px
    }
}