@import url(http://fonts.googleapis.com/css?family=Poly);

@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

body {
    background: transparent; /* The color you want for the radial gradient */

    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(center, ellipse closest-side, #1D64AF 0%, #001F51 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(center, ellipse closest-side, #1D64AF 0%, #001F51 100%);
    /* Opera */
    background-image: -o-radial-gradient(center, ellipse closest-side, #1D64AF 0%, #001F51 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, center center, 0, center center, 140, color-stop(0, #1D64AF), color-stop(1, #001F51));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(center, ellipse closest-side, #1D64AF 0%, #001F51 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse closest-side at center, #1D64AF 0%, #001F51 100%);
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow: scroll;
    background: #001F51;
}

body {
    font-family: Arial, sans-serif;
    color: #fff;
}


/* set a minimum body width for the background gradient */
@media (max-width: 1024px) {
     body {
        width: 1024px;
     }
}

a, a:visited {
    color: #fff;
    text-decoration: underline;
}

a:hover, a:active {
    color: #fff;
    outline: 0;
}

a:focus {
    color: #fff;
    outline: 0;
}

p small {
    color: #CCC;
}

.icon-pdf {
    height: 24px;
    width: 24px;
    margin-left: 10px;
    margin-right: 5px;
    background: url('../template_images/pdf-icon.png') no-repeat;
    margin-top: -2px;
}

.placeholder {
    color: #999 !important;
}

.main-wrapper {
    margin-top: 20px;
}

.logo {
    width: 140px;
    height: 265px;
    background: url('../template_images/logo.png') no-repeat right top;
    margin-bottom: 20px;
    display: block;
}

.logo span {
    display: none;
}

.ico-arrow-right {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background: url("../template_images/arrow-r.png") no-repeat scroll 0 5px transparent;
}

/** Slide Show **/
.slideshow {
    width: 780px;
    height: 460px;
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
}

.slideshow .pager {
    position: absolute;
    bottom: 0px;
    right: 10px;
    z-index = 500;
    padding: 5px;
    margin-bottom: 0px;
}

.slideshow .pager a {
    position: relative;
    text-decoration: none;
    z-index: 1;
    padding: 0px;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #333;
    margin: 0px 1px;
    zoom: 1;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    cursor: pointer;

    behavior: url('/css/PIE.htc');
}

.slideshow .pager a.selected {
    background: #5493F0;
    border: 1px solid #5493F0;
}

/** Page Banner **/
.page-banner {
    width: 780px;
    height: 350px;
    margin-bottom: 18px;
    overflow: hidden;
}

/** Banner **/
.banner {
    position: absolute;
}

.banner .text {
    font-family: 'StagBook', serif;
    font-weight: normal;
    position: absolute;
    top: 20px;
    left: 25px;
    width: 300px;
}

.lt-ie9 .banner .text {
    font-family: 'Poly', serif;
}

.banner .text h1 {
    color: #fff;
    font-size: 45px;

    font-family: 'StagBook', serif;
    font-weight: normal;
    line-height: 50px;
}

.lt-ie9 .banner .text h1 {
    font-family: 'Poly', serif;
}

.banner .text h2 {
    font-size: 45px;
    line-height: 50px;
}

.banner .text p {
    font-size: 20px;
}

.banner a {
    color: #fff;
    text-decoration: none;
}

.green, .green a {
    color: #59B73C !important;
}

/** Home CTA **/
.img-item {
    float: left;
    width: 245px;
    background: #999;
}

.img-item.item-2 {
    margin-left: 23px;
}

.img-item.item-3 {
    margin-left: 22px;
}

.cta-wrapper {
    padding-bottom: 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid #A3A3A3;
    margin-left: 20px;
}

/** Main Menu **/
.main-menu-wrapper {
    margin-left: 5px;
    margin-right: 5px;
}

ul.main-menu {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #A3A3A3;
    width: 130px;
}

ul.main-menu, ul.main-menu ul {
    list-style: none;
    margin-left: 0px;
    margin-right: 0px;
}

ul.main-menu li {
    margin-bottom: 3px;
}

ul.main-menu li.selected ul {
    display: block;
}

ul.main-menu li ul {
    display: none;
    margin-left: 5px;
}

ul.main-menu a {
    color: #fff;
    text-decoration: none;
    font-size: 1.15em;
}

ul.main-menu a:hover {
    color: #5493F0;
}

ul.main-menu a.arrow {
    padding-right: 12px;
    background: url('../template_images/menu-arrow.png') no-repeat scroll right 6px transparent;
    background-position-y: -7px;
}

ul.main-menu a.arrow:hover, ul.main-menu a.selected {
    color: #5493F0;
    background-position-y: -7px;
}

ul.main-menu ul a.arrow:hover, ul.main-menu ul a.selected {
    color: #5493F0;
    background-position-y: -7px;
}

ul.main-menu li ul a {
    color: #A3A3A3;

    font-size: 0.9em;

}

ul.main-menu li ul li ul {
    margin-left: 10px;
}

/** Side Menu **/
.side-menu-wrapper {
    margin-left: 5px;
    margin-right: 5px;
}

ul.side-menu {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #A3A3A3;
    width: 130px;
}

ul.side-menu, ul.side-menu ul {
    list-style: none;
    margin-left: 0px;
    margin-right: 0px;
}

ul.side-menu li a {
    text-decoration: none;
    color: #A3A3A3;
}

ul.side-menu li a:hover, ul.side-menu li a.selected {
    color: #5493F0;
}

a.register {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #A3A3A3;
    text-decoration: none;
}

a.register:hover {
    color: #5493F0;
}

/** Product Search **/
#prod-search {position: relative;}
#prod-search input {
    width:120px;
    color: #222;
    padding-left: 5px;
}
#prod-search input.side_search {
    background: url("../template_images/arrow-r.png") no-repeat scroll right center transparent;
    border: medium none;
    height: 15px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 15px;
}


.fb-icon {
    width: 32px;
    height: 32px;
    display: block;
    background: url('../template_images/fb.png') no-repeat;
}

/** Home Article **/
.home-article {
    color: #fff;
}

.home-article h1 {
    font-size: 1em;
    line-height: 1.5em;
}

.home-article-welcome {
    width: 510px;
}

.home-latest-news {
    width: 250px;
}

.home-latest-news a.readmore {
    color: #fff;
    float: left;
    text-decoration: underline;
}

/** Quicklinks **/
.quicklinks {
    margin-bottom: 5px;
    padding: 5px 0px 10px 5px;
    background: #072F67;
    display:none;
}

.quicklinks a {
    color: #A3A3A3;
    text-decoration: none;
}

.quicklinks a:hover, .quicklinks a.selected {
    color: #5493F0;
}

.quicklinks ul {
    list-style: none;
    margin: 5px 0px 10px 10px;
    float: left;
    width: 180px;
}

.quicklinks-btn {
    background: url('../template_images/menu-arrow.png') no-repeat scroll right 6px transparent;
    padding-right: 12px;
    background-position-y: 7px;
}

.quicklinks-btn:hover {
    background-position-y: -6px;
}

/** Footer **/
.footer {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
    border-top: 1px solid #A3A3A3;
    color: #A3A3A3;
}

.footer-wrapper {
    margin-bottom: 10px;
}

.footer a {
    color: #A3A3A3;
    text-decoration: none;
}

.footer a:hover, .footer a.selected {
    color: #5493F0;
}

.footer-menu{

}

.footer-menu  a {
    margin-right: 20px;
}

.footer-right {
    text-align: right;
    color: #A3A3A3;
    margin-bottom: 5px;
}

.footer .footer-right {
    margin-bottom: 0px;
}

/** Page Content **/
.page-content h1 {
    font-size: 24px;
    color: #5493F0;
	padding: 5px 0;
    font-family: 'StagBook', serif;
    font-weight: normal;
}

.lt-ie9 .page-content h1 {
    /*font-family: 'Poly', serif;*/
}

.page-content h1 a {
    text-decoration: none;
    color: #5493F0;
}

.page-content h2, h3, h4, h5, h6 {
    color: #fff;

    font-family: 'StagBook', serif;
    font-weight: normal;
}

.lt-ie9 .page-content h2, h3, h4, h5, h6 {
    font-family: 'Poly', serif;
}

.page-content h2 {
    font-size: 17px;
    letter-spacing: 0.1em;
}

.page-content h3 {
    font-size: 14px;
}

.page-content h4 {
    font-size: 12px;
}

.page-content article {
    padding-bottom: 25px;
}

/** News Content **/
.news-content h1 {
    font-size: 20px;
    color: #5493F0;
     padding-bottom: 8px;
    font-family: 'StagBook', serif;
    font-weight: normal;
}

.lt-ie9 .news-content h1 {
    font-family: 'Poly', serif;
}

.news-content h2, h3, h4, h5, h6 {
    color: #fff;

    font-family: 'StagBook', serif;
    font-weight: normal;
}

.lt-ie9 .news-content h2, h3, h4, h5, h6 {
    font-family: 'Poly', serif;
}

.news-content h2 {
    font-size: 18px;
	line-height: 24px;
    margin-bottom: 8px;
    padding-top: 5px;
}

.news-content h3 {
    font-size: 14px;
}

.news-content h4 {
    font-size: 12px;
}

.news-content h1 a {
    color: #5493F0;
    text-decoration: none;
}

.news-content h2 a {
    text-decoration: none;
}

.news-content-list article {
    width: 370px;
    margin: 0px 20px 20px 0px;
    float: left;
}

.news-content-list .readmore {
    display: block;
}

/**	News Pager **/
.pagerWrap {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    color: #A3A3A3;
}

.search_pager_details {
    float: left;
    display: none;
}

.search_pager {
    float: right;
    height: 20px;
    margin: 0 4px 0 0;
    text-align: right;
}

.search_pager a {
    color: #A3A3A3;
    line-height: 30px;
    padding: 2px 4px;
    text-decoration: none;
}

.search_pager a.selected_pager {
    color: #5493F0;
}

.search_pager li {
    float: left;
    margin-right: 5px;
}

/** Box List **/
ul.box-list {
    width: 790px;
    margin-left: -12px;
    visibility: hidden;
}

ul.box-list li {
    width: 185px;
    float: left;
    background: white;
    padding: 0px;
    margin-left: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    list-style: none;
}

ul.box-list li a {
    display: block;
    color: #333;
    text-align: center;
    width: 185px;
    height: 150px;
    overflow: hidden;
	position:relative;

}

ul.box-list li h1 a {
    display: block;
    color: #333;
    text-align: center;
    width: auto;
    height: auto;
}

ul.box-list li h1 a:hover {
    color: #333 !important
}

ul.box-list li img.prod-img {
    width: auto !important;
}

ul.box-list li img.recipe-img, ul.box-list li img.search-img {
    width: 100%;
    height: auto;
}

ul.box-list li h1 {
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    width: 175px;
    text-align: center;
    line-height: 120%;
    text-decoration: none;
    padding: 5px 5px;
    font-family: Arial, sans-serif;
	position:relative;

}

/** Help **/
.helpcats .helpcat {
    width: auto !important;
    height: 150px;
    overflow: hidden;
}

.helpcat a {
    display: inline !important;
}

.helpcat img {
    height: 100%;
    width: auto;
    position: relative;
    left: -50%;
    max-width: none;
}

.helpcat img.noimg {
    height: 100%;
    width: 100%;
    max-width: none;
    position: static;
}

/** Product **/
.product {
    background: #fff;
    color: #666;
    margin-bottom: 15px;
}

.product-menu {
    margin-top: 10px;
}

.product-img {
    float: left;
    width: 370px;
    margin: 10px;
}

.product-img img {
    height: auto !important;
}

.recipe-img {
    margin: 0px 0px 10px 0px;
    width: 100%;
}

.product-img .img-holder {
    margin-left: -5px;

}

.product-img .img-holder img {
    margin-left: 5px;
    margin-bottom: 10px;
}

.product-img .tags {
    margin: 10px 0px;
}

.product-tab {
    float: left;
    width: 370px;
    margin: 10px;







    margin: 6px;
}

.product h3 {
    color: #5493F0;
    font-size: 18px;
    margin-bottom: 7px;
}

.product-sub {
    margin-bottom: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid #aaa;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

.product-sub-last {

    border-bottom: none;
}

.product-sub h3 {
    color: #666;
    font-size: 13px;
    font-family: Arial, sans-serif;
}

.product-used {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
}

.product-used h1 {
    font-family: Arial, sans-serif;
    font-size: 13px;
}

[class^="prod-icon-"], [class*=" prod-icon-"] {
    background-image: url("../template_images/logo-sprites.png");
    background-position: 124px 124px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 80px;
    line-height: 14px;
    margin-left: 55px;
    vertical-align: text-top;
    width: 80px;
}

.prod-icon-miracle {
    background-position: 0 0;
    margin-left: 0px;
}

.prod-icon-miracle:hover {
    background-position: 0 -80px;
}

.prod-icon-copha {
    background-position: -80px 0;
}

.prod-icon-copha:hover {
    background-position: -80px -80px;
}

.prod-icon-vita {
    background-position: -160px 0;
}

.prod-icon-vita:hover {
    background-position: -160px -80px;
}

.prod-icon-fairy {
    background-position: -240px 0;
}

.prod-icon-fairy:hover {
    background-position: -240px -80px;
}

.prod-icon-tablelands {
    background-position: -320px 0;
}

.prod-icon-tablelands:hover {
    background-position: -320px -80px;
}

.prod-icon-wik {
    background-position: -400px 0;
}

.prod-icon-wik:hover {
    background-position: -400px -80px;
}

/*** Product Tabs ***/
#tabs {
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    font-size: 11px;
    font-family: Arial, sans-serif;
}

#tabs ul.tab-items {
    background: none;
    border: 0;
    border-radius: 0px;
    top: 10px;
}

