<!--

/*
* ===============================================
* Frommers.com
* ===============================================
* Description: Frommers.com Stylesheet
* Used by: All pages on Frommers.com
* ===============================================
* Workfile: homepage2009.css
* Revision History
* 20090403-KS: Redesign
* 20090416-CM: Added slideshow & tabbed widget styles
* 20090504-KS: Added community headline styles, which are exact copies of
	CSS override styles used on pages that have JS widgets
* 20090505-KS: Adjusted "heading-490b-bg" so that the height would be flexible for 
	destinations with long names
* 20090528-KS: Added subheader link style
* 20090601-KS: Added new style for Community main page search (because the padding from 
	the homepage search throws off the Community page
* 20090720-CM: Adding new photo credit style for carousel
* ===============================================
*/


/******************** HEADERS ********************/

h1 { font-family: Tahoma, Geneva, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-align: left; visibility: hidden; display: none; }

.heading-800-bg { 
	width: 800px; 
	height: 52px; 
	background-image: url('2k9-header-800.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-align: left; 
	padding-bottom: 10px;
}

.heading-800b-bg { 
	width: 800px; 
	height: 31px; 
	background-image: url('2k9-header2-800.gif');
	background-repeat: no-repeat;
	text-align: left; 
}

.heading-300a-bg { 
	width: 300px; 
	height: 42px; 
	background-image: url('2k9-header-300.gif');
	background-repeat: no-repeat;
	text-align: left; 
	display: block;
	margin-left: 10px; 
	margin-right: 10px;
}

.heading-300b-bg { 
	width: 300px; 
	height: 31px; 
	background-image: url('2k9-header2-300.gif');
	background-repeat: no-repeat;
	text-align: left; 
	display: block;
	margin-left: 10px; 
	margin-right: 10px;
}

.heading-300c-bg { 
	width: 300px; 
	height: 31px; 
	background-image: url('2k9-header2-300.gif');
	background-repeat: no-repeat;
	text-align: left; 
	display: block;
}

/* Unique to Book Updates Feature Box */
.heading-300d-bg { 
	width: 300px; 
	height: 42px; 
	background-image: url('2k9-header3-300.gif');
	background-repeat: no-repeat;
	text-align: left; 
	display: block;
	margin-left: 10px; 
	margin-right: 10px;
}

.heading-490a-bg { 
	width: 490px; 
	height: 42px; 
	background-image: url('2k9-header-490.gif');
	background-repeat: no-repeat;
	text-align: left; 
	display: block;
}

.heading-490b-bg { 
	width: 490px; 
	background-color: #f2f2ec;
	text-align: left; 
	display: block;
	padding-bottom: 3px;
}

/* cm  added for Deals and News tabbed widget footer */
.heading-490-bg-foot { 
	width: 490px; 
	height: 29px;
	margin-top:15px;
	/*background-image: url('/images/2k9-footer-490.png');
	background-repeat: no-repeat;*/
	text-align: left; 
	display: block;
}

.heading-stripe {
	width: 100%;
	height: 1px;
	display: block;
	background-color: #dedBc8;
}


/******************** BODY DESIGN ********************/

.home-body { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #000000; }
.home-body-lg { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #000000; text-align: left; margin-left: 10px; margin-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.header { font-family: Tahoma, Geneva, sans-serif; font-size: 24px; font-weight: normal; color: #bd0029; padding-left: 14px; padding-top: 12px; text-align: left; }
.header-800 { font-family: Tahoma, Geneva, sans-serif; font-size: 24px; font-weight: normal; color: #bd0029; margin-left: 14px; padding-left: 14px; padding-top: 22px; text-align: left; }
.header2 { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #bd0029; text-transform: uppercase; padding-left: 15px; padding-top: 8px; }
.header3 { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #666666; text-transform: uppercase; padding-left: 15px; padding-top: 5px; }
.subheader { font-family: Tahoma, Geneva, sans-serif;  font-size: 11px; color: #666666; text-transform: uppercase; text-align: left; }
.subheader a { color: #666666; }
.headline { font-family: Tahoma, Geneva, sans-serif;  font-size: 15px; color: #000000; margin-top: 6px; text-align: left; }
.headline a { color: #005699; }
.headline-community { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: normal; color: #666666; padding: 5px; }
.headline-community a { font-size: 13px; font-weight: normal; color: #00589c; }
.sponsored-by { font-family: Tahoma, Geneva, sans-serif;  font-size: 11px; color: #666666; line-height: 120%; margin-top: 6px; }
.moron { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #666666; text-transform: uppercase; text-align: right; padding: 5px; }
.moron a { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #00589c; text-transform: none; text-align: right; margin-left: 3px; margin-right: 3px; }

.list-news { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #666666; list-style-type: disc; list-style-position: outside; margin: 0; padding: 0; }
.list-news li { margin: 0px 0px 5px 15px; padding: 0; display: marker; marker-offset: 100px; }

.site-search-container { background-image: url('2k9-search-bg-1.gif'); background-repeat: no-repeat; width: 810px; height: 54px; vertical-align: middle; margin-top: 3px; margin-bottom: 10px; }
.site-search { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 29px; text-transform: uppercase; padding: 13px 10px 10px 20px; }
.site-search-field { width: 374px; border: 3px solid #b8b7b2; font-size: 22px; margin: 0; padding: 0; display: inline;  }

.cat-search-container { background-image: url('cat-search-bg.gif'); background-repeat: no-repeat; width: 280px; height: 45px; vertical-align: bottom; padding-bottom: 10px; margin-left: auto; margin-right: auto; }
.cat-search-field { width: 223px; color: #999999; background-color: #ffffff; border: 0px; font-size: 16px; }

.destinations { margin-top: 0px; margin-bottom: 0px; text-align: center; }
.destname-list-item { margin-bottom: 10px; } 
.hot-spot { width: 300px; height: 150px; margin-left: 10px; margin-right: 10px; text-align: center; }
.hot-spot-photo { width: 157px; float: left; }
.hot-spot-content { width: 130px; text-align: left; float: right; }

.container-300 { width: 300px; background-color: #f2f2ec; background-image: url('2k9-footer-300.gif'); background-repeat: no-repeat; background-position: bottom center; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
.container-300b { width: 300px; background-color: #f2f2ec; background-image: url('2k9-footer-300.gif'); background-repeat: no-repeat; background-position: bottom center; margin-bottom: 10px; }
.container-300c { width: 300px; padding-left: 10px; padding-right: 10px; }

.container-629 { width: 600px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;}
	.column-629a { width: 250px; text-align: left; float: left; }
	.column-629b { width: 250px; text-align: left; float: right; }

.community-widget { margin-left: 9px; margin-right: 9px; text-align: left; }
.bookstore-widget { margin-left: 9px; margin-right: 9px; }

.container-490 { width: 490px; margin-bottom: 10px; text-align: left; padding: 0px; }
	.column-490a { width: 220px; text-align: left; float: left; margin-left: 10px; margin-right: 10px; }
	.column-490b { width: 220px; text-align: left; float: right; margin-left: 10px; margin-right: 10px; }
.news-sub-field { width: 214px; border: 3px solid #cccccc; font-size: 14px; }

.photo-490 { margin-bottom: 10px; }

.slideshow { width: 490px; height: 326px; margin: 0; padding-bottom: 10px; }
.deals { margin: 0; }

/******************** SLIDESHOWS (aka Photo Sets)********************/
      .pics {  
          width:   490px;  
          height:  326px;
          padding: 0;  
          margin:  0;  
            overflow: hidden;
            position:relative; /* makes everything render in IE in final css location */
      } 
       
      .pics img {  
          background-color: #eee;  
          width:  490px; 
          height: 326px; 
          top:  0; 
          left: 0;
      } 
      
      /* all new */
      .pics .image {
            display:block;
            width:490px;
            height:326px;
      }
            
      .pics div.layer {
            background: url('black50.png');
            width:490px;
            margin-top:-85px; /* location of text layer */
            padding-top:5px;
            height:85px;
            /* background:#000;*/
            text-align:left;
            position:relative;
      }
            
      .pics div.paddingL { 
            padding-left:15px;
      }

      .pics .headline {
            color:#FFFFFF;
            font-size:11px;
            text-transform:uppercase;
            font-family: "Tahoma", sans-serif;
      }
            
      .pics .caption {
            font-size: 21px; 
            color: #FFFFFF; 
            font-family: "Tahoma", sans-serif; 
            line-height: 130%;
            text-decoration:none;
            display:block; /* this lets margin-right apply to both lines of text */
            margin-right:15px;
            padding-bottom:3px; /* separates caption from author */
      }
            
      .pics .caption:hover    {
            text-decoration:underline;
      }
      
      
      .pics .credit {
            margin-top:-6px;
            /* color:#9F9F9F;*/
            font-family: "Tahoma", sans-serif; 
            font-size: 10px; 
            color: #FFFFFF; 
            /* text-transform: capitalize; */
            line-height: 150%;
            text-decoration:none;
            text-align:left;
      }     
	  
      .credit a {
            margin-top:-6px;
            font-family: "Tahoma", sans-serif; 
            font-size: 10px; 
            color: #FFFFFF; 
            line-height: 150%;
            text-decoration:none;
            text-align:left;
      }     	  
      
      .credit a:hover {
			color: #FFFFFF; 
            text-decoration:underline;
      }     	

      .credit a:visited {
			color: #FFFFFF; 
      }   

      .pics div.pagerLayer {
            background: url('black50.png');
            width:490px;
            margin-top:-25px; 
            height:25px;
            position:relative;
      }
      
      #pagerNav  { 
            margin-left:1px;
            width:490px;
            position: relative;
            text-align:center;
            top: -31px;
            z-index: 100;
            height:31px;
      }
      
      #sponsoredBy  {
            background:url('slideshow-sponsored-by.gif'); no-repeat;
            top: 8px;
            left:385px;
            width:96px;
            height:49px;
            position: absolute;
            z-index: 99;
            margin-right:12px;
            /* clear:both;*/
            /* float:right;
            position:relative;
            top:-55px;
            */
      }           
      
      #sponsoredByCode {
            vertical-align:middle;
            padding-top:15px;
            padding-left:4px;
            padding-right:4px;
            text-align:center;
            width:88px;
            height:31px;
      }           
      
      #sponsoredByCode img {
            vertical-align:middle;
            text-align:center;
            width:88px;
            height:31px;
      }           
      
      #pagerNav a { 
            font-family: arial, helvetica, sans-serif;
            font-size:40px;
            color:#666666;
            padding-top:2px;
            padding-bottom:2px;
            padding-right:5px;
            padding-left:5px;
            text-align:center;
            text-decoration:none;
      }
      
      #pagerNav a.activeSlide {     
            color:#c9c5c2;
            /* color:#bd0029;*/
      }


/******************** TABBED WIDGET ********************/
.idTabs{
background:#E9E9E0;
width:490px;
}

.tab { margin-left: 4px; float:left; vertical-align:bottom;}

-->