/********************************************  CSS RESET  *********************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, strike, 
strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins { text-decoration: none; }
del { text-decoration: line-through; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea {
	padding: 0;
	margin: 0;
	font-size: 100%;
}
textarea { overflow: auto; }
.clearFloat { clear: both; }
.hidden { display: none; }
body, select, input, textarea { font-family: arial, sans-serif; }
select:focus, input:focus, textarea:focus { outline: 0; }
textarea { overflow: auto; }
th { text-align: left; }
address { font-style: normal; }

input[type="hidden"] {
	display: none !important;
	visibility: hidden !important;
	height: 0px !important;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
strong { font-weight: bold; }


/**********************************************  FONTS  ***********************************************/

@font-face {
    font-family: 'SimpliciterSansBold';
    src: url('../fonts/simplibd-webfont.eot');
    src: url('../fonts/simplibd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/simplibd-webfont.woff') format('woff'),
         url('../fonts/simplibd-webfont.ttf') format('truetype'),
         url('../fonts/simplibd-webfont.svg#SimpliciterSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'VAGRoundedStdLightRegular';
    src: url('../fonts/vagroundedstd-light-webfont.eot');
    src: url('../fonts/vagroundedstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vagroundedstd-light-webfont.woff') format('woff'),
         url('../fonts/vagroundedstd-light-webfont.ttf') format('truetype'),
         url('../fonts/vagroundedstd-light-webfont.svg#VAGRoundedStdLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



h1 {
	font-family:'SimpliciterSansBold';
	font-size:1.2em;
	color:#464646;
	margin-bottom:5px;
}
h2 {
	font-family:'SimpliciterSansBold';
	font-size:1.1em;
	text-transform:uppercase;
	color:#464646;
	margin-bottom:5px;
}
p {
	font-family:'SimpliciterSansBold';
	font-size:1em;
	line-height:120%;
	color:#959595;
	margin-bottom:8px;

}
	

a {
	font-family:'SimpliciterSansBold';
	font-size:1em;
	color:#000;
}

input[type="text"]{
	font-family: 'VAGRoundedStdLightRegular';
	font-size:0.8em;
	color:#000;
}
label{
	font-family: 'VAGRoundedStdLightRegular';
	color:#000;
}


/**********************************************  HEADER  **********************************************/

#headerMain {
	width:980px;
	margin:0 auto 10px auto;
	height:220px;
	overflow:hidden;
}
#headerMain nav ul{
	margin:20px 0 10px 0;
	overflow:hidden;
	height:60px;
}

#headerMain nav ul li{
	float:left;
	margin:0 5px 0 5px;
	
}

#headerMain nav ul li a{
	display:block;
	width:143px;
	height:54px;
	line-height:54px;
	text-align:center;
	text-decoration:none;
	background:url('../images/sprites/btn-top-nav.png') center 0 no-repeat;
	font-family:'SimpliciterSansBold',sans-serif;
	font-size:18px;
	color:#000;
	margin:2px 0 2px 0;
	padding:0 5px;
}

#headerMain nav ul li a:hover{background-position:center -55px;}
#headerMain nav ul li a:active{
	margin:4px 0 0 0;
}

#home nav ul li#navHome a,
#products nav ul li#navProducts a,
#about nav ul li#navAbout a,
#nutrition nav ul li#navNutrition a,
#contact nav ul li#navContactus a,
#news nav ul li#navNews a,
#chiclub nav ul li#navArt a,
#art nav ul li#navArt a{background-position:center -55px;}

#headerMain .logotitle{
	float:left;
		
}

#headerMain .logotitle a.mainLogo{
	float:left;
	display:block;
	width:320px;
	height:130px;
	text-indent:-99999em;
	background:url('../images/logo/logo-mainlogo.jpg') top left no-repeat;

}
#headerMain .mascot{float:left;}
#headerMain .logotitle p{
	float:left;
	font-size:1.2em;
	padding:20px 0 0 20px;
	color:#000;
}
#headerMain .logotitle a{
	text-decoration:none;
	color:#000;
}
#headerMain .logotitle a:hover{
	text-decoration:underline;
}