#tabs ul.tab-items li {
    font-size: 13px;
    width: 89px;
    height: 47px;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #777 !important;
    border-radius: 0;
    white-space: normal;
    background: none;
    text-align: center;
}

#tabs ul.tab-items li.ui-state-active {
    border-left: 1px solid #777;
    border-top: 1px solid #777;
    border-right: 1px solid #777;
    border-bottom: 1px solid #fff !important;
}

#tabs ul.tab-items li.ui-state-hover {

}

#tabs ul.tab-items li a {
    padding: 6px 0px;
    width: 90px;
    height: 100%;
    color: #222;
}

#tabs-1, #tabs-2, #tabs-4 {
    font-size: 12px;
}
#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited {
    color: #222;
    text-decoration: none;
}

#tabs .nutrition-information .last {
    border-bottom: 1px solid #333;
}

/** Product Recipe **/
.recipe {
    font-size: 12px;
    margin-top: 35px;
	*margin-top: 0px;
}

.recipe .title {
    color: #5493F0;
}

.recipe h1, .recipe h2, .recipe h3, .recipe h4, .recipe h5, .recipe h6 {
    font-family: Arial, sans-serif;
    color: #333;
}

.recipe a {
    color: #333;
    text-decoration: none;
    display: block;
    font-weight: normal;
}

