/* @override http://staging.hostedbydg.com/cphp/homepage.css */
html,
body {
  width: 100%;
  min-width: 976px;
}
body {
  background: url(../images/style/backgrounds/contentbg.jpg) no-repeat center top;
  font-size: 12px;
}
body#HOME {
  background: url(../images/style/backgrounds/bg.jpg) no-repeat center top;
  font-size: 12px;
}

/* @group Firefox Fixes */
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
a {
  text-decoration: none;
}

/* @end */
div#infoLanguage,
div#infoUtil a,
div#infoUtil {
  background: none;
  color: black;
}

div#infoLanguage {
  width: 61px;
  height: 20px;
  background-image: url(../images/style/buttons/langsel.jpg);
  margin: 0px;
  padding: 1px 0px 0px 5px;
  margin-right: 8px;
}
* html div#infoLanguage {
  margin-right: 5px;
}

div#infoLanguage .changebutton,
div#infoLanguage .changebutton span{
  background: none;
}

div#infoLanguage .changebutton a {
  display: block;
  text-indent: -999em;
  width: 20px;
  height: 15px;
  background: none;
}

div#infoUtil li {
  border: none;
  background-attachment: scroll;
}

div#infoUtil li a.requestbrochure {
  background-image: url(../images/style/bullets/brochure.jpg);
}

div#infoUtil li.telnumber {
  background-image: url(../images/style/bullets/tel.jpg);
}



div#searchHylo{
  float: right;
  position: absolute;
  right:  10px;
  top: 40px;
  padding-left:7px;
}
div#searchHylo #searchText {
  float: left;
}
div#searchHylo #searchText input {
  font-style: italic;
  border: 1px solid #adaeae;
  width: 175px;
  background: none;
  left: 0px;
  margin: 0px 6px 6px -6px;
  padding: 2px
}

div#searchHylo #searchButton{
  background: url(../images/style/buttons/zoek_l.jpg) left no-repeat;
  float: left;
  right:  10px;
  padding-left:7px;
  margin: -3px 0px 6px 0px;
}

div#searchHylo #searchButton span.search a {
  background: url(../images/style/buttons/zoek.jpg) right;
  color: white;
  line-height: 26px;
  font-weight: bold;
  font-size: 12px;
  display: block;
  text-align:center;
  padding-right:7px;
}
  


div#searchContentHylo,
div#div_zoeken {
  float: left;
  padding-left:7px;
}
div#searchContentHylo #searchText,
div#div_zoeken #searchText {
  float: left;
}
div#searchContentHylo #searchText input,
div#div_zoeken #searchText input {
  font-style: italic;
  border: 1px solid #adaeae;
  width: 400px;
  background: none;
  left: 0px;
  margin: 0px 6px 6px -6px;
  padding: 2px
}

div#searchContentHylo #searchButton,
div#div_zoeken #searchButton{
  background: url(../images/style/buttons/zoek_l.jpg) left no-repeat;
  float: left;
  right:  10px;
  padding-left:7px;
  margin: -3px 0px 6px 0px;
}

div#searchContentHylo #searchButton span.search a,
div#div_zoeken #searchButton span.search a {
  background: url(../images/style/buttons/zoek.jpg) right;
  color: white;
  line-height: 26px;
  font-weight: bold;
  font-size: 12px;
  display: block;
  text-align:center;
  padding-right:7px;
}

div#div_toplist {
  clear: left;
  padding-left:7px;
}
div#div_results {
  clear: left;
  padding-left:7px;
}



div.sideNav ul.hylo {
  margin: 0px;
}  



div#searchUtil{
  background: url(../images/style/buttons/zoek_l.jpg) left no-repeat;
  float: right;
  position: absolute;
  right:  10px;
  top: 40px;
  padding-left:7px;
}

/* div#searchUtil span, is a TEMP solution until the hylo search works */
div#searchUtil span.search,
div#searchUtil button {
  border: none;
  *height: 26px;
  margin: 0;
  padding: 0;
  /*background-color: #ffffff;*/
}

/* div#searchUtil span a, is a TEMP solution until the hylo search works */
div#searchUtil span.search a {
  background: url(../images/style/buttons/zoek.jpg) right;
  color: white;
  line-height: 26px;
  font-weight: bold;
  font-size: 12px;
  display: block;
  text-align:center;
  padding-right:7px;
  /*width: 71px;*/
}
  
