/*
	# Company: Puma Energy
	# CSS Framework: 2012 Effectal Media
	# CSS Authors: Effectal Media - Nick Maller, Chris Vincent, Ian Wright
	# File: layout.css
*/

	.banner
	{
		display: none;
	}

/*
    ** Components :: Sitemap Module
*/

#sitemap li
{
    background: none;
}



/* 
	** Layout :: Core & Structure Specific
*/
/* layout */
.layout
{
	width: auto;
	padding: 0;
    background: #f5f5f5;
	font-size: 0.75em;
}

.layoutwidth
{
    margin: 0 auto;
    padding: 0 4%;
    width: 92%;
    position: relative;
}


/* banner */
.banner
{
    position: absolute;
    width: 100%;
    margin: 126px auto 0 auto;
    min-height: 260px;
    z-index: 1;
    background: transparent !important;
    text-align: center;
}
    .banner img
    {
        display: none;
        position: absolute;
        margin: 0 auto;
        z-index: 2;
    }
    .banner .slides
    {
        width: 100% !important;

        background: transparent !important;
    }
        .banner .slides .panel
        {
            width: 100% !important;
            position: absolute !important;
            left: 0 !important;
            top: 0 !important;
            background-color: transparent !important;
        }


/* header */
.header
{
    position: relative;
    height: 120px;
    background: url(../images/header-bg.png) 0 100% repeat-x #fff;
    z-index: 4;
    color: #adadad;
}
    .header .layoutwidth-outer
    {
        width: 100%;
        margin: 0 auto;
    }
    .header .layoutwidth
    {
        position: relative;
    }

    .header a:link,
    .header a:visited
    {
        color: #adadad;
    }
    .header .logo img
    {
        float: left;
        display: block;
        margin: 33px 0 0 0;
        width: 100%;
        max-width: 240px;
    }
    .header .mobile-search
    {
        float: right;
        width: 40px;
        height: 45px;
        margin-top: 30px;
        margin-right: 15px;
        background: url(../images/mobile-search.png) no-repeat 0 0 transparent;
        background-size: cover;
        cursor: pointer;
    }
        .header .mobile-search.active
        {
            background-position: 0 -45px;
        }
    .header .mobile-menu
    {
        float: right;
        display: block;
        width: 40px;
        height: 45px;
        margin-top: 30px;
        background: url(../images/mobile-menu.png) no-repeat 0 0 transparent;
        background-size: cover;
        cursor: pointer;
    }
        .header .mobile-menu.active
        {
            background-position: 0 -45px;
        }
	.header .navigation
	{
        display: none;
        width: 100%;
        position: absolute;
        top: 75px;
        left: 0;
        z-index: 2;
        background-size: 100%;
        box-shadow: 0px 5px 7px #ccc;
        border-top: 10px solid #df1a2a;
        z-index: 1;
	}
        .header .navigation.active
        {
            display: block;
        }
		.header .navigation ul
		{
            padding: 0;
		}
            .header .navigation ul li
            {
                padding-left: 0;
                background: url(../images/mobile-menu-item-bg.gif) repeat-x 0 100% transparent;
            }
                .header .navigation ul li a:link,
                .header .navigation ul li a:visited
                {
                    display: block;
                    padding: 13px 40px;
                    background: url(../images/mobile-menu-item-arrow.png) no-repeat 94% 12px transparent;
                    color: #666;
                    font-size: 15px;
                    text-transform: uppercase;
                }
                .header .navigation ul li.active a
                {
                    color: #ed1c24;
                }
    .header .search
    {
        display: none;
        width: 100%;
        position: absolute;
        top: 75px;
        left: 0;
        z-index: 2;
        background-color: #fff;
        box-shadow: 0px 5px 7px #ccc;
        border-top: 10px solid #df1a2a;
    }
        .header .search.active
        {
            display: block;
        }
        .header .search p
        {
            display: none;
        }
            .header .search p .login
            {
                font-weight: bold;
                color: #df1a2a;
            }

        .header .search form fieldset
        {
            padding: 30px;
        }
        .header .search form fieldset div
        {
            position: relative;
            padding: 0;
        }
        .header .search form fieldset label
        {
            display: none;
        }
        .header .search form fieldset label.overlabel-apply
        {
            display: block;
            position: absolute;
            top: 29px;
            left: 5%;
            width: auto;
            padding: 0;
            z-index: 6;
            color: #adadad;
        }
        .header .search form fieldset input.txt
        {
            display: block;
            width: 75%;
            height: 71px;
            padding: 0 20% 0 5%;
            position: relative;
            z-index: 4;
            border: 1px solid #d8d8d8;
            font-size: 12px;
            color: #212121;
        }
        .header .search form fieldset input.submit
        {
            position: absolute;
            top: 3px;
            right: 1px;
            float: right;
            z-index: 5;
            width: 67px;
            height: 67px;
            background: url(../images/mobile-search.gif) no-repeat 0 0 transparent;
            background-size: cover;
            border: none;
            cursor: pointer;
        }

    .header .country
    {
        display: none;
    }


/* screen */
.screen
{
	clear: both;
    padding: 221px 0 29px 0;
    position: relative;
    z-index: 3;

	font-size: 1em;
}


/* sectionpanel */
.sectionpanel
{
	display: none;
	float: none;
	width: 100%;
    padding-top: 18px;
    margin: -95px 0 0 10px;
    min-height: 340px;
}
	.sectionpanel .panel
	{
		padding: 0 0 23px 1px;
	}
        .sectionpanel .panel h2
        {
            padding: 0 19px 8px 19px;

            text-transform: uppercase;
            font-size: 16px;
            color: #666;
        }
            .sectionpanel .panel h2 a:link,
            .sectionpanel .panel h2 a:visited
            {
                color: #404040;
                text-decoration: none;
            }
            .sectionpanel .panel h2 a:hover
            {
                text-decoration: underline;
            }

        .sectionpanel .panel p
        {
            padding: 5px 19px 0 19px;
        }
        .sectionpanel .panel .image
        {
            display: block;
            margin: 0 19px;

            line-height: 0;
        }
            .sectionpanel .panel .image img
            {
                border: 1px solid #ddd;
            }

        .sectionpanel .panel .readMore
        {
            display: block;
            padding: 0 15px 0 0;
            margin: 10px 21px 0 19px;

            background: url(../images/sectionpanel-nav-bullet.png) 100% 4px no-repeat;

            text-align: right;
            font-weight: bold;
            color: #666;
        }

    .sectionpanel .navigation
    {
        padding: 0 0 40px 0;
    }
        .sectionpanel .navigation h2
        {
            padding: 28px 21px 20px 21px;

            background: #ed1c24;

            font-size: 18px;
            color: #fff;
        }
            .sectionpanel .navigation h2 a,
            .sectionpanel .navigation h2 a:link,
            .sectionpanel .navigation h2 a:active
            {
                color: #fff !important;
            }

        .sectionpanel .navigation ul
        {
            padding: 10px 0 0 0;
            clear: both;
        }
            .sectionpanel .navigation ul li
            {
                padding: 0 0 0 1px;
                background: none;

                list-style-position: outside;
                border-bottom: 1px solid #e6e6e6;
            }
            .sectionpanel .navigation ul li a:link,
            .sectionpanel .navigation ul li a:visited
            {
                display: block;
                padding: 13px 10px 13px 32px;

                background: url(../images/sectionpanel-nav-bullet.png) 21px 17px no-repeat;

                color: #666;
                text-decoration: none;
            }
            .sectionpanel .navigation ul li a:hover
            {
                text-decoration: underline;
            }
            .sectionpanel .navigation ul li.active
            {
                background: #ed1c24;
				font-weight: bold;
            }
            .sectionpanel .navigation ul li.active li.active
			{
				font-weight: bold;
			}
            .sectionpanel .navigation ul li.active li
			{
				font-weight: normal;
                font-size: 0.8em;
			}
                .sectionpanel .navigation > ul > li.active a
                {
                    padding: 13px 9px 13px 32px;

                    background: none;

                    color: #fff;
                }

            .sectionpanel .navigation ul li ul
			{
				margin-top: -10px;
				padding-bottom: 10px;
			}
            .sectionpanel .navigation ul li ul li
            {
                border-bottom: 0;
            }
                .sectionpanel .navigation ul li ul li a:link,
                .sectionpanel .navigation ul li ul li a:visited
                {
					padding: 5px 9px 5px 42px;

                    background: url(../images/sectionpanel-nav-bullet-active.png) 31px 7px no-repeat;
                }
                .sectionpanel .navigation ul li ul li.active
                {
                    background: #be161d;
                }



/* content */
.content
{
    position: relative;
    float: left;
	width: 100%;
    margin: 0;
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 2px 2px 1px 0 #eee;
}
    .content p.small
    {
        font-size: 90%;
    }
    .content p.highlighted
    {
        font-size: 1.45em;
        color: #666;
    }
    .content h1,
    .content h2.large
    {
        padding: 0;

        font-size: 2.0em;
        text-transform: uppercase;
    }
    .content h1.small
    {
        font-size: 1.8em;
        text-transform: none;
    }
    .content h1 a:link,
    .content h1 a:visited,
    .content h2 a:link,
    .content h2 a:visited
    {
        color: #ed1c24;
    }
    .content h3 a:link,
    .content h3 a:visited,
    .content h4 a:link,
    .content h4 a:visited,
    .content h5 a:link,
    .content h5 a:visited,
    .content h6 a:link,
    .content h6 a:visited
    {
        color: #3a3a3a;
    }
	.content .group
	{
        padding: 42px 30px 30px 30px;
	}
	.content .breadcrumbs
	{
        padding-top: 3px;
		padding-bottom: 30px;
		
		color: #afafaf;
	}
        .content .breadcrumbs a:link,
        .content .breadcrumbs a:visited
        {
            color: #bdbfc2;
            text-decoration: none;
        }
        .content .breadcrumbs a:hover
        {
            color: #7d7e80;
            text-decoration: underline;
        }

    .content p.first
    {
        font-size: 14px;
    }
    .content .accordion
    {
        margin: 0 0 30px 0;

        border: 1px solid #ddd;
        border-top: none;
    }
        .content .accordion .itemHeader
        {
            padding: 0;

            border-top: 1px solid #ddd;
            background: url(../images/accordion-bg.jpg) 0% 100% repeat-x;

            color: #666;
        }
            .content .accordion .itemHeader a:link,
            .content .accordion .itemHeader a:visited
            {
                display: block;
                padding: 16px 55px 14px 20px;

                background: url(../images/accordion-itemHeader-state-inactive.jpg) 425px 13px no-repeat;

                line-height: 24px;
                text-transform: uppercase;
                font-size: 14px;
                font-style: italic;
                color: #666;
            }
                .content .accordion .itemHeader a img
                {
                    float: left;
                    margin-right: 12px;

                    line-height: 0;
                }

            .content .accordion .itemHeader.active
            {
                padding-bottom: 20px;

                background: none;
            }
                .content .accordion .itemHeader.active a:link,
                .content .accordion .itemHeader.active a:visited
                {
                    background-image: url(../images/accordion-itemHeader-state-active.jpg);
                }

            .content .accordion .itemHeader.plain
            {
                font-style: normal;
            }
                .content .accordion .itemHeader.plain a
                {
                    padding: 20px 55px 18px 20px;

                    font-style: normal;
                    line-height: 16px;
                }

        .content .accordion .itemContent
        {
            display: none;
            padding: 0 20px 15px 20px;
        }
            .content .accordion .itemContent h3
            {
                padding: 0 0 15px 0;
            }
            .content .accordion .itemContent hr
            {
                clear: both;
                height: 1px !important;
                margin: 15px 0 30px -20px;
                width: 473px;
                visibility: visible;

                background: #ddd;
                border: medium none #ddd;

                color: #ddd;
            }
            .content .accordion .itemContent p.right
            {
                width: 150px;
            }
            .content .accordion .itemContent .download
            {
                float: right;
                display: block;
                padding-left: 25px;

                background: url(../images/icon-cloud.png) 0% 0% no-repeat;
            }
            .content .accordion .itemContent.active
            {
                display: block;
            }

    .content .wayfinder
    {
        clear: both;
        width: 100%;
        float: left;
    }
        .content .wayfinder .panel
        {
            position: relative;
            float: left;
            width: 100%;
            min-height: 0;
            margin: 0 0 20px 0;
            z-index: 10;
            padding: 0;
            background-color: #f5f5f5;
            border: 1px solid #d8d8d8;
            box-shadow: 2px 2px 2px 2px #eee;
            line-height: 17px;
            color: #686868;
        }
            .content .wayfinder .panel .group h2,
            .content .wayfinder .panel .group h3
            {
                padding-top: 12px;
                padding-bottom: 5px;
                background: url(../images/content-header-bg.png) 0 0 no-repeat;
	            color: #ed1c24;
                font-size: .8em;
                text-transform: uppercase;
            }
                .content .wayfinder .panel .group h2 a,
                .content .wayfinder .panel .group h3 a
                {
                    color: #ed1c24;
                }
            .content .wayfinder .panel .group a
            {
                color: #666;
            }
            .content .wayfinder .panel .group p
            {
                padding-bottom: 15px;
            }
            .content .wayfinder .panel .group ul
            {
                padding-bottom: 15px;
            }
                .content .wayfinder .panel .group ul li
                {
                    padding-left: 10px;
                    padding-bottom: 5px;
                    background: url(../images/sectionpanel-nav-bullet.png) 0 3px no-repeat;
                }
            .content .wayfinder .panel .group .readMore
            {
                position: absolute;
                top: 46%;
                right: 5%;
                display: block;
                width: 14px;
                height: 20px;
                background: url(../images/mobile-wayfinder-arrow.gif) 100% 0 no-repeat;
            }
                .content .wayfinder .panel .group .readMore span
                {
                    display: none;
                }
        .content .wayfinder.TwoColGrid .panel .image img,
        .content .wayfinder.TwoColGrid .panel img.image
        {
            width: 100%;
            max-width: none;
        }
        .content .wayfinder.TwoColGrid .panel .group
        {
            position: relative;
	        float: left;
            padding: 20px 15px 24px 15px;
        }
            .content .wayfinder.TwoColGrid .panel .group .readMoreImage
            {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
	            height: 100%;
            }
        .content .wayfinder.TwoColGrid .panel.hasLink .group .readMore
        {
            position: static;
            display: block;
	        width: 100%;
	        background-position: 75px 0;
        }
			.content .wayfinder.TwoColGrid .panel.hasLink .group .readMore span
			{
				display: inline;
			}
        .content .wayfinder.TwoColGrid .panel.alt
        {
            margin-right: 0;
        }
        .content .wayfinder.ThreeColGrid .panel
        {
            float: left;
            width: 226px;
            margin: 0 17px 20px 0;
            position: relative;
            z-index: 10;
            padding: 0;
            line-height: 17px;
            color: #686868;
        }
            .content .wayfinder.ThreeColGrid .panel .image
            {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 11;
            }
            .content .wayfinder.ThreeColGrid .panel .group
            {
                float: left;
                width: 185px;
                padding: 235px 15px 24px 15px;
                position: relative;
                z-index: 12;
                min-height: 0;
            }
                .content .wayfinder.ThreeColGrid .panel .group .readMoreImage
                {
	                position: absolute;
	                top: 0;
	                left: 0;
	                display: block;
	                width: 100%;
	                height: 100%;
                }
            .content .wayfinder.ThreeColGrid .panel.hasLink .group
            {
                padding-bottom: 43px;
            }
                .content .wayfinder.ThreeColGrid .panel.hasLink .group .readMore
                {
                    position: absolute;
                    bottom: 24px;
                    left: 15px;
                }
            .content .wayfinder.ThreeColGrid .panel.alt
            {
                margin-right: 0;
            }
            .content .wayfinder .panel a.image img,
            .content .wayfinder .panel img.image
            {
                float: left;
                width: 40%;
                max-width: 230px;
            }
            .content .wayfinder.List .panel .group
            {
                position: relative;
                float: left;
                width: 50%;
                padding: 5% 5% 0 5%;
                z-index: 12;
            }
            .content .wayfinder.List .panel .group div.wayfinder-content
            {
                display: none;
            }
                .content .wayfinder.List .panel .group .readMoreImage
                {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                }

    .content .video
    {
        padding-bottom: 30px;
        overflow: hidden;
    }


