/*
 * *** hotels-rentacar.com ***
 * stylesheet version 1.0
 */
 
 /*** Search box ***/

#content #search.ui-widget-content {
  background-image: url(../images/search.png);
  background-color: transparent;
  background-repeat: repeat;
  border: none;
}

#content #search {
  position: absolute;
  width: 460px;
  height: 200px;
  margin: 110px 0 0 360px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px 10px 15px 10px;
  color: #f0f0f0;
}


#content #search ul li {
  display: block;
  padding: 3px 2px 5px 8px;
  float: left;
  width: 75px;
  height: 12px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

#content #search ul.ui-widget-header {
  background: transparent none no-repeat scroll 50% 50%;
  border-bottom: 1px solid #59584F;
  color: #FFFFFF;
  font-weight: bold;
}

#content #search ul.menu li.ui-state-default {
  background: transparent none no-repeat scroll 50% 50%;  
  border: none;
  border-left: solid 1px gray;
}

#content #search ul.menu li.ui-state-active, #content #search ul.menu li.ui-state-active {
  background: transparent none no-repeat scroll 50% 50%;
  border: none;
  border-left: solid 1px gray;  
}

#content #search ul.menu li.first {
  border: none;
}

#content #search ul.menu li.ui-tabs-selected a {
  color: #b0cd00;
}

#content #search ul.menu {
  height: 25px;
}

#content #search ul.menu a {
  color: #f0f0f0;
  text-decoration: none;
  
}

.ui-tabs .ui-tabs-nav li a {
float: none;
padding: 0;
}

#content #search .ui-widget-content {
background: transparent none no-repeat scroll 50% top;
border: none;
color: #f0f0f0;
}

#content #search .ui-tabs, #content #search .ui-tabs-panel 
{
  padding: 0;
}

#content #search .form {
  clear: both;
  height: 150px;
  padding: 10px 0 10px 0;
}

#content #search .form label {
  float: left;
  display: block;
  width: 150px;
  text-align: right;
  margin: 0 10px 0 0;
  height: 21px;
  padding: 4px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}

#content #search .form input {
  height: 14px;
  width: 240px;
  margin: 0 0 5px 0;
  border: solid 1px silver;
  background-color: #f0f0f0;
  font-size: 11px;
  color: black;
  padding: 3px;
}

#content #search .form input.short {
	width: 109px;
}

#content #search .form input.tiny {
	width: 66px;
}

#content #search .form input.empty {
  color: silver;
}

#content #search .form input.calendar {
  background-image: url(../images/calendar.png);
  background-repeat: no-repeat;
  background-position: right center;
}

#content #search .form .button-container {
  clear: both;
  text-align: right;
}

#content #search .form input.button {
  width: 98px;
  height: 30px;
  background-image: url(../Images/searchbutton.png);
  background-repeat: no-repeat;
  background-position: top left;
  border: none;
  font-family: "Segoe UI", Tahoma;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  
}

#content #search .form .stars {
  float: left;
  height: 14px;
  width: 107px;
  margin: 0 125px 5px 0;
  border: solid 1px silver;
  background-color: #f0f0f0;
  font-size: 11px;
  color: black;
  padding: 3px;
}

#content #search .form select 
{
  height: 22px;
  width: 117px;
  border: solid 1px silver;
  background-color: #f0f0f0;
  font-size: 11px;
  color: black;
  padding: 3px;
  margin: 0 125px 5px 0;
}

/*** box ***/

.single-box {
  float: left;
  width: 422px;
  background-image: url(../Images/single-box-bg.png);
  background-repeat: repeat-y;
  background-position: top left;
}

.single-box h2 {
  margin: 0 6px 10px 6px;
  height: 33px;
  background-image: url(../Images/headline.png);
  color: white;
}

.single-box h2 span {
  display: none;
}

.single-box ul {
  margin: 0 6px 0 6px;
}

.single-box ul li {
  list-style: none;
}
.single-box .header {
  height: 6px;
  background-image: url(../Images/box-header.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.single-box .footer {
  height: 6px;
  clear: both;
  background-image: url(../Images/box-footer.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

 
 /*** world news ***/
#news h2 {
  background-image: url(../Images/headline-news.png);
}

#news ul {
  padding: 0 0 10px 0;
}

#news ul li {
  padding: 5px 0 5px 25px;
  border-bottom: dashed 1px #e6e6e6;
  background-image: url(../Images/news-button.png);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 14px;
}

#news ul li:hover {
  background-image: url(../Images/news-button-active.png);
}

#news ul li a {
  color: Black;
  text-decoration: none;
}

#news ul li a:hover {
  text-decoration: underline;
}


/*** special offers ***/

#special-offers h2 {
  background-image: url(../Images/headline-specialoffers.png);
}

#special-offers .offer-item {
  clear: both;
  height: 48px;
  margin: 0 6px 5px 6px;
  padding: 5px;
  background-image: url(../Images/special-offer.png);
  background-repeat: repeat-x;
  background-position: left top;
  border: solid 1px #cfcfcf;
}

#special-offers .offer-item .image {
  float: left;
  width: 60px;
  height: 48px;
  margin: 0px 5px 5px 0;
  border: solid 1px #e6e6e6;
  background-color: white;
}


#special-offers .offer-item .image img {
  width: 50px;
  max-height: 38px;
  margin: 5px;
  border: none;
}

#special-offers .offer-item .details h3 {
  height: 21px;
  padding: 2px 0 2px 5px;
  margin: 0 0 5px 5px;
  font-size: 14px;
  background-color: #e0e0e0;        
/*  background-image: url(../images/special-offer-title.png);
  background-repeat: repeat-x;*/
  color: black;
  font-family: "Segoe UI", Tahoma, Helvetica;
  font-weight: normal;
  font-variant: small-caps;
  overflow: hidden;
  border-top: solid 1px silver;
  border-bottom: solid 1px silver;
}

#special-offers .offer-item .details h3 a {
  color: black;
  text-decoration: none;
}

#special-offers .offer-item .details {
  padding: 0 0 0 5px;
}

#special-offers .offer-item .details p {
  font-size: 12px;
}

#special-offers .offer-item .details .price {
	text-align: right;
	font-size: 14px;
}

#special-offers .offer-item .details .price span {
  font-weight: bold;
  color: #8ba201;
}

#special-offers .offer-item .details .buttons {
  display: none;
}

/* dialog */
#dialog ul 
{
  list-style: none;
}

#dialog p 
{
  padding: 0 0 5px 0;
  border-bottom: dotted 1px gray;
}

#dialog ul li 
{
  font-size: 12px;
  border-bottom: dotted 1px gray;
  padding: 5px;
}

#dialog ul li:hover
{
  background-color: white;
}

#dialog ul li a 
{
  font-weight: bold;
}