/* Minification failed. Returning unminified contents.
(1099,16): run-time error CSS1002: Unterminated string: ";
(1099,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '";
'
 */
/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:inline-block}a img{border:0}figure{position:relative}figure img{width:100%} input[type="image"] {width: auto; max-width: 100%;}



.grid {
padding-left: 20px;
padding-right: 20px;
}

.sub-grid {
max-width: 100%;
}

.row {
width: 100%;
max-width: 1200px;
min-width: 725px;
margin: 0 auto;
overflow: hidden;
}
.sub-grid .row {
min-width: 0;
}
.col {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .s1 {
width: 4.85%;
}

.row .s2 {
width: 13.45%;
}

.row .s3 {
width: 22.05%;
}

.row .s4 {
width: 30.75%;
}

.row .s5 {
width: 39.45%;
}

.row .s6 {
width: 48%;
}

.row .s7 {
width: 56.75%;
}

.row .s8 {
width: 65.4%;
}

.row .s9 {
width: 74.05%;
}

.row .s10 {
width: 82.7%;
}

.row .s11 {
width: 91.35%;
}

.row .s12 {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
	font-size: .8em;
	line-height: 1.5em;
	}
	
	}

/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: .8em;
	/* -webkit-text-size-adjust: none; */
	}
	
	.row, body, .grid {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .s1, .row .s2, .row .s3, .row .s4, .row .s5, .row .s6, .row .s7, .row .s8, .row .s9, .row .s10, .row .s11, .row .s12 {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: bof */

/* Master CSS for Hip Digital Media - PRP */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* --------------------------  all screens */

* {
    outline: none;
}

html, body {
    width: 100%;
    overflow: hidden;
}

html {
    font-size: 15px;
}

body {
    background: #aab3bd;
    background-attachment: fixed;
}

#media-manager-container applet {
    width: 100%;
}

applet {
    max-width: 100%;
    position: relative;
    z-index: 0;
}

html {
    overflow-y: scroll;
}

p {
    line-height: 1.5em;
    margin-bottom: 1em;
}

h1, h2, h3 {
    padding: 2% 0;
}

h1 {
    font-size: 2em;
    line-height: 1em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.25em;
}

strong {
    font-weight: bold;
}

.button {
    padding: 0 25px;
    width: auto;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: .85em;
    color: #fff;
    background-color: #444;
    /*background: url("/assets/img/buttons/btn-standard.png") no-repeat center center transparent;*/
    background-size: 110px 40px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    background-color: #777;
}

body.incomm-details-page #main-body-container ul, body.incomm-details-page #main-body-container ol {
    xmargin-left: 30px;
}

.incomm-items {
    xmargin-top: 20px;
}

#incomm-logo, #customproduct-logo {
    float: right;
}

    #incomm-logo img, #customproduct-logo img {
        max-height: 65px;
    }

.incomm-list-item, .customproduct-list-item {
    padding-left: 0;
    list-style-type: none;
    line-height: 35px;
    font-size: 9pt;
}

    .incomm-list-item .asset-cost-button, .customproduct-list-item .asset-cost-button {
        width: 100%;
        height: auto;
        min-width: 160px;
        padding-left: 0;
    }

.incomm-delivery-list-item {
    padding-left: 0;
}

.fc-red {
    color: #e03f3f;
}

.fc-green {
    color: #90bd62;
}

#media-details p {
    line-height: 20px;
    font-size: 1.05em;
    margin-bottom: 10px;
}

#main-slide-show {
    max-height: 410px;
    margin-bottom: 10px;
}

.adbucket {
    display: none;
}

.flt-left {
    float: left;
}

.flt-right {
    float: right;
}

.flt-none {
    float: none;
}

.clr-left {
    clear: left;
}

.clr-right {
    clear: right;
}

.clear {
    clear: both;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.hide {
    display: none;
}


.hidden {
    visibility: hidden;
}


/* --------------------------  tool bar - fixed header at very top of page */

#site-header {
    left: 0px;
    position: fixed;
    top: 0px;
    z-index: 999;
    height: 85px;
}

#site-header, #site-footer {
    margin: 0px auto;
    width: 100%;
    background: #aab3bd;
    padding: 12px 0;
}


    #site-header .sub-grid, #site-footer .sub-grid {
        background: #fff;
        border-radius: 5px;
    }


    #site-header .sub-grid {
        background: #fff;
    }

#site-footer {
    height: 100px;
}

    #site-footer .sub-grid {
        background: #a1d46e;
        height: 124px;
        margin-bottom: 12px;
    }

#hip-footer-logo {
    width: 75px;
    height: 66px;
    background: url("/assets/img/logo_hip_white.png") no-repeat center center transparent;
    background-size: 75px auto;
    margin: 15px 0 0 30px;
}

#hip-footer-logo-mobile {
    width: 70px;
    height: 44px;
    background: url("/assets/img/logo_hip_white.png") no-repeat center center transparent;
    background-size: 70px 44px;
}

#hip-fb-logo {
    background: url("https://cdn.snipprewards.com/snipp/webfiles/custom/prp-base/footer/icon_facebook.png") no-repeat center center transparent;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

#hip-twitter-logo {
    background: url("https://cdn.snipprewards.com/snipp/webfiles/custom/prp-base/footer/icon_twitter.png") no-repeat center center transparent;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

#hip-blog-logo {
    background: url("https://cdn.snipprewards.com/snipp/webfiles/custom/prp-base/footer/btn_blog.png") no-repeat center center transparent;
    width: 79px;
    height: 30px;
    background-size: 79px 30px;
}

#site-tools {
    padding-top: 30px;
}

#tool-bar-current-credits {
    background: url("/assets/img/buttons/icon_header_credits.png") no-repeat center center transparent;
    color: #fff;
    background-size: 30px 30px;
}

#tool-bar-search {
    background: url("/assets/img/buttons/icon_header_search.png") no-repeat center center transparent;
    background-size: 30px 30px;
}

#tool-bar-account {
    background: url("/assets/img/buttons/icon_header_user.png") no-repeat center center transparent;
    background-size: 30px 30px;
}

#tool-bar-order-history {
    background: url("/assets/img/buttons/icon_header_search.png") no-repeat center center transparent;
    background-size: 30px 30px;
}

.tool-bar-icon {
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}


/* end tool bar - fixed header at very top of page -------------------------- */

/* -------------------------- site tools popups */
.site-tools-popup {
    padding-right: 0;
    padding-left: 0;
    background: #fff;
}

.site-tools-side-panel {
    width: 29.75%;
    position: absolute;
    right: 0;
}


#account-popup {
}

    #account-popup h3 {
        padding-left: 15px;
    }

    #account-popup ul {
        min-width: 180px;
    }

        #account-popup ul li {
            display: block;
            padding-left: 15px;
            height: 45px;
            list-style: none;
            text-align: left;
        }

            #account-popup ul li:hover {
                background-color: #eee;
            }

            #account-popup ul li a {
                display: block;
                text-decoration: none;
                height: 45px;
                line-height: 45px;
                padding-left: 40px;
            }

            #account-popup ul li#account-popup-fb-profile a {
                padding-left: 0;
            }

li#account-popup-fb-profile img {
    width: 32px;
    padding-right: 8px;
    vertical-align: top;
}

li#account-popup-my-profile {
    background: url("/assets/img/buttons/icon_user.png") no-repeat 15px center transparent;
    background-size: 32px 32px;
}

    li#account-popup-my-profile:hover {
        background-image: url("/assets/img/buttons/icon_user_hover.png");
    }

li#account-popup-update-password {
    background: url("/assets/img/buttons/icon_lock.png") no-repeat 15px center transparent;
    background-size: 32px 32px;
}

    li#account-popup-update-password:hover {
        background-image: url("/assets/img/buttons/icon_lock_hover.png");
    }

li#account-popup-my-order-history {
    background: url("/assets/img/buttons/icon_orderhistory.png") no-repeat 15px center transparent;
    background-size: 32px 32px;
}

    li#account-popup-my-order-history:hover {
        background-image: url("/assets/img/buttons/icon_orderhistory_hover.png");
    }

