/* Colours */
/*
 * highlight text : #f1592a
 */
/* Global styles */
.hideFast .jshide {
    display: none;
}

.hideFast .flash-alternate-content {
    visibility: hidden;
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.float_left {
    float: left !important
}

.float_right {
    float: right !important
}

.clear_left {
    clear: left !important
}

.clear_right {
    clear: right !important
}

.full_width {
    width: 100% !important
}

.small_text {
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

.highlight_text {
    color: #ef5728;
}

.hr {
    width: 100%;
    height: 1px;
    background: #000;
    overflow: hidden;
}

.no_bg div, .no_bg span, .no_bg {
    background: transparent !important;
}

/* basic overlay styles */
div.overlay, #Animation {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

#Animation {
    background: #000;
    opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity = 60); /* IE lt 8 */
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    -khtml-opacity: .60; /* Safari 1.x */
    -moz-opacity: .60; /* FF lt 1.5, Netscape */
}

/* global list type styles */
.listType_lowerAlpha li {
    list-style: lower-alpha !important;
}

.listType_numeric li {
    list-style: decimal !important;
}

.listType_lowerRoman li {
    list-style: lower-roman !important;
}

.listType_square li {
    list-style: square !important;
}

/* Layout Styles */
html, body {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
}

#form1 {
    margin: 0 auto;
    width: 1000px;
    overflow: hidden;
    text-align: left;
}

#Wrapper {
    width: 1000px;
    overflow: visible;
    position: relative;
}

#Header {
    margin: 0 auto;
    width: 1000px;
    overflow: visible;
    position: relative;
    height: 86px;
    background: url(/SiteCollectionImages/McCain.ca/common/header_bg.gif) top left repeat-x;
    z-index: 1;
}

/* logo and nav styles */
#Logo_ENFR {
    width: 134px;
    height: 123px;
    position: absolute;
    bottom: -75px;
    margin-left: -80px;
    left: 50%;
    color: white;
}

#Logo {
    margin: 0;
}

#Logo a {
    width: 130px;
    height: 105px;
    position: absolute;
    bottom: -40px;
    left: 20px;
}

#MainNav {
    width: 810px;
    height: 26px;
    position: absolute;
    left: 175px;
    bottom: 10px;
}

#MainNav * {
    border: none;
}

#MainNav div.dropDown {
    padding-bottom: 5px;
}

#MainNav table, #MainNav table tr, #MainNav table td, #MainNav table td a {
    padding: 0;
    margin: 0;
    border: none;
    color: white;
}

#MainNav table td a {
    padding-left: 15px;
}

#MainNav table td img {
    display: none;
}

#MainNav div.dropDown table td {
    padding: 0 0 0 4px;
    text-align: left;
}

#Menu1 tr td {
    height: 34px;
    padding-right: 10px;
    vertical-align: top;
}

#Menu1 tr td a {
    font-size: 14px;
    font-weight: bold;
}

#MainNav div.dropDown table td a {
    display: block;
    padding: 3px 25px 3px 7px;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: normal;
}

#MainNav div.dropDown table td tr td a:hover {
    padding-left: 7px;
    background: url(/SiteCollectionImages/McCain.ca/common/subNav_arrow.gif) left 7px no-repeat;
    color: white;
}

#AncillaryNavigation {
    position: absolute;
    right: 10px;
}

#AncillaryNavigation li {
    float: left;
    margin: 0 3px;
    list-style: none;
    font-size: 10px;
    color: white;
}

#AncillaryNavigation li.search {
    position: relative;
    margin-left: 20px;
}

#AncillaryNavigation li.search label {
    font-weight: bold;
}

#AncillaryNavigation li.search label, #AncillaryNavigation li.search input {
    float: left;
    margin-left: 3px;
}

#AncillaryNavigation li.search input {
    margin-top: -2px;
}

#AncillaryNavigation li.search input#goSearch {
    margin-top: -4px;
}

#AncillaryNavigation li a {
    color: white;
    font-size: 10px;
    padding: 5px 0;
    text-decoration: none;
}

div.content {
    overflow: hidden;
    padding: 0 25px;
    position: relative;
    z-index: 0;
    min-height: 520px;
}

div.sky {
    background: #406d0a url(/SiteCollectionImages/McCain.ca/common/sky_bg.jpg) top left no-repeat;
}

div.skyLong {
    background: #406d0a url(/SiteCollectionImages/McCain.ca/common/skyLong_bg.jpg) top left no-repeat;
}

#Searcher {
    float: right;
}

#FlashContent, #AlternateContent, div.mainContent, div.homeContent {
    margin: 0 auto;
    width: 715px;
    overflow: hidden;
}

#AlternateContent {
    width: auto;
    height: auto;
    top: 30px;
    color: white;
    position: absolute;
    left: 146px;
}

#AlternateContent h1, #AlternateContent a {
    color: white;
    font-size: 12px;
    font-weight: normal;
}

#AlternateContent a {
    padding-left: 20px;
    margin-right: 2px;
    background: url(/SiteCollectionImages/McCain.ca/common/flash_icon.gif) 3px 1px no-repeat;
}

#FlashContent {
    background: none;
    width: 700px;
    top: 50px;
    position: absolute;
    left: 50%;
    margin-left: -350px;
    z-index: 99999;
}

div.mainContent {
    padding: 30px 0 0;
    width: 960px;
    min-height: 303px;
}

div.splash {
    position: absolute;
    height: auto;
    top: 65px;
    left: 0;
    width: 1000px;
}

div.home {
    padding: 20px 0 20px;
    min-height: 310px;
}

div.homeContent {
    width: 900px;
    min-height: 260px;
    position: relative;
    left: 50%;
    margin-left: -455px;
}

div.homeContent a.info {
    width: 17px;
    height: 17px;
    background: url(/SiteCollectionImages/McCain.ca/common/info_marker.png.gif) top left no-repeat;
    display: inline-block;
    text-indent: -99999px;
    position: relative;
    top: 0px;
    margin: 0 3px;
}

div.homeContent a.info:hover {
    cursor: pointer;
}

#Wrapper div.cta {
    position: absolute;
    top: 15px;
    right: 28px;
    width: 173px;
    z-index: 2;
}

#Wrapper div.cta div.subnav {
    clear: left;
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_bg_home.png.gif) top left no-repeat;
    margin-bottom: 10px;
}

#Wrapper div.cta div.subnav span.bottom {
    background: transparent url(/SiteCollectionImages/McCain.ca/common/subCat_bottom_home.png.gif) no-repeat scroll left top;
}

div.splash h2 {
    margin: 0 0 25px;
    display: block;
    text-align: center;
}

div.welcome {
    position: relative;
    height: 60px;
}

img.welcomeEn, img.welcomeFr {
    position: absolute;
    top: 0;
}

img.welcomeEn {
    left: 104px;
}

img.welcomeFr {
    left: 521px;
}

img.HeaderEn, img.HeaderFr {
    position: absolute;
    bottom: -45px;
}

img.HeaderEn {
    left: 208px;
}

img.HeaderFr {
    left: 642px;
}

ul.pods {
    width: 790px;
    margin: 0 auto;
    overflow: hidden;
    left: 0;
    position: relative;
}

ul.pods img.PodImage {
    width: 312px;
    height: 121px;
    margin: 0 15px;
}

ul.pods li.pod {
    background: url(/SiteCollectionImages/McCain.ca/common/splash_pod_bg.png.gif) top left no-repeat;
    list-style: none;
    width: 350px;
    overflow: hidden;
    height: auto;
    float: right;
    position: relative;
    margin: 0;
    padding: 1px 1px 15px;
}

ul.pods li.first {
    float: left;
}

ul.pods h3.red, ul.pods h3.yellow {
    width: 347px;
    color: white;
    font-size: 15px;
    padding: 10px 0 15px;
    display: block;
    margin: 0;
    text-align: center;
}

h3.red {
    background: url(/SiteCollectionImages/McCain.ca/common/pod_red_top.png.gif) top left no-repeat;
}

ul.pods h3.yellow {
    color: #1a1516;
    background: url(/SiteCollectionImages/McCain.ca/common/pod_yellow_top.png.gif) top left no-repeat;
}

ul.pods li.pod ul {
    margin: -2px auto 0;
    overflow: hidden;
    padding: 1px 5px 5px;
    width: 209px;
}

ul.pods li.pod ul li {
    width: auto;
    height: auto;
    background: none;
}

/* home screen pods */
div.content ul.homePods {
    width: 1000px;
    margin-bottom: 45px;
    left: -45px;
}

ul.homePods li.pod h3 {
    width: auto;
    color: white;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
}

ul.homePods table {
    width: 280px;
    margin: 0 0 0 -1px;
    padding: 0;
}

ul.homePods table tr, ul.homePods table td {
    border: none;
    height: 41px;
    vertical-align: middle;
}

ul.homePods table td {
    padding: 0 10px;
    text-align: center;
}

ul.homePods li.pod h3 a {
    vertical-align: middle;
    display: table-cell;
    padding: 3px 10px;
    text-decoration: none;
    line-height: 13px;
    color: white;
    text-align: center;
}

div.content ul.homePods li.pod {
    width: 277px;
    height: 129px;
    float: left;
    padding: 1px;
    margin-left: 51px;
}

ul.homePods li.red {
    background: url(/SiteCollectionImages/McCain.ca/common/pod_bg_red.png.gif) bottom left no-repeat;
}

ul.homePods li.red td {
    background: url(/SiteCollectionImages/McCain.ca/common/podSml_red_top.png.gif) top left no-repeat;
}

ul.homePods li.yellow {
    background: url(/SiteCollectionImages/McCain.ca/common/pod_bg_yellow.png.gif) bottom left no-repeat;
}

