/* @override http://eu.yogitea.www/resources/styles/styles.css?v=3 */

/* @override http://eu.yogitea.www/resources/styles/styles.css?v=3 */

/* @override http://dev.outforaride.info/eu.yogitea.www/resources/styles/styles.css?v=3 */
*{
	outline:none;
}
#gridHelper {
	background: url(../images/gridHelper.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	opacity: .6;
	text-transform:capitalize
}

body{
	background-position:top center;
	font-family: Georgia;
	background-color: #ffd5aa;
	background-image: url(../images/mainBackgroundPattern.jpg);
	background-repeat: repeat-x;
}

.hidden{
	display: none;
}
hr {
	clear: both;
	float: none;
	border: 0;
}

/* @group Navigation Elements */
#primaryNav {
	height: 48px;	
	width: 461px;
	margin-left: 262px;
	background-image: url(../images/mainNaviBackground.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 200;
	display: block;
	padding: 0 10px;
}

#primaryNav *,
#secondaryNav *{
		z-index: 100;
}

#primaryNav li{
	float: left;
	padding-top: 14px;
	line-height: 22px;
	min-width: 143px;
	text-align: center;
	letter-spacing: 1.5px;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
	color: #fcf7c1;	
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.40) 1px 1px 2px;
	white-space: nowrap;
	background: transparent url(../images/mainNaviDivider.png) no-repeat 100% 16px;
}

li#navYogiTea {
	padding-left: 15px;
	padding-right: 17px;
}

#primaryNav li:last-child,
#secondaryNav li:last-child,
#primaryNav li.last,
#secondaryNav li.last{
	background: none;	
	border: none;
}
#primaryNav li li{
	background: none !important;
}

#primaryNav li a,
#primaryNav li a:link,
#metaNav li a,
#metaNav li a:link{
	color: #fcf7c1;	
	text-decoration: none;
	display: block;
	cursor: pointer;
}

#primaryNav li a:hover{
	color: white;
	text-shadow: rgba(255, 255, 255, 0.40) 0px 0px 6px;
}

#primaryNav #nav_categories li,
#primaryNav #nav_yogi li {
	float: none;
	font-size: 10px;
	width: 142px;
	line-height: 20px;
	letter-spacing: normal;
	padding: 0;
}

#primaryNav #nav_categories,
#primaryNav #nav_yogi {
	background-image: url(../images/navSubmenu.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 142px;
	margin-top: 11px;
	z-index: 10;
	padding-bottom: 10px;
}

#secondaryNav {
	padding-top: 22px;
	float: right;
}

#secondaryNav li{
	border-right: 1px solid #828282;
	
}

#secondaryNav li,
#secondaryNav li a{
	float: left;
	font-size: 11px;
	color: #828282;
	padding: 0 6px;
	text-decoration: none;
	cursor: pointer;
}
#secondaryNav li ul{
	z-index: 10;
	position: absolute;
}
#secondaryNav li li a{
	display: block;
	width: 100px;
	cursor: pointer;
}

#accordionHeader {
	display: block;
	height: 76px;	
	background-image: url(../images/sideNaviTop.png);
	background-repeat: no-repeat;
}

#accordion,
#yogiteaAccordion{
	margin-left: 7px;
	width: 172px;
	text-align: center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: relative;
	top: -60px;
	float: left;
	display: inline;
	padding-bottom: 50px;
	background-image: url(../images/sideNaviEnd.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

.toggler{
	background-image: url(../images/sideNaviMiddle.png);
	display: block;
}

div#productInfo {
	width: 446px;
	margin: auto;
	text-align: center;
}

div.productInfoContainer {
	padding: 10px 0;
	background: url(../images/layerCarouselTop.png) no-repeat top left;	
	padding-left: ;
}

div.productInfoContainer p#productShortDescription {
	width: auto !important;
	min-height: 78px;
	padding: 0 20px; !important;
	background: url(../images/layerCarouselBottom.png) no-repeat bottom left;	
	padding-bottom: 20px;
}