.recipe .field {
    margin-bottom: 20px;
}

.recipe-pager {
    margin: 0px 20px 20px 20px;
}

.recipe-pager a {
    color: #666;
}

.recipe-left {
    margin-left: 30px;
}

.recipe-right {
    text-align: center;
    margin-top: 45px;
}

.recipe-description table {
    width: 100% !important;
}

.recipe-description table td {
    vertical-align: top;
    text-align: left;
    padding: 5px 10px 5px 0px;
    margin: 10px 0px;
    min-width: 10px;
}

.recipe-description table th {
    vertical-align: top;
    text-align: left;
    padding: 10px 10px 10px 0px;
    margin: 10px 0px;
    min-width: 10px;
}

.recipe-description table tbody tr {
    border-top: 1px solid #999;
    padding: 0px 10px;
    margin: 0px 10px;
}

.recipe-description table tbody tr:last-child {
    border-bottom: none;
}

.recipe-description table p {
    margin: 0px
}

/** feedback **/
.contact-description{
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.formBody{
    position: relative !important;
}

.formBody label{
    display: inline;
}

.formBody input{
    left: 128px;
    position: absolute;
    width: 376px;
}

.formBody textarea{
    left: 128px;
    position: absolute;
    width: 376px;
    height: 145px;
}
.form-enquiry {
    width: 540px;
}
.input-container{
    height: 35px;
}
.input-container.comments{
    height: 160px;
}
.input-container.suburb{
    float: left;
    width: 250px  !important;
}
.input-container.state{
    float: left;
    width: 125px  !important;
}
.input-container.suburb label{
    display: block;
    float: left;
}
.input-container.state label{
    display: block;
    float: left;
    margin-right: 5px;
}
.input-container.postcode label{
    display: block;
    float: left;
    margin-right: 4px;
}
.input-container.suburb input{
    left: 87px  !important;
    position: relative  !important;
    width: 100px  !important;
}
.input-container.state input{
    left: 0  !important;
    position: relative  !important;
    width: 65px  !important;
}
.input-container.postcode input{
    left: 0  !important;
    position: relative  !important;
    width: 65px  !important;
}
.submit-form{
    width: 65px !important;
}
#captcha_code_input{
    margin-top: 0px;
    width: 260px;
}
.captcha_code_label{
}
.captcha_code_img-container{
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 5px;
    text-align: center;
    width: 270px;
    padding: 5px 0;
}
.captcha-container{
    margin-bottom: 5px;
}
/** Register **/
.register-container input{
    width: 255px;
}
.register-container select:focus, .register-container input:focus{
    outline: none;
}
#user_suburb{
    width: 150px;
}
#user_postcode{
    width: 90px;
}
.how_did{
    width: 350px;
}
.oil-type-container{
    margin-bottom: 20px;
    margin-top: 20px;
}
.oil-type{
    float: left;
    margin-right: 10px;
}
.oil-type input{
    display: block;
    float: left;
    margin-right: 5px;
    width: auto;
}
.oil-type span{
    display: block;
    width: 100px;
}
.suburb_fl{
    float: left;
    margin-right: 5px;
}