ul.homePods li.yellow td {
    background: url(/SiteCollectionImages/McCain.ca/common/podSml_yellow_top.png.gif) top left no-repeat;
}

ul.homePods li.yellow h3 {
    color: #493116;
}

ul.homePods li.orange {
    background: url(/SiteCollectionImages/McCain.ca/common/pod_bg_org.png.gif) bottom left no-repeat;
}

ul.homePods li.orange td {
    background: url(/SiteCollectionImages/McCain.ca/common/podSml_orange_top.png.gif) top left no-repeat;
}

ul.homePods li.green {
    background: url(/SiteCollectionImages/McCain.ca/common/pod_bg_green.png.gif) bottom left no-repeat;
}

ul.homePods li.green td {
    background: url(/SiteCollectionImages/McCain.ca/common/podSml_green_top.png.gif) top left no-repeat;
}

ul.homePods li.blue {
    background: url(/SiteCollectionImages/McCain.ca/common/pod_bg_blue.png.gif) bottom left no-repeat;
}

ul.homePods li.blue td {
    background: url(/SiteCollectionImages/McCain.ca/common/podSml_blue_top.png.gif) top left no-repeat;
}

ul.homePods li.pod img.PodImage {
    width: 173px;
    height: 89px;
    position: absolute;
    bottom: 0;
    left: -15px;
}

ul.homePods .btn_generic_sml {
    position: absolute;
    bottom: 12px;
    right: 12px;
}

/* product detail pages generic */
div.product {
    padding-top: 35px;
    min-height: inherit;
}

div.product ul.pods {
    width: 1000px;
    float: left;
    clear: left;
    margin-bottom: 15px;
}

div.product ul.pods li {
    margin-left: 55px;
}

div.subContent {
    float: left;
    width: 750px;
    margin-left: 20px;
    margin-bottom: 10px;
}

div.subContent div.landing {
    width: 535px;
    float: left;
}

/*
 div.subContent div.landing p {
 color: white;
 font-weight: bold;
 }
 
 */
div.nav_col {
    float: left;
    width: 179px;
    margin-top: 5px;
    position: relative;
}

div.nav_col div.landing {
    min-height: 254px;
}

div.subnav {
    float: left;
    padding: 5px 0 0 5px;
    position: relative;
    width: 173px;
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_bg.png.gif) top left no-repeat;
    margin-bottom: 15px;
}

div.subnav div.productHeader {
    margin: -10px 0 10px -5px;
    padding: 1px 12px 0;
    position: relative;
    width: 154px;
    color: white;
}

div.subnav ul.products {
    margin: 0 0 15px -2px;
    padding: 0;
    position: relative;
    width: 180px;
}

div.subnav ul.products li {
    list-style: none;
    padding: 2px 10px;
    clear: left;
}

div.subnav ul.products {
    color: white;
    font-size: 11px;
}

div.subnav ul.products li a {
    color: white;
    font-size: 11px;
    display: block;
    padding: 1px 0;
    text-decoration: none;
}

div.subnav ul.products li a:hover, div.subnav ul.products li a.active {
    font-weight: bold;
    padding-left: 7px;
    background: url(/SiteCollectionImages/McCain.ca/common/subNav_arrow.gif) left 4px no-repeat;
}

div.subnav ul.products li ul {
    margin: 0 0 5px 3px;
    padding: 0;
    background: transparent;
}

div.subnav ul.products li ul li a:hover, div.subnav ul.products li ul li a.active {
    font-weight: normal;
    padding: 0;
    background: transparent;
    text-decoration: underline;
}

div.iChallenge h3 {
    background: transparent url(/images/en/ingredientChallenge_v2.png.gif) no-repeat scroll left top;
    float: left;
    height: 100px;
    margin: 0;
    text-indent: -99999px;
    width: 174px;
}

div.iChallenge div.productCompare {
    float: left;
    margin: 5px 0px 4px 19px;
    width: 55px;
}

div.journey h3 {
    color: white;
    margin: 2px 0 2px 5px;
}

span.bottom {
    width: 179px;
    height: 6px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -6px;
    padding: 0;
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_bottom.png.gif) top left no-repeat;
}

/* vertical pds */
div.vertPod {
    float: right;
    margin-bottom: 6px;
    width: 179px;
    overflow: hidden;
}

/* IAG page */
ul.IAG_nav {
    margin: 0;
    width: 178px;
    float: left;
}

ul.IAG_nav li {
    list-style: none;
    position: relative;
    width: 178px;
    height: 41px;
    margin: 0 0 5px;
}

ul.IAG_nav li img {
    position: relative;
    z-index: 1;
}

ul.IAG_nav li a .transparency {
    width: 100%;
    height: 23px;
    background: #000;
    position: absolute;
    top: 9px;
    z-index: 2;
    left: 0;
    opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity = 60); /* IE lt 8 */
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    -khtml-opacity: .60; /* Safari 1.x */
    -moz-opacity: .60; /* FF lt 1.5, Netscape */
}

ul.IAG_nav li a {
    color: white;
    text-decoration: none;
}

ul.IAG_nav li a strong {
    color: white;
    position: absolute;
    z-index: 3;
    top: 13px;
    right: 10px;
    font-size: 12px;
    text-align: right;
}

ul.IAG_nav li a .transparency, ul.IAG_nav li a strong {
    display: none;
}

ul.IAG_nav li a:hover .transparency, ul.IAG_nav li a:hover strong {
    display: block;
    cursor: pointer;
}

ul.IAG_nav li a.active .transparency, ul.IAG_nav li a.active strong {
    display: block;
    cursor: pointer;
}

div.IAG {
    margin: 40px 0 15px 7px;
    padding: 9px 0 0;
    overflow: hidden;
    width: 946px !important;
}

div.IAG div.infoDetails {
    width: 752px;
    min-height: 300px;
    float: left;
    margin: 0 0 20px 10px;
}

div.IAG div.landingContent {
    padding: 0 45px;
    width: 660px;
}

/*
 div.IAG div.landingContent h2, div.IAG div.landingContent p {
 color:white;
 font-weight:bold;
 padding:0 0 0 45px;
 margin: 0 0 7px;
 }
 */
/*
 div.IAG div.landingContent h2 {
 font-size:30px;
 }
 
 div.IAG div.landingContent p {
 width:555px;
 font-size:13px;
 line-height:20px;
 }
 */
div.IAG div.infoDetails img.expanded {
    float: left;
}

div.IAG div.description {
    width: 349px;
    float: left;
    margin-top: 8px;
    position: relative;
    padding: 20px 35px 0;
    min-height: 363px;
    margin-right: 8px;
    background: url(/SiteCollectionImages/McCain.ca/common/IAG_page/text_bg.png.gif) top left;
}

div.IAG div.description.wide {
    width: 670px;
    padding: 20px 45px 0 35px;
    background: url(/SiteCollectionImages/McCain.ca/common/IAG_page/text_bg.png.gif) top left;
}

div.IAG div.description img.header {
    margin: -8px 0 8px -5px;
}

/*
 div.IAG div.description img.header {
 margin:0 0 10px;
 }
 */
/*
 div.IAG div.description p {
 color:white;
 }
 */
div.IAG div.description div.top, div.IAG div.description div.bottom, div.IAG div.description.wide div.top, div.IAG div.description.wide div.bottom {
    position: absolute;
    width: 419px;
    left: 0;
    height: 8px;
}

div.IAG div.description div.top {
    top: -8px;
    background: url(/SiteCollectionImages/McCain.ca/common/IAG_page/text_top_cnrs.png.gif) top left no-repeat;
}

div.IAG div.description div.bottom {
    bottom: -8px;
    background: url(/SiteCollectionImages/McCain.ca/common/IAG_page/text_bot_cnrs.png.gif) top left no-repeat;
}

div.IAG div.description.wide div.top, div.IAG div.description.wide div.bottom {
    width: 750px;
}

div.IAG div.description.wide div.top {
    background: url(/SiteCollectionImages/McCain.ca/common/IAG_page/text_top_cnrs_wide.png.gif) top left no-repeat;
}

div.IAG div.description.wide div.bottom {
    background: url(/SiteCollectionImages/McCain.ca/common/IAG_page/text_bot_cnrs_wide.png.gif) top left no-repeat;
}

/* subContent */
div.subContent div.productCopy h3 {
    color: #A4491B;
    font-size: 16px;
    margin: 5px 0 20px;
}

div.subContent div.productCopy p {
    color: #A4491B;
    font-size: 12px;
    line-height: 16px;
}

div.subContent ul.breadCrumb {
    margin: -23px 0 0;
    float: left;
}

div.subContent ul.breadCrumb li {
    color: white;
    float: left;
    list-style: none;
    font-size: 11px;
    margin-right: 5px;
}

div.subContent ul.breadCrumb a {
    color: white;
    font-size: 11px;
    text-decoration: none;
}

div.subContent div.subWrapper {
    width: 755px;
    background: #fff;
    position: relative;
    margin: 17px 0 30px;
    float: left;
    clear: left;
    min-height: 280px;
    padding-bottom: 15px;
}

div.subContent div.subWrapper div.ingredients {
    position: absolute;
    top: -16px;
    right: 0;
    z-index: 5;
}

div.subWrapper img.productShot {
    float: left;
    margin: 20px 0 0 25px;
    position: relative;
    z-index: 6;
}

div.subWrapper div.productCopy {
    color: #A4491B;
    float: right;
    margin: -15px 10px 0 0;
    padding-right: 25px;
    width: 420px;
    z-index: 6;
}

div.subWrapper div.productCopy h3, div.subWrapper div.productCopy p {
    margin: 0 0 2px;
}