div#searchUtil button span {
  offset: 0;
  background: url(../images/style/buttons/zoek.jpg);
  padding: 0;
  margin: 0;
  width: 71px;
  color: white;
  line-height: 26px;
  font-weight: bold;
  font-size: 12px;
  padding: 0px;
  display: block;
}


div#searchUtil input {
  font-style: italic;
  border: 1px solid #adaeae;
  width: 175px;
  /* overrides for bookingtools style. styles taken from style: ".input-shadow input" */
  background: none;
  left: 0px;
  margin: -6px 6px 6px -6px;
  padding: 2px
}




li#accessabilityswitch {
  display: none;
}

li#accessabilityswitch a {
  display: inline;
  padding: 3px;
}

li#accessabilityswitch a.normal {
  font-size: 75%;
}

li#accessabilityswitch a.bigger {
  font-size: 95%;
}

li#accessabilityswitch a.biggest {
  font-size: 115%;
}

.input-shadow {
  float:left;
  background: url(../images/style/boxes/shadow.jpg) no-repeat bottom right !important;
  background: url(../images/style/boxes/shadow.jpg) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  position: absolute;
  left: -200px;
}

.input-shadow input {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  /*
  margin: -6px 6px 7px -6px !important;
  
  */
  padding: 2px;
  color: #666666;
}



div#topBrandingContainer {
  background: none;
  border: none;
  height: 109px;
}

div#topBranding {
  background: none;
}

div#topContainer {
  background-image: url(../images/style/boxes/headertile.jpg);
  /*background-position:  0px -1px;*/
  height: 109px;
  width: 970px;
  z-index: 18;
}

 /* because font is now general 11 px in xx-small, so also for fastbooking topnav */
div#topContainer, div#topContainer div, div#topContainer p, div#topContainer th, div#topContainer td, div#topContainer ul, div#topContainer li, div#topContainer a  {
  font-size:  xx-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  /* font-size:  x-small;*/  
  font-size:  11px;
}


div#topLogoContainer {
  width:122px;
}


a#topLogoHomepage {
  height: 58px;
  margin: 2px 20px 0 20px;
}
div#topContainerLeft {
  height: 109px;
  width: 3px;
  background-image: url(../images/style/boxes/headerleft.jpg);
  float: left;
}

div#topContainerRight {
  height: 109px;
  width: 3px;
  background-image: url(../images/style/boxes/headerright.jpg);
  float: right;
}


/* @group navigation */
/* was navContainerHomepage. renamed to CP style id #navContainer.*/
div#navContainer {
  position: absolute;
  left: 0px;  
  z-index: 100;
  height: 27px;
  display: block;
  float: none;
  margin-top: 82px;
  z-index: 13;
  width: 970px;
}

#navContainer #navUtil {
  margin-right: 10px;
}

/* @group navMain */

#navMain,
#navUtil {
  float: left;
  display: block;
  height: 27px;
  z-index: 15;
  margin-left: 0px;
  _margin-left: 0px;
  /* overide style "#navUtil" in nav-nl.css */
  width: auto;
}




#navUtil {
  float: right;  
}


#navMain li,
#navUtil li {
  position: relative;
  display: block;
  float: left;
  padding: 5px 20px 5px 20px;
  margin: 0px;
  height: 28px; /* was 23, made 28 because the font heigth is now 11px */
  z-index: 20;
  _margin-right: 10px;
  _padding: 0px;
}

#navUtil li {
  position: relative;
  display: block;
  float: left;
  padding: 5px 17px;
  height: 28px; /* was 23, made 28 because the font heigth is now 11px */
  margin: 0;
  z-index: 20;
}


#navMain a.hassubmenu{
  background: url(../images/style/bullets/sub.jpg) no-repeat right center;
  padding-right: 33px; /* was 25px now 33px because height text is 11px now*/
}

#navMain a.hassubmenu:hover{
  background: #b2c900 url(../images/style/bullets/sub2.jpg) no-repeat right center;

}


#navMain li a,
#navUtil li a {
  position: relative;
  width: auto;
  background: none;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 0px;
  color: #ffffff;
  line-height:18px; /* was 17, made 18 because the font heigth is now 11px */
    /* Override style "#navContainer a" in base_web.css */
  display: inline;
  text-indent: 0px;
}


#navUtil li {
  background: url(../images/style/bullets/menuarrow.jpg) no-repeat left top;
  padding-left: 25px;
}

#navUtil li ul li {
  background: none;
}