/** FAQ **/
.ui-accordion {
    font-size: 13px;
    color: #fff;
}

.ui-accordion-header{
    border: 0;
    color: #3383BB;
    font-weight: bold;
    background: transparent;
}
.ui-accordion-header a{
    font-size: 12px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-radius: 0px;
}

.ui-accordion-content {
    background: none;
    border: 0;
    color: white;
    padding: 0 0 0 20px !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: white;
    text-decoration: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #5493F0;
    text-decoration: none;
}


.by a {
	text-decoration: none;
	color: #A3A3A3;
}

a:hover {
	color: #5493F0 !important;
}

table.white_border, table.white_border td {
    border: 1px solid #FFFFFF;
}
.facebook{
    padding-left: 5px;
}

.global-footer {
  list-style-type: none;
  text-align: center;
  width: 100%;
  clear: both;
}

/*
** Grey background
*/

/* Resets */
.bwired-global-footer, .core-dna-global-footer,
.bwired-global-footer:hover, .core-dna-global-footer:hover  {
	text-decoration: none !important;
}

/* Device background */
.bwired-global-footer circle, .core-dna-global-footer circle {
	fill:#a7a7a2;
}

/* Device color */
.bwired-global-footer g path:first-child, .bwired-global-footer g path, .core-dna-global-footer path {
	fill:#ffffff;
}