li#account-popup-logout {
    background: url("/assets/img/buttons/icon_logout.png") no-repeat 15px center transparent;
    background-size: 32px 32px;
}

    li#account-popup-logout:hover {
        background-image: url("/assets/img/buttons/icon_logout_hover.png");
    }



/* end site tools popups -------------------------- */





/* --------------------------  download instructions  */
#download-instructions {
    width: 90%;
    background: #A1D46E;
    border-radius: 5px;
    padding: 1% 5%;
    text-align: left;
    margin-bottom: 25px;
}

    #download-instructions h2 {
        width: 100%;
        text-align: center;
        border-bottom: 3px solid #fff;
        padding: 17px 0;
    }

    #download-instructions ol {
        margin-left: 10%;
    }

        #download-instructions ol li {
            font-size: 1.25em;
            margin: 17px 0;
        }

.dl-action:hover {
    cursor: pointer;
    color: #fff;
}
/* download instructions -------------------------- */

/* --------------------------  album track list - for both mobile and desktop screens */

table.album-track-list {
    /* all screens */
    width: 100%;
    border-collapse: collapse;
}

    table.album-track-list tr.header-row {
        /* all screens */
        background: #ccc;
    }

    table.album-track-list tr {
        /* all screens */
        border-top: 1px solid #ccc;
        width: 100%;
    }

        table.album-track-list tr:hover {
            /* all screens */
            background: #eee;
        }

    table.album-track-list th, td {
        /* all screens */
        padding: 5px;
        text-align: left;
        font-size: 1.25em;
    }

    table.album-track-list td.last {
        /* all screens */
        text-align: right;
    }

    table.album-track-list td.first {
        /* all screens */
        width: 25px;
    }

/* end album track list - for both mobile and desktop screens -------------------------- */

#media-actions, #media-share {
    margin: 7.5px 0;
    clear: both;
}

.media-share-header {
    margin-top: 5px;
}

#media-art .media-action-thumb-caption {
    clear: both;
    display: block;
}

#media-art p {
    font-size: 1em;
    line-height: 1.75em;
}

#media-footer {
    margin-top: 15px;
    padding-top: 5px;
    border-top: 1px solid #ccc;
}

#media-art .fb-like {
    width: 46px;
    overflow: hidden;
}



/* --------------------------  main menu - contained within the tool-bar */
ul#main-menu li a {
    /* all screens */
    text-decoration: none;
    color: #000;
}

ul#main-menu li.selected a {
    /* all screens */
    text-decoration: none;
    color: #fa6e52;
}
/* end main menu - contained within the tool-bar -------------------------- */






.side-tile img {
    /* all screens */
    width: 100%;
}
/* --------------------------  site footer */

#right-side-banners iframe.youtube {
    width: 100%;
}


#footer {
    /* all screens */
    padding: 0;
    background: #aaa;
}

    #footer .row {
        /* all screens */
        margin: 10px auto auto auto;
        padding: 10px 0;
    }


#footer-left img {
    /* all screens */
    margin: 0 0 10px 10px;
}

#footer-right img {
    /* all screens */
    margin: 5px 10px 10px 0;
}

fieldset {
    border: none;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

    fieldset label {
        width: 100%;
        display: block;
    }

    fieldset input[type="text"], fieldset textarea, input[type="email"], fieldset input[type="password"], fieldset select {
        padding: 1%;
        width: 98%;
        height: 20px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

.fancybox-wrap fieldset input[type="text"], .fancybox-wrap fieldset textarea, input[type="email"], .fancybox-wrap fieldset input[type="password"], .fancybox-wrap fieldset select {
    width: 97%;
}

fieldset textarea {
    height: 50px;
}

fieldset select {
    height: 35px;
    width: 100%;
}

input[type="submit"], input[type="button"] {
    padding: 1% 6%;
    min-width: 25px;
    text-align: center;
    border: 1px solid #4D4D4D;
    border-radius: 5px;
    background: #4D4D4D;
    height: 35px;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
}

input[type=submit].flt-right {
    margin: 0 0 5px 5px;
}

#drop-down-adv-search-btn {
    border: 1px solid #aaa;
    background: #aaa;
}

fieldset.buttons {
    text-align: right;
    width: 100%;
    padding: 0;
}

input[type="submit"]:hover, input[type="button"]:hover {
    background: #000;
}

#account-login-form h3 {
    xpadding-bottom: 2%;
    xpadding-top: 0;
}

#login-with-facebook {
    text-align: center;
}

#forgot-password-form .form {
    margin-top: 10px;
}

#birthdate-dropdown select {
    width: 20%;
    display: inline-block;
}

/* end site footer -------------------------- */


#login-with-prp-account div.validation-summary-errors {
    margin-bottom: 10px;
}

.validation-summary-errors ul {
    background: red;
}

    .validation-summary-errors ul li {
        padding: 1%;
    }

.field-validation-error {
    color: red;
}

#forgot-password-form div.validation-summary-errors ul {
    margin-top: 10px;
}

#login-with-prp-account ul li, #forgot-password-form ul li {
    list-style: none;
    color: #fff;
}

    #forgot-password-form ul li a {
        color: #fff;
    }

.account-form-success-message {
    background: green;
    padding: 1%;
    color: #fff;
}



#flashplayercontainer {
    position: absolute;
    top: -1999px;
    left: -1988px;
}

.show-more {
    clear: both;
}

body.app-landing-page .app-list .show-more {
    text-align: center;
}

    body.app-landing-page .app-list .show-more a {
        text-transform: uppercase;
        margin-top: 10px;
        text-decoration: none;
        color: #000;
        display: block;
        padding: 10px;
    }

        body.app-landing-page .app-list .show-more a:hover {
            color: #fff;
            background: #FA6E52;
        }

.asset-cost, .mobile-asset-cost {
    background: url("/assets/img/buttons/icon_header_credits.png") center center transparent;
    background-size: 20px 20px;
    color: #fff;
    text-align: center;
}

.media-tile-details span.asset-cost, .tipped-info span.asset-cost, .album-track-list .asset-cost {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-block;
    line-height: 20px;
    font-size: .95em;
}

.album-track-list .asset-cost {
    float: left;
}

.order-history-icon {
    height: 150px;
    line-height: 150px;
    background-size: 150px 150px;
}

    .order-history-icon#order-history-na {
        background-image: url("/assets/img/icons/icon_order_na.png");
    }

    .order-history-icon#order-history-amazon {
        background-image: url("/assets/img/icons/icon_order_amazon.png");
    }

    .order-history-icon#order-history-gift {
        background-image: url("/assets/img/icons/icon_order_giftbox.png");
    }

    .order-history-icon#order-history-incomm {
        background-image: url("/assets/img/icons/icon_order_virtualcurrency.png");
    }

#media-manager-container {
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
}

.next25 {
    clear: both;
}


.fancybox-buttons {
    bottom: 0;
    right: 0;
    position: relative;
    min-height: 40px;
    text-align: right;
    margin-top: 20px;
}

    .fancybox-buttons > input {
        margin-top: 0;
        margin-bottom: 0;
        width: auto;
    }

select#AppGroups {
    width: 50%;
    height: 35px;
    border: 1px solid #ccc;
}

body.content-not-found #main-body-container {
    background: #fff;
    text-align: center;
    padding-top: 10px;
}


/* 
    Fancybox only has a global overflow property which hides both the x and y scrollbars
    this will always hide the x (horizontal) scoll bar to avoid any left/right scrolling
*/

.fancybox-inner {
    overflow-x: hidden !important;
}

body.account-landing-page .tab-content {
    margin-top: 15px;
}

body.app-landing-page div.device-form, body.app-details-page div.device-form {
    width: 98%;
    margin-bottom: 25px;
}

body.register-page div.validation-summary-errors {
    background: red;
    color: #fff;
    padding: 5px;
    display: block;
    margin-bottom: 15px;
}

body.register-page span.field-validation-error, body.login-page span.field-validation-error, body.forgot-password-page span.field-validation-error {
    color: red;
}

span.validation-summary-errors.search {
    display: none;
    color: red;
    position: absolute;
}

