/* CSS Document */
*{
margin:0px;
padding:0px;
}
html{
width:100%;
height:100%;
}

body{
background: #fff url(../images/index/bg.jpg) left top repeat-x;
font-family:Arial, Helvetica, sans-serif;
color: #000;
font-size: 10px;
text-align: left;
/*overflow:auto; to hide the scrollbar of the mainpage so that there will be no 2 scrollbars*/
text-align:left;
margin:0 auto;
font-family:Tahoma;
font-size:11px;
text-align:center;
min-width:800px;
width:1245px;
height:100%;
}
img{
border: none;
}

input,textarea{
border:1px solid #ccc;
}

/*.clear {
 clear: both;
}*/

/*#container{
margin-left:auto;  to center the container in Firefox and Safari
margin-right:auto; /*to center the container in Firefox and Safari
width:900px;
}*/

#header{
width:100%;
text-align:center; /*for IE to center everything*/
margin:0;
padding:0;
}
#header .bg{
width:100%;
height:180px;
background:#fff url(../images/index/bg_long.jpg) left top repeat-x;
margin:0;
padding:0;
}
#header .container{
width:900px;
margin-left:auto; /*firefox to center*/
margin-right:auto; /*firefox to center*/
}
#header .title{
float:left;
margin-top:10px;
background: url(../images/index/logo.png);
width:346px;
height:123px;
}
#header .unforgettable{
float:left;    /*need this because Contact Us & PalmTree will go at the next row*/
margin-top:20px;
margin-left:30px;
/*background:url(../images/index/txt_unforgettable_deals.png);*/
width:370px;
height:auto;
font-size:11px;
color:#fff;
text-align:center;
}
#header .unforgettable h2{
font-size:14px;
font-weight: bold;
margin-bottom:5px;
padding-bottom:3px;
border-bottom:1px solid #ff9900;
color:#fff;
}
#header .search{
float:right;
width:150px;
height:20px;
font-size:10px;
text-align:right;
margin-top:0px;
}
#header .search a{
color:#000;
text-decoration: none;
padding:5px;
margin:0 5px;
text-transform:uppercase;
}
#header .search a:hover{
text-decoration: none;
color:#fff;
}
#header .palmtree{
float:right;
margin-top: 20px;
background:url(../images/index/palmtree.png) no-repeat;
width:141px;
height:139px;
}

/*-----------------------MAIN MENU----------------------------*/
#menu{
width:900px;
/*height: 34px; don't placed height coz it is giving gap between the main menu and the DISPLAY HEADER*/
float:left;
margin-top:-45px;
margin-left:0px;
margin-bottom:0px;
padding-bottom:0px;
}
#menu ul.tabs{
list-style-type: none;
padding:0px;
margin-left:0px; /*IE to be placed on left side*/
}
#menu ul.tabs li{
float:left;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
margin-right:10px;
margin-left:0px;
}
* html #menu ul.tabs li{
width:110px;
}
#menu ul.tabs li a{
display:block;
height:10px;
color:#000;
border-bottom:none;
text-decoration:none;
text-align:left;
padding:5px 15px 10px;
background:#fff;
border:1px solid #333;
}
* html #menu ul.tabs li a{
text-align:center;
padding:5px 15px;
}
#menu ul.tabs li a:hover{
/*color:#1f89e1;*/
color:#fff;
background:#ff9900;
border:1px solid #fff;
/*background:url(../images/index/menu_over.png) center no-repeat;*/
}
#menu ul.tabs li.menu_selected a{
color: #FFF;
background:#ff9900;
border:1px solid #fff;
/*height:36px;*/
}
#menu ul.tabs li.menu_selected a:hover{
color:#333;
}
#menu ul.tabs li.menu_red a{
color: #FFF;
background: #990000;
border:1px solid #fff;
}
#menu ul.tabs li.menu_red a:hover{
color:#333;
}


/*-----------------------MAIN BODY----------------------------*/

#container {
padding-left: 210px; 
padding-right: 210px;
height:100%;
/*padding-left: 210px; 
padding-right: 210px;*/
}
*html #container{
}
#container .column {
float: left;
text-align:left;
position:relative;
}
#center{
width: 100%;
position:relative;
}
#left {
width: 210px;
right:210px;
/*right: 210px;*/  
margin-left: -100%;
}
*html #left {
right:230px;/*IE6 hack*/
/margin-left: -100%; /*IE7 hack*/
}
#right {
width: 205px; 
margin-right: -205px;
/*margin-right: -205px;*/
}
*html #right {
margin-right:-205px;
}
/*-------------------AUSSIE IMAGE-------------------------*/
#aussie-image{
float:left;
width:100%;
}
#aussie-image ul{
width:100%;
padding:0;
list-style:none;
float:left;
display:inline;
}
#aussie-image ul li{
float:left;
width:150px;
height:131px;
margin:10px;
}