#accordion span,
#yogiteaAccordion li a{
	display: block;
	color: white;
	font-size: 10px;
	line-height: 16px;
	height: 19px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#yogiteaAccordion .toggler li span{
	cursor: pointer;
	text-transform: inherit;
	letter-spacing: 1px;
}
.yogiTeaCategoryNav a,
.toggler span *{
	text-decoration: none;
	color: white;
	display: block;
	background-image: url(../images/sideNaviTeaStoryButton.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	font-size: 10px;
	line-height: 16px;
	height: 19px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.yogiTeaCategoryNav .active,
.yogiTeaCategoryNav .active>a{
	background-position: top left;
}
.yogiTeaCategoryNav li li a{
	background:none;
	text-transform: none;
	letter-spacing: normal;
}
.yogiTeaCategoryNav li li a:hover,
.yogiTeaCategoryNav li li a.active{
	background-image: url(../images/sideNaviMouseover.png);

}
#video {
	display: block;
	width: 1024px;
	margin: auto;
	position: relative;
	z-index: 0;
	clear: both;
}
#carouselWrapper{
	padding-left: 70px;
}
#carousel {
	display: block;
	margin: auto;

}
div#video {
	background-image: url(../images/videostill_tao.png);
}
.productsCategoryNav .toggler span {
	background-image: url(../images/sideNaviProductsButton.png);
	background-position: bottom left;
}

.yogiTeaCategoryNav>li{
	background:none;
}

.yogiTeaCategoryNav .toggler li {
	background-image: url(../images/sideNaviMiddle.png);
}
.yogiTeaCategoryNav .toggler li span a{
	text-transform: none;
}
.dealers .toggler span{
	background-image: url(../images/sideNaviDealersButton.png);
}
.press .toggler span{
	background-image: url(../images/sideNaviPressButton.png);
}

.dealers .toggler.active span,
.press .toggler.active span{
	background-position: bottom top;
}
.press .toggler span a,
.dealers .toggler span a{
	background: none;
}
li.toggler ul.element li,
li ul li {
	font-size: 10px;
	line-height: 18px;
	cursor: pointer;
	
}
li.toggler ul.element li:hover,
li.toggler ul.element li.active {
	background-image: url(../images/sideNaviMouseover.png);
}
	
li.toggler ul.element li a,
#accordion li ul li a,
#yogiteaAccordion li ul li a{
	color: #2e2e2e;
	text-decoration: none;
	
}
#metaNav{
	margin: auto;
	float: none;
	clear: both;
	width: 312px;
	height: 27px;
	background-image: url(../images/metaNaviBackground.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-left: 70px;
}

#metaNav li{
	float: left;
	width: 90px;
	text-align: center;
	line-height: 27px;
	color: #fcf7c1;
	font-size: 10px;
	background-image: url(../images/mainNaviDivider.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#metaNav li:first-child,
#metaNav li.first-child{
	padding-left: 20px;
}
#metaNav li:last-child,
#metaNav li.last-child{
	padding-right: 20px;
	background: none;
}

#metaNav li a{
	color: inherit;
	text-decoration: none;
}

#metaNav li a:hover{
	color: white;
}

#teaser {
	width: 192px;
	height: 182px;
	clear: both;
	top: -60px;
	position: relative;
	text-align: center;
	font-size: 11px;
	color: #333333;
}

#teaser span {
	line-height: 24px;
	color: #553e28;
}

#teaser img{
	margin: auto;
	display: block;
}
#teaser a{
	display: block;
	height: 100%;
	width: 100%;
}
#leftColumn {
	width: 172px;
	margin-left: 7px;
	float: left;
}
/* @end */

/* @group sifr3 */

.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
/*.sIFR-active h4,*/
.sIFR-active h5#pullquote {
  visibility: hidden;
  font-family: Georiga;
}

.sIFR-active h2 {
  font-size: 42px;
  font-style: italic;
}

.sIFR-active h3 {
  font-size: 38px;
}

.sIFR-active h4 {
  font-size: 21px;
  font-weight: normal;
}

.sIFR-active h5#pullquote {
  font-size: 24px;
}


/* @end */

/* @group layout */