div.subContent div.vertPod {
    float: right;
    margin: 0 0 6px;
}

/* secondary popup */
/* generic popup */
.secondaryPopup {
    -moz-border-radius: 10px 10px 10px 10px;
    background: none repeat scroll 0 0 #FFF5D1;
    border: 1px solid #E9D075;
    height: 85%;
    max-height: 545px;
    left: 50%;
    margin-left: -420px;
    padding: 20px 20px 15px;
    position: absolute;
    top: 90px;
    width: 800px;
    z-index: 9999;
    display: block;
}

#IG_usage, #IF_usage {
    display: none;
}

.secondaryPopup .SecondaryPopContent {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

div.secondaryOverlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9;
    opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity = 60); /* IE lt 8 */
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    -khtml-opacity: .60; /* Safari 1.x */
    -moz-opacity: .60; /* FF lt 1.5, Netscape */
}

/* generic popup */
.popup {
    display: block;
    left: 50%;
    margin-left: -439px;
    position: absolute;
    top: -9999px;
    width: 879px;
    z-index: 100;
}

.popup.static {
    position: relative;
    left: 0;
    top: 45px;
    z-index: 0;
    margin: 0 auto 100px;
    overflow: hidden;
}

.popup.static span.top {
    height: 64px;
    background: none;
}

.popup.static div.popContent {
    padding: 30px 30px 20px;
    width: 819px;
    overflow: hidden;
    min-height: 200px;
}

/*
 .popup.static {
 color: #6f2f0e;
 } .popup.static p, .popup.static em, .popup.static h4, .popup.static h3, .popup.static h2, .popup.static h1, .popup.static strong {
 margin-bottom: .2em;
 } .popup.static em {
 margin-bottom: 0
 }
 */
/* vip form elements */
div.unsub_form input {
    margin: 10px 20px 0 0;
}

div.fpw_form input {
    margin: 10px 20px 0 0;
}

/* iframe pop */
.popup iframe {
    visibility: hidden;
}

a.closePop, a.closeImg, a.closeSecondaryPop {
    width: 17px;
    height: 20px;
    padding: 5px;
    display: block;
    position: absolute;
    top: -11px;
    right: -9px;
    text-indent: -99999px;
    z-index: 25;
    background: url(/SiteCollectionImages/McCain.ca/common/btn_close.png.gif) 5px no-repeat;
}

/*.popup h3 {
 font-size: 24px;
 } .popup h3 span.header em {
 font-style: normal;
 font-size: 14px;
 } .popup h3 span.header {
 float: left;
 margin: 16px 0 0 30px;
 }
 .popup h3 .headerImage {
 float: left;
 margin: 3px -15px 0 25px;
 }
 */ /*
 .popup h4 {
 font-size: 16px;
 color: #6f2f0e;
 } .popup a {
 color: #4c8703;
 }
 */
.popup span.top, .popup span.bottom {
    width: 879px;
    z-index: 15;
    position: relative;
    display: block;
    height: 22px;
}

.popup span.bottom {
    height: 7px;
    bottom: 0;
    float: left;
    clear: both;
    background: url(/SiteCollectionImages/McCain.ca/common/popup_bottom.png.gif) top left no-repeat;
}

.popup span.top {
    float: left;
    clear: both;
}

.popup span.top h3 {
    margin: 0;
    width: 879px;
    float: left;
    clear: both;
}

.popup div.popContent {
    background: #fff;
    overflow: hidden;
    padding: 10px;
    margin-top: -5px;
    float: left;
    clear: both;
    width: 859px;
}

/*
 .popup div.introText p {
 width: 630px;
 margin-bottom: 1em;
 }
 .popup div.outroText p {
 font-size: 11px;
 margin-top: 85px;
 width: 400px;
 float: left;
 } */
.popup div.outroText {
    width: 815px;
    float: left;
    clear: left;
    margin-top: 25px;
}

/*
 .popup div.outroText img.outroImage {
 float: right;
 margin: 0 0 0 20px;
 } .popup div.introText h4 {
 font-size: 20px;
 }
 */
/* popup page colours */
/* orange */
.popup h3.orange {
    height: 64px;
    margin: 0;
    background: url(/SiteCollectionImages/McCain.ca/common/popup_header_orange.png.gif) top left no-repeat;
}

/*
 .popup h3.orange, .popup h3.ms-rteCustom-PopUp_Header_Orange, .popup h3.orange em, .popup h3.ms-rteCustom-PopUp_Header_Orange em {
 color: white;
 }
 */
/* red */
.popup h3.red {
    height: 64px;
    margin: 0;
    background: url(/SiteCollectionImages/McCain.ca/common/popup_header_red.png.gif) top left no-repeat;
}

.popup h3.green, .popup h3.green em {
    color: white;
}

.popup h3.green {
    height: 64px;
    margin: 0;
	padding:16px;
    background: url(/SiteCollectionImages/McCain.ca/common/popup_header_green.png.gif) top left no-repeat;
}

.popup h3.red, .popup h3.red em {
    color: white;
}

/* faq popup */
div.FAQ #Searcher {
    margin-top: 10px;
    float: left;
    clear: both;
    overflow: hidden;
    padding-top: 4px;
}

div.FAQ #Searcher label {
    color: #6f2f0e;
    font-weight: bold;
    font-size: 12px;
    margin-right: 5px;
    float: left;
}

div.FAQ #Searcher input {
    float: left;
}

div.FAQ #Searcher input#goSearchFAQ {
    margin: -2px 0 0 5px;
}

div.FAQ ul.FAQList {
    margin: 20px 0;
    float: left;
    clear: both;
    width: 815px;
}

div.FAQ ul.FAQList li {
    list-style: none;
}

div.FAQ ul.FAQList h5.trigger {
    font-size: 17px;
    color: #6f2f0e;
    padding: 0 20px;
    padding-bottom: 10px;
    background: url(/SiteCollectionImages/McCain.ca/common/box-plus.gif) 3px 4px no-repeat;
}

div.FAQ ul.FAQList h5.trigger:hover {
    cursor: pointer;
}

div.FAQ ul.FAQList h5.open {
    background: url(/SiteCollectionImages/McCain.ca/common/box-minus.gif) 3px 4px no-repeat;
}

div.FAQ ul.FAQList h5 em {
    color: #6f2f0e;
    font-style: normal;
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-left: -17px;
    width: 93%;
}

div.FAQ ul.FAQList li div.QandA {
    background: #e5e5e5;
    margin: 0 0 10px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}

div.FAQ ul.FAQList li div.QandA .inner {
    padding: 15px;
}

div.FAQ ul.FAQList li div.QandA em {
    color: #6f2f0e;
    font-weight: bold;
}

div.FAQ ul.FAQList li div.QandA p {
    margin: 5px;
    font-size: 12px;
}

div.FAQ ul.FAQList li div.QandA div.QuestionAnswer {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

div.FAQ ul.FAQList li div.QandA div.QuestionAnswer:last-child {
    border: none;
}

/* ask us iframe */
#AskUs iframe {
    width: 859px;
    height: 800px;
}

/* Ingredient Challenge Popup */
#ChallengePopup {
    text-align: left;
}

#ChallengePopup iframe {
    width: 859px;
    height: 800px;
}

#ChallengePopup div.inner {
    position: relative;
    padding: 15px 10px 0;
    width: 859px;
}

.ChallengePopup p.description, .ChallengePopup div.description {
    margin: 0 15px 20px;
    padding: 10px 15px 10px 10px;
    background: #fff5d1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/*
 .ChallengePopup p.description strong {
 color: #4C8703;
 }
 */
.ChallengePopup p.small_text {
    padding: 15px 55px 0 25px;
    margin: 0 0 15px;
    line-height: 12px;
    background: transparent;
}

div.ChallengePopup div.nutrionalInfo {
    display: none;
}

div.ChallengePopup div.popContent {
    padding: 0;
    width: 879px;
}

div.ChallengePopup span.top {
    height: 64px;
}

div.ChallengePopup span.top h3 {
    text-align: center;
}

div.ChallengePopup span.top img.headerImage {
    margin: -10px auto 0;
    float: none;
}

div.ChallengePopup select {
    display: block;
    margin: 0 0 20px;
}

div.ChallengePopup div.c_product {
    width: 390px;
    overflow: hidden;
    float: left;
    margin-left: 25px;
}

div.ChallengePopup div.c_product h3 {
    color: #a4491b;
    margin: 0;
    font-size: 15px;
}

div.ChallengePopup div.c_product dl {
    margin: 0 0 15px;
}

div.ChallengePopup div.c_product dl dt {
    margin-top: 8px;
    font-weight: bold;
}

div.ChallengePopup div.c_product p {
    margin-top: 8px;
}

div.ChallengePopup div.c_product dl dt, div.ChallengePopup div.c_product dl dd, div.ChallengePopup div.c_product p {
    font-size: 11px;
}

div.ChallengePopup div.c_product dl dd {
    margin: 0;
}

div.ChallengePopup div.ancillary {
    width: 125px;
    overflow: hidden;
    float: left;
}

div.ChallengePopup div.ancillary a.btn_enlarge {
    display: block;
    overflow: hidden;
    width: 70px;
}

div.ChallengePopup div.ancillary a, .ChallengePopup div.ancillary img {
    margin: 0 0 15px;
}

div.ChallengePopup div.ingredients {
    overflow: hidden;
    float: left;
    width: 245px;
}

/* generic form */
div.form label {
    display: inline-block;
    width: 145px;
    vertical-align: middle;
    font-size: 12px;
    color: #6f2f0e;
    font-weight: bold;
}

div.form em.mandatory {
    margin-left: 150px;
    color: #6F2F0E;
    font-size: 12px;
}

div.form p.legal {
    font-size: 11px;
    clear: both;
    float: left;
    width: 70%;
    margin: 15px 0 10px 5px;
}

div.form ul li p.description {
    text-align: right;
    font-size: 10px;
    line-height: 13px;
    width: 250px;
    margin-right: 15px;
    float: right;
    color: #6F2F0E;
}

div.form li.joinNow, div.form li.send {
    width: 380px;
    margin: 15px 0;
}

div.form li.joinNow input, div.form li.send input {
    float: right;
    margin: 20px 0 15px;
}

div.form li.send input {
    margin-right: 15px
}

div.form #Errors {
    float: left;
    clear: both;
    background: #fff5d1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
}