/*-------------------VIEW HOTDEALS-------------------------*/

#view{
margin-top:0px;
float:left;
width:100%;
}
#view ul{
width:100%;
padding:0;
list-style:none;
float:left;
display:inline;
}
#view ul li.view-orange{
float:left;
background: url(../images/index/hotdeals-bg-orange.png) no-repeat;
width:187px;
height:120px;
margin:10px;
}
#view ul li.view-blue{
float:left;
background: url(../images/index/hotdeals-bg-blue.png) no-repeat;
width:187px;
height:120px;
margin:10px;
}
#view ul li.view-green{
float:left;
background: url(../images/index/hotdeals-bg-green.png) no-repeat;
width:187px;
height:120px;
margin:10px;
}
#view ul li.view-pink{
float:left;
background: url(../images/index/hotdeals-bg-pink.png) no-repeat;
width:187px;
height:120px;
margin:10px;
}
#view ul li h3{
padding:3px;
font-size:13px;
color:#fff;
}
#view ul li p,#view ul li p a{
background:#fff;
color:#000;
padding:3px;
text-transform:uppercase;
font-size:10px;
text-decoration:none;
}
#view ul li p a:hover{
color:#1f89e1;
}
/*-----------------------------*/
#hotelscombine{
float:left;
padding:0;
margin-bottom:10px;
width:100%;  /* w\idth syntax is to hide from IE5.x/Win only*/
/*margin-top:-80px;*/
}
#hotelscombine{
/margin-top:10px; /*IE7 hack*/
/width:100%; /*IE7 hack*/
}
* html #hotelscombine{
float:left;
margin-top:10px;
width:100%;  /* w\idth syntax is to hide from IE5.x/Win only*/
/*margin-top:-80px;*/
}
div.bycountry{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
padding-bottom:5px;
}
div.bycountry a{
color:#000;
text-decoration:none;
}
div.bycountry a:hover{
color:#000000;
text-decoration:underline;
}

div.hotelscombine{
padding:5px 20px 20px 20px;
}
div.checkin{
float: left; width: 100%; padding: 1px; text-align:left; position: inherit;
}

#hotelscombine h2, .hotelscombine h2{
color:#000;
text-align:left;
margin:5px 0;
font-size:11px;
font-weight:bold;
}
#hotelscombine h3, .hotelscombine h3{
color:#ff9900;
text-align:center;
text-transform:uppercase;
border-bottom:1px solid #ff9900;
margin:5px 0;
}
.popularcities, .popularcities38{
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-align:left;
}
ul.popularcities {
float: left;
list-style: none;
width:30%;
}
ul.popularcities38{
float: left;
list-style: none;
width:38%;
}
ul.popularcities li, ul.popularcities38 li{
float:left;
clear:both;
margin:0;
padding:0;
}
/*----------TOURSTOGO------*/
#tourstogo{
margin:5px 0;
}
#tourstogo iframe{
float:left;
border:1px solid #ccc;
width:225px;
height:225px;
background:#000000;
overflow:hidden;
overflow-x: hidden;
overflow-y: hidden;
text-align:center;
margin:-10px 10px 0 30px;
padding:-20px 0;
z-index:5;
}
div#tourstogo h3{
color:#ff9900;
text-align:center;
text-transform:uppercase;
border-bottom:1px solid #ff9900;
margin:5px 0 0px 0;
padding:5px 0;
z-index:100;
}
.special {
font-size: 12px;
color: #000;
padding: 10px;
margin: 10px auto;
} 
/*-------------VIATOR - Find Things To Do-------------------*/
#findthings{
margin:10px 0;
z-index:9999;   /*z-index should have position define to work*/
position:relative;
}
/*-------------------ABOUT COUNTRY-------------------------*/