.hip-footer-links {
    margin-top: -5px;
    margin-left: 20px;
}

    .hip-footer-links li {
        list-style: none;
        float: left;
        display: inline-block;
        padding: 0 5px;
    }

        .hip-footer-links li a {
            color: #000;
            text-decoration: none;
        }

            .hip-footer-links li a:hover {
                text-decoration: underline;
            }

span#amazon-pincode {
    font-size: 3em;
    color: #FAB04F;
    line-height: 1em;
    margin-bottom: 15px;
    display: block;
}

/*** SUPPORT PAGE CSS **/
.support-content > div {
    display: none;
}

.support-content h2 {
    margin-top: 15px;
}

.support-content h3 {
    font-size: 1em;
    width: auto;
    padding: 1%;
}

    .support-content h3:hover {
        color: #A1D46E;
    }

    .support-content h3.q {
        clear: both;
        cursor: pointer;
    }

.support-content div.a {
    display: none;
    padding-left: 50px;
    width: 80%;
}

.a ol {
    padding-left: 20px;
}

.q .toggle {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 1.2em;
    font-weight: bold;
}

.contact-us {
    padding: 10px;
    border: 1px #ccc solid;
    border-radius: 5px;
}

span.stars, span.stars span {
    display: inline-block;
    margin-right: 5px;
    background: url(/assets/img/icons/stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 16px;
}

    span.stars span {
        background-position: 0 0;
    }

.read-more a {
    text-decoration: none;
    text-align: right;
}

.screen-shot {
    float: left;
}

#app-screenshots {
    overflow-y: hidden;
    overflow-x: scroll;
}

.view-android-apps-link, .view-ios-apps-link {
    text-align: right;
}

#platform-dialog {
    padding: 10px;
}

.asset-cost-button {
    background-color: #aaa;
    background-size: 20px 20px;
    color: #fff;
    text-align: center;
    width: 40px;
    height: 30px;
    border-radius: 5px;
    display: inline-block;
    line-height: 30px;
    font-size: 1.25em;
    margin-right: 5px;
    text-decoration: none;
}

    .asset-cost-button.selected {
        background-color: #555;
    }

.fancybox-wrap fieldset .picker__header select {
    width: 22.5%;
    height: 2%;
}

.item-notavailable {
    color: red";
}

@media only screen and (max-width: 950px) {
    .hip-footer-links {
        clear: both;
        margin-left: 0;
        padding-left: 25px;
        padding-top: 5px;
    }

        .hip-footer-links li a {
            line-height: 0px;
        }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    /*	.logo {
                                    		background: url(logo2x.jpg) no-repeat;
                                    		background-size: 212px 303px;
                                    	}*/

}
/*@media only screen and (-webkit-min-device-pixel-ratio: 2)  */




/*=== HELPERS ===*/

.top0 {
    margin-top: 0 !important;
}

.bottom0 {
    margin-bottom: 0 !important;
}

.topx2 {
    margin-top: 2em !important;
}

.bottomx2 {
    margin-bottom: 2em !important;
}

.top1 {
    margin-top: 1em !important;
}

.bottom1 {
    margin-bottom: 1em !important;
}

.tophalf {
    margin-top: 0.5em !important;
}

.bottomhalf {
    margin-bottom: 0.5em !important;
}

.spaceleft {
    margin-left: 0.5em;
}

.spaceright {
    margin-right: 0.5em;
}

.larger {
    font-size: 1.4em;
}

.large {
    font-size: 1.2em;
}

.small {
    font-size: 0.92em;
}

.smaller {
    font-size: 0.8em;
}

.lower {
    text-transform: lowercase;
}

.upper {
    text-transform: uppercase;
}

.noner {
    text-transform: none;
}

.lighter {
    font-weight: lighter;
}

.bold {
    font-weight: bold;
}

.heavy {
    font-weight: 900;
}

.unbold {
    font-weight: normal;
}

.italic {
    font-style: italic;
}




/* HELP - Registration Password Guidance */

#register-guidancelink {
    float: right;
    text-transform: uppercase;
    font-size: 13px;
}

    #register-guidancelink a {
        text-decoration: none;
    }

    #register-guidancelink:before {
        content: "+";
        margin-right: 5px;
    }

#register-guidance {
    display: none;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #bbb;
    background-color: #ddd;
    border-radius: 3px;
    margin: 0 0 10px 0;
    padding: 15px;
    text-align: left;
    font-size: 13px;
}

    #register-guidance p {
        margin: 0;
        line-height: 1.3;
    }

    #register-guidance ul {
        margin: 10px 0 10px 20px;
    }

        #register-guidance ul li {
            margin-bottom: 5px;
        }





/*=== MULTISELECT ===*/

.ui-multiselect {
    text-align: left;
    width: 100% !important;
}

    .ui-multiselect span.ui-icon {
        display: none;
    }

.ui-multiselect-single .ui-multiselect-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important;
}

.ui-multiselect-header {
    margin-bottom: 1px;
    padding: 3px 0 3px 4px;
}

    .ui-multiselect-header ul {
        font-size: 0.9em;
    }

        .ui-multiselect-header ul li {
            float: left;
            padding: 0;
        }

    .ui-multiselect-header a {
        text-decoration: none;
    }

        .ui-multiselect-header a:hover {
            text-decoration: underline;
        }

    .ui-multiselect-header span.ui-icon {
        float: left;
    }

    .ui-multiselect-header li.ui-multiselect-close {
        float: right;
        text-align: right;
        padding-right: 4px;
        padding-top: 3px;
    }

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 10000;
    text-align: left;
}

.ui-multiselect-checkboxes {
    position: relative /* fixes bug in IE6/7 */;
    overflow-y: scroll;
}

    .ui-multiselect-checkboxes label {
        cursor: default;
        display: block;
        border: 1px solid transparent;
        padding: 3px 1px;
        width: 99% !important;
        text-transform: none;
    }

        .ui-multiselect-checkboxes label input {
            position: relative;
            top: 1px;
            width: auto;
        }

    .ui-multiselect-checkboxes li {
        clear: both;
        font-size: 0.9em;
    }

        .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
            text-align: center;
            font-weight: bold;
            border-bottom: 1px solid;
            width: 99% !important;
        }

            .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
                display: block;
                padding: 3px;
                margin: 1px 0;
                text-decoration: none;
            }

.ui-multiselect-menu {
    border-radius: 0;
    border-color: #ccc;
    padding: 0;
}

.ui-multiselect-header {
    background: #eee;
    border-radius: 0;
    border: none;
    padding-top: 6px;
    padding-bottom: 8px;
}

.ui-multiselect-checkboxes label, #fancybox-content .ui-multiselect-checkboxes label, .ui-multiselect-checkboxes label:hover, .ui-multiselect-checkboxes label.ui-state-hover {
    border: none;
    border-radius: 0;
    text-transform: none;
}

    .ui-multiselect-checkboxes label:hover, .ui-multiselect-checkboxes label.ui-state-hover {
        background: #eee;
    }

.ui-multiselect-header a {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    margin-right: 20px;
}

.ui-multiselect-header .ui-multiselect-close a {
    margin-right: 0;
}




/*=== FANCYBOXES ===*/

#fancybox-content {
    min-width: 420px;
    max-width: 680px;
    box-sizing: border-box;
    padding: 30px 30px 20px 30px;
    font-size: 14px;
}

.fancybox-skin {
    background: #fff;
    border-radius: 0;
    padding: 0 !important;
}

.fancybox-inner {
    overflow: auto !important;
    height: auto !important;
}

#fancybox-content .row {
    min-width: 0;
}

#fancybox-content .col {
    padding-left: 0;
    padding-right: 0;
}
/* Back */
#fancybox-content .backlink {
    position: absolute;
    top: 0;
    right: 45px;
    line-height: 30px;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
}

    #fancybox-content .backlink:before {
        position: relative;
        content: "\25C2";
        content: "\2039";
        font-size: 20px;
        vertical-align: -0.05em;
        padding-right: 5px;
    }
/* Close */
.fancybox-close {
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
    background: none;
    color: #bbb;
    text-decoration: none;
    background: #fff;
}

    .fancybox-close:after {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 30px;
        content: "\00D7";
    }