.socialmedia{
	float:right;
	width:210px;
	padding:25px 0 0 0;
}

.socialmedia ul.sm > li{
	font-family:'SimpliciterSansBold';
	font-size:1.1em;
	color:#02A8E4;
	position:relative;
	margin:0 0 3px 0;
	
}
.socialmedia ul.sm > li.input{
	padding:0 10px 0 0 ;
}

.socialmedia ul.sm > li.input .newsletter-confirmMsg{
    color:#000000;
    border:1px solid #6BEB7A;
}



.socialmedia ul.sm > li ul.smlinks{
	float:right;
}

.socialmedia ul.sm > li  span{
	float:left;
	height:28px;
	line-height:28px;
}

.socialmedia ul.sm > li ul.smlinks > li a{
	width:29px;
	height:30px;
	display:block;
	text-indent:-9999em;
	background:url(../images/sprites/btn-social-media.png) no-repeat;
	margin:0;
}

.socialmedia ul.sm  > li ul.smlinks > li{
	float:right;
	margin:0 0 2px 10px;
}

.socialmedia ul.sm  > li ul.smlinks > li a.fb{background-position:-30px 0;}
.socialmedia ul.sm  > li ul.smlinks > li a.tw{background-position:0 -32px;}
.socialmedia ul.sm  > li ul.smlinks > li a.is{background-position:-153px 0;}

.socialmedia ul.sm  > li ul.smlinks > li a.fb:hover{background-position:1px 0;}
.socialmedia ul.sm  > li ul.smlinks > li a.tw:hover{background-position:-31px -32px;}
.socialmedia ul.sm  > li ul.smlinks > li a.is:hover{background-position:-121.5px 0;}

.socialmedia ul.sm  > li input[type="text"]{
	border:1px solid #939393;
	padding:6px 5px;
	width:197px;
}
.socialmedia ul.sm > li input[type="submit"]{
	background:#fff;
	border:0;
	cursor:pointer;
	color:#ef4e23;
	text-transform:uppercase;
	font-weight:700;
	margin:0 0 0 1px;
}

.socialmedia ul.sm  > li input[type="submit"]:hover{
	color:#000;	
}

.socialmedia ul.sm  > li label{
	font-size:0.875em;
	position:absolute;
	top:9px;
	left:6px;
}

.socialmedia ul.sm > li.error input {border : 1px solid #B4100F;}
.socialmedia ul.sm > li.error label {color:#B4100F;} 




/***********************************************  MENU  ***********************************************/

#menu {

}


/**********************************************  FOOTER  **********************************************/

#footerMain {
	width:980px;
	margin:0 auto;
	padding:20px 0;
	overflow:hidden;
}
#footerMain ul li{
	float:left;
	color: #636363;
	text-transform:uppercase;
	font-family: 'VAGRoundedStdLightRegular';
}
#footerMain ul li a{
	color: #636363;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'VAGRoundedStdLightRegular';
	font-size:0.8em;
	padding:0 5px;
}
#footerMain ul li.first a{
	padding-left:0;
}

#footerMain ul li a:hover{
	color:#000;
}

#footerMain p.copyright{
	float:right;
	font-family: 'VAGRoundedStdLightRegular';
	font-size:0.8em;
	color: #636363;
}


/*******************************************  PAGE LAYOUT  ********************************************/

body {
	background: #fff;
	font-family:'SimpliciterSansBold';
	color:#959595;
}
#content{
	width:980px;
	margin:0 auto;
}


/***********************************************  NAV  ************************************************/

#nav {

}




/********************************************  HOME PAGE  *********************************************/
#slides{
	position:relative;
}
.slides_container {
	width:980px;
	height:511px;
}
.slides_container div {
	width:980px;
	height:511px;
	display:block;
}
.slides_container .banner1{background:url(../images/homebanner/banner1.jpg) top left no-repeat;}
.slides_container .banner2{background:url(../images/homebanner/banner2.jpg) top left no-repeat;}
.slides_container .banner3{background:url(../images/homebanner/banner3.jpg) top left no-repeat;}
.slides_container .banner4{background:url(../images/homebanner/banner4.jpg) top left no-repeat;}