/* sidepanel */
.sidepanel
{
	float: left;
	width: 92%;
	padding: 0 4% 30px;
	border: 1px solid #ddd;
	box-shadow: 2px 2px 1px 0 #eee;
}
	.sidepanel .panel
	{
		clear: both;
		position: relative;
		padding: 10px 0 10px;
        z-index: 15;
	}
        .sidepanel .panel h2
        {
            padding-top: 12px;
            text-transform: uppercase;
            color: #666666;
            font-size: 1.45em;
        }
		.sidepanel .panel .image img
		{
			float: left;
			width: 55%;
			max-width: 275px;
			padding-right: 20px;
		}
        .sidepanel .panel p
        {
            padding: 0 0 15px 0;
        }
        .sidepanel .panel .readMore
        {
            display: inline-block;
            padding: 0 13px 0 0;
            background: url(../images/sectionpanel-nav-bullet.png) 100% 4px no-repeat;
	        color: #666;
            font-weight: bold;
	        text-align: right;
        }
        .sidepanel .panel.first h2
        {
            font-size: 18px;
        }
        .sidepanel .panel.serviceStations
        {
            display: none;
        }
            .sidepanel .panel.serviceStations h2
            {
                padding-bottom: 5px;
            }
            .sidepanel .panel.serviceStations p
            {
                padding-bottom: 5px;
            }
            .sidepanel .panel.serviceStations .states
            {
                width: 183px;
                height: 168px;
                margin: 5px 0 5px 8px;
                padding: 0;
                position: relative;
                z-index: 25;
                background: url(../images/sidepanel-serviceStations-map-sprite.png) 0% 0% no-repeat;
            }
            .sidepanel .panel.serviceStations .states li
            {
                position: absolute;
                padding: 0;
                background: none;
            }
            .sidepanel .panel.serviceStations .states li a
            {
                display: block;
            }

            .sidepanel .panel.serviceStations .states li.qld    {   top: 0; left: 113px;    width: 74px; height: 69px;      }
            .sidepanel .panel.serviceStations .states li.qld a  {   width: 74px; height: 69px;                              }
            .sidepanel .panel.serviceStations .states li.nsw    {   top: 79px; left: 127px;    width: 55px; height: 38px;      }
            .sidepanel .panel.serviceStations .states li.nsw a  {   width: 55px; height: 38px;                              }
            .sidepanel .panel.serviceStations .states li.vic    {   top: 115px; left: 127px;    width: 42px; height: 25px;      }
            .sidepanel .panel.serviceStations .states li.vic a  {   width: 42px; height: 25px;                              }
            .sidepanel .panel.serviceStations .states li.sa     {   top: 71px; left: 71px;    width: 54px; height: 65px;      }
            .sidepanel .panel.serviceStations .states li.sa a   {   width: 54px; height: 65px;                              }
            .sidepanel .panel.serviceStations .states li.nt     {   top: 0; left: 72px;    width: 40px; height: 69px;      }
            .sidepanel .panel.serviceStations .states li.nt a   {   width: 40px; height: 69px;                              }
            .sidepanel .panel.serviceStations .states li.wa     {   top: 14px; left: 0;    width: 71px; height: 109px;      }
            .sidepanel .panel.serviceStations .states li.wa a   {   width: 71px; height: 109px;                              }

            .sidepanel .panel.serviceStations .states.qld   {   background-position: 0 -168px;  }
            .sidepanel .panel.serviceStations .states.nsw   {   background-position: 0 -336px;  }
            .sidepanel .panel.serviceStations .states.vic   {   background-position: 0 -504px;  }
            .sidepanel .panel.serviceStations .states.sa    {   background-position: 0 -672px;  }
            .sidepanel .panel.serviceStations .states.nt    {   background-position: 0 -840px;  }
            .sidepanel .panel.serviceStations .states.wa    {   background-position: 0 -1008px;  }

            .sidepanel .panel.serviceStations
            {
                position: relative;
                z-index: 47;
            }
                .sidepanel .panel.serviceStations .search
                {
                    position: relative;
                    z-index: 48;
                }
                .sidepanel .panel.serviceStations .search fieldset
                {
                    padding: 0;
                    position: relative;
                    z-index: 49;
                }
                    .sidepanel .panel.serviceStations .search fieldset p
                    {
                        padding: 0 0 5px 0;
                        margin-top: -15px;
                    }
                    .sidepanel .panel.serviceStations .search fieldset p span
                    {
                        display: block;
                    }
                    .sidepanel .panel.serviceStations .search fieldset div
                    {
                        position: relative;
                        padding: 0;
                    }
                    .sidepanel .panel.serviceStations .search fieldset label
                    {
                        display: none;
                    }
                        .sidepanel .panel.serviceStations .search fieldset label.overlabel-apply
                        {
                            display: block;
                            top: 29px;
                            left: 11px;
                            position: absolute;
                            z-index: 6;
                            width: auto;
                            padding: 0;
                            color: #adadad;
                        }
                        .sidepanel .panel.serviceStations .search fieldset label.error
                        {
                            display: none;
                            padding: 5px 0 0 0;
                            float: left;
                            clear: none;
                            color: #00764A;
                            font-size: 12px;
                            font-weight: normal;
                        }
                    .sidepanel .panel.serviceStations .search fieldset input.txt
                    {
                        width: 156px;
                        height: 29px;
                        padding: 0 33px 0 10px;
                        position: relative;
                        z-index: 4;
                        border: 1px solid #d8d8d8;
                        font-size: 12px;
                        color: #212121;
                    }
                    .sidepanel .panel.serviceStations .search fieldset input.submit
					{
						position: absolute;
						top: 0;
						right: 14px;
						float: right;
						z-index: 5;
						width: 31px;
						height: 31px;
						background: url(../images/mobile-search.gif) no-repeat 0 0 transparent;
						background-size: cover;
						border: none;
						cursor: pointer;
                    }
                    .sidepanel .panel.serviceStations .search fieldset .hasSelectedState label.selectedState
                    {
                        display: block;
                        top: 29px;
                        left: 11px;
                        position: absolute;
                        z-index: 6;
                        width: auto;
                        padding: 0;

                        color: #7a7a7a;
                    }
                    .sidepanel .panel.serviceStations .search fieldset .hasSelectedState input.txt
                    {
                        padding-left: 43px;
                        width: 123px !important;
                    }
                        .sidepanel .panel.serviceStations .search fieldset .suburbList
                        {
                            display: none;
                            position: absolute;
                            top: 78px;
                            left: 0;
                            z-index: 50;
                            width: 199px;
                            padding: 0;
                            background: #fff;
                            border: 1px solid #b6b6b6;
                        }
                            .sidepanel .panel.serviceStations .search fieldset .suburbList h3
                            {
                                padding: 10px;
                                text-transform: uppercase;
                                color: #bababa;
                                font-size: 11px;
                            }
                            .sidepanel .panel.serviceStations .search fieldset .suburbList ul
                            {
                                padding: 0;
                            }
                                .sidepanel .panel.serviceStations .search fieldset .suburbList ul li
                                {
                                    padding: 0;
                                    background: none;
                                    font-size: 11px;
                                }
                                    .sidepanel .panel.serviceStations .search fieldset .suburbList ul li a:link,
                                    .sidepanel .panel.serviceStations .search fieldset .suburbList ul li a:visited
                                    {
                                        padding: 10px;
                                        display: block;
                                        border-top: 1px solid #b6b6b6;
                                        color: #666;
                                    }
                                    .sidepanel .panel.serviceStations .search fieldset .suburbList ul li a:hover
                                    {
                                        background: #ED1C24;
                                        color: #fff;
                                        text-decoration: none;
                                    }

        .sidepanel .panel.applyNow a
        {
            display: block;
            width: 200px;
            height: 61px;

            background: url(../images/btn-applyNow.jpg) 0% 0% no-repeat;
        }

            .sidepanel .downloads li,
            .sectionpanel .downloads li
			{
				padding-left: 19px;
				background: url(../images/ico-pdf.gif) no-repeat 0px 2px;
			}
            .sidepanel .downloads li a,
            .sectionpanel .downloads li a
			{
				color: #666;
			}
            .sectionpanel .downloads ul
			{
				padding-left: 19px;
			}
            .sectionpanel .downloads img
			{
				width: 100% !important;
			}




/* security */
.security
{
    clear: both;
    padding: 90px 0 29px 0;
    position: relative;
    z-index: 3;

    font-size: 1em;
}
    .security .content
    {
        width: 319px;
        margin: 0 auto 50px auto;
        float: none;

        border: 1px solid #dbdbdb;
    }
        .security .content .group
        {
            padding-top: 30px;
            width: auto;
        }
            .security .content .group h1
            {
                margin-bottom: 20px;
                text-align: center;
                font-size: 1.4em;
            }
            .security .form-container fieldset div
            {
                width: 100%;
                padding: 0;
            }
                .security .form-container fieldset > div
                {
                    padding-bottom: 20px;
                }
                    .security .form-container fieldset > div.clear
                    {
                        padding: 0;
                    }

            .security .form-container fieldset label
            {
                text-transform: none;
            }
            .security .form-container fieldset div.checkbox input[type=checkbox]
            {
                width: auto;
                height: auto;
                float: left;

                opacity: 1;
            }
            .security .form-container fieldset div.checkbox label
            {
                padding: 0 0 0 20px;
                height: auto;

                background: none;
            }

            .security .form-container .Actions
            {
                margin: 0;
                padding: 0;

                border: none;
            }
                .security .form-container .Actions .action
                {
                    width: 104%;
                    display: block;
                }
                .security .form-container .Actions p
                {
                    width: 104%;
                    font-size: 0.9em;
                }
                    .security .form-container .Actions p a
                    {
                        color: #666;
                    }