div.form #Errors ul {
    margin: 0 15px 10px 45px;
}

div.form #Errors ul li {
    list-style: disc;
    width: auto;
    border: none;
    color: #E44600;
    padding: 0;
}

div.form #Errors ul li label {
    width: auto;
    color: #E44600;
    text-decoration: underline;
}

div.form #Errors ul li label:hover {
    cursor: pointer;
}

div.form li.optin label {
    width: 95%;
    font-weight: normal;
    font-size: 11px;
}

div.form li.optin {
    width: 95%;
}

div.form li span.gender label {
    width: auto;
    padding-right: 5px;
    font-weight: normal;
}

div.form li span.gender input {
    margin-right: 20px;
}

div.form input, div.form select, div.form textarea {
    color: #6f2f0e;
    font-size: 12px;
}

div.form input[type = text], div.form input[type = password], div.form textarea {
    width: 230px;
    border: 1px solid #aaa;
    vertical-align: middle;
    margin-right: 10px;
}

div.form input[type = checkbox], div.form input[type = radio], div.form input[type = submit], div.form input[type = button] {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

div.form input[type = checkbox] {
    margin-right: 9px;
}

/*
 div.form h4 {
 font-size: 16px;
 color: #6f2f0e;
 }
 */
div.form select {
    border: 1px solid #aaa;
    vertical-align: middle;
}

div.form ul {
    float: left;
    margin: 20px 0 20px;
    padding: 0;
    position: relative;
    width: 100%;
}

div.form ul li {
    list-style: none;
    padding: 5px 10px 5px 5px;
    margin: 0;
    border: 1px solid white;
    float: left;
    clear: left;
    width: 400px;
}

div.form ul li.journeyImage {
    position: absolute;
    top: 0;
    right: 0;
    width: 365px;
    text-align: center;
}

div.form ul li.error {
    background: #fff5d1 url(/SiteCollectionImages/McCain.ca/common/form_error.gif) right 9px no-repeat;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.form ul li.error label {
    color: #e44600;
}

/* contact us form */
div.ContactUs div.form ul {
    float: left;
    margin: 20px 0 20px;
    padding: 0;
    position: relative;
    width: 400px;
}

div.ContactUs div.form ul li {
    width: 360px;
}

div.ContactUs div.form ul li a.formHint {
    display: block;
    text-align: right;
    font-size: 11px;
    margin: 3px 15px 0 0;
    color: #4C8703;
}

div.ContactUs div.form div.hint {
    margin: 10px 0 0;
    text-align: right;
    padding-right: 15px;
    display: none;
}

div.ContactUs div.form label {
    text-align: right;
    margin-right: 5px;
}

div.ContactUs input[type = text], div.ContactUs input[type = password], div.ContactUs div textarea, div.ContactUs div select {
    width: 190px;
    border: 1px solid #aaa;
    vertical-align: middle;
    margin-right: 10px;
}

div.ContactUs div textarea {
    height: 135px;
}

div.ContactUs div.form li.joinNow {
    margin-left: -15px;
}

div.ContactUs li.comment label {
    vertical-align: top;
}

/* ask us */
#AskUs .top {
    height: 63px;
}

div.askus div.form ul {
    margin-bottom: 0;
}

div.askus div.form ul.askus {
    margin: -25px 0 0;
    float: left;
    overflow: hidden;
}

div.askus div.form ul.askus li {
    list-style: none;
    width: 330px;
    float: left;
    margin: 20px 70px 0 0;
}

div.askus div.form ul.askus li img.c_icon {
    float: left;
    margin: 0 10px 5px 0;
}

div.askus div.outroText p {
    width: 90%;
}

/* contact general */
/*
 div.ContactGeneral ul {
 margin: 20px 0 0 0;
 border-bottom: 1px solid #A8735B;
 overflow: hidden;
 }
 
 div.ContactGeneral ul li {
 list-style: none;
 width: 330px;
 float: left;
 margin: 20px 70px 0 0;
 min-height: 90px;
 }
 
 div.ContactGeneral ul.ancillaryContact {
 border: none;
 }
 
 div.ContactGeneral ul.ancillaryContact li {
 width: 100%;
 margin: 20px 0 0;
 }
 
 div.ContactGeneral ul.ancillaryContact div.address {
 margin-right: 50px;
 float: left;
 }
 
 div.ContactGeneral ul.ancillaryContact address {
 float: left;
 }
 
 div.ContactGeneral ul.ancillaryContact li p {
 width: 365px;
 }
 
 div.ContactGeneral ul li img.c_icon {
 float: left;
 margin: 0 10px 5px 0;
 }
 
 div.ContactGeneral p, div.ContactGeneral address {
 font-size: 12px;
 line-height: 16px;
 }
 */
/* media center pop */
div.MediaCenter ul {
    border-top: 1px solid #a4491b;
    margin: 0;
    width: 100%;
    margin-bottom: 0;
}

div.MediaCenter ul li {
    list-style: none;
    padding: 10px 10px 35px;
    border-bottom: 1px solid #a4491b;
    overflow: hidden;
    display: block;
    width: 799px;
}

div.MediaCenter ul li p {
    float: left;
    clear: both;
    width: 85%;
}

div.MediaCenter div.articleInfo {
    float: left;
    clear: both;
    margin: 10px 0;
}

div.MediaCenter div.articleInfo h5 {
    font-size: 12px;
    color: #6f2f0e;
    float: left;
    margin-right: 25px;
}

div.MediaCenter div.articleInfo dl, div.MediaCenter div.articleInfo dt, div.MediaCenter div.articleInfo dd {
    float: left;
    margin: 0;
    list-style: none;
    font-size: 12px;
    color: #6f2f0e;
}

div.MediaCenter div.articleInfo dt {
    margin: 0 5px 0 25px;
}

div.MediaCenter div.articleInfo dd {
    text-decoration: underline;
}

/* Search Results pop */
div.SearchResults div.introText p {
    margin-bottom: 1em;
    width: 630px;
    color: #6f2f0e;
    font-size: 12px;
}

div.SearchResults ul {
    border-top: 1px solid #a4491b;
    margin: 0;
    width: 100%;
    margin: 10px 0 20px;
    float: left;
}

div.SearchResults ul li {
    list-style: none;
    padding: 10px 10px 10px;
    border-bottom: 1px solid #a4491b;
    overflow: hidden;
    display: block;
    width: 799px;
    color: #6f2f0e;
    font-size: 12px;
}

div.SearchResults ul li a {
    color: #4C8703;
    font-size: 12px;
}

div.SearchResults ul li p {
    float: left;
    clear: both;
    width: 85%;
    color: #6f2f0e;
    font-size: 12px;
}
/
/* whats new pop */
/*
 div.WhatsNew ul {
 margin: 25px 0 0;
 width: 100%;
 margin-bottom: 0;
 }
 
 div.WhatsNew ul li {
 list-style: none;
 padding: 10px;
 overflow: hidden;
 display: block;
 width: 799px;
 }
 
 div.WhatsNew ul li h4 {
 font-size: 14px;
 margin-top: 10px;
 }
 
 div.WhatsNew ul li p {
 margin: 0;
 width: 570px;
 }
 
 div.WhatsNew ul li img.c_icon {
 float: left;
 margin: 0 20px 5px 0;
 }
 */
/* Journey Pop */
#JourneyPopup iframe {
    width: 819px;
    height: 800px;
}

.JourneyPopup span.top {
    height: 104px;
}

div.JourneyPopup span.top h3 {
    text-indent: -99999px !important;
    height: 104px !important;
    background: url(/images/en/joinOurJouneyToday.png.gif) top left no-repeat !important;
}

div.JourneyPopup div.popContent {
    padding: 30px;
    width: 819px;
}

/*
 div.JourneyPopup div.popContent p {
 color: #6f2f0e;
 }
 */
/* Journey Form CSS */
div.JourneyPopup label {
    display: inline-block;
    width: 135px;
    vertical-align: middle;
    font-size: 12px;
    color: #6f2f0e;
    font-weight: bold;
}

div.JourneyPopup p.legal {
    font-size: 11px;
    clear: both;
    float: left;
    width: 90%;
    margin: 15px 0 10px 5px;
}

div.JourneyPopup p.legal a {
    font-size: 11px;
}

div.JourneyPopup li.joinNow {
    width: 380px;
    margin: 15px 0;
}

div.JourneyPopup li.joinNow input {
    float: right;
    margin: 20px 0 15px;
}

div.JourneyPopup li.updateProfile {
    width: 380px;
    margin: 15px 0 0;
}

div.JourneyPopup li.updateProfile input {
    float: right;
    margin: 0;
}

div.JourneyPopup li.unsubscribe a {
    text-align: right;
    float: right;
    margin-right: 20px;
}

div.JourneyPopup li.optin label {
    width: 95%;
    font-weight: normal;
    font-size: 11px;
}

div.JourneyPopup li.optin {
    width: 95%;
}

div.JourneyPopup li span.gender label {
    width: auto;
    padding-right: 5px;
    font-weight: normal;
}