#slides .prev,
#slides .next{
	position:absolute;
	width:70px;
	height:511px;
	top:0;
	/*background:url(../images/misc/bg-pattern-slide-arrow.png) 0 0 repeat transparent;*/
	z-index:1000;
	display:block;
	text-indent:-99999em;
}
#slides .prev{
	left:0px
}
#slides .next{
	right:0px;
}

#slides .prev span,
#slides .next span{
	width:70px; height:511px; display:block;
}
#slides .prev span{background:url(../images/icons/slide-arrow-left.png) center center no-repeat transparent;}
#slides .next span{background:url(../images/icons/slide-arrow-right.png) center center no-repeat transparent;}


/********************************************  PRODUCTS HOME  *********************************************/

ul.imageHolder{
	margin:20px 0;
	overflow:hidden;
	position:relative;
}
ul.imageHolder li{
	float:left;
	margin:0 15px;
	position:relative;
	width:230px;
	height:340px;
	left:500px;
	overflow:hidden;
}
ul.imageHolder li.first{
	/*margin:0;*/
}

ul.imageHolder li.last{
	/*margin:0;*/
}

.product-content{
    width:780px;
    overflow:hidden;
    float:right;
    position:relative;
}

.product-content .info-content{
}
.product-content .info-content ul{}
.product-content .info-content li{
    top:380px;
    left:0;
    position:absolute;
    width:650px;
    height:300px;
    padding:40px 70px 40px 30px;
}
.product-content .info-content .btn-back{padding-top:20px;}
.product-content .info-content .btn-back a{text-decoration:none;}
.product-content .info-content .btn-back a:hover{text-decoration:underline}

.product-homeMenu{
    width:200px;
    float:left;
    margin-top:20px;
}

.product-homeMenu li{
     float:left;
     clear:left;
     position:relative;
}

.product-homeMenu li a{
    background:url('../images/sprites/btn-products-info.png') 0 0 no-repeat transparent;
    text-decoration:none;
    width:142px;
    height:54px;
    line-height:54px;
    display:block;
    text-align:center;
    margin:10px 0;
}

.product-homeMenu li a:hover,
.product-homeMenu li a.on{background-position:0 -54px;}

.product-homeMenu li a:active{margin:13px 0 7px 0;}

ul.imageHolder li h1{
	position:absolute;
	top:0;
	left:0;
}
ul.imageHolder li h1 a{
	display:block;
	width:230px;
	height:300px;
	text-indent:-9999em;
}
ul.imageHolder li h1 a.disabled{cursor:default;}

ul.imageHolder li div{
	position:absolute;
	width:230px;
	bottom:0;
	text-align:center;
	filter: Alpha(Opacity=0);
	opacity:0;
}
ul.imageHolder li div h2{
	color:#555555;
}
ul.imageHolder li div p{
	color:#acacac;
}

ul.imageHolder li.yogurt h1 a{background:url(../images/products/home/product-yogurt.jpg) top left no-repeat;}
ul.imageHolder li.toppings h1 a{background:url(../images/products/home/product-toppings.jpg) top left no-repeat;}
ul.imageHolder li.smoothies h1 a{background:url(../images/products/home/product-smoothies.jpg) top left no-repeat;}
ul.imageHolder li.parfait h1 a{background:url(../images/products/home/product-parfait.jpg) top left no-repeat;}
ul.imageHolder li.treats h1 a{background:url(../images/products/home/product-treats.jpg) top left no-repeat;}


/**********************************************  PRODUCT - YOGURT, SMOOTHIES, TOPPINGS  **********************************************/

.topHolder{
	overflow:hidden;
}
.topHolder.yogurt .topContent{
	float:left;
	width:550px;
	height:280px;
	position:relative;
	background:#f2f4da;
	margin:130px 0 0 20px;
}