#country{
text-align:left;
width:auto;
float:left;position:relative;
/*Working in Safari,IE7 & Firefox, but not in IE6
margin-top: -37%;  Firefox
padding-top:120px;  Safari hack is the padding-top instead of margin-top, the # is placed so that Safari will not read it.*/
margin-top:0;
}
#country ul{
padding:0;
list-style:none;
float:left;
display:inline;
width:100%;
}
#country ul li{
background:#f5f4f3;
border:1px solid #ccc;
width:auto;
height:auto;
margin:10px 10px 5px 0;
-moz-border-radius: 20px 0;
padding:9px;
list-style-position:outside;
}
* html #country ul li{
list-style-position:outside;
width:800px;
}
#country ul li.row1{
width:95%;
/*position:relative;
margin-top:-26%;*/
height:auto;
/*margin-top:40px;  Safari hack*/
}
#country ul li.row1{
/width:95%; /* IE7 hack*/
/margin-top:40%; /* IE7 hack*/
}
* html #country ul li.row1{
width:94%; /* IE6 hack*/
margin-top:39%; /* IE6 hack*/
}
#country ul li h3{
color:#1f89e1;
padding:3px;
margin-bottom:5px;
font-size:12px;
text-transform:uppercase;
}

#country ul li p{
color:#333;
font-size:10px;
}
#country ul li img, #country ul li.row1 img{
float:left;
margin:0 10px 2px 0;
border:1px solid #ccc;
padding:1px;
}
#country ul li p a{
color: #FF9900;
text-decoration:underline;
}
#country ul li p a:hover{
color:#1f89e1;
text-decoration:underline;
}
#country ul li p span{
color: #FF9900;
text-decoration:none;
background:url(../images/arrow.png) no-repeat left center;
width:auto; /* for IE 5.5 instead of the width of the arrow*/
height:6px;
padding-left:8px;
margin-left:2px;
}
#country ul li p span:hover{
color:#1f89e1;
background:url(../images/arrow-blue.png) no-repeat left center;
}

/*-------------------HOMEPAGE CONTENT-------------------------*/
#banner{
text-align:center;
w\idth: inherit;
}
#banner.horizontal{
float:left;
width:100%;
margin:20px 10px 5px 0;
}
#banner.vertical{
float:left;
width:inherit;
padding:0;
margin:10px 0px 5px 0;
}
#banner.small{
float:left;
border:1px solid #ccc;
width:92%;
height:120px;
padding:10px;
-moz-border-radius: 5px;
margin:0;
background:#F2F1EF;
overflow:hidden;
}
#banner h2{
color:#ff9900;
text-align:center;
text-transform:uppercase;
border-bottom:1px solid #ff9900;
margin:0 0 10px 0;
font-size:12px;
}
div.advertise{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}
div.advertise a{
color:#666;
text-decoration:none;
}
div.advertise a:hover{
color:#000000;
text-decoration:underline;
}
#center-center{
width: 830px;
position:relative;
/*padding-left: 450px; 
padding-right: 238px;*/
height:100%
}
*html #center-center{
width: 830px;
}
#center-100{
width:100%;
height:100%;
margin:0;
padding:0;
}
#center-100 iframe{
width:100%;
height:100%;
min-height:420px;
text-align:center;
overflow:scroll;
}
#center-left{
float:left; width: 504px;
margin-left: 0;
position:relative;
}
* html #center-left{
width: 520px;
text-align:left; /*so text in Country list will not overlap under "Don't Miss Out" or the #center-right*/
margin-left:0px;
}
#center-right{
float:right; width: 300px !important;   
margin-right: 0;  z-index:9999;
height: auto;
overflow:hidden;
/*position:relative;*/
}
*html #center-right{
float:right; width: 300px !important;   
margin-right: 0;  z-index:9999;
height: auto;
overflow:hidden;
/*position:relative;*/
}

/********************HOMEPAGE_RIGHT--------------------------*/
#right-display ul{
margin:0;
padding:0;
list-style-type:none;
}
#right-display ul li{
margin:0;
padding:0;
list-style-type:none;
}


/*----------------------------------FOOTER------------------------------*/
#footer{
margin-left:auto; /*to make it center in Firefox*/
margin-right:auto; /*to make it center in Firefox*/
width:100%;
background:#fff url(../images/index/bg-footer.jpg) left top repeat-x;
text-align:center;
}
#footer.block{
width:900px;
height:100px;
font-size:12px;
color:#fff;
text-align:center;
background:#fff url(../images/index/bg_long-footer.jpg);
padding-top:50px;
}

#footer a{
color:#fff;
text-decoration: none;
border-bottom: none;
margin-right:10px;
margin-left:10px;
}
#footer a:hover{
color:#fff;
border-bottom: 1px dotted #fff;
}
/*----------------------------------FOOTER------------------------------*/
#copyright{
float:left;
width:100%;
font-size:11px;
text-align:center;
color:#333;
padding-top:30px;
}
#copyright a{
color:#333;
text-decoration: none;
border-bottom: none;
margin-left:0px;
margin-right:0px;
}
#copyright a:hover{
color:#fff;
}