body {
    margin: 0px;
    font-family: arial;
    font-size: 11px;
}

td {
    font-size: 11px;
}

input {
    font-size: 11px;
}

select {
    font-size: 11px;
}

#header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 986px;
    height: 58px;
    background: url(header_background.gif);
}

#logo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 354px;
    height: 57px;
    background: url(header_hertz_logo.gif);
}

#logo h1 {
    display: none;
}

#address {
   position: absolute;
   top: 70px;
   left: 20px;  
}

.lowimpact
{
    font-size: 10px;
    color: #999999;
}

#homelink {
    position: absolute;
    left: 943px;
    top: 34px;       
}

.homelink{
    color:#cc9900;
    font-weight: bold;
    font-size: 8pt;
    text-decoration:none; 
}

#menu {
    width: 180px;
    position: absolute;
    top: 110px;
    background: url(menu_top.gif) no-repeat;
    padding-top: 10px;
    text-align: right;
    line-height: 20px;
}

.menu_on {
    background: url(menu_background_down.gif);
    font-weight: bold;
}

.menu_off {
    background: url(menu_background_up.gif);
    padding-right: 20px;
    font-weight: bold;
}

#menu a {
    color: black;
    text-decoration: none;  
}

.menu_on a {
    display: block;
    width: 160px;
    padding-right: 20px;
}

/* BUG 539: changed background-position from px to % because didn't work
   very well on IE */

.menu_on a.bullet {
    background: url(bullet.gif) no-repeat;
	background-position: 89% 50%;
    width: 150px;
    padding-right: 30px;
    line-height: 15px;
    padding-top: 2px;
    padding-bottom: 3px;
}

#menu_tail_on {
    float: left;
    background: url(menu_bottom_2.gif) no-repeat;
    width: 180px;
}

#menu_tail_off {
   float: left;
   width: 180px;
   height: 20px;
   background: url(menu_bottom.gif) no-repeat;   
}

#reserve_wordwide {
    font-size: 12px;
    float: left;
    width: 180px;
    height: 101px;
    text-align: center;
    color: black;
    background: url(reserve_a_car_worldwide.gif) no-repeat;
    /* For downloadable booklet */
    margin-top: 10px;
    cursor: hand;
    font-weight: bold;
}

/* For downloadable booklet */

#booklet {
    font-size: 12px;
    float: left;
    width: 180px;
    height: 60px;
    text-align: center;
    color: black;
    background: url(promotional_offers.gif);
    line-height: 14px;
    cursor: hand;
    font-weight: bold;
}


#promotional_offers {
    font-size: 12px;
    float: left;
    width: 180px;
    height: 60px;
    text-align: center;
    color: black;
    background: url(promotional_offers.gif);
    margin-top: 10px;
    line-height: 14px;
    cursor: hand;
    font-weight: bold;
}

/* 
IE 5.5 Hacks getting by the fact that we can't set a padding on the 
containing DIV to align the text correctly 
as IE 5.5 calculates the box model incorrectly 
*/

#ie55hack1 {
    margin-top: 42px;
}

#ie55hack2 {
    margin-top: 10px;
}

#privacy {
    padding: 10px 10px 0px 10px;
    float: left;
    width: 100%;   
    text-align: left;
}

#privacy a {
    color: #666666;
    text-decoration: none;
    font-style: italic;
}

#terms {
    padding: 0px 10px 10px 10px;
    float: left;
    text-align: left;
}

#terms a {
    color: #666666;
    text-decoration: none;
    font-style: italic;
}

.booking {
    position: absolute;
    left: 200px;
    top: 110px;
    width: 400px;
}

.booking_top {
    font-size: 5px;
    background: url(tbl_top.gif);
    height: 10px;
    width:400px;
    float: left;
}

.booking_bottom {
    font-size: 5px;
    float: left;
    background: url(tbl_btm.gif);
    height: 10px;
    width:400px;
    border-bottom: solid 20px white;
}

.booking_top_left {
    background: url(tbl_top_lft.gif); 
    width: 10px;
    height: 10px;   
    float: left; 
}

.booking_top_right {
    background: url(tbl_top_rgt.gif); 
    width: 10px;
    height: 10px;  
    float: right;
}

.booking_bottom_left {
    background: url(tbl_btm_lft.gif);  
    width: 10px;
    height: 10px;     
    float: left;
}

.booking_bottom_right {
    background: url(tbl_btm_rgt.gif); 
    width: 10px;
    height: 10px;  
    float: right;
}

.booking_middle {
    float: left;
    width: 400px;
    /* IE 5.5 Hack: If if calculated the box right, we could use borders on the Div.
    Instead we must use a background image. */
    background: url(tbl_mid.gif); 
}

.special_rate_code_title {
	position: absolute;
    left: 25px;
    top: 20px;
    font-weight: bold;
}

.special_rate_code_content {
    position: absolute;
    left: 25px;
    top: 45px;
}

.special_rate_code_buttons {
    position: absolute;
    left: 10px;
    top: 190px;
    width: 320px;
}

/* This allows IE 5.5 to pad the text in the booking boxes correctly */

.ie55hack3 {
    padding: 5px;
}

.ie55hack4 {
    margin-left: 1px;
    margin-right: 1px;
}

.booking_title {
    font-weight: bold;
    margin-bottom: 10px;
}

/* BUG 531: remove promotional image: for now, just change background colour form grey to white, just
   in case it's required again! */
#promo_pic_1 {
    position: absolute;
    left: 800px;
    top: 114px;
    width: 125px;
    height: 141px;   
    background: #ffffff;
}

#promo_pic_2 {
    position: absolute;
    left: 800px;
    top: 320px;
    width: 125px;
    height: 141px;   
    background: #eeeeee; 
}

#promotion_1 {
    position: absolute;
    left: 630px;
    top: 103px;
    width: 350px;
    height: 700px;   
    background: #ffffff;
}

.promo {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 220px;
}

.promo_top {
    font-size: 5px;
    background: url(tbl_top.gif);
    height: 5px;
    float: left;
}

.promo_bottom {
    font-size: 5px;
    float: left;
    background: url(tbl_btm.gif);
    height: 10px;
    border-bottom: solid 20px white;
}

.promo_top_left {
    background: url(tbl_top_lft.gif); 
    width: 10px;
    height: 5px;   
    float: left; 
}

.promo_top_right {
    background: url(tbl_top_rgt.gif); 
    width: 10px;
    height: 5px;  
    float: right;
}

.promo_bottom_left {
    background: url(tbl_btm_lft.gif);  
    width: 10px;
    height: 10px;     
    float: left;
}

.promo_bottom_right {
    background: url(tbl_btm_rgt.gif); 
    width: 10px;
    height: 10px;  
    float: right;
}

.promo_middle {
    float:left;
    width: 221px;
    /* IE 5.5 Hack: If if calculated the box right, we could use borders on the Div.
    Instead we must use a background image. */
    background: url(tbl_mid_short.gif); 
}

.promo_panel_1 {
	display:;
}

.promo_panel_2 {
	display:;
}

.promo_panel_3 {
	display:;
}