/* IE 6 fix */

* html #navMain,
* html #navUtil{
  overflow: hidden; /* added because the font heigth is now 11px */
}
* html #navMain li,
* html #navUtil li{
/*  padding:0px;*/
  padding: 0px 6px; /* IMPWB-958, IMPWB-983 */
}

* html #navUtil li {
  background-position: 0px 1px; 
}


* html #navUtil li a,
* html #navMain li a {
  display: inline-block;
  height: 17px;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: middle;
  line-height:27px;
  padding-left: 20px;
}
/* IE 6 fix end */

#navMain li ul .old{
  position: absolute;
  display: block;
  border: 1px solid white;
  list-style: none;
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
  z-index: 1;
  background-color: pink;
  border: 1px red solid;
}

/*#navUtil li iframe,*/
/* WAS: #navUtil li ul,*/
#navUtil li ul,
#navMain li ul {
  position: absolute;
  left: 0px;
  top: 27px;
  _top: 28px;
  list-style: none;
  padding: 0px 30px 20px 30px;
  margin: 0px;
  z-index: 14;
  display: none;
  background-color: #ffffff;
}

/*#navUtil li iframe {*/

#navUtil li .booktool {
  padding: 0px;
  /*height: 290px; popup grows after some selections */
  width:  210px;
  border: none;
}

/* WAS: #navUtil li.sfhover .booktool,
   AND: #navUtil li:hover .booktool,*/
#navUtil li.sfhover ul,
#navMain li.sfhover ul,
#navUtil li:hover ul,
#navMain li:hover ul {
  display: block;
}

#navMain li ul,
#navUtil li ul {
  background-color: #f3f3f3;
}

#navUtil li ul {
  width: 220px;
}

#navMain li ul li,
#navUtil li ul li {
/*  display: none;*/
  position: relative;
  float:none;
  padding: 0px;
  height: auto;
  list-style-image: none;
}

#navMain li.nav-villages ul {
  /* display: block; */  /* enable for test */ 
}

#navMain li:hover ul ul,
#navMain li.sfhover ul ul{
  display: none;
}

#navMain li:hover ul li:hover ul,
#navMain li.sfhover ul li.sfhover ul{
  display: block;
}

#navUtil li ul ul,
#navMain li ul ul{
  display: none;
  position: absolute;
  left: -16px;
  top: 11px; /* same as font height in xx-small.css */
  z-index: 15;
  display: none;
  padding: 0px 30px 20px 30px;
  list-style: none; 
  line-height: 1px;
  margin: -1em 0 0 10em; 
}

* html #navUtil li ul ul,
* html #navMain li ul ul{
  margin: -10px 0 0 10em; /* -1em changed to -10px for IE6 because the font changed to 11px */
}
#navMain li ul li ul li{
  /* display: none; */
  float:none;
  padding: 0px;
  height: auto;
}

#navMain li ul li a,
#navUtil li ul li a {
  height: auto;
  display: block;
  width: auto;
  text-transform: none;
  padding: 3px;
  margin: 0px;
  color: #005d2f;
  border-bottom: 1px solid #dddbdb;
  white-space:nowrap;
}

#navMain li ul li a:hover,
#navUtil li ul li a:hover {
  background-color: #b2c900;
  color: #ffffff;
}

/* SCD-1789 */
#navUtil li ul li #nav-search{
  font-family:"Trebuchet MS",Arial,Helvetica;font-size:140%;font-weight:700;
  font-size: 12px;
}

/* BOOKING Tool Popup */
#navUtil li ul {
   /*display: block;*/    /* enable for test */
}

#navUtil #bookingToolForm {
  border: none;
  color:#005D2F;
  }

#navUtil #bookingToolForm h2 {
  background:transparent none repeat scroll 0 0;
  color:#005D2F;
  padding: 6px 0px 0px 0px;
  color: #005D2F;
  border: none;
}

#navUtil #bookingToolForm form fieldset {
  width: 160px;
}


#navUtil #bookingToolForm form {
  margin: 0px;
}

#navUtil #bookingToolForm a {
  border-bottom: 0px;
}

#navUtil #bookingToolForm a:hover {
  background:transparent none repeat scroll 0 0;
  color:#005D2F;
}

#navUtil #bookingToolForm .assistCopy {
  display: inline;
}

#navUtil #bookingToolForm a#calendarLink:link:hover {
  background: transparent url(../img/calendarBg2.gif) no-repeat scroll 0 0;
  color:#005D2F;
}

