/*
 * Homepage Styles
 */

 /** required for IE7 **/
#page {
 z-index:3
}

/** SLideshow **/

div#slideshowcontainer {
  overflow:hidden;
  position:relative;
  margin:12px 0px;
  width:723px;
  height:233px;
}


#slideshowcontainer div.slidecontainer {

  z-index: 1;
  overflow:hidden;
  width:723px;
  height:233px;
}


#slideshowcontainer div.slidecontainer img.slide {
  position:absolute;
  z-index:1;
}

div.slidecontainer {
  color:#000000;
}


div.slidecontainer h2 {
  color:#ffffff;
  font-family:"arial";
  text-transform:uppercase;
  font-weight:normal;
  line-height:30px;
  font-size:2.609em;
}

div.slidecontainer h2 a {
  color:#ffffff;
  text-decoration: none;
}

div.slidecontainer h2 a:hover {
  text-decoration: underline;
}


#slideshowcontainer div.slidecontainer div.slidemask {
  background:transparent url(/img/slideshow/slideshow-mask.png) no-repeat;
  /* _background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/slideshow/slideshow-mask.png', sizingMethod='scale'); zoom: 1 !important; */
  cursor: pointer;
  position: relative;
  z-index: 2;
  padding:12px 12px 12px 545px;
  width:723px;
  w\idth:166px;
  height:233px;
  he\ight:209px;
}


div.slidemask a.go {
  position: absolute;
  display: block;
  z-index: 30;
  right:13px;
  bottom:13px;
  width: 101px;
  height: 53px;
}



/** Search Form Overrides */
#page {
  width:725px;
}

#page #main_search_form {
  width:725px;
}



/**  Hero Panel **/
div.ovhc {
  overflow:hidden;
  clear:both;
  width:100%;
}
div.hcon, div.bcon{
  overflow:visible;
  width:100%;
  margin-bottom:12px;
  clear:both;
}
div.hero {
  position:relative;
  float:left;
  overflow:visible;
  margin-bottom:12px;
  width:358px;
  height:163px;
  color:#000000;
  z-index:500;
}

div.hero h2 {
  color:#ffffff;
  font-weight:normal;
 /* font-size:2.609em; */
  font-size:1.809em;
  line-height:25px;

  margin:6px 0 6px 0;
  text-transform: uppercase;
}

div.hero h2 a {
  color:#ffffff;
}

div.hero h2 a:hover {
  text-decoration: hover;
}
div.heropanel-green {
  margin-right:9px;
  z-index:1000;
}

div.hero img.hero {
  position:absolute;
  z-index:-1;
  width:225px;
  height:163px;
}

div.heropanel-green div.heromask {
  background:url(/img/green-hero-mask.png) no-repeat;
  _background:url(/img/green-hero-mask-ie6.gif) right no-repeat;
  float: right;

}

div.heropanel-orange div.heromask {
  background:url(/img/orange-hero-mask.png) no-repeat;
  _background:url(/img/orange-hero-mask-ie6.gif) right no-repeat;
  float: right;
}

div.heromask {
  padding:8px 8px 12px 225px;
  _padding:8px 8px 12px 35px;
  width:358px;
  w\idth:125px;
  height:163px;
  he\ight:143px;
}
div.heromask p {
  font-size: 0.9em;
}

div.heropanel-orange a.vc {
  background:url(/img/homepage/view-country-orange.gif) no-repeat;
  position:absolute;
  bottom:12px;
  right:62px;
  width:71px;
  height:18px;
}

a.va span,
a.vc span {
  position:absolute;
  top:-99999px;
  left:-99999px;
}

div.heropanel-orange a.va {
  background:url(/img/homepage/view-all-orange.gif) no-repeat;
  position:absolute;
  bottom:12px;
  right:12px;
  width:41px;
  height:18px;
}

div.heropanel-orange a.a {
  background:url(/img/homepage/link-arrow-orange.gif) left no-repeat;
}

div.heropanel-green a.vc {
  background:url(/img/homepage/view-country-green.gif) no-repeat;
  position:absolute;
  bottom:12px;
  right:62px;
  width:71px;
  height:18px;
}

div.heropanel-green a.va {
  background:url(/img/homepage/view-all-green.gif) no-repeat;
  position:absolute;
  bottom:12px;
  right:12px;
  width:41px;
  height:18px;
}

div.heropanel-green a.a {
  background:url(/img/homepage/link-arrow-green.gif) left no-repeat;
}

div.hero div.hero-countries {
  background:#f5f5dc;
  position:absolute;
  z-index:10;
  top:132px;
  left:300px;
  display:none;
}

div.hero-countries ul {
  z-index:100;
  position:relative;
  list-style:none;
  padding:0px;
  margin:0px;
  width: 150px;
}

div.hero-countries ul li {
  font-weight: bold;
  z-index:10;
  margin: 1px 1px 1px 1px;

}

div.hero-countries ul li a {
  z-index:10;

  display: block;
  padding:3px;
}

div.heropanel-green div.hero-countries ul li {
  background:#abcb2f;
  _float: left;
  _width: 100%
}

div.heropanel-green div.hero-countries ul li a {
  display: block;
}

div.heropanel-green div.hero-countries ul li a:hover {
  background:#ffffff;
}

div.heropanel-green div.hero-countries ul.destinations li {
    font-weight: normal;
  background: #f6ffcf;
  margin:1px 0px 1px 0px;
}


div.heropanel-orange div.hero-countries ul li {
  background:#fa790f;
  _float: left;
  _width: 100%
}
div.heropanel-orange div.hero-countries ul li a:hover {
  background:#ffffff;
}



div.heropanel-orange div.hero-countries ul.destinations li {
  font-weight: normal;
  background: #ffe4cf;
  margin:1px 0px 1px 0px;
}



/** ALPHA PANELS **/
div.ovh.padbottom {
  padding-bottom:12px;
}

div.ovh.padtop,
div.bcon.padtop,
div.padtop {
  padding-top:12px;
}

div.alphapanel {
  color:#000000;
  background:#e2e2e2 url(/img/alpha_panel_footer.gif) bottom no-repeat;
  float:left;
  margin-btoom:12px;
  width:234px;
  height:358px;
}

div.alphapanel ul {
 list-style:none;
 margin:12px;
 padding:0px;
}

div.alphapanel ul li {
  overflow:hidden;
  margin-bottom:12px !important;
  width:100%;
}

div.alphapanel ul li div.img,
div.alphapanel ul li div.txt {
  float:left
}

div#topoffers div.img {
  width:34px;
  height:34px;
  margin-right:12px;
}

div#topoffers div.txt {
  width:160px;
}

div.alphapanel ul li img {
  border:solid 1px #ffffff;
}

div#custfavs {
  margin-left:12px;
  margin-right:11px;
}

#custfavs ul li {
  height:60px;
}

#custfavs div.img {
  width:48px;
  height:60px;
  margin-right:12px;
}

div#custfavs div.txt {
  width:148px;
}

div#custfavs span.custname {
  font-size:1em;
  color:#F75908;
  font-weight:bold;
}


div#whoareyou {
  position:relative;
}

div#whoareyou a.absolute {
  display: block;
  position: absolute;
  top: 170px;
  left: 0;
  text-decoration: none;
  height: 234px;
  width: 100%;
}

div#whoareyou a.absolute:hover {
  text-decoration: none;
}
#whoareyou div.content {
  padding:0px 12px 148px 12px;
  height:280px;
  he\ight:132px;
  margin-bottom:6px;
}

#whoareyou div.summer {
  background:url(/img/homepage/who-summer.jpg) bottom no-repeat;
}

#whoareyou div.winter {
  background:url(/img/homepage/who-winter.jpg) bottom no-repeat;
}

#whoareyou #nl-link {
  position:absolute;
  bottom:6px;
  right:6px;
  text-align:right;
  line-height:1.6em;
}

#nl-link a {
  color:#6F8E00;

}

