/*Stuart Johnston CSS - it's the Bees Knees*/

@font-face
{
    font-family: 'FuturaBold';
    src: url('../../Includes/Fonts/Actimel/tt0202m-webfont.eot');
    src: local('Futura'), local('FuturaBT-BoldCondensed'), url('../../Includes/Fonts/Actimel/tt0202m-webfont.woff') format('woff'), url('../../Includes/Fonts/Actimel/tt0202m-webfont.ttf') format('truetype'), url('../../Includes/Fonts/Actimel/tt0202m-webfont.svg#webfontMIsaPfWC') format('svg');
    font-weight: normal;
    font-style: normal;
}

html
{
    font-size: 100%;
    height: 100%;
}

body
{
    text-align: left;
    font-family: Arial,Verdana,sans-serif;
    font-size: .721em;
    background-color: #fff;
    color: #333;
    background-color:#fff;
    height: 100%;
}



u
{
    text-decoration: none;
}
legend
{
    display: none;
}

.invisible
{
    display: none;
}
.hide
{
    position: absolute;
    top: -9999px;
}
.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}
.clearBoth
{
    clear: both;
}
/*	Clearfix method for floated elements	*/
.clearFix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*	IE7 hack */
.clearFix
{
    display: inline-block;
}
.clearFix
{
    display: block;
}
/*	Clear floats on a background */
.theBreaker
{
    height: 0.005em;
    clear: both;
    overflow: hidden;
}
/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{
    position: relative;
    margin: 0px;
    padding: 0px; /* hide overflow:hidden from IE5/Mac */ /* \*/
    overflow: hidden; /* */
}
.replace span
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1; /*for Opera 5 and 6*/
}
/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span
{ 
	width:300px;
	height:100px; 
	background-image: url(head.png); 
} 
*/


/* begin normal CCS*/

/* Titles. */
h1, h2, h3, h4, h5, h6
{
    line-height: 1.3;
}

h1
{
    font-size: 2.2em;
    font-weight: 300;
    margin: 0;
}

h2
{
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 0.3em;
    clear:both;
}

h3
{
    font-size: 1.2em;
    margin-bottom: 0;
    font-weight: bold;
}

h4
{
    font-size: 1.1em;
    margin-bottom: 0.8em;
}

h5
{
    font-size: 1.0em;
    font-weight: 600;
    margin-bottom: 0;
}

h6
{
    font-size: 1em;
    font-weight: bold;
}

/* Paragraph styles. */
p, ul, ol
{
    margin: 0 0 1em 0;
}

#container
{
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    background: #fff url(../../SiteImages/Common/bodyBG.jpg) 0 0 no-repeat;

}

/*secondary navigation*/

#secondaryNavigation
{
    width: 220px;
    text-align: center;
    padding: 0;
    float:right;
    margin-right: -30px;
}

#secondaryNavigation h2,
#secondaryNavigationSpecial h2
{
    color:#B245A0;
    font-family:'FuturaBold',sans-serif;
    font-size:3.2em;
    line-height:0.8;
    margin-bottom:40px;
    text-transform:uppercase;
    text-align:center;
    padding: 0 15%;
    
}

#secondaryNavigationSpecial h2
{
    margin-bottom: 27px;
}

#secondaryNavigation h2 span
{
    font-size: 0.8em;
    display: block;
}

#secondaryNavigation a
{
    font-weight: normal;
    font-style: bold;
    font-family: 'FuturaBold' , sans-serif;
    width: 100%;
    height: 100%;
    font-size: 22px;
    text-decoration: none;
    color: #fff;
    line-height: 1;
    outline: 0 none;

    font-style: normal;
    cursor: pointer;
}

#secondaryNavigation a:focus, #secondaryNavigation a:hover
{
    outline: none;
    background-color: transparent;
}

#secondaryNavigation .skin01
{
    background-color: #2B70B5;
}

#secondaryNavigation .current
{
    /*border: 3px solid #b245a0;*/
    box-shadow: 5px 5px 5px #ccc;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
}

#secondaryNavigation .current a
{
    font-size: 30px;
}

#secondaryNavigation .skin02
{
    background-color: #3CC7F2;
}

#secondaryNavigation .skin03
{
    background-color: #76B04A;
}