#navUtil #bookingToolForm #chooseDate h3 {
  background: transparent url(../img/xl.gif) no-repeat scroll 0 0;
}

#navUtil #bookingToolForm #chooseDate #month {
  width: 120px;
}
* html #navUtil #bookingToolForm #chooseDate #month {
  width: 100px;
}

#navUtil #bookingToolForm #childrenAgesSelection div .label{
  width: 55px;
}
#navUtil #bookingToolForm #childrenAgesSelection div select{
  width: 40px;
}

#navUtil #bookingToolForm form #chooseDate h3 a {
  background:#F3F3F3 none repeat scroll 0 0;
  margin-top: 8px;
}

#navUtil #bookingToolForm #guestsAndVillas div {
  width: 80px;
}
  
#navUtil #bookingToolForm #guestsAndVillas select {
  width: 72px;  
}

/* Start Corrections for the calendar in the booktool */
#navUtil #calendar {
  left: -165px; /* should be 0px; in option 2, done for IE to not overlap dropdown boxes*/
}

#navUtil #calendar a {
  line-height: 100%;
  border-bottom: 0px;
}

#navUtil #calendar #year {
  padding-left: 0px;
}

#navUtil #calendar span {
  line-height: 100%;
}

#navUtil #calendar #thisYear a:hover,
#navUtil #calendar #monthNavigator a:hover {
  background-color: #00763A;
}

#navUtil #calendar #currentMonthList a:hover {
  background-color: #FE9A32;
}
/* End Corrections for the calendar in the booktool */

/* For the button in the booktool, most copied from hack.css */

#navUtil #bookingToolForm #checkAndSubmit .button { 
  margin: 0.5em 0 0 0; 
  text-align:right; 
  float: right; 
  background-image: none;
}
#navUtil #bookingToolForm #checkAndSubmit .button a { 
  background-image:url(../images/style/buttons/submit_endcap.gif); 
  background-repeat:no-repeat; 
  background-position:right 0px; 
  float:right; 
  text-align:right; 
  text-indent:0; 
  color:#007D3B; 
  font-weight:bold; 
  text-decoration:none; 
  height:20px; 
  border-style:none; 
  border-width:0; 
  padding:0 1px 0 0; 
  margin-right:2px; 
  overflow:visible; 
  cursor:pointer; 
  line-height: 10px;
}
html>body #navUtil #bookingToolForm #checkAndSubmit .button a { 
  margin-right:4px; 
}
#navUtil #bookingToolForm #checkAndSubmit .button a span  { 
  float:right; 
  margin:0; 
  display:inline; 
  height:20px; 
  padding-left:20px; 
  margin-right:7px; 
  padding-top:5px; 
  background-image:url(../images/style/buttons/submit_start.gif); 
  background-repeat:no-repeat; 
}


/* BOOKING Tool Popup end */

/* IE 6 fix */
* html #navMain li ul ul {
  top:  10px;  
}

* html #navMain li ul li {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  width: 10em;
}

* html #navMain li ul li a {
  padding: 3px;
  display: inline-block;
  line-height: 20px;
}


/* @end */

/* @group subSites */

div#subSites {
  position: absolute;
  margin: 0px;
  padding: 0px;
  right: 0px;
  bottom: 27px;
  left: 124px;
  height: 36px;
  display: inline;
}

div#subSites ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

div#subSites li {
  display: block;
  float: left;
  padding: 0px;
  margin-top: 9px;
  padding-top: 0px;
  height: 27px;
  background: #b4b4b4 url(../images/style/tabs/stabcl.jpg) no-repeat left top;
  padding: 0 0 0 5px;
  border-left: 2px solid #ffffff;
}

div#subSites li a {
  display: block;
  position: relative;
  width: auto;
  background: none;
  text-decoration: none;
  padding: 0 10px 0 5px;
  text-transform: none;
  background-color: #b4b4b4;
  color: #000000;
  bottom: 0px;
  height: 27px;
  line-height: 27px;
}

div#subSites li a:hover {
  color: #ffffff;
}

/* first and last, rounded corner */
div#subSites ul .first a {
  background: #f6f6f6 url(../images/style/tabs/stabcl.jpg) no-repeat left top;
}


div#subSites ul a {
  background: #b4b4b4 url(../images/style/tabs/stabcr.jpg) no-repeat right top;
  border-right: 2px solid #ffffff;
}