.topHolder.smoothies .topContent{
	float:left;
	width:300px;
	height:265px;
	position:relative;
	background:#fee7d9;
	margin:40px 0 0 20px;
	z-index:10;
}

.topHolder.toppings .topContent{
	float:left;
	width:550px;
	height:240px;
	position:relative;
	background:#f8eddd;
	margin:130px 0 0 20px;
}

.topHolder .topContent span{
	position:absolute;
	background:url(../images/sprites/content-border.png) no-repeat;
	width:20px;
	height:20px;
}

.topHolder .topContent span.tl{top:0;left:0;background-position:0 0;}
.topHolder .topContent span.tr{top:0;right:0;background-position:0 -20px;}
.topHolder .topContent span.bl{bottom:0;left:0;background-position:0 -40px;}
.topHolder .topContent span.br{bottom:0;right:0;background-position:0 -60px;}


.topHolder .topImage{
	width:280px;
	height:381px;
	margin:0 80px 0 0;
	float:right;
	position:relative;
}

.topHolder .topImage.yogurt{background:url(../images/products/frozen-yogurt/mainImage.jpg) top left no-repeat; margin-top:30px}
.topHolder .topImage.toppings{background:url(../images/products/toppings/mainImage.jpg) top left no-repeat;}


.topHolder .topContent h1{
	margin:30px 40px 0 40px;
	text-align:left;
	font-size:1em;
}

.topHolder .topContent p{
	margin:10px 40px 0 40px;
	font-size:1em;
	line-height:130%;
}

.topHolder.yogurt p{
	color:#ef4e23;
}

.topHolder.smoothies p{
	color:#9e0039;
}

.topHolder.toppings p{
	color:#ed145b;
}

.prodTile{
	position:relative;
}
.prodTile.yogurt ul li{
	float:left;
	width:220px;
	height:350px;
	margin:10px 12px;
}
.prodTile.creations ul li{
	float:left;
	width:220px;
	height:420px;
	margin:10px 12px;
}
.prodTile.yogurt ul li .prodImage{
	text-align:center;
	width:220px;
	height:255px;
	margin:0 0 5px 0;
	overflow:hidden;
}

.prodTile.yogurt ul li h2,
.prodTile.toppings ul li h2{
	text-align:center;
	text-transform:uppercase;
	font-size:1em;
	display:none;
}
.prodTile.yogurt ul li p,
.prodTile.toppings ul li p{
	text-align:center;	
	display:none;
	color:#898989;
	width:170px;
	margin:0 auto;
}
.prodTile.toppings ul li p{
	width:180px;
}