#secondaryNavigation .skin04
{
    background-color: #E03B35;
}

#secondaryNavigation .skin05
{
    background-color: #F3C200;
}

#secondaryNavigation .skin06
{
    background-color: #B245A0;
}

#secondaryNavigation ul
{
    text-align: center;
    list-style: none;
    margin: 0;
}

#secondaryNavigation ul li
{
    height: 100%;
    padding: 4px 0;
}

#secondaryNavigation ul li div
{
    border: 2px solid white;
    padding: 8px 15px;
    display: inline-block;
}

/*fabulous flavours secondary navigation*/
#secondaryNavigationSpecial
{
    width: 144px;
    float: right;
}

#secondaryNavigationSpecial h3
{
    font-weight: normal;
    font-style: bold;
    font-family: 'FuturaBold' , sans-serif;
    text-transform: uppercase;
    color: #75a7d9;
    font-size: 1.4em;
}

#secondaryNavigationSpecial ul
{
    list-style-type:none;
    list-style-position:outside;
}

#secondaryNavigationSpecial ul li a
{
    display: block;
    border-bottom: 1px solid #bfd4e9;
    font-family: 'FuturaBold' , sans-serif;
    font-style: normal;
    text-decoration: none;
    font-size: 1.4em;
    padding: 0.3em 0.6em;
    cursor:pointer;
    
}

#secondaryNavigationSpecial ul li a:hover,
#secondaryNavigationSpecial ul li a:focus
{
    background-color:#2b70b5;
}

/*primary navigation*/

#primaryNavigation
{
    background-color: #6D7882;
    overflow: hidden;
    float: right;
    width: 780px;
    font-family: 'FuturaBold' , sans-serif;
    margin-top: 17px;
}



#primaryNavigation .gutter
{
    margin: 2px;
    display: inline;
    background: #2577CA url(../../SiteImages/Common/primaryNavigationBG.gif) 0 0 repeat-x;
    float: left;
    width: 776px;
}

#primaryNavigation li
{
    float: left;
    line-height: 26px;
    text-align: center;
    padding: 0 20px;
    border-right: 1px solid #133E69;
    font-size: 1.4em;
}

.safari #primaryNavigation li {font-size: 12px;}

#primaryNavigation ul
{
    list-style: none;
    margin: 0;
}

#primaryNavigation li.last
{
    border: 0 none;
}

#primaryNavigation li a
{
    text-decoration: none;
    color: #fff;
    font-style: normal;
}

#primaryNavigation li a:hover, #primaryNavigation li a:focus, #primaryNavigation li.current a
{
    color: #f6d502;
    outline: none;
    background-color: transparent;
}

h1
{
    font-family: 'FuturaBold' , sans-serif;
    font-size: 2.6em;
    color: #2b70b5;
}

h2,
.form fieldset legend
{
    font-size: 1.6em;
    color: #b245a0;
    font-weight: bold;
}

.standfirst
{
    color: #b245a0;
    font-weight: bold;
    font-size: 1.1em;
}

p, li
{
    line-height: 1.4;
}

ul
{
    list-style-type: disc;
    list-style-position: inside;
}

ol
{
    list-style-type: decimal;
    list-style-position: inside;
}

a
{
    color: #1d6eb8;
}

a:hover, a:focus
{
    color: #fff;
    background-color: #1d6eb8;
    text-decoration: none;
}

/*inline images*/
img.left
{
    border: 3px solid #2B70B5;
    float: left;
    margin: 0.3em 1em 0.3em 0;
}
img.right
{
    border: 3px solid #2B70B5;
    float: right;
    margin: 0.3em 0 0.3em 1em;
}

/*hrecipe*/

.hrecipe,
.recipeListing
{
    padding: 1em 0;
    border-bottom: 1px dotted #B7B7B7;
    border-top: 1px dotted #B7B7B7;
    margin-bottom: 1em;
}

#flipper
{
    zoom:1;
    position:relative;
    display: block;
}



.recipeListing 
{
    border-bottom: 0 none;
}

.recipe
{
    border-bottom: 1px dotted #B7B7B7;
    margin-bottom: 1em;
}

.recipe h2 a
{
    text-decoration: none;
    color:#B245A0;
    background-color:transparent;
}

.recipe h2 a:hover,
.recipe h2 a:active
{
    background-color:transparent;
}

