/*   
Theme Name: Infant Formula
Theme URI: http://indigitalmedia.com
Description:
Author: InDigitalmedia
Author URI: http://indigitalmedia.com
Version: 2.0
*/
a, a:visited {
    color: #76d2ae ;
}
.menu-footer-navigation-container a {
    color: #76d2ae;
}

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
.mobile-footer{
	display: none;
}

.is-sticky .container .column,.is-sticky .container .columns{
	float: none !important;
}
.shareaholic-share-buttons-container {
position: fixed !important;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
left: 0px !important;
top: 35% !important;
}
.shareaholic-share-buttons-container li.shareaholic-share-button{
	padding: 0px !important;
}p{
	color: black;
}
.scroll-back-to-top-wrapper{
background: #0763ac;
background: -moz-linear-gradient(top, #0763ac 0%, #2989d8 50%, #4295d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0763ac), color-stop(50%,#2989d8), color-stop(100%,#4295d1));
background: -webkit-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%);
background: -o-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%);
background: -ms-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%);
background: linear-gradient(to bottom, #0763ac 0%,#2989d8 50%,#4295d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0763ac', endColorstr='#4295d1',GradientType=0 );

}
.ubermenu .ubermenu-nav .ubermenu-column-1-4{
    /*width: auto !important;*/
}


ul#ubermenu-nav-main-2 {
    font-size: 17px;
}
.ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-center > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-center > .ubermenu-row > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-left > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-left > .ubermenu-row > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-right > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-right > .ubermenu-row > .ubermenu-column
{
    float: left !important;
}
.second-column {
    max-width: 150px;
}
/*.ubermenu-item {
    display: table !important;
}

.ubermenu-content-block,.ubermenu-item > a{
    display: table-cell !important;
    vertical-align: middle;
}
.ubermenu-skin-blue-silver.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu-skin-blue-silver.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    margin-top: 50px !important;
}*/
select#ques {
    padding: 7px 0px;
}
.bottomMenu{
bottom: -5px;
display: none ;
height: auto;
left: 0;
margin-bottom: 0;
overflow: hidden;
position: fixed;
right: 0;
}
.mobile-bottom-banner{
	
}
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; height: 100%;}
.bgheight { height: 100%; }

.search-content{
background: #ffffff;
padding: 9px;
color: #aeb0b3;
}
#banner-area{height: 150px;}
.related-products {
background: #fff;
margin-top: 14px;
padding: 25px;
}
form.wpcf7-form input,form.wpcf7-form select,form.wpcf7-form textarea {
width: 100%;
}
form.wpcf7-form input[type=submit] {
width: 100px;
float: right;
}
label.pack-name {
width: 100%;
text-align: center;
padding: 9px;
height: 68px;
	color: #000;
}
body.single.single-product {
	color: #fff;
	position: absolute;
	top: 0px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
body{
	color: #000;
	position: absolute;
	top: 0px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.pack-shot {
border: 1px solid #f3f3f3;
margin: 2px;
text-align: center;
}
.pack-shot img:hover {
opacity: 1; */
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);

transform-origin: 50px 133px;
}
.pack-shot img {

width: 310px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;

}
.product.image h2 {
    position: absolute;
    margin-left: 5px;
    width: 137px;
    background: black;
    color: #fff;
    padding: 3px;
    top: -4px;
}
div#crumbs {
    margin-top: 10px;
}
h1{
	text-transform: uppercase;
}
.remove-bottom {
	margin-bottom: 0 !important;
	width: 317px;
	/*margin-left: 20px;*/
	height: 32px;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  width:100%!important;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  
}
#boxes #dialog {
    background: #fff;
    box-shadow: 0 0 3px rgba(50, 50, 50, 0.75);
    height: 313px;
    left: 0 !important;
    margin: 0 auto;
    /* padding: 40px 65px; */
    right: 0 !important;
    width: 352px;
    z-index: 999999999;
}
#boxes #dialog ul{margin:30px auto}
#boxes #dialog ul li{     float: left;
	background: #0AB8A1;
	background: -moz-linear-gradient(top, #0763ac 0%, #2989d8 50%, #4295d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71C275), color-stop(50%,#78C275), color-stop(100%,#46BA73));
	background: -webkit-linear-gradient(top, #04B79A 0%,#7EC575 50%,#30B775 100%);
	background: -o-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%);
	background: -ms-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%);
	background: linear-gradient(to bottom, #04B79A 0%,#6EC074 50%,#43B871 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0763ac', endColorstr='#4295d1',GradientType=0 );
	width: 100px;
	float: left;}
