﻿html {
  margin: 0px;
  padding: 0px;
  
}
body 
{
  margin: 0px;
  padding: 0px;
  color: #000000;
  background-color:#FFFFFF;
  background-image:url(images/background.jpg);
  background-repeat:repeat-x;
  background-position:top;
  font: .72em Verdana, Arial, Helvetica, sans-serif;
}
/* basic selectors */
a.adtext {
  color: #000000;
  text-decoration: none;
}
a.adtext:hover {
  color: #000000;
  text-decoration: none;
}
a:link {
  color: #000000;
  text-decoration: none;
}
a:visited {
  color: #000000;
  text-decoration: none;
}
a:active, a:hover {
  color: #000099;
  text-decoration: none;
}
th {
  vertical-align: top;
}
td {
  vertical-align: middle;
}
h1 {
  color: #5b626c;
  font: bold 130% Verdana, Arial, Helvetica, sans-serif;
}

h2 {
  color: #5b626c;
  font: bold 120% Verdana, Arial, Helvetica, sans-serif;
}

h3 {
  color: #5b626c;
  font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}

h4 {
  color: #5b626c;
  font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h5 {
  color: #000;
  font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h6 {
  color: #000;
  font: bold italic 100% Verdana, Arial, Helvetica, sans-serif;
}

img {
  border: 0px;
}
hr {
  color: #ccc;
  height: 1px;
}
table {
  font-size: 100%;
}
code {
  color: #6c0;
  font: 100% "Courier New" , Courier, monospace;
}
form {
  margin: 0px;
  padding: 0px;
}

input, textarea, select {
  font: 100% Calibri, Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #666666;
	height: 19px;
}
#Header 
{
  position:relative;
  background: url(images/header.png) no-repeat top center;  
  height:235px;
  top:0px; 
  left:0px;
  right:0px;
 /* border:1px solid blue;*/
}

#headerSubWarrper
{
  position:relative;
  height:235px;
  width:1000px;
/*  border:1px solid red; */
}
#logo
{
	position:absolute;
	left:70px;
	top:0px;
	z-index:100;
}

#UserPages
{
	position:absolute;
	right:0px;
	top:0px;
	height:15px;
	font: 130% Calibri, Verdana, Arial, Helvetica, sans-serif;
	color:#077f97;
}
#UserPages  a:link {
  color:#077f97;
}
#UserPages  a:visited {
  color:#077f97;
}
#UserPages a:hover {
  color:Blue;
}

#Content
{
  clear: both;
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  min-height:550px;
}

#contentWarpper
{
	position:absolute;
	left:0px;
	right:0px;
	background-color:#f1f1f1;
}

#leftPanel
{
	float:left;
	margin-top:25px;
	padding-left:0px;
	width:125px;
}

#centerContent
{
  float: left;
  width: 714px;
  margin-top:5px;
}
	
#rightPanel
{
	float:left;
	margin-top:25px;
	margin-left:4px;
	width:140px;
	text-align:center;
}

#footer 
{
	clear:both;
	position:relative;
	margin: 0 auto;
	text-align:center;
	width: 100%;
}



#footerFooter
{
  position:relative;
  text-align:center;
  left:0px;
  width:100%;
  height:30px;
  background-color: #08a8c8;
}

#footerFooterContactButtons
{
  position:absolute;
  text-align:center;
  top:5px;
  left:30px;
  height:25px;
}

#footer p {
  padding-top: 0 !important;
  padding-top: 10px;
}

#mainSearchBox
{ 
	position:absolute;
	right:5px;
	width:426px;
	height:153px;
	background-position:top;
	background: url(images/searchBase.png) no-repeat top center;
	z-index:100;
}

#flashThemeSwicher
{
	left:5px;
	position:absolute;
	width:222px;
	height:153px;
	}

#MKeyWord
{
	position:absolute;
	top:14px;
	left:15px;
	}

#MSearchCountry
{
	position:absolute;
	top:46px;
	left:15px;
	}
#MSearchCategory
{
	position:absolute;
	top:46px;
	left:154px;
	}
#MSearchFromDate
{
	position:absolute;
	top:46px;
	left:292px;
	z-index:50;
	}
#MSearchResort
{
	position:absolute;
	top:77px;
	left:15px;
	}
#MSearchTrip
{
	position:absolute;
	top:77px;
	left:154px;
	}
#MSearchToDate
{	
	position:absolute;
	top:77px;
	left:292px;
	z-index:5;
	}
#MSearchAccommodation
{
	position:absolute;
	top:108px;
	left:15px;
	}
#MSearchPriceFrom
{
	position:absolute;
	top:108px;
	left:154px;
	
	}