/* IE 6 */
* html div#subSites {
  bottom: 26px;
}
* html div#subSites li a {
  display: inline-block;
}
/* @end */


/* @group rollovers */

div#subSites ul .selected a {
  background: url(../images/style/tabs/stabr.jpg) no-repeat right top;
  display: block;
  padding: 0 10px 0px 0px;
  color: white;
  height: 36px;
  margin: 0px;
  line-height: 36px;
}

div#subSites ul .selected {
  background: url(../images/style/tabs/stabl.jpg) no-repeat 0 top;
  padding: 0 0 0 10px;
  height: 36px;
  overflow: hidden;
  margin-top: 0px;
}

div#subSites ul .selected a {
  background: url(../images/style/tabs/stabr.jpg) no-repeat right -36px;
}

div#subSites ul .selected {
  background: url(../images/style/tabs/stabl.jpg) no-repeat 0 -36px;
}
/* IE6 */
* html div#subSites ul .selected a {
  display: inline-block;
  height: 36px;
}

/* @end */


/*
div#subSites ul li:hover {
  background: url(../images/style/tabs/stabl.jpg) no-repeat 0 top;
  padding: 0 0 0 10px;
}

div#subSites ul li:hover a {
  background: url(../images/style/tabs/stabr.jpg) no-repeat right top;
  padding: 0 10px 7px 0px;
  color: white;
  height: 36px;
}

div#subSites ul .last:hover a {
  background: url(../images/style/tabs/stabr.jpg) no-repeat right -36px;
}

div#subSites ul .first:hover {
  background: url(../images/style/tabs/stabl.jpg) no-repeat 0 -36px;
}
/* */
/*
div#navContainer li {
  float: left;
}
div#navContainer li a,
div#subSites li a {
  float: left;
  background: none;
  height: 29px;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  /*display:table-cell;*/
  /*width: auto;* /
  padding: 0 10px 0 10px;
}
*/
/*
* html div#navContainer li a {
  display:inline
}
* html div#subSites li a {
  display:inline;
  height:29px;
  }
* html div#subSites li {
  height:29px;
  background-color: red;
  }
*/
/*
div#subSites li.selected a {
  background-image: url(../images/style/tabs/stabm.jpg);
  height: 36px;
  text-transform: none;
  padding-top: 0px;
}
*/

div#navContainer li a:hover{
  color: silver;
}



/* @end */

/*
ul#navMain {
  border: 2px blue solid;
  width: auto;
}
*/
/* thve commented out to meet CP style id's
div#navContainer {
  display: none;
}
*/
#navCorporate {
  display: inline;
  float: left;
}
.separatorHomepage {
  background: url(../images/style/backgrounds/bg2.jpg) no-repeat 0 bottom;
  height: 43px;
}

.homepageContentEnd{
  background: url(../images/style/backgrounds/bg4.jpg) no-repeat 0 bottom;
  height: 13px;
}

#HOME #outerMain {
  margin-top: 25px;
    width: 706px;
    margin-right: 18px;
}

#contentContainer #outerRight {
  background: url(../images/style/boxes/promo_top_narrow.jpg) no-repeat 0 top;
  padding: 15px 0px 0px 0px;
  margin: 10px 0px 14px 15px;
  width: 188px;
  overflow-x: hidden;
}

#HOME #outerRight {
  width: 252px;
  _width: 252px;
  padding: 0px 0px 0px 0px;
  margin: 25px 0px 14px 0px;
  background: none;
}

#OFF01 #outerRight {
  width: 252px;
  _width: 252px;
  padding: 0px 0px 0px 0px;
  margin: 25px 0px 14px 0px;
  background: none;
}

#contentContainer #outerRight.entrySite {
  background: none;
  padding: 3px 0px 0px 0px;
  overflow-x: visible;
}

.homepageContent {
  margin-top: 0px;
  background: url(../images/style/backgrounds/bg3.jpg) repeat-y 0 0;
  padding: 0px;
}

/* @group content */
div#contentContainer {
  padding:5px;
}

#HOME div#contentContainer {
  padding:0px;
  margin-top: 0px;
  width: 976px;
}
div#campaignContainer {
  margin-left: 3px;
  position: relative;
  height: 330px;
}
div#campaignContainer object,
div#campaignContainer embed {
  top: 0;
  position: absolute;
/*  z-index: -1; not for IRQ-402 */
}

div#campaignContainer img {
  index: 0;
  display: block;
}