p#btnAddARecipe a
{
    text-decoration: none;
    width: 122px;
    height: 46px;
    background: url(../../SiteImages/Buttons/btnAddARecipe.jpg) 0 0 no-repeat;
    text-indent:-9999em;
    overflow: hidden;
    display: block;
}

a#shareYourActivity
{
    text-decoration: none;
    width: 180px;
    height: 46px;
    background: url(../../SiteImages/Buttons/btnShareYourActiviity.jpg) 0 0 no-repeat;
    text-indent:-9999em;
    overflow: hidden;
    display: block;
}


.recipe h2 a:hover
{
    text-decoration: underline;
    color:#B245A0;
    background-color: transparent;
}

/* Star Rating */
.star-0, .star-1, .star-2, .star-3, .star-4, .star-5
{
    display: block;
    width: 79px;
    height: 15px;
    text-indent: -999em;
    overflow: hidden;
}
.star-0
{
    background: url(../../SiteImages/Template/star_0.png) 0 0 no-repeat;
}
.star-1
{
    background: url(../../SiteImages/Template/star_1.png) 0 0 no-repeat;
}
.star-2
{
    background: url(../../SiteImages/Template/star_2.png) 0 0 no-repeat;
}
.star-3
{
    background: url(../../SiteImages/Template/star_3.png) 0 0 no-repeat;
}
.star-4
{
    background: url(../../SiteImages/Template/star_4.png) 0 0 no-repeat;
}
.star-5
{
    background: url(../../SiteImages/Template/star_5.png) 0 0 no-repeat;
}
* html .star-0
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SiteImages/Template/star_0.png', sizingMethod='scale');
}
* html .star-1
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SiteImages/Template/star_1.png', sizingMethod='scale');
}
* html .star-2
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SiteImages/Template/star_2.png', sizingMethod='scale');
}
* html .star-3
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SiteImages/Template/star_3.png', sizingMethod='scale');
}
* html .star-4
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SiteImages/Template/star_4.png', sizingMethod='scale');
}
* html .star-5
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SiteImages/Template/star_5.png', sizingMethod='scale');
}

/* Ratings */
.rater, .rater a:hover, .rater a:active, .rater a:focus, .rater .current-rating
{
    background: url(../../SiteImages/Template/star.gif) left top repeat-x;
}
.rater
{
    position: relative;
    width: 80px;
    height: 16px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-position: left top;
}
.rater li
{
    display: inline !important;
    padding: 0 !important;
}
.rater a, .rater .current-rating
{
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
    height: 15px;
    line-height: 15px;
    outline: none;
    overflow: hidden;
    border: none;
}
.rater a:hover, .rater a:active, .rater a:focus
{
    background-position: left bottom;
}
.rater a.star_1
{
    width: 20%;
    z-index: 6;
}
.rater a.star_2
{
    width: 40%;
    z-index: 5;
}
.rater a.star_3
{
    width: 60%;
    z-index: 4;
}
.rater a.star_4
{
    width: 80%;
    z-index: 3;
}
.rater a.star_5
{
    width: 100%;
    z-index: 2;
}
.rater .current-rating
{
    z-index: 1;
    background-position: left center;
}

/*layout*/

#header
{
    margin-top: 30px;
}

#content
{
    overflow: hidden;
}

#mainContent
{
    width: 450px;
    float:left;
    min-height: 550px;
    margin-top: 30px;
}

#flexible
{
    width: 300px;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
}

#extra
{
    width:204px;
    float: right;
}

#footer
{
   margin-top: 30px;
   overflow:hidden;
   background: #fff url(../../SiteImages/DanoneLogo.gif) right bottom no-repeat ;
   height: 125px;
   margin-bottom: 0;
}

#siteInformation
{
    margin:0 auto;
overflow:hidden;
width:1038px;
}

#siteInformation ul
{
    margin: 0;
    list-style-type: none;
}

#siteInformation ul li
{
    
    padding: 0;
    margin: 0;
    display: inline;
}

#siteInformation ul li a
{
    font-style: normal;
    padding: 0;
    margin: 0;
    float: left;
    border-right: 1px solid #c5c3bf;
    padding: 0.1em 0.5em;
    text-decoration: none;
}

#siteInformation ul li.last a
{
    border: 0 none;
}

