@charset "utf-8";

/* 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* ----- BASIC PAGE SETUP & STYLES ------------- */
body {
	font-family:Arial,Geneva,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#414142;
	width:100%;
	height:100%;
	background:url(../images/vogels/repeater.jpg) repeat;
} 

a:link, a:visited, a:active{
color:#63a0a7; font-size:11px; font-weight:bold;
}

a:hover{

}

.geneva {font-family:Arial,Geneva, sans-serif;}

input, textarea{
background:#f1ebdf;
border:1px solid #dbdbdb;
color:#898989;
font-size:11px;
padding:6px;
}

.header_container{
background:url(../images/vogels/header_repeater.jpg) repeat-x;
}

.content{
width:996px;
margin:0 auto
}

.watermark{
margin:0 0 0 18px;
height:0px;
width:0px;
z-index:-999;
}
.watermark img{position:relative; top:146px; z-index:-999;}

*html .watermark {
	float: left;
}

.page-stain{margin:0 0 0 -151px; height:0px; width:0px; }
.page-stain img{position:relative;}
*html .page-stain {
	float: left;
}

.main{
float:left;
width:595px;
margin-left:62px;
}

*html .main {
	margin-left: 31px;
}

.header{
height:158px;
width:894px;
margin:0 auto;
background:url(../images/vogels/header_stain.jpg) no-repeat;
}

.right-paper{
float:left;
width:303px;
background:url(../images/vogels/right-repeater.jpg) repeat-y;
margin-bottom: -4px;
}

.blog-page .right-paper  {
	margin-top: -18px;
}

*html .blog-page .right-paper  {
	margin-left: -14px;
}

*html .myprofile-page .right-paper {
	margin-left: -23px;
}

*html .classic-clusters .right-paper,
*html .honey-clusters .right-paper,
*html .muesli-clusters .right-paper,
*html .muesli-fruit .right-paper,
*html .ultra .right-paper,
*html .wild-clusters .right-paper{
	margin-left: -22px;
}

*html .right-paper {
	margin-left: -1px;
}

.right-paper .right-bottom{
float:left;
width:303px;
background:url(../images/vogels/paper-bottom.jpg);
background-repeat: no-repeat;
height:85px;
/*margin-top: -5px;*/
}

.right-title{
padding:27px 0 0 23px;
background:url(../images/vogels/right-paper-head.jpg); 
width:281px; 
height:32px;
font-size:16px;
text-transform:uppercase;
color:#0c4832;
font-weight:bold;
}

.right-visual{
background:url(../images/vogels/right-paper-visual.jpg); 
width:226px; 
height:176px;
font-size:13px;
color:#464646;
padding:7px 44px 0 34px;
line-height:18px;
}

.hasSubNav .header{height:158px;}

.imgReplace span{display:none;}

.main-top{width:565px; height:23px;}

