/*************  HOSEASONS SCOTLAND DALES CSS **************/  

/*  GLOBAL SETTINGS */ 
    body {font-family: Arial; font-size: 12px; color: #333; margin: 0;padding: 0;line-height: 17px; background: #E0EDFC; }
    a { outline-style: none }
    img { border: none }
    .clear { clear: both}
    .inline { display: inline}
    .left { float: left}
    .right { float: right }
    .smallLightGrey {font-size: 11px; color: #999}
    .errorMsg {padding:15px; background: #efdbdf; border: 3px #a54e5f solid; margin: 20px 10px 10px 25px;  display: block}
    table.calendarWrapper_Default {margin-left: 0px}
    html* table.calendarWrapper_Default {margin-left: 0px}
    .displayNone {display:none;}
    .displayBlock {display:block;}
    #throbber { color: #fff; font-weight:bold; font-size: 18px;}
    .callTrainingMsg { color: #333; float: right; font-weight: bold; font-size: 11px; padding: 5px }
    .copyrightNote { color: #666; text-align: right; padding: 5px 30px 5px 5px}
    .phoneNumber { background:#003399 ; color:#FFF;float:right; font-size:18px; text-align: center; font-weight:bold; padding:2px 10px 8px 10px; position:relative; right:600px;}
    .phoneNumberSR { background:#003399 ; color:#FFF;float:right; font-size:18px; text-align: center; font-weight:bold; padding:2px 10px 8px 10px; position:relative; right:33px;}
    .callUsOn { font-size: 12px; font-weight: normal}
    a.viewCottages { color:#333; font-size:12px; font-weight:bold; padding:0 0 0 2px;}
    .specialOfferBanner { background:#CC0033 ; color:#FFF; font-size:18px; margin:5px; padding:5px; text-align:center; width:747px;}
    
/* MAIN CONTENT HOLDER */
    .contentHolder { width: 1010px; margin: auto; position: relative; text-align: left; top: -44px;} 

/* FOOTER CSS */
    #footer {clear: both; background: #003399; width: 100%; height:180px; text-align: left; padding: 5px 0 15px 0;color: #fff; }       
    #footerInner { width: 900px; margin: auto; padding: 10px 0 0 0}
    .footerContentBox { font-weight: bold; color: #E0EDFC; font-size: 14px; float: left; width: 200px; margin: 0 0 0 30px } 
    ul.footerLinks {line-height:21px; list-style-type:none; margin:0; padding:5px 0 0 13px; }
    ul.footerLinks li a {  color: #8BA8DF; text-decoration: none; font-size: 12px; font-weight: normal}
    ul.footerLinks li a:hover { color: #fff  }
             
/*  GLOBAL HEADING STYLES */
    h1 {font-size:18px; font-weight: bold ; color: #003399 ;  margin: 0 0 0 0;padding: 0 0 0 0px}
    h2{color: #003399;  font-size: 16px; font-weight: bold; margin: 0;padding: 10px 0 5px 5px; border-bottom: 1px #d7cae7 dotted}
    h2 a:link , h3 a:visited , h3 a:active { color: #003399; letter-spacing: -1px;  padding: 0 0 0 0; text-decoration: none; display: block}
    h3 {color: #003399; margin: 0 0 0 0;padding: 0 0 2px 0;font-size:16px; }
    h3 a:link , h3 a:visited , h3 a:active {font-size:18px; font-weight: bold ; color: #003399; letter-spacing: -1px;  padding: 0 0 3px 0; text-decoration: underline; display: block}
    h3 a:hover {text-decoration: none;}
    h4 {color: #003399; padding: 0 0 5px 0px;display: block; font-size:12px; margin: 0; }
    h4 a:link , h4 a:visited , h4 a:active {font-size:12px; font-weight: bold ; color: #003399; text-decoration: none;  margin: 0;padding: 0;  }
    h4 a:hover {text-decoration: underline;}
    h5 {color: #003399; padding: 3px 3px 3px 0px;display: block; font-size:12px; font-weight: bold ;margin: 0;   }
    h5 a:link , h5 a:visited , h5 a:active {font-size:12px; font-weight: bold ; color: #003399; text-decoration: none;   }
    h5 a:hover {text-decoration: underline;}
    h6 {color: #003399;  font-size:14px; margin: 0;padding: 0 }
    h6 a:link , h6 a:visited , h6 a:active {font-size:14px; font-weight: bold ; color: #003399; text-decoration: none;    }
    h6 a:hover {text-decoration: underline;}
    
     /* New heading styles as h1 h2 tags are not to be used other than on SEO content headers */
    .largeHeading {font-size:18px; font-weight: bold ; color: #003399 ;  margin: 0 0 0 0;padding: 0 0 0 0px}
    .mediumHeading {color: #003399;  font-size: 16px; font-weight: bold; margin: 0;padding: 10px 0 5px 2px; }
    .smallHeading  {color: #003399;font-weight: bold; margin: 0 0 0 0;padding: 0 0 0 0;font-size:16px;}
    .smallHeading  a:link , .smallHeading  a:visited , .smallHeading  a:active {font-size:18px; font-weight: bold ; color: #003399; letter-spacing: -1px;  padding: 0 0 3px 0; text-decoration: none; display: block}
    .smallHeading  a:hover {text-decoration: underline;}
 
/*  GLOBAL LAYOUT STYLES */
    #containerCottageHP { background: url('../../Images/Dales/HeroImage.jpg') no-repeat; width: 1010px; margin: 44px 0 0 0; }
    #containerCottageSR { background: url('../../Images/Dales/HeroImage2.jpg') no-repeat; width: 1010px; margin: 44px 0 0 0; }
    #containerCottageDP { background: url('../../Images/Dales/HeroImage2.jpg') no-repeat; width: 1010px; margin: 44px 0 0 0; }
    
    #rightPanelHP { width: 760px; float: left; margin: 289px 0 0 26px; }  
    * html #rightPanelHP { width: 760px; float: left; margin: 289px 0 0 6px; }  
     
    #leftPanel {  width:190px;  float: left; margin: 0 0 0 17px;  }
    #rightPanel { width: 760px; float: left; margin: 155px 0 0 26px }
    
    * html #rightPanel { width: 760px; float: left; margin: 199px 0 0 6px; } 
    
/* SEARCH CONTROL [ALL PAGES] */
    #searchHeader {background: #003399 url('../../Images/Dales/DalesLogo.gif') no-repeat 13px 1px; color:#fff; font-size:16px; font-weight:bold; height:27px; padding:85px 0 0 11px; width:189px; cursor: pointer   }
    #searchBody {background: #003399; width: 186px; color: #fff; padding: 0 4px 8px 10px}
    #searchFooter {background: #003399; width: 188px ; height: 7px}

    #searchSectionOne {  padding: 1px 3px 3px 7px; }
        #searchSectionOneTitle {height: 21px;  font-weight: bold}
        .radDropDown {width: 160px !important}
        .searchSetDropDowns {margin: 3px 0 0 0px}
            
    #searchSectionTwo {  padding: 1px 6px 3px 7px; width: 166px }
     #searchSectionTwoTitle { height: 21px;  font-weight: bold}
        #partyMakeup1 {float: left; width: 70px; height: 23px}
        #partyMakeup2 {clear: right; float: right}
        
        #partyMakeup3 {clear: both; float: left;  width: 70px;height: 24px}
        #partyMakeup4 {clear: right; float: right; margin: 2px 0 0 0px}
        
        #partyMakeup5 {clear: both; float: left;  width: 70px;height: 25px}
        #partyMakeup6 {clear: right; float: right; margin: 3px 0 0 0px}
        
        #partyMakeup7 {clear: both; float: left;  width: 70px;height: 25px}
        #partyMakeup8 {clear: right; float: right; margin: 3px 16px 0 0px;}
        
        #partyMakeup9 {clear: both; float: left;  width: 110px;height: 25px}
        #partyMakeup10 {clear: right; float: right; margin: 3px 0 0 0px}
        
        /* Pet-Free? Label and Popup */
        a.petFreeInfo { color: #fff; position: relative; text-decoration: underline; z-index: 24; }
        a.petFreeInfo:hover { background-color: white; z-index: 25; }
        a.petFreeInfo span { display: none; }
        a.petFreeInfo:hover span { background-color: #fff; border: 1px solid #333; color: #000; display: block; left: -25px; padding: 2px; position: absolute; text-align: center; text-decoration: none; top: 0;width: 140px; height: 90px; z-index: 35; }
            
    #searchSectionThree {   clear: both; padding: 0 0 0 5px;}
      #searchSectionThreeTitle { height: 21px;  font-weight: bold}
         #checkInSection {width: 170px;  }
     
        #checkIn {width: 70px;float: left;  }
        /*\*/ * html #checkIn {width: 72px;float: left; }/**/
            #optional {color: #999; font-size: 10px ; }
            
        #checkInInput { float: left; width: 50px !important;  }
        .checkinDateInput {width: 70px !important}
        /*\*/ * html .checkinDateInput  {width: 66px !important }/**/
          .inputCell{display: block;  width: 74px !important; padding: 0 3px 0 0 !important; }
          
          .clearStartDate {  position: relative; right: 22px; top: 13px; color: black; font-size: 11px}
        
     #noOfNightsSection {margin-top: 5px; clear: left}
     #noOfNights {float: left; width: 80px; padding: 4px 0 0 0px}
     .searchControlSubmitBtn { padding: 0 0 1px 7px; }
     #shortlistCheckAvailabilityBody #checkInInput img {  padding-left: 5px}  
    .searchHolidays {width: 89px; background:  url('../../Images/Dales/SearchBtn.gif') no-repeat; padding: 0 0 0 0;height: 27px; display: block; margin: 5px 0 0 79px}

/* TAB CONTROL [ALL PAGES] */
    .tab_panel_header { border-bottom: 10px #003399 solid; color: #fff; font-weight: bold; font-size: 12px; font-family: Arial; width: 760px; margin: 0 0 0 0;float:left; }
    .tab_panel_headerSR { border-bottom: 10px #003399 solid; color: #fff; font-weight: bold; font-size: 12px; font-family: Arial; width: 760px; margin: 12px 0 0 0;float:left;   }
    .tab_panel_body { clear: both; font-family:arial;font-size:12px; padding: 1px 1px 1px 1px; width: 758px; background: #fff }
    .tab_panel_Searchbody {clear: both; width: 738px;  background: #fff; padding: 0 0 0 20px  }
    .tabURL {text-decoration:none; color:#fff}
    
/* Tab styles */      
    .tab_outer { margin-right: 3px; float: left; cursor:pointer; }
    .tab_outer .tab_left {background: #99CCFF; width: 6px; height: 26px ;  float: left; }
    .tab_outer .tab_center {background: #99CCFF; height: 21px;  float: left; color: #003399; font-weight: bold; padding: 5px 0 0 0px;}  
    .tab_outer .tab_right {background: #99CCFF; width: 6px; height: 26px;  float: left}
    
    .tab_outer_active { margin-right: 3px; float: left; cursor:pointer; }
    .tab_outer_active .tab_left {background: #003399; width: 6px; height: 26px ;  float: left; }
    .tab_outer_active .tab_center {background: #003399; height: 21px;  float: left; color: #fff; font-weight: bold; padding: 5px 0 0 0px;}  
    .tab_outer_active .tab_right {background: #003399; width: 6px; height: 26px;  float: left}
        
/* BREAD CRUMB TRAIL [All PAGES] */
    #BreadCrumbContainer { padding: 0 0 10px 0 }
      #breadcrumbLinks {padding: 10px 0 0 0}
      #youAreHereLabel { font-weight: bold }
      #breadcrumbLinks a { color: #333; font-weight: bold; text-decoration: underline !important} 
      
/* HOMEPAGE STYLES */
      #searchByCode {width: 184px; background: #003399; color: #fff; padding: 4px 9px 6px 7px; margin: 8px 0 0 0 }
      #searchByCodeTop { width: 184px; height: 5px; font-size: 0;}
      #searchByCodeBody { padding: 0 4px 0 4px; line-height: 12px; font-size: 16px;}
      #findByNameInput {width: 125px; float: left; padding: 4px 0 0 0px}
      #findByNameBtn {width: 42px;  float: right; padding: 4px 0 0 0px}
         /*\*/ * html #findByNameBtn {width: 42px;  float: right; padding: 6px 0 0 0px}/**/
      *+html  #findByNameBtn {width: 42px;  float: right; padding: 6px 0 0 0px}
      #searchByCodeFooter { width: 184px; height: 5px ; font-size: 0px}  
      .findByNameBtn {background: url('../../Images/Dales/GoBtn.gif') no-repeat 0 -2px; width: 40px; height: 23px; display: block; }
      /* Autocomplete styles for code lookup */
    .autoCompleteList { border: solid 1px #C0C0C0; margin: 0 !important;overflow:visible; z-index:  100000}
    .autoCompleteItem { background-color: #fff; border-top: solid 1px #C0C0C0; font-size: 11px; padding: 5px;    color: #333;}
    .autoCompleteHighlightItem {background-color: #DDF4FF; color: #000000; font-size: 11px; border-bottom: solid 0 #C0C0C0; cursor: pointer; padding: 5px; } 
    .welcomeCopy { padding: 9px 6px 6px 9px}
    .offerImage { border: 1px #003399 solid}
    .topCottageOffers { background: #003399; color: #fff; font-weight: bold; width: 747px; padding: 4px 4px 4px 9px; font-size: 16px}
    .topCottageOffersBody { background: #fff; padding: 5px; border-top: 2px solid #003399}
    .leftColCopy { font-size: 11px; margin: 14px 0 0 0}
    .blueHeading { color: #003399; font-weight: bold; font-size: 16px;}
    .blueHeadingSmall { color: #003399; font-weight: bold; font-size: 14px;}
    .welcomeRight {float:left; padding:0 0 0 13px; width:400px;}
      
   /* Newsletter sign up CSS  */           
        .white { background: #fff !important;}
        #emailOffersSignup { background: #fff; margin: 0 0 0 5px}       
        .newsletterSignupHeaderText { color:#333;  font-size:18px; font-weight:bold;  text-align:center;  }
        .newsletterSignupBody { background: #D5D0B2 ;width: 455px; padding: 13px 29px 0 40px; line-height: 21px; margin: 10px 0 0 0 }
            #otherHolidayTypes { margin: 17px 0 0 0 }
            a.emailSignupSubmitBtn { width: 75px; text-align: center; height: 23px; background: url('../../Images/Shared/NewsletterSignupSubmitBtn.png') no-repeat; display: block; text-decoration: none; font-weight: bold;  padding: 2px 0 0 0;outline: none }
        .newsletterSignupFooter { background: #D5D0B2 ;width: 524px; height: 12px}
        #emailOffersTCs { text-align: center; width: 524px; font-size: 11px; color: #555; background: #D5D0B2; padding: 0 0px 10px 0 }
        #emailOffersTCs a { text-align: center; font-size: 11px; color: #555; text-decoration: underline}
        #emailOffersTCs a:hover { text-decoration: none}
        #EmailInput { height: 93px; margin: 20px 0 0 0 }      
        #SignUPProducts{ line-height: 15px; margin: auto; width: 420px; text-align: center}
        
        .emailErrors { position: relative; top: -37px; width: 300px}
        * html .emailErrors { position: fixed; bottom: 0;width: 300px; background: red; display: none}
        #emailSignupComplete { height: 320px;  text-align: center; padding: 50px 0 0 0 }
        .confirmDetails { height: 370px;  text-align: left;}
        #register { margin: 0 0 0 100px}
        
     /* Brochure Signup css */ 
        .brochureRequest { background: #E0EDFC; margin:  10px 8px 5px 5px  }
        .brochureRequestHeader { background: url('../../images/Dales/BrochureSignupHeader.jpg') no-repeat ;width: 470px; height: 182px}
        .brochureRequestHeaderText { color:#333; font-size:18px; font-weight:bold;  line-height:22px; text-align:center;  width:231px; }
        .brochureRequestText {display:block;  text-align:left;  padding:0 0 10px 39px;}
        .brochureRequestBody {background:#D5D0B2 ;width: 470px; padding: 0 0 0 18px; line-height: 21px; }
        .brochureRequestBody h2 { border: none}
        #dataProtection { color:#444444; font-size:11px; line-height:16px;  width: 440px }   
        #dataProtection a { color:#444444; font-size:11px; font-weight: bold; text-decoration: underline }       
        .brochureRequestFooter { background:#D5D0B2 ;width: 489px; height: 12px}
        
  /* TAB STYLES */
         /* DESTINATIONS TAB  */           
             #destinationSearchPanel {clear: both; width: 420px; padding: 5px 0 0 0px}
             #destinations {width: 750px; padding: 9px 0 10px 10px;  }
             #destinations a {color: #555}
             .destinationRootLinks {  padding: 0;font-size: 14px; font-weight: bold; display: block}
             #destinationsLeft {float: left; width: 265px; padding: 10px 0 0 0 }
             #destinationsRight {float: left; width: 440px;  padding: 10px 0 0 0 }
             .mapTitle {font-size: 12px; font-weight: bold}
             #searchfindoutmore {color: #003399; padding: 1px 0 0 0px}
                #searchfindoutmore a:link , #searchfindoutmore a:visited  , #searchfindoutmore a:active  {color: #000;}
                #searchfindoutmore a:hover { text-decoration: underline}
             #destinationTitle a:link , #destinationTitle a:visited , #destinationTitle a:hover , #destinationTitle a:active {font-weight: bold; color: #003399; text-decoration: underline}
             .destinationLinks a:link , .destinationLinks a:visited , .destinationLinks a:hover , .destinationLinks a:active {color: black; text-decoration: none}

             #allDestinationDropDowns {border-bottom: 1px green dotted; height: 65px; margin: 0 0 10px 0 }
             .backBtnSmall { float: left; background: url('../../Images/UKCottage/general/previous.gif') no-repeat; padding: 0 0 0 20px ;width: 78px; height: 20px; font-weight: bold; color: #fff }
             .backBtnSmall a { color: #fff ;}
                           
              #destinationsDetail {width: 661px; padding: 5px 0 0 5px; border-left:1px solid #999;  border-right:1px solid #999; }
              #destinationDetailHeader { padding: 2px 2px 2px 2px; width: 500px}
              #destinationDetailBody {clear: both;  }
              #destinationDetailBodyLeft {float: left; width: 250px;  }
              #destinationDetailBodyRight {}
              #destinationDetailBodyCopy {padding: 10px 0 0 0px}
              #destinationDetailFooter {padding: 8px 8px 8px 8px;  clear: both}
              #viewOnMapDestination a:link, #viewOnMapDestination a:visited , #viewOnMapDestination a:active {width: 180px; height: 20px; background: url('../../images/UKCottage/general/viewCottagesInThisArea.gif') no-repeat; display: block; float: right; text-decoration: none; font-weight: bold; color: #fff; padding: 1px 0 0 10px;}
              #viewOnMapDestination a:hover {text-decoration: underline}
              #viewCottagesInArea a:link, #viewCottagesInArea a:visited , #viewCottagesInArea a:active {width: 180px; height: 20px; background: url('../../images/UKCottage/general/viewCottagesInThisArea.gif') no-repeat; display: block; float: right; text-decoration: none; font-weight: bold; color: #fff; padding: 1px 0 0 10px;}
              #viewCottagesInArea a:hover {text-decoration: underline}
              #suggestions { display: none}
              #suggestions a:link, #suggestions a:visited , #suggestions a:active {width: 187px; height: 20px; background: url('../../images/UKCottage/general/suggestionBtn.gif') no-repeat; display: block;  text-decoration: none; font-weight: bold; color: #333; padding: 1px 0 0 10px;}
              #suggestions a:hover {text-decoration: underline}
                       
          /* SPECIAL OFFERS TAB  */
              #specialOffers {width: 720px; padding: 8px 10px 0 25px;  }
              #offerArea { width:670px; }
              #offerContainer { width: 335px; }
              #offerThumbnail { width: 44px; }
              #promoThumbnail { width: 85px; }
              #offerBody { width: 190px; vertical-align: top; }
              #promoBody { width: 149px; }
              #viewOffer { width: 96px; }
              #offerHeader a:link, #offerHeader a:visited , #offerHeader a:active { font-weight: bold; color: #003399; text-decoration: none; }
              #offerHeader a:hover {text-decoration: underline}
              
              #viewOfferBtn a:link, #viewOfferBtn a:visited , #viewOfferBtn a:active {width: 50px; height: 26px; background: url('../../images/Dales/GoBtnWhite.gif') no-repeat; display: block; text-decoration: none; font-weight: bold; color: #fff; padding: 1px 0 0 8px;}
              #viewOfferBtn a:hover {text-decoration: underline}
              #specialOffersTabItems {border-bottom:1px dotted #CCC;padding-bottom:2px;}
              #specialOfferTabImageThumb {padding-top:4px;width:46px;}
              
              /* My Favourites tab  */
              .myFavOuter {width: 650px; padding:7px 0 7px 9px; }
              .myFav {width: 657px; padding:7px 0 7px 9px; border-left: solid 1px #999; border-right: solid 1px #999; }
              .myFavOuter a { color: #333 }
              
              .productNameHeaderVillas { padding: 5px; background: #CE017A; color: #fff; font-weight: bold}  
              .productNameHeaderParks { padding: 5px; background: #EF6B13; color: #fff; font-weight: bold}  
              .productNameHeaderLodges { padding: 5px; background: #5D441E; color: #fff; font-weight: bold}  
              .productNameHeaderCottages { padding: 5px; background: #003399; color: #fff; font-weight: bold}  
              .productNameHeaderBoats { padding: 5px; background: #179DE9; color: #fff; font-weight: bold}  
              .productNameHeaderCBAs { padding: 5px; background: #57219A; color: #fff; font-weight: bold}  
              .productNameHeaderEUParks { padding: 5px; background: #0F5A94; color: #fff; font-weight: bold}
              
              .productNameHeaderBorderVillas {border-bottom: 2px solid #CE017A; width: 99%; height: 3px}  
              .productNameHeaderBorderParks {border-bottom: 2px solid #EF6B13; width: 99%; height: 3px}  
              .productNameHeaderBorderLodges {border-bottom: 2px solid #5D441E; width: 99%; height: 3px}  
              .productNameHeaderBorderCottages {border-bottom: 2px solid #003399; width: 99%; height: 3px}  
              .productNameHeaderBorderBoats {border-bottom: 2px solid #179DE9; width: 99%; height: 3px}  
              .productNameHeaderBorderCBAs {border-bottom: 2px solid #57219A; width: 99%; height: 3px}  
              .productNameHeaderBorderEUParks {border-bottom: 2px solid #0F5A94; width: 99%; height: 3px}  
              
              #shortlistWithSelected {font-weight: bold; padding: 5px 0 0 0px}  
              .compareProductBtn{    background-position: 5px 2px;    display: block;    margin: 7px;    font-weight: bold;    background: #EEEEEE url('../../Images/Shared/compareIcon.gif') no-repeat 5px 2px;    padding: 2px 0 3px 29px;}  
                          
             .printFav { background: url('../../Images/Shared/printerIcon.gif') no-repeat; padding: 0 0 0 20px; margin: 0 5px 0 5px}
             .emailFav { background: url('../../Images/Shared/emailIcon.gif') no-repeat 0 2px; padding: 0 0 0 20px; margin: 0 5px 0 5px}
             .removeFromFav { background: url('../../Images/Shared/removeIcon.gif') no-repeat 0 1px; padding: 0 0 0 20px; margin: 0 5px 0 5px}   
             .myFavSeperator {height: 1px; border-bottom: 1px dotted #ccc; display: block} 
             #accommodationName a {text-decoration: none;} 
             a.availabilityCalendarBtn  {  background: url('../../Images/Shared/calendarSmall.gif') no-repeat; padding: 0 0 0 20px; margin: 0 76px 0 0;float: right} 
                             
             a.myFavBookBtn { width: 55px; height: 20px; float: right; background: url('../../Images/UKCottage/General/bookBtn.png') no-repeat; color: #fff; display: block; text-decoration: none; font-weight: bold; text-align: center; padding: 3px 8px 0 0;margin-top: 0;}
             a.myFavViewBtn { width: 55px; height: 20px; float: right; background: url('../../Images/UKCottage/General/viewBtn.png') no-repeat; color: #000000; display: block; text-decoration: none; font-weight: bold; text-align: center; padding: 3px 8px 0 0;margin-top: 4px; }          
   
/* Recently viewed css */
    #filterHeader { background:#003399 ; color:#fff; font-size:16px; font-weight:bold; letter-spacing:0; margin:8px 0 0; padding:5px 0 8px 12px; width:188px; }
    .sideContentBoxBody { background: #fff; padding:5px 0 5px 5px; width:195px;}
    .recentlyViewedPrice { color:#BF0E14; font-weight:bold;}
    .recentlyViewedFrom { color:#555555; font-weight:bold;}
    .recentlyViewedName { font-weight:bold;}
    a.accomViewBtn { font-weight: bold; color: #333}
    .dottedRowBottom { border-bottom:1px dotted #CCCCCC; height:1px; margin:2px 0; }
   
  /* CAROUSEL SETTINGS */
  div.carouselOuter { width: 685px; overflow:hidden;   height: 140px; /* Stops left and right arrow images moving up and down on the animation. */  }
  div.carouselOuter div.carouselInner {    margin-left: -254px; /* Needs setting so IE will animate the margin left. */    width: 1700px; /* This needs to wider than the inner content (14 images). */  }
  a.carouselItem { float: left; text-decoration: none; margin: 20px 4px 0 4px; padding: 2px; background: #003399; outline: none; }
  a.carouselItem span { background: #003399; color: #fff; display: block; height: 19px; text-align: center; font-weight:bold; padding: 2px 0 0 0px}
  a.carouselItem img { display: block; border-width: 0;} /* border-width: 0 required to prevent jerky animation in IE */
  #carouselOuterTable   {    margin: 0 auto;  }
  /* Arrow mouse overs */
  a#left img.hoverArrowImage,  a#right img.hoverArrowImage { display: none; }
  a#left:hover img.hoverArrowImage,  a#right:hover img.hoverArrowImage { display: inline; }
  a#left img.arrowImage,  a#right img.arrowImage { display: inline; }
  a#left:hover img.arrowImage,  a#right:hover img.arrowImage { display: none; }
  #carouselOuterTable a#left, #carouselOuterTable a#right { width: 25px; }
  /* End arrow mouse overs */
  /* END CAROUSEL SETTINGS */

/*  SEARCH RESULTS PAGE */
    #searchResultCountHeader {display: none} 
    .searchResult {clear: both; background:#fff ; width: 701px; padding: 4px; margin: 0 0 8px 0px}
    .srHeader { height: 30px; padding: 5px 5px 5px 0;color: #fff; background: #003399; font-size: 14px; font-weight:bold}
    .backToHomepage { position: relative; top: -17px; left: -17px; float: right}
    #headerLabel  {float: left; width: 515px}
    #dropDownList {float: right ; margin: 10px 0 5px 0;width: 270px;}
    .tab_panel_Searchbody h1 {padding: 10px 0 10px 0px}
    
    .pagerSortControls {width: 660px; height: 29px; clear: both; padding: 2px 0 0 6px}        
    #filterPanel { clear: both; background: #003399; width: 189px; padding:0 0 14px 11px; color: #fff}
    * html #filterPanel { clear: both; background: #003399; width: 179px; padding:0 0 14px 0px; color: #fff}
    .noOfCottagesFound {font-size:18px; font-weight: bold ; color: #003399 ;  padding: 5px 5px 5px 5px; background: #fff; position:relative; top:-15px; width:345px; left: 5px}
     
    .tab_panel_content h1 {padding: 18px 0 18px 0; float: left; font-size: 22px}
    .sortByDDSR { float: left; width: 200px; }
    .dataPagerTop {  text-align: right } 
    .dataPagerBottom {  text-align: right; padding: 0 70px 15px 0} 
         
    .dataPagerPrev { font-weight: bold; }
    a.dataPagerPrev  { font-weight: bold;color: #333; text-decoration: none  }
    .dataPagerNext { font-weight: bold; }
    a.dataPagerNext  { font-weight: bold;color: #333; text-decoration: none  }
 
   .selectedPageNumber {padding: 2px 6px 2px 6px; background: #003399; border: 1px #003399 solid; font-weight: bold; margin: 2px; color: #fff}
   .pagerNumber {padding: 2px 6px 2px 6px; background: #fff; color: #333; text-decoration: none; border: 1px #003399 solid; font-weight: bold; height: 20px}
   a:hover.pagerNumber  { text-decoration: none; background: #eee; border: 1px #003399 solid; color: #333}
   .searchResultsHeaderH1 { color: #ce017a}
   
    .locationHeader    { float: left; width: 450px}      
    .weeklyPriceRange { float: right; color: #a5adb8} 
     .viewBookBtns { float: right} 
    
    #uspList ul {	 list-style-type: none; padding: 0 0 0 5px; margin: 0;width: 150px; text-align: left;}
    #uspList li {	padding: 0 0 5px 20px;  float: left; background: url('../../images/UKCottage/general/greenTick.jpg') no-repeat 0% 12%; width: 150px }
     
    #searchResultsPager {padding: 12px 0 8px 0;font-weight: bold; width: 150px; }
     
    #pricesFrom {font-weight: bold;  text-align: center; font-size: 16px; color: #cc0000}   
 
    #viewCottageBtn a:link, #viewCottageBtn a:visited , #viewCottageBtn a:active {width: 80px; height: 20px; background: url('../../images/UKCottage/general/viewCottageBtn.gif') no-repeat; display: block; text-decoration: none; font-weight: bold; color: #fff; padding: 2px 0 0 8px;  margin: 8px 35px 0 0;text-align: left; float: right }
    #viewCottageBtn a:hover {text-decoration: underline}
    
    .callToBookBtn a:link, .callToBookBtn a:visited , .callToBookBtn a:active {width: 106px; height: 20px; background: url('../../images/shared/callToBook.gif') no-repeat; display: block; text-decoration: none; font-weight: bold; color: #000; padding: 2px 0 0 7px;margin: 1px 30px 0 0;text-align: left; float: right;}
    .callToBookBtn a:hover {text-decoration: underline} 
    
    #calBookSmallBtn a:link, #calBookSmallBtn a:visited , #calBookSmallBtn a:active {width: 56px; height: 20px; background: url('../../images/UKCottage/general/bookSmallBtn.gif') no-repeat; display: block; text-decoration: none; font-weight: bold; color: #fff; padding: 1px 0 0 8px ; ; margin: 1px 30px 0 0;text-align: left; float: right}
    #calBookSmallBtn a:hover {text-decoration: underline}
    
/* DETAILS PAGE  */  
 
        /* COTTAGE TAB STYLES */     
        ul#feature  {	 list-style-type: none; padding: 5px 0 0 5px; margin: 0;width: 250px}
        ul#feature li {	padding: 0 0 5px 22px;  float: left; background: url('../../images/UKCottage/general/greenTick.jpg') no-repeat 1% 15%; width: 250px }     
        ul#note{	 list-style-type: none; padding: 10px 0 0 5px; margin: 0;width: 250px}
        ul#note li {	padding: 0 0 5px 22px;  float: left; background: url('../../images/UKCottage/general/greenTick.jpg') no-repeat 1% 15%; width: 250px } 
        #dalesUSPs ul  {	 list-style-type: none; padding: 14px 0 0 5px; margin: 0;width: 250px}
        #dalesUSPs ul li {	padding: 0 0 5px 22px;  float: left; background: url('../../images/UKCottage/general/greenTick.jpg') no-repeat 1% 15%; width: 250px; font-weight: bold }
        
        #noDatePricePanel {width: 357px; margin: 5px 0 0 4px; background: #eee; float: left}
        #noDatePricePanelBody { width: 352px; padding: 5px 0 0 5px; }
        #noDatePricePanelFooter { width: 357px; height: 5px; font-size: 0 }
       
        #cottageDetails {width: 750px; padding: 10px 10px 0 10px;   } 
        #cottageDetailsLeft {float: left; width: 362px; padding: 0 5px 0 2px;  }
        #cottageDetailsRight { float: left; width: 350px;  }
            #rightPanelDP { width: 760px; float: left; margin: 200px 0 0 26px }
            * html #rightPanelDP { width: 760px; float: left; margin: 200px 0 0 4px }
                #rightPanelTopLeftDetails { float: left; width: 445px; }
                #rightPanelTopRightDetails { float: Left; width: 310px; }
                
        #productDetailsAddRemoveFavourites { left:163px; position:relative; top:-16px;}
        
        #availabilityCalendarBtnG a {width: 276px; height: 23px; background: #003399; display: block; text-decoration: none; font-size: 16px; font-weight: bolder; color: #fff; padding: 7px 0 2px 32px; margin: 6px 0 12px 18px; -moz-border-radius: 5px}
        #availabilityCalendarBtnG a:hover {background: #27313F} 
        
        #PriceSummaryPriceDiv { width: 300px}
        .cottageSummaryBox { padding: 0 0 0 10px}   
        
        .notAviErrorMsg { font-size: 13px; font-weight:bold; display: block; padding: 6px; border: 1px solid #9c0e22; background: #CC0033; margin: 0 0 10px 0;text-align: center; color: #fff}

       .bigRedPrice { font-weight: bold; font-size: 24px; color: #d01228; float: left; height: 27px; display: block; margin: 5px 10px 0 0;}
       .bookLargeBtn  {width: 111px; height: 27px; background: url('../../images/Dales/BookBtnTrans.png') no-repeat; display: block; text-decoration: none; font-weight: bold; color: #fff; padding: 4px 0 0 10px; font-size: 18px; font-weight: bold; float: right}
              
        ul#accommFeatures  {	 list-style-type: none; padding: 20px 0 0 5px; margin: 0;width: 250px ; }
        ul#accommFeatures li {	padding: 0 0 5px 20px;  float: left; background: url('../../images/UKCottage/general/greenTick.jpg') no-repeat 0% 12%; width: 250px }
          
        ul#facility  {	 list-style-type: none; padding: 20px 0 0 5px; margin: 0;width: 250px ; }
        ul#facility li {	padding: 0 0 5px 20px;  float: left; background: url('../../images/UKCottage/general/greenTick.jpg') no-repeat 0% 12%; width: 250px }
        
        #galleryImage {padding: 3px 3px 3px 3px; border: 1px #999 solid; background: #fff}
        .btnAddToFavourites a:link, .btnAddToFavourites a:active, .btnAddToFavourites a:visited { background: url('../../images/Shared/addToMyFavouritesbtn.png') no-repeat; color: #000000; font-weight: bold; text-decoration: none; padding-left: 18px; height: 19px; margin-right: 10px; }
        .btnAddToFavourites a:hover { text-decoration: underline; }
    
        .btnRemoveFromFavourites a:link, .btnRemoveFromFavourites a:active, .btnRemoveFromFavourites a:visited { background: url('../../images/Shared/delete.png') no-repeat; color: #000000; font-weight: bold; text-decoration: none; padding-left: 18px; height: 19px; margin-right: 10px; }
        .btnRemoveFromFavourites a:hover { text-decoration: underline; }
        
        .virtualTourLink { color: #000; font-size: 14px; }
        .virtualTourPanel { text-align: center; padding-bottom: 10px; }
        .virtualTourImgLink { margin-left: 20px; vertical-align: middle; }
          
        /* IN THE AREA TAB  */    
        #inTheArea {width: 739px; padding: 10px 10px 0 10px; } 
        #inTheAreaHeader { margin-bottom: 8px}
        
        #inTheAreaNavHeader { background: #003399; width: 196px; height: 23px; font-weight: bold; color: #fff;  padding: 4px 0 0 10px}        
        #inTheAreaNavBody {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding:0px 0 0 7px;}
        #inTheAreaNavFooter { border-top: 1px solid #ccc; width: 206px; height: 7px}
       
        .attractionImage {padding: 3px 3px 3px 3px; border: 1px #999 solid; background: #fff}
        .inTheAreaMapLink {color: #003399; font-weight: bold;}
        .externalSiteLink {color: #000; font-weight: bold; background: url('../../images/shared/externalLinkIcon.gif') no-repeat top right; padding: 0 18px 5px 0px}
        .inTheAreaDescription {padding: 0 5px 5px 5px}
         
        #suggestions a {color: #000; text-decoration: none; color: #003399; cursor: help }
        #disclaimer { font-size: 11px ; color: #999; line-height:15px;}       
       
        /* MAP TAB  */    
        #cottageMap {width: 660px; padding: 10px 0 10px 6px; } 
        #mapLoading {text-align: center}
        .mapAttractionDD {float: left}
        #clearMapBtn a {margin: 0 0 0 4px; float: left;  text-decoration: underline; font-weight: bold; color: #333; padding: 2px 0 0 8px;}
        #balloon { width: 320px; text-align: left}
        #balloon #balloonTitle { font-weight: bold; font-size: 14px; color: #003399}
        #balloon #weeklyPriceFrom { font-weight: bold}
        #balloon #minPrice { font-weight: bold; color: #C00}
        #balloon #introText { margin-top: 2px}
        #balloon #viewComplex { text-align: right }
        #balloon #viewComplex a:link , #viewComplex a:visited , #viewComplex a:active   {color: #333;  font-weight: bold}
        #balloon #viewComplex a:hover {text-decoration: underline}    
          
        /* CUSTOMER REVIEWS */
        #customerReviewsTab {width: 646px; padding: 10px 10px 0 10px;  }  
        #customerReviewsTab #topBar {float: right}    
  
        /* AVAILABILITY CALENDAR */
        #calendarIntroText { font-size: 12px; font-weight: bold; color: #333; }
        #calendarGoBtn a:link, #calendarGoBtn a:visited , #calendarGoBtn a:active { width: 46px; height: 20px; background: url('../../images/UKCottage/general/goBtn.gif') no-repeat; display: block; text-decoration: none; font-weight: bold; color: #fff; }
        #calendarGoBtn a:hover {text-decoration: underline}
        .monthName { font-size: 14px; font-weight: bold; font-family: Arial, Verdana, Sans-Serif; text-align: center; border: solid 1px #999999; }
        .highlight { background-color: #33CC33; border: 0;width: 29px; height: 19px; font-size: 12px; cursor: pointer; }
        .dayNames { font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Sans-Serif; text-align: center; width: 25px; border: solid 1px #999999; }
        .unavailable { font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Sans-Serif; color: #fff; text-align: center; width: 25px; border: solid 1px #FF0000; background-repeat: no-repeat; background-color: #f9b9bb; background-position: center; }
        .wasPrice { font-size: 18px; font-weight: bold; color: #000000; text-decoration: line-through; }
        .nowPrice { font-size: 18px; font-weight: bold; color: #FF0000;	}
        .errorPanel { font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Sans-Serif; border: solid 1px #FF9999; background-color: #FFCCCC; padding: 8px; margin: 5px; text-align: center; }
        .btnDate { font-size: 12px; font-family: Arial, Verdana, Sans-Serif; text-align: center; background-color: Transparent; height: 19px; width: 29px; cursor: pointer; border: none; }
        .selectedDate { font-size: 12px; color: #fff; font-weight: bold; border: 0;width: 29px; height: 19px; background-color: #129512; padding: 0;margin: 0;cursor: pointer; }
        .btnSelectedDate { font-size: 12px; font-family: Arial, Verdana, Sans-Serif; text-align: center; color: #fff; font-weight: bold; background-color: Transparent; height: 19px; width: 29px; cursor: pointer; border: none; }
        .durationCalendarAvailableStart { font-size: 12px; font-family: Arial, Verdana, Sans-Serif; text-align: center; border: solid 1px #33CC33; background-color: #CCFFCC; width: 25px; cursor: pointer; }
        .durationCalendarAvailable { font-size: 12px; font-family: Arial, Verdana, Sans-Serif; text-align: center; border: solid 1px #33CC33; background-color: #efffec; width: 25px; }
        .availableStartDate { border: solid 1px #33CC33; background-color: #CCFFCC; padding: 0;margin: 0;}
        .selectedStartDate { border: solid 1px #43bd43; background-color: #129512; padding: 0;margin: 0;cursor: pointer; }
        .selectedNonStartDate { font-size: 12px; font-family: Arial, Verdana, Sans-Serif; text-align: center; color: #fff; font-weight: bold; border: solid 1px #43bd43; background-color: #129512; padding: 0;margin: 0;}
        .historicDate { font-size: 12px; font-family: Arial, Verdana, Sans-Serif; text-align: center; color: #666666; width: 25px; border: solid 1px #999999; background-color: #f3f3f3; height: 17px; }
        .hoverWasPrice { font-family: Arial, Verdana, Sans-Serif; font-size: 18px; text-align: center; border: none; background-color: Transparent; width: 80px; height: 18px; color: #000000; cursor: default; text-decoration: line-through; }
        .hoverNowPrice { font-family: Arial, Verdana, Sans-Serif; font-size: 18px; font-weight: bold; text-align: center; border: none; background-color: Transparent; width: 80px; height: 18px; color: #FF0000; cursor: default; }
        .hoverDate { font-family: Arial, Verdana, Sans-Serif; font-size: 12px; text-align: center; line-height: 13px; border: none; background-color: Transparent; cursor: default; width: 350px; height: 14px; }
        .holidayDetails { font-family: Arial, Verdana, Sans-Serif; font-size: 12px; padding-top: 6px; }
        .btnPrevious { background-image: url('../../images/UKCottage/general/btnPrevious.gif'); border: 0;height: 30px; width: 37px; cursor: pointer; }
        .btnPreviousDisabled { background-image: url('../../images/UKCottage/general/btnPreviousDisabled.gif'); border: 0;height: 30px; width: 37px; cursor: pointer; }
        .btnNext { background-image: url('../../images/UKCottage/general/btnNext.gif'); border: 0;height: 30px; width: 37px; cursor: pointer; }

       /* Gallery Control */
        .detailPage .searchResultsImageFrame { background-image: url('../../Images/UKCottage/General/LargeImageGalleryBG.png'); background-repeat: no-repeat; height: 303px; width: 376px; margin: 0 0 20px 0; float: left }
        .detailPage .searchResultsImage { width: 340px; height: 235px; padding: 11px 10px 20px 11px; cursor: pointer; }
        .detailPage .imageZoom { cursor: url('../../images/Shared/zoomin.cur'), pointer; }
        .detailPage .searchResultsImageControls { clear: both; background: red}
        .detailPage .searchResultsImagePrev a { width: 28px; float: left;  height: 25px; margin: 0 0 0 115px; background: url('../../images/Dales/GalleryPrevBtn.gif') no-repeat; }
        .detailPage .searchResultsImageCount { width: 60px; float: left; text-align: center; font-weight: bold; padding: 5px 0 0px 0;}
        .detailPage .searchResultsImageNext a { width: 24px; float: left; text-align: right; height: 25px;  margin: 0 0 0 3px; background: url('../../images/Dales/GalleryNextBtn.gif') no-repeat;  }
        .detailPage .galleryCaptionBody {display: none !important}
        .modalPopupBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
        #closePopupBtn a:link, #closePopupBtn a:visited , #closePopupBtn a:active {width: 66px; height: 22px; background: url('../../images/UKCottage/general/closeSuperSize.gif') no-repeat; display: block; float: right; text-decoration: none; font-weight: bold; color: #fff; padding: 1px 0 0 6px; margin: 0 0 5px 0px;}
        #closePopupBtn a:hover {text-decoration: underline}
        .closePopupBtn a:link, .closePopupBtn a:visited , .closePopupBtn a:active {width: 66px; height: 22px; background: url('../../images/UKCottage/general/closeSuperSize.gif') no-repeat; display: block; float: right; text-decoration: none; font-weight: bold; color: #fff; padding: 1px 0 0 6px; margin: 0 0 5px 0px;}
        .closePopupBtn a:hover {text-decoration: underline}
        
/*  Add review css */        
    .addedReviewLogin { margin: 0px 0px 0px 50px}
          
/* Footer page CSS */
    #rightPanelFooterPages { width: 760px; float: left; margin: 283px 0 0 26px;  }
    #copyContainer { background: #fff; padding: 10px; float: left; border-top: 10px solid #003399; clear: both; width: 740px }
    .footerPageTabHeaderActive { background:#003399; color:#FFF; float:left; font-weight:bold; height:21px; padding:8px 8px 3px 10px; margin: 0 3px 0 0 }
    .footerPageTabHeaderActive a { color: #fff; text-decoration: none; }
    .footerPageTabHeader{ background:#99CCFF; float:left; font-weight:bold; height:21px; padding:8px 8px 3px 10px; margin: 0 3px 0 0;  }
    .footerPageTabHeader a{  color:#003399; text-decoration: none; }

/* Sitemap css*/
.siteMapContainer { background:#FFFFFF ; padding:10px; position:relative; top:-128px; width:327px; font-weight: bold; font-size: 18px !important}
.siteMapContainer a { font-size: 14px; color: #333; line-height:23px; text-decoration:underline; font-weight: normal }

/* Highslide Styles */
    .highslide-html { background-color: white; }
    .highslide-html-content { position: absolute; display: none; padding: 8px;}
    .highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; }
    .control { float: right; display: block; /*position: relative;*/ margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #999; }
    .control:hover { color: black !important; }
    .highslide-move { cursor: move; }
    .highslide-display-block { display: block; } .highslide-display-none { display: none; } 
    
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://ui.jquery.com/themeroller/?tr=&ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-header { border: 0 solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
.ui-widget-content { margin:10px 0 0 0px;}
.ui-widget-content a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 0 solid #d3d3d3; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 0 solid #999999; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 0 solid #aaaaaa; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a { color: #212121; outline: none; text-decoration: none; }
    
    /* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* 
*/


/* Component containers
----------------------------------*/
.ui-widget {  }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {  }
.ui-widget-content {   color: #fff; }
.ui-widget-content a { color: #333; }
.ui-widget-header {  color: #fff; font-weight: bold; }
.ui-widget-header a { color: #fff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d8dcdf; background: #eeeeee url(../../images/JQueryUI/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #004276; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004276; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #cdd5da; background: #f6f6f6 url(../../images/JQueryUI/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #111111; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #eeeeee; background: #fff url(../../images/JQueryUI/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #cc0000; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cc0000; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcd3a1; background: #fbf8ee url(../../images/JQueryUI/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(../../images/JQueryUI/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #2e2e2e; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #2e2e2e; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../../images/JQueryUI/ui-icons_cc0000_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../../images/JQueryUI/ui-icons_cc0000_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../../images/JQueryUI/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../../images/JQueryUI/ui-icons_cc0000_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../images/JQueryUI/ui-icons_004276_256x240.png); cursor: pointer }
.ui-state-active .ui-icon {background-image: url(../../images/JQueryUI/ui-icons_cc0000_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../../images/JQueryUI/ui-icons_004276_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../images/JQueryUI/ui-icons_cc0000_256x240.png); }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; }

/* Overlays */
.ui-widget-overlay { background: #a6a6a6 url(../../images/JQueryUI/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat; opacity: .40;filter:Alpha(Opacity=40); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #333 url(../../images/JQueryUI/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .10;filter:Alpha(Opacity=10); -moz-border-radius: 8px; -webkit-border-radius: 8px;  }

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 180px; padding: .2em .2em 0; background: #003399;  }
.inlineDatePicker .ui-datepicker { border: none}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em;  }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block;  text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {    display: none; /*sorry for IE5*/    display/**/: block; /*sorry for IE5*/    position: absolute; /*must have*/    z-index: -1; /*must have*/    filter: mask(); /*must have*/    top: -4px; /*must have*/    left: -4px; /*must have*/    width: 200px; /*must have*/    height: 200px; /*must have*/}	

/* Compare styling */
.compareOuter { padding: 10px 10px 10px 10px}

 /* Find by name or code auto complete container */
    .autoCompleteOuterHeader { background:  url('../../images/EUPark/general/BlueHeader.gif') no-repeat; width: 189px; height: 9px;}
    .autoCompleteOuterFooter { background:  url('../../images/EUPark/general/BlueFooter.gif') no-repeat; width: 189px; height: 9px; margin: 0 0 15px 0}
    .autoCompleteOuter { background: #064370; color: #fff; padding: 0 0 6px 13px; width: 176px;font-weight:bold; }
    .autoComplete_container { width: 300px; background: White; border: solid 1px #69f; position: absolute; display: none; line-height: 14px; font-size: small}
    .autoComplete_container a:first-child { border-top: none;}
    .autoComplete_container a { color: Black; text-decoration: none; border-top: solid 1px #69f; display: block; padding: 3px;}
    .autoComplete_container a.selected { background-color: #d9ebf9; }
    .autoComplete_textBox { width: 160px; margin: 5px 0 0 0 }