/* Content */
#fancybox-content h1, #fancybox-content h2, #fancybox-content h3 {
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1.2;
}

#fancybox-content h2 {
    margin: 0 0 10px 0;
}

#fancybox-content h3 {
    margin: 10px 0;
}

/* hr */
#fancybox-content hr {
    margin: 30px -30px;
    border: none;
    border-bottom: 1px solid #ccc;
}
/* or */
.divider-or {
    position: relative;
    margin: 20px 0;
    padding: 0;
    text-align: center !important;
    line-height: 1;
    font-size: 16px;
    font-weight: lighter;
    color: #999;
    text-transform: uppercase;
}

    .divider-or:before, .divider-or:after {
        position: absolute;
        width: 45%;
        height: 1px;
        left: 0;
        top: 50%;
        background: #ddd;
        content: "";
    }

    .divider-or:after {
        left: auto;
        right: 0;
    }

#fancybox-content a {
    color: #222;
}

    #fancybox-content a:hover {
        color: #777;
    }

    #fancybox-content a:active {
        color: #000;
    }

/* buttons */
#fancybox-content .buttons {
    margin-bottom: 0;
    text-align: center;
}

#fancybox-content [id*=btn-], #fancybox-content input[type="submit"], #fancybox-content input[type="button"], #fancybox-content .button {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    padding: 8px;
    border: none;
    border-radius: 0;
    background-color: #444;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.3em;
    font-weight: bold;
    transition: background-color 0.15s ease-out;
}

    #fancybox-content [id*=btn-]:hover, #fancybox-content input[type="submit"]:hover, #fancybox-content input[type="button"]:hover, #fancybox-content .button:hover {
        background-color: #777;
        color: #fff;
    }

    #fancybox-content [id*=btn-]:active, #fancybox-content input[type="submit"]:active, #fancybox-content input[type="button"]:active, #fancybox-content .button:active {
        background-color: #222;
        color: #fff;
        transition: none;
    }

    #fancybox-content [id*=btn-][disabled], #fancybox-content input[type="submit"][disabled], #fancybox-content input[type="button"][disabled], #fancybox-content .button[disabled] {
        background-color: #ccc;
        cursor: default;
    }

/* custom buttons */
#fancybox-content .btn-login-facebook {
    max-width: 100%;
    transition: opacity 0.15s ease-out;
}

    #fancybox-content .btn-login-facebook:hover {
        opacity: 0.75;
    }

    #fancybox-content .btn-login-facebook:active {
        opacity: 1;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        transition: none;
    }

#search-form input.adv-search-btn, #fancybox-content #fancybtn-cancel, #fancybox-content input[name=btnCancel] {
    background-color: #999;
}

    #search-form input.adv-search-btn:hover, #fancybox-content #fancybtn-cancel:hover, #fancybox-content input[name=btnCancel]:hover {
        background-color: #bbb;
    }

    #search-form input.adv-search-btn:active, #fancybox-content #fancybtn-cancel:active, #fancybox-content input[name=btnCancel]:active {
        background-color: #222;
    }

#fancybox-content input.reset-form { /* no longer used */
    background-color: transparent;
    width: auto;
    color: #222;
    text-decoration: underline;
    font-size: 12px;
}

    #fancybox-content input.reset-form:hover {
        color: #777;
        background-color: transparent;
    }

    #fancybox-content input.reset-form:active {
        color: #000;
    }

/* FORMS */
#fancybox-content label {
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    color: #999;
    font-weight: lighter;
}

.fancybox-wrap fieldset input[type="text"], .fancybox-wrap input[type="email"], .fancybox-wrap fieldset input[type="password"], .fancybox-wrap fieldset textarea,
.fancybox-wrap fieldset select, button.ui-multiselect {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 8px;
    border-radius: 0;
    border-color: #ccc;
    background-color: #fff;
    font-size: 16px;
}

.fancybox-wrap fieldset select, button.ui-multiselect {
    position: relative;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg color='%23aaaaaa' width='15' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M7.52 19.808l-7.52-7.552h15.072z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .fancybox-wrap fieldset select::-ms-expand {
        display: none;
    }

/* custom forms */
#register-form label[for="Month"] {
    text-align: left;
}

#birthdate-dropdown select {
    width: 48%;
}

    #birthdate-dropdown select:first-of-type {
        float: left;
    }

    #birthdate-dropdown select:last-of-type {
        float: right;
    }




/* errors */
#fancybox-content .field-validation-error, #fancybox-content .ui-state-error-text {
    text-align: left;
    font-size: 12px;
    padding: 5px 0 15px 0;
}

#fancybox-content .field-validation-error, #fancybox-content .ui-state-error-text, #fancybox-content .form-message-centre {
    display: block;
    color: #e03f3f;
    text-transform: uppercase;
}

#fancybox-content .form-message-centre {
    font-size: 13px;
    margin: 1em 0;
}

    #fancybox-content .form-message-centre.fc-green, #fancybox-content .success-message {
        color: #90bd62;
    }


/* Fancybox LAYOUTS */

#popup-login-form, #register-form, #pin-form, #search-form, #advanced-search-form, #forgot-password-form, #account-popup {
    box-sizing: border-box;
    width: 100%;
    max-width: 360px;
}

#fancybox-content #account-login-form, #fancybox-content #account-register-form, #fancybox-content #forgot-password-form {
    padding: 0;
}

#fancybox-content .login-sublinks, #fancybox-content .register-sublinks, #fancybox-content .forgot-sign-up {
    text-transform: uppercase;
    font-size: 12px;
}

#fancybox-content .register-sublinks {
    margin-top: 20px;
}

#fancybox-content .login-sublinks a:first-of-type {
    float: left;
}

#fancybox-content .login-sublinks a:last-of-type {
    float: right;
}

#fancybox-content .fancyblurb, #pin-popup .creditsRemaining, #search-form .search-blurb, #forgot-password-form .forgot-blurb, #forgot-password-form .forgot-no-account {
    line-height: 1.2;
    font-size: 1.3em;
    color: #999;
}

#fancybox-content .agree-terms, #register-form #optin label {
    margin-top: 20px;
    color: #777;
    font-size: 12px;
    text-transform: uppercase;
}

#register-form #optin label {
    margin-top: 0;
}


/*-- FANCYBOX MOBILE --*/
@media only screen and (max-width: 767px) {

    #fancybox-content {
        min-width: 0;
        padding: 30px 20px 20px 20px;
    }

        #fancybox-content hr {
            margin: 30px -20px;
        }

    #pin-popup .creditsRemaining, #search-form .search-blurb, #forgot-password-form .forgot-blurb, #forgot-password-form .forgot-no-account {
        font-size: 16px;
    }
}



/*-- Site Tools Popup (Tipped 'custom' skin) --*/
div#site-tools-tip-content {
    color: #444;
    font-size: 1.25em;
    max-width: 200px;
    text-align: center;
}

div.close-site-tools-tip {
    float: none;
    padding: 8px 15px;
    line-height: 1;
    height: auto;
    color: #fff;
    background: #444;
    border-radius: 0;
    transition: background-color 0.15s ease-out;
}

    div.close-site-tools-tip:hover {
        background: #777;
    }

    div.close-site-tools-tip:active {
        background: #777;
        transition: none;
    }

.t_Shadow {
    display: none;
}







/*-- Custom Product --*/
.customproduct-product-container {
    margin: 0 15px 30px 15px;
    width: auto;
    min-width: 0;
}

    .customproduct-product-container .asset-cost {
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-size: cover;
    }

.customproduct-product-image {
    text-align: center;
    margin-bottom: 15px;
}

    .customproduct-product-image img {
        max-height: 200px;
    }

.customproduct-product-description h2 {
    padding-top: 0;
}

/* details */
.customproduct-details-page #main-body .row {
    min-width: 0;
}

.customproduct-details-body {
    margin-top: 20px;
}

    .customproduct-details-body ul#option-group {
        margin-top: 20px;
    }

