/*
	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: 320px;
}

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

/* 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;
}

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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}
/* `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;
}

.beigeBg{
	padding: 0;
}

/* template CSS*/

/* template CSS*/
body{position:relative;}
body>div{width:100%; overflow: hidden;margin-left:auto;margin-right:auto;}
#header{overflow: visible;}
.container_main{width:100%; margin-left:auto;margin-right:auto;}
.container_nav{display: inline-block;margin-left:auto;margin-right:auto; overflow: hidden;height: 31px;float:left;}

#itemBanner img{display:block;margin:auto;width: 100%;}
#nav{background: transparent; position:absolute;bottom:0; text-align:center;height:31px;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;}
#menu{cursor:pointer;background: rgba(161,161,164,.2); position:absolute;width:100%;bottom:0; text-align:center;height:31px;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; color:rgb(88,89,91);}
#itemBannerTop{background: #fff; opacity:.9; position: absolute;width:100%; text-align:center;height:42px;top: 4px;z-index:9999 !important}
#searchBarMob, .nav{font-weight: bold;text-decoration:none;font-size:14px;line-height: 20px;px;display: block;padding:6px 16px;}
#pageBannerText{text-align: center; padding:42px 0 52px 0;}
.subHeading{font-size: 18px;color: rgb(228,14,98);line-height: 22px;padding: 25px 0;}

.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: 25px 0 93px 0;}
#searchBar,#searchBarMob{
position: relative;
display:inline-block;

}
#searchIconMob{margin: 6px 16px;}
#locationSearchBar{position:relative; width:192px;}
#searchBoxMob{
border: none;
color: rgb(88,89,91);
height: 28px;
line-height: 28px;

}
#searchBox,#searchBoxMob {
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: 28px;
margin-right: 14px;
margin-top:25px;
text-align: left;
-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:28px;
margin-right:14px;
margin-top:28px;
height:415px;
}

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

.oneColumn, .oneColumn img.homeboxImg{width: 292px;}
.oneColumnMob{width:308px;}
.twoColumn, .twoColumn img.homeboxImg{width:292px;}
.threeColumn,.threeColumn img.homeboxImg{width:292px;}