h2{
	margin-left: 70px;
	clear: both;	
	float: none;
	padding-top: 62px;
	background-image: url(../images/ornament.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 38px;
	text-align: center;
	color: #490F38;
}

/* @group sifr h2 colours */

.products h2{
	color: #6d1f80;
}

.teafinder h2{
	color: #41978e;
}

.yogitea h2{
	color: #993333;
}

.press h2{
	color: #8f6338;
}

.dealers h2{
	color: #466786;
}

.faq h2{
	color: #4c7127;
}

.try_a_sample h2{
	color: #a9a250;
}



/* @end */

h2 *{
	z-index: -10 !important;
}

h3{
	clear: both;	
	float: none;
	font-size: 20px;
	margin-top: 25px;
	padding-left: 10px;
}


#content {
	margin-top: 36px;
}

.index #content {
	margin-top: 0;	
}

#content,
#contentTop,
#contentBottom {
	min-height: 594px;
	height: auto;
	width: 955px;
}

#contentBottom {
	padding-bottom: 40px;
}

.yoga_poses #content {
	background: 
		url(../images/contentBackgroundNormalCenter.jpg) top left repeat-y;
}
.yoga_poses #contentTop {
	background:
		url(../images/contentBackgroundNormalTop.jpg) top left no-repeat;		
}
.yoga_poses #contentBottom {
	background:	
		url(../images/contentBackgroundNormalBottom.jpg) bottom left no-repeat;
}

.faq #content{
	background: url(../images/contentBackgroundNormalCenter.jpg) top left repeat-y;	
	
}
.faq #contentTop {
	background: url(../images/contentBackgroundNormalTop.jpg) top left no-repeat;
}

.faq #contentBottom {
	background: url(../images/contentBackgroundNormalBottomFaqs.png) bottom left no-repeat;
}

.index.products #content{
	background: url(../images/contentBackgroundOverview.jpg) top left no-repeat;
	min-height: 525px;
	height: 525px;
}

.index.products #contentTop{
	background: none;
}

.index.products #contentBottom{
	background: none;
}


.products.details #content {
	background: url(../images/contentBackgroundNormalCenter.jpg) top left repeat-y;
}

.products.details #contentTop{
	background: url(../images/contentBackgroundNormalTop.jpg) top left no-repeat;
}
.products.details #contentBottom{
	background: url(../images/contentBackgroundNormalBottom.jpg) bottom left no-repeat;
}
.products.details #content,
.generalpages #content,
.press #content,
.dealers #content,
.products #content  {
	background: url(../images/contentBackgroundNormalCenter.jpg) top left repeat-y;
}
.products.details #contentTop,
.generalpages #contentTop,
.press #contentTop,
.dealers #contentTop,
.products #contentTop{
	background:	url(../images/contentBackgroundNormalTop.jpg) top left no-repeat;	
}

.products.details #contentBottom,
.generalpages #contentBottom,
.press #contentBottom,
.dealers #contentBottom,
.products #contentBottom{
	background: url(../images/contentBackgroundNormalBottom.jpg) bottom left no-repeat;
}

.yogitea #content {
	background: 
		url(../images/contentBackgroundNormalCenter.jpg) top left repeat-y;
}

.yogitea #contentTop {
	background: url(../images/contentBackgroundNormalTop.jpg) top left no-repeat;
}
.yogitea #contentBottom{
	background: 	url(../images/contentBackgroundNormalBottomAboutYogi.png) bottom left no-repeat;
}
.yogitea.ayurveda #content {
	background: url(../images/contentBackgroundNormalCenter.jpg) top left repeat-y;
}
.yogitea.ayurveda #contentTop{
	background: url(../images/contentBackgroundNormalTop.jpg) top left no-repeat;
}
.yogitea.ayurveda #contentBottom{
	background: url(../images/contentBackgroundNormalBottomAyurveda.png) bottom left no-repeat;
}
.yogitea.about_yogi #content {
	background: url(../images/contentBackgroundNormalCenter.jpg) top left repeat-y;
}
.yogitea.about_yogi #contentTop{
	background: url(../images/contentBackgroundNormalTop.jpg) top left no-repeat;	
}	
.yogitea.about_yogi #contentBottom{
	background: url(../images/contentBackgroundNormalBottomAboutYogi.png) bottom left no-repeat;
}

#logo{
	width: 175px;
	height: 118px;
	background-image: url(../images/logoEN.png);
	float: left;
	margin-left: 4px;
	z-index: 10;
	position: absolute;
}
#de #logo{
	background-image: url(../images/logoDE.png);
}