.customproduct_thumbnail {
    position: relative;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 100%;
}

    .customproduct_thumbnail img {
        position: absolute;
        max-width: 95%;
        max-height: 95%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

ul.customproduct-thumbs {
    font-size: 0;
}

    ul.customproduct-thumbs li {
        position: relative;
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        width: 33%;
        padding-bottom: 33%;
        overflow: hidden;
        border: 1px solid rgba(0,0,0,0.15);
        border-width: 1px 1px 1px 0;
        list-style-type: none;
    }

        ul.customproduct-thumbs li:first-child {
            border-width: 1px;
        }

        ul.customproduct-thumbs li img {
            position: absolute;
            max-width: 95%;
            max-height: 95%;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
        }

.customproduct-details-page #media-actions .asset-download-btn img {
    margin-right: 5px;
}






/*-- Cinema Now Product Details --*/
body.cinemanow-landing-page #genre-list-container,
body.CinemaNow-product-landing-page #genre-list-container {
    display: block;
}

.movie-details-label {
    font-weight: bold;
    font-size: 0.9em;
}

.movie-details-table {
    margin: 1em 0;
    width: 100%;
}

    .movie-details-table td {
        padding: 0;
        font-size: 1.5em;
    }

        .movie-details-table td:last-child {
            text-align: right;
        }

.movie-details-formats {
    margin: 0 0 2em 0;
}

    .movie-details-formats th {
        padding: 10px 0 0 0;
        text-align: left;
    }

    .movie-details-formats td {
        padding: 5px 10px 5px 0;
        vertical-align: middle;
        font-size: 1em;
    }

        .movie-details-formats td:last-child {
            padding-right: 0;
        }

    .movie-details-formats span.asset-cost {
        margin-bottom: 0 !important;
    }

    .movie-details-formats .movie-download {
        display: block;
        width: 32px;
        height: 32px;
    }

        .movie-details-formats .movie-download img.media-action-thumb {
            display: block;
        }

.movie-details-video {
    width: 100%;
}


.CinemaNow-product-landing-page .album-track-list {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
}

.album-track-list .show-episode, .album-track-list .show-actions {
    vertical-align: top;
    padding: 10px;
}

    .album-track-list .show-episode h3 {
        margin-top: 0;
        padding-top: 0;
    }

.album-track-list .show-details {
    font-size: 0.9em;
    line-height: 1.2;
    max-height: 3.6em;
    overflow: hidden;
    margin: 0;
    transition: max-height 0.5s ease-out;
}

.album-track-list .movie-details-formats {
    margin: 0;
}

    .album-track-list .movie-details-formats .credits-cell {
        min-width: 4.5em;
    }

        .album-track-list .movie-details-formats .credits-cell .small {
            font-size: 0.8em;
        }

        .album-track-list .movie-details-formats .credits-cell .asset-cost {
            float: none;
        }

    .album-track-list .movie-details-formats h4 {
        margin-top: 0;
    }

/** Mobile data **/

body.mobiledata-details-page #main-body {
    background-color: #fff;
}

#mobiledata-logo {
    float: right;
}

#mobiledata-logo img {
    max-height: 65px;
}

.mobiledata-list-item {
    padding-left: 0;
    list-style-type: none;
    line-height: 35px;
    font-size: 9pt;
}

    .mobiledata-list-item .asset-cost-button {
        width: 100%;
        height: auto;
        min-width: 160px;
        padding-left: 0;
    }

.mobiledata-items #media-actions {
    display: inline;
}


#wifi-reward input {
    padding:9px 4px;
    width:240px;
    vertical-align:top;
          
}

#wifi-reward button[id*=btn-] {
    display:inline-block;
    width:auto;
    padding:8px 16px;
    vertical-align:top;
    font-weight:normal;
}

@media handheld, only screen and (min-width: 767px)
{


    .mobile-only
    {
        display: none;
    }
    .no-mobile
    {
        display: block;
    }
    .no-mobile.inline
    {
        display: inline;
    }
    .no-mobile.inline-block
    {
        display: inline-block;
    }
    .facebook-only
    {
        display: none;
    }
    #tool-bar
    {
        min-height: 47px;
        line-height: 47px;
        height: 47px;
    }
    #site-tools .sub-grid .col
    {
        line-height: 47px;
    }

    #site-tools .sub-grid
    {
        margin-left: -20px;
    }

    #site-tools .sub-grid .col.s4.last
    {
        text-align: center;
    }
    #site-tools-tip-content
    {
        color: #fff;
        font-size: 2em;
        max-width: 250px;
    }
    .close-site-tools-tip
    {
        float: right;
    }

    .custom-header-logo
    {
        width: 130px;
        height: 85px;
        float: left;
        background: url("/assets/img/hip-logo-150x150.png") no-repeat center center transparent;
        background-size: 100px auto;
        cursor: pointer;
    }
    .custom-header-logo img
    {
        width: 130px;
        height: 85px;
        display: inline-block;
    }

    ul#main-menu li
    {
        list-style: none;
        float: left;
    }
    /*
                            ul#main-menu li.first a
                            {
                                border-left: 1px solid #ccc;
                            }
                            */

    ul#main-menu li a
    {
        display: inline-block;
        border-right: 1px solid #ebeff0;
        line-height: 85px;
        padding: 0 15px;
    }

    ul#main-menu li a:hover
    {
        color: #a1d46e;
    }
    ul#main-menu li.last a
    {
        border-right: 0;
        padding-right: 0;
    }
    #page-header
    {
        margin: 112px 0 10px 0;
        padding: 0;
    }
    #top-banners-desktop .col
    {
        padding: 0;
        margin: 0;
        width: 33.33%;
    }
    #main-body-container
    {
        width: 100%;
        background: #fff;
        max-width: 1200px;
        margin: 0 auto;
        border-radius: 5px;
        padding: 21px 0;
    }
    .adbucket.dt
    {
        display: block;
    }
    #genre-list-container h2
    {
        font-size: 2em;
        padding: 1%;
    }
    .media-tile
    {
        text-align: left;
        float: left;
        padding: 2%;
        width: 16%;
    }

    .media-tile .custom-product {
        position: relative;
    }

    .media-tile a
    {
        text-decoration: none;
        color: #4e4e4e;
    }
    .media-tile:hover a
    {
        text-decoration: underline;
    }
    .media-tile a:hover
    {
        color: #000;
    }
    .media-tile img
    {
        cursor: pointer;
    }

    .media-tile-details h2, .media-tile-details h3
    {
        padding: 0;
        margin: 0;
        font-size: 1em;
        font-weight: lighter;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
    }



    #media-art span.asset-cost
    {
        line-height: 32px;
        width: 32px;
        height: 32px;
        cursor: default;
        margin-left: 0;
        text-align: center;
        display: inline-block;
        margin-bottom: 10px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        margin-right: 2px;
    }
    
    #media-art .asset-download-btn img
    {
        width: 32px;
        height: 32px;
        position: relative;
        top: 10px;
        margin-right: 0px;
        margin-left: 5px;
    }
    
    table.album-track-list td.last
    {
        width: 110px;
    }
    .media-tile-action-thumbs
    {
        margin-top: 0px;
    }
    .tipped-popup
    {
        display: none;
    }

    .tipped-info h4
    {
        font-size: 2em;
        padding: 0 0 10px 0;
        min-width: 250px;
        max-width: 350px;
        color: #fff;
        line-height: 1em;
    }
    .tipped-info p
    {
        padding: 0 0 3px 2.5px;
        margin-bottom: 0;
        color: #fff;
        font-size: 1.5em;
    }

    .tipped-info p span.asset-cost
    {
        font-size: .85em;
    }
    .tipped-info ol
    {
        font-size: 1.5em;
        color: #fff;
        list-style-type: decimal;
        padding-left: 25px;
    }
    .tipped-info img.media-action-thumb
    {
        float: left;
        margin: 0 2.5px;
        cursor: pointer;
    }

    .tipped-info p.media-action-thumb-caption
    {
        display: block;
        clear: both;
        width: 100%;
        padding-top: 10px;
        color: #fff;
        font-size: 1.1em;
    }
    #main-slide-show.a1000
    {
        width: 100%;
    }



    #main-body-heading
    {
        height: auto;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding-bottom: 1%;
    }

    #right-ad-banners img
    {
        padding: 0;
        width: auto;
        max-width: 100%;
    }

    #left-side-banners img
    {
        padding: 0;
    }

    .tab-list h2.media-list-heading
    {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 3% 0 1% 0;
        font-size: 2em;
        color: #000;
        text-transform: uppercase;
    }

    .tab-list h2.media-list-heading span.results-count
    {
        font-size: 1em;
        display: none;
    }
    #login-with-facebook
    {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #eee;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        padding: 1%;
        height: auto;
        margin-right: 0;
        text-align: center;
        min-height: 280px;
    }
    #login-with-prp-account
    {
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #eee;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        padding: 1%;
        height: auto;
        min-height: 280px;
    }
    fieldset.buttons
    {
        margin: 0;
    }

    /* --------------------------  site tabs (order history) */
    body.account-landing-page .tab-list h2.tab
    {
        background: none repeat scroll 0 0 #AAA;
        color: #fff;
        cursor: pointer;
        font-size: 1.3em;
        padding: 12px 4%;
        text-transform: uppercase;
        width: 94%;
        transition:background-color 0.15s ease-out;
    }
    body.account-landing-page .tab-list h2.tab:hover
    {
        background: none repeat scroll 0 0 #777;
        color: #FFF;
    }
    body.account-landing-page .tab-list h2.tab.selected:hover
    {
        color: #FFF;
    }
    body.account-landing-page .tab-list h2.tab.selected
    {
        background: none repeat scroll 0 0 #444;
        transition:none;
    }
    /* end site tabs -------------------------- */

    #faq-dropdown
    {
        height: 45px;
    }

    .screen-shot
    {
        padding-right: 10px;
    }
    footer ul li
    {
        list-style: none outside none;
    }
    #footer-right
    {
        text-align: right;
    }
    #footer-right ul
    {
        padding-right: 10px;
    }
    #footer-right ul li
    {
        display: inline-block;
        padding: 0 0 0 15px;
    }
    #footer-right ul li:first-child
    {
        background: none;
    }

    #footer-right ul li a
    {
        text-decoration: none;
        display: inline-block;
    }

    #footer-right ul li a:hover
    {
        text-decoration: underline;
    }
    #footer-left
    {
        text-align: left;
    }
    #footer-left ul
    {
        padding-left: 15px;
        padding-top: 10px;
    }
    #footer-left ul li
    {
        display: inline-block;
        padding: 0 15px 0 0 ;
    }
    #footer-left ul li:first-child
    {
        background: none;
    }
    #footer-left ul li a
    {
        text-decoration: none;
        display: block;
    }
    #footer-left ul li a:hover
    {
        text-decoration: underline;
    }
    #hip-footer-logo {
        float: right;
    }
    .hip-footer-links {
        margin: -10px 0 0 0 ;
        clear: both;
        float: right;
        
    }
    #footer-right ul li {
        padding-right: 2px;
        font-size: .85em;
    }
    .hip-social-links {
        margin-top: 20px;
        
    }
    #footer-right .hip-social-links li {
        padding-right: 15px;
    }
    .incomm-items #media-actions {
        display: inline;
    }
    
    #register-guidance {
        
    }
}