/* footer */
.footer
{
	clear: both;
    padding: 0 0 70px 0;
    z-index: 2;

	color: #666;
}
	.footer a:link,
	.footer a:visited
	{
        color: #666;
		text-decoration: none;
	}
	.footer a:hover
	{
		text-decoration: underline;
	}
	.footer .navigation ul
	{
		font-size: 11px;
	}
    .footer .navigation > ul
    {
	    width: 100%;
        padding: 0;
    }
        .footer .navigation ul li
        {
	        float: left;
	        width: 47%;
            padding: 0 6% 0 0;
            background: none;
            list-style-position: outside;
        }
			.footer .navigation ul li:nth-child(even)
			{
				padding-right: 0;
			}
            .footer .navigation ul li h2
            {
                padding-bottom: 8px;

                font-size: 14px;
                text-transform: uppercase;
                color: #00764a;
                font-weight: normal;
            }
                .footer .navigation ul li h2 a
                {
                    color: #00764a;
                }
            .footer .navigation ul li ul.footer-links
            {
				padding-bottom: 10px;
            }
                .footer .navigation ul li ul.footer-links li
                {
	                float: none;
	                width: 100%;
                    padding: 0 0 5px 0 !important;
                    background: none;
                }
            .footer .navigation ul li.last
            {
                padding-right: 0;
            }
    .footer .siteWayfinder
    {
        clear: both;
        height: 225px;
        margin-top: 20px;
        padding: 0;
        background: url(../images/mobile-footer-siteWayfinder-bg.gif) no-repeat 50% 0 transparent;
        background-size: 100% 100%;
    }
        .footer .siteWayfinder ul
        {
            float: left;
            padding: 12px 0 0 0;
        }
            .footer .siteWayfinder ul li
            {
                float: left;
                padding: 0;
                height: 70px;
                background: none;
            }
                .footer .siteWayfinder ul li h2
                {
                    font-size: 14px;
                    text-transform: uppercase;
                    color: #8a8a8a;
                    font-weight: normal;
                }
                .footer .siteWayfinder ul li a:link,
                .footer .siteWayfinder ul li a:visited
                {
                    display: block;
                    float: left;
                    margin: 0 13px 0 0;
                }
                .footer .siteWayfinder ul li.commercial
                {
                    width: 100px;
                    padding: 10px 0 0 0;
                }
                    .footer .siteWayfinder ul li.commercial .pumaenergy
                    {
                        display: block;
                        width: 100px;
                        height: 13px;
                        margin-top: 10px;
                        background: url(../images/footer-logo-pumaenergy.png) 0% 0% no-repeat;
                        background-size: cover;
                    }
                    .footer .siteWayfinder ul li.commercial .pumaenergy:hover
                    {
                        background-position: 0 -17px;
                    }

                .footer .siteWayfinder ul li.delivery
                {
                    width: 114px;
                    padding: 10px 0 0 24px;
                }
                    .footer .siteWayfinder ul li.delivery a
                    {
                        margin-top: -2px;
                    }
                    .footer .siteWayfinder ul li.delivery .directHaul
                    {
                        display: block;
                        width: 90px;
                        height: 35px;
                        background: url(../images/footer-logo-directhaul.png) 0% 0% no-repeat;
                        background-size: cover;
                    }
                    .footer .siteWayfinder ul li.delivery .directHaul:hover
                    {
                        background-position: 0 -34px;
                    }
                .footer .siteWayfinder ul li.retail
                {
                    padding: 10px 0 0 0;
                }
                    .footer .siteWayfinder ul li.retail .gull
                    {
	                    display: block;
                        width: 80px;
                        height: 16px;
	                    margin-top: 9px;
                        background: url(../images/footer-logo-gull.png) 0% 0% no-repeat;
                        background-size: cover;
                    }
	                    .footer .siteWayfinder ul li.retail .gull:hover
	                    {
	                        background-position: 0 -16px;
	                    }
                    .footer .siteWayfinder ul li.retail .choice
                    {
	                    display: block;
	                    width: 50px;
	                    height: 35px;
	                    margin-top: -2px;
                        background: url(../images/footer-logo-choice.png) 0% 0% no-repeat;
                        background-size: cover;
                    }
	                    .footer .siteWayfinder ul li.retail .choice:hover
	                    {
	                        background-position: 0 -35px;
	                    }
                    .footer .siteWayfinder ul li.retail .peak
                    {
	                    display: block;
                        width: 65px;
                        height: 22px;
	                    margin-top: 7px;
	                    margin-right: 0;
                        background: url(../images/footer-logo-peak.png) 0% 0% no-repeat;
                        background-size: cover;
                    }
	                    .footer .siteWayfinder ul li.retail .peak:hover
	                    {
	                        background-position: 0 -22px;
	                    }
                    .footer .siteWayfinder ul li.retail .matilda
                    {
	                    display: block;
                        width: 55px;
                        height: 29px;
	                    margin-top: 3px;
                        background: url(../images/footer-logo-matilda.png) 0% 0% no-repeat;
                        background-size: cover;
                    }
	                    .footer .siteWayfinder ul li.retail .matilda:hover
	                    {
	                        background-position: 0 -29px;
	                    }
                    .footer .siteWayfinder ul li.retail .puma
                    {
	                    display: block;
                        width: 100px;
                        height: 13px;
	                    margin-top: 10px;
                        background: url(../images/footer-logo-puma.png) 0 0 no-repeat;
	                    background-size: cover;
                    }
	                    .footer .siteWayfinder ul li.retail .puma:hover
	                    {
	                        background-position: 0 -13px;
	                    }

    .footer .copyright
    {
        clear: both;
        padding: 0;
        font-size: 11px;
        text-align: center;
    }





/*
    ** Layout :: Themes
*/

#home .screen
{
    /*padding-top: 565px;*/
	padding-top: 30px;
}
#home .content .panel.list h2
{
    padding: 17px 0 14px 31px;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
}
    #home .content .panel.list.motorists h2
    {
        background-color: #df1a2a;
    }
    #home .content .panel.list.commercial h2
    {
        background-color: #008261;
    }
    #home .content .panel.list ul
    {
        padding-bottom: 0;
    }
        #home .content .panel.list ul li
        {
            padding: 0;
            background: none;
            border-top: 1px solid #dbdbdb;
        }
            #home .content .panel.list ul li.first
            {
                border-top: none;
            }
            #home .content .panel.list ul li span.no-link,
            #home .content .panel.list ul li a:link,
            #home .content .panel.list ul li a:visited
            {
                display: block;
                padding: 12px 5% 12px 55px;
                background: url(../images/mobile-home-panel-li-arrow.gif) no-repeat 30px 10px transparent;
                color: #666;
                font-size: 14px;
            }
                #home .content .panel.list ul li span.no-link,
                #home .content .panel.list.commercial ul li a
                {
                    background-position: 30px -68px;
                }
            #home .content .panel.list ul li ul li
            {
                padding-left: 23px;
            }
                #home .content .panel.list ul li ul li a:link,
                #home .content .panel.list ul li ul li a:visited
                {
                    background-position: 30px -119px;
                }
#home .content .panel.slideshow
{
    float: left;
    padding: 25px;
}
    #home .content .panel.slideshow a:link,
    #home .content .panel.slideshow a:visited
    {
        color: #666;
    }
    #home .content .panel a.readMore
    {
        padding: 0 13px 0 0;
        background: url(../images/sectionpanel-nav-bullet.png) 100% 4px no-repeat;
        color: #666;
        font-weight: bold;
        text-align: right;
    }
    #home .content .panel.slideshow a img
    {
        display: none;
    }


#home .content .sidepanel
{
    position: absolute;
    top: -430px;
    left: 0;
    float: none;
    min-height: 0;
    padding-top: 15px;
    padding-bottom: 10px;
    background: #fff;
    border: 1px solid #dbdbdb;
}
    #home .content .sidepanel .panel
    {
        width: 271px;
        margin: 0;
        padding: 0;
    }
        #home .content .sidepanel .panel.serviceStations
        {
            display: block;
            width: 100%;
        }
        #home .content .sidepanel .panel.serviceStations h2
        {
            padding: 0;
            background: none;
            color: #ed1c24;
            font-size: 1.4em;
            text-transform: uppercase;
        }
        #home .content .sidepanel .panel.serviceStations p
        {
            padding: 5px 0 0 0;
        }
        #home .content .sidepanel .panel.serviceStations .states
        {
            width: 219px;
            height: 201px;
            margin: 5px auto 0;
            padding: 0;
            position: relative;
            background: url(../images/sidepanel-serviceStations-map-large-sprite.png) 0% 0% no-repeat;
        }
            #home .content .sidepanel .panel.serviceStations .states li
            {
                background: none;
            }
            #home .content .sidepanel .panel.serviceStations .states li.qld    {   top: 0; left: 135px; width: 85px; height: 83px;      }
            #home .content .sidepanel .panel.serviceStations .states li.qld a  {   width: 85px; height: 83px;                           }
            #home .content .sidepanel .panel.serviceStations .states li.nsw    {   top: 100px; left: 152px; width: 67px; height: 45px;  }
            #home .content .sidepanel .panel.serviceStations .states li.nsw a  {   width: 67px; height: 45px;                           }
            #home .content .sidepanel .panel.serviceStations .states li.vic    {   top: 145px; left: 150px; width: 65px; height: 30px;  }
            #home .content .sidepanel .panel.serviceStations .states li.vic a  {   width: 65px; height: 30px;                           }
            #home .content .sidepanel .panel.serviceStations .states li.sa     {   top: 84px; left: 85px; width: 65px; height: 80px;    }
            #home .content .sidepanel .panel.serviceStations .states li.sa a   {   width: 65px; height: 80px;                           }
            #home .content .sidepanel .panel.serviceStations .states li.nt     {   top: 0; left: 85px; width: 49px; height: 83px;       }
            #home .content .sidepanel .panel.serviceStations .states li.nt a   {   width: 49px; height: 83px;                           }
            #home .content .sidepanel .panel.serviceStations .states li.wa     {   top: 14px; left: 0; width: 85px; height: 131px;      }
            #home .content .sidepanel .panel.serviceStations .states li.wa a   {   width: 85px; height: 131px;                          }

            #home .content .sidepanel .panel.serviceStations .states.qld   {   background-position: 0 -201px;  }
            #home .content .sidepanel .panel.serviceStations .states.nsw   {   background-position: 0 -402px;  }
            #home .content .sidepanel .panel.serviceStations .states.vic   {   background-position: 0 -603px;  }
            #home .content .sidepanel .panel.serviceStations .states.sa    {   background-position: 0 -804px;  }
            #home .content .sidepanel .panel.serviceStations .states.nt    {   background-position: 0 -1005px;  }
            #home .content .sidepanel .panel.serviceStations .states.wa    {   background-position: 0 -1206px;  }

        #home .content .sidepanel .panel.serviceStations .search
        {
            position: relative;
            z-index: 100;
            padding-top: 5px;
        }
            #home .content .sidepanel .panel.serviceStations .search fieldset input.txt
            {
                width: 75%;
                height: 71px;
                padding: 0 20% 0 5%;
            }
            #home .content .sidepanel .panel.serviceStations .search fieldset input.submit
            {
                position: absolute;
                top: 1px;
                right: 1px;
                float: right;
                z-index: 5;
                width: 71px;
                height: 71px;
                background: url(../images/mobile-search.gif) no-repeat 0 0 transparent;
                background-size: cover;
                border: none;
                cursor: pointer;
                border-left: 1px solid #d8d8d8;
            }
            #home .content .sidepanel .panel.serviceStations .search fieldset .hasSelectedState input.txt
            {
                width: 64% !important;
                padding-left: 16%;
            }
            #home .content .sidepanel .panel.serviceStations .search fieldset .readMore
            {
                width: 98%;
                margin-top: 5px;
            }


#contactUs .generalDetails
{
    float: left;
    width: 100%;
}
    #contactUs .generalDetails .split
    {
        padding-top: 15px;
    }
        #contactUs .generalDetails .split .panel
        {
            width: 86%;
            padding: 0 0 35px 45px;
        }
            #contactUs .generalDetails .split .panel h2
            {
                padding: 0 0 15px 0;
                background: none;
            }
            #contactUs .generalDetails .split .panel ul
            {
                padding: 0;
            }
                #contactUs .generalDetails .split .panel ul li
                {
                    padding: 0 0 5px 0;
                    background: none;
                }
                    #contactUs .generalDetails .split .panel ul li span
                    {
                        display: inline-block;
                        width: 75px;
                    }
                #contactUs .generalDetails .split .panel.general   {   background: url(../images/icon-info.png) 0 3px no-repeat; }
                #contactUs .generalDetails .split .panel.orders    {   background: url(../images/icon-orders.png) 0 3px no-repeat; }
                #contactUs .generalDetails .split .panel.accounts  {   background: url(../images/icon-accounts.png) 0 3px no-repeat; }
                #contactUs .generalDetails .split .panel.sales     {   background: url(../images/icon-sales.png) 0 3px no-repeat; }
                #contactUs .generalDetails .split .panel.franchise {   background: url(../images/icon-sales.png) 0 3px no-repeat;  }

#contactUs .contactForm
{
    float: left;
    width: 80%;
    margin-bottom: 30px;
}
    #contactUs .contactForm.box
    {
        padding: 30px 10%;
    }
    #contactUs .contactForm h2
    {
        padding: 0 0 10px 0;
        background: none;
    }
    #contactUs .contactForm fieldset
    {
        padding: 0;
    }
        #contactUs .contactForm fieldset div
        {
            position: relative;
        }
        #contactUs .contactForm fieldset label
        {
            display: none;
        }
            #contactUs .contactForm fieldset label.overlabel-apply
            {
                display: block;
                top: 12px;
                left: 11px;
                position: absolute;
                z-index: 6;
                width: auto;
                padding: 0;
                color: #7a7a7a;
            }
            #contactUs .contactForm fieldset label.error
            {
                display: none;
                padding: 5px 0 0 0;
                float: left;
                clear: none;
                color: #00764A;
                font-size: 12px;
                font-weight: normal;
            }
        #contactUs .contactForm fieldset input.txt,
        #contactUs .contactForm fieldset textarea.txt
        {
            width: 90%;
            padding: 6px 5%;
            border-color: #b6b6b6;
        }
        #contactUs .contactForm fieldset select.ddl
        {
            width: 100%;
            padding: 6px 5%;
            border-color: #b6b6b6;
        }

