/* --------
  The CSS rules offered here are just an example, you may use them as a base. 
  Shape your 'expand/collapse' content so that it meets the style of your site. 
 --------- */
.villaslider {
/*  margin:0 0 12px 0; */
  padding:0;
  border:1px none #ccc;
  position:relative
}
.villaslider .collapse {
  border:1px solid #ccc;
}
.villaslider .collapse p {
	padding:0 10px 1em;
}
.villaslider .top {
	font-size:.9em; 
	text-align:right; 
	margin-bottom:0;
}
.villaslider .collapse p.top {
	padding-bottom:0.3em;
}
.villaslider #switch, .villaslider .switch {
	margin-bottom:0; 
	text-align:left;
	font-size:1em;
	font-weight:700; 
}
.villaslider #switch p, .villaslider .switch p {
	margin-top:0; 
}

/* --- Headings  --- */
.villaslider h1 {
  margin-bottom:.75em; 
  font-family:georgia,'times new roman',times,serif; 
  font-size:2.5em; 
  font-weight:normal; 
  color:#c30
}
.villaslider h2{font-size:1em}

.villaslider .expand{padding-bottom:.75em}

/* --- Links  --- */
.villaslider a:link, .villaslider a:visited {
  border:1px dotted #ccf;
  border:0 none;
  border-width:0 0 1px;
  text-decoration:none;
  color:#0000ff;
}
.villaslider a:hover, .villaslider a:active, .villaslider a:focus {
  border-style:solid;
  border-style:none;
  background-color:#f0f0f0;
  outline:0 none
}
.villaslider a:active, .villaslider a:focus {
  color:#003399;
}
.villaslider .expand a {
  display:block;
  padding:3px 10px
}
.villaslider .expand a:link, .villaslider .expand a:visited {
  border-width:1px;
  background-image:url(images/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
}
.villaslider .expand a:hover, .villaslider .expand a:active, .villaslider .expand a:focus {
  text-decoration:underline
}
.villaslider .expand a.open:link, .villaslider .expand a.open:visited {
  border-style:solid;
  background:#eee url(images/arrow-up.gif) no-repeat 98% 50%
}
.villaslider .switch a {
  display:block;
  padding:1px 10px
}
.villaslider .switch a:link, .villaslider .switch a:visited {
  border-width:1px;
  background-image:url(images/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
  border-style:dotted;
/*  background-color:#e0e8ff; */
  background-color:#ffc34d;
}
.villaslider .switch a:hover, .villaslider .switch a:active, .villaslider .switch a:focus {
  text-decoration:underline
}
.villaslider .switch a.open:link, .villaslider .switch a.open:visited {
  border-style:solid;
  background:#eee url(images/arrow-up.gif) no-repeat 98% 50%
}
/* --- end of expand.css  --- */