div#campaignContainer .wave {
  position: absolute;
  bottom: 20px;
  index: 4;
  display: block;
  z-index: 1; /* IRQ-402 */
}

div#campaignContainer h3 {
  top: 240px;
  left: 14px;
  font-size: 200%;
  font-weight: normal;
  color: #025e30;
  position: absolute;
  z-index: 12;  /* IRQ-402 */
  padding: 0px;
  margin: 0px;
}

div#campaignContainer ul {
  z-index: 12;  /* IRQ-402 */
}

ul#campaignNav {
  z-index: 12;
  position: absolute;
  bottom: 20px;
  left: 14px;
  list-style: none;
  margin: 0px;
  padding: 0px;

}

ul#campaignNav li a:hover{
  color: white;
}

.dealsbox {
  float: left;
  width: 214px;
  border-right: 1px solid #ebece3;
  padding-left: 19px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  overflow-x: hidden;
}
/* thve: extra styling */
.dealsbox img {
  padding-bottom: 10px;
  left: -16px;
  position: relative;
}

.dealsbox embed {
  padding-bottom: 10px;
  left: -16px;
  position: relative;
}

/* thve: changed to h2, because they like the font from the old site more. */
.dealsbox h2 {
  color: #035f31;
  font-size: 13px;
  margin-bottom: 10px;
}

.dealsbox p {
  margin-bottom: 10px;
}

.dealsbox p.desc {
  margin-bottom: 30px;
}

/* renamed class textlink to existing style class bullet */
.dealsbox .bullet {
  /* not used replaced by existing style a.arrow
  background: url(../images/style/bullets/contentpijl.jpg) no-repeat;
  */
  padding-left: 25px;
  text-decoration: none;
  font-weight: bold;
  color: #000000;
  font-size: 10px;
  /*height: 12px;*/
  height:auto;
  /*padding-bottom: 4px;*/
  padding:2px 5px 2px 25px;
  /*margin-bottom: 4px;*/
  margin: 4px 0;
  display: block;
}

/* Overwrites style in base_web.css (regel 128) to use the new arrow image */
a.arrow {
  background-image: url(../images/style/bullets/bullet_arrow.gif);
}

/* style not used. Using style from base_web.css line 126 on bullet class.
.dealsbox .textlink:hover {
  text-decoration: underline;
}
*/

.dealsbox.last {
  border: none;
}


.c {
  color: #b4ca08;
}
/* @end */

/* @group promo */


  
/* Renamed promoHomepage to offersBox, which is the name already used by CP. */
.promoBox {
  padding-bottom: 14px;
  background: url(../images/style/boxes/promob_narrow.jpg) no-repeat 0 bottom;
}

#HOME .promoBox {
  background: url(../images/style/boxes/promob.jpg) no-repeat 0 bottom;
  width: 254px;
}

.promoBox ul {
  background: url(../images/style/boxes/promot_narrow.jpg) repeat-y 0 bottom;
  list-style: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px 7px 4px 7px;
  width: 174px;
}

#HOME .promoBox ul {
  /*padding: 0px 2px 5px 7px;*/
  background: url(../images/style/boxes/promot.jpg) repeat-y 0 bottom;
  width: 240px;
}

#HOME .promoBox ul ul,
.promoBox ul ul {
  background:none;
}

.promoBox a{
  display: block;
  padding: 7px 5px 5px 10px;
  color: #ffffff;
  height: 15px;
  margin: 0px;
}

.promoBox ul ul,
.promoBox a {
  width: 160px;
}

#HOME .promoBox ul ul,
#HOME .promoBox a {
  width: 220px; /* IRQ-419 make room for collapse widget */
}

.promoBox .odd a {
  background: url(../images/style/buttons/promoodd_narrow.jpg);
}

.promoBox .even a{
  background: url(../images/style/buttons/promoeven_narrow.jpg);
}

.promoBox a:hover {
  background: url(../images/style/buttons/promoselected_narrow.jpg) no-repeat;
}

.promoBox li a:hover {
  text-decoration: none; /* IRQ-386 */
}

.promoBox li li a:hover {
  text-decoration: underline; /* IRQ-386 */
}

.promoBox p {
  margin: 0; /* IRQ-386 */
}


.promoBox .selected a {
  background: url(../images/style/buttons/promoselected_narrow.jpg) no-repeat;
}

#HOME .promoBox .odd a {
  background: url(../images/style/buttons/promoodd.jpg);
  
}