/* eof */
@media (min-width: 810px) and (max-width: 810px)
{
    .facebook-only
    {
        display: block;
    }
    .no-facebook
    {
        display: none;
    }
    .media-tile
    {
        width: 21%;
    }
    #footer
    {
        padding: 0 3%;
    }

    #orderhistory .no-facebook, #search .no-facebook, #advancedsearch .no-facebook
    {
        display: block;
    }
    #orderhistory .facebook-only, #search .facebook-only, #advancedsearch .facebook-only
    {
        display: none;
    }
    #orderhistory .media-tile, #search .media-tile, #advancedsearch .media-tile
    {
        width: 16%;
    }
    .adbucket.fb
    {
        display: block;
    }
    ul#main-menu li a
    {
        padding: 0 8px;
        font-size: 0.95em;
    }
}


@media handheld, only screen and (max-width: 767px) {

    body {
        background: #fff;
    }

    .row .s1, .row .s2, .row .s3, .row .s4, .row .s5, .row .s6, .row .s7, .row .s8, .row .s9, .row .s10, .row .s11, .row .s12 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sub-grid .row .col {
        padding: 0;
    }

    .no-mobile {
        display: none;
    }

    .mobile-only {
        display: block;
    }

        .mobile-only.hide {
            display: none;
        }

        .mobile-only.inline {
            display: inline;
        }

        .mobile-only.inline-block {
            display: inline-block;
        }

    .mobile-center {
        text-align: center;
    }

    .col.mobile-center {
        text-align: center;
    }

    .facebook-only {
        display: none;
    }

    .mb-header {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        -webkit-background-size: 100% auto;
        height: 75px;
    }

    #landing {
        margin-top: 65px;
    }

    #site-popup {
        width: 85%;
        left: 7.25%;
        top: 3%;
    }

    #site-popup-header h1 {
        font-size: 1.2em;
        top: 12%;
    }

    #site-popup-content {
        overflow: auto;
        max-height: 175px;
    }

    #tool-bar {
        height: 50px;
    }

    .custom-header-logo {
        position: absolute;
        top: 0;
        width: 30%;
        height: 50px;
        background: url("/assets/img/hip-logo-150x150.png") no-repeat center center transparent;
        background-size: 50px auto;
        right: 35%;
        cursor: default;
    }

    #tool-bar-current-credits, #tool-bar-search, #tool-bar-account {
        background-size: 20px 20px;
    }


    #mobile-site-header {
        background: #eee;
        opacity: .90;
        position: fixed;
        top: 0;
        left: 0;
        height: 50px;
        width: 100%;
        z-index: 999;
    }

    #site-header {
        height: 25px;
    }

        #site-header, #site-header .sub-grid {
            background: transparent;
        }

    #main-menu-container {
        width: 40%;
        float: left;
    }

    #mobile-main-menu-selector {
        position: absolute;
    }

    #mobile-main-menu-selector {
        background: url("/assets/img/buttons/icon_mobile_menu.png") no-repeat;
        background-size: 34px 22px;
        cursor: pointer;
        height: 32px;
        width: 38px;
    }

    #mobile-back-to-top {
        background: url("/assets/img/buttons/icon_uparrow.png") no-repeat scroll center center / 100% 100% rgba(0, 0, 0, 0);
        cursor: pointer;
        height: 35px;
        margin: 0 auto;
        width: 62px;
    }

    ul#main-menu {
        display: none;
        margin-top: 5px;
        width: 100%;
    }




        ul#main-menu.mobile {
            top: 45px;
            width: 100%;
            position: absolute;
            background: #555;
            margin-left: -10px;
        }

            ul#main-menu.mobile li {
                border-top: 1px solid #ccc;
                font-size: 1.25em;
                list-style: none;
            }

                ul#main-menu.mobile li a {
                    font-size: 1.25em;
                    width: 95%;
                    display: block;
                    padding: 10px 10px 10px 5%;
                    color: #fff;
                }

                ul#main-menu.mobile li.selected {
                    background: #fa6e52;
                }

                ul#main-menu.mobile li#close-main-menu a {
                    padding-top: 15px;
                    padding-bottom: 15px;
                    background: #4e4e4e;
                    color: #fff;
                    text-transform: lowercase;
                    font-weight: bold;
                }

    #site-tools {
        width: 30%;
        padding-top: 0;
        position: absolute;
        right: 0;
    }

        #site-tools .sub-grid .col {
            width: 33%;
            float: left;
            line-height: 50px;
        }


    /* -------------------------- site tools popups */

    .site-tools-popup {
        min-height: 0;
    }

    #site-tools-popup-title {
        font-size: 1.75em;
        margin-bottom: 20px;
    }

    #search-side-panel, #account-side-panel, #pin-side-panel {
        background: none;
        display: none;
    }


    /* end site tools popups -------------------------- */


    #page-header {
        margin: 61px 0 10px 0;
    }

    #main-slide-show {
        max-height: 100%;
        height: auto;
    }

    h1#main-body-heading, #main-body-heading h1 {
        text-align: center;
        border-bottom: 1px solid #ccc;
        margin-bottom: 1em;
    }

    .tab-list {
        margin-bottom: 5px;
    }

    h2.tab {
        background: #aaa;
        color: #fff;
        cursor: pointer;
        padding: 5% 0;
        margin-bottom:1px;
    }

        h2.tab:hover,  h2.tab:active {
            background: #888;
        }

        h2.tab.selected {
            background: url("/assets/img/buttons/icon_mobile_menu.png") no-repeat right center #777;
            background-position: 97% center;
            background-size: 32px 30px;
            color: #fff;
            font-size: 2em;
        }

        h2.tab.single.selected {
            background-image: none;
        }

        h2.tab span.results-count {
            display: none;
        }

    #mobile-tab-select {
        visibility: hidden;
    }

    .t_Tooltip {
        visibility: hidden;
    }

    .media-tile {
        clear: both;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding: 4% 0;
        text-align: left;
        float: left;
    }

        .media-tile:hover {
            background: #eee;
        }

    .media-tile-image {
        float: left;
        max-width: 25%;
        padding-left: 2%;
    }

    .media-tile-details .mobile-only {
        width: 100%;
        cursor: pointer;
    }

    .media-tile .media-tile-details h2 {
        padding: 0;
    }

    .media-tile .media-tile-details {
        float: left;
        max-width: 66%;
        margin-left: 5%;
        width: 98%;
        padding-right: 2%;
    }

    .media-tile-details .mobile-only h2 {
        font-size: 1.5em;
        line-height: 1.5em;
    }

    .media-tile-details .mobile-only h3 {
        font-size: 1.25em;
    }

    .media-tile .tipped-popup {
        display: none;
    }

    .media-tile-details .mobile-only .media-tile-action-thumbs {
        margin-top: 5px;
        display: none;
    }

    .media-tile.selected .media-tile-details .mobile-only .media-tile-action-thumbs {
        display: block;
    }

    #media-details p {
        font-size: 1.25em;
        line-height: 22px;
    }

    table.album-track-list td.last {
        width: 85px;
    }

    #right-side-banners {
        text-align: center;
    }

        #right-side-banners iframe.youtube {
            width: auto;
        }

    #media-footer h2 {
        text-align: left;
        line-height: 1em;
    }

    #site-footer {
        height: auto;
        background: #a1d46e;
    }

        #site-footer .sub-grid {
            background: #a1d46e;
            padding: 10px 0;
            width: 100%;
            height: auto;
        }

    #footer-right ul li {
        list-style: none;
        font-size: 1.05em;
        line-height: 2em;
    }

        #footer-right ul li a {
            color: #fff;
            text-decoration: none;
            font-size: 1em;
            line-height: 2em;
        }

            #footer-right ul li a:hover {
                text-decoration: underline;
            }

    #footer #mob-pby {
        position: absolute;
        right: 10px;
    }

    #client-footer-links {
        text-align: center;
    }

        #client-footer-links li {
            list-style: none;
            font-size: 1.05em;
            line-height: 2em;
        }

            #client-footer-links li a {
                color: #fff;
                text-decoration: none;
                font-size: 1em;
                line-height: 2em;
            }

                #client-footer-links li a:hover {
                    text-decoration: underline;
                }

    #mobile-tab-select {
        margin-top: 4px;
        position: absolute;
        right: 15px;
        width: 10%;
        cursor: pointer;
    }

    #footer-right {
        text-align: center;
        margin-top: 15px;
    }

    #media-art p {
        font-size: 1.5em;
    }

    #media-art span.asset-cost {
        float: none;
        margin-bottom: 10px;
    }

    p span.mobile-asset-cost, #media-art span.asset-cost {
        text-align: center;
        line-height: 22px;
        display: inline-block;
        margin-right: 5px;
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-size: 25px 25px;
    }


    #account-login-form, #account-register-form, #forgot-password-form {
        padding: 0 10px;
    }

    #login-with-prp-account {
        margin-top: 25px;
    }

        #login-with-prp-account div.validation-summary-errors {
            padding: 0 1%;
        }

    fieldset.buttons {
        margin-top: 10px;
    }

        fieldset.buttons p a {
            margin-top: 10px;
            display: block;
        }

    .adbucket.mb {
        display: block;
    }

    #left-banner-responsive-container {
        text-align: center;
    }

        #left-banner-responsive-container a {
            max-width: 400px;
            display: inline-block;
        }


    body.reset-password-page.mobile #resetpassword.sub-grid .col.s5 {
        padding: 0 10px;
    }

    #hip-footer-logo-mobile {
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .hip-footer-links {
        float: none;
        text-align: center;
        padding: 0;
    }

    .hip-footer-links {
        margin-top: 25px;
    }

        .hip-footer-links li {
            height: 30px;
            width: 100%;
        }

            .hip-footer-links li a {
                line-height: 1em;
                color: #000;
                width: auto;
            }

    .userprofile-form, body.account-landing-page #mobile-tabs, body.account-landing-page #order-history-intro {
        padding: 0 10px;
    }

    #contact-page {
        padding: 0 15px;
    }

    .contact-us {
        margin: 20px 0;
    }

    .screen-shot {
        max-width: 18%;
        padding: 1%;
    }

    #incomm-logo {
        text-align: center;
        float: none;
    }

    #download-instructions {
        display: none;
    }

    #mobile-download-instructions {
        text-align: center;
    }

        #mobile-download-instructions h1 {
            background-color: #1677C6;
            width: 100%;
            text-align: center;
            color: #fff;
            font-size: 1.25em;
            text-transform: uppercase;
            cursor: pointer;
            background-image: url("/assets/img/buttons/icon_plus.png");
            background-repeat: no-repeat;
            background-size: 22px 22px;
            background-position: 95% center;
            padding: 10px 0;
        }

            #mobile-download-instructions h1.open {
                background-image: url("/assets/img/buttons/icon_minus.png");
                background-size: 21px 20px;
            }

        #mobile-download-instructions ul {
            width: 100%;
            background: #1677C6;
            margin: 0 auto;
            height: 27px;
            display: none;
            padding: 10px 0;
        }

            #mobile-download-instructions ul li {
                list-style: decimal;
                display: inline-block;
                color: #fff;
                padding: 0 2%;
            }

                #mobile-download-instructions ul li.dl-action span {
                    cursor: pointer;
                }

                #mobile-download-instructions ul li.dl-action:hover span {
                    color: #000;
                    border-color: #000;
                }

                #mobile-download-instructions ul li span.num {
                    color: #fff;
                    border: 1px solid #fff;
                    display: inline-block;
                    border-radius: 5px;
                    text-align: center;
                    width: 15px;
                    margin-right: 5px;
                }
}

