/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 07 September 2008 08:51:55
*/



/*
nav.css (to be appended to common.css)

@project: Discover Tasmania 2.1

@client: Tourism Tasmania

@author: Future Medium

*/

.btn {
    display: block;
    position: relative;
    overflow: hidden;
}

.btn img {
    position: absolute;
    top: 0;
    left: 0;
}

.btn:hover {
    background: transparent;
}

/* end ui config */

.languageSelector {
    float: left;
}

.languageSelector ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.languageSelector ul li {
    margin: 0;
    padding: 0;
    float: left;
}

.languageSelector ul li a {
    margin: 0 7px;
}

.languageSelector li.english a {
    width: 33px;
    margin-left: 0;
}

.languageSelector li.japanese a {
    width: 32px;
}

.languageSelector li.french a {
    width: 38px;
}

.languageSelector li.german a {
    width: 38px;
}

.languageSelector li.italian a {
    width: 35px;
}

.languageSelector li.korean a {
    width: 34px;
}

.languageSelector li.chinese_simp a {
    width: 46px;
}

.languageSelector li.chinese_trad a {
    width: 46px;
    margin-right: 0;
}

    .languageSelector .btn {
        height: 14px;
    }

    .languageSelector .btn:hover img {
        top: -14px;
    }

    .languageSelector .btn.current img {
        top: -14px;
    }


.intlSiteSelector {
    float: right;
}

    .intlSiteSelector .parentNode {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .intlSiteSelector .parentNode .p {
        margin: 0;
        padding: 0;
        position: relative;
    }

        .parentNode .p a {
            width: 115px;
            padding: 1px 3px;
            padding-right: 25px;
            display: block;
            border: 1px solid #232323;
            color: #878787;
            text-decoration: none;
            background: url("") no-repeat top right;
        }

        .intlSiteSelector .parentNode .p img {
            float: left;
            margin-top: 2px;
            margin-right: 5px;
        }

        .intlSiteSelector .childNode {
            margin: 0;
            padding: 0;
            list-style-type: none;
            display: none;
            position: absolute;
            right: 0;
            top: 17px;
            z-index: 20000;
        }

        .intlSiteSelector .parentNode .p:hover .childNode,
        .intlSiteSelector .parentNode .p.hover .childNode {
            display: block;
        }

        .intlSiteSelector .childNode .c {
            margin: 0;
            padding: 0;
        }

            .childNode .c a {
                width: 137px;
                display: block;
                padding: 3px;
                background: #232323;
                color: #878787;
                text-decoration: none;
                border-top: 1px solid #000;
            }

            .childNode .c a:hover {
                background: #969696;
                color: #000;
            }

        .intlSiteSelector .childNode .c img {
            float: left;
            margin-right: 5px;
            margin-top: 2px;
        }

.international {
    padding: 3px 0;
    border-bottom: 1px solid #232323;
    margin-bottom: 9px;
    height: 18px;
}



ul.topNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 750px;
}

ul.topNav li {
    float: left;
    margin: 0;
    padding: 0;
    background: none;
}

ul.topNav li a {
    float: left;
    font-size: 0.9em;
    color: #888;
    text-decoration: none;
    padding: 5px 11px 0;
    height: 19px;

}

ul.topNav li a:hover {
    color: #478c1f;
}

ul.topNav li.current {
    background: url("http://www.discovertasmania.com/__data/assets/image/0009/225/bg_topNav_tab_right.gif") no-repeat top right;
}

ul.topNav li.current a {
    background: url("http://www.discovertasmania.com/__data/assets/image/0005/221/bg_topNav_tab_left.gif") no-repeat top left;
    color: #43831d;
}

a.international {
    display: block;
    background: url("http://www.discovertasmania.com/__data/assets/image/0009/8658/bg_international_sites.gif") no-repeat top left;
    color: #888;
    text-decoration: none;
    padding: 2px 8px 0 32px; /* CFa Squiz */
    font-size: 0.7em;
    height: 15px;
}

