@charset utf-8;

@font-face {
font-family: helveticaneueltpro-bdcn;
src: url('fonts/helveticaneueltpro-bdcn-webfont.eot');
src: local("☺"),
url("fonts/helveticaneueltpro-bdcn-webfont.woff") format("woff"),
url("fonts/helveticaneueltpro-bdcn-webfont.ttf") format("truetype"),
url("fonts/helveticaneueltpro-bdcn-webfont.svg#helveticaneueltpro-bdcn") format("svg");
}

@font-face {
font-family: helveticaneueltpro-bd;
src: url('fonts/helveticaneueltpro-bd-webfont.eot');
src: local("☺"),
url("fonts/helveticaneueltpro-bd-webfont.woff") format("woff"),
url("fonts/helveticaneueltpro-bd-webfont.ttf") format("truetype"),
url("fonts/helveticaneueltpro-bd-webfont.svg#helveticaneueltpro-bdcn") format("svg");
}

body {
font-family:Verdana, Geneva, sans-serif;
color:#333;
background-image:url(img/bg.gif);
background-repeat:repeat;
margin:0;
padding:0
}

ul,ol {
margin:0;
padding:0
}

h1,h2,h3,h4,h5,h6 {
margin-top:0;
padding-right:15px;
font-family: helveticaneueltpro-bdcn;
}

h1 {
font-size:24px;
color:#EB008B;
padding-left:25px;
font-family: helveticaneueltpro-bdcn;

}

h1.center {
font-size:24px;
color:#EB008B;
padding-left:25px;
text-align:center;
font-family: helveticaneueltpro-bdcn;
}

h2 {
font-size:18px;
color:#000;
font-family:helveticaneueltpro-bdcn;
margin-left:25px
}


h4 {
font-size:16px;
color:#eb008b;
padding-left:25px;
font-family: helveticaneueltpro-bdcn;
}

p {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
line-height: 20px;
padding-right:15px;
padding-left:25px;
margin-top:0;
}

p.home {
line-height:22px;
font-size:16px;
padding-right:15px;
padding-left:25px; 
margin-top:0;
text-align:justify
}

p.home a, a:visited {
line-height:22px;
font-size:16px;
color: #eb008b;
}

p.home a:hover {
line-height:22px;
font-size:16px;
color: #13b5ea;
}

h1.homeh1 {
font-size:30px;
color:#EB008B;
padding-left:25px;
font-family: helveticaneueltpro-bdcn;
}

h2.homeh2 {
font-size:26px;
color:#000;
font-family: helveticaneueltpro-bdcn;
}

h2.bioh2 {
font-size:26px;
color:#000;
font-family: helveticaneueltpro-bdcn;
}

.homebanner {width: 898px; float:left; padding:0 0 25px 50px;}
ul.homebanner{margin:0; padding:0; list-style:none; clear:both; outline:none;}   
.homebanner li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}   
.homebanner li a{background:url('img/series3black.png') no-repeat; width:100%; height:100%; display:block;}   
.homebanner li.hb1 a{background-position:0px 0px;width:120px; height:138px;}
.homebanner li.hb2 a{background-position:-120px 0px;width:139px; height:138px;}
.homebanner li.hb3 a{background-position:-259px 0px;width:137px; height:138px;}
.homebanner li.hb4 a{background-position:-398px 0px;width:139px; height:138px;}
.homebanner li.hb5 a{background-position:-535px 0px;width:139px; height:138px;}
.homebanner li.hb6 a{background-position:-674px 0px;width:116px; height:138px;}

a img {
border:none
}

.sitemapmain {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
line-height:22px;
margin-bottom:18px
}

.sitemapleft {
height:100%;
width:330px;
float:left
}

.sitemapright {
height:100%;
width:550px;
float:right
}

.sitemapmain h1,h2 {
padding-left:0;
}

.sitemapmain h2 {
font-size:18px;
margin-left:0px;
}

.sitemapright ul {
list-style:none;
margin-left:20px
}

.sitemapright a:link,a:visited {
color:#eb008b;
text-decoration:underline;
font-weight:400;
font-size:12px
}

.sitemapright a:hover {
color:#13b5ea;
text-decoration:underline;
font-weight:400;
font-size:12px
}

