/* --------------------------------------------------------------------- */


/* HTML classes */


body {
background:url(/i/bg.gif) repeat-x #0187c7;
height:100%;
text-align:center;
min-width:972px;
padding:0 0 0 0;
margin:0;
font-size:12px;
font-family:arial, sans-serif;
color:#ffffff;
}

form {
margin:0;
padding:0;
}

blockquote {
padding:29px 47px 15px 47px;
margin:0;
font-family:verdana;
font-size:125%;
}

input,textarea,select,option {
font-family:arial;
font-size:100%;
}

p {
margin:0;
padding:0 0 1em 0;
}

h1 {
padding:0;
font-size:22px;
margin:0 0 .5em 0;
color:#c20b20;
}

h2 {
line-height:1em;
padding:0;
margin:0 0 8px 0;
font-size:18px;
}

h3 {
color:#ffffff;
font-weight:900;
font-family:arial,helvetica,sans-serif;
font-size:15px;
margin:0 0 8px 0;
padding:0 0 0 0;
}

h4 {
padding:0 0 0 0;
margin:0 0 2px 0;
}

h5 {
color:#000;
margin:0;
font-size:90%;
text-transform:uppercase;
letter-spacing:.05em;
}

dl {
margin:0;
padding:0 5px;
}

dt {
margin:0;
padding:0;
}

dd {
margin:0;
padding:0;
border:1px solid;
}

a {
font-weight:normal;
color:#ffffff;
text-decoration:underline;
}

a:hover {
text-decoration:underline;
}

a img {
border:0;
}

p a, .rightcol li a {
background:url(/i/bg-a.gif) 0 100% repeat-x;
font-weight:bold;
}

ul, ol, dl {
margin-top:0;
margin-bottom:1em;
}

li {
margin:0 0 1em 0;
}

select.short {
width:220px;
margin:0 0 10px 0;
}

dt {
margin:.5em 0 0 0;
font-size:110%;
font-weight:bold;
}

table {
margin:0 0 1em 0;
}

.leftcol span {
color:#ffffff;
}

hr {
height:1px;
border:0;
color:#ffffff;
background:#ffffff;
}

/* --------------------------------------------------------------------- */


/* layout classes */


.container {
padding:0;
margin:0 auto;
width:972px;
text-align:left;
position:relative;
}

.nav {
width:972px;
height:156px;
}

.body {
width:972px;
}

.contentbody {
background:url(/i/bg-brands-middle.gif) repeat-y #1b2775;
}

.contentfooter {
background:url(/i/bg-brands-bottom.gif) no-repeat left bottom transparent;
height:30px;
width:972px;
margin:0;
}

.contenttop {
background:url(/i/bg-brands-top.jpg) no-repeat transparent;
width:972px;
min-height:270px;
}

.logo {
}

.scroll {
width:404px;
top:155px;
background:url(/i/bg-scroll.gif) repeat-y 0px 120px transparent;
}

.scrolltop {
width:404px;
min-height:270px;
background:url(/i/bg-scroll-top.gif) no-repeat transparent;
}

.scrollcontent {
padding:25px 45px;
}

.scrollfooter {
width:404px;
height:42px;
background:url(/i/bg-scroll-bottom.gif) repeat-y transparent;
}

.footer {
text-align:left;
padding:5px 0 0 0;
margin:0 0 20px 0;
}

.clear {
font-size:1px;
height:1px;
clear:both;
margin:0;
padding:0;
}

.nutritional {
width:304px;
padding:0 0 0 0;
/* background:transparent url(/i/bg-nutritional.gif) no-repeat 0 368px; */
background:transparent url(/i/bg-nutritional.gif) no-repeat 0 0;
}

.nutritionalheading {
margin:2px 0 4px 9px;
}

.newproductheading {
margin:1px 0 4px 9px;
}

.nutritionalcontent {
padding:5px 25px 0 30px;
background:url(/i/bg-nutritional-top.gif) no-repeat 0 0 transparent;
}

.nutritionalcontent p {
margin:0;
padding:0;
}

.nutritionalfooter {
width:304px;
height:77px;

background:url(/i/bg-nutritional-bottom.gif) no-repeat 0 0 transparent;
}

.nutritionalfooter .disclaimer{
margin-left:30px;
}

#div_product_details{
min-height:200px
}


.back {
margin:-3px 50px 5px 0;
display:block;
text-align:right;
}

.scroller {
}

/* Corporate template classes */

.corporate {
margin:0 0 0 24px;
}

.corporate a {
color:#00acee;
}

.corporate .contentbody {
background:url(/i/bg-middle.gif) repeat-y #00acee;
}

.corporate .contentfooter {
background:url(/i/bg-bottom.gif) no-repeat left bottom transparent;
height:30px;
width:972px;
margin:0;
}

.corporate .contenttop {
background:url(/i/bg-corporate-top.jpg) no-repeat transparent;
width:972px;
min-height:270px;
}


.corporatebody {
background:url(/i/bg-corporate-middle.gif) no-repeat 0 50px transparent;
width:638px;
}

.corporatefooter {
background:url(/i/bg-corporate-bottom.gif) no-repeat left bottom transparent;
height:20px;
width:638px;
margin:0;
}

.corporatetop {
background:url(/i/bg-corporate-top.gif) no-repeat transparent;
padding:29px 47px 0 47px;
margin:0;
color:#037ec4;
}

.corporatetop p {
}

.corporatenav {
padding:0;
margin:0 0 0 22px;
clear:both;
height:32px;
}

.corporatenav td {
width:100px;
padding:0 2px 0 0;
margin:0 4px;
}

.corporatenav td a {
background:url(/i/bg-nav2.gif) no-repeat 0 0 transparent;
width:100px;
display:block;
text-decoration:none;
font-family:verdana;
font-size:100%;
color:#ffffff;
text-align:center;
float:left;
height:30px;
padding:4px 0 0 0;
}