/* Service Station Results */
#serviceStationSearch .screen .layoutwidth-inner
{
    min-height: 300px;
}
#serviceStationSearch .group
{
    padding: 22px 0 0;
}
#serviceStationSearch h1
{
    position: relative;
    z-index: 20;
    padding: 0 30px;
}
#serviceStationSearch .breadcrumbs
{
    position: relative;
    z-index: 20;
    padding: 3px 30px 30px;
}
#serviceStationSearch .searchStations
{
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
    z-index: 18;
    font-size: 1em;
}
    #serviceStationSearch .tabset.right ul li
    {
        float: left;
        width: 49%;
        border-right: 1px solid #ddd;
    }
    #serviceStationSearch .tabset ul li a
    {
        padding: 0;
        text-align: center;
    }
    #serviceStationSearch .searchStations .box
    {
        position: relative;
        float: left;
        width: 90%;
        min-height: 845px;
        padding: 30px 5% !important;
        margin-bottom: 20px;
    }
    #serviceStationSearch .searchStations fieldset
    {
        position: absolute;
        top: 400px;
        left: 0;
        width: 90%;
        padding: 0 5% 0 5%;
        min-height: 294px;
    }
        #serviceStationSearch .searchStations fieldset .search
        {
            position: relative;
            float: left;
            width: 100%;
            padding: 0;
            clear: none;
        }
            #serviceStationSearch .searchStations fieldset .search h2
            {
                padding: 0 0 10px 0;
            }
            #serviceStationSearch .searchStations fieldset .search label
            {
                width: auto;
                padding: 0;

                line-height: 31px;
            }
                #serviceStationSearch .searchStations fieldset .search label.overlabel-apply
                {
                    position: absolute;
                    top: 12px;
                    left: 11px;
                    display: block;
                    z-index: 6;
                    color: #7a7a7a;
                    line-height: normal
                }
                #serviceStationSearch .searchStations fieldset .search label.error
                {
                    display: none;
                    padding: 5px 0 0 0;
                    float: left;
                    clear: none;
                    color: #00764A;
                    font-size: 12px;
                    font-weight: normal;
                    line-height: normal;
                }
            #serviceStationSearch .searchStations fieldset .search input.txt
            {
                width: 90%;
                height: 40px;
                padding: 0px 5%;
                position: relative;
                z-index: 4;
                border: 1px solid #B6B6B6;
                font-size: 12px;
                color: #212121;
            }
            #serviceStationSearch .searchStations fieldset .search.hasSelectedState label.selectedState
            {
                display: block;
                top: 13px;
                left: 11px;
                position: absolute;
                z-index: 6;
                color: #7a7a7a;
                line-height: normal
            }
            #serviceStationSearch .searchStations fieldset .search.hasSelectedState input.txt
            {
	            width: 79%;
                padding-left: 16%;
            }
		#serviceStationSearch .searchStations fieldset .section
		{
			float: none;
			width: 100%;
			padding: 0;
		}
		#serviceStationSearch .searchStations fieldset .split
        {
            float: none;
            width: 100%;
            padding: 0;
        }
            #serviceStationSearch .searchStations fieldset .split .panel
            {
                float: left;
                clear: both;
                width: 100%;
                padding: 0;
            }
                #serviceStationSearch .ui-multiselect-checkboxes label span
                {
                    font-size: 1em;
                }
                #serviceStationSearch .searchStations fieldset .split .panel.alt
                {
                    padding-right: 0;
                    clear: none;
                }
        #serviceStationSearch .searchStations fieldset .submit
        {
            float: none;
            clear: both;
            width: 100%;
            padding: 30px 0 0;
        }
        #serviceStationSearch .searchStations fieldset .rememberFilters
        {
            clear: none;
	        width: auto;
            padding: 10px 0;
        }
            #serviceStationSearch .searchStations fieldset .rememberFilters label
            {
                width: auto;
            }

    #serviceStationSearch .searchStations .map
    {
        width: 300px;
        padding: 0;
        margin: 0 auto;
    }
        #serviceStationSearch .searchStations .map h2
        {
            padding: 0 0 10px 0;
            color: #666;
            font-size: 1.25em;
        }
        #serviceStationSearch .searchStations .map .states
        {
            width: 275px;
            height: 253px;
            margin: 5px 0 0 8px;
            padding: 0;
            position: relative;
            background: url(../images/map-australia-sprite.png) 50% -10px no-repeat;
        }
            #serviceStationSearch .searchStations .map .states li
            {
	            position: absolute;
                padding: 0;
                background: none;
            }
                #serviceStationSearch .searchStations .map .states li a
                {
                    display: block;
                }
                #serviceStationSearch .searchStations .map .states li.qld    {   top: 0; left: 171px; width: 112px; height: 104px;      }
                #serviceStationSearch .searchStations .map .states li.qld a  {   width: 112px; height: 104px;                           }
                #serviceStationSearch .searchStations .map .states li.nsw    {   top: 123px; left: 190px; width: 91px; height: 50px;    }
                #serviceStationSearch .searchStations .map .states li.nsw a  {   width: 91px; height: 44px;                             }
                #serviceStationSearch .searchStations .map .states li.vic    {   top: 175px; left: 190px; width: 68px; height: 39px;    }
                #serviceStationSearch .searchStations .map .states li.vic a  {   width: 91px; height: 65px;                             }
                #serviceStationSearch .searchStations .map .states li.sa     {   top: 104px; left: 108px; width: 84px; height: 109px;   }
                #serviceStationSearch .searchStations .map .states li.sa a   {   width: 84px; height: 109px;                            }
                #serviceStationSearch .searchStations .map .states li.nt     {   top: 0; left: 105px; width: 63px; height: 104px;       }
                #serviceStationSearch .searchStations .map .states li.nt a   {   width: 63px; height: 104px;                            }
                #serviceStationSearch .searchStations .map .states li.wa     {   top: 14px; left: 0px; width: 106px; height: 169px;     }
                #serviceStationSearch .searchStations .map .states li.wa a   {   width: 108px; height: 169px;                           }

                #serviceStationSearch .searchStations .map .states.qld   { background-position: 50% -270px;    }
                #serviceStationSearch .searchStations .map .states.nsw   { background-position: 50% -530px;    }
                #serviceStationSearch .searchStations .map .states.vic   { background-position: 50% -790px;    }
                #serviceStationSearch .searchStations .map .states.sa    { background-position: 50% -1051px;    }
                #serviceStationSearch .searchStations .map .states.nt    { background-position: 50% -1312px;    }
                #serviceStationSearch .searchStations .map .states.wa    { background-position: 50% -1572px;    }

    #serviceStationSearch .searchStations.small
    {
        position: absolute;
        top: 780px;
        left: 0;
    }
        #serviceStationSearch .searchStations.small .box
        {
            top: 0;
            min-height: 0;
        }
        #serviceStationSearch .searchStations.small fieldset .rememberFilters
        {
            display: none;
        }
        #serviceStationSearch .searchStations.small fieldset #btnSuburbSearch
        {
            margin-top: 20px;
        }
    .searchStations fieldset label.error
    {
        display: none;
        padding: 5px 0 0 0;
        float: left;
        clear: none;

        color: #00764A;
        font-size: 12px;
        font-weight: normal;
        line-height: normal;
    }


#serviceStationResults .searchData
{
    clear: both;
    float: left;
    width: 100%;
}


#serviceStationResults .ui-multiselect-menu
{
    font-size: 1em;
}
    #serviceStationResults .mobile-refine-search
    {
        float: right;
        padding: 0 5%;
        text-decoration: underline;
    }
    #serviceStationResults .refine
    {
        display: none;
        padding: 0 5%;
    }
		#serviceStationResults .refine.active
		{
			display: block;
		}
		#serviceStationResults .refine fieldset div .btn
		{
			margin-top: 20px;
		}
    #serviceStationResults .group
    {
        padding: 22px 0 0;
    }
        #serviceStationResults h1
        {
            position: relative;
            z-index: 20;
            padding: 0 30px 0px;
        }
        #serviceStationResults .breadcrumbs
        {
            position: relative;
            z-index: 20;
            padding: 0 30px 30px;
        }
        #serviceStationResults .searchStations
        {
            position: relative;
            width: 90%;
            z-index: 18;
            padding: 0 5%;
            margin-top: 0;
        }
            #serviceStationResults .searchStations .rememberFilters
            {
                display: none;
            }
            #serviceStationResults .searchStations .tabset
            {
                display: none;
            }
    #serviceStationResults .results
    {
        position: relative;
        float: right;
        width: 100%;
        padding: 23px 0 80px 0;
        z-index: 15;
    }
        #serviceStationResults .results .no-results
        {
            padding: 0 5%;
        }
        #serviceStationResults .results .tabset ul li
        {
            float: left;
            width: 49%;
        }
            #serviceStationResults .results .tabset ul li a
            {
                padding: 0;
                text-align: center;
            }
        #serviceStationResults .results .panel
        {
            padding: 0 20px;
        }
        #serviceStationResults .results .panel.listView .serviceStation
        {
            position: relative;
            clear: both;
            float: left;
            width: 70%;
            padding: 30px 0 20px 30%;
            min-height: 80px;
            border-bottom: 1px solid #ddd;
        }
            #serviceStationResults .results .panel.listView .serviceStation h2
            {
                padding: 0 0 20px 0;
            }
                #serviceStationResults .results .panel.listView .serviceStation h2 span
                {
                    color: #656565;
                    font-size: 15px;
                }
            #serviceStationResults .results .panel.listView .serviceStation .networkLogo
            {
                position: absolute;
                top: 45px;
                left: 35px;
            }
            #serviceStationResults .results .panel.listView .serviceStation .address
            {
                float: left;
                width: 140px;
                padding: 0 10% 10px 0;
                line-height: 19px;
            }
            #serviceStationResults .results .panel.listView .serviceStation .contactDetails
            {
                clear: both;
                display: block;
                padding: 15px 0 0 0;
            }
            #serviceStationResults .results .panel.listView .serviceStation .contactDetails li
            {
                padding-left: 22px;
                background: none;
            }
            #serviceStationResults .results .panel.listView .serviceStation .contactDetails li.phone    {   background: url(../images/icon-phone.png) 0% 0% no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation .contactDetails li.fax      {   background: url(../images/icon-fax.png) 0% 1px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation .contactDetails li.email    {   background: url(../images/icon-mail.png) 0% 2px no-repeat;  }


            #serviceStationResults .results .panel.listView .serviceStation .viewMore
            {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: 100%;
                background: url(../images/mobile-service-station-more.gif) 100% 50% no-repeat transparent;
                border: none;
                cursor: pointer;
                text-decoration: none;
            }
                #serviceStationResults .results .panel.listView .serviceStation .viewMore span
                {
                    display: none;
                }
            #serviceStationResults .results .panel.listView .serviceStation .viewMore:hover
            {
                text-decoration: none;
            }

            #serviceStationResults .results .panel.listView .serviceStation.ausfuel_gull,
            #serviceStationResults .results .panel.listView .serviceStation.ausfuel,
            #serviceStationResults .results .panel.listView .serviceStation.gull,
            #serviceStationResults .results .panel.listView .serviceStation.sprint              {   background: url(../../media/images/networks/ausfuel_gull.jpg) 0 70px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.gull                {   background: url(../../media/images/networks/gull.png) 0 70px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.choice              {   background: url(../../media/images/networks/choice.png) 0 40px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.peak                {   background: url(../../media/images/networks/peak.jpg) 0 60px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.bp                  {   background: url(../../media/images/networks/bp.gif) 0 30px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.caltex              {   background: url(../../media/images/networks/caltex.gif) 0 30px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.shell               {   background: url(../../media/images/networks/shell.png) 0 35px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.ce                  {   background: url(../../media/images/networks/colesexpress.png) 0 55px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.riordan_fuels            {   background: url(../../media/images/networks/riordan_fuels.png) 0 40px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.kmart_tyre_and_auto {   background: url(../../media/images/networks/kmart.png) 0 55px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.puma_energy         {   background: url(../../media/images/networks/puma.png) 0 70px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.matilda             {   background: url(../../media/images/networks/matilda_gold.png) 0 50px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.matilda_gold        {   background: url(../../media/images/networks/matilda_gold.png) 0 50px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.matilda_blue        {   background: url(../../media/images/networks/matilda_blue.png) 0 50px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.mobil               {   background: url(../../media/images/networks/mobil.png) 0 70px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.better_choice       {   background: url(../../media/images/networks/better_choice.png) 40px 50px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.fuel_central        {   background: url(../../media/images/networks/fuelcentral.png) 40px 50px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.minitankers         {   background: url(../../media/images/networks/minitankers.png) 40px 50px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.neumann             {   background: url(../../media/images/networks/neumann.png) 40px 50px no-repeat;  }
            #serviceStationResults .results .panel.listView .serviceStation.portsmith_fuel      {   background: url(../../media/images/networks/portsmith.png) 0 60px no-repeat;  }

            #serviceStationResults .results .panel.listView .serviceStation .details
            {
                float: left;
                width: 95%;
                padding: 10px 0 10px 5%;
                border-left: 1px solid #ddd;
            }
    #serviceStationResults .button #btnSearch
    {
        position: absolute;
        top: -40px;
        right: 0;
        width: 38px;
        height: 38px;
        z-index: 40;
        background: url(../images/mobile-search-red.gif) no-repeat 0 0 transparent;
        background-size: contain;
        text-indent: -9999px;
    }
