div.light_rounded .pp_top .pp_left {
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) -88px
    -53px no-repeat
}

div.light_rounded .pp_top .pp_middle {
  background: #fff
}

div.light_rounded .pp_top .pp_right {
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) -110px
    -53px no-repeat
}

div.light_rounded .pp_content {
  background-color: #fff
}

div.light_rounded .pp_next:hover {
  background: url(/assets/image/prettyPhoto/light_rounded/btnNext.png) center
    right no-repeat;
  cursor: pointer
}

div.light_rounded .pp_previous:hover {
  background: url(/assets/image/prettyPhoto/light_rounded/btnPrevious.png)
    center left no-repeat;
  cursor: pointer
}

div.light_rounded .pp_expand {
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) -31px
    -26px no-repeat;
  cursor: pointer
}

div.light_rounded .pp_expand:hover {
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) -31px
    -47px no-repeat;
  cursor: pointer
}

div.light_rounded .pp_contract {
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) 0 -26px
    no-repeat;
  cursor: pointer
}

div.light_rounded .pp_contract:hover {
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) 0 -47px
    no-repeat;
  cursor: pointer
}

div.light_rounded .pp_close {
  width: 75px;
  height: 22px;
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) -1px
    -1px no-repeat;
  cursor: pointer
}

div.light_rounded .pp_arrow_previous {
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) 0 -71px
    no-repeat
}

div.light_rounded .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default
}

div.light_rounded .pp_arrow_next {
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) -22px
    -71px no-repeat
}

div.light_rounded .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default
}

div.light_rounded .pp_bottom .pp_left {
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) -88px
    -80px no-repeat
}

div.light_rounded .pp_bottom .pp_middle {
  background: #fff
}

div.light_rounded .pp_bottom .pp_right {
  background: url(/assets/image/prettyPhoto/light_rounded/sprite.png) -110px
    -80px no-repeat
}

div.light_rounded .pp_loaderIcon {
  background: url(/assets/image/prettyPhoto/light_rounded/loader.gif) center
    center no-repeat
}

  /* ---------------------------------- Dark Rounded Theme ----------------------------------- */
div.dark_rounded .pp_top .pp_left {
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) -88px
    -53px no-repeat
}

div.dark_rounded .pp_top .pp_middle {
  background: url(/assets/image/prettyPhoto/dark_rounded/contentPattern.png)
    top left repeat
}

div.dark_rounded .pp_top .pp_right {
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) -110px
    -53px no-repeat
}

div.dark_rounded .pp_content {
  background: url(/assets/image/prettyPhoto/dark_rounded/contentPattern.png)
    top left repeat
}

div.dark_rounded .pp_next:hover {
  background: url(/assets/image/prettyPhoto/dark_rounded/btnNext.png) center
    right no-repeat;
  cursor: pointer
}

div.dark_rounded .pp_previous:hover {
  background: url(/assets/image/prettyPhoto/dark_rounded/btnPrevious.png)
    center left no-repeat;
  cursor: pointer
}

div.dark_rounded .pp_expand {
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) -31px
    -26px no-repeat;
  cursor: pointer
}

div.dark_rounded .pp_expand:hover {
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) -31px
    -47px no-repeat;
  cursor: pointer
}

div.dark_rounded .pp_contract {
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) 0 -26px
    no-repeat;
  cursor: pointer
}

div.dark_rounded .pp_contract:hover {
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) 0 -47px
    no-repeat;
  cursor: pointer
}

div.dark_rounded .pp_close {
  width: 75px;
  height: 22px;
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) -1px -1px
    no-repeat;
  cursor: pointer
}

div.dark_rounded .currentTextHolder {
  color: #c4c4c4
}

div.dark_rounded .pp_description {
  color: #fff
}

div.dark_rounded .pp_arrow_previous {
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) 0 -71px
    no-repeat
}

div.dark_rounded .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default
}

div.dark_rounded .pp_arrow_next {
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) -22px
    -71px no-repeat
}

div.dark_rounded .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default
}