#boxes #dialog ul li a{background:url(_/images/dialog-button.png);text-decoration:none;font-size: 14px;color: #ffffff;display:block}
#boxes #dialog ul li:nth-child(1) a{background-position:0 0;padding: 5px;text-align: center;}
#boxes #dialog ul li:nth-child(2) a{background-position: -108px 0px;padding: 5px;text-align: center;}
#boxes #dialog ul li:nth-child(2) {margin-left: 10px;}

#boxes #dialog  span{font-family: 'Maven Pro', sans-serif;font-weight:400;font-size:18px;color:#74c374;line-height:20px;margin:0 0 20px;display:block}
#boxes #dialog p{font-size:12px;line-height:14px;color:#7e7e7e;font-family: 'Maven Pro', sans-serif;font-weight:400;}

.mobile-footer-popular,.homepage-mobile-emrec{display: none;}
.hide_tablet_mobile .ff-tab-widget-wrap{display: block !important;}
.search-content a{
color: #aeb0b3;
}

 .sticky-wrapper{
 
/*width: 300px !important;*/
 
}
 
 .footer-menu-heading > a{
 	font-size: 17px;
 }
.copy_right a {
				color: #a7a9ac;
				top: 150px !important;
				position: absolute;
				font: 100%/1.5 'Titillium Web', Arial, Helvetica, sans-serif;
				font-size: 11px;
				padding-left: 10px !important; 
				} 
				
.copy_right	a:hover, a:focus {
color: #a7a9ac !important;
}
				
				
.inner-div{
	border: 1px solid;
	border-color: #dcddde;
}

.products-content-row{
	width: 100%;
	display: inline-block;
	height: auto;
	background: #FFFFFF;
	padding: 10px;
	color:#aeb0b3;
	border: 1px solid #a7a3a3;
	margin-bottom: 10px;
}
.entry-content {
	padding: 0px 10px;
}
label, legend{
	color: #000;text-align: center;
}
.products-content-row a{
text-decoration:  none;
color: #000;
}
.leftColumn{
	display: inline-block;
	position: relative;
	width: 35%;
	height: 100%;
	float: left;
	margin: 16px;
}
.rightColumn{
display: inline-block;
position: relative;
width: 45%;
height: 100%;
float: left;
margin: 16px;
margin-left: 35px;
	line-height: 26px;
}

.homepage-main-content{
background: white;
padding: 10px 10px;
width: 630px;
color:#808284;
}
.products-content{
	background: #FFFFFF;
	width: 630px;
}

.background-img{
z-index: -3;position: fixed;max-width: 100%;max-height: 100%;
}
#sidebar{
width: 30%;
float: right;	
display: block;	
}


.search input[type="search"] {  width: 215px;
border: none;
background: #f7f8f9;  height: 29px;

}
.search input[type="submit"] {
	background: #64be74  url('//infantformula.com.au/wp-content/uploads/2017/02/12-14-2016-4-22-28-PM.jpg') 0 1px no-repeat !important;
	width: 33px;
	float: right;
	position: absolute;
	border: none;
	padding-top: 9px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	height: 29px;
	background-size: contain !important;
}

.searchForm{
width: 100%px;
height: 65px;
background: white;
padding: 17px 25px;  border: 1px solid #a7a3a3;
}
.banner img {
	border: 1px solid #a7a3a3;
}
 
.bulletInContent{
	margin-left: 35px;
	list-style: initial;
	}

.bulletInContent li{
    line-height: 15px;
	}


footer a:hover, a:focus {
color: #a7a9ac !important;
}

 #signUpText{
padding-left: 5px;
padding-top: 12px;
display: inline-block;

 }
 
.hidden{
	visibility: hidden;
}
.underlineAndHover a:hover{
	text-decoration: underline;
}

/*Back to Top Start*/



#back-top {
position: fixed;
bottom: 30px;
/*margin-left: -150px;*/
	opacity: .2;
	z-index: 99;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	
}
#back-top a:hover {
	color: #000;
}

 


* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* #Page Styles
================================================== */


h3 a{
	text-decoration: none;
	hover color:#FFFFFF;
	color: white;
}

h3 a:hover   {
 color:            #fff;
  } 



.link {
	text-decoration: none;
	hover color:#FFFFFF;
	color: white;
}