.searchStations .box
{
    clear: both;
    margin-bottom: 20px;
    padding: 30px 0 0;
    border: none;
    background: none;
}


/* Service Station Results */
.searchStations
{
    margin: -55px 0 0 0;
    position: relative;
    float: left;
    z-index: 48;
}
    .searchStations fieldset
    {
        position: relative;
        z-index: 49;
    }
        .searchStations fieldset h2
        {
            padding: 0 0 15px 0;
            color: #666;
            font-size: 1.25em;
        }
        .searchStations fieldset div
        {
            position: relative;
            clear: none;
            float: left;
            width: 100%;
            padding: 0;
        }
        .searchStations fieldset label
        {
            width: auto;
            padding: 0;
            line-height: 31px;
        }
            .searchStations fieldset label.overlabel-apply
            {
                display: block;
                top: 9px;
                left: 11px;
                position: absolute;
                z-index: 6;
                color: #7a7a7a;
                line-height: normal
            }
        .searchStations fieldset input.txt
        {
            position: relative;
            width: 90%;
            height: 40px;
            padding: 0 5%;
            z-index: 4;
            border: 1px solid #B6B6B6;
            color: #212121;
            font-size: 12px;
        }
        .searchStations fieldset .rememberFilters
        {
            width: 230px;
        }

    .suburbList,
    .searchStations .suburbList
    {
        display: none;
        position: absolute;
        top: 107px;
        left: 0;
        z-index: 50;
        width: 100%;
        padding: 0;
        margin: 0;
        background: #fff;
        border: 1px solid #b6b6b6;
    }
		#Form_processLocalRewards .suburbList
		{
			top: 54px;
			width: auto;
		}
        .suburbList h3,
        .searchStations .suburbList h3
        {
            padding: 10px;
            text-transform: uppercase;
            color: #bababa;
            font-size: 12px;
        }
            .suburbList ul,
            .searchStations .suburbList ul
            {
                padding: 0;
            }
                .suburbList ul li,
                .searchStations .suburbList ul li
                {
                    padding: 0;
                    background: none;
                }
                    .suburbList ul li a:link,
                    .suburbList ul li a:visited,
                    .searchStations .suburbList ul li a:link,
                    .searchStations .suburbList ul li a:visited
                    {
                        padding: 10px;
                        display: block;
                        border-top: 1px solid #b6b6b6;
                        color: #666;
                    }
                    .suburbList ul li a:hover,
                    .searchStations .suburbList ul li a:hover
                    {
                        background: #ED1C24;
                        color: #fff;
                        text-decoration: none;
                    }

            .searchStations.small .suburbList
            {
                width: 90%;
                margin: 0 5%;
            }
            .searchStations.advancedSearch .suburbList
            {
                top: 77px;
                width: 91%;
                margin: 0 4.5%;
            }
            .sidepanel .panel.serviceStations .search fieldset .suburbList
            {
                top: 98px;
            }



    .searchStations fieldset .split .panel select
    {
        width: 100%;
        padding: 0;
    }
        fieldset .ui-multiselect
        {
            width: 100% !important;
            padding: 0;
            height: 40px;
            background: url(../images/btn-down.jpg) 100% 0 no-repeat;
            background-size: contain
        }

    #serviceStationResults .results .panel.mapView
    {
        width: 90%;
        padding: 0;
        margin: 85px 5% 0;
        height: 635px;
        clear: both;
        border: 1px solid #ddd;
        border-top: none;
    }
        #serviceStationResults .results .panel.mapView .list
        {
            float: left;
            width: 193px;
            padding: 20px 10px 0 20px;
            max-height: 613px;
            overflow: auto;
        }
            #serviceStationResults .results .panel.mapView .list .serviceStation
            {
                padding: 0 0 20px 0;
            }
                    #serviceStationResults .results .panel.mapView .list .serviceStation h2
                    {
                        padding: 0 0 10px 0;
                    }
                        #serviceStationResults .results .panel.mapView .list .serviceStation h2 a:link,
                        #serviceStationResults .results .panel.mapView .list .serviceStation h2 a:visited
                        {
                            color: #666;
                            text-decoration: underline;
                        }
                    #serviceStationResults .results .panel.mapView .list .serviceStation .address
                    {
                        padding: 0 10px 10px 0;
                        line-height: 19px;
                    }
        #serviceStationResults .results .panel.mapView .map
        {
            float: right;
            width: 100%;
            padding: 15px 0;
            height: 635px;
            background: #F0F0F0;
        }
            #serviceStationResults .results .panel.mapView .map .mapToolTip
            {
                min-height: 185px;
                min-width: 200px
            }
                #serviceStationResults .results .panel.mapView .map .mapToolTip h2
                {
                    visibility: visible;
                }
                #serviceStationResults .results .panel.mapView .map .mapToolTip p
                {
                    margin: 0;
                    padding: 0 0 10px 0;
                    line-height: 19px;
                    font-size: 12px;
                }

    /* single station */
    .content.full .singleStation
    {
        position: relative;
        clear: both;
        float: left;
        width: 100%;
        min-height: 350px;
        padding: 0;
        margin: 65px 0 0;
    }
        .content.full .singleStation .group
        {
            float: left;
            width: 90%;
            padding: 0 5%;
            min-height: 0;
        }
            #serviceStationSearch .singleStation .group
            {
                padding: 0 5%;
            }
            .content.full .singleStation .group h1
            {
                padding-bottom: 20px;
            }
            .content.full .singleStation .group .address
            {
                padding: 0 10px 20px 0;
                float: left;
                width: 140px;
                clear: both;
                line-height: 19px;
            }
            .content.full .singleStation .group .list
            {
                clear: both;
                padding: 10px 0 20px 0;
                float: left;
                width: 100%;
            }
                .content.full .singleStation .group .list h2
                {
                    width: 115px;
                    padding: 8px 0 12px;
                    font-size: 16px;
                }
                .content.full .singleStation .group .list ul
                {
                    padding: 0;
                }
                    .content.full .singleStation .group .list ul li
                    {
                        padding: 0 0 5px 0;
                        background: none;
                    }

                .content.full .singleStation .group .list.contactDetails
                {
                    padding-top: 20px;
                }
                    .content.full .singleStation .group .list.contactDetails ul li
                    {
                        padding-left: 22px;
                        background: none;
                    }
                        .content.full .singleStation .group .list.contactDetails ul li.phone    {   background: url(../images/icon-phone.png) 0% 0% no-repeat;  }
                        .content.full .singleStation .group .list.contactDetails ul li.fax      {   background: url(../images/icon-fax.png) 0% 1px no-repeat;  }
                        .content.full .singleStation .group .list.contactDetails ul li.email    {   background: url(../images/icon-mail.png) 0% 2px no-repeat;  }

        .content.full .singleStation .map
        {
            float: left;
            width: 90%;
            height: 263px;
            margin: 25px 5% 315px 5%;
            background: #F0F0F0;
            border: 1px solid #ddd;
        }
            .content.full .singleStation .map #map_canvas
            {
                width: 100%;
                height: 263px;
            }

        .content.full .singleStation .filters
        {
            display: none;
        }
        .content.full .singleStation .sidepanel
        {
            position: absolute;
            top: -65px;
            left: 0;
            width: 90%;
            padding: 0 5%;
            margin: 0;
            border: none;
            box-shadow: none;
        }
            .content.full .singleStation .sidepanel .back
            {
                display: block;
                float: left;
                width: 85%;
                padding: 12px 5% 12px 10%;
                cursor: pointer;
                background: url(../images/btn-bg-reverse.jpg) 0 4px no-repeat #ed1c24;
                border: none;
                font-size: 14px;
                font-weight: bold;
                color: #fff;
            }
            .content.full .singleStation .sidepanel .back:hover
            {
                text-decoration: none;
            }


/*
	** Layout :: Responsive
*/
/* iPhone media query */
@media only screen and (min-width : 320px)
{
    .no-mobile-inline
    {
        display: none;
    }
    #home .banner
    {
        height: 200px;
    }
        #home .banner .slides .panel
        {
            max-height: 327px;
            background-size: cover !important;
        }
	.screen
	{
		padding-top: 15px;
	}
}

@media only screen and (min-width : 569px)
{
    .no-mobile-inline
    {
        display: inline;
    }
    .footer .copyright a
    {
        display: inline;
    }
}

/* iPad media query */
@media only screen and (min-width : 768px)
{
    .banner
    {
		display: block;
        margin: 168px auto 0 auto;
    }
    .header .mobile-menu,
    .header .mobile-search
    {
        display: none;
    }
    .header .search
    {
        display: block;
        position: inherit;
        top: 0;
        left: 0;
        float: right;
        width: auto;
        margin: 20px 0 0 0;
        background-color: transparent;
        box-shadow: none;
        border-top: none;
    }
        .header .search p
        {
            display: block;
            float: right;
            padding: 0;
            font-size: 0.8em;
            line-height: 31px;
        }
        .header .search form
        {
            clear: both;
            float: left;
            position: relative;
        }
            .header .search form fieldset
            {
                padding: 0;
            }
            .header .search form fieldset div
            {
                position: relative;
                float: right;
            }
            .header .search form fieldset label.overlabel-apply
            {
                top: 9px;
                left: 11px;
            }
            .header .search form fieldset input.txt
            {
                display: block;
                float: right;
                width: 108px;
                height: 31px;
                padding: 0 33px 0 10px;
                font-size: 12px;
            }
            .header .search form fieldset input.submit
            {
                position: absolute;
                top: 0;
                right: 0;
                float: right;
                z-index: 5;
                width: 33px;
                height: 33px;
                background: url(../images/mobile-search.gif) no-repeat 0 0 transparent;
                background-size: cover;
                border: none;
            }
    .header .country
    {
        display: block;
        float: left;
        padding: 6px;
    }

    .header .country-link {
        min-width: 120px;
        display: inline-block;
    }

        .header .country-link a,
        .header .country ul.country-dropdown li a {
            background: url(../images/flags/flag.gif) no-repeat 20px 6px;
            padding: 6px 0 0 54px;
        }

            .header .country ul.country-dropdown {
                position: absolute;
                margin-top: 10px;
                min-width: 120px;
                padding: 10px 0;
                background: #fff;
                border: 1px solid #dbdbdb;
                z-index: 999;
                list-style: none;
                display: none;
            }

            .header .country ul.country-dropdown li {
                background: none;
                padding: 6px 0;
            }


            /* Flag Images */

            /* Australia */
            .header .country ul.country-dropdown li a.en-us,
            .header .country-link a.en-us {
                background: url(../images/flags/au.gif) no-repeat 20px 6px;
            }

            /* Spanish */
            .header .country ul.country-dropdown li a.es-es,
            .header .country-link a.es-es {
                background: url(../images/flags/es.gif) no-repeat 20px 6px;
            }

            /* French */
            .header .country ul.country-dropdown li a.fr-fr,
            .header .country-link a.fr-fr {
                background: url(../images/flags/fr.gif) no-repeat 20px 6px;
            }




    .header .navigation
    {
        display: block;
        width: 100%;
        position: absolute;
        top: 120px;
        left: 20px;
        height: 48px;
        overflow: hidden;
        box-shadow: none;
        border-top: none;
    }
        .header .navigation ul
        {
            float: left;
            width: 100%;
            padding: 0;
        }
            .header .navigation ul li
            {
                float: left;
                padding: 0;
                height: 48px;
                background: none;
            }
                .header .navigation ul li a:link,
                .header .navigation ul li a:visited
                {
                    display: block;
                    padding: 14px 8px;
                    background: none;
                    text-transform: uppercase;
                    font-size: 13px;
                    color: #666;
                }
                .header .navigation ul li.last
                {
                    padding: 0;
                }
                .header .navigation ul li.active a
                {
                    color: #ed1c24;
                }
	.screen
	{
		padding-top: 50px;
	}
    .content .wayfinder.List .panel
    {
        width: 47%;
    }
        .content .wayfinder.List .panel:nth-of-type(odd)
        {
            margin-right: 5%;
        }
	.content .wayfinder.TwoColGrid .panel
	{
		width: 48%;
		margin: 0 20px 20px 0;
	}
		.content .wayfinder.TwoColGrid .panel .group
		{
			padding: 20px 15px 24px 15px;
		}

	.sidepanel .panel
	{
		clear: none;
		float: left;
		position: relative;
		width: 30%;
		padding: 10px 5% 10px 0;
	}
		.sidepanel .panel.career-opportunities
		{
			padding-right: 0;
		}
		.sidepanel .panel h2
		{
			font-size: 1.1em;
		}
		.sidepanel .panel .image img
		{
			float: none;
			width: 100%;
			max-width: none;
			padding: 0;
		}
	.footer .navigation
	{
		padding: 0 30px;
	}
		.footer .navigation ul li
		{
			width: 28%;
			padding: 0 4% 0 0;
		}
		.footer .navigation ul li:nth-child(even)
		{
			padding-right: 4%;
		}
		.footer .navigation ul li:nth-child(2),
		.footer .navigation ul li:nth-child(5)
		{
			width: 34%;
		}
		.footer .navigation ul li:nth-child(3n + 3)
		{
			padding-right: 0;
		}
    .footer .siteWayfinder
    {
        clear: both;
        height: 225px;
        margin-top: 20px;
        padding: 0 0 10px;
        background: url(../images/mobile-footer-siteWayfinder-bg.gif) no-repeat 50% 0; 
		background-size: 100% 110% !important;
    }
        .footer .siteWayfinder ul
        {
            float: none;
            width: 644px;
            padding: 22px 0 25px 0;
            margin: 0 auto;
        }
            .footer .siteWayfinder ul li
            {
                height: 102px;
            }



    #home .banner .slides .panel
    {
        max-height: none;
        background-size: 100%;
    }
    #home .screen
    {
        padding-top: 459px;
    }
    #home .content .panel
    {
        float: left;
        width: 50%;
    }
        #home .content .panel.list > ul
        {
            padding: 0 30px;
        }
            #home .content .panel.commercial > ul
            {
                border-left: 1px solid #dbdbdb;
            }
            #home .content .panel.list ul li span.no-link,
            #home .content .panel.list ul li a:link,
            #home .content .panel.list ul li a:visited
            {
                padding-left: 32px;
                background-position: 0 14px;
	            background-size: 10px;
            }
			#home .content .panel.list.commercial ul li a
			{
				background-position: 0 -38px;
			}
            #home .content .panel.list ul li ul li a:link,
            #home .content .panel.list ul li ul li a:visited
            {
                background-position: 6px -72px;
            }
        #home .content .panel.slideshow
        {
            width: 90%;
            padding: 20px 5% 30px;
            background: url(../images/tablet-home-panel-separator.png) no-repeat 50% 0 transparent;
            background-size: 100% 10%;
        }
    #home .content .sidepanel
    {
        top: -378px;
        left: inherit;
        right: 0;
        width: 271px;
        padding: 15px 19px 5px 19px;
        margin: 0;
        box-shadow: none;
    }
        #home .content .sidepanel .panel.serviceStations .search fieldset input.txt
        {
            width: 226px;
            height: 29px;
            padding: 0 33px 0 10px;
        }
        #home .content .sidepanel .panel.serviceStations .search fieldset input.submit
        {
            width: 29px;
            height: 29px;
        }
        #home .sidepanel .panel.serviceStations .search fieldset label.overlabel-apply,
        #home .sidepanel .panel.serviceStations .search fieldset .hasSelectedState label.selectedState
        {
            top: 8px;
        }
        #home .content .sidepanel .panel.serviceStations .search fieldset .hasSelectedState input.txt
        {
            width: 69% !important
            padding-left: 19%;
        }

    #contactUs .generalDetails .split .panel
    {
        width: 40%;
    }
        #contactUs .generalDetails .split .panel:nth-of-type(odd)
        {
            margin-right: 5%;
        }

    #serviceStationSearch .group
    {
        padding: 22px 30px 30px 30px;
    }
    #serviceStationSearch h1
    {
        padding: 0;
    }
    #serviceStationSearch .breadcrumbs
    {
        padding: 3px 0 30px;
    }
	#serviceStationSearch .tabset.right ul li
	{
		width: auto;
	}
		#serviceStationSearch .tabset ul li a
		{
			padding: 0 29px;
		}
    #serviceStationSearch .tabset ul li.active a
    {
        padding-top: 7px;
    }

    #serviceStationSearch .searchStations .box
    {
        min-height: 560px;
    }
    #serviceStationSearch .searchStations fieldset
    {
        position: relative;
        top: 0;
        float: right;
        width: 44%;
        padding: 0 0 0 5%;
        min-height: 294px;
        border-left: 1px solid #ddd;
    }
        #serviceStationSearch .searchStations fieldset .section
        {
            position: absolute;
            top: 315px;
            left: -104%;
        }
        #serviceStationSearch .searchStations fieldset .split
        {
            float: none;
            width: 206%;
            padding: 0;
        }
            #serviceStationSearch .searchStations fieldset .split .panel
            {
                clear: none;
                width: 45%;
                padding: 0;
            }
                #serviceStationSearch .searchStations fieldset .split .panel:nth-of-type(odd)
                {
                    padding-right: 10%;
                }
        #serviceStationSearch .searchStations fieldset .submit
        {
            position: absolute;
            bottom: 11px;
            right: -106%;
            width: 93%
        }
        #serviceStationSearch .searchStations fieldset .rememberFilters
        {
            top: 0;
            float: right;
        }

    #serviceStationSearch .searchStations .map
    {
        float: left;
        width: 50%;
    }
    #serviceStationSearch .searchStations.small
    {
        top: 700px;
    }

    #serviceStationResults .mobile-refine-search,
    #serviceStationResults .refine
    {
        padding: 0;
    }
    #serviceStationResults .group
    {
        padding: 22px 30px 30px 30px;
    }
    #serviceStationResults h1,
    #serviceStationResults .searchStations
    {
        width: 100%;
        padding: 0;
    }
    #serviceStationResults .breadcrumbs
    {
        padding: 3px 0 30px;
    }
    #serviceStationResults .results .no-results
    {
        padding: 0;
    }
    #serviceStationResults .results .tabset ul li
    {
        width: auto;
    }
    #serviceStationResults .results .tabset ul li a
    {
        padding: 0 29px;
    }
    #serviceStationResults .results .tabset ul li.active a
    {
        padding-top: 7px;
    }

    .searchStations .box
    {
        padding: 30px 29px;
        background: url(../images/box-bg.jpg) 0% 100% repeat-x;
        border: 1px solid #ddd;
    }
    #serviceStationResults .searchStations .box
    {
        background: none;
        border: none;
        padding: 0;
    }
    #serviceStationResults .results .panel.mapView
    {
        width: 100%;
        margin: 85px 0 0;
    }
    #serviceStationSearch .singleStation .group
    {
        width: 100%;
        padding: 0;
    }


    .searchStations .suburbList
    {
        top: 77px;
    }
        .searchStations.small .suburbList
        {
            top: 107px;
        }
        .searchStations.advancedSearch .suburbList
        {
            left: 17px;
            width: 89.8%;
        }
        .sidepanel .panel.serviceStations .search fieldset .suburbList
        {
            top: 56px;
            width: 269px;
        }


    .content.full .singleStation
    {
        margin: 0;
    }
        .content.full .singleStation .map
        {
            width: 100%;
            margin: 25px 0 290px 0;
        }
        .content.full .singleStation .sidepanel
        {
            top: 177px;
            right: 0;
            width: 100%;
            padding: 0;
        }
            .content.full .singleStation .sidepanel .back
            {
                float: right;
                width: 135px;
            }


}


