Can someone take a look at this site and tell me why my #container doesn’t extend beyond the #header. All of my divs are inside the #container. The site is www.soundofftravel.com. Here’s the code.
CSS
body {
background-color:#DDD;
}
#container {
background-color: #fff;
width: 908px;
margin: auto;
padding:20px 26px 0px 26px;
}
.logo {background-image:url(images/logo.png); background-repeat: no-repeat; height: 114px; width: 316px;}
/*Top Menu*/
#navcontainer ul{
padding-left: 0px;
margin-left: 0px;
height:40px;
color: #fff;
float: left;
width: 100%;
background-image: url(images/images/navbkg_03.gif);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
text-transform: uppercase;
padding-top: 15px;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a
{
padding: 0.2em 1em;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #FF6600;
}
#navcontainer ul li a:hover{
color: #FF6600;
}
/*Home Page*/
#default #column1 {
margin-top:20px;
float: left;
width: 350px;
height: 500px;
}
#default #column2 {
margin-top:20px;
float: right;
width: 532px;
height: 401px;
}
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sound Off Travel & Tours</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body id="default">
<div id="container">
<div id="header">
<div class="logo"></div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Group Travel</a></li>
<li><a href="#">Vacations</a></li>
<li><a href="#">Traveltainment</a></li>
<li><a href="#">Cruises</a></li>
<li><a href="#">Destination Weddings</a></li>
<li><a href="#">Travelux</a></li>
<li><a href="#">Follow Me TV</a></li>
</ul>
</div>
</div>
<img src="images/images/topbanners/home.jpg" alt="Rio 2016 Olympics Travel Package" width="908" height="119"/>
<div id="column1">
<table id="Table1" cellspacing="0" cellpadding="3" align="center" style="width: 345px;
border: 1px solid #cccccc;">
<tr>
<td style="background: #ebebeb;" class="flfn">
<input id="rbAir" onclick="ToggleTabs()" type="radio" checked="checked" value="rbAir"
name="Search" />
Flight
</td>
<td style="background: #ebebeb;" class="flfn">
<input id="rbHotel" onclick="ToggleTabs()" type="radio" value="rbHotel" name="Search" />
Hotel
</td>
<td style="background: #ebebeb;" class="flfn">
<input id="rbCar" onclick="ToggleTabs()" type="radio" value="rbCar" name="Search" />
Car
</td>
</tr>
<tr>
<td colspan="3" style="background: #ebebeb; border-bottom: 1px solid #cccccc;" class="flfn">
<input id="rbVacation" onclick="ToggleTabs()" type="radio" value="" name="Search" />
Vacations
</td>
</tr>
<tr id="tabAir">
<td colspan="3">
<table class="darkf paddingTop" cellspacing="0" cellpading="3" style="width: 100%;">
<tr>
<td>
<input id="rbRT" onclick="ToggleTripType()" type="radio" checked="checked" value="rbRT"
name="Air" />
<label for="rbRT" class="normalf">
Roundtrip
</label>
</td>
<td colspan="2">
<input id="rbOW" onclick="ToggleTripType()" type="radio" value="rbOW" name="Air" />
<label for="rbOW" class="normalf">
One Way
</label>
</td>
</tr>
<tr>
<td>
From:
<br />
<input class="lit" id="tbFrom" onblur="javascript:this.value = this.value.toUpperCase();"
maxlength="50" size="13" name="tbFrom" />
</td>
<td>
Depart:
<br />
<input class="lit" id="tbDTime" onfocus="showCalendar(this.id)" onclick="event.cancelBubble=true;showCalendar(this.id)"
maxlength="10" size="10" name="tbDTime" />
</td>
<td>
Time:
<br />
<select class="lit" id="ddOBTime" name="ddOBTime">
<option value="1500" selected="selected">Any time</option>
<option value="0100">1am</option>
<option value="0200">2am</option>
<option value="0300">3am</option>
<option value="0400">4am</option>
<option value="0500">5am</option>
<option value="0600">6am</option>
<option value="0700">7am</option>
<option value="0800">8am</option>
<option value="0900">9am</option>
<option value="1000">10am</option>
<option value="1100">11am</option>
<option value="1200">12n</option>
<option value="1300">1pm</option>
<option value="1400">2pm</option>
<option value="1500">3pm</option>
<option value="1600">4pm</option>
<option value="1700">5pm</option>
<option value="1800">6pm</option>
<option value="1900">7pm</option>
<option value="2000">8pm</option>
<option value="2100">9pm</option>
<option value="2200">10pm</option>
<option value="2300">11pm</option>
<option value="0001">12am</option>
</select>
</td>
</tr>
<tr>
<td colspan="3">
<a class="small" href="javascript:getAirportCode('tbFrom')">city/airport code </a>
</td>
</tr>
<tr>
<td>
To:
<br />
<input class="lit" id="tbTo" onblur="javascript:this.value = this.value.toUpperCase();"
maxlength="50" size="13" name="tbTo" />
</td>
<td id="tdReturnDate">
Return:
<br />
<input class="lit" id="tbRTime" onfocus="showCalendar(this.id)" onclick="event.cancelBubble=true;showCalendar(this.id)"
maxlength="10" size="10" name="tbRTime" />
</td>
<td id="tdReturnTime">
Time:
<br />
<select class="lit" id="ddInTime" name="ddInTime">
<option value="1500" selected="selected">Any time</option>
<option value="0100">1am</option>
<option value="0200">2am</option>
<option value="0300">3am</option>
<option value="0400">4am</option>
<option value="0500">5am</option>
<option value="0600">6am</option>
<option value="0700">7am</option>
<option value="0800">8am</option>
<option value="0900">9am</option>
<option value="1000">10am</option>
<option value="1100">11am</option>
<option value="1200">12pm</option>
<option value="1300">1pm</option>
<option value="1400">2pm</option>
<option value="1500">3pm</option>
<option value="1600">4pm</option>
<option value="1700">5pm</option>
<option value="1800">6pm</option>
<option value="1900">7pm</option>
<option value="2000">8pm</option>
<option value="2100">9pm</option>
<option value="2200">10pm</option>
<option value="2300">11pm</option>
<option value="0001">12am</option>
</select>
</td>
</tr>
<tr>
<td colspan="3">
<a class="small" href="javascript:getAirportCode('tbTo')">city/airport code</a>
</td>
</tr>
<tr>
<td>
Adults:
<br />
<select class="lit" id="ddAdult" name="ddAdult">
<option value="0">0</option>
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</td>
<td>
Children:
<br />
<select class="lit" id="ddChild" name="ddChild">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</td>
<td>
Seniors:
<br />
<select class="lit" id="ddSenior" name="ddSenior">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</td>
</tr>
<tr>
<td colspan="3">
Service Class:
<br />
<select class="lit" id="ddClass" name="ddClass">
<option value="1" selected="selected">Economy</option>
<option value="2">Business</option>
<option value="3">First</option>
</select>
</td>
</tr>
</table>
<table class="darkf paddingTop" cellspacing="0" cellpading="3" style="width: 100%;">
<tr>
<td>
<a class="blue" href="http://www.farebuzz.com/Affiliates/Default.aspx?tabid=2087&FpAffiliate=SouOffTraB2C&caID=61854&FpSub=&">
Advanced Flight Search</a>
</td>
<td colspan="2" style="text-align: right;">
<a href="javascript:SearchNow()">
<img alt="Search Now" src="searchboxfiles/images/search.gif" style="border: 0px;" />
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr id="tabHotel" style="display: none">
<td colspan="3">
<table class="darkf paddingTop" cellspacing="0" cellpading="3" style="width: 100%;">
<tr>
<td colspan="2">
City:
<br />
<input class="lit" id="tbCity" onblur="javascript:this.value = this.value.toUpperCase();"
size="28" name="tbCity" />
</td>
</tr>
<tr>
<td>
Check-in:
<br />
<input class="lit" id="tbChIn" onfocus="showCalendar(this.id)" onclick="event.cancelBubble=true;showCalendar(this.id)"
size="10" name="tbChIn" />
</td>
<td>
Check-out:
<br />
<input class="lit" id="tbChOut" onfocus="showCalendar(this.id)" onclick="event.cancelBubble=true;showCalendar(this.id)"
size="10" name="tbChOut" />
</td>
</tr>
<tr>
<td colspan="2">
Guests:
<br />
<select class="lit" id="ddGuest" name="ddGuest">
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</td>
</tr>
</table>
<table class="darkf paddingTop" cellspacing="0" cellpading="3" style="width: 100%;">
<tr>
<td>
<a class="blue" id="hlAdvHotel" href="http://www.farebuzz.com/Affiliates/Default.aspx?tabid=2099&FpAffiliate=SouOffTraB2C&caID=61854&FpSub=&">
Advanced Hotel Search</a>
</td>
<td style="text-align: right;">
<a href="javascript:SearchNow()">
<img alt="Search Now" src="searchboxfiles/images/search.gif" style="border: 0px;" />
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr id="tabCar" style="display: none">
<td colspan="3">
<table class="darkf paddingTop" cellspacing="0" cellpading="3" style="width: 100%;">
<tr>
<td colspan="2">
Airport Code:
<br />
<input class="lit" id="tbAirp" onblur="javascript:this.value = this.value.toUpperCase();"
size="18" name="tbAirp" />
</td>
</tr>
<tr>
<td colspan="2">
<a class="small" href="javascript:getAirportCode('tbAirp')">city / airport code</a>
</td>
</tr>
<tr>
<td colspan="2">
Car Company:
<br />
<select class="lit" id="ddCar" name="ddCar">
<option value="Default" selected="selected">All Companies</option>
<option value="AC">ACE RENT A CAR</option>
<option value="AD">ADVANTAGE</option>
<option value="AF">AMERICAR</option>
<option value="AL">ALAMO RENT A CAR</option>
<option value="AO">ACO RENT A CAR</option>
<option value="AR">AUTORENT</option>
<option value="BL">RED AND BLUE</option>
<option value="CC">COUNTY CAR</option>
<option value="CO">CONTINENTAL RENT A CAR</option>
<option value="CV">CAPPS VAN RENTAL</option>
<option value="DS">DISCOUNT RENTALS</option>
<option value="EC">EUROPEAN CAR RES</option>
<option value="EE">EXOTICAR EXPRESS</option>
<option value="EI">IRISH CAR RENTAL</option>
<option value="EN">ECONO CAR</option>
<option value="EP">EUROPCAR</option>
<option value="ET">ENTERPRISE RENT A CAR</option>
<option value="EV">EXECUTIVE CAR RENTAL</option>
<option value="EZ">EZ RENT A CAR</option>
<option value="FX">FOX RENT A CAR</option>
<option value="HO">HOLIDAY RENT A CAR</option>
<option value="IA">INTERAMERICA</option>
<option value="IL">INTERLOCADORA</option>
<option value="LL">LOCALIZA RENT A CAR</option>
<option value="LM">LM CAR RENTAL</option>
<option value="MA">MAGIC RENT A CAR</option>
<option value="MI">MALONE CAR RENTAL</option>
<option value="ML">MERLIN CARS</option>
<option value="MW">MIDWAY RENT A CAR</option>
<option value="NF">NEW FRONTIER</option>
<option value="RR">RENT RITE CARS</option>
<option value="RT">ROUTES CAR RENTAL</option>
<option value="RY">ROYAL RENT A CAR</option>
<option value="SL">I.T.S. CAR RENTAL</option>
<option value="SV">USAVE AUTO</option>
<option value="SW">SOUTHWEST CAR RENTAL</option>
<option value="SX">SIXT AUTO</option>
<option value="TR">TRIANGLE RENT A CAR</option>
<option value="UN">UNIDAS</option>
<option value="US">US RENT A CAR</option>
<option value="VR">SPECIALTY VAN RENTALS</option>
<option value="WC">WESTCOAST RAC</option>
<option value="ZA">PAYLESS CAR RENTAL</option>
<option value="ZD">BUDGET RENT A CAR</option>
<option value="ZE">HERTZ RENT A CAR</option>
<option value="ZI">AVIS RENT A CAR</option>
<option value="ZL">NATIONAL CAR RENTAL</option>
<option value="ZP">PRACTICAL CAR RENTAL</option>
<option value="ZR">DOLLAR RENT A CAR</option>
<option value="ZT">THRIFTY CAR RENTAL</option>
<option value="ZU">AUTO EUROPE</option>
</select>
</td>
</tr>
<tr>
<td>
Pick-up:
<br />
<input class="lit" id="tbPick" onfocus="showCalendar(this.id)" onclick="event.cancelBubble=true;showCalendar(this.id)"
size="10" name="tbPick" />
</td>
<td>
Time:
<br />
<select class="lit" id="tbTPick" name="ddInTime">
<option value="0100A">1am</option>
<option value="0200A">2am</option>
<option value="0300A">3am</option>
<option value="0400A">4am</option>
<option value="0500A">5am</option>
<option value="0600A">6am</option>
<option value="0700A">7am</option>
<option value="0800A">8am</option>
<option value="0900A">9am</option>
<option value="1000A">10am</option>
<option value="1100A">11am</option>
<option value="1200P" selected="selected">12pm</option>
<option value="0100P">1pm</option>
<option value="0200P">2pm</option>
<option value="0300P">3pm</option>
<option value="0400P">4pm</option>
<option value="0500P">5pm</option>
<option value="0600P">6pm</option>
<option value="0700P">7pm</option>
<option value="0800P">8pm</option>
<option value="0900P">9pm</option>
<option value="1000P">10pm</option>
<option value="1100P">11pm</option>
<option value="1200A">12am</option>
</select>
</td>
</tr>
<tr>
<td>
Drop-off:
<br />
<input class="lit" id="tbDrop" onfocus="showCalendar(this.id)" onclick="event.cancelBubble=true;showCalendar(this.id)"
size="10" name="tbDrop" />
</td>
<td>
Time:
<br />
<select class="lit" id="tbTDrop">
<option value="0100A">1am</option>
<option value="0200A">2am</option>
<option value="0300A">3am</option>
<option value="0400A">4am</option>
<option value="0500A">5am</option>
<option value="0600A">6am</option>
<option value="0700A">7am</option>
<option value="0800A">8am</option>
<option value="0900A">9am</option>
<option value="1000A">10am</option>
<option value="1100A">11am</option>
<option value="1200P" selected="selected">12pm</option>
<option value="0100P">1pm</option>
<option value="0200P">2pm</option>
<option value="0300P">3pm</option>
<option value="0400P">4pm</option>
<option value="0500P">5pm</option>
<option value="0600P">6pm</option>
<option value="0700P">7pm</option>
<option value="0800P">8pm</option>
<option value="0900P">9pm</option>
<option value="1000P">10pm</option>
<option value="1100P">11pm</option>
<option value="1200A">12am</option>
</select>
</td>
</tr>
</table>
<table class="darkf paddingTop" cellspacing="0" cellpading="3" style="width: 100%;">
<tr>
<td>
<a class="blue" id="hlAdvCar" href="http://www.farebuzz.com/Affiliates/Default.aspx?tabid=2105&FpAffiliate=SouOffTraB2C&caID=61854&FpSub=&">
Advanced Car Search </a>
</td>
<td style="text-align: right;">
<a href="javascript:SearchNow()">
<img alt="Search Now" src="searchboxfiles/images/search.gif" style="border: 0px;" />
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr id="tabVacation" style="display: none;">
<td colspan="3">
<table class="darkf paddingTop" cellspacing="0" cellpading="3" style="width: 100%;">
<tr>
<td>
From:
<br />
<input class="lit" id="tbFromVac" onblur="javascript:this.value = this.value.toUpperCase();"
maxlength="50" size="15" name="tbFromVac" />
</td>
<td>
Depart:
<br />
<input class="lit" id="txtDepartureDate" onfocus="showCalendar(this.id)" onclick="event.cancelBubble=true;showCalendar(this.id)"
maxlength="10" size="15" name="txtDepartureDate" />
</td>
</tr>
<tr>
<td colspan="2">
<a class="small" href="javascript:getAirportCode('tbFromVac')">city / airport code</a>
</td>
</tr>
<tr>
<td>
To:
<br />
<input class="lit" id="tbToVac" onblur="javascript:this.value = this.value.toUpperCase();"
maxlength="50" size="15" name="tbToVac" />
</td>
<td>
Return:
<br />
<input class="lit" id="txtReturningDate" onfocus="showCalendar(this.id)" onclick="event.cancelBubble=true;showCalendar(this.id)"
maxlength="10" size="15" name="txtReturningDate" />
</td>
</tr>
<tr>
<td colspan="2">
<a class="small" href="javascript:getAirportCode('tbToVac')">city / airport code</a>
</td>
</tr>
<tr>
<td colspan="2">
<input type="checkbox" onclick="ShowHotelDates();" name="cbkRequireSeprateHotelDates"
id="cbkRequireSeprateHotelDates" />
I only need a hotel for part of my trip.
</td>
</tr>
<tr id="vacHotelDates" style="display: none;">
<td>
Check-in:
<br />
<input class="lit" type="text" size="15" onfocus="showCalendar(this.id)" onclick="event.cancelBubble=true;showCalendar(this.id)"
id="txtHotelCheckInDate" value="" name="txtHotelCheckInDate" />
</td>
<td>
Check-out:
<br />
<input class="lit" type="text" size="15" onfocus="showCalendar(this.id)" onclick="event.cancelBubble=true;showCalendar(this.id)"
id="txtHotelCheckOutDate" value="" name="txtHotelCheckOutDate" />
</td>
</tr>
<tr>
<td colspan="2">
Service Class:
<br />
<select class="apf" id="ddlFlightServiceClass" name="ServiceClass">
<option value="C">Economy</option>
<option value="B">Business</option>
<option value="F">First</option>
</select>
</td>
</tr>
</table>
<table class="darkf paddingTop" cellpadding="3" cellspacing="0">
<tr>
<td>
Rooms:
</td>
<td>
<select class="apf" id="ddlRoomCount" name="ddlRoomCount" onchange="OnVacationsRoomChange()">
<option value="1">1</option>
<option value="2">2</option>
</select>
</td>
<td>
Adults:
</td>
</tr>
<tr>
<td>
</td>
<td class="txtSmall">
Room 1:
</td>
<td>
<select class="apf" id="ddlAdultsInRoom1" name="ddlAdultsInRoom1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</td>
</tr>
<tr id="trVacationRoom2" style="display: none;">
<td>
</td>
<td class="txtSmall">
Room 2:
</td>
<td>
<select class="apf" id="ddlAdultsInRoom2" name="ddlAdultsInRoom2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</td>
</tr>
</table>
<table class="darkf paddingTop" cellspacing="0" cellpading="3" style="width: 100%;">
<tr>
<td>
<a class="blue" id="A1" href="http://www.farebuzz.com/Affiliates/Default.aspx?tabid=3994&FpAffiliate=SouOffTraB2C&caID=61854&FpSub=&">
Advanced Search</a>
</td>
<td style="text-align: right;">
<a href="javascript:SearchNow()">
<img alt="Search Now" src="searchboxfiles/images/search.gif" style="border: 0px;" />
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<link href="searchboxfiles/searchbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="searchboxfiles/calendar/calendar.js"></script>
<script type="text/javascript">
var air = document.getElementById("rbAir");
var tabAir = document.getElementById("tabAir");
var car = document.getElementById("rbCar");
var tabCar = document.getElementById("tabCar");
var hotel = document.getElementById("rbHotel");
var tabHotel = document.getElementById("tabHotel");
var vacation = document.getElementById("rbVacation");
var tabVacation = document.getElementById("tabVacation");
function ToggleTabs()
{
manageCompTabs();
}
function ToggleTripType()
{
if (document.getElementById("rbOW").checked)
{
GetTag("tdReturnDate").style.visibility = "hidden";
GetTag("tdReturnTime").style.visibility = "hidden";
}
else
{
GetTag("tdReturnDate").style.visibility = "visible";
GetTag("tdReturnTime").style.visibility = "visible";
}
}
function getAirportCode(theTagID)
{
var strUrl = "http://www.farebuzz.com/Affiliates/DesktopModules/Fareportal/Modules/Flight/AirportCode.aspx?frm=Form&textbox=" + theTagID;
window.open(strUrl,"AirportPicker","toolbar=no,status=no,resizable=no,scrollbars=yes,width=650,height=700,top=100,left=100");
}
function ShowHotelDates()
{
if (GetTag("vacHotelDates").style.display=="none")
{
GetTag("vacHotelDates").style.display="";
}
else
{
GetTag("vacHotelDates").style.display="none";
}
}
function OnVacationsRoomChange()
{
if (GetTag("ddlRoomCount").value == "2")
{
GetTag("trVacationRoom2").style.display = "";
}
else
{
GetTag("trVacationRoom2").style.display = "none";
}
}
window.onload = function window_loaded()
{
manageCompTabs();
//set default dates
var fromDate = new Date();
var toDateDate = new Date();
fromDate.setDate(fromDate.getDate()+14);
toDateDate.setDate(toDateDate.getDate()+21);
SetDateObj("tbDTime",fromDate);
SetDateObj("tbRTime",toDateDate);
SetDateObj("tbChIn",fromDate);
SetDateObj("tbChOut",toDateDate);
SetDateObj("tbPick",fromDate);
SetDateObj("tbDrop",toDateDate);
SetDateObj("txtDepartureDate",fromDate);
SetDateObj("txtReturningDate",toDateDate);
SetDateObj("txtHotelCheckInDate",fromDate);
SetDateObj("txtHotelCheckOutDate",toDateDate);
}
function SetDateObj(objName,dateObj)
{
document.getElementById(objName).value = (dateObj.getMonth()+1) + "/" + dateObj.getDate() + "/" + dateObj.getFullYear();
}
function manageCompTabs()
{
if (air.checked)
{
tabAir.style.display = "";
tabCar.style.display = "none";
tabHotel.style.display = "none";
tabVacation.style.display = "none";
}
if (car.checked)
{
tabAir.style.display = "none";
tabCar.style.display = "";
tabHotel.style.display = "none";
tabVacation.style.display = "none";
}
if (hotel.checked)
{
tabAir.style.display = "none";
tabCar.style.display = "none";
tabHotel.style.display = "";
tabVacation.style.display = "none";
}
if (vacation.checked)
{
tabAir.style.display = "none";
tabCar.style.display = "none";
tabHotel.style.display = "none";
tabVacation.style.display = "";
}
}
function GetTag(tagId)
{
return document.getElementById(tagId);
}
function SearchNow()
{
var searchStr = "http://www.farebuzz.com/Affiliates/Default.aspx?tabid=2300&caID=61854&FpAffiliate=SouOffTraB2C&FpSub=";
if (air.checked)
{
searchStr += "&from=" + GetTag("tbFrom").value
+ "&fromDt=" + GetTag("tbDTime").value
+ "&fromTm=" + GetTag("ddOBTime").value
+ "&to=" + GetTag("tbTo").value
+ "&toDt=" + GetTag("tbRTime").value
+ "&toTm=" + GetTag("ddInTime").value
+ "&rt=" + GetTag("rbRT").checked
+ "&ad=" + GetTag("ddAdult").value
+ "&ch=" + GetTag("ddChild").value
+ "&se=" + GetTag("ddSenior").value
+ "&class=" + GetTag("ddClass").value;
}
else if (hotel.checked)
{
searchStr += "&to=" + GetTag("tbCity").value
+ "&fromDt=" + GetTag("tbChIn").value
+ "&toDt=" + GetTag("tbChOut").value
+ "&ad=" + GetTag("ddGuest").value
+ "&ht=";
}
else if (car.checked)
{
searchStr += "&to=" + GetTag("tbAirp").value
+ "&fromDt=" + GetTag("tbPick").value
+ "&fromTm=" + GetTag("tbTPick").value
+ "&toDt=" + GetTag("tbDrop").value
+ "&toTm=" + GetTag("tbTDrop").value
+ "&cr=" + GetTag("ddCar").value;
}
else if (vacation.checked)
{
searchStr = "http://www.farebuzz.com/Affiliates/Default.aspx?tabid=3994&caID=61854&FpAffiliate=SouOffTraB2C&FpSub=";
searchStr += "&from=" + GetTag("tbFromVac").value
+ "&to=" + GetTag("tbToVac").value
+ "&dep=" + GetTag("txtDepartureDate").value
+ "&ret=" + GetTag("txtReturningDate").value
+ "&svc=" + GetTag("ddlFlightServiceClass").value
+ "&rm=" + GetTag("ddlRoomCount").value
+ "&r1a=" + GetTag("ddlAdultsInRoom1").value;
if(GetTag("ddlRoomCount").value == "2")
{
searchStr += "&r2a=" + GetTag("ddlAdultsInRoom2").value;
}
if(GetTag("cbkRequireSeprateHotelDates").checked)
{
searchStr += "&cin=" + GetTag("txtHotelCheckInDate").value
+ "&cout=" + GetTag("txtHotelCheckOutDate").value;
}
}
window.open(searchStr);
}
</script>
</div>
<div id="column2">
<img name="" src="" width="534" height="403" alt="" />
</div>
</div>
</body>
</html>