/* These rules are used on the New Reservations page (the "search" page) */

div#find-a-hotel {
	padding-left: 50px;
	padding-bottom: 15px;
}
div.brand-chooser {
	margin-bottom: 1.0em;
}
div.brand-chooser p {
	font-weight: bold;
	font-size: 0.8em;
}
div.brand-chooser label {
	display: block;
	text-indent: -2.0em;
	margin-left: 2.0em;
	padding: 0;
}

p.redeem-available-points {
  font-weight:bold;
  margin-left:30px;
  margin-bottom:1.0em;
  width:680px;
  }

/* REDESIGN 1.23.07 - UPDATED 2.19.08 */

#wiContent {
border: 0px solid #c00;
width:562px;
margin: 0;
padding: 0;
}
#hotelSearch {
border: 0px solid #c00;
float: left;
margin: 0;
padding: 0;
width:562px;
}
#hotelTable {
position:relative;
border: 0px solid #c00;
width:562px;
margin:0;
padding:0;
}
.hotelTable-country {
color:#000;
font-size:12px;
font-weight:bold;
margin:0;
padding:0 0 0 22px;
}
#hotelTable table {
border: 0px solid #c00;
padding: 20px 0 0 0;
width:562px;
background: #fff url(/lq/images/coolsavings/weekendimpulse/lq/content-bg.gif);
background-repeat: no-repeat;
background-position: top right;
}
.vDiv {
width: 2px;
background: #fff;
height: 100px;
border: 0px solid #c00;
float: left;
padding: 20px 0 0 0;
}
.clearDiv {
clear: both;
height:1px;
font-size: 1px;
}
.clearResDiv {
clear: both;
height:1px;
font-size: 1px;
background: #ffffff;
}

table.basic2{ 
width:auto; 
}
table.basic2 tr{ 
vertical-align:top; 
}
table.basic2 td{ 
vertical-align:top; 
}
td.stateList{ 
width:181px;
padding:10px 0px; 
}
td.stateList p{ 
font-size:11px; 
margin:0 0 10px 0; 
}
td.stateList a{ 
text-decoration:none; 
font-size:11px; 
background: #fff url(/lq/images/coolsavings/grandopenings/bullet.gif) 0 0 no-repeat; 
padding:0 10px 0 20px;
}
td.borderLeft{ 
background-image:url('/lq/images/coolsavings/weekendimpulse/lq/bg_statelist.gif'); 
background-position:left; 
background-repeat:repeat-y; 
}
td.borderRight{ background-image:url('/lq/images/coolsavings/weekendimpulse/lq/bg_statelist2.gif'); 
background-position:right; 
background-repeat:repeat-y; 
}


/* REDESIGN CONTINUED 3.29.07 */


/* $Id: coolsavings.css,v 1.5 2010/04/06 16:11:05 kleahy Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.searchreslive .searchrestabhide {
  display:none;
}

/*--------------------------------------------------
  .searchres = before the searchres interface is set up
  .searchreslive = after the searchres interface is set up
  --------------------------------------------------*/
.searchres {
}

.searchreslive {
  width: 98%;
}




/*--------------------------------------------------
  .searchrestab = the tab content
  Add style only after the searchres interface is set up (.searchreslive)
  --------------------------------------------------*/
.searchreslive .searchrestab {
  margin:0;
  padding: 0;
  border:0px solid #ccc;
  /*float:right;*/
  width: 560px;

  /* If you don't want the tab size changing whenever a tab is changed
     you can set a fixed height */

  /* height:200px; */

  /* If you set a fix height set overflow to auto and you will get a
     scrollbar when necessary */

  /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.searchreslive .searchrestab h2 {
  display:none;
}
.searchreslive .searchrestab h3 {
  display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
/* .searchreslive#tab1 {
}
.searchreslive#tab2 {
} */
.searchreslive#tab2 .searchrestab {
 height:200px;
 overflow:auto;
}



/*--------------------------------------------------
  ul.searchresnav = the tab navigation list
  li.searchresactive = the active tab
  --------------------------------------------------*/

ul.searchresnav  {
border: 0px solid #c00;
background:#638ee1;
width: 562px;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
}
ul.searchresnav li  {
line-height: 120%;
height: 45px;
width:185px;
padding-right: 2px;
float: left;
}
ul.searchresnav li a {
background-image:  url(/lq/images/coolsavings/weekendimpulse/lq/cool-savings-bgOff.gif);
background-repeat: no-repeat;
background-position: 0 0;
border: 0px solid #c00;
color: #d0ddf8;
font-size: 16px;
font-weight: bold;
padding: 12px 15px 4px 20px;
height: 45px;
display: block;
text-decoration:none;
}
ul.searchresnav li a:hover{
background-image: url(/lq/images/coolsavings/weekendimpulse/lq/cool-savings-bgHover.gif);
background-repeat: no-repeat;
background-position: 0 0;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 12px 15px 4px 20px;
height: 45px;
display: block;
}
ul.searchresnav li.searchresactive a {
background-image: url(/lq/images/coolsavings/weekendimpulse/lq/cool-savings-bgOn.gif);
background-repeat: no-repeat;
background-position: 0 0;
color: #6c94e9;
font-size: 16px;
font-weight: bold;
padding: 12px 15px 4px 20px;
display: block;
}
ul.searchresnav li.searchresactive a:hover {
background-image: url(/lq/images/coolsavings/weekendimpulse/lq/cool-savings-bgOn.gif);
background-repeat: no-repeat;
background-position: 0 0;
color: #6c94e9;
font-size: 16px;
font-weight: bold;
padding: 12px 15px 4px 20px;
display: block;
}
.searchresnav hr {
border: 0;
/*text-align: left;*/
width: 100%;
color: #fff;
background-color: #fff;
height: 1px;
margin: 0 0 5px 0;
}
/*#helpdiv {
z-index:9999;
background:#ffffff;
color:#ffffff;
position:absolute;
top:150px;
left:0;
width:800px;
height:1000px;
}*/