.sitemapright a:active {
text-decoration:underline;
color:#eb008b;
font-weight:400;
font-size:12px
}

.container {
width:900px;
position:relative;
margin:0 auto
}

.header {
margin:0
}

.logo a {
background-image:url(img/imbibe-logo-glossy.png); /* Applies to IE6 and above. */
float:left;
height:115px;
width:195px;
margin:0 0 5px;
text-indent:-9999px
}

*+html .logo a { background-image:url(img/imbibe-logo-glossy_ie56.png); } /* Applies to IE7. */
* html .logo a { background-image:url(img/imbibe-logo-glossy_ie56.png); } /* Applies to IE6. */

.topbubble {
background-repeat:no-repeat;
height:74px;
width:898px;
clear:both;
padding-top:5px
}

.topbubble { background-image:url(img/bubblenav-topwhite.png); } /* Applies to IE6 and above. */
*+html .topbubble { background-image:url(img/bubblenav-topwhite.png); } /* Applies to IE7. */
* html .topbubble { background-image:url(img/bubblenav-topwhite_ie56.png); } /* Applies to IE6. */

.topbubblelarge {
height:140px;
width:900px;
clear:both;
padding-top:0
}

ul#iconnavwhat{margin:0; padding:0; list-style:none; clear:both; outline:none;}   
#iconnavwhat li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}   
#iconnavwhat li a{background:url('img/iconnavsprites_mag_what.png') no-repeat; width:100%; height:100%; display:block;}   

#iconnavwhat li.duplicate{width:225px; height:134px;}
#iconnavwhat li.duplicate a{background-position:0px 0px;}
#iconnavwhat li.duplicate a:hover{background-position:0px -144px;}
#iconnavwhat li.duplicate a.selected{background-position:0px -144px;}

#iconnavwhat li.create{width:225px; height:134px;}
#iconnavwhat li.create a{background-position:-225px 0px;}
#iconnavwhat li.create a:hover{background-position:-225px -144px;}
#iconnavwhat li.create a.selected{background-position:-225px -144px;}

#iconnavwhat li.innovate{width:225px; height:134px;}
#iconnavwhat li.innovate a{background-position:-450px 0px;}
#iconnavwhat li.innovate a:hover{background-position:-450px -144px;}
#iconnavwhat li.innovate a.selected{background-position:-450px -144px;}

#iconnavwhat li.other{width:225px; height:134px;}
#iconnavwhat li.other a{background-position:-675px 0px;}
#iconnavwhat li.other a:hover{background-position:-675px -144px;}
#iconnavwhat li.other a.selected{background-position:-675px -144px;}

ul#iconnavhow{margin:0; padding:0; list-style:none; clear:both; outline:none;}   
#iconnavhow li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}   
#iconnavhow li a{background:url('img/iconnavsprites_mag_how.png') no-repeat; width:100%; height:100%; display:block;}   

#iconnavhow li.flavors{width:150px; height:134px;}
#iconnavhow li.flavors a{background-position:0px 0px;}
#iconnavhow li.flavors a:hover{background-position:0px -144px;}
#iconnavhow li.flavors a.selected{background-position:0px -144px;}

#iconnavhow li.beverages{width:150px; height:134px;}
#iconnavhow li.beverages a{background-position:-150px 0px;}
#iconnavhow li.beverages a:hover{background-position:-150px -144px;}
#iconnavhow li.beverages a.selected{background-position:-150px -144px;}

#iconnavhow li.specs{width:150px; height:134px;}
#iconnavhow li.specs a{background-position:-300px 0px;}
#iconnavhow li.specs a:hover{background-position:-300px -144px;}
#iconnavhow li.specs a.selected{background-position:-300px -144px;}

#iconnavhow li.supplychain{width:150px; height:134px;}
#iconnavhow li.supplychain a{background-position:-450px 0px;}
#iconnavhow li.supplychain a:hover{background-position:-450px -144px;}
#iconnavhow li.supplychain a.selected{background-position:-450px -144px;}