/* Hover color and . color */
.bwired-global-footer:hover circle , .core-dna-global-footer:hover circle {
	fill:#EE1D3E;
}

/* Hover device color */
.bwired-global-footer:hover g path, .core-dna-global-footer:hover path {
	fill:#f5f5f5;
}

.clear::before, .clear::after {
  content: ' ';
  display: table;
  clear: both
}

#mc_embed_signup * {
  box-sizing: border-box;
}

#mc_embed_signup input[type=text],
#mc_embed_signup input[type=email],
#mc_embed_signup input[type=phone],
#mc_embed_signup input[type=number] {
  width: 100%;
  padding: 1em;
}

#mc_embed_signup select {
  width: 100%;
}

#mc_embed_signup .mc-field-group {
  width: 100%;
}

#mc_embed_signup .mce_inline_error {
  background: #e8a6a9;
}

#mc_embed_signup .mce_inline_error[for] {
  width: 100%; 
  background: #ad2228;
  display: none !important;
}

.mc-left, .mc-right {
  width: 47.5%;
  float: left;
}

.mc-left {
  margin-right: 5%;
}

.main-menu-newsletter {
}

.newsletter-link {
  background: #ec1b23;
  padding: 5px;
  margin: 10px 5px;
  text-align: center;
  border-radius: 3px;
  color: white;
  text-decoration: none;
  display: block;
  position: relative;
}

.newsletter-link:hover {
  text-decoration: none;
  color: white !important;
  background: #a71218;
}

.newsletter-link:after {
  content: '';
  background: url("../template_images/arrow-r.png") no-repeat scroll right center transparent;
  height: 10px;
  width: 10px;
  position: absolute;
  display: block;
  right: 4px;
  top: 20px;
}

hr {
  margin: 15px 5px;
  border: none;
  border-bottom: 1px solid #A3A3A3;
}

h1.register__heading {
  font-size: 30px;
}