#branding
{
    overflow: hidden;
    margin-bottom: 13px;
    position: relative;
    height: 58px;
}

#branding #brandingHome
{
    width: 152px;
    height: 58px;
    display: block;
    position:absolute;
    bottom: 0;
    left: 47px;
    background: url(../../SiteImages/Common/actimelLogo.png) 0 0 no-repeat;
    text-indent: -9999em;
    
}

#pageHome #branding #brandingHome
{
    left: 10px;
}

#branding #brandingHome:hover,
#facebook:hover,
#signUpLink a:hover,
#branding #brandingHome:focus,
#facebook:focus,
#signUpLink a:focus
{
    background-color:transparent;
}

#facebookLike
{
    width: 200px;
    height: 35px;
    float: left;
    margin: 1em 1em 1em 0;
    clear: both;
}

/*related pages*/

#relatedPages
{
    margin: 23px;
}
#relatedPages h2
{
    font-size: 1em;
    text-transform: uppercase;
    color: #000;
}

#signUpLink img
{
    width: 204px;
}

/*flavour selectors*/
.flavourSelector
{
    
}

.flavourSelector ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.flavourSelector ul li
{
    float: left;
    display: inline;
    margin-right: 3px;
    margin-bottom: 3px;
}

.flavourSelector ul li.last
{
    margin-right: 0;
}

.flavourSelector ul li a
{
 
}

.flavourSelector ul li a img
{
    float:left;
    width: 148px;
}

/*actimel in your life*/
#thumbnails 
{
    border-top: 1px dotted #B7B7B7;
    padding-top: 1em;
}

#thumbnails ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#thumbnails ul li
{
    float: left;
    display: inline;
    margin-right: 3px;
    margin-bottom: 3px;
}

#thumbnails ul li.last
{
    margin-right: 0;
}

#thumbnails ul li a img
{
    float:left;
    width: 148px;
    height: 204px;
}
#closingText
{
    margin: 1em 0;
    border-bottom: 1px dotted #B7B7B7;
}

/*home page specific*/
#pageHome #container
{
    background-image: none;
    width: 960px;
}

#pageHome #mainContent
{
    width: 696px;
    height: 287px;
    min-height:0;
    float: left;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    overflow: hidden;
}

#pageHome #flexible
{
    width: 702px;
    height: 153px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#pageHome #flexible #secondary
{
    float: left;
}

#pageHome #flexible #tertiary
{
    float: right;
}

#pageHome #extra
{
    margin: 0;
    padding: 0;
    float: right;
    width: 234px;
    overflow: hidden;
}

/* flavours page specific*/

/*
blueberry
cherry
coconut
multifruit
orange
original
raspberry
strawberry
strawberryAndBanana 
vanilla
ffOriginal
ffPeachAndMango
ffRaspberry
ffStrawberry
*/

/*box*/

#overlay.hide
{
    top: -9999em;
}

#overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#eee;
    opacity: 0.85;
    filter:alpha(opacity=85);
    z-index:1000;
    zoom:1;
}


#box.hide
{
    top: -9999em;
}

#box
{
    width: 782px;
    height: 600px;
    margin: 0 auto;
    z-index:1000;
    bottom: 0;
    position:absolute;
    z-index:1001;
}

#box #close
{
    color:#fff;
    text-decoration: none;
    line-height:normal;
    position: absolute;
    top: 18px;
    right: 18px;
    width: 49px;
    height: 19px;
    display:block;
    text-indent: -9999em;
    opacity: 0.75;
    filter:alpha(opacity=75);
}

#box #close:hover,
#box #close:focus
{
    opacity: 1.00;
    filter:alpha(opacity=100);
}

#box .boxNavigation
{
    position: absolute;
    top: 239px;
    right: 0;
    width: 60px;
    height: 60px;
    display: block;
    z-index: 1000;
    text-indent: -9999em;
    opacity: 0.75;
    filter:alpha(opacity=75);
    background-color: transparent;
}

#box .boxNavigation:hover,
#box .boxNavigation:focus
{
    opacity: 1.00;
    filter:alpha(opacity=100);
}

#box #forward
{
    right: 3px;
}

#box #backward
{
    left: 3px;
}

/*fabulous flavours*/