#iconnavhow li.manufacturing{width:150px; height:134px;}
#iconnavhow li.manufacturing a{background-position:-600px 0px;}
#iconnavhow li.manufacturing a:hover{background-position:-600px -144px;}
#iconnavhow li.manufacturing a.selected{background-position:-600px -144px;}

#iconnavhow li.qalabs{width:150px; height:134px;}
#iconnavhow li.qalabs a{background-position:-750px 0px;}
#iconnavhow li.qalabs a:hover{background-position:-750px -144px;}
#iconnavhow li.qalabs a.selected{background-position:-750px -144px;}

ul#iconnavwhy{margin:0; padding:0; list-style:none; clear:both; outline:none;}   
#iconnavwhy li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}   
#iconnavwhy li a{background:url('img/iconnavsprites_why.png') no-repeat; width:100%; height:100%; display:block;}   

#iconnavwhy li.taste{width:225px; height:134px;}
#iconnavwhy li.taste a{background-position:0px 0px;}
#iconnavwhy li.taste a:hover{background-position:0px -144px;}
#iconnavwhy li.taste a.selected{background-position:0px -144px;}

#iconnavwhy li.looks{width:225px; height:134px;}
#iconnavwhy li.looks a{background-position:-225px 0px;}
#iconnavwhy li.looks a:hover{background-position:-225px -144px;}
#iconnavwhy li.looks a.selected{background-position:-225px -144px;}

#iconnavwhy li.feels{width:225px; height:134px;}
#iconnavwhy li.feels a{background-position:-450px 0px;}
#iconnavwhy li.feels a:hover{background-position:-450px -144px;}
#iconnavwhy li.feels a.selected{background-position:-450px -144px;}

#iconnavwhy li.value{width:225px; height:134px;}
#iconnavwhy li.value a{background-position:-675px 0px;}
#iconnavwhy li.value a:hover{background-position:-675px -144px;}
#iconnavwhy li.value a.selected{background-position:-675px -144px;}

.bottombubble {
height:40px;
width:900px
}

.bottombubble { background-image:url(img/bubblenav-bottom.png); } /* Applies to IE6 and above. */
*+html .bottombubble { background-image:url(img/bubblenav-bottom.png); } /* Applies to IE7. */
* html .bottombubble { background-image:url(img/bubblenav-bottom_ie56.png); } /* Applies to IE6. */

.page {
float:left;
background:#FFF url(img/bgsidebar.gif) repeat-y;
width:900px;
margin:0 auto
}

.bold {
color:#EB008B;
font-weight:700
}

.contentlarge {
background:#FFF;
width:880px;
float:left;
margin:0 auto;
padding:30px 0 0
}

.contentlargetest {
background:#FFF;
width:900px;
float:left;
margin:0 auto;
padding:30px 0 0
}

.rightcol {
float:right;
width:699px;
padding:30px 15px 0 0
}

.fadein {
position:relative;
height:390px;
width:390px;
float:left;
margin:0 15px
}

.fadein img {
position:absolute;
left:0;
top:0
}

.sidebox {
float:left;
width:162px;
margin-left:20px;
padding:30px 0 0
}

.sidebox h1 {
font-family: helveticaneueltpro-bd;
font-size:16px;
text-align:center;
color:#FFF;
height:52px;
width:151px;
background:url(img/sideheader.png) no-repeat;
padding:7px 5px 0;
line-height:18px;
}

.sidebox a:link, .sidebox a:visited {
font-size:12px;
color:#eb008b;
text-decoration:none;
font-weight:normal;
}

