/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  /*min-width: 1055px;*/
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.wPage .container_12{
	/*padding: 0 90px;*/
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/* template CSS*/
body{position:relative;}
body>div{width:100%; overflow: hidden;margin-left:auto;margin-right:auto;}
#header{overflow: visible;}
.container_main{width:1055px;margin-left:auto;margin-right:auto;}
.container_nav{display: inline-block;margin-left:auto;margin-right:auto; overflow: hidden;height: 48px;}
#itemBanner{min-width:1055px;}
#itemBanner img{display:block;margin:auto;width: 100%;}
#nav{background: rgba(255,255,255,.9); position:absolute;width:100%;bottom:0; text-align:center;height:48px;z-index:9998 !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);  *background-color: #FFF; _background-color: #FFF; background-color: #FFF\9;}
#itemBannerTop{background: #fff; opacity:.9; position: absolute;width:100%; text-align:center;height:78px;top: 6px;z-index:9999 !important}
.nav{font-weight: bold;text-decoration:none;font-size:20px;line-height: 24px;px;display: block;float: left;padding:12px 16px;}
#pageBannerText{text-align: center; padding:42px 0 52px 0;}
.subHeading{font-size:36px; color: rgb(228,14,98); line-height:43px; padding-top:68px;}

.franchiseBox{background:rgb(178,187,30);}
#homeContent{background: url(../TUT_images/tut/Home_BG_Yellow.jpg) repeat; }
#footer {background: url(../TUT_images/tut/Yellow_BG.jpg) repeat-x;padding: 40px 0 100px 0;height:150px;}
#footerNav{width:165px;}
#searchBar {
position: relative;
}
#locationSearchBar{position:relative; width:192px;}
#searchBox {
width: 172px;
padding: 0 10px;
}
#locationSearchBox{
width: 332px;
color: rgb(88,89,91);
height: 45px;
line-height: 28px;
padding: 0 10px;	
}
#socialIcons a{margin-right:13px;}
.homeBox{
float: left;
margin-left:14px;
margin-right:14px;
margin-top:28px;
height:415px;
-webkit-box-shadow: 0px 0px 20px #808080;
-moz-box-shadow: 0px 0px 20px #808080;
box-shadow: 0px 0px 20px #808080;
}

.promotionBox,.ourWorldBox{
float: left;
margin-left:14px;
margin-right:14px;
margin-top:28px;
height:415px;
}
.yogurtBox {
float: left;
margin-left:14px;
margin-right:14px;
margin-top:28px;
height:492px;
cursor:pointer;
position:relative;
}

.oneColumn, .oneColumn img.homeboxImg{width: 333px;}
.twoColumn, .twoColumn img.homeboxImg{width:693px;}
.threeColumn,.threeColumn img.homeboxImg{width:1026px;}

.fullWidth img{width:100%;}
.homeTextContainer{background:rgb(161,161,164);}
.homeText1{color:#fff;font-size:36px;line-height:44px;}
.homeText2{color:#fff;font-size:24px;line-height:29px;}

.fruitIcon img{margin:18px; z-index: 9481 !important;}
.readMore {margin-bottom:10px;color:rgb(245,128,36);display: block;margin-top: 8px;}
.boxHeading{margin-bottom:10px; margin-left: 18px;font-size:28px;;line-height:34px; z-index: 9481 !important;}
.boxHeading1{color:rgb(245,128,36);}
.boxHeading2{color:rgb(252,186,48);}
.boxHeading3{color:rgb(178,188,54);}
.boxText3{margin-bottom:10px; margin-left: 18px;margin-right: 18px;font-size:18px;;line-height:20px; color:#fff;}
#bannerBottom{position: absolute;bottom: 0;width: 100%;height:48px;background:rgb(66,52,0);}
.footerText{font-size:12px;line-height:20px;color:#fff;margin-top:14px}
.fullWidthImg{width: 100%;margin: auto;display: block;}
.franchiseContactFormContainer{position: absolute;width:100%;z-index:9999 !important;}

.franchiseContactForm{position: absolute;right: 10px;top: 95px; display:none;-webkit-box-shadow: 0px 0px 20px #808080;-moz-box-shadow: 0px 0px 20px #808080;box-shadow: 0px 0px 20px #808080;}
.franchiseContactFormHome{display:block;}
/* jQuery Cycle CSS*/
.cycle-slideshow {
width: 100%;
min-width:200px;
max-width:2100px;
margin: 0 auto;
padding: 0;
position: relative;
}
.slideContainer{
	height:570px; 
	width:100%;
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center;
	background-size: auto 100%;
	z-index:99 !important;
}
#slideshow img{
width:333px;
height:194px;
}

#slideshow #slideBox{
	position:static;
	width:333px;
	height:194px;
	margin: 24px 12px;
}

.storeImage {
	margin:10px 0px;
	float:left;
	width:333px;
	height:194px;
	}
/* marquee slideshow*/

#slideshow {height:242px;}
#slideshow .ul div.li{display:none;}

.stepsImg{height:105px; margin:0 10px;}

/*contact form*/
#customForm input, #customForm select, #customForm .divBorder .formField {
	width: 663px;
	height:56px;
	padding-left:25px;
}
#customForm input[name=phone],#customForm input[name=email]{
	width: 291px;
	height:56px;
	}
#customForm input[name=phone]{margin-left: 45px;}
#customForm textarea{
		width: 662px;
		height:190px;
		padding-left: 26px;
		padding-top: 20px;
}

#address{font-size:16px;line-height:26px;color:#fff;margin-left: 28px;}
.addressHeading{font-size:24px;line-height:28px;color:#fff; margin-left: 28px;}
.contactRight{margin-top: 43px;height: 388px; background: rgb(178,187,30);}
.submit {
	width:165px;
	height:48px;
	background:rgb(178,187,30);
	display:inline-block;
	color:#fff;
	float:left;
	text-align:center;
	line-height: 48px;
	margin-top:20px;
}

.headerTop1{margin:30px 0; font-weight:bold;font-size:36px;line-height:43px;color:#fff; width:100%;}
.headerTop2{margin-bottom:30px;font-size: 18px;line-height: 28px;color: rgb(88,89,91);width:100%;}
.headerTop1-our-world{margin-top: 30px;
text-transform: uppercase;
font-size: 36px;
line-height: 43px;
color: rgb(245, 128, 37);
width: 100%;}
.headerTop2-our-world{margin-bottom: 30px;
text-transform: uppercase;
font-size: 36px;
line-height: 43px;
color: rgb(245, 128, 37);
width: 100%;}
.flavourImage,.flavourImage img{width:333px;}
.flavourText{padding:20px 40px; width:253px;height:452px; background-color:rgb(230,231,232);}
.space{margin-bottom: 20px;margin-left: 18px;margin-right:18px; line-height:20px;}
.searchTitle{font-size:36px; line-height:44px;}
.searchClose {
position: absolute;
right: 310px;
top: 120px;
display: none;
z-index: 30000 !important;
}
.searchCloseHome{display:block;}

.filter{background:rgb(161,161,164); padding: 23px 0;}
.filterTitle, .filterItem{margin-right:10px; padding:5px; text-transform:uppercase; cursor:pointer;}
.filterItem a{color:#000;}
.filterTitle {padding:5px 0;}
.filterItem:hover{background-color:rgb(245,128,37);}
.positionRelative{position:relative;}
.oneColumnTextBox{background-color: rgb(230,231,232); height:195px; padding: 11px 0; width: 100%;}
.oneColumnTextBox >div, .twoColumnTextBox >div{margin:0 20px;}
.oneColumnTextBox .title, .twoColumnTextBox .title{font-size:20px;line-height:24px;}
.twoColumnTextBox .date, .twoColumnTextBox .text, .oneColumnTextBox .date, .oneColumnTextBox .text{font-size:18px; line-height:20px;}
.oneColumnTextBox .text, .twoColumnTextBox .text,.linkReadMore {margin-top:10px;}
.linkReadMore a{color:rgb(245,128,37); }
.twoColumnTextBox{background-color: rgb(230,231,232); position:absolute; bottom:0;padding: 11px 0;width: 100%;}
.all-on,.Blog-on, .News-on, .Gallery-on {background-color:rgb(245,128,37);}
.VIC-on, .NSW-on, .QLD-on {background-color:rgb(245,128,37);}
.articleBox{margin-left: 14px;margin-right: 14px;margin-top: 28px;}
.articleBox .text{margin:20px 0;}
.articleBox .date{font-size: 28px;
line-height: 86px;
height: 86px;
background-color: rgb(230,231,232);
padding: 0 20px;
font-weight: bold;}
.articleBox .socialShare{margin:30px 0 10px 0;}
.articleBox .category, .articleBox .tags{font-size: 28px;
background-color: rgb(230,231,232);
padding:30px 20px 30px 20px;
font-weight: bold;
margin-bottom:30px;}
.articleBox .tags .tag{font-size:16px; line-height:28px; color:rgb(88, 89, 91);}
.articleBox .homeboxImg{width:693px;}
.our-world-related-article {background-color: rgb(245,128,37);}
.our-world-related-article .heading{font-size:36px; line-height:43px;padding-top: 25px;padding-left: 10px;color: #fff;}
/*loyalty*/
.image_1{width:400px; height:370px;}
.stepContainer{width:424px;}
.app-icon{ width:163px; height:160px;}
.top-Image{width:700px; height:79px;}
.app-store-icon{width:187px; height:68px;}
.bottom-image{width:1000px; height:648px;}
.registerImg{width:578px;}
.paddingTopBottom{padding:30px 0;}
.marginTopBottom{margin:40px 0;}
.arrowImg{height:30px;}
.table .right{margin-left:20px;}
.marginBottom{margin-bottom:50px;}
/*mobile css reset*/
#menu,#mobMenuList,.mobileFooterShow,.twoColumnMobile,#storesMobileTable,.articleBoxMob,.mobileSocial{display:none;}
.franchise .arrow{display:none;}
.mobileShadowTitle{left:0px;width:100%;}
.mobileSlideshowShadowTitle{top:167px;}
.yogurtSocialIcons{position:absolute;bottom: 8px;left: 78px;clear: both; display: block; height: 25px; overflow: visible;padding-bottom: 20px; z-index:9999 !important;}
.steps{text-align: center;}
.locationHeader{text-align: center; margin-top: 0; margin-bottom: 20px; font-weight: bold;}
.brief .tdLeft{width:33%;}
.brief .tdMiddle{width:33%; }
.brief .tdRight{width:34%;}
.mobilePicShow{display:none;}
#franchisingRegisterForm{background:#FFF;}
.content_1_parallax{height:1213px;}
.content_1_mobile{display:none;}