/* New classes - Alan @ Federation Media, September/October 2009 */

body.creamy {
background:url(/imgs/bg.gif) repeat-x #0187c7;
height:auto;
text-align:center;
min-width:972px;
padding:0 0 0 0;
margin:0;
font-size:12px;
line-height:20px;
font-family:arial, sans-serif;
color:#ffffff;
}

body.home .footer {
/* padding:15px 45px 20px 45px; */
background:#0187c7;
margin:0 0 0 0;
font-size:12px;
}

body.home .footer a {
margin:0;
}

body.home .container {
background:0;
}

.creamy p {
line-height:20px;
margin:0 0 8px 0;
padding:0;
}

.creamy em {
color:#B7DBFD;
font-style:normal;
font-weight:normal;
}

.creamy .compact p {
margin:0 0 5px 0;
padding:0;
}

.creamy .compact li {
line-height:20px;
margin:0;
}

.creamy-top {
background:url(/imgs/bg-creamy-top.jpg) no-repeat top left transparent !important;


}

.faq .creamy-top {
background:url(/imgs/bg-plain.jpg) no-repeat top left transparent !important;
}

.creamy .container {
padding:0;
margin:0 auto;
width:972px;
text-align:left;
background:url(/imgs/bg-creamy.gif) repeat-y top left transparent;
}

.creamy .nav {
background:transparent; 
position:absolute;
z-index:10;
}

.creamy-layout {
padding:156px 0 0 0;
background:transparent;
}

.faq .creamy-layout {
padding:190px 0 0 0;
}

.creamy .footer {
background:url(/imgs/bg-footer.gif) no-repeat top left #0187c7;
padding:40px 0px 20px 0px !important;
text-align:center !important;
width:972px;
margin:0 auto;
}

.creamy .footer div {
padding:0 45px 20px 45px !important;
text-align:left !important;
}

/*

.creamy .footer a {
color:#b7dbfd;
}

.creamy .footer a:hover {
color:#ffffff;
}

*/

.creamy .disclaimer {
float:none;
text-align:left !important;
}


.creamy h2 {
font-size:30px;
line-height:25px;
margin:0 0 10px 0;
}


.creamy h2.lead {
font-size:30px;
line-height:25px;
padding:110px 0 0 0;
margin:0 0 10px 0;
color:#ffffff;
}



.creamy .panel-favourites h2.lead {

}

.creamy .trumpet h2.lead {
color:#ed1c24;
padding:230px 0 40px 0;
}

.creamy .trumpetftw h2.lead {
color:#ffffff;
padding:230px 0 40px 0;
}

.creamy .fruju h2.lead {
color:#ffffff;
padding:230px 0 40px 0;
}

.creamy h3 {
font-size:20px;
color:#ffd000;
line-height:1.2em !important;
}


.creamy h4 {
font-size:15px;
line-height:20px;
color:#ffffff;
margin:0 0 7px 0;
}

.creamy a {
text-decoration:none;
border-bottom:1px solid #65b6dd;
color:#ffffff;
font-weight:normal;
}

.creamy .panel-row td h4 a {
color:#B7DBFD !important;
border:none;
text-decoration:none;
}

.creamy .panel-row td h4 a:hover {
color:#ffffff;
}

.creamy .content-row td a {
display:inline !important;
text-decoration:none !important;
border-bottom:1px solid #65b6dd !important;
color:#ffffff !important;
}

.creamy a:hover, .creamy .content-row td a:hover {
border-bottom:1px solid #b7ddf1 !important;
text-decoration:none !important;
}

/*
  
.creamy .facebook {
float:right;
background:url(/imgs/logo-facebook.gif) no-repeat right top transparent;
padding:0 67px 0 0;
text-decoration:none;
margin:0;
}

.creamy .pipe {
color:#65b6dd;
margin:0 10px 0 10px;
}

*/

.creamy .panel-row {
margin:-46px 0 0 0;
width:972px;
height:390px;
background:url(/imgs/big-whatsnew.jpg) no-repeat 0 0 transparent;
}

.creamy .tiptoplanding { background:url(/imgs/big-tiptoplanding.jpg) no-repeat 0 0 transparent; }

.creamy .favourites { background:url(/imgs/big-favourites.jpg) no-repeat 0 0 transparent; }

.creamy .yoghurt { background:url(/imgs/big-yoghurt.jpg) no-repeat 0 0 transparent; }

.creamy .rewards { background:url(/imgs/big-rewards.jpg) no-repeat 0 0 transparent; }