.prodTile.yogurt ul li.yogurttart h2,
.prodTile.yogurt ul li.yogurttart p,
.prodTile.yogurt ul li.yogurtsweet h2,
.prodTile.yogurt ul li.yogurtsweet p{color:#00bff3;}

.prodTile.yogurt ul li.yogurtapplepie h2,
.prodTile.yogurt ul li.yogurtapplepie p{color:#9bcd68;}

.prodTile.yogurt ul li.yogurtmango h2,
.prodTile.yogurt ul li.yogurtmango p{color:#f7941d;}

.prodTile.yogurt ul li.yogurtpeanutbutter h2,
.prodTile.yogurt ul li.yogurtpeanutbutter p{color:#d88d2a;}

.prodTile.yogurt ul li.yogurtpromegranate h2,
.prodTile.yogurt ul li.yogurtpromegranate p{color:#d43e5e;}

.prodTile.yogurt ul li.yogurtchocolate h2,
.prodTile.yogurt ul li.yogurtchocolate p{color:#790000;}

.prodTile.yogurt ul li.yogurtgreentea h2,
.prodTile.yogurt ul li.yogurtgreentea p{color:#80c894;}

.prodTile.yogurt ul li.yogurthoneysoy h2,
.prodTile.yogurt ul li.yogurthoneysoy p{color:#80c894;}

.prodTile.yogurt ul li.yogurtchai h2,
.prodTile.yogurt ul li.yogurtchai p{color:#719434;}

.prodTile.yogurt ul li.yogurtstrawberry h2,
.prodTile.yogurt ul li.yogurtstrawberry p{color:#ff630e;}

.prodTile.yogurt ul li.yogurtmixedberry h2,
.prodTile.yogurt ul li.yogurtmixedberry p{color:#ce2f6c;}

.prodTile.yogurt ul li.yogurtcoconut h2,
.prodTile.yogurt ul li.yogurtcoconut p{color:#00aaa5;}

.prodTile.yogurt ul li.yogurthazelnut h2,
.prodTile.yogurt ul li.yogurthazelnut p{color:#a67c52;}

.prodTile.yogurt ul li.yogurtpassionfruit h2,
.prodTile.yogurt ul li.yogurtpassionfruit p{color:#ffc20e;}


.prodTile.smoothies {
	position:absolute;
	top:50px;
	right:0;
	z-index:1;
	overflow:hidden;
}

.prodTile.smoothies ul li{
	float:left;
	margin:0 0 0 20px;
	display:none;
}

.prodTile.toppings ul li{
	float:left;	
	width:205px;
	height:240px;
	margin:15px 20px;
}

.prodTile.toppings ul li .prodImage{
	text-align:center;
	width:205px;
	height:130px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.coming-soon{width:500px; margin:30px auto;}
/**********************************************  ABOUT / YOCHI ART  **********************************************/

.topHolder.about{
	width:330px;
}
.topHolder.about .topContent{
	width:280px;
	height:180px;
	position:relative;
	background:#eaf9bf;
	margin:210px 0 0 20px;
	text-align:center;
	float:left;
}

/*.topHolder.about .topContent p,
.topHolder.about .topContent h1{color:#ef4e23;}
*/

.topHolder.about .topContent h1{
	text-align:center;
}



.topHolder.aboutleftblock{
	width:330px;
}
.topHolder.aboutleftblock .topContent{
	width:280px;
	/*height:208px;*/
	position:relative;
	background:#eaf9bf;
	margin:178px 0 0 20px;
	text-align:center;
	float:left;
}

.topHolder.aboutleftblock .topContent p,
.topHolder.aboutleftblock .topContent h1{color:#ef4e23;}

.topHolder.aboutleftblock .topContent h1{
	text-align:center;
}

.diySteps{
	width:630px;
	margin:10px 0 0 0;
}

.diySteps ul li{
	position:relative;
	margin:0 0 20px 0;
	float:left;
	overflow:hidden;
	width:100%;
}
.diySteps ul li a{
	width:253px;
	height:112px;
	line-height:112px;
	background:url(../images/sprites/btn-diy.png) 0 0 no-repeat;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:2.3em;
	float:left;
	z-index:2;
	position:relative;
	cursor:default;
	
}
.diySteps ul li a:hover{
	background-position:0 -112px;
}

.diySteps ul li .desc{
	width:253px;
	height:112px;
	float:left;
	position:relative;
	background:url(../images/sprites/btn-diy.png) 0 -224px no-repeat;
	z-index:1;
}
.diySteps ul li .desc p{
	padding:30px 20px 0 20px;
	font-size:1.125em;
	text-align:center;
	color:#000;
	text-transform:uppercase;
}
.diySteps ul li .img{
	position:absolute;
	width:81px;
	height:112px;
	top:0;
	right:30px;
}


ul.slide-content{
	width:502px;
	margin-left:350px;
}
ul.slide-content li h2{
	padding:20px 25px 0 25px;
}
ul.slide-content li p{
	padding:5px 25px 0 25px;
}
ul.slide-content li{width:502px;}
ul.slide-content li.imagePreview{
	position:relative;
	overflow:hidden;
}
ul.slide-content li.imagePreview img{
	position:relative;
}
ul.slide-content li.commitment{
	height:122px;
	background:url(../images/about/bg-mission-commitment.jpg) 0 0 no-repeat;
	margin-bottom:20px;
}
ul.slide-content li.who-we-are{
	height:196px;
	background:url(../images/about/bg-mission-who-we-are.jpg) 0 0 no-repeat;
}

ul.slide-content li.quality{
	height:330px;
	background:url(../images/about/bg-quality.jpg) 0 0 no-repeat;
	margin-bottom:20px;
}


ul.slide-content li.consistency{
	height:195px;
	background:url(../images/about/bg-consistency.jpg) 0 0 no-repeat;
	margin-bottom:20px;
}


ul.slide-content li.community{
	height:250px;
	background:url(../images/about/bg-community.jpg) 0 0 no-repeat;
}

ul.slide-content li.gaku-nakagawa{
	height:200px;
	background:url(../images/yochi-art/bg-nakagawa.jpg) 0 0 no-repeat;
	margin-bottom:20px;
}
ul.slide-content li.wilfrid-wood{
	height:234px;
	background:url(../images/yochi-art/bg-wilfrid.jpg) 0 0 no-repeat;
}


ul.about-content li.chi1{
	height:55px;
	background:url(../images/chi-club/bg-chi-about1.gif) 0 0 no-repeat;
	padding: 25px;
	width: 450px;
	margin-bottom:20px;
}
ul.about-content li.chi2{
	height:195px;
	padding: 25px;
	width: 450px;
	background:url(../images/chi-club/bg-chi-about2.gif) 0 0 no-repeat;
	margin-bottom:20px;
}
ul.about-content li.chi3{
	height:470px;
	padding: 25px;
	width: 450px;
	background:url(../images/chi-club/bg-chi-about3.gif) 0 0 no-repeat;
	margin-bottom:20px;
}

.right-chi-club { width: 700px;}

/********************************************** NEWS  **********************************************/


.topHolder.news .topContent{
    width:334px;
    height:180px;
    position:relative;
    background:url(../images/news/bg-news.jpg) 0 0 no-repeat #ebff7e;
    margin:20 0 0 20px;
    text-align:center;
    float:left;
}

.topHolder.news .topContent p{
    margin: 35px  20px 0 20px;
}

.newsCol{
    width:500px;
    margin:0 0 0 40px;
}

.newsCol article{margin:0 0 30px 0; clear:both;}


.newsCol article section .more{display:none; }

.newsCol article section img{padding:10px 0;}

.newsCol article section .more img.leftCol{float:left;padding:10px 10px 10px 0}
.newsCol article section .more img.rightCol{float:right;padding:10px 0 10px 10px}

.newsCol article footer ul{overflow:hidden; padding:10px 0;}

.newsCol article footer ul li{float:left; padding:0 20px 0 0;}

.newsCol article footer ul li a{text-decoration:underline;}


/**********************************************  SUBMENU  **********************************************/
.subMenu{
	margin:10px 0 0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:5000;
}

.subMenu ul{
	list-style:none;
}

.subMenu ul li{
	margin:0 0 0 50px;
	padding:3px 0;
}

.subMenu ul li a{
	color:#959595;
	text-decoration:none;
	margin:0;
	font-size:18px;
}


.subMenu ul li.current a,
.subMenu ul li a:hover,
.subMenu.products-yogurt ul li.yogurt a,
.subMenu.products-toppings ul li.toppings a,
.subMenu.products-smoothies ul li.smoothies a,
.subMenu.products-treats  ul li.treats a{
	color:#464646;
}
.subMenu ul li a:active{
	color:#b2b2b2;
}

ul.slideHolder{
	width:980px;
	height:500px;
	overflow:hidden;
	position:relative;
}
ul.slideHolder.art{height:740px;}
ul.slideHolder > li{
	width:980px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	display:none;
}


/**********************************************  PRIVACY, TERMS OF CONDITIONS  **********************************************/
#privacy section,
#terms section{
	padding:10px 20px;
	font-size:0.8em;
}
#privacy section p,
#terms section p{
	color:#464646;
}

/**********************************************  CONTACT US **********************************************/
#contact .contentHolder{padding-top:20px;}
#contact .contentText{padding-left:30px;}
#contact ul.contact-us {width:320px;}
#contact ul.contact-us li{color:#464646; margin:0;}
#contact ul.contact-us li.double{margin-bottom:16px}
#contact ul.contact-us li a{text-decoration:none;color:#464646;}
#contact ul.contact-us li a:hover{text-decoration:underline;}
#contact ul.contact-us li.parking{padding: 0 0 0 0;margin-bottom:12px;min-height: 35px;clear: both;}
#contact ul.contact-us li.p1{background:url('../images/icons/icon-parking1.jpg') 0 3px no-repeat #fff;}
#contact ul.contact-us li.p2{background:url('../images/icons/icon-parking2.jpg') 0 3px no-repeat #fff;}
#contact ul.contact-us li.p3{background:url('../images/icons/icon-parking3.jpg') 0 3px no-repeat #fff;}

#contact .contentHolder .socialmedia{float:left; display:none;}
#contact .contentHolder .socialmedia ul li {color:#464646;}

#contact .contentHolder .socialmedia a.fb{background-position:-60px 0;}
#contact .contentHolder .socialmedia a.tw{background-position:-61px -32px;}
#contact .contentHolder .socialmedia a.is{background-position:-123px -32px;}
#contact .contentHolder .socialmedia a.fb:hover{background-position:-91px 0;}
#contact .contentHolder .socialmedia a.tw:hover{background-position:-92px -32px;}
#contact .contentHolder .socialmedia a.is:hover{background-position:-153px -32px;}

#contact .map img{border:1px solid #fff;}
#contact .map img:hover{border:1px solid #464646;}

/**********************************************  Careers  **********************************************/

.careers h1 { margin: 0 0 15px 9px; }

.careers .job-search { width: 230px; margin-left: 9px; }
.careers #jobAdSearch {
    background: none;
    border: none;
    padding: 0;
    color: #959595;
    font-family: 'SimpliciterSansBold';
}
    .careers #jobAdSearch .jobAdSearchFilterHeading {
        color: #464646;
        font-size: 1em;
        font-weight: normal;
        margin: 8px 0;
    }

    #jobAdSearch .jobAdSearchFilterInput select,
    #jobAdSearch .jobAdSearchFilterInput input[type="text"] {
        border: 1px solid #939393;
        padding: 6px 5px;  
        color: #000000;
        font-family: 'VAGRoundedStdLightRegular';
    }

    #jobAdSearch .jobAdSearchFilterInput select {
        width: 100%;
        margin-bottom: 8px;
    }

    #jobAdSearch .jobAdSearchFilterInput input[type="text"] {
        width: 218px;
    }
    #jobAdSearchButtonHolder input[type="button"] {
        background: url("../images/sprites/btn-top-nav.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
        color: #000000;
        display: block;
        font-family: 'SimpliciterSansBold',sans-serif;
        font-size: 18px;
        height: 54px;
        line-height: 54px;
        margin: 30px auto 0;
        padding: 0 5px;
        text-align: center;
        text-decoration: none;
        width: 143px;
        border: none;
        cursor: pointer;
    }

    #jobAdSearchButtonHolder input[type="button"]:hover {
        background-position: center -56px;
    }

.careers .job-content { width: 700px; }
    #jobList,
    #jobDetail {
        color: #959595;
        font-family: 'SimpliciterSansBold';
    }

    #jobList .jobListItem {
        margin:15px 0 25px;
    }

    #jobList .jobListItemTitle,
    #jobDetailTitleHolder .jobDetailField {
        font-weight: normal;
        color: #464646;
        font-size: 1.41667em;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-family: 'SimpliciterSansBold';
    }

#jobDetailTitleHolder,
#jobDetailTypeHolder,
#jobDetailLocationHolder {
    display: inline-block;
    margin-bottom: 5px;
}

#jobDetailLocationHolder {
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px;
}

        #jobList ul {
             border-bottom: 1px solid #F1F1F1;
        }

        #jobList .jobListItemType,
        #jobDetailTypeHolder .jobDetailField {
            color: #636363;
            display: inline;
            font-size: 14px;
            line-height: 18px;
            padding-left: 5px;
        }

        #jobList .jobListItemPostDate,
        #jobList .jobListItemLocation,
        #jobDetailLocationHolder span,
        #jobDetailPostDateHolder span {
            color: #464646;
            font-size: 1em;
        }

        #jobList .jobListItemLocation,
        #jobDetailLocationHolder {
            font-size: 14px;
        }

        #jobDetailLocationHolder {
            display: block
        }

        #jobList .jobListItemSummary,
        #jobDetailContent {
            padding: 0;
            margin: 15px 0;
            font-size: 1.333em;
            line-height: 1.2em;
        }

        #jobList .jobListItemDetailsLink {
            width: 150px;
            font-family: 'SimpliciterSansBold';
            font-size: 1.333em;
            left: 574px;
            width: 100px;
        }

        #jobDetailApplyButtonHolder a {
            font-family: 'SimpliciterSansBold';
            font-size: 1.333em;
            display: inline-block;
            margin-top: 20px;
        }