.sidebox a:hover {
font-size:12px;
color:#4d4d4d;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

.sidebox a:active {
font-size:12px;
color:#4d4d4d;
text-decoration:none;
font-weight:normal;
}

li.first {
background:url(img/sidenav_pink_small2.jpg) no-repeat;
height:26px;
width:162px;
list-style:none;
font-size:10px;
margin:-17px 0 0;
padding:2px 0 0 5px;
line-height:23px;
}

li.firsthere {
background:url(img/sidenav_pink_smallhere2.jpg) no-repeat;
height:26px;
width:162px;
list-style:none;
font-size:12px;
margin:-17px 0 0;
padding:2px 0 0 5px;
color:4d4d4d4;
font-weight:700;
line-height:23px;
}

li.even {
background:url(img/sidenav_pink_small2.jpg) no-repeat;
height:26px;
width:162px;
list-style:none;
font-size:10px;
margin:0;
padding:2px 0 0 5px;
line-height:23px;
}

li.evenhere { 
background:url(img/sidenav_pink_smallhere2.jpg) no-repeat;
height:26px;
width:162px;
list-style:none;
font-size:12px;
margin:0;
padding:2px 0 0 5px;
color:4d4d4d4;
font-weight:700;
line-height:23px;
}

li.odd {
background:url(img/sidenav_blue_small2.jpg) no-repeat;
height:26px;
width:162px;
list-style:none;
font-size:10px;
margin:0;
padding:2px 0 0 5px;
line-height:23px;
}

li.oddhere {
background:url(img/sidenav_blue_smallhere2.jpg) no-repeat;
height:26px;
width:162px;
list-style:none;
font-size:12px;
margin:0;
padding:2px 0 0 5px;
color:4d4d4d4;
font-weight:700;
line-height:23px;
}

.footer {
height:32px;
font-size:12px;
color:#4D4D4D;
background-image:url(img/footer.png);
background-repeat:repeat-x;
position:relative;
clear:both;
padding:7px 0
}

.footer a:link, .footer a:visited,.footer a:active {
color:#5a5a5a;
text-decoration:underline;
font-size:12px;
font-weight:400;
font-family:Verdana, Geneva, sans-serif
}

.footer a:hover {
color:#eb008b;
text-decoration:underline;
font-size:12px;
font-weight:400
}

.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0
}

fieldset {
border:none;
line-height:20px;
font-size:12px;
margin:40px 30px 30px 45px
}

input,textarea,select {
border:1px solid #13B5EA;
background-color:#F7F7F7
}

.emphasize {
font-family:Verdana, Geneva, sans-serif;
color:#000;
font-weight:700;
font-style:italic;
margin:0;
padding:0
}

.team {
background:url(img/team2.png) no-repeat;
height:744px;
width:900px;
margin:0 0 20px
}

#lightbox {
position:absolute;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0
}

#lightbox img {
width:auto;
height:auto
}

#lightbox a img {
border:none;
outline:none
}

#outerImageContainer {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto
}

#imageContainer {
padding:10px
}

#loading {
position:absolute;
top:40%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0
}

#hoverNav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10
}

#imageContainer>#hoverNav {
left:0
}

#hoverNav a {
outline:none
}

#prevLink,#nextLink {
width:49%;
height:100%;
background-image:url(data:image/gif;base64,AAAA);
display:block
}

#prevLink {
left:0;
float:left
}

#nextLink {
right:0;
float:right
}

#prevLink:hover,#prevLink:visited:hover {
background:url(img/prevlabel.gif) left 15% no-repeat

}

#nextLink:hover,#nextLink:visited:hover {
background:url(img/nextlabel.gif) right 15% no-repeat

}

#imageDataContainer {
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
line-height:1.4em;
overflow:auto;
width:100%;
margin:0 auto
}

#imageData {
color:#666;
padding:0 10px
}

#imageData #imageDetails {
width:70%;
float:left;
text-align:left
}

#imageData #caption {
font-weight:700
}

#imageData #numberDisplay {
display:block;
clear:left;
padding-bottom:1em
}

#imageData #bottomNavClose {
width:66px;
float:right;
padding-bottom:.7em;
outline:none
}

#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000
}

#nav {
height:116px;
width:702px;
float:right;
}

div.whatbuttonhere a {
background:url(img/what-on.gif) no-repeat;
float:left;
width:116px;
height:116px;
border:none;
margin:0 1px 0 0;
text-indent:-9999px
}

div.howbuttonhere a {
background:url(img/how-on.gif) no-repeat;
float:left;
width:116px;
height:116px;
border:none;
margin:0 1px 0 0;
text-indent:-9999px
}

div.whybuttonhere a {
background:url(img/why-on.gif) no-repeat;
float:left;
width:116px;
height:116px;
border:none;
margin:0 1px 0 0;
text-indent:-9999px
}