.link:hover   {
 color: #fff;
  }



#logo{padding-top: 0px;}
/*.container{background:url(/images/footer-bg.png) no-repeat right bottom; *! padding-bottom: 50px;
}*/
.truck-container{position: relative; width: 780px; margin: 0 auto;}
 
.aligncenter{display:block;margin:0 auto}
.alignright{float:right;}
.alignleft{float:left;}

.location-icon{height:80px}
 




/*Toddler menu image end*/ 
li.menu-item-905 >ul,li.menu-item-1040 >ul,li.menu-item-1165 >ul {
box-shadow: 5px 5px 5px #888888;
}

.bannerarea{margin:0 auto 20px}
.bannerarea img{display:block}

.maincontent div h3{font-size:18px;font-weight:bold;color:#002e5f;line-height:20px;text-transform:uppercase}
 
.maincontent div p{font-size:16px;color:#45433f;line-height:18px}




footer.container{background:none}
footer{padding:20px 0 57px!important;overflow:hidden;}

footer ul { margin: 0; }
footer ul a { text-decoration: none; color: #a7a9ac; font-size: 12px; }
footer ul li { float: left; margin: 0 10px; }
footer ul li a { font-weight: bold; }
footer ul li ul li { float: none; margin: 0; }
footer ul li ul li a { font-weight: normal; }
.footer-wrapper{background:#ffffff /*url(images/footer-wrapper-bg.png)repeat-x bottom*/}

.navigation1 {   clear: both;display: block;height: 0px;position: relative;top: 5px;z-index: 99999;padding-bottom: 45px;}
.navigation2 { display: none; }
.home-box { display: block; }

 

.breadcrumbs { /*border-bottom: 1px solid #c1c3c5;*/
	color: #c1c3c5;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
	text-transform: uppercase;
	padding: 0px; }
form{margin: 0px;}
.breadcrumbs a { text-decoration: none; color: #c1c3c5; }
.breadcrumbs a:hover { text-decoration: underline; }

 
 
.wp-pagenavi a, .wp-pagenavi span { border: none !important; }
.wp-pagenavi { clear: both; padding-right: 125px; text-align: right; }
 
.bannerarea2 { padding: 0 0 25px; }

.easingsliderlite-pagination.inside.bottom-center {
    bottom: 10px;
    left: 10px !important;
    text-align: left !important;
    width: 100%;
}

 
.menu-main-navigation-container {
background: #fff;
position: absolute;
top: -1px;
float: left;
background: #0d2eb9;
/* Old browsers *//*
/*background: -moz-linear-gradient(top, #0763ac 0%, #2989d8 50%, #4295d1 100%); *//* FF3.6+ *//*
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0763ac), color-stop(50%,#2989d8), color-stop(100%,#4295d1)); *//* Chrome,Safari4+ *//*
background: -webkit-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%); *//* Chrome10+,Safari5.1+ *//*
background: -o-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%); *//* Opera 11.10+ *//*
background: -ms-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%); *//* IE10+ *//*
background: linear-gradient(to bottom, #0763ac 0%,#2989d8 50%,#4295d1 100%); *//* W3C *//*
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0763ac', endColorstr='#4295d1',GradientType=0 ); *//* IE6-9 *//**/
padding-top: 10px;
width: 100%;
/*box-shadow: 0px 10px 5px #888;*/
padding-top: 10px;
/*background: url('images/Layer-111.jpg');*/
}

/* CSS3 Transition - Apply comment if not necessary
================================================== */
.container, img {
	transition:all .1s linear; 
	-o-transition:all .1s linear; 
	-moz-transition:all .1s linear; 
	-webkit-transition:all .1s linear;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;
	height: auto !important;
	height: 100%;
	 }

#main {/*overflow:auto;*/  
padding-bottom: 10px;}  /* must be same height as the footer */

#footer {clear: both;
   /* height: 150px;*/

position: relative;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}	


div#mobile-sidebar{display: none;}
div#sidebar{display: block;}

/* #Media Queries
================================================== */
.mobile-add {
	display: none;
}
.desktop-add{
	display: block;
}
.a-single {
	float: right;
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {

span.remove-bottom img {
	width: 147px;
	margin-top: 20px;
	/* position: relative; */
}
div#banner-area {
	height: 125px ;
}
.mobile-footer{
	display: none;
}
.homepage-main-content{
background: white;
padding: 10px 10px;
width: 630px;
border: 1px solid #a7a3a3;
}
.products-content{
	background: #FFFFFF;
	width: 630px;
}

#sidebar{
 
width: 300px;

}
#banner-add{
	display: block;
	float: right;
	margin: 0 auto;
	text-align: center;
}

	
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 770px) and (max-width: 959px) {
div#banner-area {
height: 188px ;
}

.search input[type="search"] {
	width: 170px;
}
.breadcrumbs {
	border-bottom: none;
}
header nav ul li.menu-item-1165 ul li:hover ul { z-index: -100;display: block !important;left: 110px;padding: 0;position: absolute;top: 0px;width: 211px;height: auto;}
header nav ul li.menu-item-905 ul li:hover ul { z-index: 100;display: block !important;left: 110px;padding: 0;position: absolute;top: 0px;width: 211px;height: 262px;background: transparent;}

	.shareaholic-share-buttons-container.vertical ul.shareaholic-share-buttons {
display: table;
}
	
.shareaholic-share-buttons-container {
position: relative !important;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
left: 0px !important;
top: 35% !important;
}
.shareaholic-share-buttons-container.vertical ul.shareaholic-share-buttons li.shareaholic-share-button {
float: none !important;
display: table-cell;
}
	
	/*#boxes #dialog {left:110px!important}*/
.mobile-footer{
display: none;
}
.menu-main-navigation-container {
position: absolute;
top: -0px;
float: left;
/*background: #0a62ab;*/
background: url('images/Layer-111.jpg');
/*background: -moz-linear-gradient(top, #0763ac 0%, #2989d8 50%, #4295d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0763ac), color-stop(50%,#2989d8), color-stop(100%,#4295d1));
background: -webkit-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%);
background: -o-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%);
background: -ms-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%);
background: linear-gradient(to bottom, #0763ac 0%,#2989d8 50%,#4295d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0763ac', endColorstr='#4295d1',GradientType=0 );*/
padding-top: 10px;
width: 100%;
/*box-shadow: 0px 10px 5px #888;*/
}
.homepage-main-content{
background: white;
padding: 10px 10px;
width: 480px;
border: 1px solid #a7a3a3;
}
.products-content{
	background: #FFFFFF;
	width: 480px;
}

.sticky-wrapper {
width: 200px !important;
margin-right: 54px;
}
#sidebar{
width: 250px;
float: right;	
display: block;	
}
.background-img{
	display: none;
}	
#banner-add{
	display: block;
	float: right;
}