#logo a{
	display: block;
	width: 100%;
	height: 100%;
}

#contentWrapper {
	background-image: url(../images/mainBackground.jpg);
	background-repeat: repeat-x;
	width: 952px;
	padding-right: 16px;
	margin: auto;
	display: block;
	position: relative;
}

#footer {
	background-image: url(../images/footerBackground.png);	
	background-repeat: no-repeat;
	background-position: top left;
	padding: 35px 0;
	clear: both;
	float: none;
	margin: 0 !important;
	width: 955px !important;
}

.index #footer {
	background: none;
}

.products #footer {
	background-image: url(../images/contentBackgroundNormalBottomShadow.png) !important;	
}

/* @end */

/* @group teaFinder */
.teafinder #contentWrapper {
	background: url(../images/mainBackgroundTeafinder.jpg) no-repeat;
}

.teafinder #content {
	background: url(../images/teafinderBackgroundOrnament.jpg) top left repeat-y;
	margin-left: 10px;
	margin-top: 94px;
	min-height: 297px;
}

.teafinder #contentTop{
	background: url(../images/teafinderBackgroundTop.jpg) top left no-repeat;
	padding: 0 29px;
	min-height: 297px;
}

#en dt#flavours {
	background: url(../images/layerTeafinderFlavourButtonEN.png);
}
#de dt#flavours {
	background: url(../images/layerTeafinderFlavourButtonDE.png);
}

dd#flavoursList{
	background: url(../images/layerTeafinderFlavourTop.png) no-repeat;	
	background-position: 79px 0;
	
}
dd#flavoursList ul{
	background: url(../images/layerTeafinderFlavourBottom.png) no-repeat bottom left;	
	margin-top: 8px;
}
dd#flavoursList li {
	white-space: nowrap;
}

#en dt#moods {
	background: url(../images/layerTeafinderMoodButtonEN.png);;
}

#de dt#moods {
	background: url(../images/layerTeafinderMoodButtonDE.png);;
}

dd#moodsList{
	background: url(../images/layerTeafinderMoodTop.png) no-repeat top left;
	background-position: 423px 0;
}
dd#moodsList ul{
	background: url(../images/layerTeafinderMoodBottom.png) no-repeat bottom left;
	margin-top: 8px;
}

dt#flavours,
dt#moods {
	height: 98px;

}

dt#flavours,
dd#flavoursList,
dt#moods,
dd#moodsList{
	width: 618px;
}

dd#flavoursList ul {
	float: left;
}
dd#moodsList ul{
	float: right;
}


#teafinder ul li {
	border: none;
	background-image: url(../images/bulletpoint.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	width: 103px;
	float: left;
	display: block;
	line-height: 14px;
	cursor: pointer;
}

#teafinder ul li.active {
	background-position: bottom left;	
}

#teafinder dd  {
	width: 653px;
	position: absolute;
	top:50px;
	left:0;
	padding-top: 26px;
	margin-top: 18px;
	font-size: 11px;
	z-index: 1;
	padding-left:79px;
	padding-right:79px;
}

dl#teafinder{
	width: 700px;
	height: 70px;
	float: none;
	clear: both;
	position: relative;
	margin: auto;
	padding-left:60px;
	margin-top: 70px;
}
#teafinder dt {
	width: 309px;
	height: 90px;
	float: left;
	margin: 0 18px;
}

#teafinder dd ul{
	width: 249px !important;
	padding: 0 30px 15px 30px ;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.50) 1px 1px 1px;
	font-style: italic;
	font-size: 11px;
}


.teafinder #productContainer{
	float: none;
	clear: both;
	margin: auto;
	width: 950px;
}
/* @end */

/* @group products */

/* @group productHeroes */

#heroes>li{
	width: 158px;
	float: left;
	margin: 25px 11px;
}

#heroes li div.otherProducts {
	background: url(../images/layerOverviewTop.png) no-repeat top left;	
	padding-top: 24px;
	margin-top: -20px;
	position: absolute;
	z-index: 100;
	
}

#heroes ul {
	width: 158px;
	background: url(../images/layerOverviewBottom.png) no-repeat bottom left;
	text-align: center;
	padding-bottom: 20px;
	clear: both;
}
#heroes ul a{
	color: white;
	text-decoration: none;
}