.fullWidth img{width:100%;}
.homeTextContainer{background:rgb(161,161,164);}
.homeText1{color:#fff;font-size:22px;line-height:22px; padding:0 15px;}
.homeText2{color:#fff;font-size:14px;line-height:16px; padding:0 15px;}

.fruitIcon img{margin:5px 18px; z-index: 9481 !important;width: 11px;}
.readMore {margin-bottom:5px;color:rgb(245,128,36);display: block;margin-top: 5px; font-size:9px;
}
.boxHeading{margin-bottom:9px; margin-left: 18px;font-size:28px;;line-height:34px; z-index: 9481 !important;}
.boxHeading1{color:rgb(245,128,36);font-size: 14px;line-height: 17px}
.boxHeading2{color:rgb(252,186,48);}
.boxHeading3{color:rgb(178,188,54); font-size: 14px;line-height: 17px;}
.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%;background:rgb(66,52,0);text-align:center;}
.footerText{font-size:12px;line-height:20px;color:#fff;margin:14px 0 14px 14px;width: 292px;}
.fullWidthImg{width: 100%;margin: auto;display: block;}
.franchiseContactFormContainer{position: absolute;width:100%;z-index:9999 !important;}

.franchiseContactForm{position: absolute;right: 0;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:none;}
/* jQuery Cycle CSS*/
.cycle-slideshow {
width: 100%;
min-width:200px;
max-width:2100px;
margin: 0 auto;
padding: 0;
position: relative;
}

.slideContainer{
	height:275px; 
	width:100%;
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#slideshow img{
width:292px;
height:186px;
}

#slideshow #slideBox{
	position:static;
	width:292px;
	margin: 24px 12px;
}

.storeImage {
	margin:10px 0px 10px 14px;
	float:left;
	width:292px;
	}
/* 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: 262px;
	height: 25px;
	padding-left: 25px;
	margin: 10px 14px 0 14px;
}
#customForm input[name=phone],#customForm input[name=email]{
	width: 262px;
	height: 25px;
	padding-left: 25px;
	margin: 10px 14px 0 14px;
}
#customForm textarea{
		width: 262px;
		height:190px;
		padding-left: 25px;
		padding-top: 20px;
	margin: 10px 14px 0 14px;
}

#address{font-size:16px;line-height:26px;color:#fff;margin-left: 14px;}
.addressHeading{font-size:24px;line-height:28px;color:#fff; margin-left: 14px;}
.contactRight{margin-left: 28px;margin-top: 25px;height:210px; background: rgb(178,187,30); text-align:left;}
.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;
	margin-left:14px;
}

.headerTop1{margin:25px 0; font-weight:bold;color: #fff;font-size: 22px;line-height: 27px;padding: 0 15px;}
.headerTop2{margin-bottom:25px;font-weight:bold;font-size:16px;line-height:20px;color: rgb(88,89,91);padding: 0 15px;}
.headerTop1-our-world{margin-top: 25px;margin-left: 14px;
text-transform: uppercase;
font-size: 22px;
line-height: 27px;
color: rgb(245, 128, 37);
width: 100%;}
.headerTop2-our-world{margin-bottom: 25px;margin-left: 14px;
text-transform: uppercase;
font-size: 22px;
line-height: 27px;
color: rgb(245, 128, 37);
width: 100%;}
.flavourImage,.flavourImage img{width:292px;}
.flavourText{padding:20px 20px; 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: 22px;line-height: 27px;padding-left:14px;}
.searchClose {
position: absolute;
right: 300px;
top: 120px;
display: none;
z-index: 30000 !important;
}
.searchCloseHome{display:none;}

.filter{background:rgb(161,161,164); padding: 23px 0;}
.filterTitle, .filterItem{margin-right:5px; 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); text-align:left; }
.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: 28px;margin-right: 14px;margin-top: 28px; text-align: left;}
.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 .category{font-size: 28px;
background-color: rgb(230,231,232);
padding:10px 20px;
font-weight: bold;
margin:20px 0;}
 .articleBox .tags{font-size: 28px;background-color: rgb(230,231,232);padding:10px 20px;font-weight: bold; margin-bottom:10px;}
.articleBox .tags .tag{font-size:10px; line-height:12px; color:rgb(88, 89, 91);}
.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: 24px;color: #fff;}

/* reset template css */
.marginTop15 {
margin-top: 8px;
}
.paddingTop6 {
padding-top: 4px;
}
.paddingBottom15 {
padding-bottom: 8px;
}
.marginTop36 {
margin-top: 7px;
}
.mobileLogo{width:150px;margin-left: 15px;}
.mobileHide,#searchBar.mobileHide{display:none;}
.mobileShow{display:block;}
#franchiseIconBox{margin-right:15px; }
.menuIcon{height: 15px;margin: 8px;}
.mobileMenu{font-size:14px; line-height:20px; vertical-align: 10px;font-weight: bold;}
#mobileMenu{display:show;}
#main{position:relative;}
#mobMenuList{display:none;position:absolute;top:0; text-align:center;width: 100%;font-size: 14px;line-height: 20px;font-weight:bold;background: rgba(255,255,255,.9); 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;}
#mobMenuList .nav{color:rgb(88,89,91); display: block;padding: 6px 16px;}
.mobileFooterLeft,mobileFooterRight{width:137px; margin-right:15px; margin-left: 15px;}
#footerNav.mobileFooterLeft a,#footerNav.mobileFooterRight a {
text-transform: capitalize;
font-size:14px; line-height:20px;
display: block;
text-decoration: none;
}
.hr{border-top: 1px rgb(88,89,91) solid;margin: 20px 14px 20px 28px;width: 294px;}
#newsletter input[name=email]{width: 208px;}
#newsletter{margin-left:14px;}
.mobileShadowTitle{left:14px;width:292px;}
.mobileSlideshowShadowTitle{top:157px;}
.mobileFooterBoxTxt{font-size:9px; line-height:11px;}
.paddingBottom40 {padding-bottom: 25px;}
.paddingTop40 {padding-top: 25px;}
.twoColumnMobile{display:block; width:137px;}
.twoColumnDesktop{display:none;}
.mobileMarginLeft14{margin-left:14px;}
.paddingTB68,.paddingBottom85 {padding: 0;}
.yogurtSocialIcons{position:absolute;bottom: 8px;left: 58px;clear: both; display: block; height: 25px; overflow: visible;padding-bottom: 20px; z-index:9999 !important;}
.mobileStepsImg{display: inherit;padding: 10px 0;margin: auto;}
.steps{padding:40px 0;}
.mobileLocation{margin-left:28px;margin-bottom:25px;margin-top: 25px;}
.locationHeader{text-align: center; margin-top: 0; margin-bottom: 20px; font-weight: bold;font-size:18px;line-height:21px;padding-top: 25px;}
.brief .tdLeft{width:33%; }
.brief .tdMiddle{width:15%; }
.brief .tdRight{width:52%; }
.brief{font-size:14px;line-height:18px;text-align: left;padding: 8px 0; border-top: 1px solid #949599; }
.details div{width:292px; padding: 8px 0;}
.locationDetailsHeader{color: #e60f63; margin-top: 0;  padding: 10px 0; border-top: 1px solid #949599;  font-size: 14px; line-height:20px; font-weight:bold;}
#storesTable{display:none;}
.franchise .subHeading{padding-left:14px;background: rgb(206,206,208); margin-bottom:2px;-webkit-box-shadow: 0px 3px 20px #808080;
-moz-box-shadow: 0px 3px 20px #808080;
box-shadow: 0px 3px 20px #808080; cursor:pointer;}
.franchise .section{margin-left:0px; margin-top:25px; margin-bottom:25px; display:none;}
.franchise .special{margin-left:28px;}
.franchise .storeList{display:none;}
.content_1.filter{padding-left: 14px;}
.articleBoxLeft .date{font-size:14px; line-height:36px;height: 36px;background-color: rgb(230,231,232);padding: 0 20px;font-weight: bold;}
.socialShare{margin-left:14px;}
.contactTitleMob{margin-left:14px;}
.about{margin-left:14px;}
.marginTop75 {
margin-top: 25px;
}
/*.homeBox a{ display: block;
height: 174px;
overflow: hidden;
position: relative;}
.twoColumnImgMobile .homeboxImg{position:absolute;  clip:rect(0px,215px,200px,77px);
}*/

.homeBoxMob,.homeBoxMob img.homeboxImg{width:137px;}
.homeBoxMob {
float: left;
margin-left: 0px;
margin-right: 14px;
margin-top: 14px;
text-align: left;
-webkit-box-shadow: 0px 0px 20px #808080;
-moz-box-shadow: 0px 0px 20px #808080;
box-shadow: 0px 0px 20px #808080;
height:171px;
overflow:hidden;
}
.homeBoxMob:nth-child(2n+1){margin-left: 28px;}
/*.homeBoxMobContainer{padding-bottom:25px;}*/
.mobilePicShow{display:block;}
.mobilePicHide{display:none;}
.mobilePaddingBottom14{padding-bottom: 14px;}
#franchisingRegisterForm{background:#FFF;}
/*.content_1_parallax{height:194px;}*/
.content_1_mobile img{width:100%;display: block;margin: auto;}

/*loyalty*/
.image_1{width:288px;}
.stepContainer{width:288px;}
.app-icon{ width:50px;}
.top-Image{width:200px; }
.app-store-icon{width:100px; }
.bottom-image{width:288px;}
.registerImg{width:288px;}
.paddingTopBottom{padding:10px 0;}
.arrowImg{height:20px;}
.table .right{}
.marginTopBottom{margin:20px 0;}
.marginBottom{margin-bottom:20px;}