div.JourneyPopup li span.gender input {
    margin-right: 20px;
}

div.JourneyPopup input, div.JourneyPopup select, div.JourneyPopup textarea {
    color: #6f2f0e;
    font-size: 12px;
}

div.JourneyPopup input[type = text], div.JourneyPopup input[type = password], div.JourneyPopup textarea {
    width: 240px;
    border: 1px solid #aaa;
    vertical-align: middle;
    margin-right: 10px;
}

div.JourneyPopup input[type = checkbox], div.JourneyPopup input[type = radio], div.JourneyPopup input[type = submit], div.JourneyPopup input[type = button] {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

div.JourneyPopup input[type = checkbox] {
    margin-right: 9px;
}

div.JourneyPopup select {
    border: 1px solid #aaa;
    vertical-align: middle;
}

div.JourneyPopup ul {
    float: left;
    margin: 20px 0 20px;
    padding: 0;
    position: relative;
    width: 100%;
}

div.JourneyPopup ul li {
    list-style: none;
    padding: 5px;
    margin: 0;
    border: 1px solid white;
    float: left;
    clear: left;
    width: 400px;
}

div.JourneyPopup ul li.journeyImage {
    position: absolute;
    top: 0;
    right: 0;
    width: 365px;
    text-align: center;
}

/* clear fix */
div.clearFix {
    width: 100%;
    height: 1px;
    clear: both;
}

/* subProduct styles */
div.subProduct {
    width: 511px;
    margin: 9px 0 0;
    position: relative;
    float: left;
    padding: 10px 20px;
    background: url(/SiteCollectionImages/McCain.ca/common/product_subCat_bg.png.gif) top left repeat-y;
}

div.subContent ul.ingredients {
    float: right;
    margin: 0;
    padding-bottom: 0;
}

/*
 div.subContent div.subProduct h2 {
 font-size: 19px;
 margin: 0 0 6px;
 }
 
 div.subContent div.subProduct {
 color: white;
 }
 */
div.subProduct div.productDetails {
    width: 510px;
    float: left;
    position: relative;
    padding: 10px 0 10px;
}

div.subProduct div.productDetails img {
    float: left;
    margin: 35px 15px 15px 0;
}

div.productDetails .btn_generic_sml {
    float: right;
}

/*
 div.subProduct img.productImage {
 float: left;
 }
 */
div.subProduct .hr {
    width: 551px;
    margin: 15px 0 15px -20px;
    float: left;
    clear: both;
    background: #fff;
    filter: alpha(opacity = 20); /* IE lt 8 */
    opacity: .20; /* Standard: FF gt 1.5, Opera, Safari */
    -ms-filter: "alpha(opacity=20)"; /* IE 8 */
    -khtml-opacity: .20; /* Safari 1.x */
    -moz-opacity: .20; /* FF lt 1.5, Netscape */
}

div.subProduct span.top, div.subProduct span.bottom {
    width: 551px;
    height: 9px;
    left: 0;
    position: absolute;
    display: block;
    background: url(/SiteCollectionImages/McCain.ca/common/product_subCat_top_cnrs.png.gif) top left no-repeat;
}

div.subProduct span.top {
    top: -9px;
}

div.subProduct span.bottom {
    bottom: -9px;
    background: url(/SiteCollectionImages/McCain.ca/common/product_subCat_bottom_cnrs.png.gif) top left no-repeat;
}

/* carousel styles */
#carouselWrapper {
    float: left;
    clear: both;
    margin: 15px 0 0 -13px;
    width: 468px;
    height: 150px;
    position: relative;
    padding: 0 35px 0 31px;
}

#carouselWrapper a.prev, #carouselWrapper a.next {
    position: absolute;
    top: 50px;
    display: block;
    width: 25px;
    height: 31px;
    text-indent: -99999px;
}

#carouselWrapper a.prev {
    left: 0;
    background: url(/SiteCollectionImages/McCain.ca/common/btn_prev.png.gif) top left no-repeat;
}

#carouselWrapper a.next {
    right: 0;
    background: url(/SiteCollectionImages/McCain.ca/common/btn_next.png.gif) top left no-repeat;
}

#carousel {
    width: 472px;
    height: 150px;
    position: relative;
    overflow: hidden;
}

#carousel ul {
    margin: 0;
    top: 0;
    left: 0;
    width: 99999px;
    position: absolute;
}

#carousel ul li {
    float: left;
    width: 118px;
    text-align: center;
    list-style: none;
}

#carousel ul li a {
    color: white;
    text-decoration: none;
}

#carousel ul li em {
    color: white;
    display: block;
    font-style: normal;
    text-decoration: underline;
    font-size: 11px;
    line-height: 13px;
}

/* tabs */
div.subWrapper ul.tabs {
    margin: 0 0 15px 9px;
    position: relative;
    float: left;
}

div.subWrapper ul.tabs li {
    float: left;
    list-style: none;
    margin: 0 5px;
}

div.subWrapper ul.tabs li a {
    padding: 8px 22px 9px;
    color: white;
    text-decoration: none;
    position: relative;
    font-weight: bold;
    font-size: 12px;
    background: url(/SiteCollectionImages/McCain.ca/common/product_info_nav_bg.gif) top left no-repeat;
}

div.subWrapper ul.tabs li a.active {
    color: #a4491b;
    padding: 8px 22px 15px;
    background: url(/SiteCollectionImages/McCain.ca/common/product_info_nav_active_bg.gif) top left no-repeat;
}

div.subWrapper ul.tabs li a span {
    height: 31px;
    width: 12px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(/SiteCollectionImages/McCain.ca/common/product_info_nav_cap.gif) top left no-repeat;
}

div.subWrapper ul.tabs li a.active span {
    width: 10px;
    height: 38px;
    background: url(/SiteCollectionImages/McCain.ca/common/product_info_nav_active_cap.gif) top left no-repeat;
}

div.subWrapper div.infoDetails {
    float: left;
    clear: left;
    margin: 15px 0 0 15px;
    padding: 7px 0 10px 10px;
    width: 715px;
    min-height: 270px;
    position: relative;
    background: white;
}

/*
 div.subWrapper div.infoDetails h3 {
 margin: 0;
 }
 
 div.subWrapper div.infoDetails p {
 width: 500px;
 margin-bottom: 10px;
 }
 */
div.subWrapper div.infoDetails div.video {
    float: left;
    width: 400px;
    position: relative;
}

div.subWrapper div.infoDetails div.video a.btn_generic_sml {
    position: absolute;
    bottom: 0;
    left: 230px;
}

div.subWrapper div.infoDetails a.vidPreview {
    position: relative;
    top: 7px;
    margin: 0 25px;
}

div.subWrapper div.infoDetails div.whyItsGood {
    position: absolute;
    bottom: 0;
    right: -15px;
    z-index: 20;
}

/*
 div.subWrapper h3 {
 color: #a4491b;
 }
 */
div.subContent div.subWrapper span.top, div.subContent div.subWrapper span.bottom {
    position: absolute;
    display: block;
    width: 755px;
    height: 16px;
    left: 0;
    background: url(/SiteCollectionImages/McCain.ca/common/product_detail_top_cnrs.png.gif) top left no-repeat;
}

div.subContent div.subWrapper span.top {
    top: -16px;
}

div.subContent div.subWrapper span.bottom {
    bottom: -16px;
    background: url(/SiteCollectionImages/McCain.ca/common/product_detail_bottom_cnrs.png.gif) top left no-repeat;
}

div.infoDetails img.pizzaIngredients {
    position: relative;
    float: right;
    margin-top: -16px;
}

div.infoDetails div.ingredientWrapper {
    position: relative;
    width: 361px;
    padding-bottom: 20px;
    float: left;
    margin: 0 0 15px -15px;
    min-height: 234px;
    background: url(/SiteCollectionImages/McCain.ca/common/product_info_ingredients_bg.gif) top left repeat-y;
}

/*
 #Ingredients p {
 width: 680px;
 font-size: 11px;
 margin-bottom: 15px;
 }
 */
div.infoDetails div.ingCard2 {
    margin: 0 -5px 15px 0;
    float: right;
}

div.infoDetails div.ingredientWrapper span.top {
    top: 0;
    width: 361px;
    height: 37px;
    background: url(/SiteCollectionImages/McCain.ca/common/product_info_ingredients_top_cnrs.gif) top left no-repeat;
}

div.infoDetails div.ingredientWrapper span.bottom {
    width: 361px;
    bottom: 0;
    height: 20px;
    background: url(/SiteCollectionImages/McCain.ca/common/product_info_ingredients_bot_cnrs.gif) top left no-repeat;
}

/*
 div.infoDetails div.ingredientWrapper dl {
 position: relative;
 margin-top: 20px;
 }
 
 div.infoDetails div.ingredientWrapper dl dt {
 margin: 0;
 color: #A4491B;
 font-size: 12px;
 font-weight: bold;
 display: block;
 padding-top: 15px;
 float: left;
 clear: left;
 }
 
 div.infoDetails div.ingredientWrapper dl dd {
 margin: 0;
 position: relative;
 height: auto;
 float: left;
 clear: left;
 }
 
 div.infoDetails div.ingredientWrapper dl dd p img {
 margin-top: -20px;
 float: right;
 position:relative;
 z-index:99;
 } #Ingredients div.ingredientWrapper p {
 width: 320px;
 font-size: 10px;
 line-height: 13px;
 clear: both;
 float: left;
 margin: 0;
 }
 
 div.infoDetails div.ingredientWrapper a {
 color: #539801;
 font-weight: bold;
 font-size: 10px;
 line-height: 13px;
 }
 */
a.tip_trigger, a.popTrigger {
    color: #539801;
}

