.h1 {
  font-size: 170%;
}

.h2 {
  font-size: 150%;
  font-weight: bold;
}

.h3 {
  font-size: 130%;
  font-weight: bold;
}

.h4 {
  font-size: 100%;
  text-transform: uppercase;
}

/* Main search form elements and multilayout search form elements */

.searchbox {
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 180px;
  border: 1px inset #f5f5f5;
}

.searchfield {
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 175px;
  border: 1px inset #f5f5f5;
}

.slimsearchbox {
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 88px;
  border: 1px inset #f5f5f5;
}

.slimfield {
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 82px;
  border: 1px inset #f5f5f5;
}

/* Search module form elements */

.searchbox2 {
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 170px;
  border: 1px inset #f5f5f5;
}

.searchfield2 {
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 175px;
  border: 1px inset #f5f5f5;
}

.slimsearchbox2 {
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 80px;
  border: 1px inset #f5f5f5;
}

.slimfield2 {
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 67px;
  border: 1px inset #f5f5f5;
}

/* form buttons and button-style links */

.readit {
  background: url(../images/button_bg.gif) repeat-x left center #2e3d65;
  border: 1px solid #548625;
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
  padding: 3px 5px;
  text-decoration: none;
  cursor: pointer;
}

a.readit:link,
a.readit:visited {
  background: url(../images/button_bg.gif) repeat-x left center #2e3d65;
  border: 1px solid #548625;
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
  padding: 3px 5px;
  text-decoration: none;
  cursor: pointer;
}

a.readit:hover {
  background: url(../images/button_bg.gif) repeat-x left center #2e3d65;
  border: 1px solid #548625;
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
  padding: 3px 5px;
  text-decoration: none;
  cursor: pointer;
}

.ezbutton {
  background: url(../images/button_bg.gif) repeat-x left center #2e3d65;
  border: 1px solid #548625;
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
  padding: 3px 5px;
  text-decoration: none;
  cursor: pointer;
}

/* general styles for listings pages etc */

.eztableheader {
  padding: 8px 5px;
  background-color: #323537;
  font-size: 150%;
  color: #ffffff;
}

.ezsubheader {
  padding: 4px 5px;
  background-color: #323537;
  font-size: 120%;
  color: #ffffff;
}

.listtableborder {
  width: 100%;
  border: 1px solid #323537;
  padding: 0px;
}

.listdivider {
  background: url(../images/button_bg.gif) repeat-x left center #2e3d65;
  height: 5px;
}

.searchtableborder {
  width: 100%;
  border: 1px solid #323537;
  padding: 0px;
}

/* Featured and not featured listings background colours on the listings pages */

.listbkgr {
  background-color: #ffffff;
  line-height: 15px;
  padding: 0px;
  width: 100%;
}

.listbkgr0 {
  background-color: #dadada;
  line-height: 15px;
  padding: 0px;
  width: 100%;
}

.listbkgr1 {
  background-color: #2e3d65;
  background: url(../images/bg_texture.jpg) repeat;
  color: #ffffff;
  line-height: 15px;
  padding: 0px;
  width: 100%;
}

.listbkgrin0 {
  background-color: #ffffff;
  line-height: 15px;
  padding: 0px;
  width: 100%;
}

.listbkgrin1 {
  background-color: #ffffff;
  line-height: 15px;
  padding: 0px;
  width: 100%;
}

.listsmtext0 {
  font-size: 90%;
  color: #333333;
  font-weight: bold;
}

.listsmtext1 {
  font-size: 90%;
  color: #ffffff;
  font-weight: bold;
}

a.makemodel:link,
a.makemodel:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #6f874d;
  font-weight: bold;
  background-color: inherit;
}

a.makemodel:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #f99b44;
  font-weight: bold;
  text-decoration: underline;
  background-color: inherit;
}

a.makelist:link,
a.makelist:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #6f874d;
  font-weight: bold;
  background-color: inherit;
}

a.makelist:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #f99b44;
  font-weight: bold;
  text-decoration: underline;
  background-color: inherit;
}

.shadebox {
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  background: #c0c0c0;
  color: #4f4f4f;
}

.ezright {
  align: right;
}

.searchbkgr {
  background-color: #f4f6f2;
}

/* Main Slideshow style classes */

#ez_slideshow {
  width: 500px; /* Total width of main template slideshow */
  background-color: #000;
  padding-top: 4px;
}

#previewPane {
  /* box surrounding the main image */
  background-color: #000;
  text-align: center;
  vertical-align: middle;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
  /* CSS HACK */
  height: 302px; /* IE 5.x */
  height/* */:/**/ 290px; /* Other browsers */
  height: /**/ 290px;
}

#previewPane img {
  line-height: 250px;
}

#previewPane #largeImageCaption {
  /* CSS styling of image caption below large image */
  font-style: italic;
  color: #dadada;
  text-align: center;
  font-family:
    Trebuchet MS,
    Lucida Sans Unicode,
    Arial,
    sans-serif; /* Font to use */
  font-size: 0.9em;
  z-index: 100;
}