div.whobuttonhere a {
background:url(img/who-on.gif) no-repeat;
float:left;
width:116px;
height:116px;
border:none;
margin:0 1px 0 0;
text-indent:-9999px;
}

div.wherebuttonhere a {
background:url(img/where-on.gif) no-repeat;
float:left;
width:116px;
height:116px;
border:none;
margin:0 1px 0 0;
text-indent:-9999px
}

div.whenbuttonhere a {
background:url(img/when-on.gif) no-repeat;
float:left;
width:116px;
height:116px;
border:none;
margin:0 1px 0 0;
text-indent:-9999px
}

div.whatbutton a {
display:block;
width:116px;
height:116px;
overflow:hidden;
text-decoration:none;
background:url(img/what-off.gif) top center no-repeat;
margin:0;
padding:0;
text-indent:-9999px;
}

div.whatbutton a:hover {
background:url(img/what-on.gif) top center no-repeat

}

div.howbutton a {
display:block;
width:116px;
height:116px;
overflow:hidden;
text-decoration:none;
background:url(img/how-off.gif) top center no-repeat;
margin:0;
padding:0;
text-indent:-9999px;
}

div.howbutton a:hover {
background:url(img/how-on.gif) top center no-repeat

}

div.whybutton a {
display:block;
width:116px;
height:116px;
overflow:hidden;
text-decoration:none;
background:url(img/why-off.gif) top center no-repeat;
margin:0;
padding:0;
text-indent:-9999px;
}

div.whybutton a:hover {
background:url(img/why-on.gif) top center no-repeat

}

div.whobutton a {
display:block;
width:116px;
height:116px;
overflow:hidden;
text-decoration:none;
background:url(img/who-off.gif) top center no-repeat;
margin:0;
padding:0;
text-indent:-9999px;
}

div.whobutton a:hover {
background:url(img/who-on.gif) top center no-repeat

}

div.wherebutton a {
display:block;
width:116px;
height:116px;
overflow:hidden;
text-decoration:none;
background:url(img/where-off.gif) top center no-repeat;
margin:0;
padding:0;
text-indent:-9999px;
}

div.wherebutton a:hover {
background:url(img/where-on.gif) top center no-repeat

}

div.whenbutton a {
display:block;
width:116px;
height:116px;
overflow:hidden;
text-decoration:none;
background:url(img/when-off.gif) top center no-repeat;
margin:0;
padding:0;
text-indent:-9999px;
}

div.whenbutton a:hover {
background:url(img/when-on.gif) top center no-repeat

}

.centeredImage,.footer p {
text-align:center
}

li.flavors span,li.beverages span,li.specs span,li.manufacturing span,li.qalabs span {
display:block;
text-align:center;
height:134px;
width:150px;
cursor:pointer;
margin:0;
padding:0
}

li.duplicate span,li.create span,li.innovate span,li.other span,li.taste span,li.looks span,li.feels span,li.value span {
display:block;
text-align:center;
height:134px;
width:224px;
cursor:pointer;
margin:0;
padding:0
}


.breadcrumbs {
padding-top:10px;
height:30px;
font-size:12px;
color:#FFF;
font-weight:700
}

.breadcrumbs a:link, .breadcrumbs a:visited {
color:#FFF;
text-decoration:underline;
font-size:12px;
font-weight:700;
font-family:Verdana, Geneva, sans-serif
}

.breadcrumbs a:hover {
color:#EB008B;
text-decoration:underline;
font-size:12px;
font-weight:700
}

.breadcrumbs a:active {
color:#FFF;
text-decoration:underline;
font-size:12px;
font-weight:700;
font-family:Verdana, Geneva, sans-serif
}

div.whatbutton,div.howbutton,div.whybutton,div.whobutton,div.wherebutton,div.whenbutton {
float:left;
width:116px;
height:116px;
border:none;
margin:0 1px 0 0;
font-family:Verdana, Geneva, sans-serif
}

div.whatbutton span,div.howbutton span,div.whybutton span,div.whobutton span,div.wherebutton span,div.whenbutton span {
display:block;
text-align:center;
margin:0;
padding:9px 0 0
}

.cndnsdtbl {
font-size: 13px;
text-align:left;
margin-left:15px;
}