#nl-link  span.bl{
  color:#237BBB;
  font-weight:bold;
  font-size:0.9em;
  display: block;
  width: 100%;
  float: right;
}

#nl-link  span.or{
  color:#F75908;
  font-size:1.6em;
}


div.alphapanel h2 {
  background:url(/img/alpha_panel_header_with_arrow.gif) top no-repeat;
  font-size:1.583em;
  font-family:arial, sans serif;
  font-weight:normal;
  color:#000000;
  padding-left:35px;
  height:54px;
  line-height:35px;
}

div.alphapanel h2 a {
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

div.alphapanel h2 a:hover {
  text-decoration: underline;
}

div.alphapanel span.price {
  font-size:1.167em;
  color:#F75908;
}

div.alphapanel a {
  font-weight:bold;
  color:#1a4985;
}


/** BRAVO PANELS **/

div.hiddenstatic {
  position: static;
  display:none;
}

div.bravo {
  position:relative;
  z-index:auto;
  color:#000000;
  background: url(/img/homepage/bravo-panel-body.gif) repeat-y;
  margin:0px 0px 12px 0px;
  position:relative;
  overflow:visible;
  float:left;
  width:234px;
  height:200px;
}

div.bravocenter {
  margin:0px 11px 12px 12px;
}

div.bravo h2 {
  background: url(/img/homepage/bravo-panel-header.gif) top no-repeat ;
  padding:0px 12px;
  color:#ffffff;
  font-family:arial;
  font-size:1.391em;
  line-height:35px;
  height:58px;
}
div.bravo img {
  margin-left:12px;
  width:95px;
  height:95px;
  float:left;
}

div.bravo p {
  float:left;
  width:100px;
  margin-left:12px;
}

div.bravo div.bravoinner {
  overflow: hidden;
  height: 115px;
  margin: 0;
  padding: 0;
}

div.bravofooter {
  clear:both;

  padding:0px 12px;
  bottom:0px;
  background: url(/img/homepage/bravo-panel-footer.gif) bottom no-repeat ;
  width:234px;
  w\idth:210px;
  height:24px;
}
div.bravofooter a {
  background:url(/img/homepage/bravo-panel-footer-arrow.gif) right no-repeat;
  padding-right:18px;
  margin-right:6px;
  font-size:0.75em;
  font-weight:bold;
  text-transform:uppercase;
  color:#000000;
  height:24px;
  line-height:24px;
  display:inline-block;
  float:left;

}

div.bravo div.bravo-countries {
  background:#f5f5dc;
  position:absolute;
  z-index:10;
  top:185px;
  left:118px;
  display:none;
}

div.bravo-countries ul {
  position:relative;
  list-style:none;
  padding:0px;
  margin:0px;
  width:150px;
}

div.bravo-countries ul li {
 _float: left;
  _width: 100%
}

div.bravo-countries ul li a {
  display:block;
  padding:3px;

}

div.bravo div.bravo-countries ul li {
  font-weight: bold;
  background:#dedede;
  position: relative;
    margin:1px 1px 1px 1px;
}


div.bravo div.bravo-countries ul li a:hover {
  background:#3184C6;
  color:#ffffff;
}


div.bravo div.bravo-countries ul.destinations li {
  font-weight: normal;
  background: #eef7fd;
  margin:1px 0px 1px 0px;

}


/* FLASH Scroller*/
#scrollingflashpromotions{
  width:760px;
  margin:15px 0px 12px 0px;
  clear:both;
  overflow:hidden;
}


/* HOMEPAGE CATEGORIES */
div.category-header-inner{
overflow:hidden;
zoom:1;
}
div.category-header{
  background:#004B92;
  color:#FFFFFF;
  padding:3px 5px;
    overflow:hidden;
}


div.category-header h3{
  font-size:1em;
  margin:0;
  float:left;
}

div.category-header h3 span.title{
width:615px;
display:block;
float:left;
}

div.category-header h3 span.best_value{
width:124px;
display:block;
float:right;
text-align:center;

}