div#banner-area {
	height: 83px;
}
span.remove-bottom img {
	width: 142px;
	margin-top: 23px;
}

.navigation1{
	padding-bottom: 65px;
}
.news-sign-up { width:220px;
position: relative;
left: -5px;
 }
.submitButton{
	 background-image: url("images/submit.png") !important;
	 background-repeat: no-repeat;
}
.news-sign-up-header{
	height: 38px;
	width:180px;
	background: #d52211;
}
.news-sign-up-body{
	padding-top: 7px;
width: 90%;
margin-left: 9px;
height: 150px;
}
.news-sign-up-header label{
padding-top: 7px;
width:99%;
color: #f3f6f9;
}
.news-sign-up  {
    background: #e5e5e5 !important;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 13px !important;
    text-align: center;
    text-transform: uppercase;
	margin: 0;
}
.news-sign-up-body input[type=text]
{
 width: 156px; 
}

.news-sign-up-body input[type=email]
{
 width: 156px; 
}
.news-sign-up-body input[type=submit]
{
 margin-right: 28px; 
}

#logo {padding-top: 0px;}
	
		.navigation1 { position: relative;z-index: 99999;/*display: inline-block !important;*/top: 25px; }
.navigation2 { display: none; }

 
	.maincontent div p { color: #45433F; font-size: 12px; line-height: 18px; }
	 
	
}