#MSearchSearch
{	
	position:absolute;
	top:107px;
	left:303px;
}

#MKeyWordSearchSearch
{
	position:absolute;
	top:13px;
	left:303px;
	}
	
.specialOfferListing
 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.specialOfferBox
 {
  position:relative;
  background-image:url(images/specialOfferBackGround.png);
  background-repeat:no-repeat;
  height:214px;
  width: 226px;
  margin:1px;
  color:#00007e;
}

.specialOfferBox .specialOfferImage
{
	position: absolute; left: 3px; top: 29px;
	}
.specialOfferBox .specialOfferImage:hover
{
	top: 27px;
	left: 1px;
	border:2px solid #FFD320;
	}
	
.specialOfferBox .specialOfferShortDescription
 {
  font: Calibri, Arial, Helvetica, sans-serif;
  color:#067e96;
}

.specialOfferBox a
 {
  color:#00007e;
}
.specialOfferName {
  font-size: 13px;
  text-align: left;
}

.specialOfferShortDescription
{
  color: #067e96;
  font-size: 0.9em;
  text-align: left;
}


/*********************TABS***********************/

/*- Menu Tabs F--------------------------- */

    #tabsF {
      float:left;
      width:100%;
      background:#efefef;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #666;
      }
    #tabsF ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url(images/tableftF.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url(images/tabrightF.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

    #tabsF .current a {
                background-position:0% -42px;
   }
    #tabsF .current a span {
                background-position:100% -42px;
    }


/************************************************/

.fivepixspacer {
  height: 5px;
}

.tenpixspacer {
  height: 10px;
}
.twentypixspacer {
  height: 20px;
}

.menuItem {
  color: #fff;
}

.menuItem a {
  cursor: pointer;  
}

.menuItem #left{
  width: 5px;
  display: inline;
  background: url(images/blue_tab_left.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

.menuItem #mid {
  display: inline;
  background: url(images/blue_tab_middle.gif) repeat-x;
  height: 30px;
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

.menuItem #mid #text {
  position: relative;
  top: 5px;
  color: #FFF;
}