div.nutriCardWrapper {
    width: 255px;
    float: left;
    padding-bottom: 40px;
    position: relative;
}

div.nutrionalInfo {
    background: white;
    width: 177px;
    padding: 3px 3px 0;
    border: 2px solid black;
}

div.nutrionalInfo table {
    border-collapse: collapse;
    margin: 0;
}

div.nutrionalInfo table th.nt_factsServing {
    border-bottom: 3px solid black;
    padding-bottom: 4px;
}

div.nutrionalInfo table th.nt_factsServing h2 {
    font-weight: normal;
}

div.nutrionalInfo table th.amountAndDV div {
    float: left;
    width: 30%;
}

div.nutrionalInfo table th.amountAndDV div.dv_head {
    float: left;
    width: 70%;
    text-align: right;
}

div.nutrionalInfo table h1, div.nutrionalInfo table h2, div.nutrionalInfo table p {
    margin: 0;
    color: black;
}

div.nutrionalInfo table tr td, div.nutrionalInfo table tr th {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 1px;
    border: none;
    font-size: 75%;
    border-bottom: 1px solid black;
}

div.nutrionalInfo table h1 {
    font-size: 140%;
    line-height: 15px;
}

div.nutrionalInfo table h2 {
    font-size: 100%;
}

div.nutrionalInfo table div strong {
    font-size: 90%;
}

div.nutrionalInfo table div strong br {
    font-size: 70%;
    margin: 0;
}

div.nutrionalInfo table tr.heavyBorder td {
    border-bottom: 3px solid black;
}

div.nutrionalInfo table tr.last td {
    border: none;
}

div.nutrionalInfo table tr .dailyValue {
    text-align: right;
    vertical-align: middle;
}

div.nutrionalInfo table ul {
    list-style: none;
    margin: 0;
    padding-left: 5px;
}

div.nutrionalInfo table tr.fibreAndSugar td {
    border: none;
    padding: 0;
}

div.nutrionalInfo table tr.fibreAndSugar td div {
    border-bottom: 1px solid black;
    padding: 1px;
    margin-left: 5px;
}

div.nutrionalInfo table tr.fibreAndSugar td.dailyValue div {
    margin-left: 0;
}

div.nutrionalInfo table tr.fibreAndSugar td.border {
    border-bottom: 1px solid black;
    padding: 1px;
}

div.nutrionalInfo table ul li {
    list-style: none;
    color: black;
}

div.nutrionalInfo table.nutriCard {
    font-size: 12px;
}

/* small card (for ingredient challenge) */
/* making the table that small did not work */
/*
 div.nt_small {
 width:110px;
 margin:0 0 15px;
 border:1px solid black;
 }
 
 div.nt_small table th.nt_factsServing {
 border-bottom:1px solid #aaa;
 padding-bottom:0;
 }
 
 div.nt_small table tr.heavyBorder td{
 border-bottom:1px solid #666;
 }
 
 div.nt_small table tr td, div.nt_small table tr th{
 font-size:60%;
 padding:0;
 border-bottom:1px solid #aaa;
 }
 
 div.nt_small table h2 {
 font-size:50%;
 }
 
 div.nt_small table div strong {
 font-size:20%;
 }
 */
/* large nurtional card */
div.nt_enlarged {
    position: absolute;
    z-index: 101;
    width: 270px;
    padding: 3px 3px 0;
    border: 2px solid black;
}

div.nt_enlarged table th.nt_factsServing {
    border-bottom: 3px solid black;
    padding-bottom: 4px;
}

div.nt_enlarged table th.nt_factsServing h2 {
    font-weight: normal;
}

div.nt_enlarged table tr.heavyBorder td {
    border-bottom: 3px solid black;
}

div.nt_enlarged table tr td, div.nt_enlarged table tr th {
    font-size: 100%;
    padding: 2px;
    border-bottom: 1px solid black;
}

div.nt_enlarged table h1 {
    font-size: 150%;
}

div.nt_enlarged table h2 {
    font-size: 100%;
}

div.nt_enlarged table div strong {
    font-size: 90%;
}

/*
 div.infoDetails ul.claims {
 width: 300px;
 float: left;
 margin: 0;
 }
 
 div.infoDetails ul.claims li {
 list-style: none;
 border-bottom: 1px solid #e9d3c8;
 padding: 0 0 0 45px;
 margin: 15px 0 0;
 background: url(/SiteCollectionImages/McCain.ca/common/green_triangle.gif) top left no-repeat;
 }
 
 div.infoDetails ul.claims li h3 {
 margin:0;
 }
 
 div.infoDetails ul.claims li p {
 width: 380px;
 font-size:12px;
 line-height:16px;
 } #NutritionalFacts {
 margin-top: 0;
 }
 */
div.infoDetails div.nutriCardWrapper .btn_enlarge {
    position: absolute;
    bottom: 5px;
    left: 0;
}

/*
 div.infoDetails ul.prepInstructions {
 margin: 0;
 }
 
 
 div.infoDetails ul.prepInstructions li h3 {
 margin: 0 0 4px;
 }
 
 div.infoDetails ul.prepInstructions li {
 float: left;
 list-style: none;
 margin: 10px 11px;
 font-size:12px;
 line-height:16px;
 width: 210px;
 border-bottom: 1px solid #e4c8ba;
 }
 */
/*
 
 div.infoDetails ul.prepInstructions div.details {
 width: 110px;
 float: left;
 }
 
 div.infoDetails ul.prepInstructions li p, div.infoDetails ul.prepInstructions li h3 {
 width: auto;
 }
 
 div.infoDetails ul.prepInstructions li img {
 float: left;
 padding-right: 15px;
 }
 
 div.infoDetails div.ancillaryInfo {
 float: left;
 padding: 25px 50px 10px 45px;
 }
 
 div.infoDetails div.ancillaryInfo p {
 width: auto;
 font-size: 10px;
 line-height:13px;
 }
 
 div.infoDetails dl.faqs {
 margin: 15px 50px;
 width: 675px;
 overflow: hidden;
 }
 
 div.infoDetails dl.faqs p {
 width: 500px;
 }
 */
/*
 div.infoDetails dl.faqs p, div.infoDetails dl.faqs img, div.infoDetails dl.faqs dd, div.infoDetails dl.faqs dt {
 float: left;
 clear: left;
 }
 */
/*
 
 div.infoDetails dl.faqs p {
 line-height:16px;
 }
 
 div.infoDetails dl.faqs dt {
 margin: 0;
 color: #a4491b;
 font-size: 14px;
 font-weight: bold;
 display: block;
 }
 
 div.infoDetails dl.faqs dd {
 margin: 0 0 15px;
 color: #000;
 font-size: 12px;
 } #preview {
 margin: 10px 0 0 32px;
 }
 */
div.subnav div.productHeader div.bottom {
    height: 7px;
    width: 180px;
    overflow: hidden;
    position: absolute;
    bottom: -7px;
    left: 0;
}

/* product page PIZZA */
div.pizza {
    background: #891515 url(/SiteCollectionImages/McCain.ca/common/tomato_bg.jpg) top left no-repeat;
}

div.subnav div.red {
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_header_red_bg.png.gif) top left no-repeat;
}

div.subnav div.red div.bottom {
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_header_red_bottom_cnrs.png.gif) top left no-repeat;
}

/* product page POTATO */
div.potato {
    background: #281409 url(/SiteCollectionImages/McCain.ca/common/potato_bg.jpg) top left no-repeat;
}

div.subnav div.yellow {
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_header_yellow_bg.png.gif) top left no-repeat;
    color: #493116 !important;
}

div.subnav div.yellow div.bottom {
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_header_yellow_bottom_cnrs.png.gif) top left no-repeat;
}

/* product page CAKE */
div.cake {
    background: #b4b4b2 url(/SiteCollectionImages/McCain.ca/common/cake_bg.jpg) top left no-repeat;
}

div.subnav div.brown {
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_header_brown_bg.png.gif) top left no-repeat;
}

div.subnav div.brown div.bottom {
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_header_brown_bottom_cnrs.png.gif) top left no-repeat;
}

/* product page FRUIT */
div.fruit {
    background: #c9900d url(/SiteCollectionImages/McCain.ca/common/fruit_bg.jpg) top left no-repeat;
}

div.subnav div.orange {
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_header_orange_bg.png.gif) top left no-repeat;
}

div.subnav div.orange div.bottom {
    background: url(/SiteCollectionImages/McCain.ca/common/subCat_header_orange_bottom_cnrs.png.gif) top left no-repeat;
}

/* all pages */
div.subnav h3 {
    font-size: 12px !important;
    text-align: left !important;
}

img.pizzaIngredients {
    position: relative;
    float: right;
    margin-top: -16px;
}

/*
 div.subContent h2 {
 font-size: 32px;
 color: white;
 margin: 15px 0 5px;
 }
 */
/* Ingredient Challenge pod */
div.ingredientChallenge {
    background: url(/SiteCollectionImages/McCain.ca/common/ingredientChallege_bg.png.gif) top left no-repeat;
    width: 396px;
    height: 104px;
    float: left;
    position: relative;
    margin-top: 10px;
}

div.ingredientChallenge h3 {
    background: url(/images/en/ingredientChallenge.png.gif) top left no-repeat;
    width: 174px;
    height: 100px;
    float: left;
    text-indent: -99999px;
    margin: 3px 40px 0 5px;
}

div.productCompare {
    float: left;
    margin: 22px 0px 4px 19px;
    width: 55px;
}

div.productCompare p {
    color: white;
    font-size: 10px;
    margin: -7px 0 0 2px;
}

div.ingredientChallenge .btn_generic_lrg {
    position: absolute;
    right: -80px;
    bottom: 15px;
}

