/* --------------------------------------------------------------

  Kamerhuren.net - Screen stylesheet

  by: Johan Harteveld | Centroid Media

    ----------------------------
    Table of Contents
    ----------------------------

-------------------------------------------------------------- */

/* Show/hide div's
-------------------------------------------------------------- */

#city-info,
#mail-a-friend,
#react {
  display: block;
}

/* Layout
-------------------------------------------------------------- */

body {
  background: #fff url(../img/bg_pattern.png);
}

#container {
  width: 950px;
  margin: 40px auto;
  background: url(../img/col.gif) repeat-y top right;
}

#content-wrap {
  background: #fff url(../img/content_bg.png) repeat-y;
}

#content-main {
  float: left;
  width: 730px;
  margin: 10px 0 20px 20px;
}

#page-serp #content-main{
  width: 570px;
  margin-right: 0;
}

#content-left {
  float: left;
  width: 170px;
  margin-left:10px;
  margin-bottom: 20px;
  padding-top: 10px;
  background: #e8e7d7;
}

#content-side {
  float: left;
  width: 160px;
  margin-bottom: 20px;
  padding: 0 7px 0 3px;
}

#footer {
  clear: both;
  height: 40px;
  padding-top: 20px;
  background: url(../img/footer_bg.png) no-repeat left bottom;
  color: #9c9c9c;
  text-align: center;
}

#home-aff{
  background:#E8E7D7;
  text-align:center;
  font-weight:bold;
  padding-top:20px
}

/* Masthead
-------------------------------------------------------------- */

#masthead {
  width: 950px;
  height: 70px;
  background: url(../img/masthead_bg.png) no-repeat;
  text-align: center;
}

#logo {
  position: relative;
  top: -30px;
  width: 110px;
  margin: 0 auto;
}

#logo a {
  margin: 0;
  display: block;
  width: 110px;
  height: 89px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/logo.png) no-repeat;
}


/* Navigation
-------------------------------------------------------------- */

#nav {
  background: #959281;
  border: 10px solid #e8e7d7;
  border-top:0;
}

#nav h2 {
  position: relative;
  float: left;
  width: 138px;
  height: 60px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 10;
}

#nav-huren {
  background: url(../img/nav_huren.png) no-repeat;
}

#nav-verhuren {
  background: url(../img/nav_verhuren.png) no-repeat;
}

#nav ul {
  float: left;
  margin: 0 0 0 -20px;
}

#nav ul li {
  font-size: 1.2em;
  margin: 0;
  padding:0;
  color: #fff;
  border-top: 1px solid #aeac9f;
  border-right: 1px solid #aeac9f;
}

#nav ul li:first-child {
  border-top: 0;
}

#nav li a {
  position: relative;
  display:block;
  padding:5px 10px 6px 30px;
  text-decoration:none;
  color:#fff;
  z-index:9;
}

#nav li a:hover {
  background: #646261;
}

#nav #basic-nav {
  float: right;
  text-align: right;
}

#nav #basic-nav li {
  font-size: 1.1em;
  border:0;
}

#nav #basic-nav li a {
  margin:0;
  padding: 1px 5px 1px 5px;
}

/* Content
-------------------------------------------------------------- */

#content-main h1,
#content-main h2,
#content-main h3,
#content-main h4,
#content-main p {
  padding-left: 5px;
  padding-right: 5px;
}

#page-room-detail h1,
#page-profile h1 {
  float: left;
}

#page-nav {
  margin-bottom: 2em;
  padding-bottom: 4px;
  border-bottom:1px dotted #d4d1b0;
}

p.room-description img {
  float: right;
  margin: 0 0 1em 1em;
}

#map-result-wrap {
background:#DFDDC6 none repeat scroll 0 0;
border:1px solid #BDBBAE;
margin-bottom:2em;
padding:5px 10px 10px;
width:710px;
}

/* react box
-------------------------------------------------------------- */