a.international:hover {
    color: #478c1f;
}
ul.nav {
    margin: 0;
    padding: 0 0 9px 0;
    list-style-type: none;
}
ul.nav li {
    margin: 0;
    padding: 0 1px 0 0;
    float: left;
}
ul.nav li a {
    display: block;
    height: 25px;
    width: 0px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

ul.nav li.home a {
    background-image: url("http://www.discovertasmania.com/__data/assets/image/0005/46553/nav_home.gif");
    width: 44px;
}

ul.nav li.home a,
ul.nav li.take_me_home a,
ul.nav li.take_me_home a:visited,
ul.nav li.nav_id_9337 a {
    background-image: url("http://www.discovertasmania.com/__data/assets/image/0005/46553/nav_home.gif");
    width: 44px;
} /* CFa Squiz */


/*Squiz Navigation Changes CFa */
ul.nav li.destinations a,
ul.nav li.nav_id_261 a {
    background-image: url("http://www.discovertasmania.com/__data/assets/image/0003/46551/nav_destinations.gif");
    width: 78px;
}

ul.nav li.accommodation a,
ul.nav li.nav_id_3333 a {
    background-image: url("http://www.discovertasmania.com/__data/assets/image/0009/46548/nav_accommodation.gif");
    width: 95px;
}

ul.nav li.activities_and_attractions a,
ul.nav li.nav_id_3369 a {
    background-image: url("http://www.discovertasmania.com/__data/assets/image/0010/46549/nav_activities_and_attractions.gif");
    width: 128px;
}

ul.nav li.events a,
ul.nav li.nav_id_44610 a {
    background-image: url("http://www.discovertasmania.com/__data/assets/image/0004/46552/nav_events.gif");
    width: 48px;
}

ul.nav li.itineraries a,
ul.nav li.nav_id_3429 a {
    background-image: url("http://www.discovertasmania.com/__data/assets/image/0006/46554/nav_itineraries.gif");
    width: 65px;
}
ul.nav li.travel_information a,
ul.nav li.nav_id_3629 a {
    background-image: url("http://www.discovertasmania.com/__data/assets/image/0007/46555/nav_travel_information.gif");
    width: 104px;
}
ul.nav li.about_tasmania a,
ul.nav li.nav_id_3689 a {
    background-image: url("http://www.discovertasmania.com/__data/assets/image/0008/46547/nav_about_tasmania.gif");
    width: 95px;
}
ul.nav li.bookings a,
ul.nav li.nav_id_ a {
    background-image: url("http://www.discovertasmania.com/__data/assets/image/0020/46550/nav_bookings.gif");
    width: px;
}
/* End nav changes */

ul.nav li a:hover {
    background-position:  0 -26px;
}

ul.nav li a.current {
    background-position:  0 -52px;
}

ul.nav li a span {
    display: none;
}

ul.carrier {
    margin: 23px 0 0 53px;
    padding: 0;
    list-style-type: none;
}

ul.carrier li {
    margin: 0;
    padding: 0 28px 0 0;
    float: left;
}

.footerNav {
    padding: 12px 0;
    color: #478c1f;
    font-size: 0.9em;
}

.footerNav a {
    color: #6f6f6f;
    text-decoration: none;
}

/* content nav (landing page) */

ul.productNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 315px;
}

ul.productNav li {
    padding: 0;
    margin: 0;
    display: inline;
}

ul.productNav li a {
    display: block;
    margin: 0 0 0 0;
    padding: 11px 0 10px 27px;
    background: url("http://www.discovertasmania.com/__data/assets/image/0006/222/bg_product_nav.gif") no-repeat top left;
    color: #000;
    font-size: 1.05em;
    line-height: 1em;
    text-decoration: none;
    height: 15px;
    border-bottom: 1px solid #fff;
}

ul.productNav li a:hover {
    background-position: bottom left;
    background-color: transparent;
    color: #000;
}

ul.productNav li.current {
    background-color: #000;
}

ul.productNav li.current a {
    background: url("http://www.discovertasmania.com/__data/assets/image/0013/229/bg_product_nav_current.gif") no-repeat top left;
    color: #fff;
    border-bottom: 1px solid #000;
}

ul.productNav li.current a:hover {
    background: url("http://www.discovertasmania.com/__data/assets/image/0009/10413/bg_product_nav_current_hover.gif") no-repeat top left;
    color: #478c1f;
}

ul.productNav li.current img {
    display: none;
}

ul.productNav li img {
    float: right;
}

ul.productSubNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: right;
}

ul.productSubNav li {
    margin: 0;
    padding: 0;
    display: inline;
    background: none;
}

ul.productNav li.current ul.productSubNav li a {
    background: #000 url("http://www.discovertasmania.com/__data/assets/image/0008/224/icon_sub_nav_arrow.gif") no-repeat 29px 8px;
    color: #ccc;
    padding: 3px 0 3px 42px;
    margin: 0;
    display: block;
    text-decoration: none;
    line-height: 1.3em;
    border: 0;
    height: 16px;
}