.actions {float:right;}
.actions a{display:block; float:left; color:#cc6600; text-decoration:none; margin-left:15px;}
*html .actions a:link, *html .actions a:visited, *html .actions a:hover, *html .actions a:active{display:block; float:left; color:#cc6600; text-decoration:none; margin-left:15px;}

.actions a:hover{text-decoration:underline;}
*html .actions a:hover{text-decoration:underline;}

.actions .print_action{background:url(../images/vogels/print.jpg) no-repeat; padding-left:22px; padding-top:4px;}
.actions .email_action{background:url(../images/vogels/email.jpg) no-repeat; padding-left:20px; padding-top:4px;}
.actions .bookmark_action{background:url(../images/vogels/bookmark.jpg) no-repeat; padding-left:20px; padding-top:3px;}

.bread-crumbs {float:left; margin-left:18px;}
*html .bread-crumbs {margin-left:9px;}

.bread-crumbs a{font-size:11px; color:#777573; text-decoration:none;}
*html .bread-crumbs a:link, *html .bread-crumbs a:visited, *html .bread-crumbs a:active{font-size:11px; color:#777573; text-decoration:none;}

.bread-crumbs a:hover{text-decoration:underline;}
*html .bread-crumbs a:hover{text-decoration:underline;}

.color-heading{
text-transform:uppercase;
padding-top:21px;
padding-left:21px;
font-size:17px; 
color:#ffffff;
font-family:"New Courier", Courier, sans-serif;
display:block;
}

.color-heading.yellow{
width:309px;
height:34px;
background:url(../images/vogels/yellow_title.jpg);
}

.color-heading.red{
width:352px;
height:34px;
background:url(../images/vogels/red_title.jpg);
}

.color-heading.orange{
width:355px;
height:35px;
background:url(../images/vogels/orange-title.jpg);
}

.color-heading.blue{
width:315px;
height:35px;
background:url(../images/vogels/blue-title.jpg);
}

.color-heading.fruit-nut-muesli{
width:508px;
height:34px;
background:url(/cmsadmin/Portals/1/images/hd-Fruit-Nut-Muesli.jpg) no-repeat;
clear: right;
}

.color-heading.clusters-classic{
width:513px;
height:34px;
background:url(/cmsadmin/Portals/1/images/hd-Grain-clusters-Classic.jpg) no-repeat;
clear:right;
}

.color-heading.clusters-honey{
width:513px;
height:34px;
background:url(/cmsadmin/Portals/1/images/hd-Grain-Clusters-Honey.jpg) no-repeat;
clear:right;
}

.color-heading.clusters-wild{
width:513px;
height:34px;
background:url(/cmsadmin/Portals/1/images/hd-Grain-Clusters-Wild.jpg) no-repeat;
clear:right;
}

.color-heading.clusters-spice{
width:513px;
height:34px;
background:url(/cmsadmin/Portals/1/images/hd-Muesli-Cluster-spice.jpg) no-repeat;
clear:right;
}

.color-heading.ultra-bran{
width:352px;
height:34px;
background:url(../images/vogels/hd-Ultra-Bran.jpg);
}

.color-heading.goji-strawberry{
margin-top: 20px;
width:540px;
height:34px;
background:url(../images/vogels/hd_goji_strawberry.jpg) no-repeat;
}

.color-heading.blueberry_blackberry{
margin-top: 20px;
width:540px;
height:34px;
background:url(../images/vogels/hd_blueberry_blackberry.jpg) no-repeat;
}

.color-heading.grain_linseed{
width:352px;
height:34px;
background:url(../images/vogels/hd_3grain_linseed.jpg) no-repeat;
}

.color-heading.nut_medley{
width:352px;
height:34px;
background:url(../images/vogels/hd_nut_medley.jpg) no-repeat;
}

.red-h3 {
clear: both;
margin-left:24px;
font-size:17px; 
color:#cc6666;
font-family:Arial,Geneva, sans-serif;
}

.orange-h3{
clear: both;
font-size:17px; 
color:#d75b1d;
font-family:Arial,Geneva, sans-serif;
}
.orange-h2{
clear: both;
font-size:17px; 
color:#d75b1d;
font-family:Arial,Geneva, sans-serif;
}

/* --------- HEADER  ---------------- */

.header .logo a{
display: inline-block;
height:109px;
float:left;
width:209px;
background:url(../images/vogels/logo.jpg);
}

.header .tagline{
float:left;
}

.login-box{float:left; width:272px; height:109px;}

.login-box .sign-in{
margin-left:67px;
width:97px;
height:41px;
float:left;
background:url(../images/vogels/sign_in.jpg);
}

.login-box .register{
width:108px;
height:41px;
float:left;
background:url(../images/vogels/register.jpg);
}
/*
.login-box .search{
float:left;
background:url(../images/vogels/search-input.jpg) no-repeat;
width:272px;
height:68px;
}
*/
/* Search is positioned lower for Phase 1 */

.login-box .search{
float:left;
background:url(../images/vogels/search-input.jpg) no-repeat left bottom;
width:272px;
height:68px;
padding-top: 41px;
margin-top:41px;
}

*html .login-box .search {
margin-bottom: -4px;
background-position: 0px 41px;
}

form.search input.searchField{
float:left;
margin:29px 0 0 13px;
width:134px;
}

.login-box a.search-button{
margin-left:23px;
}

*html .login-box a.search-button{
margin-left: 20px;
}

/* ------------- MAIN NAV --------------- */

ul.nav{
position:relative;
float:left;
background:url(../images/vogels/mainNav.jpg) no-repeat;
width:899px;
height:37px;
}

.nav li {
position:absolute;
top:0px;
}

.nav li, .nav a{
display:block;
height:37px;
}

.nav a:visited, .nav a{
padding-top:10px;
text-align:center;
text-decoration:none;
color:#ffffff;
font-family:"Courier New", Courier, sans-serif;
font-size:15px;
}



/* Nav with Community hidden for Phase 1 */

.nav .homeNav{left:51px; width:106px;}
.nav .our-productsNav{left:217px; width:155px;}
.nav .our-philosophyNav{left:435px; width:189px;}
.nav .wellbeingNav{left:660px; width:216px;}
.nav .communityNav{display: none}


/* Nav with Community visible for Phase 2 */
/*
.nav .homeNav{left:18px; width:106px;}
.nav .our-productsNav{left:135px; width:155px;}
.nav .our-philosophyNav{left:309px; width:189px;}
.nav .wellbeingNav{left:498px; width:216px;}
.nav .communityNav{left:725px; width:150px; }
*/

.nav .homeNav a:hover, .nav .homeNav a.active-nav{background: transparent url(../images/vogels/mainNav.jpg) -18px -37px no-repeat;}
.nav .our-productsNav a:hover, .nav .our-productsNav a.active-nav{background: transparent url(../images/vogels/mainNav.jpg) -135px -37px no-repeat;}
.nav .our-philosophyNav a:hover, .nav .our-philosophyNav a.active-nav{background: transparent url(../images/vogels/mainNav.jpg) -309px -37px no-repeat;}
.nav .wellbeingNav a:hover, .nav .wellbeingNav a.active-nav{background: transparent url(../images/vogels/mainNav.jpg) -498px -37px no-repeat;}
.nav .communityNav a:hover, .nav .communityNav a.active-nav{background: transparent url(../images/vogels/mainNav.jpg) -725px -37px no-repeat; }


.navUnderbar {background:url(../images/vogels/menu_bottom_strip.jpg) no-repeat; height:12px; width:899px; clear:both; display:block; }
.hasSubNav .navUnderbar {background:url(../images/vogels/menu_underbar_subNav.jpg) no-repeat;}

*html .navUnderbar, *html .hasSubNav .navUnderbar {
	margin-bottom:-3px;
}
/* --- SUB-NAV ----- */

ul.subNav {
height:32px; 
width:573px; 
background:url(../images/vogels/subNavBg.jpg) no-repeat;
list-style:none;
margin-left:-2px;
margin-bottom:9px;
}

ul.subNav2{
height:95px; 
width:573px; 
background:url(../images/vogels/subNavBg3.jpg) no-repeat bottom;
margin-left:-2px;
margin-bottom:9px;
list-style:none;
}

*html ul.subNav, *html ul.subNav2 {
margin-left:-3px;
}

ul.subNav li{float:left; margin-left:18px; padding-top:3px; padding-bottom:5px;}
ul.subNav2 li {width:260px; color:#c37019; margin-left:10px;float:left; padding:4px 0px 4px 12px; background: url(../images/vogels/ico_subnav2_bullet.gif) no-repeat 0px 5px; }
*html ul.subNav li, *html ul.subNav2 li{margin-left:6px;}

ul.subNav li a{font-size:13px; text-decoration:none; color:#c37019; font-weight:normal;}
ul.subNav2 li a{font-size:12px; text-decoration:none; color:#c37019; font-weight:normal;}

ul.subNav li a.active, ul.subNav2 li a.active{
font-weight:bold; 
background:url(../images/vogels/subNav-underline.jpg) bottom no-repeat; 
padding-bottom:5px;
}

*html ul.subNav li a:link, *html ul.subNav li a:visited, *html ul.subNav li a:hover, *html ul.subNav li a:active,
*html ul.subNav2 li a:link, *html ul.subNav2 li a:visited, *html ul.subNav2 li a:hover, *html ul.subNav2 li a:active{
	font-size:13px; text-decoration:none; color:#c37019; font-weight:normal;
}

*html ul.subNav li a.active:link, *html ul.subNav li a.active:visited, *html ul.subNav li a.active.active:active,
*html ul.subNav2 li a.active:link, *html ul.subNav2 li a.active:visited, *html ul.subNav2 li a.active.active:active{
	font-weight:bold; 
}

/* --------------- SITEMAP  & FOOTER ----------------------- */

.sitemap, .footer{margin-left:30px;}

.sitemap{
width:970px;
height:205px;
clear:both;
background:url(../images/vogels/horizontal-rule1.jpg) no-repeat top;
font-family:"Courier New", Courier, sans-serif;
}

.sitemap ul{list-style:none; padding-top:28px; padding-left:49px;}
.sitemap ul ul{padding:0px;}

.sitemap ul li{
float:left;
font-weight:bold;
}

.sitemap ul li a{color:#000000; text-decoration:none;}
.sitemap ul li a:hover{text-decoration:underline;}

.sitemap ul li li{
margin-left:0px;
float:none;
display:block;
font-weight:normal;
}

.sitemap ul li li a{
color:#4f4f4f;
}

*html .sitemap ul li a:link, *html .sitemap ul li a:visited, *html .sitemap ul li a:hover, *html .sitemap ul li a:active{
	color:#000000;
}

*html .sitemap ul li li a:link, *html .sitemap ul li li a:visited, *html .sitemap ul li li a:hover, *html .sitemap ul li li a:active{
	color:#4f4f4f;
}

/* Submenu with Community hidden for Phase 1 */

.SM-home{width:120px;}
.SM-our-products{width:340px; margin-right: 30px;}
.SM-our-philosophy{width:210px;}
.SM-wellbeing{width:195px;}
.SM-community{display: none;}

/* Submenu with Community visible for Phase 2 */
/*
.SM-home{width:95px;}
.SM-our-products{width:253px;}
.SM-our-philosophy{width:191px;}
.SM-wellbeing{width:181px;}
.SM-community{width:141px;}
*/

.footer{
height:55px;
width:970px;
background:url(../images/vogels/horizontal-rule2.jpg) no-repeat top;
clear:both;
color:#414142;
padding-top:28px;
font-family:"Courier New", Courier, sans-serif;
font-size:11px;
}

.footer ul{list-style:none;}

.footer ul li {float:left;}

.footer .FM-last{padding:0 10px;}

.trademarks {
	text-align:center; 
	font-size: 10px; 
	padding-top: 15px;
} 


.become-a-fan{padding:0 10px; float:left;}

.become-a-fan a, .become-a-fan span{float:left;}

.become-a-fan span{margin-right:10px;}

.footer ul a{
color:#414142; 
text-decoration:none;
padding:0 10px;
border-right:1px solid #414142; 
}

.footer ul a:hover{text-decoration:underline;}

/* --- NEWSLETTER SIGNUP ------ */
.right-paper form{
padding:11px 0 0 33px;
height:26px;
}
.right-paper form input, .right-paper form a {float:left;} 
.right-paper form input{width:156px;}
.right-paper form a {margin:7px 0 0 11px}


/* ----------------- TAG CLOUD -------------------------- */

.tag-cloud{
clear:both;
width:245px;
border-top:2px dotted #d7c5a3;
margin:20px 22px 0px;
padding:13px 0 0 7px;
}

.tag-cloud a {display:block; text-decoration:none; font-weight:normal;}
.tag-cloud .color1 {color:#669966;}
*html .tag-cloud .color1:link, *html .tag-cloud .color1:visited, *html .tag-cloud .color1:hover, *html .tag-cloud .color1:active {color:#669966;}

.tag-cloud .color2 {color:#da5669;}
*html .tag-cloud .color2:link, *html .tag-cloud .color2:visited, *html .tag-cloud .color2:hover, *html .tag-cloud .color2:active {color:#da5669;}

.tag-cloud .color3 {color:#82b3b9;}
*html .tag-cloud .color3:link, *html .tag-cloud .color3:visited, *html .tag-cloud .color3:hover, *html .tag-cloud .color3:active {color:#82b3b9;}

.tag-cloud .color4 {color:#f9bc49;}
*html .tag-cloud .color4:link, *html .tag-cloud .color4:visited, *html .tag-cloud .color4:hover, *html .tag-cloud .color4:active {color:#f9bc49;}

.tag-cloud .color5 {color:#c60751;}
*html .tag-cloud .color5:link, *html .tag-cloud .color5:visited, *html .tag-cloud .color5:hover, *html .tag-cloud .color5:active {color:#c60751;}

.tag-cloud .color6 {color:#da662c;}
*html .tag-cloud .color6:link, *html .tag-cloud .color6:visited, *html .tag-cloud .color6:hover, *html .tag-cloud .color6:active {color:#da662c;}

.tag-cloud .size1{font-size:11px;}
*html .tag-cloud .size1:link, *html .tag-cloud .size1:visited, *html .tag-cloud .size1:hover, *html .tag-cloud .size1:active{font-size:11px;}
.tag-cloud .size2{font-size:14px;}
*html .tag-cloud .size2:link, *html .tag-cloud .size2:visited, *html .tag-cloud .size2:hover, *html .tag-cloud .size2:active {font-size:14px;}
.tag-cloud .size3{font-size:15px;}
*html .tag-cloud .size3:link, *html .tag-cloud .size3:visited, *html .tag-cloud .size3:hover, *html .tag-cloud .size3:active {font-size:15px;}
.tag-cloud .size4{font-size:17px;}
*html .tag-cloud .size4:link, *html .tag-cloud .size4:visited, *html .tag-cloud .size4:hover, *html .tag-cloud .size4:active {font-size:17px;}
.tag-cloud .size5{font-size:20px;}
*html .tag-cloud .size5:link, *html .tag-cloud .size5:visited, *html .tag-cloud .size5:hover, *html .tag-cloud .size5:active {font-size:20px;}

.tag-cloud .one {margin-left:40px; margin-bottom:5px;}
.tag-cloud .two {margin-left:95px; margin-bottom:10px;}
.tag-cloud .three {margin-left:5px; margin-bottom:9px;}
.tag-cloud .four {margin-left:80px; margin-bottom:15px;}
.tag-cloud .five {margin-left:50px; margin-bottom:5px;}
.tag-cloud .six {margin-left:2px; margin-bottom:5px;}



/* ------------- HOME PAGE CONTENT ------------------- */

.flash-panel{
float:left;
margin-left:63px;
}

*html .flash-panel {
	margin-left: -67px;
}

.product-browser{
margin-left:54px;
float:left;
width:376px;
height:299px;
}

*html .product-browser {
margin-left:27px;
}

.our-philosophy-silo{
float:left;
width:278px;
height:299px;
/*background:url(../images/vogels/dummy-our-philosophy.jpg);*/

}

.newsfeed{
padding-top:17px;
float:left;
}

.newsfeed .newsfeed-title{
background:url(../images/vogels/news-feed-underline.jpg) no-repeat bottom; 
width:224px; 
height:42px; 
margin-bottom:6px;
}

.newsfeed .newsfeed-title h2{ 
font-size:14px; 
color:#cc6633;
font-weight:normal;
position: relative;
left: 17px;
top: 15px;
}

.newsfeed .news-item {display:block; padding-left:16px;}

.newsfeed .news-item img{
float:left;
border:3px solid #ffffff;
}

.newsfeed .news-item div{
float:left;
margin-left:6px;
width:160px;
margin-bottom:15px;
}

.newsfeed .news-item div img{border:none; margin-top:4px;}

.newsfeed .news-item p.votes {width:169px; padding-top:5px; display:block;}
.newsfeed .news-item p.votes span{ float:left; }
.newsfeed .news-item p.votes .title{text-decoration:underline;}

.newsfeed .news-item span.star{background:url(../images/vogels/star.jpg); height:18px; width:17px; }

.newsfeed .news-item a img{clear:left;}

.newsfeed .news-item h3 a:link, .newsfeed .news-item h3 a:visited, .newsfeed .news-item h3 a:active {
font-weight:normal;
font-size:13px; 
text-transform:uppercase; 
margin-bottom:3px;
color:#c37019; 
text-decoration: none;
}

.newsfeed .news-item h3 a:hover{
text-decoration: underline;
}


/* ---------------------------------------------------------------- SIGNUP ----------------------------------------------------------------------- */

.signup-page {

clear:both;
}

.signup-page .color-heading{
width:579px; 
height:252px; 
background:url(../images/vogels/signup-banner.jpg) no-repeat;
padding-left:18px;
padding-top:19px;
}

form.signup {
margin-bottom:14px;
margin-left:23px; 
margin-top:5px; 
width:294px;
float:left;
}

form.signup label, form.signup input, select, textarea{float:left;}

form.signup input, select {
padding:5px; 
margin-bottom:16px; 
background:#d4d2ba;
width:135px;
}

textarea{display:block; background:#d4d2ba;}

form.signup .submit {display:block; clear:both; margin-left:289px; padding-top:7px;}

select{width:auto; padding:2px;}

form.signup input:focus, textarea:focus {background:#F1EBDF;}


form.signup label{
margin-top:5px;
clear:both; 
width:102px;
margin-right:17px;
}

/* --- SIDE BAR -------- */
.form-side-bar{padding-left:10px; float:left;}

.photoBorder{
border:2px dotted #ddcdae;
width:90px;
height:90px;
margin-bottom:10px;
}


.photoThumb{
width:87px;
height:87px;
background:#eedcbd;
margin:2px;
}

.form-side-bar p {margin-left:-15px;}
.form-side-bar .nicknameTxt{margin-top:10px;}
.form-side-bar .passTxt{margin-top:26px;}


/*------ SLIDERS -------------------------------- */

.slider {margin-left:24px; clear:both; padding-top:41px;}
.slider.first {padding-top:13px;}
.slider ol {list-style:none; margin:0;}
.slider ol li {width:150px; text-align:center; float:left; font-size:11px;}

.slider ol li.first{width:130px;}
.slider ol li.last {width:140px;}

.slider form input {display:none;}

.slide-lineBg {background:url(../images/vogels/sliderBg.jpg); width:556px; height:24px;}
.slide-line{width:453px; margin-left:53px;}
.slide-textarea{ width:556px;}
.point {width:15px; height:24px; background:url(../images/vogels/pointer.jpg) no-repeat;}

/* ------ CHECK BOXES ------------------- */

.chkBoxBorder{
clear:both; 
margin-top:26px;
border:2px dotted #ddcdae;
width:460px;
height:75px;
margin-bottom:10px;
margin-left:24px;
}

.chkBox{
width:457px;
height:70px;
background:#eedcbd;
margin:2px;
}

.chkBox form  {padding-top:9px; padding-left:7px; font-size:11px; width:545px;}
.chkBox form label{display:block; float:left; margin-top:3px;}
.chkBox form input{float:left;}
.chkBox ul li {height:23px;  list-style:none; width:457px;clear: left;}
.chkBox ul {float:left;}

.chkBox form a{color:#63a0a7;}

.chkBox form a.submit {float:left; margin-left:9px; margin-top:53px;}



/* ---------------------------------------------------------------- BLOG ----------------------------------------------------------------------- */

.blog {margin-left:15px; width:541px; border-bottom:2px dotted #decdad; padding-bottom:14px;}


.blog .date{color:#333333; font-size:11px; margin-bottom:15px;}
.blog h3{color:#996699; font-size:14px; margin-bottom:7px;}
.blog p {line-height:18px; margin-top:14px;}

.blog ul {padding-left:10px; list-style-image:url(../images/vogels/list_point.jpg); list-style:circle; }
.blog li{display:block;}

.blog .visual{display:block; text-align:center; margin-top:15px;}

/* ------------- RIGHT HAND BAR ------------- */

.blog-right-wrapper{
width:283px;
margin-left:15px;
}

.about-blogger {
width:125px;
height:29px;
padding-left:5px;
padding-top:5px;
font-size:16px;
color:#c37019;
background:url(../images/vogels/squiggle.jpg) no-repeat; 
margin-left:13px;
margin-top:19px;
}
 
.about-blogger-txt{
padding-left:18px;
float:left;
width:140px;
margin-bottom:13px;
}

.blogger-pic{
float:right;
width:125px;
height:101px;
background:url(../images/vogels/blog_photo.jpg);
}

.blogger-name{
padding-left:18px;
color:#111111;
font-size:13px;
}

.archive-section{
clear:both;
width:240px;
border-top:2px dotted #d7c5a3;
margin:0 11px;
padding:13px 0 17px 7px;
}

.archive-section ul li{list-style:none; list-style-image:url(../images/vogels/dash.jpg); margin-left:16px;}
.archive-section ul li a{color:#333333; text-decoration:none; font-weight:normal;}
.archive-section ul li a:hover{text-decoration:underline;}

.blog .make-comment{margin-top:44px;}

.blue-heading{
color:#63a0a7;
font-size:14px;
}

.comments {padding-left:25px; margin-top:12px; width:584px;}

.number-of-comments{
display:block;
font-size:17px;
font-family:"Courier New", Courier, sans-serif;
color:#8eb5b3;
padding-bottom:13px;
}

.comments img{
border:3px solid #ffffff; 
float:left;
}

.comments .comment-content{
margin-bottom:16px;
float:left; 
width:464px;
margin-left:9px;
}

.comment-content .nickname {color:#c37019; font-size:13px;}
.comment-content .date{color:#333333; font-size:11px;}
.comment-content .comment-post{color:#333333; font-size:12px; margin-bottom:7px;}

.comment-actions {color:#63a0a7; font-size:11px; font-weight:bold;}
.comment-actions.comment-on-this{
border-right:1px solid #63a0a7;
padding-right:10px;
margin-right:6px;
}


/* ------------------------------------------------- COMMUNITY --------------------------------------------------------------------------------------------------------------*/

/*.community-page h2{color:#da5669; font-size:18px; margin-bottom:14px;}*/

.community-page .banner-ad{margin-bottom:15px;}

.signinBox{margin-left:18px;}
.signinBox p, .signinBox ol {margin-bottom:22px;}
.signinBox ol {margin-left:18px;}

.register-now {float:left; width:269px;}

.signin-form{
float:left;
}

.signin-form-border{
margin-left:38px;
border:2px dotted #ddcdae;
width:254px;
height:195px;
}

.signin-form-border form{
width:224px;
height:165px;
background:#eedcbd;
margin:2px;
padding:13px;
}

.signin-form form label{
padding-top:6px;
width:67px;
float:left;
}

.signin-form form .form-heading{
font-size:16px;
}

.signin-form form a.forgot-password{clear:both; margin-left:67px;}

.signin-form form input{ float:left; margin-bottom:7px; width:140px; }

.signin-form form .save-details {margin-top:18px; margin-left:-1px;}
.signin-form form .save-details input {width:18px;}
.signin-form form .save-details label { width:178px; padding-top:2px;}

.signin-form a.signin-button{float:right; margin-right:3px; margin-top:14px;}


.meet-us {clear:both; margin-left:17px; padding-top:30px;}
*html .meet-us {clear:both; margin-left:17px; padding-top:10px;}

.meet-us h2{color:#d75b1d; font-size:17px;}

.meet-us .member {clear:both;}

.meet-us .member img{
border:3px solid #ffffff; 
float:left;
}

.meet-us .member .member-info{
float:left;
width:465px;
margin-left:9px;
margin-bottom:25px;
}

.meet-us .member .member-name{color:#c37019; font-size:13px;}


/* --------------------------------------------- MY PROFILE  ---------------------------------------------------------------------------------------*/

.myprofile-page .color-heading{
width:525px; 
height:237px; 
background:url(../images/vogels/myprofile-banner.jpg) no-repeat;
padding:12px 0 0 21px;

}

form.profile-form {
margin-bottom:14px;
margin-left:23px; 
margin-top:5px; 
float:left;
}

form.profile-form .profile-form-left{
width:297px;
float:left;
}

form.profile-form .profile-form-left, form.profile-form .form-side-bar{height:250px;}

form.profile-form label, form.signup input{float:left;}

form.profile-form input {
padding:5px; 
margin-bottom:16px; 
background:#d4d2ba;
width:135px;
}

form.profile-form input:focus {background:#F1EBDF;}


form.profile-form label{
margin-top:5px;
clear:both; 
width:102px;
margin-right:17px;
}

form.profile-form .change-password{margin-left:118px; padding-bottom:35px;}

form.profile-form .form-side-bar .nicknameTxt {margin-top:4px;}

form.profile-form .radio {clear:both; display:block; height:40px;}
form.profile-form .radio ul li{width:94px; float:left; list-style:none;}
form.profile-form .radio ul li span{padding-top:2px; display:block;}
form.profile-form .radio input{width:15px; float:left; margin-bottom:0px;}

form.profile-form .checkbox {width:15px; float:left;}

form.profile-form .subscriptions label{clear:none; width:auto; margin-top:3px; font-size:11px;}
form.profile-form .subscriptions input{clear:both; margin-bottom:0px; margin-left:13px;}
form.profile-form .subscriptions p {clear:both; padding-top:20px; padding-bottom:6px;}

form.profile-form a.health-test-survey {display:block; margin-top:50px;}


/* --------------------------------- NUTRITION AND HEALTH  ---------------------------------------------------------------------------------------------------- */

.wrapper-box{ 
background:url(../images/vogels/dotted-divider.jpg) no-repeat 287px;
height:403px;
margin-top:13px;
}

.wrapper-box .tips, .wrapper-box .blog-column{width:292px; float:left;}

.tips .tips-title{background:url(../images/vogels/nutrition-blue-title.jpg); width:260px; height:35px; }

.blog-column .blog-title{background:url(../images/vogels/nutrition-yellow-title.jpg); width:280px; height:35px; padding-left:25px; }
*html .blog-column {padding-left:0px;}
*html .blog-column .blog-title{width:255px;}

.wrapper-box .item{margin-top:20px;}
.wrapper-box .blog-column .item{margin-left:10px;}
.wrapper-box .item img{float:left; border:3px solid #ffffff; clear:both;}
.wrapper-box .item img.findoutmore{margin-top: 5px;}
.wrapper-box .item .item-content{float:left; width:185px; margin-left:6px; margin-bottom:15px;}
*html .wrapper-box .item .item-content{margin-bottom:10px;}
.wrapper-box .item .item-content .title{color:#c37019;font-size:13px; padding-bottom:3px; text-transform:uppercase;}
.wrapper-box .item .item-content p, .wrapper-box  .blog p {padding-bottom:2px;  margin-top:0; line-height:14px;}

.articles {border-bottom:2px dotted #DECDAD;}

.articles .item{margin-top:20px; clear:both;}
.articles .blog-column .item{margin-left:10px;}
.articles .item img{float:left; border:3px solid #ffffff; clear:both; margin-bottom:20px;}
.articles .item .item-content{float:left; width:397px; padding-top:3px; margin-left:6px; margin-bottom:20px;}
.articles .item .item-content .date-and-author{font-size:11px; margin:2px 0 3px 0;}

.articles .item .item-content .title a:link, .articles .item .item-content .title a:visited, .articles .item .item-content .title a:active {
font-size:13px; 
font-weight: normal;
padding-bottom:3px; 
color:#c37019; 
font-size:13px; 
text-transform:uppercase;
text-decoration: none;
}

.articles .item .item-content .title a:hover{
text-decoration: underline;
}

.clear {clear:both;}

.articles .item .item-content p {padding-bottom:2px;}

.related-topics h2{color:#c37019; font-size:17px; padding:13px 0 8px;}
.related-topics ul {float:left; width:226px; margin-bottom:15px;}
.related-topics ul li{list-style:none;}
.related-topics ul li a{font-weight:normal; text-decoration:none; font-size:12px;}

.articles-page .color-heading{
width:525px; 
height:237px; 
padding:12px 0 0 21px;
}

*html .articles-page .color-heading{
	margin-top: -40px;
}

.articles-page .carbs .color-heading {
background:url(../images/vogels/article-carbohydrates.jpg) no-repeat;
}

.articles-page .fatfacts .color-heading {
background:url(../images/vogels/article-fatfacts.jpg) no-repeat;
}

.articles-page .friendlyfibre .color-heading {
background:url(../images/vogels/article-fibre.jpg) no-repeat;
}

.articles-page .wholegrains .color-heading {
background:url(../images/vogels/article-wholegrains.jpg) no-repeat;
}

.articles-page p {margin-left:10px; margin-bottom:20px; }
.articles-page h2 {margin-left:10px;}

.articles-page ol { margin-left:35px; margin-bottom: 20px;}


/* --------------------------------- PRODUCT PAGES  ---------------------------------------------------------------------------------------------------- */

/*-- PRODUCT COLORS & TABLE COLORS --*/

/* -- Premium Oven Crisp Muesli – Fruit & Nut --*/

.productYellow{color:#FFF;}
.tdYellow1 td{background:#ba203d;color:#FFF;}
.tdYellow2 td{background:#ef738b;color:#FFF;}

.tdYellow1 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #ba203d; margin-left:2px; font-size:11px;}
.tdYellow2 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #ef738b; margin-left:2px; font-size:11px;}

.tdYellow1 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #ba203d; margin-right:2px;}
.tdYellow2 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #ef738b; margin-right:2px;}



.productBlue{color:#082863;}
.tdBlue1 td{background:#082863;color:#FFF;}
.tdBlue2 td{background:#467ad8;color:#FFF;}

.tdBlue1 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #082863; margin-left:2px; font-size:11px;}
.tdBlue2 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #467ad8; margin-left:2px; font-size:11px;}

.tdBlue1 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #082863; margin-right:2px;}
.tdBlue2 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #467ad8; margin-right:2px;}



.productClassic{color:#ee9018;}
.tdClassic1 td{background:#ee9018;}
.tdClassic2 td{background:#ffc67e;}

.tdClassic1 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #ee9018; margin-left:2px; font-size:11px;}
.tdClassic2 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #ffc67e; margin-left:2px; font-size:11px;}

.tdClassic1 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #ee9018; margin-right:2px;}
.tdClassic2 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #ffc67e; margin-right:2px;}


.productGoji{color:#b90043;}
.tdGoji1 td{background:#b90043; color: #FFF}
.tdGoji2 td{background:#eddbe2;}

.tdGoji1 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #b90043; margin-left:2px; font-size:11px;}
.tdGoji2 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #eddbe2; margin-left:2px; font-size:11px;}

.tdGoji1 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #b90043; margin-right:2px;}
.tdGoji2 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #eddbe2; margin-right:2px;}



.productBlueberry{color:#5c4174;}
.tdBlueberry1 td{background:#5c4174; color: #FFF}
.tdBlueberry2 td{background:#dcd2e4;}

.tdBlueberry1 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #5c4174; margin-left:2px; font-size:11px;}
.tdBlueberry2 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #dcd2e4; margin-left:2px; font-size:11px;}

.tdBlueberry1 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #5c4174; margin-right:2px;}
.tdBlueberry2 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #dcd2e4; margin-right:2px;}

.products-all ul {
	list-style: none;
}

.products-all ul li {
	margin:  25px;
	width: 230px;
	text-align: center;
	float: left;
}

*html .products-all ul li {
	margin:  20px;
}

.products-all ul li .productsalllink{
	color:#000000; 
	text-decoration:none;
	font-weight: normal;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
}

.products-all ul li .productsalllink:hover{
	text-decoration: underline;
}

p.products-intro{
font-size:12px;
color:#464646;
width:558px;
margin-top:9px;
margin-left:20px;
}

.product {width:602px; margin-top:-4px; background:url(../images/vogels/product-repeater.jpg) repeat-y;}
*html .product {width:595px; margin-right: -4px;}

.product-titles{
display:block;
float:left;
}

.product-titles div{margin-left:23px;}

img.pagetop {}

.product-titles .courier{font-family:"New Courier", Courier, sans-serif;}

.product-titles .subtitle{
color:#414042;
font-size:11px;
margin-left:26px;
}

.product-titles .title1{font-size:44px; line-height:40px; font-weight:bold; text-transform:uppercase;}
.product-titles .title2{font-size:31px; line-height:30px; font-weight:bold; text-transform:uppercase;}

.product-titles  .big-info{font-size:18px; color:#464646; margin-top:19px; line-height:18px;}
.product-titles  .big-info span{display:block;}

.product-image{
float:left;
}

.product-blurb{
clear:both;
background:url(../images/vogels/product-repeater.jpg) repeat-y;
padding-left:23px;
padding-top:6px;
padding-right:26px;
}
.product-blurb p {margin-bottom:15px;}

.product-bottom-wrapper{ width:597px; background:url(../images/vogels/products-page-bottom.jpg) no-repeat bottom; padding-bottom:5px;}

.nutrition-info{float:left; z-index:3; margin-left:4px;}
*html .nutrition-info{margin-left:1px;}

.nutrition-info table{position:relative; margin-left:28px; color:#414042; z-index:0;}
.nutrition-info table td{padding:4px 2px;}

.nutrition-info table .col1{width:92px; padding-left:10px; font-size:11px; text-transform:uppercase;} 
.nutrition-info table .col2{width:57px; text-align:center;}
.nutrition-info table .col3{width:64px; text-align:center;}
.nutrition-info table .table-title {font-family:"New Courier", Courier, sans-serif;color:#FFF;}
.nutrition-info table .table-title .col1 { width: 204px; text-transform: none; font-size: 16px;}
.nutrition-info table .table-title .col3 { width: 13px;}

.nutrition-info table .td-titles {text-transform: uppercase;font-size:11px;}
.nutrition-info .stickyTape{
width:0px;
z-index:1;
height:21px;
}


.productNutMedley{color:#f57c43;}
.tdNutMedley1 td{background:#f57c43;}
.tdNutMedley2 td{background:#f7e6de;}

.tdNutMedley1 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #f57c43; margin-left:2px; font-size:9px; width:105px;}
.tdNutMedley2 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #f7e6de; margin-left:2px; font-size:9px; width:105px;}

.tdNutMedley1 td.col2 {font-size:10px; width:55px;}
.tdNutMedley2 td.col2 {font-size:10px; width:55px;}

.tdNutMedley1 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #f57c43; margin-right:2px; font-size:10px; width:53px;}
.tdNutMedley2 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #f7e6de; margin-right:2px; font-size:10px; width:53px;}



.product3grain{color:#d394a9;}
.td3grain1 td{background:#d394a9;}
.td3grain2 td{background:#ebdde2;}

.td3grain1 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #d394a9; margin-left:2px; font-size:9px; width:105px;}
.td3grain2 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #ebdde2; margin-left:2px; font-size:9px; width:105px;}

.td3grain1 td.col2 {font-size:10px; width:55px;}
.td3grain2 td.col2 {font-size:10px; width:55px;}

.td3grain1 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #d394a9; margin-right:2px; font-size:10px; width:53px;}
.td3grain2 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #ebdde2; margin-right:2px; font-size:10px; width:53px;}




.productWild{color:#792353;}
.tdWild1 td{background:#792353;color:#FFF;}
.tdWild2 td{background:#d069a3;color:#FFF;}

.tdWild1 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #792353; margin-left:2px; font-size:9px; width:105px;}
.tdWild2 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #d069a3; margin-left:2px; font-size:9px; width:105px;}

.tdWild1 td.col2 {font-size:10px; width:55px;}
.tdWild2 td.col2 {font-size:10px; width:55px;}

.tdWild1 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #792353; margin-right:2px;font-size:10px; width:53px;}
.tdWild2 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #d069a3; margin-right:2px; font-size:10px; width:53px;}



.productUltra{color:#6eb33f;}
.tdUltra1 td{background:#6eb33f;}
.tdUltra2 td{background:#a8d18c;}

.tdUltra1 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #6eb33f; margin-left:2px; font-size:9px; width:105px;}
.tdUltra2 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #a8d18c; margin-left:2px; font-size:9px; width:105px;}

.tdUltra1 td.col2 {font-size:10px; width:55px;}
.tdUltra2 td.col2 {font-size:10px; width:55px;}

.tdUltra1 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #6eb33f; margin-right:2px;font-size:10px; width:53px;}
.tdUltra2 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #a8d18c; margin-right:2px;font-size:10px; width:53px;}





.productHoney{color:#c68131;}
.tdHoney1 td{background:#c68131;color:#FFF;}
.tdHoney2 td{background:#edb26e;color:#FFF;}

.tdHoney1 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #c68131; margin-left:2px; font-size:9px; width:105px;}
.tdHoney2 td.col1 {background:url(../images/vogels/horizontal-drop-shadow.jpg) repeat-y #edb26e; margin-left:2px; font-size:9px; width:105px;}

.tdHoney1 td.col2 {font-size:10px; width:55px;}
.tdHoney2 td.col2 {font-size:10px; width:55px;}

.tdHoney1 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #c68131; margin-right:2px; font-size:10px; width:53px;}
.tdHoney2 td.col3 {background:url(../images/vogels/horizontal-dropshadow-reverse.jpg) right repeat-y #edb26e; margin-right:2px; font-size:10px; width:53px;}





.where-to-buy {display:block; clear:both; margin-left:400px; padding-top:10px;}



/* ---------- MUESLI FRUIT -------------- */

.muesli-fruit .ingredients-wrapper {float:left; background:url(/cmsadmin/Portals/1/images/ingredientsNotes-muesli-fruit.jpg) no-repeat; display:block; min-height:240px; position:relative;z-index: 2;}

.muesli-fruit .ingredients-wrapper .ingredients {font-size:10px; width:327px; }
.muesli-fruit .ingredients-wrapper .ingredients p {width:250px; margin:24px 0 0 13px;}
.muesli-fruit .ingredients-wrapper .ingredients a {font-weight: bold; color: #ba203d; text-decoration: none;font-size:10px; }

.muesli-fruit .ingredients-wrapper .notes {width:222px; font-size:10px; padding:21px 0 25px 12px;}

.muesli-fruit img.stickyLeft{
position:relative;
top:-28px;
left:3px;
}
.muesli-fruit img.stickyBottom{
position:relative;
top:-56px;
left:30px;
}

.muesli-fruit .ingredients-wrapper .productPopup {
	position: absolute;
	left: 80px;
	top: -30px;
	background: url(/cmsadmin/Portals/1/images/products_popup_muesli_fruit.gif) no-repeat;
	width: 182px;
	height: 53px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

.muesli-fruit .ingredients-wrapper .productPopup p{
	margin: 5px;
	color: #FFF;
	font-size:10px; 
}

/* ---------- MUESLI CLUSTERS -------------- */

.muesli-clusters .ingredients-wrapper {
float:left; 
background:url(/cmsadmin/Portals/1/images/BlueNotes.jpg) no-repeat; 
display:block; 
min-height:240px;
position:relative;
z-index: 2
}

.muesli-clusters .product-titles .title2{width:200px;}

.muesli-clusters .ingredients-wrapper .ingredients {font-size:10px; width:327px; }
.muesli-clusters .ingredients-wrapper .ingredients p {width:250px; margin:24px 0 0 13px;}
.muesli-clusters .ingredients-wrapper .ingredients a {font-weight: bold; color: #082863; text-decoration: none;font-size:10px; }

.muesli-clusters .ingredients-wrapper .notes {width:222px; font-size:10px; padding:21px 0 25px 12px;}

.muesli-clusters img.stickyLeft{
position:relative;
top:-24px;
left:4px;
}
.muesli-clusters img.stickyBottom{
position:relative;
top:-55px;
left:30px;
}

.muesli-clusters .ingredients-wrapper .productPopup {
	position: absolute;
	left: 80px;
	top: -30px;
	background: url(/cmsadmin/Portals/1/images/products_popup_muesli_cluster.gif) no-repeat;
	width: 182px;
	height: 53px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

.muesli-clusters .ingredients-wrapper .productPopup p{
	margin: 5px;
	color: #FFF;
	font-size:10px; 
}

/* ---------- HONEY CLUSTERS -------------- */

.honey-clusters .product-titles .title1{font-size:28px; line-height:27px;}
.honey-clusters .product-titles .title2{font-size:18px; line-height:20px;}

.honey-clusters .ingredients-wrapper {
float:left; 
background:url(/cmsadmin/Portals/1/images/HoneyNotes.jpg) no-repeat; 
display:block; 
min-height:240px;
position:relative;
z-index: 2
}

.honey-clusters .ingredients-wrapper .ingredients {font-size:10px; width:327px; }
.honey-clusters .ingredients-wrapper .ingredients p {width:250px; margin:24px 0 0 13px;}
.honey-clusters .ingredients-wrapper .ingredients a {font-weight: bold; color: #c68131; text-decoration: none;font-size:10px; }

.honey-clusters .ingredients-wrapper .notes {width:222px; font-size:10px; padding:21px 0 25px 12px;}

.honey-clusters img.stickyLeft{
position:relative;
top:-24px;
left:4px;
}
.honey-clusters img.stickyBottom{
position:relative;
top:-58px;
left:30px;
}

.honey-clusters .ingredients-wrapper .productPopup {
	position: absolute;
	left: 80px;
	top: -30px;
	background: url(/cmsadmin/Portals/1/images/products_popup_grain_honey.gif) no-repeat;
	width: 182px;
	height: 53px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

.honey-clusters .ingredients-wrapper .productPopup p{
	margin: 5px;
	color: #FFF;
	font-size:10px; 
}




/* ---------- ClASSIC CLUSTERS -------------- */

.classic-clusters .product-titles .title1{font-size:28px; line-height:27px;}
.classic-clusters .product-titles .title2{font-size:18px; line-height:20px;}

.classic-clusters .ingredients-wrapper {
float:left; 
background:url(/cmsadmin/Portals/1/images/classicNotes.jpg) no-repeat; 
display:block; 
min-height:240px;
position:relative;
z-index: 2
}

.classic-clusters .ingredients-wrapper .ingredients {font-size:10px; width:327px; }
.classic-clusters .ingredients-wrapper .ingredients p {width:250px; margin:17px 0 0 13px;}
.classic-clusters .ingredients-wrapper .ingredients a {font-weight: bold; color: #ee9018; text-decoration: none;font-size:10px; }

.classic-clusters .ingredients-wrapper .notes {width:222px; font-size:10px; padding:21px 0 25px 12px;}

.classic-clusters img.stickyLeft{
position:relative;
top:-24px;
left:4px;
}
.classic-clusters img.stickyBottom{
position:relative;
top:-55px;
left:30px;
}

.classic-clusters .ingredients-wrapper .productPopup {
	position: absolute;
	left: 80px;
	top: -30px;
	background: url(/cmsadmin/Portals/1/images/products_popup_grain_classic.gif) no-repeat;
	width: 182px;
	height: 53px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

.classic-clusters .ingredients-wrapper .productPopup p{
	margin: 5px;
	color: #FFF;
	font-size:10px; 
}



/* ---------- WILD CLUSTERS -------------- */

.wild-clusters .product-titles .title1{font-size:28px; line-height:27px;}
.wild-clusters .product-titles .title2{font-size:18px; line-height:20px;}

.wild-clusters .ingredients-wrapper {
float:left; 
background:url(/cmsadmin/Portals/1/images/wildNotes.jpg) no-repeat; 
display:block; 
min-height:240px;
position:relative;
z-index: 2
}

.wild-clusters .ingredients-wrapper .ingredients {font-size:10px; width:327px; }
.wild-clusters .ingredients-wrapper .ingredients p {width:250px; margin:17px 0 0 13px;}
.wild-clusters .ingredients-wrapper .ingredients a {font-weight: bold; color: #792353; text-decoration: none;font-size:10px; }

.wild-clusters .ingredients-wrapper .notes {width:222px; font-size:10px; padding:44px 0 25px 12px;}

.wild-clusters img.stickyLeft{
position:relative;
top:-24px;
left:4px;
}
.wild-clusters img.stickyBottom{
position:relative;
top:-55px;
left:30px;
}

.wild-clusters .ingredients-wrapper .productPopup {
	position: absolute;
	left: 80px;
	top: -30px;
	background: url(/cmsadmin/Portals/1/images/products_popup_grain_wild.gif) no-repeat;
	width: 182px;
	height: 53px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

.wild-clusters .ingredients-wrapper .productPopup p{
	margin: 5px;
	color: #FFF;
	font-size:10px; 
}



/* ---------- ULTRA BRAN -------------- */
.ultra .product-titles .title1{font-size:32px; line-height:27px;}
.ultra .product-titles .title2{font-size:18px; line-height:20px;}

.ultra .big-info{width:200px;}

.ultra .ingredients-wrapper {
float:left; 
background:url(../images/vogels/ultraNotes.jpg) no-repeat; 
display:block; 
height: 240px;
min-height:240px;
position:relative;
z-index: 2
}

.ultra .ingredients-wrapper .ingredients {font-size:10px; width:327px; }
.ultra .ingredients-wrapper .ingredients p {width:250px; margin:15px 0 0 10px;}
.ultra .ingredients-wrapper .ingredients a {font-weight: bold; color: #6eb33f; text-decoration: none;font-size:10px; }

.ultra .ingredients-wrapper .notes {width:222px; font-size:10px; padding:24px 0 25px 12px;}

.ultra img.stickyLeft{
position:relative;
top:-24px;
left:4px;
}
.ultra img.stickyBottom{
position:relative;
top:-55px;
left:30px;
}

.ultra .ingredients-wrapper .productPopup {
	position: absolute;
	left: 80px;
	top: -40px;
	background: url(../images/vogels/products_popup_ultra_bran.gif) no-repeat;
	width: 182px;
	height: 53px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

.ultra .ingredients-wrapper .productPopup p{
	margin: 5px;
	color: #FFF;
	font-size:10px; 
}



/* ---------- BEYOND MUESLI - GOJI STRAWBERRY POMEGRANATE -------------- */

.goji-strawberry .ingredients-wrapper {float:left; background:url(../images/vogels/ingredientsNotes_goji.jpg) no-repeat; display:block; min-height:240px; height:240px; position:relative;z-index: 2; no-repeat;}

.goji-strawberry .ingredients-wrapper .ingredients {font-size:10px; width:327px; }
.goji-strawberry .ingredients-wrapper .ingredients p {width:250px; margin:14px 0 0 13px;}
.goji-strawberry .ingredients-wrapper .ingredients a {font-weight: bold; color: #b90043; text-decoration: none;font-size:10px; }

.goji-strawberry .ingredients-wrapper .notes {width:222px; font-size:10px; padding:10px 0 25px 12px;}

.goji-strawberry img.stickyLeft{
position:relative;
top:-24px;
left:4px;
}
.goji-strawberry img.stickyBottom{
position:relative;
top:-55px;
left:30px;
}

.goji-strawberry .ingredients-wrapper .productPopup {
	position: absolute;
	left: 80px;
	top: -30px;
	background: url(../images/vogels/product_popup_goji.gif) no-repeat;
	width: 182px;
	height: 53px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

.goji-strawberry .ingredients-wrapper .productPopup p{
	margin: 5px;
	color: #FFF;
	font-size:10px; 
}



/* ---------- BEYOND MUESLI - BLUEBERRY BLACKBERRY -------------- */

.blueberry .ingredients-wrapper {float:left; background:url(../images/vogels/ingredientsNotes_blueberry.jpg) no-repeat; display:block; min-height:240px; height:240px; position:relative;z-index: 2; no-repeat;}

.blueberry .ingredients-wrapper .ingredients {font-size:10px; width:327px; }
.blueberry .ingredients-wrapper .ingredients p {width:250px; margin:19px 0 0 13px;}
.blueberry .ingredients-wrapper .ingredients a {font-weight: bold; color: #5c4174; text-decoration: none;font-size:10px; }

.blueberry .ingredients-wrapper .notes {width:222px; font-size:10px; padding:10px 0 25px 12px;}

.blueberry img.stickyLeft{
position:relative;
top:-24px;
left:4px;
}
.blueberry img.stickyBottom{
position:relative;
top:-55px;
left:30px;
}

.blueberry .ingredients-wrapper .productPopup {
	position: absolute;
	left: 80px;
	top: -30px;
	background: url(../images/vogels/product_popup_blueberry.gif) no-repeat;
	width: 182px;
	height: 53px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

.blueberry .ingredients-wrapper .productPopup p{
	margin: 5px;
	color: #FFF;
	font-size:10px; 
}



/* ---------- HOT HEARTY 3 GRAIN LINSEED -------------- */

.grain_linseed .ingredients-wrapper {float:left; background:url(../images/vogels/ingredientsNotes_3grain.jpg) no-repeat; display:block; min-height:240px; height:240px; position:relative;z-index: 2; no-repeat}

.grain_linseed .ingredients-wrapper .ingredients {font-size:10px; width:327px; }
.grain_linseed .ingredients-wrapper .ingredients p {width:260px; margin:14px 0 0 13px;}
.grain_linseed .ingredients-wrapper .ingredients a {font-weight: bold; color: #d394a9; text-decoration: none;font-size:10px; }

.grain_linseed .ingredients-wrapper .notes {width:222px; font-size:10px; padding:10px 0 25px 12px;}

.grain_linseed img.stickyLeft{
position:relative;
top:-24px;
left:4px;
}
.grain_linseed img.stickyBottom{
position:relative;
top:-55px;
left:30px;
}

.grain_linseed .ingredients-wrapper .productPopup {
	position: absolute;
	left: 80px;
	top: -30px;
	background: url(../images/vogels/product_popup_3grain.gif) no-repeat;
	width: 182px;
	height: 53px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

.grain_linseed .ingredients-wrapper .productPopup p{
	margin: 5px;
	color: #FFF;
	font-size:10px; 
}




/* ---------- HOT HEARTY NUT MEDLEY -------------- */

.nutmedley .ingredients-wrapper {float:left; background:url(../images/vogels/ingredientsNotes_nutmedley.jpg) no-repeat; display:block; min-height:273px; height:273px; position:relative;z-index: 2}

.nutmedley .ingredients-wrapper .ingredients {font-size:10px; width:327px; }
.nutmedley .ingredients-wrapper .ingredients p {width:250px; margin:20px 0 0 13px;}
.nutmedley .ingredients-wrapper .ingredients a {font-weight: bold; color: #fba534; text-decoration: none;font-size:10px; }

.nutmedley .ingredients-wrapper .notes {width:222px; font-size:10px; padding:21px 0 25px 12px;}

.nutmedley img.stickyLeft{
position:relative;
top:-24px;
left:4px;;
}
.nutmedley img.stickyBottom{
position:relative;
top:-55px;
left:30px;
}

.nutmedley .ingredients-wrapper .productPopup {
	position: absolute;
	left: 80px;
	top: -30px;
	background: url(../images/vogels/product_popup_nut_medley.gif) no-repeat;
	width: 182px;
	height: 53px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

.nutmedley .ingredients-wrapper .productPopup p{
	margin: 5px;
	color: #FFF;
	font-size:10px; 
}

/*----------------------------GLOBAL CSS ON PRODUCTS POPUP -----------------------------------------------------*/

#productPopupApricots p,
#productPopupSunflowerSeeds p,
#productPopupApple p,
#productPopupStrawberries p, 
#productPopupBlackberries p, 
#productPopupAcai p{
	line-height: 10px;
}

#productPopupBlueberries p{ 
	line-height: 10px;
	font-size:9px; 
}





/*--------------------------------------------- CONTACT  --------------------------------------------------------*/

.contact-text p{margin-left:24px; margin-bottom:10px; width:496px;}
.contact-title{background:url(../images/vogels/red_title.jpg) no-repeat; height:38px;}

.contact-page form{width:364px;}

.contact-page h3{margin-top:20px;}


/*--------------------------------------------- PHILOSOPHY + LIFE AND WORK --------------------------------------------------------*/

.philosophy .color-heading{background:url(../images/vogels/our-philosophy-title.jpg) no-repeat; height:38px; padding-top:22px; }
.lifeWork .color-heading{background:url(../images/vogels/life-work-title.jpg) no-repeat; height:34px; width: 567px}
.lifeWork .color-heading h1{margin-top:-4px;}

.philosophy p, .lifeWork p{margin-bottom:20px;}

.vogelImg {float:right; margin-right:28px;}

.lifeWork p.quote{color:#005941; font-size:14px;}

.philosophy p, .philosophy ul.phil-list, .philosophy div.purple, .lifeWork p{margin-left:10px;}

.philosophy div.purple{color:#9b5ba5; font-size:14px;}

.philosophy ul.phil-list {margin-bottom:15px; color:#9b5ba5; padding-left:15px;}

.philosophy .phil-list li span {color:#333333;}

.philosophy .phil-list li {margin-top:6px;}

.watermark-II{
height:0;
width:0;
margin:0;
clear:both;
}

*html .watermark-II{
background-image: url(../images/vogels/repeater.jpg);
background-repeat: repeat;
width: 303px;
}

.watermark-II img{position:relative; left:37px; top:-20px;}

.philosophy .right-paper{margin-bottom:45px;}

.lifeWork .yellow-h2{color:#c37019; font-size:14px; margin-left:10px; margin-bottom:5px;}

/*--------------------------------------------- WHERE TO BUY --------------------------------------------------------*/

.wheretobuy p{margin-bottom:10px;margin-top: 10px;}

.wheretobuy div.purple, .wheretobuy p{margin-left:10px;}

.wheretobuy div.purple{color:#9b5ba5; font-size:14px; clear: left; padding-top: 10px;}

.storelogos {
	padding-left: 10px;
}

.storelogos ul {
	list-style: none;
}

.storelogos ul li{
	float: left;
	margin-right: 30px;
	margin-top: 23px;
}

.majorresellers {
	background:url(../images/vogels/wtb_major.gif) no-repeat; height:110px; padding-left:23px; margin-top: 10px; 
}

.otherresellers {
	background:url(../images/vogels/wtb_other.gif) no-repeat; height:231px; padding-left:23px; margin-top: 10px; 
}


/*--------------------------------------------- FAQ, PRIVACY + TERMS --------------------------------------------------------*/

.faq p, .terms p, .privacy p{margin-left:10px; margin-bottom:20px; }
.faq h3, .terms h3, .privacy h3 {margin-left:10px;}

.terms ol, .privacy ol { margin-left:35px; margin-bottom: 20px;}


/* ------------------- FRUIT COMBINATIONS -----------------------*/
    #carouselWrapper 
    {    	
    	width:584px;
    	height:495px;
    	border-bottom:dashed thin Gray;
    }
    #thumbnailMonths 
    {
    	position:relative;
    	top:312px;
    }
    .feature 
    {
    	position:absolute;
    	height:310px;
    	width:556px;
    	display:none;
    	border-style:dashed;
    	border-width:thin;
    	border-color:Gray;
    	border-bottom:0;
    	padding:12px;
    	overflow:hidden;
    	margin-top:10px;
    }

    .feature h2
    {
	color: #666644;
	font-family: Tahoma, Arial, Helvetica;
	font-Size:20px;
	font-weight: Normal;
	text-align: left;
	margin-bottom: 6px;
    }

    .month 
    {
    	width:145px;
    	height:145px;
    	position:absolute;
    	top:0px;
    	display:none;
    	border-style:dashed;
    	border-width:thin;
    	border-color:Gray;
    }
    #carouselController 
    {
    	clear:both;
    	position:static;
    	padding-top:470px;
    	z-index:-1;
    }    
    #carouselPrev 
    {
    	float:left;
    }
    #carouselNext 
    {
    	float:right;
    }
    #carouselCalendar
    {
    	width:530px;
    	float:left;
    	text-align:center;
    }