.react-box {
  clear: both;
  margin-bottom: 1em;
  padding: 5px;
  background: #dfddc6;
  border: 1px solid #bdbbae;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}


/* Highlight box
-------------------------------------------------------------- */

.highlight-box {
  clear: both;
  margin-bottom: 1em;
  padding: 5px;
  background: #dfddc6;
  border: 1px solid #bdbbae;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.highlight-box p:last-child,
.highlight-box ul {
  margin-bottom: 0;
}

#content-main .highlight-box * {
  padding-left: 0;
  padding-right: 0;
}

.highlight-box span {
  font-size: 1.1em;
}

.highlight-box .post-date {
  float: left;
  margin:0;
  color: #979797;
}

.highlight-box .room-action {
  float: right;
}

.highlight-box img {
  border: 1px solid #fff;
  margin: 0 5px;
}

.highlight-box #mail-a-friend img {
  border: 0;
}

.update-date {
  float: right;
  color: #979797;
}

.feedbox {
  padding: 10px 5px;
}

.feedbox p {
  margin: 0;
}

.feedbox strong {
  padding: 1px 0 0 20px !important;
  background: url(../img/feed-icon.png) no-repeat 0 50%;
}

#mail-return-message img {
  border: 0 !important;
}

/* Abonnement afsluiten
-------------------------------------------------------------- */

#abo-step-summary ol {
  list-style: none;
  margin:0;
}

#abo-step-summary ol li {
  margin: 5px 0;
}

.abo-step {
  display: inline-block;
  width: 240px;
  vertical-align: top;
  color: #868686;
}

.abo-step-data {
  display: inline-block;
  width: 235px;
}

#abo-step-summary ol li a {
  vertical-align: top;
  font-style: italic;
}

/* Iconized links / buttons
-------------------------------------------------------------- */

#page-nav a {
  padding: 2px 0 1px 20px;
  font-size: 1.1em;
  background: url(../img/arrow_back.gif) no-repeat bottom left;
  text-decoration: none;
}

.highlight-box .room-action a {
  padding: 1px 0 1px 20px !important;
  text-transform: uppercase;
  margin-left: 10px;
  cursor: pointer;
}

.action-mail {
  background: url(../img/arrow_mail.gif) no-repeat top left;
}

.action-save {
  background: url(../img/arrow_plus.gif) no-repeat bottom left;
}

.action-saved {
  background: url(../img/icon_check.gif) no-repeat bottom left;
}


.action-button {
  float: right;
  font-size: 1.4em;
  font-weight: bold;
  height: 30px;
  display: block;
  text-transform: uppercase;
  color: #fff;
  background: url(../img/button_bg_left.png) no-repeat top left;
  text-decoration: none;
}

.action-button span {
  min-width: 70px;
  max-width:200px;
  height: 30px;
  line-height: 28px;
  display: inline-block;
  margin-left: 10px;
  padding-right: 12px;
  background: url(../img/button_bg_right.png) no-repeat top right;
  text-align: center;
  cursor: pointer;
}

.action-button:hover,
.action-button:focus,
.action-button:active {
  color: #d6c1b2;
}

.alert-edit {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  background: url(../img/icon_edit.png) no-repeat;
  overflow:hidden;
}

.alert-delete {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  background: url(../img/icon_delete.png) no-repeat;
  overflow:hidden;
}

a.rss {
  padding: 1px 0 1px 20px;
  background: url(../img/feed-icon.png) no-repeat 0 50%;
}

#react-button-bottom {
  margin-bottom:1em;
}

/* Searchresult
-------------------------------------------------------------- */

#sort-result {
  background: #dfddc6;
  border: 1px solid #bdbbae;
  padding: 5px;
  font-size: 1.1em;
  text-transform: uppercase;
  color: #025c66;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#sort-result span {
  float: left;
  margin-right: 10px;
  font-weight: bold;
  color: #864c21;
  text-transform: uppercase;
}

#sort-result ul {
  margin-bottom: 0;
}

#sort-result li {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
}

.sort-current-up {
  font-weight: bold;
  background: url(../img/arrow_sort.gif) no-repeat bottom right;
}

.sort-current-down {
  font-weight: bold;
  background: url(../img/arrow_sort.gif) no-repeat top right;
}

#result-view li {
  float: right;
  font-size: 1.2em;
  margin-left: 5px;
  padding: 2px 20px;
  background: #964908;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#result-view a {
  display: block;
  text-decoration: none;
  color: #fff;
}

#result-view a.rss {
  padding: 0 0 0 20px;
}

/* Search filters
-------------------------------------------------------------- */

#search-filter {
  margin-top: 115px;
  padding: 0 10px;
}

#search-filter img {
  margin:0 3px;
}

#search-filter ul span {
  color: #666;
}