div.category-header h4{
float:right;
width:104px;
text-align:center;
border:1px solid #fff;
  display:inline;
}
div.category-header h3 span.breaks-found{
  font-size:0.8em;
  font-style:oblique;
}

div.homepage-category {
  clear:both;
  overflow:hidden;
  width:100%;
  min-height:10em;
  height:10em;
  padding:0.5em 0;
  margin-bottom:8px;
}

#page div.homepage-category {
  height:auto;
}

div.homepage-category div.category-image {
  width:150px;
  height:119px;
  float:left;
  margin-right:1.2em;
}


div.homepage-category div.category-description {
  width:  41%;
  float:left;
}

div.homepage-category div.category-description a{
  font-weight:bold;
  color:#FF7B0F;
}

div.homepage-category div.category-description div.big-price{
  font-size:1.2em;
  font-weight:bolder;
  color:#FF7B0F;
}

div.homepage-category div.category-description div.btn-view-all{
  font-weight:bold;
  background:#FF7B0F;
  padding:5px;
  margin:0.4em 0;
  width:6em;
}

div.homepage-category div.category-description div.btn-view-all a {
  color:#FFFFFF;
}

div.homepage-category div.category-description div.btn-view-all a:hover{
  text-decoration:none;
}

div.category-promotion {
  min-height:10em;;
  height:10em;
}

div.homepage-category div.category-promotion {
  width: 250px;
  float: right;
  border-left:solid 1px #B2D136;
  padding-left:1.2em;
  /*overflow:hidden;*/
  height:auto;
}


/*nbb = not bold + blue*/
a.nbb {
  font-weight:normal !important;
  color:#004B92 !important;
}

div.homepage-category div.category-promotion h4{
  margin:0 0 0.2em 0;
}

div.homepage-category div.category-promotion ul{
  list-style:none;
  margin:0;
  padding:0;
}

div.homepage-category div.category-promotion ul li{
  list-style:none;
  background:#F3F3C6;
  margin:0.2em 0;
  padding:0.2em 0.1em ;
  font-size:0.9em;
}

div.homepage-category div.category-promotion a{
  color:#FF7B0F;
  font-weight:bold;
}

div.homepage-category div.category-promotion  div.promotion-countries {
  width:49%;
  float:left;
}

div.homepage-category div.category-promotion  div.promotion-offers {
  width:49%;
  float:right;
  text-align:center;
  /*position:relative;*/
}

div.promotion-offers img.category-rubber-stamp {
  position:absolute;
  bottom:13px;
  right:-25px;
  z-index:10;
  filter:alpha(opacity=70);
  opacity:0.7;
  display:none;
}

div.promotion-offers div.bold{
font-size:0.8em !important;
font-weight:normal !important;
}

div.promotion-offers div.best_value_why{
font-size:1em;
font-weight:bold !important;
}


/** Homepage Quicklist Div Classes **/

div.quicklist-main{
  width:79%;
  float:left;
  overflow:hidden;
  font-size:0.8em;
  padding-right:3px;
}

div.quicklist-adwords{
  width:19%;
  padding:0 4px;
  min-height:4em;
  height:4em;
  background:#fef3c6 ;
  float:right;
}

#inner div.quicklist-adwords {
  height:100%;
}

div.border-bot{
  border-bottom:solid 1px #fff;
  padding-bottom:0.5em;
  margin-bottom:0.8em;
  clear:both;
}

div.quicklist-main div.column{
  width:32%;
  float:left;
  overflow:hidden;
  margin-left:3px;
  padding-left:3px;
}

#when-search-form div.column{
  height:3.5em;
}

div.quicklist-main div.column div.item{
  padding-top:0.1em 0.4em;
}

div.quicklist-main div.column div.section-header{
  background:#ffffff;
  padding-top:8px !important;
  font-size:1.2em;
}

div.quicklist-main div.column div.section-header a{
  color:#FF7B0F;
}

/** dest-container is the moveable div that loads the destinationlist for countries in the categories section **/