/* button classes */
.btn_enlarge {
    background: transparent url(/SiteCollectionImages/McCain.ca/common/btn_enlarge.gif) no-repeat scroll left top;
    color: black;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 0 5px 23px;
    text-decoration: none;
}

.btn_generic, .btn_generic_sml, .btn_generic_lrg {
    color: white;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 22px 6px 10px;
    position: relative;
    font-size: 11px;
    background: url(/SiteCollectionImages/McCain.ca/common/btn_green.gif) top left no-repeat;
}

.btn_generic:hover, .btn_generic_sml:hover {
    cursor: pointer;
}

.btn_generic span, .btn_generic_sml span, .btn_generic_lrg span {
    width: 34px;
    height: 27px;
    display: block;
    position: absolute;
    right: -13px;
    top: 0;
    background: url(/SiteCollectionImages/McCain.ca/common/btn_green_cap.gif) top left no-repeat;
}

/* smaller btn */
.btn_generic_sml {
    padding: 3px 16px 5px 10px;
    font-size: 10px;
    background: url(/SiteCollectionImages/McCain.ca/common/btn_green_sml.gif) top left no-repeat;
}

.btn_generic_sml span {
    width: 18px;
    height: 19px;
    right: -3px;
    background: url(/SiteCollectionImages/McCain.ca/common/btn_green_cap_sml.gif) top left no-repeat;
}

/* large button */
.btn_generic_lrg {
    font-size: 17px;
    padding: 8px 30px 10px 10px;
    background: url(/SiteCollectionImages/McCain.ca/common/btn_green_lrg.gif) top left no-repeat;
}

.btn_generic_lrg span {
    width: 25px;
    height: 35px;
    right: -3px;
    background: url(/SiteCollectionImages/McCain.ca/common/btn_green_cap_lrg.gif) top left no-repeat;
}

/* end generic button classes */
dl.anouncement {
    display: none;
    position: absolute;
    bottom: 35px;
    right: -15px;
}

dl.anouncement dt, dl.anouncement dd {
    height: 70px;
    padding: 15px;
}

dl.anouncement dt {
    width: 160px;
    float: left;
    background: #ea8816;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

dl.anouncement dd {
    float: left;
    width: 400px;
    background: white;
    color: #ea8816;
    margin: 0;
}

ul.pods li {
    float: left;
    width: 287px;
    height: 114px;
    background: white;
    list-style: none;
    margin-left: 44px;
}

ul.pods li:first-child {
    margin-left: 0;
}

/* footer styles */
#Footer {
    overflow: hidden;
    font-size: 12px;
    padding: 7px 15px 2px;
    background: #eda402 url(/SiteCollectionImages/McCain.ca/common/footer_bg.gif) top left repeat-x;
}

div.splash_footer {
    padding: 0 !important;
    background: #ca700a !important;
}

#Footer div {
    float: left;
    margin-right: 2px;
    overflow: hidden;
    text-align: left;
    width: 468px;
    overflow: hidden;
    padding: 9px 15px 2px;
    height: 49px;
    background: #eda402 url(/SiteCollectionImages/McCain.ca/common/footer_bg_splash.gif) top left repeat-x;
}

#Footer div.french {
    margin-right: 0;
    width: 470px;
}

#Footer div p {
    width: 465px;
}

#Footer div ul {
    float: none;
    margin: 5px 0 5px;
}

#Footer div ul li {
    float: left;
    line-height: normal;
    margin: 0 15px 0 0;
}

#Footer div ul li.countrySelect {
    float: right;
    margin-right: 5px;
}

#Footer p, #Footer a {
    color: white;
    line-height: normal;
    font-size: 11px;
}

#Footer a:hover {
    text-decoration: underline;
}

#Footer select {
    position: relative;
    top: -1px;
    font-size: 10px;
}

#Footer p {
    margin: 0 0 0;
    float: left;
    line-height: 16px;
}

#Footer ul {
    margin: 0;
    float: right;
}

#Footer ul li {
    color: white;
    list-style: none;
    float: left;
    margin: 0 6px;
}

#Footer ul li a {
    color: white;
    text-decoration: none;
}

/* select replace */
#Footer div.selectWrapper, #Footer div.selectWrapper div.arrow {
    width: auto;
    float: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
    background: none;
}

#Footer div.selectWrapper {
    top: -1px;
}

#Footer div.selectWrapper a.select {
    line-height: normal;
    color: white;
    text-decoration: none;
    font-size: 11px;
    float: left;
    font-weight: bold;
    background: url(/SiteCollectionImages/McCain.ca/common/footer_select_bg.gif) top left repeat-x;
    padding: 2px 5px 7px 10px;
    cursor: default;
}

#Footer div.selectWrapper a.select:hover {
    text-decoration: none;
    cursor: pointer;
}

#Footer div.selectWrapper div.arrow {
    height: 20px;
    width: 20px;
    top: 0;
    right: 0;
    position: absolute;
    background: url(/SiteCollectionImages/McCain.ca/common/footer_select_arrow.gif) top right no-repeat;
}

.selectOptions {
    margin: 0;
    position: absolute;
    width: 200px;
    background: white;
    display: none;
    text-align: left;
    background: #f0a402;
    z-index: 99;
    line-height: normal;
}

.selectOptions li {
    line-height: normal;
    float: none;
    color: white;
    list-style: none;
    line-height: normal;
}

.selectOptions li a {
    line-height: normal;
    display: block;
    padding: 2px 10px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    margin: 0;
}

.selectOptions li a:hover {
    background: #cb700a;
    cursor: pointer;
}

/* video popup */
#Video {
    top: -99999px;
    width: 745px;
    height: 588px;
    background: url(/SiteCollectionImages/McCain.ca/common/video_pizza.png.gif) top right no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -373px;
    z-index: 99;
    text-align: center;
}

div.videoDetails {
    width: 500px;
    margin: 30px auto 10px;
    position: relative;
}

div.videoDetails h1, div.videoDetails h2 {
    color: white;
    text-align: left;
    margin: 0;
}

div.videoDetails h1 {
    font-size: 34px;
}

div.videoDetails h2 {
    font-size: 18px;
}

div.videoDetails div.share {
    width: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
}

#videoPlayer {
    background: url(/SiteCollectionImages/McCain.ca/common/loader.gif) center 50px no-repeat;
}

/* image enlarge */
div.imageEnlarged {
    position: absolute;
    min-height: 250px;
    min-width: 250px;
    top: 0;
    left: 0;
    z-index: 999;
}

/* tool tip */
#ToolTip {
    display: none;
    font-size: 12px;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    max-width: 300px;
}

#ToolTip tr, #ToolTip td {
    padding: 0;
    border: none;
    overflow: hidden;
}

#ToolTip td.top_leftCnr, #ToolTip td.top_rightCnr, #ToolTip td.bot_leftCnr, #ToolTip td.bot_rightCnr {
    width: 19px;
    height: 19px;
}

#ToolTip td.top_leftCnr {
    background: url(/SiteCollectionImages/McCain.ca/common/tooltip/tt_top_left.png.gif) bottom right no-repeat;
}

#ToolTip td.top_rightCnr {
    background: url(/SiteCollectionImages/McCain.ca/common/tooltip/tt_top_right.png.gif) bottom left no-repeat;
}

#ToolTip td.bot_leftCnr {
    background: url(/SiteCollectionImages/McCain.ca/common/tooltip/tt_bot_left.png.gif) top right no-repeat;
    height: 24px;
}

#ToolTip td.bot_rightCnr {
    background: url(/SiteCollectionImages/McCain.ca/common/tooltip/tt_bot_right.png.gif) top left no-repeat;
    height: 24px;
}

#ToolTip td.top, #ToolTip td.bot {
    height: 19px;
}

#ToolTip td.top {
    background: url(/SiteCollectionImages/McCain.ca/common/tooltip/tt_top.png.gif) bottom left repeat-x;
}

#ToolTip td.bot {
    background: url(/SiteCollectionImages/McCain.ca/common/tooltip/tt_bot.png.gif) top left repeat-x;
    height: 11px;
    position: relative;
}

#ToolTip td.bot img {
    position: absolute;
    bottom: -3px;
    left: 30px;
}

#ToolTip td.left, #ToolTip td.right {
    width: 19px;
}

#ToolTip td.left {
    background: url(/SiteCollectionImages/McCain.ca/common/tooltip/tt_left.png.gif) top right repeat-y;
}

#ToolTip td.right {
    background: url(/SiteCollectionImages/McCain.ca/common/tooltip/tt_right.png.gif) top left repeat-y;
}

#ToolTip td.content {
    vertical-align: middle;
    padding: 5px;
    background: white;
    color: #a4491b;
    font-size: 12px;
    line-height: 16px;
}

#tooltip p {
    padding: 25px;
    color: black;
}

/* Product Compare */
#IngredientFinder {
    width: 936px;
    margin-left: -468px;
}

#IngredientFinder span.top h3 {
    width: 904px;
}

#IngredientFinder span.bottom {
    width: 936px;
    background: url(/SiteCollectionImages/McCain.ca/common/popup_bottom_wide.png.gif) top left no-repeat;
}

#IngredientFinder span.top, #IngredientFinder span.bottom, #IngredientFinder div.popContent {
    width: 936px;
    padding: 0;
}

#IngredientFinder div.popContent {
    padding: 45px 0 0;
    margin: 0;
}

#IngredientFinder div.inner {
    padding: 15px 0 0;
    position: relative;
    width: 936px;
}

#IngredientFinder table, #IngredientFinder tr, #IngredientFinder td {
    vertical-align: top;
}

#IngredientFinder td.legalDisclaimer {
    border-top: 1px solid #bfdb9a !important;
}