/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 769px) {
		.breadcrumbs {
			border-bottom: none;
		}

		.inner-div {
			border: none;
			border-color: #0a62ab;
			display: table;
			width: 400px;
		}
		.searchForm {
			height: 65px;
			/*background: #0a62ab;*/
			background: url('images/Layer-111.jpg');
			padding: 17px 25px;
			border: 1px solid #a7a3a3;
			margin: 0 auto;
			float: none;
			text-align: center;
			position: relative;
		}
		.search input[type="submit"] {
			background: url('//infantformula.com.au/wp-content/uploads/2013/08/search-icon.png') no-repeat;
			width: 27px;
			height: 25px;
			vertical-align: top;
			display: table-cell;
			position: relative;
			top: 5px;

		}
		.search input[type="search"] {
			width: 320px;
			display: table-cell;
			vertical-align: middle;
			padding: 0px 10px;
		}

		.shareaholic-share-buttons-container.vertical ul.shareaholic-share-buttons {
display: table;
}
	
.shareaholic-share-buttons-container {
position: relative !important;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
left: 0px !important;
top: 35% !important;
}
.shareaholic-share-buttons-container.vertical ul.shareaholic-share-buttons li.shareaholic-share-button {
float: none !important;
display: table-cell;
}
		

.mobile-footer{
display: none;
}
.homepage-main-content{
background: white;
padding: 10px 10px;
width: 480px;
}
.products-content{
	background: #FFFFFF;
	width: 480px;
}

#sidebar{
width: 200px;
float: right;	
display: block;	
}
		#banner-add{
			display: block;
			float: right;
		}

		.background-img{
			display: none;
		}	
 
	 
		
		header { margin: 0; /*position: fixed;*/ width: 100%; z-index: 9999; /*top: 0;*/ }
header .logo { background: #ffffff; }
header .logo h1 a { display: block; width: 150px; margin-left: 20px; padding-top: 8px; }

.bannerarea { padding: 0 10px 0; margin-bottom: 10px !important; }
.home-box { display: none !important; }
 

/*.navigation1 { display: none !important; }
.navigation2 { display: block; }*/

#menu-icon { background: url("images/menu-icon.png") no-repeat scroll 0 0 transparent;
	background: url("images/menu-icon.png") no-repeat scroll 0 0 transparent;
	display: block;
	text-indent: -9999px;
	top: 5px;
	width: 30px;
	display: table-cell;
	position: relative;}
.menu-main-navigation-container { float: none; }
header nav{ margin:0; padding: 0 10px; }
header nav#nav{ display: none; padding: 0px;}
header nav ul{margin:0;}
header nav ul li{float:none; margin: 0;}
header nav ul li a{
	 background: url(images/mobile-nav-bg.png) repeat; 
	/*background: #0763ac; *//* Old browsers *//*
background: -moz-linear-gradient(top, #0763ac 0%, #2989d8 50%, #4295d1 100%); *//* FF3.6+ *//*
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0763ac), color-stop(50%,#2989d8), color-stop(100%,#4295d1)); *//* Chrome,Safari4+ *//*
background: -webkit-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%); *//* Chrome10+,Safari5.1+ *//*
background: -o-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%); *//* Opera 11.10+ *//*
background: -ms-linear-gradient(top, #0763ac 0%,#2989d8 50%,#4295d1 100%); *//* IE10+ *//*
background: linear-gradient(to bottom, #0763ac 0%,#2989d8 50%,#4295d1 100%); *//* W3C *//*
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0763ac', endColorstr='#4295d1',GradientType=0 ); *//* IE6-9 */

	background: #21b67c;

	 border-bottom: 1px solid #21b67c; text-transform: uppercase; text-decoration:none;font-size:13px;font-weight:bold;color:#ffffff;padding:10px; display: block;
	 }


footer {/* display: none;/*background: white;*/ }
.main-footer{
	display: none;
}
.mobile-footer{
	display: block;
}
footer ul li {float: left;margin: 0 5px;}
#footer {
	/*position: relative;margin-top: -81px;*/height: 81px;	clear: both;
		height: 116px;
		clear: both;
		}
	.footer-wrapper { width: 100%; min-height: 80px; }
	.truck-container{position: relative; width: 100%; margin: 0 auto;}


	.maincontent { padding: 10px; }
	.bannerarea2 { padding: 10px; }
	
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 769px) {
        .related-row :nth-child(1) {
            width: 101px;
        }
        .related-row .related-column {
            padding: 10px !important;
            width: auto !important;
        }
		span.remove-bottom img {
			width: 143px;
		}
		.pack-shot img {
			width: 150px;
		}
		#mobile-sidebar .ff-tab-widget-wrap ,.hide_tablet_mobile{display: none}
		.hide_tablet_mobile .ff-tab-widget-wrap{display: none !important;}
		.mobile-footer-popular,.homepage-mobile-emrec{display: block; margin: 0 auto; display: block;position: relative;}
		body.home.page-id-5 div#mobile-sidebar .banner label,body.home.page-id-5 div#mobile-sidebar .banner img {
			display: none !important;
		}
		.pack-shot img:hover{transform: none;}
		.shareaholic-share-buttons-container.vertical ul.shareaholic-share-buttons {
display: table;
}
	
