html, body
    {
    margin: 0px;
    padding: 0px;
    border: 0px;
    }
body
    {
    color: #000000;
    background-color: #cccccc;
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;
    padding: 0px 0px 10px 0px;
    text-align: center;
    }
#page
    {
    text-align: left;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    color: #000000;
    width: 970px;
    }
h1
    {
    color: #993333;
    font: italic bold 20pt arial, helvetica, geneva;
    padding: 0px;
    border: 0px;
    margin: 0px;
    }
h2
    {
    color: #000000;
    font: bold 11pt times new roman;
    padding: 0px;
    border: 0px;
    margin: 0px;
    }

h3
    {
    color: #000000;
    font: bold 14pt arial, helvetica, geneva;
    padding: 0px;
    border: 0px;
    margin: 0px;
    }

h4
    {
    color: #000000;
    font: bold 12pt arial, helvetica, geneva;
    padding: 0px;
    border: 0px;
    margin: 0px;
    }

h5
    {
    color: #000000;
    font: bold 10pt arial, helvetica, geneva;
    padding: 0px;
    border: 0px;
    margin: 0px;
    }

img
    {
    border: 0;
    }

#header
    {
    float: left;
    border: 0px;
    margin: 0px;
    padding: 0px;
    height: 140px;
    width: 970px;
    background-color: #999966;
    background-image: url(images/bg_header.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    }

#logo
    {
    float: left;
    width: 180px;
    height: 140px;
    padding-top: 40px;
    padding-left: 10px;
    margin: 0px;
    }

#header_image
    {
    float: right;
    
    height: 140px;
    padding-top: 10px;
    padding-right: 10px;

    }


    
#nav
    {
    float: right;
    margin-right:10px;
    height: 35px;
    text-align: center;
    background-color: #cccc99;
    }    

ul#navigation 
    {
    padding: 0;
    margin: 0;
    text-align: center;
    color: #ffffff;

    padding-left: 5px;
    }
ul#navigation li 
    { 
    display: inline;
    }
ul#navigation li a 
    {
    float: left;
    line-height: 180%;
    border-left: solid 5px #cccc99;
    padding: .25em 26px;
    background-color: #ff9933;
    color: #ffffff;
    font-family: arial, serif;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    background-image: url(images/bg_nav.jpg);
    background-repeat: repeat-x;
    }

ul#navigation li a:hover 
    {
    color: #000000;
    text-decoration: underline;
    }




#subnav
    {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    height: 30px;
    text-align: center;
    }    

ul#subnavigation 
    {
    padding: 0;
    margin: 0;
    text-align: center;
    color: #ffffff;
    width: 428px;
    padding-left: 5px;
    }
ul#subnavigation li 
    { 
    display: inline;
    }
ul#subnavigation li a 
    {
    float: right;
    border-left: solid 5px #cccc99;
    padding: .25em 25px;
    background-color: #999999;
    color: #ffffff;
    font-family: arial, serif;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    line-height: 140%;
    background-image: url(images/bg_subnav.jpg);
    background-repeat: repeat-x;
    ;
    }

ul#subnavigation li a:hover 
    {
    color: #000000;
    text-decoration: underline;
    }





.youarehere
    {
    text-decoration: underline;
    }



#content
    {
    float: left;
    border: 0px;
    margin: 0px;
    width: 100%;
    background-color: #999966;
    background-image: url(images/bg_below_nav.jpg);
    background-repeat: repeat-x;
    font-family: arial, serif;
    font-size: 14px;
    color: #333333;
    }  


#rc
    {
    float: right;
    width: 230px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    margin-right: 10px;
    font-family: arial, serif;
    font-size: 12px;
    color: #333333;
    background-color: #ccff77;
    }

#process_box
    {

    width: 220px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-top: dashed 1px #cccccc;
    }

#faq_box
    {
    width: 220px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-top: dashed 1px #cccccc;
    }

#why_us_box
    {
    width: 220px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-top: dashed 1px #cccccc;
    border-bottom: dashed 1px #cccccc;
    }

















#selection
    {
    float: left;
    width: 900px;
    margin-top: 10px;
    }




    
.head1
    {
    font-family: arial, serif;
    font-size: 18px;
    font-weight: bold;
    color: #ccff77;
    }

.head11
    {
    font-family: arial, serif;
    font-size: 18px;
    font-weight: bold;
    color: #ccff44;
    }

.head2
    {
    font-family: arial, serif;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #6699ff;
    }
    
.head1a
    {
    color: #6699ff;
    text-decoration: none;
    }

.head1a:hover
    {
    color: #666666;
    text-decoration: underline;
    }

#homebox
    {
    float: left;
    width: 235px;
    height: 340px;
    padding: 0;
    border-right: dotted 3px #cccccc;
    }

#homebox_l
    {
    float: left;
    width: 235px;
    height: 340px;
    padding: 0;
    margin-left: 10px;
    border-right: dotted 3px #cccccc;
    }


#homebox_r
    {
    float: left;
    width: 235px;
    height: 340px;
    padding: 0;
    }

#hb_head_index
    {
    height: 30px;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    }

#hb_head
    {
    margin-left: 10px;
    }

#hb_text
    {
    padding-left: 10px;
    padding-right: 10px;
    }

#linespace_bord
    {
    float: left;
    width: 100%;
    border-bottom: dotted 3px #cccccc;
    }
 
#linespace_bord_500
    {
    float: left;
    width: 480px;
    border-bottom: dotted 3px #cccccc;
    } 
    
#linespace
    {
    float: left;
    width: 100%;
    }    

#img_right
    {
    float: right;
    }

#spacer_index
    {
    border-top: dashed 1px #cccccc;
    border-bottom: dashed 1px #cccccc;
    float: left;
    width: 710px;
    height: 15px;
    padding: 0;
    margin-left: 10px;
    font-size: 1px;
    }

#spacer_index_bot
    {
    border-top: dashed 1px #cccccc;
    float: left;
    width: 710px;
    height: 10px;
    padding: 0;
    margin-left: 10px;
    font-size: 1px;
    }

#sort
    {
    width: 710px;
    height: 40px;
    padding-top: 10px;
    margin-left: 10px;
    border-top: dotted 3px #cccccc;
    border-bottom: dotted 3px #cccccc;
    }

#sort_detail
    {
    float: left;
    width: 950px;
    margin-left: 10px;
    padding-top: 10px;
    border-top: dashed 1px #cccccc;
    }

#sort_detail_index
    {
    border-top: dashed 1px #cccccc;
    border-bottom: dashed 1px #cccccc;
    float: left;
    width: 710px;
    height: 35px;
    padding: 0;
    padding-top: 10px;
    margin-left: 10px;
    }

#package
    {
    float: left;
    width: 710px;
    height: 285px;
    padding: 0;
    padding-top: 10px;
    margin-left: 10px;
    background-color: #ffffcc;
    background-image: url(images/bg_package.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    }

#p_head
    {
    float: left;
    width: 170px;
    height: 45px;
    margin-top: 10px;
    margin-left: 15px;
    line-height: 150%;
    }

#p_nights
    {
    float: left;
    width: 190px;
    height: 141px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
    margin-right: 0px;
    }

#hp_1
    {
    float: left;
    width: 190px;
    height: 20px;
    padding-top: 0px;
    border-left: solid 1px #cccc99;
    border-right: solid 1px #cccc99;
    background-image: url(images/bg_nights.jpg);
    background-repeat: repeat-x;
    }
    
#hp_11
    {
    float: left;
    width: 80px;
    padding-left: 5px;
    }

#hp_12
    {
    float: left;
    width: 100px;

    }

#hp_14
    {
    float: left;
    }

#p_text
    {
    float: left;
    width: 350px;
    height: 110px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 0px;
    }

#p_map
    {
    float: left;
    padding-top: 35px;
    padding-left: 10px;
    }

#p_img
    {
    float: left;
    margin-left: 30px;
    width: 680px;
    }

#p_price
    {
    float: right;
    padding-left: 15px;
    padding-right: 10px;
    font-family: arial, serif;
    font-size: 15px;
    font-weight: bold;
    color: #666666;
    }

.p_head1
    {
    font-family: arial, serif;
    font-size: 18px;
    font-weight: bold;
    color: #6699ff;
    }

.price_color
    {
    
    color: #ff0033;
    color: #ccff33;
    font-size: 20px;
    }

#pkg_price
    {
    float: right;
    width: 500px;
    margin-top: 10px;
    margin-right: 10px;
    height: 45px;
    text-align: center;
    }    

ul#pkg_price_list
    {
    padding: 0;
    margin: 0;
    text-align: center;
    color: #ffffff;

    padding-left: 5px;
    }
ul#pkg_price_list li 
    { 
    display: inline;
    }
ul#pkg_price_list li a 
    {
    float: right;
    margin-left: 5px;
    width: 155px;
    padding: .25em 1px;
    padding: 0px 2px 4px 2px;
    background-color: #cccccc;
    color: #000000;
    font-family: arial, serif;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    line-height: 140%;
    background-image: url(images/bg_subnav.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    }

ul#pkg_price_list li a:hover 


    {
    color: #333333;
    background-color: #ffcc66;
    background-image: url(images/bg_subnav_hover.jpg);
    background-repeat: repeat-x;
    background-position: bottom;;
    }

.small_wh
    {
    font-family: arial, serif;
    font-size: 8pt;
    text-decoration: none;
    line-height: 140%;
    }





#package_detail
    {
    float: left;
    width: 950px;
    margin-left: 10px;
    background-color: #ffffcc;
    background-image: url(images/bg_package.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    border-top: dashed 1px #cccccc;
    border-bottom: dashed 1px #cccccc;
    }

#package_detail_unavailable
    {
    float: left;
    width: 950px;
    margin-left: 10px;
    background-color: #ffffcc;
    background-image: url(images/bg_package.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    border-top: dashed 1px #cccccc;
    border-bottom: dashed 1px #cccccc;
    }

#p_detail_head
    {
    float: left;
    width: 480px;
    margin-top: 10px;
    margin-left: 15px;
    line-height: 150%;
    }

#p_detail_head_unavailable
    {
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    line-height: 150%;
    }

#book_box
    {
    float: right;
    height: 210px;
    width: 430px;
    margin-top: 10px;
    margin-right: 15px;
    }

#book_box_unavailable
    {
    float: left;
    height: 210px;
    width: 700px;
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 60px;
    }

#book_box_booking_request
    {
    float: left;
    width: 870px;
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 60px;
    }

#booking_request_map
    {
    float: right;
    margin-top: 30px;
    }

#booking_request_map_formulate
    {
    float: right;
    width: 402px;
    margin-top: 30px;
    }

#contact_us_left
    {
    float: left;
    width: 550px;
    } 

#contact_us_right
    {
    float: left;
    width: 350px;
    }

#contact_us_form
    {

    float: left;
    width: 470px;
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 60px;
    }

.contact_us_text
    {
    margin-left: 30px;
    font-weight: bold;
    }

#about_us
    {
    float: left;
    width: 500px;
    }

.about_us_text
    {
    margin-left: 30px;
    }

#privacy_text
    {
    margin-left: 10px;
    margin-right: 10px;
    }

#travel_times
    {
    float: left;
    width: 920px;
    margin-top: 20px;
    margin-left: 20px;
    }

#travel_times table
    {
    border: 1px solid #000;
    border-collapse: collapse;
    
    }

#travel_times th
    {
    font: bold 11px Arial;
    border: 1px solid #000;
    padding: 4px 5px 4px 5px;
    background-color: #caca9f;
    }

#travel_times td
    {
    font: bold 11px Arial;
    border: 1px solid #000;
    padding: 4px 5px 4px 5px;
    text-align: center;
    background-color: #d9d9bb;
    background-color: #ddddc1;
    }

#travel_times td.alt
    {
    font: bold 11px Arial;
    border: 1px solid #000;
    padding: 4px 5px 4px 5px;
    text-align: center;
    background-color: #caca9f;
    }

.travel_subtext
    {
    margin-left: 25px;
    font-size: 11px;
    }



#f_bicheno
    {
    position: absolute;
    top: 552px;
    margin-left: 792px;
    }

#f_burnie
    {
    position: absolute;
    top: 470px;
    margin-left: 492px;
    }

#f_coles_bay
    {
    position: absolute;
    top: 602px;
    margin-left: 813px;
    }

#f_cradle_mt
    {
    position: absolute;
    top: 536px;
    margin-left: 504px;
    }

#f_devonport
    {
    position: absolute;
    top: 466px;
    margin-left: 696px;
    }

#f_hobart
    {
    position: absolute;
    top: 673px;
    margin-left: 593px;
    }

#f_launceston
    {
    position: absolute;
    top: 507px;
    margin-left: 780px;
    }

#f_port_arthur
    {
    position: absolute;
    top: 731px;
    margin-left: 768px;
    }

#f_port_huon
    {
    position: absolute;
    top: 708px;
    margin-left: 569px;
    }

#f_ross
    {
    position: absolute;
    top: 568px;
    margin-left: 616px;
    }

#f_stanley
    {
    position: absolute;
    top: 402px;
    margin-left: 497px;
    }

#f_st_helens
    {
    position: absolute;
    top: 446px;
    margin-left: 804px;
    }

#f_strahan
    {
    position: absolute;
    top: 606px;
    margin-left: 490px;
    }

#f_swansea
    {
    position: absolute;
    top: 620px;
    margin-left: 735px;
    }

#f_tarraleah
    {
    position: absolute;
    top: 627px;
    margin-left: 585px;
    }

#f_wynyard
    {
    position: absolute;
    top: 439px;
    margin-left: 640px;
    }


#map_text
    {
    padding-left: 10px;
    font-weight: bold;
    }


label{
float: left;
width: 190px;
font-weight: bold;
}

input.br, textarea{
width: 250px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 60px;
}

.boxes{
width: 1em;
}

.submitbutton{
margin-left: 190px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

.bold{
font-weight: bold;
}


input{
width: 30px;
}


.termslink
    {
    color: #333333;
    font-size: 11px;
    text-decoration: underline;
    }
    
.termslink:hover
    {
    color: #000000;
    text-decoration: none;
    }


#date_price
    {
    float: right;
    height: 70px;
    }

#p_detail_price
    {
    float: right;
    width: 180px;
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
    }  

#dates
    {
    float: right;
    height: 30px;
    margin-top: 30px;
    }

#change_p
    {
    float: right;
    margin-right: 10px;
    }

#p_detail_nights
    {
    float: left;
    width: 468px;
    border-left: solid 1px #cccc99;
    border-right: solid 1px #cccc99;
    border-bottom: solid 1px #cccc99;
    margin-top: 10px;
    margin-left: 30px;
    margin-bottom: 10px;
    
    }

#p_1
    {
    float: left;
    width: 468px;
    height: 40px;
    padding-top: 3px;
    background-image: url(images/bg_nights.jpg);
    background-repeat: repeat-x;
    }
    
#p_11
    {
    float: left;

    width: 80px;
    padding-left: 5px;
    }

#p_12
    {
    float: left;
    width: 100px;
    }
    
#p_13
    {
    float: left;
    }
    
#p_14
    {
    float: left;
    padding-top: 10px;
    padding-left: 100px;
    }

#p_detail_accom_img
    {
    float: left;

    width: 490px;
    height: 368px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 30px;
    }

#p_detail_map
    {
    float: right;
    margin-top: 35px;
    margin-right: 20px;
    }

#travel_map
    {

    float: right;
    margin-right: 20px;
    }


#p_detail_loc_img
    {
    float: left;
    margin-top: 25px;
    margin-left: 30px;
    }

#p_detail_text
    {
    float: left;
    width: 660px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 30px;
    }

#p_detail_text li
    {
    padding-bottom: 4px;
    }

#p_detail_text_links
    {
    float: right;
    width: 250px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    }

#p_detail_text_links li
    {
    padding-bottom: 4px;
    }

ul#p_detail_price_list
    {
    padding: 0;
    margin: 0;
    text-align: center;
    color: #ffffff;
    padding-left: 5px;
    }
ul#p_detail_price_list li 
    { 
    display: inline;
    }
ul#p_detail_price_list li a 
    {
    float: right;
    margin-left: 5px;
    width: 155px;
    padding: .25em 1px;
    padding: 0px 2px 4px 2px;
    background-color: #cccccc;

    color: #000000;
    font-family: arial, serif;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    line-height: 140%;
    background-image: url(images/bg_price.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    }

ul#p_detail_price_list li a:hover 
    {
    color: #333333;
    background-color: #ffcc66;
    background-image: url(images/bg_price_hover.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    }

#locations_text
    {
    float: left;
    margin-left: 30px;
    height: 200px;
    }

#car_hire_left
    {
    float: left;
    width: 550px;
    height: 500px;
    } 

#car_hire_right
    {
    float: left;
    width: 350px;
    margin-top: 55px;
    }

#oodles
    {
    float: left;
    width: 370px;
    margin: 20px 15px 0 90px;
    background-color: #ffffff;
    border: solid 1px #3399cc;
    }
#oodles_header
    {
    width: 100%;
    height: 30px;
    background-color: #3399cc;
    color: #ffffff;
    font: normal bold 15px Times New Roman;
    line-height: 180%;
    }
#oodles_widget
    {
    margin: 10px 10px 10px 20px;
    }

#flights_left
    {
    float: left;
    width: 450px;
    height: 680px;
    } 

#flights_right
    {
    float: left;
    width: 450px;
    margin-top: 70px;
    }

#flights
    {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 60px;
    }

#zuji label
    {
    float: none;
    width: auto;
    font-weight: normal;
    }

#zuji input
    {
    width: auto;
    }

#tours_viator
    {
    float: left;
    margin-top: 10px;
    margin-left: 80px;
    }

#faq
    {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 60px;
    }

#cp_main
    {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    }


#cp_img
    {
    float: left;
    width: 225px;
    height: 150px;
    margin-right: 10px;
    margin-bottom: 5px;
    }
#cp_info_first
    {
    width: 520px;
    padding-top: 20px;
    border-top: dashed 1px #000000; 
    }

#cp_info
    {
    width: 930px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: dashed 1px #000000; 
    }






















/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: -165px; /*position where enlarged image should offset horizontally */

}



.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -180px;
left: -560px; /*position where enlarged image should offset horizontally */

}






.greenlink
    {
    color: #ccff77;
    font-weight: bold;
    text-decoration: underline;
    }
    
.greenlink:hover
    {
    color: #000000;
    text-decoration: none;
    }

.orangelink2
    {
    color: #ff9900;
    text-decoration: underline;
    }
    
.orangelink2:hover
    {
    color: #000000;
    text-decoration: none;
    }


.blacklink
    {
    color: #333333;
    font-weight: bold;
    text-decoration: underline;
    }
    
.blacklink:hover
    {
    color: #000000;
    text-decoration: none;
    }

.greylink
    {
    color: #333333;
    text-decoration: underline;
    }
    
.greylink:hover
    {
    color: #000000;
    text-decoration: none;
    }




#text_center
    {
    clear: both;
    width: 100%;
    padding: 0px;
    border: 0px;
    margin: 0px;
    text-align: center;
    }








#bottomnav

    {
    float: left;
    width: 100%;
    height: 23px;
    text-align: center;
    background-image: url(images/bg_header.jpg);
    background-position: top;
    background-repeat: repeat-x;
    }


ul#bottomnavigation 
    {
    padding: 0;
    margin: 0;

    color: #ffffff;
    width: 100%;
    }
ul#bottomnavigation li 
    { 
    display: inline;
    }
ul#bottomnavigation li a 
    {
    padding: .25em 2.0em;
    color: #333333;
    font-family: arial, serif;
    font-size: 9pt;
    text-decoration: underline;

    }
ul#bottomnavigation li a:hover 
    {
    color: #000000;
    text-decoration: none;
    }
.youarehere_bottomnavigation
    {
    color: #000000;
    border-bottom: solid 2px #000000;
    }

#footer
    {
    clear: both;
    width: 100%;
    padding: 0px;
    border: 0px;
    margin: 0px;
    border-top: solid 3px #000000;
    text-align: center;
    font: 8pt arial, helvetica, geneva;
    line-height: 200%;
    background-image: url(images/bg_below_nav.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    }