.creamy .trumpet { background:url(/imgs/big-trumpet.jpg) no-repeat 0 0 transparent; }

.creamy .trumpetftw { background:url(/imgs/big_trumpet_ftw.jpg) no-repeat 0 0 transparent; }

.creamy .mm { background:url(/imgs/big-whatsnew-hunt.jpg) no-repeat 0 0 transparent; }

.creamy .ftw { background:url(/imgs/big-whatsnew-ftw.jpg) no-repeat 0 0 transparent; }

.creamy .fruju { background:url(/imgs/big_fruju-fruitwhip.jpg) no-repeat 0 0 transparent; }

.creamy .hunt { background:url(/imgs/big-whatsnew-hunt.jpg) no-repeat 0 0 transparent; }

.creamy .classics { background:url(/imgs/big-whatsnew-classics.jpg) no-repeat 0 0 transparent; }

.creamy .rockyroad { background:url(/imgs/big-whatsnew-rockyroad.jpg) no-repeat 0 0 transparent; }

.creamy .mmscratch { background:url(/imgs/big-whatsnew-memphis-scratch.jpg) no-repeat 0 0 transparent; }

.faq .panel-row { background:transparent; }

.creamy .panel-row a {
display:block;
border:none !important;
text-decoration:none;
color:#b7dbfd;
}

.creamy .panel-row a:hover {
color:#ffffff !important;
}

.creamy .panel-row h2 a.current, .panel-row h2 a:hover {
color:#ffffff !important;
}

.creamy .panel-row span {
font-size:15px;
line-height:20px;
display:block;
}

.creamy h2:hover {
color:#ffffff;
}

.creamy .panel-a {
width:210px;
padding:287px 7px 0 0;
margin:65px 0 0 0;
}

.creamy .panel-b {
width:208px;
padding:287px 7px 0 0;
margin:65px 0 0 0;
}

.creamy .panel-c {
width:208px;
padding:287px 7px 0 0;
margin:65px 0 0 0;
}

.creamy .panel-d {
width:210px;
padding:287px 7px 0 0;
margin:65px 0 0 0;
}

.creamy .thirds .panel-a {
width:280px;
padding:287px 7px 0 0;
margin:65px 0 0 0;
}

.creamy .thirds .panel-b {
width:280px;
padding:287px 7px 0 0;
margin:65px 0 0 0;
}

.creamy .thirds .panel-c {
width:282px;
padding:287px 7px 0 0;
margin:65px 0 0 0;
}

.creamy .panel-left {
padding-left:52px;
width:auto;
}

.creamy .favourites {

}



.creamy .panel-favourites div {
padding:0 0 0 70px;
width:440px;
display:block;
min-height:340px;
}

.creamy hr {
color:#36a0d3;
background:#36a0d3;
}

.creamy .panel-row hr {
margin:12px 10px 20px 0;    
}

.creamy .panel-row hr.current {
display:none;    
}

.creamy .panel-row .panel-right hr {
margin:12px 0 20px 0;    
}

.creamy .arrow hr {
display:none;
}

.creamy td.arrow-row {
position:relative !important;
}

.down-arrow {
position:relative;
z-index:5;
left:-12px;
}

.creamy hr.divider {
width:862px;
margin:10px 52px 15px 0;
}


.creamy .content-row td {
padding-right:7px !important;
padding-bottom:0;
}

.creamy ul {
margin:0 0 10px 0;
}

.creamy .read-all-about-it ul {
list-style:none;
margin:0;
padding:0 0 0 0;
width:600px;
}

.creamy .read-all-about-it ul li {
list-style:none;
margin:0 0 10px 0;
padding:0 0 0 20px;
background:url(/imgs/bullet-creamy.gif) no-repeat 0 4px transparent;
font-size:15px;
}

.creamy .read-all-about-it h3 {
white-space:nowrap;
}

.creamy .content-row td a.no-border {
border:none !important;
}

.creamy .content-row td.main-block {
padding:0 10px 10px 0 !important;
}

.creamy .panel-right, .creamy .content-row td.panel-right {
padding-right:50px !important;
width:215px;
}



.landing-button {
background:url(/imgs/button-favourites.jpg) no-repeat 0 0 transparent;
display:block;
width:278px;
height:104px;
padding:0;
margin:0;
overflow:hidden;
vertical-align:middle;
}

.rewards-button {
background:url(/imgs/button-rewards.jpg) no-repeat 0 0 transparent;
}