.corporatenav td a span {
padding:0 7px;
display:block;
}

.corporatenav td.current a,.corporatenav td a:hover {
background:url(/i/bg-nav2b.gif) no-repeat 0 0 transparent;
color:#00517f;	
}

.corporatenutrition {
width:304px;
padding:400px 0 0 5px;
}

.corporatenutrition .nutritional {
/* background:url(/i/bg-nutritional.gif) no-repeat 0 321px transparent; */
background:url(/i/bg-nutritional.gif) no-repeat 0 0 transparent;
}

.corporatenutrition .nutritionalfooter {
background:url(/i/bg-nutritional-bottom2.gif) no-repeat 0 0 transparent;
}

.corporatenutrition .nutritionalcontent {
background:url(/i/bg-nutritional-top2.gif) no-repeat 0 0 transparent;
}

/* Factory template classes */

.factorybody {
background:url(/i/bg-factory.jpg) no-repeat top left transparent;
width:972px;
height:479px;
position:relative;
}

.frame {
position:absolute;
top:126px;
left:330px;
width:291px;
height:190px;
display:block;
}

.frame_birthday {
position:absolute;
top:330px;
left:18px;
width:210px;
height:190px;
display:block;
}

.survey_info {
position:absolute;
bottom:15px;
left:222px;
width:200px;
height:80px;
display:block;
}

.survey {
position:absolute;
bottom:15px;
right:274px;
width:230px;
height:80px;
display:block;
}

.bookatour {
position:absolute;
top:0px;
right:60px;
/*width:176px;*/
/*height:26px;*/
display:block;
}

.tourform {
position:absolute;
top:65px;
right:40px;
width:215px;
height:328px;
display:block;
}

.tourdisplay {
position:absolute;
top:65px;
right:40px;
width:215px;
height:328px;
display:block;
}

.tourform p {
margin:0;
padding:0;
}

.tourform .field  {
border:0;
background:#3689b4;
padding:1px;
margin:0 0 9px 4px;
color:#ffffff;
width:130px;
}

.smlfield{
border:0;
background:#3689b4;
padding:1px;
margin:0 0 9px 4px;
color:#ffffff;
width:80px;
}

.tourform select {
border:0;
background:#3689b4;
padding:1px;
margin:0 0 9px 4px;
color:#ffffff;
width:130px;
}

body.popup {
min-width:600px;
padding:20px;
text-align:left;
height:auto;
overflow:scroll;
}

body.popup li ul {
margin-top:1em;
margin-bottom:1em;
}

body.popup * {
color:white;
}

.moreinfo {
display:inline;
margin:8px 0 0 0;
}

.red {
color:red;
}

.results td {
padding:0 3px 6px 0;
}

/* Stuff To Do classes */

.icontable {
margin:40px 0 0 0;
}

.suggestionform {
width:215px;
display:block;
}

.suggestionform .field {
border:0;
background:#3689b4;
padding:1px;
margin:0 0 6px 0;
color:#ffffff;
width:110px;
}

.suggestionform select {
border:0;
background:#3689b4;
padding:1px;
margin:0 0 6px 0;
color:#ffffff;
width:110px;
}

.suggestionbox {
width:215px;
height:80px;
color:#ffffff;
border:0;
background:#3689b4;
padding:1px;
}

.recipes {
width:185px;
height:208px;
display:block;
}

.recipes:hover {
background:url(/i/icon-recipes.gif) no-repeat 0 0 transparent;
}

.competition {
width:177px;
height:229px;
display:block;
}

.competition:hover {
background:url(/i/icon-competition.gif) no-repeat 0 0 transparent;
}

.video {
width:177px;
height:208px;
display:block;
}

.video:hover {
background:url(/i/icon-video.gif) no-repeat 0 0 transparent;
}

.icecream {
width:177px;
height:229px;
display:block;
}

.icecream:hover {
background:url(/i/icon-icecreammaker.gif) no-repeat 0 0 transparent;
}

.birthday {
width:207px;
height:229px;
display:block;
}

.birthday:hover {
background:url(/i/icon-birthdayclub.gif) no-repeat 0 0 transparent;
}

.downloads {
width:207px;
height:208px;
display:block;
}

.downloads:hover {
background:url(/i/icon-downloads.gif) no-repeat 0 0 transparent;
}

.competition:hover img, .downloads:hover img, .video:hover img, .recipes:hover img, .birthday:hover img, .icecream:hover img {
visibility:hidden;
}

.winnersboard td{
background-color:#3d48a0;
padding:2px 4px;}

/* Recipes classes */

.printonly {
display:none;
}

/* Downloads */

.downloads {
padding:0 25px 0 0;
}

/* Brand classes */

.thumbtable {
margin:0 0 0 10px;
}

.thumbtable td {
padding:0 0 7px 10px;
}


/* New Footer classes */


.footer {
background:#0187c7;
padding:0;
text-align:center !important;
width:972px;
margin:0 auto;
}

.footer div {
padding:20px 45px 20px 45px;
text-align:left !important;
}

.footer a {
color:#b7dbfd;
text-decoration:none;
border-bottom:1px solid #65b6dd;
font-weight:normal;
}

.footer a:hover {
color:#ffffff;
border-bottom:1px solid #b7ddf1 !important;
text-decoration:none !important;
}

.facebook {
float:right;
background:url(/imgs/logo-facebook.gif) no-repeat right top transparent;
padding:0 67px 0 0;
text-decoration:none;
margin:0;
}

.pipe {
color:#65b6dd;
margin:0 10px 0 10px;
}

.footer a {
color:#b7dbfd;
}

.footer a:hover {
color:#ffffff;
}