#flavour
{
    overflow: hidden;
    padding: 18px 18px 0 18px;
    color: #fff;
    font-size: .923em;
}

#flavour p
{
    margin-bottom: 0.5em;
}

#flavour table
{
    border-collapse: collapse;
}

#flavour h1
{
    color: #fff;
    border-bottom: 1px solid;
    margin-bottom: 16px;
    text-shadow: 0 0 2px #fff;
}

#flavour #productImage
{
    width: 142px;
    float:left;
}

#flavour p.ingredients
{
    padding-left: 142px;
}

#flavour #productImage img
{
    width: 142px;
}

#flavour table
{
    float:left;
    clear:both;
    width: 100%;
    margin: 1em 0 1em 0;
    opacity: 0.85;
    filter:alpha(opacity=85);
    
}

#flavour table th
{
    padding: 11px 16px;
    font-weight: bold;
}

#flavour table td
{
    padding: 5px 16px;
    font-weight: bold;
}

#flavour strong
{
    font-weight: bold;
}

/*box flavour layout variation*/

#box #flavour
{
    padding:18px 94px 0 18px;
    min-height: 520px;
    border: 3px solid #fff;
    -moz-box-shadow: 0 0 50px #333;
    -webkit-box-shadow: 0 0 50px #333;
 }

#box #flavour img,
#box #flavour #productImage
{
    width: 277px;
}

#box #flavour .packSize,
#box #flavour .ingredients,
#box #flavour #nutritionalInfo,
#box #flavour .rda,
#box #flavour h1
{
    z-index: 1000;
    position:relative;
}

#box #flavour .ingredients
{
    padding-left: 0;
}

#box #flavour #productImage
{
    position:absolute;
    top: 56px;
    left: 20px;
    z-index:1;
}

#box #flavourGutter
{
    float:right;
    width: 415px;
    margin: 1em 0 1em 0;
}

#box #flavour table
{
    margin: 0 0 1em 0;
    clear: none;
}


#flavour .rda
{
    clear:both;
    margin-bottom:1em;
}



/*fabulous flavours skins*/

/*blueberry*/
.blueberry #flavour
{
    background-color:#7285a8;
}

.blueberry #flavour h1
{
    border-bottom-color:#9daac3;
}

.blueberry #flavour th
{
    background-color:#364052;
}

.blueberry #flavour td
{
    background-color: #dce0e9;
    color:#364052;
}
.blueberry #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/blueberry/close.jpg);
}

.blueberry #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/blueberry/forward.jpg);
}

.blueberry #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/blueberry/backward.jpg);
}
/*cherry*/
.cherry #flavour
{
    background-color:#c0214f;
}

.cherry #flavour h1
{
    border-bottom-color:#D36585;
}

.cherry #flavour th
{
    background-color:#7D1533;
}

.cherry #flavour td
{
    background-color: #EFC7D3;
    color:#7D1533;
}
.cherry #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/cherry/close.jpg);
}

.cherry #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/cherry/forward.jpg);
}

.cherry #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/cherry/backward.jpg);
}

/*coconut*/
.coconut #flavour
{
    background-color:#7D6044;
}

.coconut #flavour h1
{
    border-bottom-color:#A4907C;
}

.coconut #flavour th
{
    background-color:#4A3017;
}

.coconut #flavour td
{
    background-color: #DED7D0;
    color:#4A3017;
}
.coconut #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/coconut/close.jpg);
}

.coconut #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/coconut/forward.jpg);
}

.coconut #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/coconut/backward.jpg);
}

/*multifruit*/
.multifruit #flavour
{
    background-color:#178849;
}

.multifruit #flavour h1
{
    border-bottom-color:#5EAC81;
}

.multifruit #flavour th
{
    background-color:#105E32;
}

.multifruit #flavour td
{
    background-color: #C5E1D1;
    color:#105E32;
}
.multifruit #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/multifruit/close.jpg);
}

.multifruit #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/multifruit/forward.jpg);
}

.multifruit #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/multifruit/backward.jpg);
}

/*orange*/
.orange #flavour
{
    background-color:#FF9220;
}

.orange #flavour h1
{
    border-bottom-color:#FFB363;
}

.orange #flavour th
{
    background-color:#A96115;
}

