var lcl=0;var htmlStr="<style type=\"text/css\"> /* ARES BOT RESET */ #aresBot, #aresBot a, #aresBot div, #aresBot form, #aresBot ul, #aresBot ul li, #aresBot label, #aresBot input, #aresBot img { border: 0 none; display: block; list-sytle: none; overflow: hidden; margin: 0; padding: 0; vertical-align: baseline; } /* DEFAULT */ #aresBot { background: white; font-family: \"Helvetica Neue\", Arial, sans-serif; font-size: 11px; height: 102px; position: relative; width: 234px; } /* adjust width of bot */ #aresBot a:link, #aresBot a:visited { text-decoration: none; } #aresBot a:hover, #aresBot a:focus { text-decoration: underline; } #aresBot div { position: relative; } #aresBot > div { padding: 0; } #aresBot input[type=\"text\"] { border: 1px solid #7f9db9; font-size: 11px; padding: 2px 4px; } #aresBot li.omega { margin-right: 0; } #aresBot h3 { background: url(http://arestravel.com/images/manchester-chamber2010/bot-h3Bg.gif) no-repeat 0 0 #87a6a7; color: white; font-size: 12px; line-height: 21px; margin: 0; padding: 0 20px; text-transform: uppercase; } #aresBot h5 { display: none; visibility: hidden; margin: 0; padding: 0; } /* IMPORTANT - display: none; visibility: hidden; */ /* NAV */ #tbs ul li { display: block; float: left; } #tbs ul li a { display: block; } #tbs ul li img { width: auto; } /* CONTENT */ #Search-bot > div { display:; border-left: 1px #87a6a7; border-right: 1px #87a6a7; border-bottom: 1px #87a6a7; border-style: solid; padding: 0 10px 4px; } /* NOTE: For Layerd tabs - display: none */ #Search-bot ul { padding-top: 2px; } #Search-bot ul li { display: inline; float: left; margin-right: 15px; } /* adjust margins */ #Search-bot ul li span { float: left; display: block; margin: 0; padding: 0; } #Search-bot ul li select { *font-size: 10px; } /* GRID */ ul.aresGrid_2 li input[type=\"text\"] { width: 88px; } ul.aresGrid_2 li select { width: 140px; } ul.aresGrid_3 li input[type=\"text\"] { width:40px; } ul.aresGrid_3 li select { width: 40px; } #Search-bot ul.search li input[type=\"image\"], #Search-bot ul.search li input[type=\"submit\"] { position: absolute; bottom: 8px; right: 10px; } #aresBot #aresPhoneNum { color: white; position: absolute; top: 3px; right: 5px; } </style> <div id=\"aresBot\"> <h3>Book Your Trip</h3> <div id=\"aresPhoneNum\">800-719-8961</div> <!-- CONTENT --> <div id=\"Search-bot\"> <!-- HOTELS --> <div id=\"hotels\"> <h5>Hotels</h5> <form name=\"hotelSearchForm\" method=\"get\" action=\"http://arestravel.com/1589_hotel-list.html\" id=\"hotelSearchForm\"> <!-- <input type=\"hidden\" name=\"locationID\" id=\"locationID1\" value=\"m2081\"> --> <ul class=\"aresGrid_2\"> <li> <label>Check In:</label> <input type=\"text\" name=\"checkInDate\" id=\"checkIn\" value=\"mm/dd/yyyy\" /> </li> <li class=\"omega\"> <label>Check Out:</label> <input type=\"text\" name=\"checkOutDate\" id=\"checkOut\" value=\"mm/dd/yyyy\" /> </li> </ul> <ul class=\"aresGrid_3\"> <li> <label>Rooms:</label> <span> <select name=\"numberOfRooms\" class=\"numberOf\"> <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> <option value=\"8\">8</option> <option value=\"9\">9</option> </select> </span> </li> <li> <label>Adults:</label> <span> <select name=\"numberOfAdults\" class=\"numberOf\"> <option value=\"1\">1</option> <option value=\"2\">2</option> <option value=\"3\">3</option> <option value=\"4\">4</option> </select> </span> </li> <li class=\"omega\"> <label>Children:</label> <span> <select name=\"numberOfChildren\" class=\"numberOf\"> <option value=\"0\">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> </select> </span> </li> </ul> <ul class=\"search\"> <li class=\"omega\"> <input type=\"image\" src=\"http://arestravel.com/images/manchester-chamber2010/botSearchButton.png\" alt=\"search\" border=\"0\" name=\"find\" /> </li> </ul> </form> </div> </div> </div> <!-- jQuery Calendar --> <link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"http://arestravel.com/css/_default/calendar_grey.css\" /> <script type=\"text/javascript\" src=\"http://arestravel.com/js/_default/jquery_bot_calendars.js\"></script>";document.write(htmlStr);var ro='';if(ro==1)initRollovers();