ul.productNav li.current ul.productSubNav li a:hover {
    background: #242424 url("http://www.discovertasmania.com/__data/assets/image/0011/227/icon_sub_nav_arrow_hover.gif") no-repeat 29px 8px;
    color: #ccc;
}

ul.productNav li.current ul.productSubNav li a.current {
    background: #000 url("http://www.discovertasmania.com/__data/assets/image/0020/46073/icon_sub_nav_arrow_current.gif") no-repeat 29px 8px;
    color: #478c1f;
}

/* Header Changes */

body.zones ul.nav {
    margin: 0;
    padding: 9px 0 0 0;
    list-style-type: none;
}

body.zones ul.nav li {
    margin: 0;
    padding: 0;
    float: left;
}

body.zones ul.nav li a {
    display: block;
    width: auto;
}

body.zones ul.nav li.home a {
    width: 42px;
}

body.zones ul.nav li.destinations a {
    width: 73px;
}

body.zones ul.nav li.accommodation a {
    width: 92px;
}

body.zones ul.nav li.activities_and_attractions a {
    width: 123px;
}

body.zones ul.nav li.events a {
    width: 45px;
}

body.zones ul.nav li.itineraries a {
    width: 63px;
}

body.zones ul.nav li.travel_information a {
    width: 100px;
}

body.zones ul.nav li.about_tasmania a {
    width: 92px;
}

body.zones ul.nav li.flights a {
    width: 79px;
}

body.zones ul.nav li.ferries a {
    width: 79px;
}

body.zones ul.nav li.brochures a {
    width: 79px;
}

body.zones ul.nav li.maps {
    width: 78px;
}


    body.zones ul.nav .btn {
        height: 28px;
    }

    body.zones ul.nav .btn:hover img {
        top: -29px;
    }

    body.zones ul.nav .btn.current img {
        top: -58px;
    }


body.zones ul.carrier {
    margin: 23px 0 0 53px;
    padding: 0;
    list-style-type: none;
}

body.zones ul.carrier li {
    margin: 0;
    padding: 0 28px 0 0;
    float: left;
}

body.zones .footerNav {
    padding: 12px 0;
    color: #478c1f;
    font-size: 1em;
}

body.zones .footerNav a {
    color: #6f6f6f;
    text-decoration: none;
}
body.zones ul.altSiteLinks {
    margin: 3px 0 0 0;
    padding: 0;
    list-style-type: none;
}

body.zones ul.altSiteLinks li {
    margin: 0;
    padding: 0 3px 0 0;
    float: left;
    color: #478c1f;
}

body.zones ul.altSiteLinks li a {
    display: block;
    height: 2em;
    text-decoration: none;
}

body.zones ul.altSiteLinks li a:hover {
    color: #478c1f;
    text-decoration: none;
}

body.zones ul.altSiteLinks li a.current {
    color: #478c1f;
    background: url("") no-repeat bottom center;
}

/* add this bar */
.toolbar {
    width: 315px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 35px; /* Squiz CFa */
    padding-top: 10px; /* Squiz CFa */
}
.toolbar li {
    margin: 0;
    padding: 0;
}
    .toolbar .but_add_this {
        width: 129px;
        float: left;
    }
    .toolbar .but_toolbar {
        width: 186px;
        position: relative;
        float: left;
        z-index: 49;
    }
        .but_toolbar .toolbox {
            position: absolute;
            top: 16px;
            right: 0;
            border-top: 1px solid #fff;
            z-index: 49;
        }
        .but_toolbar .tools {
            display: none;
            margin: 0;
            padding: 0;
            list-style-type: none;
            border: 1px solid #c1c1c1;
            width: 184px;
            background: #f6f6f6;
            position: relative; 
            z-index: 49;
        }
        .but_toolbar:hover .tools,
        .but_toolbar.hover .tools {
            display: block;
        }
        .tools li a {
            display: block;
            padding: 7px 13px 0 40px;
            height: 20px;
            background: #f6f6f6;
            border-bottom: 1px solid #f6f6f6;
            text-decoration: none;
            color: #000;
        }
        .tools li a:hover {
            background: #8abd32;
            border-bottom: 1px solid #92c140;
            color: #fff;
        }
        .tools li .btn img {
            left: 8px;
        }
        .tools li .btn:hover img {
            top: -28px;
        }