.orange #flavour td
{
    background-color: #FFE4C7;
    color:#A96115;
}
.orange #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/orange/close.jpg);
}

.orange #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/orange/forward.jpg);
}

.orange #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/orange/backward.jpg);
}

/*original*/
.original #flavour
{
    background-color:#BBE9FF;
}

.original #flavour p
{
    color:#387999;
}

.original #flavour h1
{
    border-bottom-color:#CBE7F5;
}

.original #flavour th
{
    background-color:#387999;
}

.original #flavour td
{
    background-color: #ECF6FB;
    color:#387999;
}
.original #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/original/close.jpg);
}

.original #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/original/forward.jpg);
}

.original #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/original/backward.jpg);
}

/*raspberry*/
.raspberry #flavour
{
    background-color:#e65da4;
}

.raspberry #flavour h1
{
    border-bottom-color:#ee8fc0;
}

.raspberry #flavour th
{
    background-color:#83003E;
}

.raspberry #flavour td
{
    background-color: #F0CCDD;
    color:#83003E;
}
.raspberry #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/raspberry/close.jpg);
}

.raspberry #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/raspberry/forward.jpg);
}

.raspberry #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/raspberry/backward.jpg);
}

/*strawberry*/
.strawberry #flavour
{
    background-color:#F34048;
}

.strawberry #flavour h1
{
    border-bottom-color:#F77A80;
}

.strawberry #flavour th
{
    background-color:#9E2A2F;
}

.strawberry #flavour td
{
    background-color: #FCCFD1;
    color:#9E2A2F;
}
.strawberry #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/strawberry/close.jpg);
}

.strawberry #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/strawberry/forward.jpg);
}

.strawberry #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/strawberry/backward.jpg);
}

/*vanilla*/
.vanilla #flavour
{
    background-color:#F0DD92;
}

.vanilla #flavour p
{
    color:#4E4024;
}

.vanilla #flavour h1
{
    border-bottom-color:#F5E7B3;
}

.vanilla #flavour th
{
    background-color:#4E4024;
}

.vanilla #flavour td
{
    background-color: #FBF6E4;
    color:#4E4024;
}
.vanilla #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/vanilla/close.jpg);
}

.vanilla #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/vanilla/forward.jpg);
}

.vanilla #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/vanilla/backward.jpg);
}

/*strawberry & banana*/
.strawberryAndBanana #flavour
{
    background-color:#fff268;
    color:#e23035;
}

.strawberryAndBanana #flavour h1
{
    border-bottom-color:#e23035;
    color: #e23035;
}

.strawberryAndBanana #flavour th
{
    background-color:#e23035;
    color: #fff;
}

.strawberryAndBanana #flavour td
{
    background-color: #fff;
    color:#e23035;
}
.strawberryAndBanana #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/strawberryAndBanana/close.jpg);
}

.strawberryAndBanana #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/strawberryAndBanana/forward.jpg);
}

.strawberryAndBanana #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/strawberryAndBanana/backward.jpg);
}

/*ffOriginal*/
.ffOriginal #flavour
{
    background-color:#BAE9FF;
}

.ffOriginal #flavour p
{
    color:#387999;
}

.ffOriginal #flavour h1
{
    border-bottom-color:#CFF0FF;
}

.ffOriginal #flavour th
{
    background-color:#166B93;
}

.ffOriginal #flavour td
{
    background-color: #EEF9FF;
    color:#166B93;
}
.ffOriginal #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/ffOriginal/close.jpg);
}

.ffOriginal #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/ffOriginal/forward.jpg);
}

.ffOriginal #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/ffOriginal/backward.jpg);
}

/*ffPeachAndMango*/
.ffPeachAndMango #flavour
{
    background-color:#E97159;
}

.ffPeachAndMango #flavour h1
{
    border-bottom-color:#F09F8E;
}

.ffPeachAndMango #flavour th
{
    background-color:#94321E;
}

.ffPeachAndMango #flavour td
{
    background-color: #F9DBD5;
    color:#94321E;
}
.ffPeachAndMango #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/ffPeachAndMango/close.jpg);
}

.ffPeachAndMango #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/ffPeachAndMango/forward.jpg);
}

.ffPeachAndMango #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/ffPeachAndMango/backward.jpg);
}

/*ffRaspberry*/
.ffRaspberry #flavour
{
    background-color:#fe96eb;
}

