/* ------------------------------------------------------------------------
        this you can edit.
------------------------------------------------------------------------- */

        div.light_rounded .pp_top .pp_left { background: url(../images/prettyphoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* top left corner */
        div.light_rounded .pp_top .pp_middle { background: #fff; } /* top pattern/color */
        div.light_rounded .pp_top .pp_right { background: url(../images/prettyphoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* top right corner */

        div.light_rounded .pp_content { background-color: #fff; } /* content background */
        div.light_rounded .pp_next:hover { background: url(../images/prettyphoto/light_rounded/btnnext.png) center right  no-repeat; cursor: pointer; } /* next button */
        div.light_rounded .pp_previous:hover { background: url(../images/prettyphoto/light_rounded/btnprevious.png) center left no-repeat; cursor: pointer; } /* previous button */
        div.light_rounded .pp_expand { background: url(../images/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* expand button */
        div.light_rounded .pp_expand:hover { background: url(../images/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* expand button hover */
        div.light_rounded .pp_contract { background: url(../images/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* contract button */
        div.light_rounded .pp_contract:hover { background: url(../images/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* contract button hover */
        div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* close button */

        div.light_rounded .pp_arrow_previous { background: url(../images/prettyphoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* the previous arrow in the bottom nav */
                div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
        div.light_rounded .pp_arrow_next { background: url(../images/prettyphoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* the next arrow in the bottom nav */
                div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

        div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyphoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* bottom left corner */
        div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* bottom pattern/color */
        div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* bottom right corner */

        div.light_rounded .pp_loadericon { background: url(../images/prettyphoto/light_rounded/loader.gif) center center no-repeat; } /* loader icon */

        /* ----------------------------------
                dark rounded theme
        ----------------------------------- */

        div.dark_rounded .pp_top .pp_left { background: url(../images/prettyphoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* top left corner */
        div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyphoto/dark_rounded/contentpattern.png) top left repeat; } /* top pattern/color */
        div.dark_rounded .pp_top .pp_right { background: url(../images/prettyphoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* top right corner */

        div.dark_rounded .pp_content { background: url(../images/prettyphoto/dark_rounded/contentpattern.png) top left repeat; } /* content background */
        div.dark_rounded .pp_next:hover { background: url(../images/prettyphoto/dark_rounded/btnnext.png) center right  no-repeat; cursor: pointer; } /* next button */
        div.dark_rounded .pp_previous:hover { background: url(../images/prettyphoto/dark_rounded/btnprevious.png) center left no-repeat; cursor: pointer; } /* previous button */
        div.dark_rounded .pp_expand { background: url(../images/prettyphoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* expand button */
        div.dark_rounded .pp_expand:hover { background: url(../images/prettyphoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* expand button hover */
        div.dark_rounded .pp_contract { background: url(../images/prettyphoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* contract button */
        div.dark_rounded .pp_contract:hover { background: url(../images/prettyphoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* contract button hover */
        div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyphoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* close button */
        div.dark_rounded .currenttextholder { color: #c4c4c4; }
        div.dark_rounded .pp_description { color: #fff; }

        div.dark_rounded .pp_arrow_previous { background: url(../images/prettyphoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* the previous arrow in the bottom nav */
                div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
        div.dark_rounded .pp_arrow_next { background: url(../images/prettyphoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* the next arrow in the bottom nav */
                div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

        div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyphoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* bottom left corner */
        div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyphoto/dark_rounded/contentpattern.png) top left repeat; } /* bottom pattern/color */
        div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyphoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* bottom right corner */

        div.dark_rounded .pp_loadericon { background: url(../images/prettyphoto/dark_rounded/loader.gif) center center no-repeat; } /* loader icon */


        /* ----------------------------------
                dark square theme
        ----------------------------------- */

        div.dark_square .pp_left ,
        div.dark_square .pp_middle,
        div.dark_square .pp_right,
        div.dark_square .pp_content { background: url(../images/prettyphoto/dark_square/contentpattern.png) top left repeat; }
        div.dark_square .currenttextholder { color: #c4c4c4; }
        div.dark_square .pp_description { color: #fff; }
        div.dark_square .pp_loadericon { background: url(../images/prettyphoto/dark_rounded/loader.gif) center center no-repeat; } /* loader icon */

        div.dark_square .pp_expand { background: url(../images/prettyphoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* expand button */
        div.dark_square .pp_expand:hover { background: url(../images/prettyphoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* expand button hover */
        div.dark_square .pp_contract { background: url(../images/prettyphoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* contract button */
        div.dark_square .pp_contract:hover { background: url(../images/prettyphoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* contract button hover */
        div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyphoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* close button */

        div.dark_square .pp_arrow_previous { background: url(../images/prettyphoto/dark_square/sprite.png) 0 -71px no-repeat; } /* the previous arrow in the bottom nav */
                div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
        div.dark_square .pp_arrow_next { background: url(../images/prettyphoto/dark_square/sprite.png) -22px -71px no-repeat; } /* the next arrow in the bottom nav */
                div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

        div.dark_square .pp_next:hover { background: url(../images/prettyphoto/dark_square/btnnext.png) center right  no-repeat; cursor: pointer; } /* next button */
        div.dark_square .pp_previous:hover { background: url(../images/prettyphoto/dark_square/btnprevious.png) center left no-repeat; cursor: pointer; } /* previous button */


        /* ----------------------------------
                light square theme
        ----------------------------------- */

        div.light_square .pp_left ,
        div.light_square .pp_middle,
        div.light_square .pp_right,
        div.light_square .pp_content { background: #fff; }

        div.light_square .pp_expand { background: url(../images/prettyphoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* expand button */
        div.light_square .pp_expand:hover { background: url(../images/prettyphoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* expand button hover */
        div.light_square .pp_contract { background: url(../images/prettyphoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* contract button */
        div.light_square .pp_contract:hover { background: url(../images/prettyphoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* contract button hover */
        div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyphoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* close button */

        div.light_square .pp_arrow_previous { background: url(../images/prettyphoto/light_square/sprite.png) 0 -71px no-repeat; } /* the previous arrow in the bottom nav */
                div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
        div.light_square .pp_arrow_next { background: url(../images/prettyphoto/light_square/sprite.png) -22px -71px no-repeat; } /* the next arrow in the bottom nav */
                div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

        div.light_square .pp_next:hover { background: url(../images/prettyphoto/light_square/btnnext.png) center right  no-repeat; cursor: pointer; } /* next button */
        div.light_square .pp_previous:hover { background: url(../images/prettyphoto/light_square/btnprevious.png) center left no-repeat; cursor: pointer; } /* previous button */


/* ------------------------------------------------------------------------
        do not change
------------------------------------------------------------------------- */

        div.pp_pic_holder a:focus { outline:none; }

        div.pp_overlay {
                background: #000;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 9500;
        }

        div.pp_pic_holder {
                display: none;
                position: absolute;
                width: 100px;
                z-index: 10000;
        }

                .pp_top {
                        height: 20px;
                        position: relative;
                }
                        * html .pp_top { padding: 0 20px; }

                        .pp_top .pp_left {
                                height: 20px;
                                left: 0;
                                position: absolute;
                                width: 20px;
                        }
                        .pp_top .pp_middle {
                                height: 20px;
                                left: 20px;
                                position: absolute;
                                right: 20px;
                        }
                                * html .pp_top .pp_middle {
                                        left: 0;
                                        position: static;
                                }

                        .pp_top .pp_right {
                                height: 20px;
                                left: auto;
                                position: absolute;
                                right: 0;
                                top: 0;
                                width: 20px;
                        }

                .pp_content {
                        height: 40px;
                        position: relative;
                        text-align: left;
                        width: 100%;
                }

                        .pp_content .pp_details {
                                display: none;
                                margin: 10px 15px 2px 20px;
                        }
                                .pp_description {
                                        display: none;
                                        float: left;
                                        margin: 0;
                                }

                                .pp_nav {
                                        clear: left;
                                        float: left;
                                        margin: 3px 0 0 0;
                                }

                                        .pp_nav p {
                                                float: left;
                                                margin: 2px 4px;
                                        }

                                        .pp_nav a.pp_arrow_previous,
                                        .pp_nav a.pp_arrow_next {
                                                display: block;
                                                float: left;
                                                height: 15px;
                                                margin-top: 3px;
                                                overflow: hidden;
                                                text-indent: -10000px;
                                                width: 14px;
                                        }

                .pp_hovercontainer {
                        left: 0;
                        position: absolute;
                        top: 0;
                        width: 100%;
                        z-index: 2000;
                }

                a.pp_next {
                        background: url(../images/prettyphoto/light_rounded/btnnext.png) 10000px 10000px no-repeat;
                        display: block;
                        float: right;
                        height: 100%;
                        text-indent: -10000px;
                        width: 49%;
                }

                a.pp_previous {
                        background: url(../images/prettyphoto/light_rounded/btnnext.png) 10000px 10000px no-repeat;
                        display: block;
                        float: left;
                        height: 100%;
                        text-indent: -10000px;
                        width: 49%;
                }

                a.pp_expand,
                a.pp_contract {
                        cursor: pointer;
                        display: none;
                        height: 20px;
                        position: absolute;
                        right: 30px;
                        text-indent: -10000px;
                        top: 10px;
                        width: 20px;
                        z-index: 20000;
                }

                a.pp_close {
                        display: block;
                        float: right;
                        text-indent: -10000px;
                }

                .pp_bottom {
                        height: 20px;
                        position: relative;
                }
                        * html .pp_bottom { padding: 0 20px; }

                        .pp_bottom .pp_left {
                                height: 20px;
                                left: 0;
                                position: absolute;
                                width: 20px;
                        }
                        .pp_bottom .pp_middle {
                                height: 20px;
                                left: 20px;
                                position: absolute;
                                right: 20px;
                        }
                                * html .pp_bottom .pp_middle {
                                        left: 0;
                                        position: static;
                                }

                        .pp_bottom .pp_right {
                                height: 20px;
                                left: auto;
                                position: absolute;
                                right: 0;
                                top: 0;
                                width: 20px;
                        }

                .pp_loadericon {
                        display: none;
                        height: 24px;
                        left: 50%;
                        margin: -12px 0 0 -12px;
                        position: absolute;
                        top: 50%;
                        width: 24px;
                }

                #pp_full_res {
                        display: none;
                        line-height: 1 !important;
                        margin: 0 auto;
                        text-align: center;
                        width: 100%;
                }

                div.ppt {
                        color: #fff;
                        display: none;
                        font-size: 17px;
                        left: 0;
                        position: absolute;
                        top: 0;
                        z-index: 9999;
                }

/* ------------------------------------------------------------------------
        miscellaneous
------------------------------------------------------------------------- */

        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .clearfix {display: inline-block;}

        /* hides from ie-mac \*/
        * html .clearfix {height: 1%;}
        .clearfix {display: block;}
        /* end hide from ie-mac */
.clearfix{
padding-right:100px;}