.shareaholic-share-buttons-container {
position: relative !important;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
left: 0px !important;
top: 35% !important;
}
.shareaholic-share-buttons-container.vertical ul.shareaholic-share-buttons li.shareaholic-share-button {
float: none !important;
display: table-cell;
}
		
		#banner-area{height: auto !important}
		div#mobile-sidebar{display:block;}
		div#sidebar{display: none !important;}

		div#mobile-sidebar {display: block !important;width: 450px;margin: 0 auto;}

.banner img{width: 100%;}
 #video-sidebar{width: 100%;}
.homepage-main-content{
background: white;
padding: 10px 10px;
width: 100%;
}
.products-content{
	background: #FFFFFF;
	width: 100%;
	padding: 0px 10px;
}


#banner-add {
		    display: block;
		    margin-top: 21px;
		    margin-bottom: 0px;
		    padding-bottom: 0px;
		}
		div#mobile-sidebar {
		    /*height: 0px !important;*/ /*Disabled because of individual product page coming up massedup*/
		}
		
#logo {
padding-top: 0px;
    padding-left: 20px;
}
 .sticky-wrapper{
	/*display: none;*/
	 }	

.background-img{
				display: none;
			}	

#footer {
	position: relative;
	/*margin-top: -81px;*/
			clear: both;
		}
		.truck-container{position: relative; width: 100%; margin: 0 auto;}
 
			.signup{
				width: 215px;
				float: right;
				display: inline;
				margin: 0 !important;
				margin-top: 22px !important;
			}	
				
				
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.mobile-add {
			display: block;
		}
		.desktop-add{
			display: none;
		}
        .related-row .related-column {
             width: auto !important;
            min-width: 119px;
            height: auto !important;
        }
        #logo {
            padding-top: 0px;
            padding-left: 20px;
        }
		
        .homepage-main-content {
        /*margin-top: 43px;*/
        }
		#banner-add {
		    display: block;
		    /*margin-top: 35px;*/
		    margin-bottom: 0px;
		    padding-bottom: 0px;
		}
		div#mobile-sidebar {
		    /*height: 0px !important; disabled because of rachels email sent at 9:22 AM 19 Aug 2016*/
		}
		span.remove-bottom img {
			width: 143px;
		}
		.pack-shot img {
			width: 150px;
		}
		#mobile-sidebar .ff-tab-widget-wrap,.hide_tablet_mobile{display: none}
		.mobile-footer-popular,.homepage-mobile-emrec{display: block; margin: 0 auto; display: block;position: relative;/*margin-top: 60px;*/}
		body.home.page-id-5 div#mobile-sidebar .banner img ,body.home.page-id-5 div#mobile-sidebar .banner label{
			display: none !important;
		}
		.pack-shot img:hover{transform: none;}

		form{
			margin-bottom: 0px;
		}
		.search input[type="search"] {
			width: 199px;
			display: table-cell;
			vertical-align: top;
			padding: 1px 10px;
		}
		.searchForm {
			/*background: #0a62ab;*/
			padding: 18px 10px;

		}
 
        .shareaholic-share-buttons-container.vertical ul.shareaholic-share-buttons {
        display: table;
        }

        .shareaholic-share-buttons-container {
        position: relative !important;
        font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
        left: 0px !important;
        top: 35% !important;
        }
        .shareaholic-share-buttons-container.vertical ul.shareaholic-share-buttons li.shareaholic-share-button {
        float: none !important;
        display: table-cell;
        }
		.leftColumn,.rightColumn {display: inline-block;position: relative;width: 100%;height: 100%;float: left;clear: both;padding: 10px; margin:  0px}
		.featured-image {display: block;margin: 0 auto;}
		#banner-area{height: auto !important}
		div#mobile-sidebar{display:block;}
		div#sidebar{display: none !important;}

		div#mobile-sidebar {display: none !important;width: 100%;margin: 0 auto;}

		.search input[type="submit"]{
			width: 24px;
			top: 5px;
			background: url('//infantformula.com.au/wp-content/uploads/2013/08/search-icon.png') no-repeat;
			height: 22px;
			position: relative;
			display: table-cell;
			vertical-align: top;
			margin-left: 5px;
		}
		#menu-icon {
			right: 5px;
		}
		.inner-div {
			border: 1px solid;
			border-color: #dcddde;
			width: 266px;
			border: none;
			float: none;
			display: table;
			margin: 0 auto;
			text-align: center;
		}
		.banner img{width: 100%;}
		 #video-sidebar{width: 100%;}
		 
		
				#boxes #dialog{ left: 0;margin: 0 auto;padding: 40px 20px;right: 0;top: 20px !important;width: 300px;}
		.homepage-main-content{
		background: white;
		padding: 10px 10px;
		width: 100%;
		}
		.products-content{
			background: #FFFFFF;
			width: 100%;
			padding: 10px;
		}



		#logo {
		padding-top: 0px;
		}
				 /*.sticky-wrapper{
 					display: none;
						}*/

		.background-img{
	display: none;
}	

		#footer {
			position: relative;
			margin-top: -72px;
			height: 92px;
			clear: both;
		}
		.truck-container{position: relative; width: 100%; margin: 0 auto;}
		
		.news-sign-up {
						background: #e5e5e5 !important;
						font-size: 12px !important;
						font-weight: bold;
						line-height: 13px !important;
						text-align: center;
						text-transform: uppercase;
						margin: 0;
						width: 100%;
						}
						
		.news-sign-up-header {
						height: 38px;
						width: 100%;
						background: #d52211;
						}
	.news-sign-up-body	input[type="text"],	input[type="email"]{
						width: 100%;
						}

}
/* #Misc
================================================== */