#dest-container{
  width:13.5em;
  padding:0.3em;
  background:#dcdcdc;
  border:solid 1px #aaaaaa ;
  border-radius:3px;
  display:none;
  position:absolute;
}

#dest-container ul{
  list-style:none;
  margin:0;
  padding:0;
}

#dest-container ul li{
  margin:1px 0;
  padding:3px ;
  background:#fefefe;
  zoom:1;
}
#dest-container ul li.dest-li {
  background:#fefefe;
}

#dest-container a{
  color:#004b92;
}

#dest-container a.major-link{
  font-weight:bold;
  text-decoration:underline;
}

div.signups{
  width:100%;
  overflow:hidden;
}

div.signups h2{
 margin:0;
 padding:5px;
 font-size:12px;
 width:85%;
}

div.signups h2 a{
color:#000;
}


#supplier,
#affiliate,
#travelagent{
  background-color:#bedd42;
  float:left;
  padding:0px;
  width:30%;
}

div.signups div#supplier{
  margin-right:1%;
}

div.signups div#affiliate{
  margin-left:1%;
  float:right;
}

div.signups div#travelagent{
  margin:0 4%;
}

div.signups div a{
  display:block;
}

#search-form fieldset div{
width:90%;
}

#search-form fieldset {
  position:relative;
  float:left;
  border:0;
  margin:0px 1px;
  overflow:hidden;
  padding:0;
  height:auto;
  width:24%;
}


#search-form fieldset legend{
margin-top:0;

}

#search-form fieldset#when-to-go-ctr{
border-right:1px dotted #004392;
width:32%;
}


#when-to-go-ctr a{
font-size:0.8em;
}

#search-form-buttons{
  float:right;

  width:18%;

}

#search-form a#adv-search-toggle{
position:absolute;
font-size:0.9em;
left:613px;
top:10px;
}

#search-form a#search-button{
position:absolute;
left:613px;
top:32px;
}

#search-form div#product-counter{
position:absolute;
left:595px;
top:58px;
}

div#tabs div{
  
  float:left;
  z-index:1;
  border:1px solid #bbbbbb;
  position:relative;
  left:-1px;
  padding:8px;
  width:558px;
  min-height: 256px;
  _height: 256px;
}

/*****************************************************************
* COMPETITION *  -- moved to main.css for use in search results
*****************************************************************/

div#new-breaks {
  background: url(/img/hp_new_breaks_bg.jpg);
  overflow: hidden;
  width: 725px;
  height: 243px;
}

div#new-breaks h3 {
  color: #ffffff;
  font-size: 1.3em;
  line-height: 39px;
  padding: 0 0 0 60px;
  margin: 0;  
}

div#new-breaks ul {
  list-style: none;  
  margin: 0;
  padding: 0 0 0 11px;  
}

div#new-breaks ul li {
  background: url(/img/hp_new_breaks_li_bg.jpg);
  float: left;
  margin: 0 2px 0 0;
  padding: 0;
  width: 139px;
  height: 193px;  
}

div#new-breaks ul li a {
  display: block;
  text-align: center;
  width: 139px;
  height: 185px;
  padding-top: 8px;
}

div#new-breaks ul li a:hover {
  text-decoration: none;
}

div#new-breaks ul li a img {
  display: block;
  margin: 0 auto 0 auto;
  border: 1px solid #ffffff;
  cursor: pointer;
}

div#new-breaks ul li a span.title {
  display: block;
  color: #ffffff;
  line-height: 16px;
  padding: 0 15px 0 15px;
  cursor: pointer;
}

div#new-breaks ul li a span.price {
  color: #ccec5d;
  cursor: pointer;
}

div#new-breaks ul li a:hover img {
  border: 1px solid #ccec5d;
}

div#new-breaks ul li a:hover span.price,
div#new-breaks ul li a:hover span.title {
  color: #ffffff;
}

div#fb-ctr {
  width: 100%;

}

div#fb-ctr a#fb-share {
  float: left !important;
}

div#fb-ctr iframe {
  clear: both !important;
  margin-top: 10px;
}