.menuItem #right {
  width: 5px;
  display: inline;
  background: url(images/blue_tab_right.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

.menuItemSelected {
  color: #fff;
}

.menuItemSelected a {
  cursor: pointer;  
}

.menuItemSelected #left {
  width: 5px;
  display: inline;
  background: url(images/lightblue_tab_left.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

.menuItemSelected #mid {
  display: inline;
  background: url(images/lightblue_tab_middle.gif) repeat-x;
  height: 30px;
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

.menuItemSelected #right {
  width: 5px;
  display: inline;
  background: url(images/lightblue_tab_right.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

.navigationRule {
  border: 2px solid #024A76;
  position: relative;
  top: -8px;
}

.sectionHeader {
  border-bottom: 1px solid rgb(235, 235, 235);
  color: #024A76;
  font-size: .9em;
  padding-bottom: 5px;
  font-weight: bold;
}

.emptyStar 
{
	float:left;
	background-image: url(images/icons/emptystar.gif);
	background-repeat:no-repeat;
	width:13px;
	height:12px;
}

.filledStar 
{
	float:left;
	background-image: url(images/icons/filledstar.gif);
	background-repeat:no-repeat;
	width:13px;
	height:12px;
}


#tabContent 
{
	border: 2px solid #7ebcc9;
	border-width: 2px 0px 0px 0px;
	margin-left:1px;
	background-image:url(images/tabMidle.png);
	background-repeat:repeat-y;
	
}

.tabLinks
{
	padding:0;
	margin:0;
	height:21px;
	text-align:center;
}

.tabLinks ul{
padding: 3px 0;
margin-top:0px;
margin-left: 0;
font: bold 12px Verdana;
text-align: center; 
list-style-type: none;

}

.tabLinks li{
display: inline;
margin: 0;
}

.tabLinks li a{
padding: 3px 2px;
margin-right: 3px;
border-bottom: none;
color:#FF7900;
}

.tabLinks li a:visited{

}

.tabLinks li a:hover{

}

.tabLinks li a:active{

}

.tabLinks li.selected a{ 
position: relative;
top: 3px;
padding-top: 4px;
background-color:#ffffff;
border-color: #7ebcc9;
border-style: solid;
border-width: 2px 2px 0px 2px;
color:#067e96;
}

.tabLinks2
{
	list-style: none;
	padding:0;
	height:21px;
	margin:0;
}

.tabLinks2 ul
 {
	list-style: none;
	padding:0;
	margin:0;
}


.tabLinks2 li 
{
	display: inline;
	margin: 0 0.5em 0 0;
}

.tabLinks2 li a 
{
	padding: 0 0.2em;
	font: bold 99% Verdana, Arial, Helvetica, sans-serif;
}

.tabLinks2 li a:link
{
	color:#FF7900;
}

.tabLinks2 .selected {
	padding-bottom: 2px; 
	background: white;
	color:#FF7900;
}

.putter
{
	height: 18px;
	}

#tabBottom
{
	background-image:url(images/tabBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-left:1px;
	width:713px;
	height:22px;
}

.warning
{
	color:Red;
	}

#tinySearch
{
	position:relative;
	padding-top:14px;
	background-image:url(images/TinySearch.png);
	background-repeat:no-repeat;
	width:163px;
	height:150px;
	z-index:100;
}

#TSearchCountry
{
	position:absolute;
	top:10px;
	left:8px;
	}
	
#TSearchResort
{
	position:absolute;
	top:32px;
	left:8px;
	}
	
#TSearchAccommodation
{
	position:absolute;
	top:54px;
	left:8px;
	}
#TSearchCategory
{
	position:absolute;
	top:76px;
	left:8px;
	}
#TSearchFromDate
{
	position:absolute;
	top:76px;
	left:96px;
	}
#TSearchTrip
{
	position:absolute;
	top:98px;
	left:8px;
	}
#TSearchToDate
{
	position:absolute;
	top:98px;
	left:96px;
	z-index:1005px;
	}
#TSearchPriceFrom
{
	position:absolute;
	top:120px;
	left:8px;
	}
#TSearchSearch
{
	position:absolute;
	top:120px;
	left:96px;
	}
#tinySearch select {
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

#tinySearch input {
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

.Calendar
{
z-index:100;
}
	
.LeftPanelHeads
{
	color:#067e96;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}

.ResultItemBox
{
  position:relative;
  height:100px;
  width: 700px;
  margin-right: 4px;
  margin-bottom: 5px;
  padding-left: 0px;
  padding-top: 5px;
  color:#067e96;
  background-color:#ffffff;
   /*border:1px solid red;*/
}

.ResultItemBoxColor
{
  position:relative;
  height:100px;
  width: 700px;
  margin-right: 4px;
  margin-bottom: 5px;
  padding-left: 0px;
  padding-top: 5px;
  color:#067e96;
  background-color:#e6f1f3
  /*border:1px solid red;*/
}
	
#DetailPageContent 
{
	border: 1px solid #78bac6;
	background-color:#f6fafb;
	padding-left:20px;
	padding-right:3px;	
	padding-top:4px;
}

#DetailPageNavigation
{
	color:#038094;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	}
	
#DetailPageNavigation a
{
	color:#038094;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	}
	
.NameTitle
{
	color:#067e96;
}

#HotelTablesContent
{
position:relative;
clear:both;
}
	
.fullTableUp
{	
	 float:left; 
	 height:8px;
	 width:689px;
	 background-image:url(images/upFullTable.png);
	 background-repeat:no-repeat; 
}

.fullTable
{
	 float:left; 
	 padding-left:3px;
	 padding-right:3px;
	
	 border-left:1px solid #057f96;
	 border-right:1px solid #057f96;
	/* background-image:url(images/middleFullTable.png);
	 background-repeat:repeat-x;*/
	 width:681px;
	 
}

.fullTableDown
{
	 float:left; 
	 height:8px;
	 width:689px;
	 background-image:url(images/downFullTable.png);
	 background-repeat:no-repeat
}

/*Collapsible country resort menu with jquery */
.countryCollapseJquery
{
background-image:url(images/icons/CountriesCollapsed.png);
background-position:left;
background-repeat:no-repeat;
color:#FF7900;
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
padding-top:4px;
padding-left:15px;
Cursor: pointer

}

.countryCollapseJqueryOpen
{
background-image:url(images/icons/CountriesNotCollapsed.png);
background-position:left;
background-repeat:no-repeat;
color:#FF7900;
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
padding-top:4px;
padding-left:15px;
Cursor: pointer

}
.collapseContentPanelJquery
{
 display:none;
	}

.resortCollapseJquery {
  text-decoration:none;
  color:#057f96;
  padding-top:4px;
}

.resortCollapseJquery a
{
  text-decoration:none;
  color:#057f96; 
}

.hotOffer
{
	position:relative;
}

#hotOfferTop
{
 position:relative;
 background-image:url(images/hotOfferTop.png);
 background-repeat:no-repeat;
 width:161px;
 height:17px;
 }
 
#hotOfferTopCorrner
{position:absolute;
 background-image:url(images/hotOfferCorner.png);
 background-repeat:no-repeat;
 width:64px;
 height:64px;
 top:-22px;
 left:-13px;
 z-index:100;
}

#hotOfferMiddle
{
	padding-top:5px;
	background:#dada26;
	width:160px;
	padding-bottom:5px;
}

.hotOfferFrame
{
	position:relative;
	background-image:url(images/hotOfferFrame.jpg);
	background-repeat:no-repeat;
    width:133px;
	height:135px;
	margin-bottom:5px;
	z-index:0;
}
.picHotOffer
{
	position: absolute;
	top: 4px;
	left: 7px;
    width: 116px;
    height: 87px;
}
.textHotOffer
{
	position: absolute;
	font: .72em Colibri,Verdana, Arial, Helvetica, sans-serif;
    bottom: 4px;
    left: 7px;
    width: 116px;
    height: 37px;
}
#hotOfferBottom
{
 background-image:url(images/hotOfferBottom.png);
 background-repeat:no-repeat;
 width:161px;
 height:22px;		
}

.HeaderImages /*Container*/
{
	position:absolute;
	padding:0px;
	margin:0px;
	top:105px;
	width:1005px;
	height:131px;
	left:-2px;	
	overflow:hidden;
}

.HeadImageLeft
{
	position:absolute;
	top:0px;
	left:0px;
	width:331px;
	height:120px;
	overflow:hidden;
}
	
.HeadImageCenter
{
	position:absolute;
	top:0px;
	left:335px;
	width:331px;
	height:120px;
	overflow:hidden;
}
	
.HeadImageRight
{
	position:absolute;
	top:0px;
	left:670px;
	width:331px;
	height:120px;
	overflow:hidden;
}

/* used by additional offer */
.ui-effects-transfer { border: 3px solid #9966CC; } 

/***MAPS***/
#Map
{
	position:absolute;
	top:10px;
	left:0px;
	width:250px;
	height:250px;
	border: 2px solid green;
}

.MapAdmin
{
	position:absolute;
	top:10px;
	left:0px;
	width:250px;
	height:250px;
	border: 2px solid green;
}

#LngLatSelected
{
	position:absolute;
	top:10px;
	left:260px;
	width:433px;
	height:250px;
	border: 2px solid green;
	padding-left:5px;
	text-align:left;
	}
	
.PointerPanel
{
	position:absolute;
	left:210px;
	top:0px;
	width:215px;
	height:240px;
}
	
#MapWarpper
{
	position:relative;
	width:700px;
	height:280px;
}
	
#MapForUser
{
	float:right;
	width:250px;
	height:250px;
	border: 2px solid green;
	margin-top:1px;
	margin-right:2px;
	margin-left:5px;
	margin-bottom:5px;
}

#MapForUser a:visited {
  color: #FFFFFF;
}

#MapForUser div a:active, a:hover {
  color:Red;
}


#marker
{
	position: absolute;
	z-index: 20;
	width: 8px;
	height: 8px;
    background-image:url(images/point.jpg);
	background-repeat:no-repeat;
}

/***END MAPS***/

/***RESULT ITEMS***/
.ridImage
{
	width: 150px;
	height: 90px;
	top: 1px;
	left: 5px;
}

.ridText
{
	position: absolute;
	left: 155px;
	width: 545px;
	height: 95px;
    top: 3px;
}

.ridName
{
	position: absolute;
	top: 0px;
	left: 5px;
}

.ridStars
{
	position: absolute;
	top: 0px;
	right: 0px;
}
.ridVaidity
{
	position: absolute;
	top: 15px;
	left: 5px;
}

.ridShortDescription
{
	position: absolute;
	top: 45px;
	left: 5px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}

.ridIcons
{
	position: absolute;
	top: 18px;
	right: 0px
}

.ridDtails
{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.waithingScreen
{
	 background-image:url(images/ajax-loader.gif);
	 background-repeat:no-repeat;
	 background-position:top;
}

.arrowLeft
{
	 float:left;
	 background-image:url(images/arrowLeft.jpg);
	 background-repeat:no-repeat;
	 width:50px;
	 height:16px;
	 cursor:pointer;
}

.arrowRight
{
	 float:right;
	 background-image:url(images/arrowRight.jpg);
	 background-repeat:no-repeat;
	 width:50px;
	 height:16px;
	 cursor:pointer;
}

.resultsNavigation
{
	height:20px; width:200px; margin-left:auto; margin-right:auto;
}
#resultsContainer
{
 min-height:20px;	
}

/*Bottom Offer*/

.bottomOfferListing
{
	
	}

#bottomOffers
{
}

.bottomOfferBox
{
	position:relative;
	width:160px;
	height:100px;
	padding:5px;
	margin-left:5px;
	margin-bottom:5px;
	border:1px solid #70ceec;
	overflow:hidden;
}