.sub-menu-expand{float: right;
padding-right: 10px;
padding-top: 7px;
font-size: 31px;
cursor: pointer;
color: #FFF;}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

a.featured-client-button {
    text-decoration: none;
    color: #a7a9ac;
    background: #6cc073;
    color: #fff;
    padding: 8px;
    text-decoration: none !important;
}
a.featured-client-button:after {
    content: ">";
    padding-left: 5px;
    font-size: 25px;
    top: 2px;
    position: relative;
}
h3 {
	font-size: 15px !important;
	line-height: 10px !important;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}
h2 {
	font-size: 18px !important;
	line-height: 20px !important;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}

.rightColumn ul {
    list-style: black !important;
    list-style-type: circle;
    margin-left: 20px;
    color: #000;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {

    border: 1px solid #64be74  !important;
    background-color: #64be74  !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #64be74 ), color-stop(50%, #64be74 ), color-stop(50%, #01b695 )) !important;
    background: -webkit-linear-gradient(top, #64be74 , #01b695 ) !important;
    background: -moz-linear-gradient(top, #64be74 , #01b695 ) !important;
    background: -ms-linear-gradient(top, #64be74 , #01b695 ) !important;
    background: -o-linear-gradient(top, #64be74 , #01b695 ) !important;
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1) !important;
    -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1) !important;
    box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1) !important;

    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 4px 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-shadow: none !important;
    font-size: 20px;
    font-weight: normal;

}
.featured-product {
    border: 1px solid #02b89f  !important;
    background-color: #02b89f  !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #02b89f ), color-stop(50%, #64be74 ), color-stop(50%, #4fba74 )) !important;
    background: -webkit-linear-gradient(top, #02b89f , #4fba74 ) !important;
    background: -moz-linear-gradient(top, #02b89f , #4fba74 ) !important;
    background: -ms-linear-gradient(top, #02b89f , #4fba74 ) !important;
    background: -o-linear-gradient(top, #02b89f, #4fba74 ) !important;
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1) !important;
    -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1) !important;
    box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1) !important;
    height: 10px;
    color: #fff;
    z-index: 9999999;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    line-height: 29px !important;
    padding-left: 12px;

}

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{
    margin-bottom: 0px !important;

}
.wpb_accordion_header a {
    font-weight: bolder;
}

.findout-more{
    clear: both;
    width: 100%;
    display: block;
}
.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    /*padding: 15px 12px !important;*/
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .ubermenu-nav{
        font-size: 16px;
    }

    /* Safari only override */
    ::i-block-chrome,.ubermenu-nav {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 959px) {
    .ubermenu-skin-aqua {
        background-image: none !important;
    }
}

label.advertisement {
    background: #fff;
    color: #000;
    font-size: 10px;
    opacity: 0.8;
}