#galleryContainer {
  /* CSS styling of thumbnail sliders area below large image */
  height: 64px; /* Height of the images + 2 */
  background-color: #000;
  position: relative;
  overflow: hidden;
  padding: 0px;
  /* CSS HACK */
  height: 64px; /* IE 5.x - Added 2 pixels for border left and right */
  height/* */:/**/ 64px; /* Other browsers */
  height: /**/ 64px;
}

#arrow_left {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 10;
  background-color: #000;
}

#arrow_right {
  position: absolute;
  top: 2px;
  right: 0px;
  z-index: 10;
  background-color: #000;
}

#theImages {
  position: absolute;
  width: 100000px;
  padding-top: 2px;
}

#theImages #slideEnd {
  float: left;
}

#theImages img {
  float: left;
  padding: 3px;
  filter: alpha(opacity=95);
  opacity: 0.75;
  cursor: pointer;
  border: 0px;
}

#waitMessage {
  display: none;
  position: absolute;
  left: 200px;
  top: 150px;
  background-color: inherit;
  border: 0px double #000;
  padding: 4px;
  color: #555;
  font-size: 0.9em;
  font-family: arial;
}

#theImages .imageCaption {
  display: none;
}

#ez_slideshowclick {
  width: 500px; /* Total width of main template slideshow */
  text-align: center;
}

/* CSS styling of dropdown sliders with arrows */

.divEZToggle {
  margin: 0;
  color: #666;
  padding: 2px;
  border: 1px solid #cccccc;
  background: transparent url(../images/arrow.png) 5px 50% no-repeat;
  padding-left: 20px;
}

.divEZToggleText {
  font-weight: bold;
  font-size: 13px;
  color: #666;
  padding: 2px;
  cursor: pointer;
}

.propertyInfoWrapper {
  float: left;
  width: 100%;
  border: 0px solid #dddddd;
  background-color: #ffffff;
  padding: 2px;
}

.propertyInfo {
  padding: 2px;
}

/* CSS styling for listing pages watermark overlays */

#watermark_box {
  position: relative;
  display: block;
}

img.watermark {
  position: absolute;
  top: 5px;
  left: 5px;
  border: 0px solid #585858;
}

/* CSS styling for full details page watermark overlays just in case those files need different padding */

#watermark_box2 {
  position: relative;
  display: block;
}

img.watermark2 {
  position: absolute;
  top: 0px;
  left: 10px;
  border: 0px solid #585858;
}

/* CSS styling of regular size boxed thumbnails */

.imageBox_td {
  width: 95px; /* Width of table column enclosing the boxed thumbnails */
}

.imageBox_theImage {
  width: 80px; /* Width of image */
  height: 60px; /* Height of image */

  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0px auto;
  margin-bottom: 2px;
  border: 1px solid #000;
}

.imageBox .imageBox_theImage {
  width: 80px; /* Width of image */
  height: 60px; /* Height of image */
  border: 0px solid #ccc; /* Border color for not selected images */
  padding: 2px;
}

/* CSS styling for shadow effects on boxed thumbnails */

.shadow-bringer {
  width: 84px;
  height: 64px;
  margin: 0px auto;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #ccc; /* Border color for not selected images */
}
.shadow {
  -moz-box-shadow: 3px 3px 4px #818181;
  -webkit-box-shadow: 3px 3px 4px #818181;
  box-shadow: 3px 3px 4px #818181;

  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#818181')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#818181');
}

/* CSS styling of larger size boxed thumbnails used on the multicolumn listings page template */

.L_imageBox_theImage {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60px; /* Height of image */
  margin: 0px auto;
  margin-bottom: 2px;
  width: 80px; /* Width of image */
}

.L_imageBox .L_imageBox_theImage {
  border: 0px solid #ccc; /* Border color for not selected images */
  padding: 2px;
}

/* CSS styling for shadow effects on boxed thumbnails */

.L_shadow-bringer {
  width: 130px;
  height: 120px;
  margin: 0px auto;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #ccc; /* Border color for not selected images */
}

.L_shadow {
  -moz-box-shadow: 3px 3px 4px #818181;
  -webkit-box-shadow: 3px 3px 4px #818181;
  box-shadow: 3px 3px 4px #818181;

  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#818181')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#818181');
}

ezfieldset {
  border: none;
  padding: 10px 5px;
}

div.width-100 {
  width: 100%;
}

fieldset.adminform {
  border: 1px solid #ccc;
  margin: 0 10px 10px 10px;
}

fieldset {
  margin-bottom: 10px;
  border: 1px #ccc solid;
  padding: 5px;
  text-align: left;
}

fieldset p {
  margin: 10px 0px;
}

legend {
  color: #0b55c4;
  font-size: 12px;
  font-weight: bold;
  background-color: #fff;
}

table.admintable td {
  padding: 3px;
}
table.admintable td.key,
table.admintable td.paramlist_key {
  background-color: #f6f6f6;
  text-align: right;
  width: 180px;
  color: #666;
  font-weight: bold;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}

table.admintable td.key.vtop {
  vertical-align: top;
}