/* Content-side/widgets
-------------------------------------------------------------- */

.widget {
  margin-bottom: 24px;
  padding: 10px 5px;
  background: #fcfcfc url(../img/widget_bg.png) repeat-x left bottom;
  border:1px solid #cdcdcd;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.username {
  display: block;
  margin-bottom: 0.5em;
  font-size: 1.2em;
  color: #C19520;
}

.widget ul {
  margin-bottom: 0;
}

.widget li {
  padding: 3px 0;
  font-size: 1.2em;
  font-weight: bold;
  border-top: 1px solid #d4d4d4;
  color: #868686;
}

.widget li:first-child {
  border:0;
}

.widget ul ul li {
  border: 0;
  font-size: 1em;
  font-weight: normal;
  padding: 0;
}

.widget ul a {
  display: block;
  color: #868686;
  text-decoration: none;
}

.widget ul ul a {
  color: #C19520;
}

.widget a span {
  font-weight: normal;
}

.widget span.widget-link {
  color: #7a7a7a;
  display: block;
  clear: both;
}

.widget span a {
  color: #7a7a7a;
}

.widget span a:hover {
  color: #1d3e41;
}

/* Forms
-------------------------------------------------------------- */

form {
  position: relative;
}

#mail-a-friend form,
#mail-a-friend label,
#react form,
#react form label {
  position: static;
}

#content-main fieldset {
  border: 1px solid #864c21;
  padding: 0.35em 5px 1.5em;
  margin-bottom: 18px;
}

form div {
  margin: 6px 44px 6px 49px;
}

legend + div {
  margin-top: 20px;
}

label,
.radio-wrap span {
  position: relative;
  display: block;
  clear: both;
  float: left;
  width: 170px;
  height: 23px;
  line-height: 23px;
  margin-right: 10px;
  font-size: 1.1em;
  color: #025c66;
}

.radio-wrap label {
  display: inline;
  float: none;
  width: auto;
}

.radio-wrap-alt label {
  float: none;
  display: inline-block;
  width: auto;
  min-width: 90px;
}

.widget label {
  width: auto;
  height: auto;
  line-height: 18px;
  margin-right: 0;
  padding-left: 2px;
  font-weight: bold;
  color: #7b8b8c;
}

input,
select,
textarea {
  font: 1.1em Verdana, Tahoma, "Helvetica Neue", Helvetica, sans-serif;
  color: #1d3e41;
}

input[type=text]:focus,
input[type=password]:focus,
select:focus {
  background: #f1f1e7;
}

input[type=text],
input[type=password] {
  width: 16em; /* 192px */
  max-width: 290px;
  padding: 3px 2px;
  border: 1px solid #964908;
}

input[type=file] {
  border:1px solid red !important;
}

#content-left input[type=text],
#content-left input[type=password] {
  width: 152px;
  border: 1px solid #7f9db9;
}

.widget input[type=text],
.widget input[type=password] {
  margin-bottom: 10px;
}

input.input-short {
  width: 8.67em; /* 104px */
}

select {
  width: 16.5em; /* 198px */
  max-width: 290px;
  padding: 2px 1px 2px 0;
  border: 1px solid #964908;
}

#content-left select {
  width: 158px;
  border: 1px solid #7f9db9;
}

.widget select {
  margin-bottom: 10px;
}

select.feed-select {
  width: auto;
  padding: 2px 1px 2px 0 !important;
  border-color: #7f9db9;
  font-size: 1em;
}

input[type=submit] {
  padding: 0.2em 0.3em;
}

#content-main input[type=submit] {
  float: right;
  /*min-width: 110px;*/
  font-size: 1.4em;
}

#content-main .widget input[type=submit] {
  float: none;
  /*min-width: 80px;*/
  font-size: 1.2em;
}

#content-left input[type=submit] {
  /*min-width: 80px;*/
  margin-bottom: 5px;
}

.radio-wrap div {
  margin: 0 44px 0 49px;
  padding-left:131px;
}

.radio-wrap input,
.radio-wrap-alt input {
  margin: 0px 5px 0 1px;
  position: relative;
  bottom: -1px;
}

.date-wrap select {
  width: auto;
  margin-right: 3px;
}

legend {
  padding: 0 4px;
  font-size: 1.4em;
  color:#025c66;
}