#HOME .promoBox .even a{
  background: url(../images/style/buttons/promoeven.jpg);
}

#HOME .promoBox a:hover {
  background: url(../images/style/buttons/promoselected.jpg) no-repeat;
}

#HOME .promoBox .selected a {
  background: url(../images/style/buttons/promoselected.jpg) no-repeat;
}


.promoBox .selected div a{
  background: none;
  color: #000000;
  height: auto;
}
.promoBox div.promocontent{
  visibility: hidden;
  opacity: 0;
  height: auto;
  overflow:hidden;	/* MjN 419.1 */
}
.promoBox .selected .promocontent a{
  padding: 0px;
}
.promoBox .selected .promocontent {
  padding-left: 5px;
  /*display: block;*/
  padding-right: 15px;
  margin-top: 4px;
  margin-bottom: 4px;
}
/* Last minute is done with the old html layout
.promocontent table {
  width: 100%;
}

.promocontent th {
  padding-bottom: 2px;
  text-align: left;
  color: #035e31;
  border-bottom: 1px solid #dddbdb;
}
*/
/* New last minute styling */
.promoBox li span.titles{
  background-image:url(../images/style/bullets/icon_lastchance.gif);
  background-position:0 3px;
  background-repeat:no-repeat;
  color:#3F3F3F;
  display:block;
/*  float:left; */  /* IRQ-386 */
  font-weight:700;
  margin:0;
  padding:0 0 0 16px;
  text-decoration:none;
  width:160px;
}
.promoBox li .descr{
  display:inline;
  float:left;
  font-size:100%;
  margin:0 0 0 0px; /* IMPWB-887 */
  padding:0;
  width:74px;
  clear:both; /* for long descr */
}
#HOME .promoBox li .price a,
.promoBox li .price a{
  background:none;
  color:#CE0004;
  display:inline;
  float:right;
  font-weight:700;
  padding-left:0;
  width:86px; /* IMPWB-887 */
}
#HOME .promoBox li .descr a,
.promoBox li .descr a{
  background:none;
  display:inline;
  font-weight:400;
  padding-left:0;
  width:auto;
}
.promoBox li .months{
  clear:both;
  font-weight:700;
  padding:3px 0 0 0px; /* IMPWB-887 */
  width:180px;
}
/* END New last minute styling */

.sideNav li a{
  background: url(../images/style/bullets/bullet_arrow.gif) no-repeat right center;
}
#subContentDetail #subContentInfoRightNew li a,
.accordian .arrowRight,
ul.arrowLinks a {
  background: url(../images/style/bullets/bullet_arrow.gif) no-repeat left center;
}
.promoBox ul li  {
  height:auto;
}
/*
.promoBox .promocontent ul  {
  width: 100%;
}
*/
.promoBox .selected li .promosubcontent {
  margin: 4px 0 ;
  display: none;
}

.promoBox .selected li.selected .promosubcontent {
  display: block;
}

.promoBox .selected li {
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #dddbdb;  /* IRQ-386 */
}
.promoBox .selected a.promosub {
/*  border-bottom: 1px solid #dddbdb; */  /* IRQ-386 */
/*  text-decoration: none;*/
  width: auto;
  font-weight: bold;
  padding: 2px 0;
/*  margin-right:6px; */ /*IRQ-386 */
  /* DONT WORK in IE white-space: nowrap;  new added Thve to avoid longer text te wrap. */
}

#HOME .promoBox .selected li a.promosub,
.promoBox .selected li a.promosub {
  background: url(../images/style/bullets/promosub_down.png) no-repeat right top; /*IRQ-386 */
}
#HOME .promoBox .selected li.selected .promosub, 
.promoBox .selected li.selected .promosub {
  background: url(../images/style/bullets/promosub_up.png) no-repeat right top; /* IRQ-419  slide in collapse arrow */
  /*background: none; IRQ-419
  text-decoration: none; 
  cursor: text; */
}

#HOME .promoBox .selected  .promosubcontent .externallink ,
#HOME .promoBox .promocontent .nocontent  .externallink,
.promoBox .selected  .promosubcontent .externallink ,
.promoBox .promocontent .nocontent  .externallink  {
/*  text-decoration: none;*/
  font-weight: bold;
  background: url(../images/style/bullets/externallink.jpg) no-repeat left center;
  width: auto;
  padding: 2px 0px 2px 20px;
/*  border-bottom: 1px solid #dddbdb; */ /* IRQ-386 */
}