/* @end */
#otherProducts {
	position: relative;

	height: 127px;
	width: 388px;
	padding: 20px;
	margin-left: -23px;

}
            #wrapper {
                width:364px;
                overflow:none;
                position: ;
                top: -68px;
            }
			.merry-go-round-wrapper{
				overflow:hidden;
				width:364px;
				margin-left: 14px;


			}
           	#wrapper li{
				width:83px;
				float:left;
				list-style-type:none;
				padding: 0 4px;
			}
			
			ul,li{
				padding:0;
				margin:0;
				
			}

a.merry-go-round-next {
	background-image: url(../images/arrowRight.png);
	background-position: bottom;
	height: 50px;
	width: 40px;
	margin-top: 50px;
}

a.merry-go-round-previous {
	background-image: url(../images/arrowLeft.png);
	background-position: bottom;
	height: 50px;
	width: 40px;
	margin-top: 50px;
}
a.merry-go-round-next:hover,
a.merry-go-round-previous:hover{
	background-position: top;
}
.relatedProducts{
	overflow: none;

}
.productDetails dl{
	width: 364px;
	float: none;
	clear: both;
	position: relative;
	padding-left: 10px;
	z-index: 1000;
}

#en dt#ingredients,
#en dt#instructions{
	background-image: url(../images/layerIngredientsInstructionsButtonEN.png);
}

#de dt#ingredients,
#de dt#instructions{
	background-image: url(../images/layerIngredientsInstructionsButtonDE.png);
}
dt#ingredients,
dt#instructions {
	width: 182px;
	height: 68px;
	float: left;
}
dt#ingredients {
	background-position: top left;

}
dt#instructions {	
	background-position: top right;	
}

/*dt#ingredients:hover{
	background-position: top left;
}
dt#instructions:hover{
	background-position: top right;
}*/

dd#ingredientsList,
dd#instructionsText  {
	background: 
		url(../images/layerIngredientsInstructionsTop.png) no-repeat top left;
	width: 364px;
	position: absolute;
	top:50px;
	left:0;
	padding-top: 26px;
	margin-top: 5px;
	font-size: 11px;
	z-index: 1;
	margin-left: 10px;
}

dd#ingredientsList {
	background-position: top left;
}
dd#instructionsText{
	background-position: top right;
}
dd#instructionsText p{
	width: 284px !important;
	padding: 0 40px 30px 40px ;
	background: url(../images/layerIngredientsInstructionsBottom.png) no-repeat bottom right;
	text-align: center;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.50) 1px 1px 1px;
	font-style: italic;
	font-size: 11px;
	line-height: 180%;
}


dd#ingredientsList p{
	width: 304px !important;
	padding: 0 30px 30px 30px ;
	background: url(../images/layerIngredientsInstructionsBottom.png) no-repeat bottom left;
	text-align: center;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.50) 1px 1px 1px;
	font-style: italic;
	font-size: 11px;
}
img#packShot {
	padding-top: 30px;
	float: left;
	position: relative;
}
.productDetails img#packShot {
	width: 330px;	
	height: 453px;
}

.productDetails{
	width: 760px;
}
.productInfo {
	float: right;
	width: 370px;
	display: inline;
	margin-top: 7px;
	padding:0 30px;
}
.productInfo p{
	width: 350px !important;
}
#descriptionContainer{
	margin-left: 70px;
}

#categoryDescription {
	width: 470px;
	margin: auto;
	text-align: center;
	font-size: 12px;
	line-height: 170%;
	padding-top: 7px;
	height: 58px;
	overflow: hidden;
	font-weight: bold;
	color: #553e28;
}

#textContainer,
#productContainer {
	float: right;
	width: 770px;
}
#textContainer {
	padding-bottom: 40px;
}
.press #textContainer,
.dealers #textContainer{
	padding-top: 40px;
}

#textContainer p,
#productContainer p,
.generalpages p,
#productInfo p,
#textContainer address {
	padding-top: 2px;
	padding-left: 18px;
	font-size: 12px;
	width: 560px;
	line-height: 160%;
	padding-bottom: 20px;
	color: #333333;
}