#jobDetailContent ul {
    list-style-type: disc;
    margin: 10px 0 15px;
    padding-left: 20px;
}


/**********************************************  COMMON  **********************************************/
html{
	overflow-x: hidden;
}

.contentHolder{
	margin:20px 0 20px 0;
	position:relative;
	min-height:300px;
}

.rightCol{
	float:right;
}

.leftCol{
	float:left;
}

p.center{text-align:center}
#imageLoaderSplashArea{
	position:absolute;
	top:10px;
	left:10px;
	width:120px;
}
#imageLoaderSplashArea p{
	font-size:0.8em;
}

ol.contentList{
	list-style:decimal;
	list-style-position:outside;
	margin:0 0 0 20px;
}
ol.contentList li{
	padding:5px 0;
	color:#464646;
}
ol.contentList.alpha{
	list-style:lower-alpha;
	margin-left:0;
}
.disclaimer{font-size:0.8em;font-style:italic; padding:20px 0 0 0}


.emailButton input[type="submit"]{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #EF4E23;
    cursor: pointer;
    font-weight: 700;
    margin: 0 0 0 1px;
    text-transform: uppercase;
}
.emailMessage{background-color:#EF4E23;}

.joinsuccess{  
	color: #000000;
    display: block;
    font-family: 'SimpliciterSansBold',sans-serif;
    font-size: 38px;
	margin-left:20%;
	margin-top:7%;
    margin-bottom:23%;
	}


 .parking img{
    float:left;
	margin-right:5px;
	margin-top:0;
}


 .parking span{
    padding-right:5px;
     display: inline-block;
     width: 275px;

}

.prodTile.smoothies ul li{
	float:left;
	width:349px;
	height:486px;
	margin:10px 12px;
}
.prodTile.smoothies ul li .prodImage{
	text-align:center;
	width:349px;
	height:486px;
	margin:0 0 5px 0;
	overflow:hidden;
}


.error{margin-top:50px;margin-bottom:100px;}
.error h1 {font-size:50px;margin-bottom:30px;}

.error p {font-size:20px;margin-top:10px;}
.error ul li {font-size:20px;margin-top:20px;margin-left:15%;}

.error ul{list-style:outside;list-style-type: disc}


.contact-us #parkingsection{
	display:block;
	width:143px;
	height:54px;
	line-height:54px;
	text-align:center;
	text-decoration:none;
	background:url('../images/sprites/btn-top-nav.png') center 0 no-repeat;
	font-family:'SimpliciterSansBold',sans-serif;
	font-size:18px;
	color:#000;
	margin:2px 0 2px 0;
	padding:0 5px;
}

.divider{ margin: 60px;}


.socialmedia ul.sm > li  span{
	float:left;
	height:28px;
	line-height:28px;
}

.bdivider{margin-top:70px;}
.cdivider{margin-top:180px;}


.chi-welcome {
	display: block;
	height: 536px;
	width: 592px;
	background:url('../images/chi-club/bg-welcome.png') 0 0 no-repeat;
	text-indent: -999em;
}








































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */