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

body {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    background-color: #f5f5f5;
}

.containerSite {
    background-color: white;
}


	.containerMobileMenu
	{
		display:none;
	}
@media (max-width:1060px)
{
	.homeNavigation ul li 
	{
		width:80% !important;
	}
	
	.homeContent div 
	{
		width:95% !important;
		padding:10px  !important;
	}
	
	.homeContent
	{
		width:100% !important;
		float:left !important;
	}
	
	.containerShortcut, .containerNavigation ul, .containerNavigation2ndLevel, .containerSignIn
	{
		display:none;
	}
	.containerMobileMenu
	{
		display:block;
	}
	
	.containerLogo 
	{
		padding-left: 10px;
	}
	
	.containerQuicksearch input[type=text]
	{
		min-width: 0px !important;
		width:150px !important;
	}
}

.containerHeader {
    max-width: 1100px;
    margin: auto;
    font-family: 'Abel', sans-serif;
}

.containerQuicksearch input[type=submit] {
    background-image: url('/sitewrapper/images/button_search.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f5f5f5;
    height: 38px;
    width: 40px;
    border-left: 1px solid #ccc;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-right: 0px solid #ccc;
    font-size: 0px;
    margin-left: -41px;
    margin-top: 26px;
}

    .containerQuicksearch input[type=submit]:hover {
        cursor: pointer;
    }

.containerQuicksearch input[type=text] {
    height: 40px;
    max-width: 100%;
    min-width: 440px;
    padding: 0px 10px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #ccc;
    letter-spacing: 1px;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    color: #666;
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    float: left;
    margin-top: 25px;
}

.containerLogo {
    max-width: 150px;
    padding-right: 40px;
    margin-top: 20px;
    float: left;
}

.containerQuicksearch {
    display: inline;
    height: 50px;
    overflow: hidden;
    padding-top: 30px;
}

.containerSignIn {
    float: right;
    padding-top: 20px;
    font-size: 15px;
}

    .containerSignIn div {
        max-width: 300px;
    }

        .containerSignIn div a {
            color: #363636;
            text-decoration: none;
        }


.containerLogo img {
    width: 100%;
    border: 0px;
}

.containerShortcut {
    font-family: 'Abel', sans-serif;
    font-size: 15px;
    max-width: 1100px;
    margin: auto;
    text-align: right;
    padding-bottom: 5px;
}

    .containerShortcut a {
        text-decoration: none;
        color: #363636;
        padding: 0px 10px;
    }

.navselected
        {
            font-weight:bold;
        }

.containerNavigation {
    font-family: 'Abel', sans-serif;
    font-size: 16px;
    max-width: 1100px;
    margin: auto;
    text-align: center;
    border-bottom: 2px solid #cccccc;
}

    .containerNavigation ul li {
        border-top: 3px solid white;
        display: inline;
        padding: 5px 30px;
    }

        .containerNavigation ul li a {
            text-decoration: none;
            color: #363636;
        }

        .containerNavigation ul li:hover {
            border-top: 3px solid #f15d22;
            cursor: pointer;
            -webkit-transition: all 0.30s ease-in-out;
            -moz-transition: all 0.30s ease-in-out;
            -ms-transition: all 0.30s ease-in-out;
            -o-transition: all 0.30s ease-in-out;
        }
        



.containerNavigation2ndLevel {
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    max-width: 1100px;
    margin: auto;
    text-align: center;
}

    .containerNavigation2ndLevel ul li {
        border-top: 3px solid white;
        display: inline;
        padding: 0px 10px;
    }

        .containerNavigation2ndLevel ul li a {
            text-decoration: none;
            color: #363636;
        }

        .containerNavigation2ndLevel ul li:hover {
            color: #f15d22;
            cursor: pointer;
            -webkit-transition: all 0.30s ease-in-out;
            -moz-transition: all 0.30s ease-in-out;
            -ms-transition: all 0.30s ease-in-out;
            -o-transition: all 0.30s ease-in-out;
        }

input[type=text], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

    input[type=text]:focus, textarea:focus {
        box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    }

.containerBody {
    max-width: 1100px;
    margin: auto;
    min-height: 400px;
    text-align: left;
    background-color: #fff;
    color: #5a5a5a;
    font-family: sans-serif;
    font-size:14px;
}

.containerFooter {
    background-color: #f5f5f5;
    bottom: 0px;
    padding-top: 20px;
}

.containerFooterContent {
    max-width: 1100px;
    margin: auto;
    font-family: 'Abel', sans-serif;
    text-align: center;
    font-size: 13px;
}

    .containerFooterContent a {
        color: #363636;
        text-decoration: none;
    }

a:hover {
    color: #f15d22;
    cursor: pointer;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.footerColumn
{
    width:30%;
    display:inline-table;
    text-align:left;
}

.footerColumn h2
{
    font-size:13px;
    font-weight:bold;
    padding-left: 40px;
}

.footerColumn ul li
{
    list-style-type:none;
}

td
{
	font-size:12px;
}

h1, .groupheading
{
	    color: #5a5a5a;
    font-size: 20px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 0px;
    font-family: 'Abel', sans-serif;
}

input[type=text], input, textarea
{
	color: #5a5a5a;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0px;
    font-family: 'Abel', sans-serif;
    padding-left:3px;
}

input[type=button], input[type=submit]
{
	background-color: #ee3524;
	color:White;
	font-family: 'Abel', sans-serif;
	font-size: 14px;
	margin:3px;
	border:1px solid #ee3524;
}

.buttonSuccess
{
    color: #fff;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}
.buttonSuccess:hover
{
	    color: #fff;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}

input[type=reset]
{
		background-color: white;
	color:#5a5a5a;
	font-family: 'Abel', sans-serif;
	font-size: 14px;
	margin:3px;
	border:1px solid #5a5a5a;
}

input[type=reset]:hover
{
}
input[type=button]:hover, input[type=submit]:hover
{
	background-color:#ef493a;
	cursor:pointer;
}

a 
{
	color:#363636 !important;
	}
	
.logoGeneral
{
	max-width:200px;
}

/* Home page */
.homeBanner{
	width: 100%;
	position: absolute;
	left: 0px;
	background-image: url("https://res.cloudinary.com/dn453lfkc/image/upload/v1511847507/Banner_1_FullColor_ekojow.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.homeBanneroverlay 
{
	    background-color:rgba(243,104,37,.3);
	    width:100%;
}
.homeBanneroverlay div {
    max-width: 1100px;
    margin: auto;
    text-align: left;
    color: #5a5a5a;
    font-family: sans-serif;
    font-size:14px;
    padding:250px 30px 30px 30px;
}

.homeBanneroverlay h1
{
	background-color:#ee3324;
	width:150px;
	text-align:center;

	
}
.homeBanneroverlay h1 a
{
		color:White !important;
		text-decoration:none;
}

.homeBanneroverlay p
{
	max-width:450px;
	color:White;
	font-family: 'Abel', sans-serif;
	font-size:22px;
	font-style:italic;
	
}

.homeBannerSpacer
{
	height:480px;
}
.homeBannerAusGeo
{
	float:right; 
	margin-top:-30px; 
	overflow:hidden; 
	height:200px;
}

.homeBannerAusGeo img {
  -webkit-filter: drop-shadow(1px 1px 0 white)
                  drop-shadow(-1px -1px 0 white);
  filter: drop-shadow(1px 1px 0 white) 
          drop-shadow(-1px -1px 0 white);
}

.homeNavigation
{
	height:100px;
	margin:auto;
	text-align:center;
	max-width:900px;
}
.homeNavigation ul li:hover
{
	color:White !important;
		background-color:#f36825;
	    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.homeNavigation ul li:hover a
{
	color:White !important;
	    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.homeNavigation ul li
{
	list-style: none;
	border:1px solid #686868;
	width:150px;
	text-align:center;
	padding:10px;
	text-transform:uppercase;
	float: left;
	margin:10px;
	    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;	
background-color:White;
}
.homeNavRow .column-25 {
    float: left;
    width: 25%;
}
.homeNavRow .column-75 {
    float: left;
    width: 75%;
}
.homeNavRow .column-50 {
    float: left;
    width: 50%;
}

/* Clear floats after the columns */
.homeNavRow:after {
    content: "";
    display: table;
    clear: both;
}

.homeNavigation ul li a
{
text-decoration:none;
font-family: 'Abel', sans-serif;
font-size:20px;
-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;	
}
.homeNavigation ul li a:hover
{
	color:White !important;
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;	
}
.homeNavigation ul .red {
background-color: #ee3324;
color:White !important;
}

.homeContent
{
	min-height:350px;
	width:800px;
	margin:auto;
}
.homeContent div
{
	display:inline-block;
	float:left;
	padding:10px 30px 10px 30px;
}

.homeContent h1
{
	background-color:#564444;
	text-align:center;
	
	
	    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.homeContent h1 a
{
	text-decoration:none;
	color:#ffffff !important;
}
.homeContent h1:hover
{
	background-color:#f36825;
	    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.homeContent p
{
	width:320px;
}

.noHover:hover
{
	background-color: #f5f5f5 !important;
}
@media only screen and (max-width:25em) { 
	/* CSS rules here */
	.homeBannerSpacer
{
	height:530px;
}
}
#previousNewsletterLink
{
	font-size:11px;
}

#previousNewsletterList
{
	background-color:white;
	padding-top:10px;
	padding-bottom:10px;
	border: 1px solid #686868;
}

#previousNewsletterList ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}
#previousNewsletterList ul li
{
	line-height:20px;
}

.salePromo:hover
{
	cursor:pointer;
	background-color: #f25346;
	transition: .25s;
}
.salePromo
{
	transition: .25s;
	border:1px solid #e45611;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color:#ee3324;
	color:White;
	text-align:center;
	padding:10px;
	font-family: sans-serif;
	font-size:14px;
	    line-height: 50px;
}
.salePromo .Title
{
	font-size:20px;
	font-weight:bold;
	font-family: 'Abel', sans-serif;
}
.saleOrderNowNormal
{
	font-weight:bold;
}
.saleOrderNowSuccess
{
	color:#5cb85c;
	font-weight:bold;
}
.saleOrderButton
{
	color: #fff;
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    width:100%;
    text-align:center;
    border-radius:3px;
    font-family: 'Abel', sans-serif;
    font-size:18px;
    transition:0.25s;
    
}

.saleOrderButton:hover
{
	cursor:pointer;
	    color: #fff;
    background-color: #449d44;
    border-color: #398439;
    transition:0.25s;
}


.saleOrderButtonGrey
{
    background-color: #fff;
    border: 1px solid #cccccc;
    width:100%;
    text-align:center;
    border-radius:3px;
    font-family: 'Abel', sans-serif;
    font-size:18px;
    transition:0.25s;
    
}

.saleOrderButtonGrey:hover
{
	cursor:pointer;
    background-color: #e6e6e6;
    border-color: #adadad;
    transition:0.25s;
}
.saleProductList, .saleProductCustomerFields
{
	font-family: sans-serif;
	max-width:600px;
	margin:auto;
	padding-bottom:20px;
}
.saleProductCustomerFields input[type=text]
{
	border:1px solid #cecece;
	width:400px;
	font-size:16px;
	height:30px;
	border-radius:3px;
}
.saleProductCustomerFields table
{
	padding-left:50px;
}
.saleProductCustomerFields table tr td 
{
	font-size:14px;
}
.saleProductList table 
{
	margin:auto;
}
 .saleProductList table tr th
 {
	 font-family: 'Abel', sans-serif;
	 text-align:left;
padding:3px 10px;
	 border-bottom:1px solid #cecece;
 }
.saleProductList table tr td
{
font-family: sans-serif;	
padding:3px 10px;
font-size:14px;
}

.productTitle
{
	font-family: 'Abel', sans-serif;
	font-size:18px;
	text-decoration:none;
	color:Black;
}

.productListContainerMenu
{
	float:left;
}
@media print
{
	.productListContainerMenu
	{
		
		display:none;
	}
}


.productListContainerMenu div
{
	width:150px;
}
.productListContainer{
	background-color:white; 
	padding:0px 20px 20px 20px; 
	margin:0px 20px 20px 20px; 
	border-top:0px !Important; 
	border:1px solid #cccccc; 
	max-width:800px; 
	float:left;
}

@media all and (max-width: 1100px) and (min-width: 950px) {
	.productListContainerMenu div
	{
		width:150px;
	}
	.productListContainer
	{
		max-width:700px; 
	}
}

@media all and (max-width: 950px) and (min-width: 600px) {
	.productListContainerMenu div
	{
		width:150px;
	}
	.productListContainer
	{
		max-width:600px; 
	}
}


body {margin:0;}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2!important;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #ee3324;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon, .topnav a.icon_cart {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}


.mobileBooksMenu
{width:100%; background-color:green; margin-left:0px; padding-left:0px;
	list-style: none;
}

.mobileBooksMenu li
{
	
	border: 1px solid #ccc;
	border-collapse:collapse;
	background-color:white; padding-left:10px; margin-left:0px; line-height:70px; font-size:22px;
}

.mobileBooksMenu li a
{
	text-decoration:none;
	   font-family: 'Abel', sans-serif;
}

.non-bs-alert-success {
	color: #155724;
    background-color: #d4edda;
    margin: auto;
    max-width: 450px;
    padding: 10px;
    border: 1px solid #155724;
    border-radius: 3px;
}
.non-bs-alert-error {
	color: #721c24;
    background-color: #f8d7da;
    margin: auto;
    max-width: 450px;
    padding: 10px;
    border: 1px solid #721c24;
    border-radius: 3px;
}
.non-bs-alert-info {
	color: #383d41;
    background-color: #e2e3e5;
    margin: auto;
    max-width: 450px;
    padding: 10px;
    border: 1px solid #383d41;
    border-radius: 3px;
}