/* styles for Featured Destinations pages */
.fd div.clear { clear:both; border-top:1px solid #fff; background:transparent; margin:0 !important ; padding:0 !important; }

.fd {width: 765px;}
.fd  p { font-size: 11px; color:#333333;}

.fd h1 {color:#8dc000; padding: 6px 10px 0 0; line-height:100%;}
/*h1 select {position: absolute; left: 590px; font-size: 10px; text-transform: none;}*/

.fd h2 {font-size: 15px; line-height:100%; margin-bottom: 0; color:#333333}
.fd h3 { font-size: 15px; 
	color: #ffffff;
	padding: 10px 0 0 15px;
	margin:0;
	background-image:url(/lq/images/coolsavings/featdest/bg_fdTableHdr.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:27px;
	/*width:566px;*/
	border:0px solid #c00;
}

.fd h3 a {font-size: 11px; font-weight: normal; margin-left: 20px;}

.fd .twoCol {width: 725px; float: left; }
.fd .leftCol {width: 567px; float: left; }
.fd .rightCol {width: 370px; float: left; }

.fd .leftCol p {padding-right: 5px;}
.fd .rightCol p {padding-right: 5px;}
/*.fd .topBox {border-top: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; padding-bottom: 15px;}
.fd .topBox img {margin-left: 15px; padding-bottom: 15px; margin-top: 15px;}*/
.fd .topBox {padding-bottom: 15px;}
.fd .topBox img {margin-left: 15px; padding-bottom: 0px; margin-top: 15px;}
.fd p.top {font-size: 13px; padding-right: 15px;}

.fd img.attraction {float: left; margin-left: 15px; margin-right: 15px; }
.fd p.attraction {font-size: 12px; line-height: 15px;}
.fd p.attraction strong {font-size: 13px; line-height: 16px; color:#6c94e9;}

.fd p.attraction img {margin-top: 4px;}

.fd #fdcontent {
	background-image:url('/lq/images/coolsavings/featdest/bg_featDestTable.gif');
	background-repeat:repeat-y;
	background-position:0 0;
}





/* REDESIGN 6.10.08 */

#fdContent {
border: 0px solid #c00;
width:567px;
margin: 0;
padding: 0;
}
#fdSearch {
border: 0px solid #c00;
float: left;
margin: 0;
padding: 0;
width:567px;
}
#fdTable table {
border: 0px solid #c00;
padding: 20px 0 0 0;
width:567px;
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 6.10.08 */


/* $Id: featdest.css,v 1.7 2008/06/26 18:27:26 kleahy Exp $ */

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

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
  width: 98%;
}




/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
  margin:0;
  padding: 0;
  border:0px solid #ccc;
  float:left;
  width: 567px;

  /* 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 */
.tabberlive .tabbertab h2 {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}

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



/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

ul.tabbernav  {
border: 0px solid #c00;
background-image:  url(/lq/images/coolsavings/featdest/bg_fdTableHdr.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 567px;
height:42px;
list-style-type: none;
padding: 2px 0 0 2px;
margin: 0 0 -1px 0;
float: left;
}
ul.tabbernav li  {
line-height: 120%;
height: 30px;
width:113px;
text-align:center;
/*padding-right: 2px;*/
float: left;
}
ul.tabbernav li a {
background-image:  url(/lq/images/coolsavings/featdest/feat-dest-bgOff.gif);
background-repeat: no-repeat;
background-position: 0 0;
border: 0px solid #c00;
color: #FFF;
font-size: 14px;
font-weight: bold;
padding: 10px 6px 0 6px;
height: 30px;
display: block;
text-decoration:none;
}
ul.tabbernav li a:hover{
background-image: url(/lq/images/coolsavings/featdest/feat-dest-bgOff.gif);
background-repeat: no-repeat;
background-position: 0 0;
color: #fff;
font-size: 14px;
font-weight: bold;
/*padding: 6px 6px 4px 16px;*/
height: 30px;
text-decoration:underline;
display: block;
}
ul.tabbernav li.tabberactive a {
background-image: url(/lq/images/coolsavings/featdest/feat-dest-bgOn.gif);
background-repeat: no-repeat;
background-position: 0 0;
color: #6799e0;
font-size: 14px;
font-weight: bold;
padding: 10px 6px 0 6px;
display: block;
}
ul.tabbernav li.tabberactive a:hover {
background-image: url(/lq/images/coolsavings/featdest/feat-dest-bgOn.gif);
background-repeat: no-repeat;
background-position: 0 0;
color: #6799e0;
font-size: 14px;
font-weight: bold;
/*padding: 6px 6px 4px 16px;*/
display: block;
}
.tabbernav hr {
border: 0;
/*text-align: left;*/
width: 100%;
color: #fff;
background-color: #fff;
height: 1px;
margin: 0 0 5px 0;
}
.otherDestinations {
width:163px;
background:#ffe7b3;
padding:3px;
}
.otherDestinations2 {
width:163px;
background:#ffffff;
padding:3px;
}

.photo-with-description div.photo-description h6{margin-top:0.3em;}
.photo-with-description div.photo-description p{margin-bottom:0.6em;border:1px solid #c00;}
.photo-with-description div.photo-description img{display:block; margin-bottom:0.5em;}