@media handheld, only screen and (max-width: 365px) {
    #mobile-download-instructions ul li {
        padding: 0 1%;
    }

        #mobile-download-instructions ul li span.num {
            border-radius: 5px;
            width: 10px;
            margin-left: 5px;
        }
}

@media handheld, only screen and (max-width: 340px) {
    #mobile-download-instructions ul li {
        padding: 0;
    }

        #mobile-download-instructions ul li span.num {
            margin-left: 2px;
            margin-right: 0;
        }
}
/* eof */

.media-action-thumb {
    width: 45px;
    margin: 0 2.5px 0 2.5px;
    background-position: left center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

body.artist-page .media-action-thumb.view-artist-page {
    display: none;
}

.media-action-thumb.album-thumb {
    width: 75px;
}

.media-action-thumb.small {
    width: 20px;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    margin: 0 5px 0 7px;
    background-position: right center;
}

.media-action-thumb.view-all-albums {
    background-image: url("/assets/img/buttons/icon_plus.png");
}

    .media-action-thumb.view-all-albums:hover {
        background-image: url("/assets/img/buttons/icon_plus_hover.png");
    }

.media-action-thumb.download-album, .media-action-thumb.download-ebook {
    background-image: url("/assets/img/buttons/icon_download.png");
}

    .media-action-thumb.download-album:hover, .media-action-thumb.download-ebook:hover {
        background-image: url("/assets/img/buttons/icon_download_hover.png");
    }

.media-action-thumb.download-song, .media-action-thumb.btn-download {
    background-image: url("/assets/img/buttons/icon_download.png");
}

    .media-action-thumb.download-song:hover, .media-action-thumb.btn-download:hover {
        background-image: url("/assets/img/buttons/icon_download_hover.png");
    }

.media-action-thumb.preview-song {
    background-image: url("/assets/img/buttons/icon_play.png");
}

    .media-action-thumb.preview-song:hover {
        background-image: url("/assets/img/buttons/icon_play_hover.png");
    }

.media-action-thumb.preview-playing {
    background-image: url("/assets/img/buttons/icon_pause.png");
}

    .media-action-thumb.preview-playing:hover {
        background-image: url("/assets/img/buttons/icon_pause_hover.png");
    }

.media-action-thumb.send-as-gift {
    background-image: url("/assets/img/buttons/icon_giftbox.png");
}

    .media-action-thumb.send-as-gift:hover {
        background-image: url("/assets/img/buttons/icon_giftbox_hover.png");
    }

.media-action-thumb.view-artist-page {
    background-image: url("/assets/img/buttons/icon_mic.png");
}

    .media-action-thumb.view-artist-page:hover {
        background-image: url("/assets/img/buttons/icon_mic_hover.png");
    }


.media-action-thumb.view-album-page {
    background-image: url("/assets/img/buttons/icon_album.png");
}

    .media-action-thumb.view-album-page:hover {
        background-image: url("/assets/img/buttons/icon_album_hover.png");
    }

.media-action-thumb.view-ebook-page {
    background-image: url("/assets/img/buttons/icon_eBook.png");
}

    .media-action-thumb.view-ebook-page:hover {
        background-image: url("/assets/img/buttons/icon_eBook_hover.png");
    }

.media-action-thumb.view-audiobook-page {
    background-image: url("/assets/img/buttons/icon_audiobook.png");
}

    .media-action-thumb.view-audiobook-page:hover {
        background-image: url("/assets/img/buttons/icon_audiobook_hover.png");
    }

.media-action-thumb.view-author-page {
    background-image: url("/assets/img/buttons/icon_authordetails.png");
}

    .media-action-thumb.view-author-page:hover {
        background-image: url("/assets/img/buttons/icon_authordetails_hover.png");
    }

.media-action-thumb.view-app-page {
    background-image: url("/assets/img/buttons/icon_app.png");
}

    .media-action-thumb.view-app-page:hover {
        background-image: url("/assets/img/buttons/icon_app_hover.png");
    }

.media-action-thumb.send-as-gift-track {
    background-image: url("/assets/img/buttons/icon_giftbox.png");
}

    .media-action-thumb.send-as-gift-track:hover {
        background-image: url("/assets/img/buttons/icon_giftbox_hover.png");
    }

.media-action-thumb.download-epub {
    background-image: url("/assets/img/buttons/icon_ePub.png");
}

    .media-action-thumb.download-epub:hover {
        background-image: url("/assets/img/buttons/icon_ePub_hover.png");
    }


.media-action-thumb.download-pdf {
    background-image: url("/assets/img/buttons/icon_adobe.png");
}

    .media-action-thumb.download-pdf:hover {
        background-image: url("/assets/img/buttons/icon_adobe_hover.png");
    }

.media-action-thumb.download-mp3 {
    background-image: url("/assets/img/buttons/icon_download.png");
}

    .media-action-thumb.download-mp3:hover {
        background-image: url("/assets/img/buttons/icon_download_hover.png");
    }

.media-action-thumb.download-wma {
    background-image: url("/assets/img/buttons/icon_download.png");
}

    .media-action-thumb.download-wma:hover {
        background-image: url("/assets/img/buttons/icon_download_hover.png");
    }

.media-action-thumb.download-app {
    background-image: url("/assets/img/buttons/icon_download.png");
}

    .media-action-thumb.download-app:hover {
        background-image: url("/assets/img/buttons/icon_download_hover.png");
    }

.media-action-thumb.exchange-amazon {
    background-image: url("/assets/img/buttons/icon_exchange.png");
}

    .media-action-thumb.exchange-amazon:hover {
        background-image: url("/assets/img/buttons/icon_exchange_hover.png");
    }

.media-action-thumb.view-amazon-page {
    background-image: url("/assets/img/buttons/icon_amazon.png");
}

    .media-action-thumb.view-amazon-page:hover {
        background-image: url("/assets/img/buttons/icon_amazon_hover.png");
    }

.media-action-thumb.preview {
    background-image: url("/assets/img/buttons/icon_play.png");
    background-size: 20px 20px;
}

    .media-action-thumb.preview:hover {
        background-image: url("/assets/img/buttons/icon_play_hover.png");
    }


    .media-action-thumb.preview.preview-playing {
        background-image: url("/assets/img/buttons/icon_pause.png");
        background-size: 20px 20px;
    }

        .media-action-thumb.preview.preview-playing:hover {
            background-image: url("/assets/img/buttons/icon_pause_hover.png");
        }

.media-action-thumb.download-track, .media-action-thumb.download-media {
    background-image: url("/assets/img/buttons/icon_download.png");
}

    .media-action-thumb.download-track:hover, .media-action-thumb.download-media:hover {
        background-image: url("/assets/img/buttons/icon_download_hover.png");
    }

.amazon-giftcard {
    height: 162px;
    width: 259px;
    display: inline-block;
    cursor: pointer;
    margin: 5px 10px;
}

.amazon-giftcard a {
    display: block;
    height: 100%;
    width: 100%;
}

.download-amazon-1 {
    background-image: url("/assets/img/amazon/amazon-1-gift-cards.jpg");
}

.download-amazon-3 {
    background-image: url("/assets/img/amazon/amazon-3-gift-cards.jpg");
}

.download-amazon-5 {
    background-image: url("/assets/img/amazon/amazon-5-gift-cards.jpg");
}

.download-amazon-10 {
    background-image: url("/assets/img/amazon/amazon-10-gift-cards.jpg");
}

.media-action-thumb.download-na {
    background-image: url("/assets/img/buttons/icon_na.png");
    cursor: default !important;
}

    .media-action-thumb.download-na:hover {
        background-image: url("/assets/img/buttons/icon_na_hover.png");
        cursor: default !important;
    }

.media-action-thumb.asset-cost, .asset-cost {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    cursor: default;
}

.media-action-thumb.asset-cost {
    float: left;
    margin-left: 10px;
}

.media-action-thumb.view-customproduct-page {
    background: url("/assets/img/buttons/icon_orderhistory.png") center no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

    .media-action-thumb.view-customproduct-page:hover {
        background-image: url("/assets/img/buttons/icon_orderhistory_hover.png");
    }


#media-art .media-action-thumb {
    width: 32px;
    margin-right: 8px;
}

.mobile-header-action .media-action-thumb {
    width: 50%;
}

#media-art .media-action-thumb-caption {
    margin-top: 5px;
}


@media handheld, only screen and (max-width: 767px) {


    .media-action-thumb.asset-cost {
        margin-top: -1px;
    }

    .media-action-thumb.small {
        margin: 0 2px 0 3px;
    }

    ul.mobile-media-tile-actions {
        width: 100%;
        margin-top: 15px;
        margin-left: 1%;
        display: none;
    }

    ul.mobile-header-action {
        display: block;
        width: 100%;
    }

        ul.mobile-media-tile-actions > li, ul.mobile-header-action > li {
            display: inline-block;
            width: 46%;
            margin: 1%;
            height: 40px;
            border-radius: 5px;
            background-position: 3% center;
            background-size: 20px 20px;
            background-color: #fa6e52;
        }

    ul.mobile-media-tile-actions ol {
        list-style-type: decimal;
        padding-left: 25px;
    }

    ul.mobile-media-tile-actions > li span a, ul.mobile-header-action > li span a {
        text-decoration: none;
        display: inline-block;
        width: 75%;
        color: #fff;
        padding-left: 20%;
        line-height: 40px;
        font-size: 1em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    ul.mobile-media-tile-actions > li:hover, ul.mobile-media-tile-actions > li:hover {
        background-color: #ddd;
    }
}