/* instruction/landing page */
#IF_landing {
    width: 720px;
    position: relative;
}

#ViewPC, #CompareContent, #Filters {
    display: none;
    position: relative;
}

#Filters {
    clear: both;
}

/* dashboard */
#CompareDashboard {
    background: #e9efde;
    /*overflow: hidden;*/
    display: none;
}

#CompareDashboard h1 {
    background: #87ba44;
    padding: 3px 5px;
    color: white;
    font-size: 15px;
    margin: 0;
}

#CompareDashboard ol {
    margin: 0;
    padding: 10px 0 0;
}

#CompareDashboard ol li {
    list-style: none;
    width: 200px;
    float: left;
    display: block;
    padding: 7px 0 20px 35px;
    position: relative;
    min-height: 83px;
}

#CompareDashboard ol li span.itemWrapper {
    display: block;
    position: relative;
    z-index: 5;
}

#CompareDashboard ol li span.itemWrapper span.item {
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 10px;
    width: 71px;
    height: 75px;
}

#CompareDashboard ol li a.addProduct {
    display: none;
}

#CompareDashboard ol li.pc1 {
    background: url(/SiteCollectionImages/McCain.ca/common/pc_1.png.gif) 8px 7px no-repeat;
}

#CompareDashboard ol li.pc2 {
    background: url(/SiteCollectionImages/McCain.ca/common/pc_2.png.gif) 8px 7px no-repeat;
}

#CompareDashboard ol li.pc3 {
    background: url(/SiteCollectionImages/McCain.ca/common/pc_3.png.gif) 8px 7px no-repeat;
}

#CompareDashboard ol li img {
    width: 71px;
    height: 73px;
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
}

#CompareDashboard ol li p {
    font-size: 10px;
    color: #1a1516;
    margin-bottom: .5em;
	width:115px;
	float:left;
}

#CompareContent {
    position: relative;
}

#CompareContent tr td p {
    color: #1A1516;
    font-size: 10px;
	width:100px;
	float:left;
	padding-bottom:28px;
	margin:0;
	line-height:12px;
}

#ResultsPC tr td {
    font-size: 11px;
}

#ResultsPC tr td img:hover {
    cursor: pointer;
}

#ResultsPC div.nutriCardWrapper, #ResultsPC div.nutrionalInfo {
    width: 70%;
    float: none;
    margin: 15px auto;
}

#ResultsPC .btn_enlarge {
    margin: 0 0 0 19px;
}

#ResultsPC div.nutrionalInfo {
    margin-bottom: 15px;
}

#ResultsPC div.nutrionalInfo table h1 {
    font-size: 183%;
    font-weight: bold;
    line-height: 10px;
}

#ResultsPC div.nutriCardWrapper table tr td {
    padding: 0;
    font-size: 70%;
    border-right: 0;
    border-color: #ccc;
}

#ResultsPC div.nutrionalInfo table tr.fibreAndSugar td div {
    border-bottom: 1px solid #ccc;
}

#ResultsPC div.nutrionalInfo table div strong {
    display: none;
}

#ResultsPC div.nutrionalInfo table th.nt_factsServing {
    border-bottom: 1px solid black;
    padding-bottom: 4px;
}

#ResultsPC div.nutrionalInfo table tr td, #ResultsPC div.nutrionalInfo table tr th {
    border-color: #ccc;
    border-width: 1px;
    font-size: 50%;
}

#ResultsPC div.nutrionalInfo table h2 {
    font-size: 75%;
}

#CompareDashboard ol li .remove {
    font-size: 10px;
    top: 86px;
	position:absolute;
    left: 36px;
    display: none;
    z-index: 1;	
	background: #549802 url(../images/common/bg_filters.png) top left repeat-x;
    color: white;
    padding: 1px 3px;
	text-decoration:none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 13px;
    text-align: left;
}

#CompareDashboard ol li .remove:hover, .disabled {
    opacity: .5 !important; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity = 50) !important; /* IE lt 8 */
    -ms-filter: "alpha(opacity= 50)" !important /* IE 8 */ -khtml-opacity: .50 !important; /* Safari 1.x */
-moz-opacity:
    .50 !important; /* FF lt 1.5, Netscape */
}

.disabled:hover {
    cursor: default !important;
}

#CompareDashboard div.compareActions {
    background: #cee4b3;
    clear: both;
    text-align: center;
    padding: 0 0 4px;
}

#CompareDashboard div.compareActions a {
    text-transform: uppercase;
    margin: 0 5px;
}

div.sort {
    padding: 10px 0;
}

div.sort select,
div.sort span {
    font-size: 11px;
}

div.sort span {
  display:inline-block;
  margin-left:.5em;
}

div.sort ul {
    margin: 0;
    padding: 0;
    float: right;
}

div.sort ul li {
    display: inline;
    list-style: none;
}

div.sort ul li a {
    display: inline;
    list-style: none;
    color: #6f2f0e;
    text-decoration: none;
    font-size: 11px;
    padding: 2px 1px;
}

div.sort ul li a:hover, div.sort ul li a:active, div.sort ul li a.active {
    text-decoration: underline;
    font-weight: bold;
}

div.sort #ItemCount {
	font-size:11px;
	margin-left:10px;
}

div.sort #ItemCount em {
	font-weight:bold;
}

.genericBtn-square {
    color: white;
    text-decoration: none;
    font-size: 11px;
    padding: 0 5px;
    border: 1px solid #a1c37b;
    text-transform: uppercase;
    font-weight: bolder;
    background: url(/SiteCollectionImages/McCain.ca/common/btn_add-bg.gif) top left repeat-x;
}

#ResultsPC {
    border: 1px solid #6f2f0e;
    border-left: 0;
    border-right: 0;
    padding: 20px 0;
}

#ResultsWrapper {
    width: 720px;
    position: relative;
}

#ResultsPC tr td {
    padding: 5px 5px 10px;
    position: relative;
}

#ResultsPC.viewPC {
    border: 0;
}

#ResultsPC.viewPC tr td {
    border: 1px solid #025424;
    border-left: 0;
    border-top: 0;
}

#ResultsPC.viewPC tr td.noBorder {
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

#ResultsPC tr td div {
    overflow: hidden;
    position: relative;
}

#ResultsPC img {
    float: left;
    margin: 0 10px 0 0;
}

#ResultsPC tr td a.addProduct {
    position: absolute;
    bottom: 5px;
    left: 116px;
}

#ResultsPC tr.pc_heading {
    background: #9ec965;
    color: white;
}

#ResultsPC tr.pc_heading td {
    font-size: 13px;
    font-weight: bold;
    padding: 2px 5px;
}

ul.pc_control {
    margin: 0 0 0;
    padding: 0;
    float: right;
}

ul.pc_control li {
    list-style: none;
    font-size: 10px;
    color: #666;
    display: inline;
    margin: 0 5px;
}

ul.pc_control li a {
    position: static !important;
}

.compareFilter {
    background: #d3e0bf;
}

.compareFilter h1 {
    background: #5ea402;
    color: white;
    padding: 5px;
    font-size: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    line-height: 13px;
    text-align: center;
}

.compareFilter div.filters {
    width: 160px;
    margin: 10px;
}

.compareFilter div.filters .notice {
    display: none;
    font-size: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: none repeat scroll 0 0 #FFF5D1;
    border: 1px solid #E9D075;
    margin: 0 0 10px;
    width: 158px;
}

.compareFilter div.filters .notice p {
    margin: 0;
    padding: 8px;
}

.compareFilter div.filters .notice a {
    color: #457C02;
}

.compareFilter div.filters .notice a:hover {
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}


.compareFilter h2 {
    background: #549802 url(/SiteCollectionImages/McCain.ca/common/bg_filters.png.gif) top left repeat-x;
    color: white;
    padding: 3px;
    font-size: 11px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    line-height: 13px;
    text-align: left;
    clear: both;
}

.compareFilter h3 {
    background: url(/SiteCollectionImages/McCain.ca/common/filter-divider.gif) bottom left repeat-x;
    color: #457c02;
    padding: 3px;
    font-size: 11px;
    clear: both;
}

.compareFilter ul {
    margin: 5px 0;
    padding: 0;
    float: left;
    clear: both;
    overflow: hidden;
}

.compareFilter ul li {
    list-style: none;
    float: left;
    clear: both;
    margin: 3px 10px;
    width: 140px;
}

.compareFilter ul li input {
    float: left;
    margin: 0 8px 0 0;
    margin: -3px 8px 0 0\9;
}

.compareFilter label {
	cursor:pointer;
	font-size:12px;
	color:#6f2f0e;
	float:left;
	width:110px;
	line-height:14px;
	
}

.compareFilter label:hover {
	cursor:pointer;
}

#CompareContent {
	
}

.compareFilter .modifyFilters {
	position:relative;
	clear:both;
}

#noResults {
	display:none;
}

/* Added by Roman Nykyforchyn */
#noFiltersSelected {
	display:none;
}

/* loading classes */

.compareFilter .loading {
	display:none;
	background:url("/SiteCollectionImages/McCain.ca/common/ajax-loader-green.gif") no-repeat scroll 5px 3px;
	height:auto;
	padding:0;
	margin:5px 0;
	overflow:hidden;
}

#ResultsPC .loading {
	display:none;
	background:url("/SiteCollectionImages/McCain.ca/common/ajax-loader-white.gif") no-repeat scroll 5px 3px;
	height:auto;
	padding:0;
	margin:5px 0;
	overflow:hidden;
}

.loading em {
   color:#457C02;
   font-weight:bold;
   font-style:normal;
   padding:5px 0 0 27px;
   font-size:12px;
   position:relative;
   top:-2px;
   float:left;
}