#content p a:link,
#content address a:link{
	color: #666666;
}
#content p a:visited,
#content address a:visited{
	color: #990033;
}
#textContainer h4{
	padding-left: 18px;
	font-size: 12px;
	font-weight: bold;
}

#textContainer img{
	padding-left: 10px;
}


.yogitea #textContainer img{
	padding-top: 20px;
	padding-left: 20px;
	margin: auto;
	display: block;
}

.yogitea #textContainer {
	width:580px !important;

	padding-right: 185px;
	padding-left: 10px;
}

div.productSmall {
	float: left;	
	width: 120px;
	text-align: center;
	padding: 20px 30px 10px 30px;
	height: 265px;
	text-shadow: rgba(0, 0, 0, 0.10) 2px 2px 2px;
}

div.productSmall a {
	text-decoration:none;
}
div.productSmall img{
	display: block;
	padding-bottom: 15px;
	cursor: pointer;
	margin: 0 5px;
	width: 110px;
}

div.productSmall span,
div.productInfoContainer span {
	font-size: 13px;
	color: #5b5b5b;
	height: 20px;

}
div.productSmall span.mainIngredients,
div.productInfoContainer span.mainIngredients {
	font-size: 10px;
	color: #654a31;
	display: block;
	text-shadow: none;
}

#productContainer div.productSmall span.mainIngredients>span {
	text-transform:uppercase;
	font-size: 10px;
	color: #654a31;
	text-shadow: none;
}

/* @end */

/* @group press and dealers section */

    .mui-box{
	width:716px;
	height:271px;
	padding: 20px;
	background: url(../images/pressBoxBackground.png) no-repeat;
/* 	position:fixed;
	top:100px;
	left:100px;
 */	z-index:100;
    }
    
    /*html{overflow:hidden;}*/
    /*body{overflow:auto;margin:0;}*/
    
    .mui-box-screen{

	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	opacity:0.3;
    }
    .mui-box div#terms{
		height: 130px;
		overflow: auto;
		font-size: 12px;
		border: 1px solid #333;
	}
    .mui-box div#terms ol{
		list-style-type: decimal;
		list-style-position: outside;
		padding-left: 30px;
		color: #999;
	}
    .mui-box div#terms h6{
		color: #999;
		padding: 4px;
	}
	.mui-box p{
		font-size: 12px;
		text-align: center;
		line-height: 30px;
		font-weight: bold;
		color: #999;
		height: 60px;
	}
    .mui-box #buttons{
		display: block;
		clear: both;
		float: none;
		height: 64px;
		margin: auto;

		width: 400px;
	}
    .mui-box a#agree{
		width:168px;
		height: 64px;
		display: block;
		float: left;
	}
    .mui-box a#quit{
		width:168px;
		height: 64px;
		display: block;
		float: right;
	}
	#en .mui-box a#agree{
		background: url(../images/pressButtonAgreeEN.jpg) no-repeat bottom left;
	}
	#de .mui-box a#agree{
		background: url(../images/pressButtonAgreeDE.jpg) no-repeat bottom left;
	}
    #en .mui-box a#quit{
		background: url(../images/pressButtonQuitEN.jpg) no-repeat bottom left;
	}

    #de .mui-box a#quit{
		background: url(../images/pressButtonQuitDE.jpg) no-repeat bottom left;
	}

	.mui-box a#agree:hover,
	.mui-box a#quit:hover{
		background-position: top left !important;
	}

#downloads li {
	width: 710px;
	height: 95px;
}
#downloads li:hover {
	background-position: top left !important;
}

#downloads li a{
	text-decoration: none;
	display: block;
	width: 710px;
	height: 95px;
	clear: both;
	float: none;
}
#downloads li img{
	margin: auto;
	display: block;
}

#downloads li span.thumbnailArea {
	width: 160px;
	height: 87px;
	display: block;
	float: left;
	padding-left: 38px;
	padding-top: 8px;
}

#downloads li span.downloadTitle {
	float: left;
	padding-top: 20px;
	font-weight: bold;
	font-size: 12px;
	width: 300px;
}

.dealers #downloads li span.downloadTitle {
	color: #2e3f4e;
}

.press #downloads li span.downloadTitle {
	color: #553e28 !important;
}