div.dark_rounded .pp_bottom .pp_left {
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) -88px
    -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_middle {
  background: url(/assets/image/prettyPhoto/dark_rounded/contentPattern.png)
    top left repeat
}

div.dark_rounded .pp_bottom .pp_right {
  background: url(/assets/image/prettyPhoto/dark_rounded/sprite.png) -110px
    -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
  background: url(/assets/image/prettyPhoto/dark_rounded/loader.gif) center
    center no-repeat
}

  /* ---------------------------------- 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(/assets/image/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(/assets/image/prettyPhoto/dark_rounded/loader.gif) center
    center no-repeat
}

div.dark_square .pp_expand {
  background: url(/assets/image/prettyPhoto/dark_square/sprite.png) -31px
    -26px no-repeat;
  cursor: pointer
}

div.dark_square .pp_expand:hover {
  background: url(/assets/image/prettyPhoto/dark_square/sprite.png) -31px
    -47px no-repeat;
  cursor: pointer
}

div.dark_square .pp_contract {
  background: url(/assets/image/prettyPhoto/dark_square/sprite.png) 0 -26px
    no-repeat;
  cursor: pointer
}

div.dark_square .pp_contract:hover {
  background: url(/assets/image/prettyPhoto/dark_square/sprite.png) 0 -47px
    no-repeat;
  cursor: pointer
}

div.dark_square .pp_close {
  width: 75px;
  height: 22px;
  background: url(/assets/image/prettyPhoto/dark_square/sprite.png) -1px -1px
    no-repeat;
  cursor: pointer
}

div.dark_square .pp_arrow_previous {
  background: url(/assets/image/prettyPhoto/dark_square/sprite.png) 0 -71px
    no-repeat
}

div.dark_square .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default
}

div.dark_square .pp_arrow_next {
  background: url(/assets/image/prettyPhoto/dark_square/sprite.png) -22px
    -71px no-repeat
}

div.dark_square .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default
}

div.dark_square .pp_next:hover {
  background: url(/assets/image/prettyPhoto/dark_square/btnNext.png) center
    right no-repeat;
  cursor: pointer
}

div.dark_square .pp_previous:hover {
  background: url(/assets/image/prettyPhoto/dark_square/btnPrevious.png)
    center left no-repeat;
  cursor: pointer
}

  /* ---------------------------------- 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(/assets/image/prettyPhoto/light_square/sprite.png) -31px
    -26px no-repeat;
  cursor: pointer
}

div.light_square .pp_expand:hover {
  background: url(/assets/image/prettyPhoto/light_square/sprite.png) -31px
    -47px no-repeat;
  cursor: pointer
}

div.light_square .pp_contract {
  background: url(/assets/image/prettyPhoto/light_square/sprite.png) 0 -26px
    no-repeat;
  cursor: pointer
}

div.light_square .pp_contract:hover {
  background: url(/assets/image/prettyPhoto/light_square/sprite.png) 0 -47px
    no-repeat;
  cursor: pointer
}

div.light_square .pp_close {
  width: 75px;
  height: 22px;
  background: url(/assets/image/prettyPhoto/light_square/sprite.png) -1px -1px
    no-repeat;
  cursor: pointer
}

div.light_square .pp_arrow_previous {
  background: url(/assets/image/prettyPhoto/light_square/sprite.png) 0 -71px
    no-repeat
}

div.light_square .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default
}

div.light_square .pp_arrow_next {
  background: url(/assets/image/prettyPhoto/light_square/sprite.png) -22px
    -71px no-repeat
}

div.light_square .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default
}

div.light_square .pp_next:hover {
  background: url(/assets/image/prettyPhoto/light_square/btnNext.png) center
    right no-repeat;
  cursor: pointer
}

div.light_square .pp_previous:hover {
  background: url(/assets/image/prettyPhoto/light_square/btnPrevious.png)
    center left no-repeat;
  cursor: pointer
}

  /* ------------------------------------------------------------------------ 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 {
  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(/assets/image/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(/assets/image/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
}

* html .clearfix {
  height: 1%
}

.clearfix {
  display: block
}