.yoghurt-button {
background:url(/imgs/button-yoghurt.jpg) no-repeat 0 0 transparent;
}



.accordion_toggle {
display:block !important;
color:#B7DBFD !important;
margin:0 0 15px 0 !important;
padding:0 0 0 20px !important;
background:url(/imgs/bullet-creamy.gif) no-repeat 0 4px transparent;
}

.accordion_content {
padding:0 52px 0 20px !important;
margin:0 0 20px 0 !important;
}

.accordion_toggle:hover {
}

.listing {
padding:0 0 20px 0;
}

.creamy-contact input {
width:350px;
font-size:12px;
border:2px solid #B7DBFD;
padding:3px 6px;
color:#002f46;
margin:0 0 15px 0;
}

.creamy-contact textarea {
width:350px;
height:120px;
font-size:12px;
border:2px solid #B7DBFD;
padding:3px 6px;
line-height:1.5em;
color:#002f46;
}

.creamy-contact .send-button {
width:117px;
height:50px;
margin:20px 0 50px 0;
border:0;
}

.brands-contact input {
width:270px;
font-size:12px;
border:2px solid #B7DBFD;
padding:3px 6px;
color:#002f46;
margin:10px 0 0px 0;
}

.brands-contact textarea {
width:270px;
height:120px;
font-size:12px;
border:2px solid #B7DBFD;
padding:3px 6px;
line-height:1.5em;
color:#002f46;
margin:10px 0 0px 0;
}

.brands-contact .send-button {
width:117px;
height:50px;
margin:5px 0px;
border:0;
}

.threecolumn {
width:600px;
}

.panel-left h3 {
display:inline;
white-space:normal;
}


#container #center {
border:1px solid #36a0d3 !important;
display:block;
background:#36a0d3;
width:340px;
height:220px;
}

#container #trumpetftw_tvc {
border:1px solid #36a0d3 !important;
display:block;
background:#36a0d3;
width:410px;
height:240px;
}

#container #trumpetmms_tvc {
border:1px solid #36a0d3 !important;
display:block;
background:#36a0d3;
width:410px;
height:240px;
}

#container #fruitwhip_tvc {
border:1px solid #36a0d3 !important;
display:block;
background:#36a0d3;
width:400px;
height:210px;
}

#container #yoghurttvc{
border:1px solid #36a0d3 !important;
display:block;
background:#36a0d3;
width:340px;
height:191px;
}


.content-row span {
font-size:12px !important;
margin:7px 0 0 0;
}

.superscript {
margin:-6px 0 0 0 !important;
}

.panel-row sup {
font-style:normal !important;
display:inline !important;
font-size:10px;
}

.content-row ul {
margin:0;
padding:0 0 10px 0;
display:block;
list-style:none;
}

.content-row li {
display:list-item;
margin:0 0 0 0;
padding:0 0 5px 15px;
background:url(/imgs/bullet-regular.gif) no-repeat 0 6px transparent;
}

.link-jump {
position:absolute;
top:150px;
z-index:10;
display:block;
}



/* Nutritional Info classes */

.nutritional,.nutritionalfooter,.nutritionalcontent {
background:0;
}

.nutritionalheading,#div_product_details div img {
display:none;
}

.nutritional {
margin:0 0 20px 0;
width:auto;
}

.nutritionalcontent {
padding:0;
}

.nutritionalcontent table td {
border-bottom:1px solid #36a0d3;
padding:5px 0 5px 0 !important;
}

.small_font {
font-size:12px !important;
}

.small_font_sub_title {
margin:0;
padding:0;
}

.creamy .nutritionalcontent strong {
font-weight:normal;
}

.creamy .nutritionalcontent .small_font strong {
font-size:20px !important;
line-height:20px;
color:#ffd000;
white-space:nowrap;
padding:0 15px 15px 0;
display:block;
}

.nutritionalfooter {
height:auto;
width:auto;
}

#category {
}

#category_sub {
}

#div_product_list {
}

#div_product_details {
width:auto;
}

#div_product_details p {
font-size:10px;
color:#ffffff;
font-weight:normal;
width:auto;
}


.landing-button span {
padding:15px 0 0 58px;
font-size:20px !important;
text-transform:lowercase;
display:block;
vertical-align:middle;
}

.videothumbs {
border:1px solid #36A0D3;
text-align:center;
padding:4px;}

.videothumbsactive {
border:1px solid #ffffff;
text-align:center;
padding:4px;}

.fliplidcontainer {
float:right;
position:absolute;
right:-70px;
top:160px;
width:350px;}