textarea {
  overflow: auto;
  width: 16em;
  padding: 2px;
  border:1px solid #864c21;
}

form p {
  margin-top: 20px;
  padding: 5px 0 !important;
  font-size: 1.1em;
  color: #7b8b8c;
  border-top: 1px dotted #a2b1b3;
}

form .radio-wrap-alt p {
  margin-top: 0;
  padding: 0 0 0 20px !important;
  border: none;
}

form p img {
  float: right;
  margin-left: 15px;
}

.radio-wrap-alt span {
  margin-right: 12px;
  font-weight: bold;
  font-size: 1.2em;
}

.radio-wrap-alt em {
  font-size: 1.2em;
  color: #d35e5e;
  background: #f6dfdf;
  padding: 2px 4px;
}

.radio-wrap-alt em strong {
  font-style: normal;
}

.input-euro {
  text-indent: -1em;
}


.submit-info {
  float: right;
  padding: 5px;
  width: 395px;
  background: #e4f5f7;
}

.submit-info span {
  font-size: 1.1em;
}

#postcode_letters-label {
  height:1px;
  line-height:1px;
  width:1px;
}

#postcode_letters-label strong.error {
  top:-18px;
}

/* abonnement pricing */

form div.abo-price-versions {
  margin: 15px 0 0 49px;
}

form div.abo-price-version {
  float: left;
  width: 150px;
  margin: 0 0 0 10px;
}

form div.abo-price-version div {
  margin:0;
}

form div.abo-price-version:first-child {
  margin-left: 0;
}

form div.abo-price-version label {
  font-weight: bold;
  display: block;
  width: 110px;
  height: 30px;
  padding: 157px 0 0 40px;
}

* html form div.abo-price-version label,
*:first-child+html form div.abo-price-version label {
  padding: 155px 0 0 40px;
}

form div.abo-price-version input {
  top: 175px;
  left: 20px;
}

#abo-price-version-3 { background: url(../img/abo_price_3.png) no-repeat; }
#abo-price-version-2 { background: url(../img/abo_price_2.png) no-repeat; }
#abo-price-version-1 { background: url(../img/abo_price_1.png) no-repeat; }

/* mail-a-friend form */

#mail-a-friend {
  clear:both;
  padding-top: 5px;
}

.highlight-box form {
  padding: 15px 0;
  border-top: 1px solid #BDBBAE;
}

.highlight-box form div:first-child {
  margin-top: 0;
}

.dateField select {
	width:auto;
}
.radioField label {
	display:inline;
	float:none;
}

/* reactie form */

#react form {
  border-top: 0;
}

#react form textarea{
  height:100px;
  width:100%
}

/* map toggle rooms */

#map-toggle-rooms label {
  display: inline;
  width: auto;
  float: none;
  margin-right: 0;
}

#map-toggle-rooms input {
  position:relative;
  top: 2px;
}

/* admin widget */

#adminsearch { margin-bottom:10px; }

#adminsearch input[type="submit"] {
	width:45px;
	min-width:0;
	margin:0
}

#adminroom { background:url(../img/icon-room.gif) no-repeat center; }
#adminuser { background:url(../img/icon-user.gif) no-repeat center; }
#adminorder { background:url(../img/icon-order.gif) no-repeat center; }


strong.error {
  position:absolute;
  top: 0;
  left: 390px;
  width: 130px;
  line-height:1.2;
  font-size: .916em;
  color: #d35e5e;
}

div.error-head {
  position: absolute;
  top: 17px;
  width: 500px;
  margin: 4px 60px;
  padding: 0 5px;
  background: #f6dfdf;
  border: 1px solid #d35e5e;
  color: #d35e5e;
  font-size: 1.2em;
}

/* Features table
-------------------------------------------------------------- */

#features-overview thead th,
#features-overview thead td {
  text-align: center;
  width: 20%;
}

#features-overview thead th:first-child {
  width: 40%;
}

#features-overview thead th {
  border-bottom: 0;
}

#features-overview thead td {
  border-bottom:1px solid #e0e0e0;
}

#features-overview thead td,
#features-overview tbody td {
  border-left: 1px solid #e0e0e0;
}

#features-overview tbody th {
  font-weight: normal;
}

#features-overview em {
  display: block;
}

.feature-yes {
  text-indent: -9999em;
  background: url(../img/check.png) no-repeat center;
}