.ffRaspberry #flavour h1
{
    border-bottom-color:#feb6f1;
}

.ffRaspberry #flavour th
{
    background-color:#970551;
}

.ffRaspberry #flavour td
{
    background-color: #F9D6E8;
    color:#970551;
}
.ffRaspberry #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/ffRaspberry/close.jpg);
}

.ffRaspberry #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/ffRaspberry/forward.jpg);
}

.ffRaspberry #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/ffRaspberry/backward.jpg);
}

/*ffStrawberry*/
.ffStrawberry #flavour
{
    background-color:#F34048;
}

.ffStrawberry #flavour h1
{
    border-bottom-color:#F77B81;
}

.ffStrawberry #flavour th
{
    background-color:#9E2A2F;
}

.ffStrawberry #flavour td
{
    background-color: #FCCFD1;
    color:#9E2A2F;
}
.ffStrawberry #flavour #close
{
    background-image:url(../../SiteImages/ProductSkins/ffStrawberry/close.jpg);
}

.ffStrawberry #flavour #forward
{
    background-image:url(../../SiteImages/ProductSkins/ffStrawberry/forward.jpg);
}

.ffStrawberry #flavour #backward
{
    background-image:url(../../SiteImages/ProductSkins/ffStrawberry/backward.jpg);
}

/*progressive form*/
#boughtThoughts,
#boughtEver
{
    position: relative;
}
/*faq*/
.revealList
{
    margin: 0;
    padding: 0;
    list-style: none outside none;
}

.revealList li
{
    background-color:#ededed;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    position: relative;
}

.revealList dt
{
    padding: 1em;
    border-bottom: 1px dotted #333;
    font-weight: bold;
    overflow:hidden;
}
.revealList dt span.title
{
    display: block;
    width: 95%;
    float: left;
    margin-left: 1%;
}

.revealList dt span.index
{
    display: block;
    width: auto;
    float: left;
}

.revealList dd
{
    padding: 1em;
}

.revealList .content
{
    margin-top: 1em;
}

.revealList .trigger
{
    margin-bottom: 0;
}

.revealList .trigger a
{
    text-decoration: none;
    font-weight: bold;
    background: url(../../SiteImages/RevealList/plus.jpg) 0 center no-repeat;
    padding-left: 16px;
}

.revealList .trigger a.open
{
    background-image: url(../../SiteImages/revealList/minus.jpg);
}

.revealList .trigger a:hover,
.revealList .trigger a:focus
{
    background-color:transparent;
    color: #1D6EB8;
}

.revealList .backToTop
{
    text-align:right;
    margin-bottom: 0;
}

.shortcutList
{
    list-style: none outside none;
    border-top: 1px dotted #b7b7b7;
    margin: 2em 0;
}

.shortcutList li
{
    line-height: 2;
    border-bottom: 1px dotted #b7b7b7;
}

.shortcutList li a
{
    font-weight: bold;
}
/*comp rules hide and show*/
#rulestext dt
{
    font-weight: bold;
}

#rulestext dd
{
    margin-bottom: 1em;
}

/*landing list*/
.landingList
{
    overflow: hidden;
    border-top: 1px dotted #B7B7B7;
}