/* desktop media query */
@media only screen and (min-width : 1025px)
{
    .desktop
    {
        display: block;
    }
    .mobile,
    .tablet
    {
        display: none;
    }

	.layoutwidth
	{
        max-width: 1000px;
        padding: 0;
        width: auto;
	}
    .banner
    {
        display: block;
        min-height: 195px;
    }
	.screen
	{
		padding: 221px 0 29px 0;
	}
    .header .logo img
    {
        margin-top: 39px;
        /*width: 240px !important;
        height: 40px !important;*/
    }

    .header .mobile-search
    {
        display: none;
    }
	.header .search
	{
		margin: 43px 0 0 0;
	}
		.header .search p
		{
			float: left;
			padding: 0 10px 0 0;
		}
		.header .search form
		{
			clear: none;
            width: 153px;
		}
            .header .search form fieldset input.txt
            {
                height: 29px;
            }
            .header .search form fieldset input.submit
            {
                width: 31px;
                height: 31px;
                background: url(../images/header-btn-search.png) no-repeat 0 0 transparent;
                border: 1px solid #d8d8d8;
            }

    .header .mobile-menu
    {
        display: none;
    }
    .header .navigation
    {
        left: 0;
    }
        .header .navigation ul li a:link,
        .header .navigation ul li a:visited
        {
            display: block;
            padding: 14px 18px 15px 17px;
            background: none;
            text-transform: uppercase;
            font-size: 15px;
            color: #666;
        }
    .header .navigation ul li.active a
    {
        color: #ed1c24;
    }


    .screen .layoutwidth
    {
        padding: 95px 0 0 0;
        background: url(../images/screen-bg-top-green.png) 10px 0% no-repeat transparent;
    }
    .screen .layoutwidth-outer
    {
        padding: 0 0 21px 0;
        background: url(../images/screen-bg-bottom.png) 10px 100% no-repeat transparent;
    }
    .screen .layoutwidth-inner
    {
        min-height: 435px;
        background: url(../images/screen-bg.png) 10px 95px repeat-y transparent;
    }
    .screen.full .layoutwidth
    {
        background-image: url(../images/screen-bg-top-wide.png);
    }
    .screen.full .layoutwidth-outer
    {
        background-image: url(../images/screen-bg-bottom-wide.png);
    }
    .screen.full .layoutwidth-inner
    {
        background-image: url(../images/screen-bg-wide.png);
    }

	.sectionpanel
	{
		display: block;
		float: left;
		width: 193px;
		padding-top: 18px;
		margin: -95px 0 0 10px;
		min-height: 340px;
	}
	.content
	{
		float: left;
		width: 508px;
		margin: -95px 0 0 0;
		border: none;
		box-shadow: none;
	}
		.content .group
		{
            width: 475px;
			padding: 23px 30px 30px 30px;
		}
        .content .wayfinder .panel a.image img
        {
            width: auto;
        }
        .content .wayfinder .panel .group h2,
        .content .wayfinder .panel .group h3
        {
            font-size: 1.1em;
        }
        .content .wayfinder .panel a.image img,
        .content .wayfinder .panel img.image
        {
            width: auto;
        }
        .content .wayfinder .panel .group .readMore
        {
            position: relative;
            top: 0;
            right: 0;
            display: inline-block;
            width: auto;
            height: auto;
            padding-right: 13px;
            background: url(../images/sectionpanel-nav-bullet.png) 100% 4px no-repeat;
            font-weight: bold;
        }
        .content .wayfinder.ThreeColGrid .panel .group .readMore
		{
			top: auto;
			right: auto;
		}
            .content .wayfinder .panel .group .readMore span
            {
                display: block;
            }
		.content .wayfinder.TwoColGrid .panel.hasLink .group .readMore
		{
			background-position: 86px 5px;
		}
        .content .wayfinder.List .panel
        {
            width: 100%;
            height: auto !important;
        }
            .content .wayfinder.List .panel:nth-of-type(odd)
            {
                margin-right: 0;
            }
            .content .wayfinder.List .panel .group
            {
                width: 57%;
                padding: 10px 39px 15px 255px;
                height: 107px;
            }
                .content .wayfinder.List .panel .group div.wayfinder-content
                {
                    display: block;
                }
                .content .wayfinder.List .panel .group.wide
                {
                    padding-right: 40px;
                    width: 450px;
                }

            .content .wayfinder.List .panel .image
            {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 11;
            }



    .content.wide
    {
        width: 786px;
    }
        .content.wide .group
        {
	        width: 93%;
        }
        .content.wide .accordion .itemHeader a:link,
        .content.wide .accordion .itemHeader a:visited
        {
            background-position: 675px 13px;
        }
        .content.wide .accordion .itemContent hr
        {
            width: 723px;
        }
        .content.wide .blogSummary .accordion .itemHeader a:link,
        .content.wide .blogSummary .accordion .itemHeader a:visited
        {
            background-position: 583px 13px;
        }

    .content.full
    {
        width: 978px;
        float: right;
        margin-right: 11px;
    }
        .content.full .group
        {
            width: 930px;
        }



	.sidepanel
	{
		float: left;
		width: 278px;
		margin: -95px 0 0 0;
		padding: 31px 0 0 0;
		min-height: 340px;
		background: url(../images/sidepanel-bg.png) 100% 0% no-repeat;
		border: none;
		box-shadow: none;
	}
		.sidepanel .panel
		{
			width: 215px;
			padding: 0 15px 30px 48px;
		}
			.sidepanel .panel h2
			{
				background: url(../images/content-header-bg.png) 0 0 no-repeat;
				color: #ed1c24;
			}
		.sidepanel .panel .image img
		{
			float: none;
			width: 201px;
			padding-right: 0;
		}
		.sidepanel .panel p
		{
			padding: 5px 0 0 0;
		}
		.sidepanel .panel .readMore
		{
			display: block;
			width: 186px;
			padding: 0 13px 0 0;
			margin: 10px 0 0 0;
		}
	.sidepanel .panel.serviceStations
	{
		display: block;
	}
    .sidepanel .panel.serviceStations .search fieldset label.overlabel-apply
    {
        top: 8px;
    }
    .sidepanel .panel.serviceStations .search fieldset .hasSelectedState label.selectedState
    {
        top: 9px;
    }




	.footer .navigation
	{
		padding: 0;
	}
        .footer .navigation ul li
        {
            width: auto !important;
			min-width: 24%;
            padding: 0 0 0 1% !important;
        }
    .footer .siteWayfinder ul
    {
        float: left;
        width: 100%;
    }
        .footer .siteWayfinder ul li.commercial
        {
            width: 156px;
            padding: 10px 0 0 16px;
        }
            .footer .siteWayfinder ul li.commercial .pumaenergy
            {
                margin-top: 10px;
                width: 150px;
                height: 25px;
            }
                .footer .siteWayfinder ul li.commercial .pumaenergy:hover
                 {
                     background-position: 0 -25px;
                 }
        .footer .siteWayfinder ul li.delivery
        {
            width: 149px;
            padding: 10px 0 0 30px;
        }
            .footer .siteWayfinder ul li.delivery a
            {
                margin-top: -2px;
            }
            .footer .siteWayfinder ul li.delivery .directHaul
            {
                width: 117px;
                height: 44px;
            }
                .footer .siteWayfinder ul li.delivery .directHaul:hover
                {
                    background-position: 0 -44px;
                }
        .footer .siteWayfinder ul li.retail
        {
            padding: 10px 0 0 30px;
        }
            .footer .siteWayfinder ul li.retail .gull
            {
                width: 108px;
                height: 22px;
                margin-top: 9px;
            }
                .footer .siteWayfinder ul li.retail .gull:hover
                {
                    background-position: 0 -22px;
                }
            .footer .siteWayfinder ul li.retail .choice
            {
                width: 69px;
                height: 48px;
                margin-top: -9px;
            }
                .footer .siteWayfinder ul li.retail .choice:hover
                 {
                     background-position: 0 -48px;
                 }
            .footer .siteWayfinder ul li.retail .peak
            {
                width: 81px;
                height: 28px;
                margin-top: 7px;
                margin-right: 0;
            }
                .footer .siteWayfinder ul li.retail .peak:hover
                {
                    background-position: 0 -28px;
                }
            .footer .siteWayfinder ul li.retail .matilda
            {
                width: 73px;
                height: 38px;
                margin-top: 1px;
            }
                .footer .siteWayfinder ul li.retail .matilda:hover
                {
                    background-position: 0 -38px;
                }
            .footer .siteWayfinder ul li.retail .puma
            {
                width: 151px;
                height: 20px;
            }
                .footer .siteWayfinder ul li.retail .puma:hover
                {
                    background-position: 0 -20px;
                }


    /* home page */
    #home .banner
    {
        height: 476px;
    }
        #home .banner .description
        {
            margin-top: 340px;
            height: 130px;
            background: url(../images/home-banner-transparency.png) 50% 0% no-repeat;
            text-align: left;
            color: #fff;
        }
            #home .banner .description h1,
            #home .banner .description h2
            {
                padding: 8px 0 0 0;
                color: #fff;
                font-size: 46px;
                font-weight: normal;
            }
                #home .banner .description h1 strong,
                #home .banner .description h2 strong
                {
                    font-weight: bold;
                }
    #home .bannerSlideNav
    {
        float: right;
        position: absolute;
        z-index: 110;
        top: 517px;
        right: 380px;
    }
        #home .bannerSlideNav a
        {
            display: block;
            float: left;
            width: 12px;
            height: 12px;
            padding: 3px;
            margin-right: 1px;
            background: url(../images/banner-cycle-dots.png) -25px 50% no-repeat;
            text-indent: -9999px;
        }
            #home .bannerSlideNav a.activeSlide
            {
                background-position: 0 50%;
            }

    #home .screen
    {
        padding-top: 467px;
    }
        #home .screen .layoutwidth
        {
            padding-top: 279px;
            background: url(../images/home-screen-bg-top.png) 10px 0% no-repeat transparent;
        }
        #home .screen .layoutwidth-outer
        {
            padding: 0 0 18px 0;
            background: url(../images/home-screen-bg-bottom.png) 10px 100% no-repeat transparent;
        }
        #home .screen .layoutwidth-inner
        {
            min-height: 0;
            background: url(../images/home-screen-bg.png) 10px 295px repeat-y transparent;
        }

    #home .content
    {
        position: relative;
        width: 980px;
        margin: -279px 0 0 0;
        padding: 0 0 0 10px;
        background-color: transparent;
    }
        #home .content .panel
        {
            float: left;
            width: 295px;
            padding-bottom: 20px;
        }
            #home .content .panel.commercial
            {
                border-left: none;
            }
                #home .content .panel.commercial h2
                {
                    background: none;
                }

            #home .content .panel.list h2
            {
                padding: 17px 0 14px 31px;
            }
                #home .content .panel.list ul li
                {
                    padding: 0;

                    border-top: 1px solid #ddd;
                    background: 1px 12px no-repeat;
                }
                #home .content .panel.list ul li span.no-link,
                #home .content .panel.list ul li a:link,
                #home .content .panel.list ul li a:visited
                {
                    padding: 8px 10px 5px 11px;
                    background: none;
                }
                #home .content .panel.list ul li ul
                {
                    padding: 0 0 7px 0;
                }
                #home .content .panel.list ul li ul li
                {
                    padding-left: 11px;

                    border: none;
                    background-position: 11px 6px;
                    list-style-position: outside;
                }
                #home .content .panel.list ul li ul li a:link,
                #home .content .panel.list ul li ul li a:visited
                {
                    padding: 2px 10px 2px 11px;
                }
                #home .content .panel.list ul li ul li ul li
                {
                    padding-left: 21px;
                    background-position: 21px 11px;
                }
                #home .content .panel.list ul li.first
                {
                    border: none;
                }
                #home .content .panel.list.motorists h2
                {
                    background: none;
                }
                #home .content .panel.list.motorists ul li
                {
                    background-image: url(../images/sectionpanel-nav-bullet.png);
                }
                    #home .content .panel.list.motorists ul li ul li
                    {
                        background-image: url(../images/sectionpanel-nav-bullet-grey.png);
                    }

                #home .content .panel.list.commercial h2
                {
                    background: none;
                }
                #home .content .panel.list.commercial ul li
                {
                    background-image: url(../images/sectionpanel-nav-bullet-blue.png);
                }
                    #home .content .panel.list.commercial ul li ul li
                    {
                        background-image: url(../images/sectionpanel-nav-bullet-grey.png);
                    }

    #home .content .panel.slideshow
    {
        width: 390px;
        padding: 0;
        margin: 19px 0 20px 0;
        background: none;
    }
        #home .content .panel.slideshow h2
        {
            padding-top: 12px;
            background: url(../images/content-header-bg.png) 0 0 no-repeat;
            color: #ed1c24;
            font-size: 1.45em;
            text-transform: uppercase;
        }
        #home .content .panel.slideshow a img
        {
            display: block;
        }
        #home .content .panel.slideshow ul li
        {
            padding-left: 11px;
            background: url(../images/sectionpanel-nav-bullet-grey.png) 1px 3px no-repeat;
        }
        #home .content .panel.slideshow .slides
        {
            float: left;
            width: 390px;
        }
        #home .content .panel.slideshow .slides .item
        {
            padding: 25px 25px 0 30px;
            width: 335px;
            float: left;
            position: relative;

            background: transparent !important;
        }
        #home .content .panel.slideshow .slides .item.fuelCard img
        {
            padding-top: 15px;
        }
        #home .content .panel.slideshow .slides .item.fuelCard ul
        {
            padding-bottom: 15px;
        }
        #home .content .panel.slideshow .slides .item.fuelCard .search
        {
            width: 175px;
            position: absolute;
            left: 30px;
            top: 200px;
        }
        #home .content .panel.slideshow .slides .item.fuelCard .search fieldset
        {
            padding: 0;
            position: relative;
        }
            #home .content .panel.slideshow .slides .item.fuelCard .search fieldset h3
            {
                padding: 0 0 5px 0;

                font-size: 1em;
            }
            #home .content .panel.slideshow .slides .item.fuelCard .search fieldset div
            {
                position: relative;
                padding: 0;
            }
            #home .content .panel.slideshow .slides .item.fuelCard .search fieldset label
            {
                display: none;
            }
                #home .content .panel.slideshow .slides .item.fuelCard .search fieldset label.overlabel-apply
                {
                    display: block;
                    top: 8px;
                    left: 11px;
                    position: absolute;
                    z-index: 6;
                    width: auto;
                    padding: 0;
                    color: #adadad;
                }
                #home .content .panel.slideshow .slides .item.fuelCard .search fieldset label.error
                {
                    display: none;
                    padding: 5px 0 0 0;
                    float: left;
                    clear: none;
                    color: #00764A;
                    font-size: 12px;
                    font-weight: normal;
                }

            #home .content .panel.slideshow .slides .item.fuelCard .search fieldset input.txt
            {
                width: 130px;
                height: 29px;
                padding: 0 33px 0 10px;
                position: relative;
                z-index: 4;
                border: 1px solid #d8d8d8;
                font-size: 12px;
                color: #212121;
            }
            #home .content .panel.slideshow .slides .item.fuelCard .search fieldset input.submit
            {
                position: absolute;
                top: 1px;
                right: 1px;
                float: right;
                z-index: 5;
                border-left: 1px solid #d8d8d8;
            }
            #home .content .panel.slideshow .slides .item.fuelCard .search fieldset .suburbList
            {
                display: none;
                position: absolute;
                top: 48px;
                left: 0px;
                z-index: 50;
                width: 173px;
                padding: 0;
                background: #fff;
                border: 1px solid #b6b6b6;
            }
                #home .content .panel.slideshow .slides .item.fuelCard .search fieldset .suburbList h3
                {
                    padding: 10px;

                    text-transform: uppercase;
                    color: #bababa;
                    font-size: 11px;
                }
                #home .content .panel.slideshow .slides .item.fuelCard .search fieldset .suburbList ul
                {
                    padding: 0;
                }
                    #home .content .panel.slideshow .slides .item.fuelCard .search fieldset .suburbList ul li
                    {
                        padding: 0;
                        background: none;
                        font-size: 11px;
                    }
                        #home .content .panel.slideshow .slides .item.fuelCard .search fieldset .suburbList ul li a:link,
                        #home .content .panel.slideshow .slides .item.fuelCard .search fieldset .suburbList ul li a:visited
                        {
                            padding: 10px;
                            display: block;
                            border-top: 1px solid #b6b6b6;
                            color: #666;
                        }
                        #home .content .panel.slideshow .slides .item.fuelCard .search fieldset .suburbList ul li a:hover
                        {
                            background: #ED1C24;
                            color: #fff;
                            text-decoration: none;
                        }
        #home .content .panel.slideshow .slideNav
        {
            float: right;
            margin: -30px 20px 0 0;
            z-index: 100;
            position: relative;
        }
            #home .content .panel.slideshow .slideNav a
            {
                display: block;
                float: left;
                width: 12px;
                height: 12px;
                padding: 3px;
                margin-left: 1px;
                background: url(../images/cycle-dots.png) -25px 50% no-repeat;
                text-indent: -9999px;
            }
                #home .content .panel.slideshow .slideNav a.activeSlide
                {
                    background-position: 0 50%;
                }

        #home .content .sidepanel .panel.serviceStations .search fieldset .hasSelectedState input.txt
        {
            width: 193px !important;
            padding-left: 43px;
        }
        #home .content .sidepanel .panel.serviceStations .search fieldset .readMore
        {
            width: 256px;
        }


    /* Contact Page */
    #contactUs .content h2
    {
        padding: 30px 0 20px 0;
    }
    #contactUs .content table
    {
        width: 922px;
    }
    #contactUs .content table thead tr td,
    #contactUs .content table tbody tr td
    {
        font-size: 13px;
    }

    #contactUs .generalDetails
    {
        width: 590px;
    }
        #contactUs .generalDetails .split .panel
        {
            width: 39%;
        }


    #contactUs .contactForm
    {
        float: right;
        width: 230px;
        margin-bottom: 0;
    }
        #contactUs .contactForm.box
        {
            padding: 30px 29px;
        }
        #contactUs .contactForm h2
        {
            padding: 0 0 10px 0;
            background: none;
        }
        #contactUs .contactForm fieldset
        {
            padding: 0;
        }
            #contactUs .contactForm fieldset div
            {
                position: relative;
            }
            #contactUs .contactForm fieldset label
            {
                display: none;
            }
                #contactUs .contactForm fieldset label.overlabel-apply
                {
                    display: block;
                    top: 12px;
                    left: 11px;
                    position: absolute;
                    z-index: 6;
                    width: auto;
                    padding: 0;
                    color: #7a7a7a;
                }
                #contactUs .contactForm fieldset label.error
                {
                    display: none;
                    padding: 5px 0 0 0;
                    float: left;
                    clear: none;
                    color: #00764A;
                    font-size: 12px;
                    font-weight: normal;
                }
            #contactUs .contactForm fieldset input.txt,
            #contactUs .contactForm fieldset textarea.txt
            {
                width: 208px;
                padding: 6px 10px;

            }
            #contactUs .contactForm fieldset select.ddl
            {
                width: 230px;
                padding: 6px 10px;
                border-color: #b6b6b6;
            }

    /* Service Station Results */
#serviceStationSearch .screen .layoutwidth-inner
{
    min-height: 300px;
}
#serviceStationSearch h1
{
    position: relative;
    z-index: 20;
}
#serviceStationSearch .breadcrumbs
{
    position: relative;
    z-index: 20;
    width: 450px;
}
    #serviceStationSearch .tabset.right ul li
    {
        float: right;
    }
    #serviceStationSearch .searchStations .box
    {
        width: 858px;
	    min-height: inherit;
        padding-left: 30px !important;
        padding-right: 40px !important;
    }
    #serviceStationSearch .searchStations fieldset
    {
	    position: relative;
        top: 0;
        float: right;
        width: 460px;
        padding: 0 0 0 40px;
        min-height: 294px;
        border-left: 1px solid #ddd;
    }
        #serviceStationSearch .searchStations fieldset .search
        {
            width: auto;
        }
            #serviceStationSearch .searchStations fieldset .search h2
            {
                padding: 0 0 10px 0;
            }
            #serviceStationSearch .searchStations fieldset .search label
            {
                width: auto;
                padding: 0;
                line-height: 31px;
            }
                #serviceStationSearch .searchStations fieldset .search label.overlabel-apply
                {
                    top: 9px;
                }
                #serviceStationSearch .searchStations fieldset .search label.error
                {
                    display: none;
                    padding: 5px 0 0 0;
                    float: left;
                    clear: none;
                    color: #00764A;
                    font-size: 12px;
                    font-weight: normal;
                    line-height: normal;
                }
            #serviceStationSearch .searchStations fieldset .search input.txt
            {
                width: 438px;
                height: 29px;
                padding: 0px 10px;
            }
            #serviceStationSearch .searchStations fieldset .search.hasSelectedState label.selectedState
            {
                top: 7px;
            }
            #serviceStationSearch .searchStations fieldset .search.hasSelectedState input.txt
            {
	            width: 403px !important;
                padding-left: 45px;
            }
		#serviceStationSearch .searchStations fieldset .section
		{
			position: static;
			top: 0;
			left: 0;
		}
        #serviceStationSearch .searchStations fieldset .split
        {
	        position: static;
	        top: 0;
	        left: 0;
	        clear: both;
	        width: 100%;
        }
                #serviceStationSearch .searchStations fieldset .split .panel
                {
                    width: 222px;
                    padding: 20px 16px 0 0 !important;
                    float: left;
                    clear: both;
                }
                    #serviceStationSearch .searchStations fieldset .split .panel:nth-of-type(odd)
                    {
                        padding-right: 0;
                    }
                    #serviceStationSearch .searchStations fieldset .split .panel.alt
                    {
                        padding-right: 0 !important;
                        clear: none;
                    }

            #serviceStationSearch fieldset .ui-multiselect {
                width: 188px;
                padding: 4px 34px 4px 3px;
                height: 30px;
                background: url(../images/btn-down.jpg) 190px 1px no-repeat;
            }
            #serviceStationSearch .searchStations fieldset .rememberFilters.spaced
            {
                padding-top: 30px;
                padding-right: 15px;
            }
			#serviceStationSearch .searchStations fieldset .rememberFilters label
			{
				padding: 0;
				line-height: 31px;
			}

        #serviceStationSearch .searchStations fieldset .submit
        {
            float: right;
            position: relative;
            bottom: auto;
            right: auto;
            width: auto;
            margin-right: 15px;
        }


    #serviceStationSearch .searchStations.small
    {
        position: relative;
        top: 0;
        left: 0;
    }
        #serviceStationSearch .searchStations.small .box
        {
            top: 0;
        }
        #serviceStationSearch .searchStations.small fieldset .rememberFilters
        {
            display: block;
        }
        #serviceStationSearch .searchStations.small fieldset #btnSuburbSearch
        {
            margin-top: 0;
        }


    #serviceStationSearch .searchStations .map
    {
        float: left;
	    width: 300px;
    }
    .searchStations fieldset label.error
    {
        position: absolute;
        top: 30px;
        left: 0;
        padding: 5px 0 0 0;
    }

    #serviceStationResults .mobile-refine-search
    {
        display: none;
    }

    #serviceStationResults .refine
    {
        position: relative;
        display: block;
        float: left;
        width: 150px;
        padding: 23px 24px 0 0;
        min-height: 390px;
        z-index: 15;
        background: url(../images/serviceStationResults-refine-bg.jpg) 100% 0% no-repeat;
    }
        #serviceStationResults .refine fieldset div
        {
            padding: 0 0 20px;
        }
            #serviceStationResults .refine fieldset div .btn
            {
                display: block;
                width: 155px;
	            margin-top: 0;
                text-align: center;
            }
        #serviceStationResults .refine fieldset label
        {
            font-size: 14px;
        }
        #serviceStationResults .refine fieldset div.full select.ddl
        {
            padding: 4px 3px;
        }
        #serviceStationResults .refine fieldset div.full .ui-multiselect
        {
            width: 155px !important;
            padding: 4px 34px 4px 3px;
            height: 30px;
            background: url(../images/btn-down.jpg) 123px 1px no-repeat;
        }
            #serviceStationResults .refine fieldset div.full .ui-multiselect span
            {
                padding: 0;
            }

    #serviceStationResults .searchStations .rememberFilters
    {
        display: block;
    }
    #serviceStationResults .searchStations .tabset
    {
        display: block;
    }
    #serviceStationResults .searchStations .box
    {
        padding: 30px 29px;
        background: url(../images/box-bg.jpg) 0% 100% repeat-x;
        border: 1px solid #ddd;
    }
    #serviceStationResults .results
    {
        width: 705px;
        float: right;
        padding: 23px 0 80px 0;
        position: relative;
        z-index: 15;
    }
        #serviceStationResults .results .panel
        {
            padding: 0;
        }
        #serviceStationResults .results .panel.listView .serviceStation
        {
            width: 510px;
            padding: 45px 0 20px 195px;
        }
            #serviceStationResults .results .panel.listView .serviceStation h2
            {
                padding: 0 0 20px 0;
            }
                #serviceStationResults .results .panel.listView .serviceStation h2 span
                {
                    color: #656565;
                    font-size: 15px;
                }
            #serviceStationResults .results .panel.listView .serviceStation .networkLogo
            {
                position: absolute;
                top: 45px;
                left: 35px;
            }
            #serviceStationResults .results .panel.listView .serviceStation .address
            {
                padding: 0 10px 10px 0;
                float: left;
                width: 140px;
                line-height: 19px;
            }

            #serviceStationResults .results .panel.listView .serviceStation .viewMore
            {
                position: relative;
                float: right;
                width: auto;
                height: auto;
                padding: 7px 23px 7px 13px;
                margin-top: 60px;
                background: url(../images/btn-bg.jpg) 100% -1px no-repeat #ed1c24;
                font-size: 14px;
                font-weight: bold;
                color: #fff;
            }
                #serviceStationResults .results .panel.listView .serviceStation .viewMore span
                {
                    display: inline;
                }
            #serviceStationResults .results .panel.listView .serviceStation.ausfuel_gull,
            #serviceStationResults .results .panel.listView .serviceStation.ausfuel,
            #serviceStationResults .results .panel.listView .serviceStation.gull,
            #serviceStationResults .results .panel.listView .serviceStation.sprint              {   background-position: 30px 70px;  }
            #serviceStationResults .results .panel.listView .serviceStation.gull                {   background-position: 30px 70px;  }
            #serviceStationResults .results .panel.listView .serviceStation.choice              {   background-position: 35px 40px;  }
            #serviceStationResults .results .panel.listView .serviceStation.peak                {   background-position: 35px 60px;  }
            #serviceStationResults .results .panel.listView .serviceStation.bp                  {   background-position: 55px 30px;  }
            #serviceStationResults .results .panel.listView .serviceStation.caltex              {   background-position: 55px 30px;  }
            #serviceStationResults .results .panel.listView .serviceStation.shell               {   background-position: 45px 35px;  }
            #serviceStationResults .results .panel.listView .serviceStation.ce                  {   background-position: 35px 55px;  }
            #serviceStationResults .results .panel.listView .serviceStation.riordan_fuels            {   background-position: 37px 40px;  }
            #serviceStationResults .results .panel.listView .serviceStation.kmart_tyre_and_auto {   background-position: 35px 55px;  }
            #serviceStationResults .results .panel.listView .serviceStation.puma_energy         {   background-position: 30px 70px;  }
            #serviceStationResults .results .panel.listView .serviceStation.matilda             {   background-position: 30px 50px;  }
            #serviceStationResults .results .panel.listView .serviceStation.matilda_gold        {   background-position: 30px 50px;  }
            #serviceStationResults .results .panel.listView .serviceStation.matilda_blue        {   background-position: 30px 50px;  }
            #serviceStationResults .results .panel.listView .serviceStation.mobil               {   background-position: 30px 70px;  }
            #serviceStationResults .results .panel.listView .serviceStation.minitankers         {   background-position: 30px 50px;  }
            #serviceStationResults .results .panel.listView .serviceStation.neumann             {   background-position: 30px 50px;  }
            #serviceStationResults .results .panel.listView .serviceStation.fuel_central        {   background-position: 30px 50px;  }
            #serviceStationResults .results .panel.listView .serviceStation.portsmith_fuel      {   background-position: 60px 60px;  }

            #serviceStationResults .results .panel.listView .serviceStation .details
            {
                float: left;
                width: 70%;
                padding: 10px 0 10px 5%;
            }

    #serviceStationResults .button #btnSearch
    {
        position: static;
        top: 0;
        right: 0;
        width: auto;
        height: auto;
        background: url(../images/btn-bg.jpg) 100% 0 no-repeat #ed1c24;
        background-size: inherit;
        text-indent: 0;
    }

    .searchStations fieldset div
    {
        width: auto;
        padding: 0 10px 0 0;
    }
    .searchStations fieldset input.txt
    {
        width: 458px;
        height: 29px;
        padding: 0 10px;
    }
    .searchStations fieldset .split .panel select
    {
        width: 222px;
        padding: 4px 3px;
    }
        .ui-multiselect
        {
            width: 188px;
            height: 30px;
            padding: 4px 34px 4px 3px;
            background-position: 193px 1px;
            background-size: inherit;
        }
    #serviceStationResults .results .panel.mapView
    {
        width: 703px;
        margin: 20px 0 0 0;
    }
        #serviceStationResults .results .panel.mapView .map
        {
            float: right;
            width: 703px;
        }

    .searchStations .suburbList
    {
        top: 96px;
        left: 29px;
        width: 478px;
    }
        .searchStations .suburbList ul li a:link,
        .searchStations .suburbList ul li a:visited
        {
            font-size: 12px;
        }
        .searchStations.small .suburbList
        {
            top: 96px;
            left: 30px;
            margin: 0;
            width: 478px;
        }
        .searchStations.advancedSearch .suburbList
        {
            top: 66px;
            width: 458px;
        }



    /* single station */
    .content.full .singleStation
    {
        clear: both;
        float: none;
        width: 745px;
        min-height: 350px;
        margin: 5px 0 0 -31px;
        padding: 0 30px 0 204px;
    }
        .content.full .singleStation .group,
        #serviceStationSearch .singleStation .group
        {
            width: 315px;
            padding: 25px 0 30px 30px;
        }
            .content.full .singleStation .group .list h2
            {
                float: left;
                padding: 0 15px 0 0;
            }
            .content.full .singleStation .group .list ul
            {
                float: left;
                width: 100%;
                clear: both;
                padding: 15px 0 0 0;
            }
            .content.full .singleStation .group .list.contactDetails
            {
                border-top: 1px solid #ddd;
            }

        .content.full .singleStation .map
        {
            float: right;
            width: 328px;
            margin: 25px 0 20px 0;
        }
            .content.full .singleStation .map #map_canvas
            {
                width: 328px;
                height: 263px;
            }

        .content.full .singleStation .filters
        {
            clear: both;
            display: block;
            margin: 10px 0 20px 30px;
        }
            .content.full .singleStation .filters .box
            {
                clear: both;
                float: left;
                width: 655px;
                margin-bottom: 15px;
                border-top: none
            }
                .content.full .singleStation .filters .box ul
                {
                    padding-bottom: 0;
                }
                    .content.full .singleStation .filters .box ul li
                    {
                        padding-left: 0;
                        clear: both;
                        background: none;
                        line-height: 32px;
                    }
                        .content.full .singleStation .filters .box ul li img
                        {
                            margin-right: 15px;
                            float: left;
                            line-height: 0;
                        }
        .content.full .singleStation .sidepanel
        {
            top: 0;
            width: 159px;
            padding: 25px 15px 0 30px;
            min-height: 318px;
            margin: 0 0 0 2px;
            background: url(../images/sidepanel-small-bg.jpg) 0% 0% no-repeat;
        }
            .content.full .singleStation .sidepanel .back
            {
                float: left;
                width: auto;
                padding: 7px 13px 7px 23px;
                background-position: 0 -1px;
            }
}