.promoBox .selected img {
  margin-bottom: 6px;
}

.selected .promocontent ul {
  padding:0px;
  margin:0px;
}
.selected .promocontent table a.tablelinks {
  display: inline;
  float: right;
  font-style: normal;
  font-weight: bold;
  color: #FF0000;
  width: auto;
}
.selected .promocontent table a.tablelinks:hover {
  background: none;
}

.promoBox li.odd div a,
.promoBox li.even div a,
.promoBox li.selected div a {
  background:none;
}

#HOME .promoBox .selected a.singleclickoffersummary,
.promoBox .selected a.singleclickoffersummary { /* IRQ-395 */
  background: url(../images/style/bullets/contentpijl.jpg) no-repeat right top;
}


/* @end */

/* @group campaign Nav */

ul#campaignNav {
 margin:0;
  padding:10px 10px 0px 0px;
  list-style:none;
}

ul#campaignNav li {
  display: block;
  float: left;
  padding: 0px 10px 0 25px;
  margin-top: auto;
  margin-bottom: auto;
  background: url(../images/style/buttons/campaignarrow.jpg) no-repeat;
  margin: 0;
  font-size:  x-small; /* added because the general font heigth is now 11px */
}

ul#campaignNav li.sfhover,
ul#campaignNav li:hover {
  background: url(../images/style/buttons/campaignarrow.jpg) no-repeat left -25px;
}

ul#campaignNav li a{
/*  display:table-cell;*/
  /*
  display: block;
  color: #0d5e3f;
  text-transform: uppercase;
  text-decoration: none;

  padding-right: 7px;
  padding-left: 5px;
  font-size: 75%;
  vertical-align: middle;
  height: 25px;
  */
  float:left;
  display:block;
  text-transform: uppercase;
  background:url(../images/style/buttons/campaigntile.jpg) no-repeat right top;
  /*padding:5px 15px 4px 6px;*/
  padding: 6px;
/*  text-decoration: none;*/
  color: #0d5e3f;
  font-size:  x-small; /* added because the general font heigth is now 11px */
}
ul#campaignNav li.sfhover a,
ul#campaignNav li:hover a {
  background: url(../images/style/buttons/campaigntile.jpg) no-repeat right -25px;
  color: white;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul#campaignNav li a {float:none;}
/* End IE5-Mac hack */


/* @end */

/* @group footer */
div#footer {
  background: url(../images/style/backgrounds/bgfooter.jpg) no-repeat 0 bottom;
  height: 114px;
  width: auto;
}

div#footer ul {
  float: right;
  list-style: none;
  margin: 0px;
  padding-right: 7px;
  padding: 0px;
}
div#footer ul .rss {
  padding-right: 25px;
  background: url(../images/style/buttons/rss.gif) no-repeat right;  
}

div#footer #navFooter li.first-child {
  border:medium none;
}

div#footer #navFooter {
  padding-top: 9px;
}

div#footer #navFooter li {
  border-left:1px solid #007C3E;
}

div#footer ul li{
  display: block;
  float: left;
  /*padding: 0px;*/
  /*padding-top: 9px;*/
  /*height: 27px; */
  margin: 9px 0 0;
  padding: 0 3px;
}

div#footer ul a{
  display: block;
  position: relative;
  width: auto;
  background: none;
  padding: 0 5px;
  text-transform: uppercase;
  color: #005d2f;
  bottom: 0px;
  /*height: 27px; */
  /*line-height: 27px; */
  font-weight: normal;
}

div#footer ul a:hover {
  text-decoration:underline;
  color: #005d2f;
}

/*
div#footer ul a img {
  vertical-align: middle;
}
 IE6 */
* html div#footer ul li a{
  display: inline-block;
  vertical-align: middle;
}

#postfooter {
  font-size: 100%;
  margin-top: 10px;
  background-color: #f7f7f7;
  padding: 10px;
  margin-bottom: 20px;
  text-align: right;
}
#postfooter a {
  color: #7e7d7d;
  padding-left: 5px;
  border-left: 1px solid #7E7D7D;
}
#postfooter #navPostfooter li {
  border-left: 0px;
}
#postfooter a.first-child {
  border: medium none;
}

/* @end */

.clear {
  clear: both;
}

.clearright {
  clear: right;
}

.clearleft {
  clear: left;
}

a:hover {
  text-decoration: underline;
}