#downloads li span.fileInfo {
	float: left;
	padding-top: 10px;
	color: white;
	font-size: 12px;
	width: 300px;
}

#downloads li span.downloadLabel {
	line-height: 24px;
	float: right;
	padding-right: 23px;
	color: white;
	font-style: italic;
	font-size: 13px;
	letter-spacing: 1px;
}


.dealers #downloads li {
		background: url(../images/dealersButtonArea.png);
		background-position:  bottom left;
}
.press #downloads li{
		background-image: url(../images/pressButtonArea.png);
		background-position: bottom left;
}

/* @end */

/* @group faq */

#faqContainer {
	padding: 42px 30px;
}

#faqContainer dt {
	list-style-type: disc;
	list-style: inside;
	padding-top: 0px;
	line-height: 20px;
	cursor: pointer;
	color: #3d642b;
}

#faqContainer dd{
	width: 700px;
	background-image: url(../images/faqAnswerBackgroundTop.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#faqContainer dd span{
	background-image: url(../images/faqAnswerBackgroundBottom.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 14px;
	margin-top: 24px;
	padding-left: 44px;
	padding-right: 36px;
	display: block;
	font-size: 12px;
	line-height: 170%;
}


/* @end */

/* @group language specific styling */

/*#de #accordionHeader {
	background-image: url(../images/sideNaviTopDE.png);
}*/

#en .productsCategoryNav #accordionHeader {
	background-image: url(../images/sideNaviTopProductsEN.png);
}

#de .productsCategoryNav #accordionHeader {
	background-image: url(../images/sideNaviTopProductsDE.png);
}

#en .yogiTeaCategoryNav{
	padding-top: 20px;
}

#en .yogiTeaCategoryNav #accordionHeader {
	margin-top: 20px;
	height: 53px;
	background-image: url(../images/sideNaviTopAboutYogiEN.png);
}
#de .yogiTeaCategoryNav #accordionHeader {
	margin-top: 20px;
	height: 53px;
	background-image: url(../images/sideNaviTopAboutYogiDE.png);
}


#en.dealers #accordionHeader {
	background-image: url(../images/sideNaviTopDealersEN.png);
}
#en.press #accordionHeader {
	background-image: url(../images/sideNaviTopPressEN.png);
}

#de.dealers #accordionHeader {
	background-image: url(../images/sideNaviTopDealersDE.png);
}
#de.press #accordionHeader {
	background-image: url(../images/sideNaviTopPressDE.png);
}



#it #accordionHeader {
	background-image: url(../images/sideNaviTopIT.png);
}

#fr #accordionHeader {
	background-image: url(../images/sideNaviTopFR.png);
}

#es #accordionHeader {
	background-image: url(../images/sideNaviTopES.png);
}



/* @end */

/* @group secondaryNav */

#langSelect {
	background: url(../images/chooseLanguagesBackgroundTop.png) top left no-repeat;

	width: 134px;
	padding: 20px 0;
	margin-left: -50px;
}

#langSelect #lastLanguage {
	background-image: url(../images/chooseLanguagesBackgroundBottom.png) !important;
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

#secondaryNav #langSelect li {
	width: 124px;	
	background-image: url(../images/chooseLanguagesBackgroundBottom.png);
	border: none;
}

#secondaryNav #langSelect li span{
	float: none;
	clear: both;
	border: none;
	background-image: url(../images/bulletpoint.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	line-height: 14px;
}

#secondaryNav #langSelect li.active span{
	background-position: bottom left;
}

#login {
	background-image: url(../images/loginDealersBackground.png);	
	padding: 25px 14px 15px 10px;
	width: 198px;
	height: 77px;
	margin-left: -100px;
}

#login,
#langSelect {
	display: block;
	position: absolute;
}
#login span {
	display: block;
	clear: both;
	height: 15px;
	padding: 5px 0;
}
#login label {
	color: white;
	width:70px;
	display: block;
	line-height: 20px;
	float: left;
	text-align: left;
}

#login input{
	width: 100px;
	height: 15px;
	float: right;
}

#loginButton{
	background:transparent url(../images/dealersLoginButton.png) no-repeat top left;
	height: 16px;
	border: none;
	width: 70px !important;
	text-align: center;
}
#loginButton:hover{
 background-position: bottom left;
}



/* @end */