/* Local Rewards */
#LocalRewardsForm
{
	padding: 10px 10px 0;
	
}
#LocalRewardsForm #codeChecker
{
	text-align: center;
}
#LocalRewardsForm img.top
{
	width: 100%; 
	max-width: 921px;
	margin-bottom: 20px;
}
#LocalRewardsForm #codeChecker .field
{
	float: none;
	margin: 0 auto;
	width: 80%;
	max-width: 200px;
	padding: 15px 0 0;
}
#LocalRewardsForm #codeChecker fieldset div.bottom,
#LocalRewardsForm #codeChecker fieldset div.bottom div
{
	float: none;
	width: auto;
	margin: 0 auto;
}
#LocalRewardsForm #codeChecker fieldset label.left
{
	font-weight: bold;
	color: #ed1c24;
	font-size: 110%;
}
#LocalRewardsForm #codeChecker fieldset input
{
	text-align: center;
	font-size: 110%;
}
#LocalRewardsForm #codeChecker a.btn
{
	float: none;
	clear: both;
	margin: 0 auto 20px;
	width: 100px;
}
#LocalRewardsForm #codeChecker p.small
{
	width: 80%;
	margin: 0 auto;
	
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	
	font-size: 80%;
	text-transform: uppercase;
}
#LocalRewardsForm #codeChecker p.nocode a
{
	/*color: #666;*/
	font-size: 14px;
	font-weight: bold;
}
#LocalRewardsForm #codeChecker .nocode
{
	font-size: 90%;
}
#Form_processLocalRewards, #RewardsTAC {
    display: none;
} 




.imagegallery .panel
{
	float: left;
	width: 19%;
	min-width: 140px;
	padding-right: 1%;
	padding-bottom: 10px;
}
.imagegallery .panel img
{
	width: 100%;
	max-width: 175px;
	
}
            #home .content .panel.list ul,
            #home .content .panel.list p
            {
                padding: 20px 31px 0 30px;
            }