.feature-no {
  text-indent: -9999em;
}

/* FAQ
-------------------------------------------------------------- */

.faq li {
  clear: both;
}

/* Homepage specific
-------------------------------------------------------------- */

#page-home #content-main {
  width: 730px;
}

#content-intro {
  position: relative;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #dfddc6;
}

#content-intro ul {
  margin-left: 5px;
}

#content-intro li {
  background: #f1cc69;
  float: left;
  margin-right:20px;
}

#content-intro li a {
  display: block;
  padding: 7px;
  text-decoration: none;
  color: #964908;
  font-weight: bold;
}

#content-intro li a:hover {
  background: #964908;
  color: #fff;
}

a.intro-signup {
  position: absolute;
  top: 10px;
  right:10px;
  display: block;
  padding: 7px;
  background: #964908;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border: 3px double #fff;
}

a.intro-signup:hover {
  text-decoration: underline;
}

/* Pagination
-------------------------------------------------------------- */

.pagination {
  margin: 25px 0 15px 0;
  text-align: center;
  font-size: 1.2em;
}

.pagination ul {
  list-style: none;
}

.pagination li {
  display: inline;
  margin: 0 1px;
  color: #6e6e6e;
  padding: 3px 0px;
}

.pagination li a {
  padding: 3px 7px;
  color: #6e6e6e;
  text-decoration: none;
  border: 1px solid #6e6e6e;
}

.pagination li a:hover,
.pagination li a:focus {
  background: #864c21;
  color: #fff;
  border: 1px solid #000;
  text-decoration: none;
}

.pagination li.page_active {
  padding: 3px 6px;
  border: 1px solid #6e6e6e;
  font-weight: bold;
  color: #864c21;
}

.pagination li.page_prev,
.pagination li.page_next {padding: 3px 7px;}
.pagination li.page_prev a,
.pagination li.page_next a {padding: 3px 7px; margin: 0 -7px}
.pagination span.current {
	color:#6e6e6e;
	padding: 3px 6px;
  border: 1px solid #ddd;
}

.pagination span.disabled {
	color:#6e6e6e;
	padding: 3px 6px;
}

/* Clearing floats without extra markup
   [http://www.positioniseverything.net/easyclearing.html]
-------------------------------------------------------------- */

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

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clear { clear:both; }


/* Sitemap treeview
-------------------------------------------------------------- */

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../img/treeview-default.gif) -64px -23px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li {
	padding: 3px 0pt 3px 16px;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { cursor: pointer; }

.treeview li { background: url(../img/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -174px; }

.treeview .expandable-hitarea { background-position: -80px -1px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../img/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

/* Map popup
-------------------------------------------------------------- */

.map-popup h3 {
  font-weight:bold;
  padding:0 !important;
}

.map-popup li {
  font-size:1.2em;
}

.map-popup h4,
.map-popup p {
 padding:0 !important;
}

.map-popup img {
  background: #ccc;
  margin: 0 10px 10px 10px;
}

#city-info img{vertical-align:top;margin:0 0 20px 20px}
#city-info img:first-child {margin-left:0}

/* ------------------------------------------------------------------------
	ADMIN
------------------------------------------------------------------------- */

	.chart{margin-bottom: 50px}
	.admin_roomscheck{margin-bottom:10px;padding-bottom:10px; border-bottom:2px solid #964908}
	.admin_roomscheck textarea{width:100%;margin-bottom:10px;height:300px;line-height:1.5em}
	#content-main .admin_roomscheck input[type="submit"]{float:none}

/* ------------------------------------------------------------------------
	Lightbox (prettyPhoto)
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(../img/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(../img/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */

	div.pictureHolder .content { background-color: #fff; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(../img/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(../img/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.expand { background: url(../img/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pictureHolder .content a.expand:hover { background: url(../img/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pictureHolder .content a.contract { background: url(../img/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pictureHolder .content a.contract:hover { background: url(../img/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(../img/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */

	div.pictureHolder .content .details .nav a.arrow_previous { background: url(../img/prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pictureHolder .content .details .nav a.arrow_next { background: url(../img/prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */

	div.pictureHolder .bottom .left { background: url(../img/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(../img/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */

	div.pictureHolder .loaderIcon { background: url(../img/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */

	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../img/prettyPhoto/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../img/prettyPhoto/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../img/prettyPhoto/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}