.landingList ul
{
    list-style-type:none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

.landingList ul li
{
    padding: 0.5em 0;
    border-bottom: 1px dotted #B7B7B7;
    overflow: hidden;
}
    

.landingList img
{
    width: 200px;
    border: 3px solid #2B70B5;
}

.landingList .landingListImage
{
    float: left;
}

.landingList .landingListContent
{
    float: right;
    width: 234px;
}

/*competition winners landing list*/
#WinnersMainContent .landingList
{
    padding-top: 1em;
}

#WinnersMainContent .landingList ul
{
    padding-bottom: 1em;
    margin-bottom: 1em;
    overflow: hidden;
    border-bottom:1px dotted #B7B7B7;
}

#WinnersMainContent h2
{
    width: 100%;
    clear: both;
}

#WinnersMainContent .landingList li
{
    width: 45%;
    border-bottom: 0 none;
    float: left;
}

#WinnersMainContent .landingList .landingListContent
{
    width: 46%;
    padding: 0 4% 0 0;
}

#WinnersMainContent .landingList img
{
    width: 80px;
}

/*sitemap*/

.sitemap h2
{
    margin-top: 1.4em;
}

.sitemap h2 a
{
    text-decoration: none;
    font-family:'FuturaBold',sans-serif;
}

.sitemap ul
{
    margin-bottom: 0;
    color: #B245A0;
}

.sitemap ul ul
{
    margin-left: 1.4em;
}


.sitemap li
{
    list-style-type:none;
    list-style-position:outside;
    background: url(../../SiteImages/Template/liBG.jpg) 0 0.7em no-repeat;
    padding-left: 0.8em;
    line-height: 2;
}

img.inline
{
    float:left;
    margin: 0 1.8em 1.8em 0;
    clear: none;
}
.options
{
    margin-bottom: 1.4em;    
}

.options .list
{
    list-style-type: none; 
    padding-left: 20px;    
}

.options .list li
{
    margin-top: 10px; 
    padding: 5px 0; 
    position: relative;
}

.options .list li input
{
    float: left;
}

.options li:hover *
{
    cursor: pointer;
}

.options li:hover .optionLeft
{
    opacity: 1.0;
    filter:alpha(opacity=100);
}

.options .optionLeft
{
    float:left;
    width: 20px;
    height: 20px;
    line-height: 20px;  
    color: #fff;
    position:absolute;
    left: -40px;
    top: 0;
    font-weight: bold;
    background-color: #B245A0;
    text-align: center;
    -moz-border-radius: 3px;
    opacity: 0.7;
    filter:alpha(opacity=70);
}

.options .optionRight
{
    float: right;
    width: 270px;
    line-height: 1.4;    
    color: #333333;
}

.video
{
    margin-bottom: 1em;
    float: left;
}

/*newsletter*/

#pageNewsletter #flexible
{
    width: 200px;
}

#pageNewsletter div.hr hr {
    display: none;
}
#pageNewsletter div.hr {
    height: 1px;
    overflow: hidden;
    clear: both;
    padding: 0.5em 0 0 !important;
    margin: 0 0 0.1em 0;
    position: relative;
    border: none !important;
    border-top:1px dotted #ccc !important;
}
#pageNewsletter #mainContent
{
    width:608px;
}

#pageNewsletter #mainContent .feature
{
    overflow:hidden;
    margin-bottom: 1.5em;
}

#pageNewsletter #mainContent .featureImage
{
    float: right;
}

#pageNewsletter #mainContent h2
{
    display: inline;
}

#pageNewsletter #mainContent #unbeliveable img
{
    float: none;
}

#pageNewsletter #mainContent h2 img
{
    float:left;
}

#pageNewsletter img
{
    border: 0 none;
}

#pageNewsletter #mainContent #somethingFun 
{
    position: relative;
}

#pageNewsletter #mainContent #somethingFun .content
{
    width: 406px;
    float: right;
    margin-right: 7px;
    display: inline;
}

#pageNewsletter #mainContent #somethingFun .copy
{
    float: none;
    clear: both;
}

#pageNewsletter #mainContent #somethingFun .featureImage
{
    float:left;
}

/*individual copy widths*/

#pageNewsletter #mainContent #topStory .copy
{
    width: 372px;
}

#pageNewsletter #mainContent #somethingFun .copy
{
    width: 406px;
}

#pageNewsletter #mainContent #specialFeature .copy
{
    width: 392px;
}

#pageNewsletter #mainContent #competition .copy
{
    width: 364px;
}

#pageNewsletter #mainContent #specialOffer .copy
{
    width: 310px;
}

#pageNewsletter h4
{
    margin: 0;
    font-weight: bold;
}

#pageNewsletter .copy
{
    float:left;
    clear:left;
    width: 366px;
}

#pageNewsletter .copy .smallPrint
{
    font-size: 0.9em;
}

#pageNewsletter .leadParagraph
{
    font-weight: bold;
}

#pageNewsletter h1
{
    float:right;
    font-size:1.6em;
    position:relative;
    right:0;
    top:30px;
    z-index:1000;
}

#pageNewsletter .unbeliveableList
{
    list-style-position: outside;
}

#pageNewsletter .unbeliveableList li
{
    margin-bottom: 0.5em;
}

.caption
{
    font-style: italic;
    color: #B8096E;
}