/* Standard: #000 / #FFF Background Grey: #F0F0F0 Headline Grey: #666666 Error Red: #ED1C2F Dark Grey (former Blue): #4A4A4A / #4B4B4B Middle Grey: #999999 Bright Grey: #CFCFCF Alternative Bright Grey's: #F6F6F6 / #EBEBEB Navigation Border: #AAAAAA Navigation Backgrounds: #CCCCCC / #DDDDDD */ body { margin:0 ; padding:0 ; font-size:85% ; font-family:arial, verdana, helvetica, sans-serif ; background:#fffdf4 url(img/ca_main_bg.gif) top center repeat-y ; color:#6d6d6d ; } body.layerLightBox{min-height:100%; height:auto !important; height:100%;} /* Div containing ALL page content */ div.container { position:relative ; width:1003px ; margin:0 auto ; padding:0 ; background:transparent ; overflow:hidden ; } /* Print friendly header - appears only on the "print friendly" CSS, not on the screen or print CSS */ div#printfriendly { display:none ; } div#pfHeaderImg { display:none ; } /* Page header and it's nested content divs */ div#header { padding:0 ; height:270px ; background-color:#F0F0F0 ; background-position:top left ;} div#home div#header { height:119px;} div#hdrGraphics { position:absolute ; left:42px ; top:30px ; } /* Override for specific templates (left: 301px if text-align: center) */ div#home div#hdrGraphics { position:absolute ; left:30px ; top:37px ; width:160px ; text-align:left ; } div#hdrLinks {position:absolute ; left:820px ; top:40px ; width:180px ; height:16px ; } div#hdrLinks ul { margin:0 ; padding:0 ; list-style-type:none ; } div#hdrLinks li { display:inline ; } div#hdrLinks a {border-left:1px solid #ffffff; font-weight:bold; padding:0 4px ; font-size:11px ; color:#f2eff0 ; text-decoration:none ; } div#hdrLinks a:hover { text-decoration:underline ; } div#hdrLinks a#first { } div.loggedIn div#hdrLinks a#first {display:none} div#hdrLoggedLinks{position:absolute ; left:840px ; top:120px ; width:103px ; height:16px ; } div#hdrLoggedLinks ul { margin:0 ; padding:0 ; list-style-type:none ; } div#hdrLoggedLinks li { display:inline ; } div#hdrLoggedLinks a {font-weight:bold; padding:0 4px ; font-size:11px ; color:#f2eff0 ; text-decoration:none ; } div#hdrLoggedLinks a:hover { text-decoration:underline ; } div#hdrLoggedLinks a#first { border-left:none ; } /* Breadcrumbs */ div#breadcrumbs {display:none; position:absolute ; margin:0 ; padding-left:15px ; left:223px ; top:68px ; width:527px ; height:16px ; color:#000 ; font-size:11px ; background:transparent url(img/icon_breadcrumb.gif) 0 1px no-repeat ; } div#breadcrumbs a { color:#000000 ; text-decoration:none ; } div#breadcrumbs a:hover { color:#000000 ; text-decoration:underline ; } /* Override for specific templates */ div#home div#breadcrumbs { display:none ; } /* Search box */ div#search { position:absolute ; left:626px ; top:64px ; width:351px ; text-align:right ; } div#search label {vertical-align:top; display:inline; margin-right:4px ; color:#004796 ; font-size:11px ; font-weight:bold ; } div#search form{display:inline} div#search input {display:inline; margin:0 ; vertical-align:middle} div#search input#searchfield {display:inline; width:110px ; font-size:11px ; border:1px solid #6D6D6D ; vertical-align:top} /* Primary nav position */ div#prinav { position:absolute ; left:220px ; top:58px ; width:560px ; height:32px ; z-index:50 ; } div#prinavbg {display:none; position:absolute ; left:23px ; top:0px ; width:982px ; height:21px ; z-index:40 ; } div#pageBody { float:left ; margin:-110px 0px 0px 0px ; padding:0px 0px 0px 0px ; width:1003px; background:transparent url(img/ca_body_bg.gif) repeat-y ; } /* Override for specific templates */ div#home div#pageBody { float:left ; margin:0px 0px 0px 0px ; padding:0px ; background:transparent none } div#home div#pageBody.nothirdcol { background:transparent none } body.splendips div#pageBody.nothirdcol {padding-top: 100px ; margin: -213px 0px 0px; background:transparent url(img/bg_angel.jpg) no-repeat scroll left top;} div#question div#pageBody.nothirdcol {padding-top: 100px ; margin: -213px 0px 0px; background:transparent url(img/bg_angel.jpg) no-repeat scroll left top;} div#questionresults div#pageBody.nothirdcol {padding-top: 100px ; margin: -213px 0px 0px; background:transparent url(img/bg_angel.jpg) no-repeat scroll left top;} /*div#disclaimer div#pageBody { float:left ; margin:46px 0 22px 0 ; padding:0 ; background-image:none ; }*/ body.fullcontentBG div#pageBody {background:transparent url(img/ca_body_fullcontent_bg.gif) repeat-y ; } body.fullwidth780 div#pageBody{margin:-192px 0px 0px 0px; background:transparent url(img/body803_bg.gif) repeat-y ; } div#pageBody.nothirdcol { } /* Main content areas */ div#contentCentre { float:left ; margin:0 ; padding:20px 10px 0 15px; width:438px ; background: transparent url(img/ca_content_bg.jpg) no-repeat} /* Override for specific templates */ div#home div#contentCentre { float:left ; margin:0 14px 22px 0 ; padding:0 ; width:527px ; } div#KRLRecipeSearchResult div#contentCentre {min-height:1080px; height:auto !important; height:1080px} div#KRLRecipeDetail div#contentCentre {min-height:880px; height:auto !important; height:880px} body.noangel div#contentCentre {padding:0px 20px 100px 130px; width:620px; background: transparent url(img/footer_bg_landing_CA.jpg) no-repeat left bottom } /*body.dipsbackground div#contentCentre {background: transparent url(img/footer_bg_dips_CA.jpg) no-repeat left bottom}*/ body.nosubnavi div#contentCentre{margin:-20px 0px 0px 0px;} div#contentFull { float:left ; margin:0 ; padding:20px 10px 0 15px; width:438px ; background: transparent url(img/ca_content_bg.jpg) no-repeat } div#home div#contentFull { display:inline; padding:0 ; min-height: 353px; height:auto !important; height:353px; background:transparent url(img/home_main_bg_CA.jpg) no-repeat left bottom ; width:1003px ;} div#home div#contentFull div#homeHead{display:none} /* Overide for specific templates */ body.splendips div#contentFull{background: transparent none; width: 680px} div#question div#contentFull{background: transparent none; width: 610px ; padding-left:70px; color:#00529B} div#questionresults div#contentFull{background: transparent none; width: 610px ; padding-left:70px; color:#00529B} /*div#landing div#contentFull {padding:0px 90px 100px 130px; width:630px; background: transparent url(img/footer_bg_landing_CA.jpg) no-repeat left bottom } */ body.noangel div#contentFull {padding:0px 90px 100px 130px; width:630px; background: transparent url(img/footer_bg_landing_CA.jpg) no-repeat left bottom } /*body.dipsbackground div#contentFull {background: transparent url(img/footer_bg_dips_CA.jpg) no-repeat left bottom}*/ body.fullcontentBG div#contentFull {width:600px ; background: transparent url(img/ca_content_fullcontent_bg.jpg) no-repeat } div#contentLeft { display:block ; float:left ; width:249px ; margin:0px 0 22px 0 ; padding:0px 0px 0px 20px ; } div#contentLeft p { margin:0 0 10px 0 ; } div#contentLeft div#colourBox { padding:0px 0px 0px 0px ; margin:0px 0px 0px 10px ; } /* Overide for specific templates */ div#home div#contentLeft { display:none ; } body.splendips div#contentLeft{padding:284px 0px 0px 20px} div#question div#contentLeft{padding:284px 0px 0px 20px} div#questionresults div#contentLeft{padding:284px 0px 0px 20px} div#contentRight { display:inline; float:left; font-size:11px; margin:0px 0pt 22px 25px; padding:80px 0px 0px; width:213px;} /* Overide for specific templates */ div#contentRight div.normalImages{} body.dipsbackground div#contentRight div.normalImages {background:transparent url(img/ca_dips_angel.jpg) no-repeat ; height:282px; widht:215px; margin:20px 0px 0px 0px} div#home div#contentRight { display:none ; } div#contentRight img{border:none} body.rightColumn div#contentRight { background: transparent url(img/column_right_middle_bg.jpg) repeat-y ;margin-top:20px} body.fullwidth div#contentCentre{width:1003px; margin: 0; padding:0} body.fullwidth div#contentFull{width:1003px; margin: 0; padding:0} body.fullwidth div#contentLeft{display:none} body.fullwidth div#contentRight{display:none} body.fullwidth780 div#contentCentre{background: transparent url(img/content803_bg.jpg) no-repeat; width:783px; padding:40px 10px 0 20px;} body.fullwidth780 div#contentFull{background: transparent url(img/content803_bg.jpg) no-repeat; width:783px; padding:40px 10px 0 20px;} body.fullwidth780 div#contentLeft{width:80px} body.fullwidth780 div#contentLeft div#navbox{display:none} body.fullwidth780 div#contentRight{display:none} /* START General content area styles */ th { text-align:left ; } td { vertical-align:top ; } img { border:none ; } div.content { font-size:11px ; line-height:14px ; } div.content p { margin:0 0 15px 0 ; padding:0 ; } div.content ul { margin:10px 0 8px 15px ; padding:0 ; list-style-type:square ; list-style-image:url(img/bullet.gif) ; line-height:17px ; } body.cheesecake101 div.content ul.linkslist { margin:10px 0 8px 0px ;} div.content ol { margin:10px 0 8px 15px ; padding:0 ; list-style-type:square ; list-style-image:url(img/bullet.gif) ; line-height:17px ; } div.content ul li { margin-bottom:3px ; } div.content ul.longlist li{margin-bottom:10px ;} div.content ul a { color:#439bdc ; text-decoration:none ; font-size:12px } div.content ul a:hover { text-decoration:underline ; } div.content a { color:#3e8ac2 ; } div.content a:hover { text-decoration:none ; } div.content h1 { margin:0 0 15px 0 ; padding:0 ; font-family:arial ; font-weight:normal ; font-size:24px ; line-height:28px ; color:#666666 ; } div#sitemap div.content h1 {background: transparent url(img/sitemap_hdl_CAEN.gif) no-repeat; width:550px; height:33px;} div.content h2 { font-family:arial ; } div.content h4 { margin:0 0 10px 0 ; padding:0 ; font-family:arial,verdana ; font-weight:normal ; color:#00509f ; font-size:18px ; line-height:18px} div.content a img { border:none ; } div.content table { width:100% ; border-collapse:collapse ; border-spacing:0px; padding:0px; } div.content textarea { font-family:Arial ; font-size:12px ; } div.content input.disabled, div.content select.disabled { background-color:#eee ; color:#999 ; } div.content button { margin:0 ; padding-left:0 ; background-color:#FFFFFF ; border:1px solid #000 ; font-size:11px ; font-weight:bold ; vertical-align:top ; } div.content button img { margin:2px 0 0 0 ; vertical-align:top ; } div.content div.errors{ color:#ED1C2F ; font-weight:bold} fieldset.mandatory { background:transparent url(img/fieldset_mandatory.gif) 8px 19px no-repeat ; } fieldset.error { /*background:transparent url(img/fieldset_mandatory.gif) 0px 9px no-repeat ; */} fieldset.error label { color:#ED1C2F ; } div#formerror { margin:0 0 10px 0 ; padding:0 ; color:#ED1C2F ; font-weight:bold ; } /* Override for specific templates */ /*div#disclaimer div.content { padding:0 0 160px 0 ; }*/ div#home div.content div#homeHead h1 { margin:2px 0 12px 0 ; padding:0 ; font-family:arial ; font-weight:normal ; font-size:24px ; color:#4B4B4B ; text-align:center ; } div#home div.content div#homeHead h2 { margin:-41px 0px 0px 265px ; } div#home div.content div#homeHead p { margin:0 ; padding:0 15px ; text-align:center ; line-height:17px ; } /* END General content area styles */ /* Home & Landing Page content areas */ div.homeFeatures { float:left ; margin: 0; padding:0 ; background:transparent none } div.homeFeatures img { display:block ; border:none ; } div.homeFeatures a { color:#000000 ; text-decoration:none ; font-size:11px} div.homeFeatures a:hover, div.homeFeatures a:hover h2 { color:#000000 ; text-decoration:underline ; } div.homeFeatures h2 { display:block ; margin:0 0 12px 0 ; padding:8px 0 9px 23px ; font-family:arial ; color:#fff ; font-weight:normal ; font-size:26px ; ; background-color:#999999 ; } div.homeFeatures ul { margin:0 5px 0 5px ; padding:2px 0px ; list-style-type:none ; list-style-image:none ; color:#ffffff ; } div.homeFeatures li { margin:2px 0 ; padding:0 ; color:#000 ; font-size:12px ; } div.homeFeatures li a { color:#ffffff ; text-decoration:none ; text-align:center; display:block; font-weight:bold} div.homeFeatures li a:hover { color:#ffffff ; text-decoration:none ; } div.homeFeatures h5 { color:#000000 ; font-size:12px ; font-weight:normal ; text-align:right ; margin:5px 19px 5px 0 ; padding:0 ; } div.homeFeatures h5 a { color:#000000 ; font-size:12px ; text-decoration:underline ; } div.homeFeatures h5 a:hover { color:#000000 ; text-decoration:none ; } div.homeFeatures div.featureLeft { float:left ; width:263px ; margin-right:1px ; padding-top:8px ; background:transparent url(img/bg_homefeatureleft.gif) top no-repeat ; } div.homeFeatures div.featureRight { float:left ; width:263px ; margin:0 ; padding-top:8px ; background:transparent url(img/bg_homefeatureright.gif) top no-repeat ; } div#home div#kraftRecipeBox{margin:0px 0px 0px 235px} div#home div#kraftRecipeBox div.recipe_fields{} div#home div#kraftRecipeBox div.recipe_fields div.imagetype_15{display:inline; float:right} div#home div#kraftRecipeBox div.recipe_fields div.imagetype_13{padding:110px 0px 0px 0px } div#home div#kraftRecipeBox div.recipe_fields div.imagetype_16{display:inline; float:right} div#home div#kraftRecipeBox div.recipe_fields div.imagetype_14{padding:110px 0px 0px 0px } div#home div#kraftRecipeBox div#recently{position:relative; top:-13px; left:145px; background: transparent url(img/blue_button_170_24.gif) no-repeat ; width:170px;} div#home div#kraftRecipeBox div#morerecipes{position:relative; top:-28px; left:115px; background: transparent url(img/blue_button_129_24.gif) no-repeat ; width:129px;} div#home div#kraftRecipeBox div.recipe_fields div.imagetype_1{margin:-20px 0px 0px 38px; overflow:hidden; width:386px;} div#home div#kraftRecipeBox div.recipe_fields div.detaillink{position:relative; top:10px; left:10px; width:150px; background: transparent url(img/blue_button_129_24.gif) no-repeat ; width:129px;} div#home div#kraftRecipeBox div.recipe_fields div.detaillink a{font-size: 12px; color:#ffffff ; text-decoration:none ; text-align:center; padding:5px 0px 4px 0px; display:block; font-weight:bold} div#home div#kraftRecipeBox div.stdContBlock{clear:none; float:left; width:200px;} div#home div#pageBody div.homeFeatures { width:1003px ; } div#home div#pageBody.nothirdcol div.homeFeatures { width:1003px ; padding:20px 0px 0px 0px} div#home div#pageBody.nothirdcol div.homeFeatures div.featureLeft { width:376px ; } div#home div#pageBody.nothirdcol div.homeFeatures div.featureRight { width:376px ; } /* Footer used only on Home and Landing pages */ div#homeLandingFooter { display:block ; float:left ; width:943px ; margin:0 ; padding:0px 0px 0px 40px ; font-family:arial ; height:63px ; } div#homeLandingFooter.noGraphics { padding:10px 24px 0 24px ; height:70px ; } div#homeLandingFooter.withStdContent {height:auto; background-color:purple; } /* HP Bottom strip - True/Flase toggle. True will turn these values on for a mini model look*/ div#homeLandingFooter div.hmeFtrBlock1 { float:left ; width:310px ; margin:0 ; padding:0 0 12px 0 ; text-align:left ; } div#homeLandingFooter div.hmeFtrBlock2 { float:left ; width:311px ; margin:0 ; padding:0 0 12px 0 ; text-align:left ; } div#homeLandingFooter div.hmeFtrBlock3 { float:left ; width:318px ; margin:0 ; padding:0 0 12px 0 ; text-align:left ; } div#homeLandingFooter div.hmeFtrBlock { float:left ; width:458px ; margin:0 ; padding:3px 0 12px 0 ; text-align:center ; } div.hmeFtrBlock h2 { display:inline ; margin:0 10px 0 0 ; padding:0 ; color:#004796 ; font-weight:normal ; font-size:24px ; } div.hmeFtrBlock h2 a { color:#004796 ; text-decoration:none ; border-left:none ; } div.hmeFtrBlock h2 a:hover { text-decoration:underline ; } div.hmeFtrBlock h3 { display:inline ; margin:0 ; padding:0 ; color:#004796 ; font-weight:normal ; font-size:18px ; } div.hmeFtrBlock ul { margin:0 ; padding:0 ; } div.hmeFtrBlock li { display:inline ; } div.hmeFtrBlock a { color:#004796 ; border-left:1px solid #004796 ; padding:0 6px ; } div.hmeFtrBlock a:hover { text-decoration:none ; } div.hmeFtrBlock a.first { border-left:none ; } div.hmeFtrBlock div.stdContHeadImg a { border-left:none; } /* START Content blocks shared by various templates */ div.content div#articleUtils { margin:6px 0 0 0 ; padding:0 ; } div.content div#articleUtils form { margin:0 0 6px 0 ; padding:7px ; } div.content div#articleUtils img { float:left ; } div.content div#articleUtils label { display:block ; float:left ; margin:0 ; padding:2px 5px 2px 5px ; color:#4A4A4A ; font-size:12px ; font-weight:bold ; background:transparent url(img/blank.gif) left top no-repeat ; } div.content div#articleUtils select { font-size:10px ; width:295px ; } div.content div#articleUtils input { margin-left:12px ; vertical-align:middle ; } div#actionlinks { padding:4px 0 6px 0 ; } div#actionlinks a { margin-left:9px ; padding:0 6px 0 20px ; font-size:11px ; font-weight:bold ; text-decoration:none ; } div#actionlinks a:hover { text-decoration:none ; } div#actionlinks a.PrinterFriendly { background:transparent url(img/icon_printerfriendly.gif) center left no-repeat ; } div#actionlinks a.EmailFriend { background:transparent url(img/icon_email.gif) center left no-repeat ; } div#actionlinks a.MultiEmailFriend { background:transparent url(img/icon_email.gif) center left no-repeat ; } div.content div#contHeader { display:block ; margin:0px 0 0 0 ; padding:0px 0px 20px ; overflow:hidden} body.nosubnavi div#contHeader{top:-30px;} div#loginTemplate div#contHeader{top:-30px;} div.imgBoxLeftCol { float:right ; margin:10px 0 0 0px ; padding:0 ; } div.imgBoxLeftCol img { border:2px solid #4B4B4B ; } div.imgBoxLeftCol h6 { margin:5px 0 0 0 ; padding:0 ; font-size:11px ; font-weight:bold ; color:#4B4B4B ; } div.imgBoxLeftCol p { margin:5px 0 0 0 ; padding:0 ; font-size:11px ; color:#4B4B4B ; } div.normalImages div { width:auto ; } div.normalImages div h6 { margin:4px 2px 0 6px ; padding:0 ; font-size:12px ; } div.normalImages div p { margin:4px 2px 0 6px ; padding:0 ; font-size:11px ; } div.articleImages div { float:left ; margin-bottom:10px ; padding:8px 0 8px 0 ; background-color:#CFCFCF ; color:#000 ; } div.articleImages div h6 { margin:4px 2px 0 6px ; padding:0 ; font-size:12px ; } div.articleImages div p { margin:4px 2px 0 6px ; padding:0 ; font-size:11px ; } div.imageFeature img { border-left:9px solid #CFCFCF ; border-right:32px solid #CFCFCF ; } div.imageFeature h2 { margin:7px 0 2px 0 ; font-family:arial ; color:#000000 ; font-size:18px ; font-weight:normal ; } div.imageFeature h2 a { color:#000000 ; text-decoration:none ; } div.imageFeature h2 a:hover { color:#000000 ; text-decoration:underline ; } div.imageFeature p { font-size:12px ; } div.headedLinks { font-size:11px ; margin:0 0 5px 0 ; padding-bottom:10px ; background-color:#CFCFCF ; } div.headedLinks h2 { margin:0 ; padding:2px 2px 2px 7px ; font-family:arial ; font-size:20px ; font-weight:normal ; color:#000000 ; } div.headedLinks h2 img { margin-right:5px ; vertical-align:middle ; } div.headedLinks p { margin:0 ; padding:3px 0 7px 7px ; font-family:Verdana ; font-size:12px ; line-height:17px ; background-color:#fff ; } div.headedLinks dl { margin:0 ; padding:0 ; } div.headedLinks dt { margin:0 ; padding:0 ; background-color:#fff ; font-size:12px ; font-weight:bold ; } div.headedLinks dt a { display:block ; margin-top:1px ; padding:4px 4px 4px 7px ; color:#000 ; background:transparent url(img/button.gif) center right no-repeat ; text-decoration:none ; } div.headedLinks dt a:hover { text-decoration:underline ; } div.headedLinks dd { margin:0 ; padding:0 4px 4px 7px ; background-color:#fff ; } div.paraLinks { float:left ; width:184px ; margin-bottom:1px ; padding:10px 8px 8px 7px ; font-size:11px ; } div.paraLinks img { float:left ; margin-right:5px ; } div.paraLinks h3 { margin:0 0 5px 0 ; font-family:arial ; color:#000000 ; font-weight:normal ; font-size:18px ; } div.paraLinks div { margin-left:26px ; } div.paraLinks div p { font-size:11px ; } div.paraLinks div h5 { margin:0 ; padding:0 ; text-align:right ; font-weight:normal ; } div.paraLinks div h5 a { color:#000000 ; font-size:11px ; } div.paraLinks div h5 a:hover { text-decoration:none ; } /* Override for specific templates */ div#home div.paraLinks h3 { margin:0 0 5px 0 ; color:#000000 ; font-weight:normal ; font-size:18px ; } div#landing div.content div.paraLinks { background-color:#CFCFCF ; } div.bulletLinks { margin-bottom:1px ; padding:4px 0px 8px 20px ; width:180px ; font-size:11px ; } div.bulletLinks img { vertical-align:middle ; margin-right:5px ; } div.bulletLinks h3 { margin:0 0 5px 0 ; font-family:arial ; color:#000000 ; font-weight:normal ; font-size:18px ; } div.bulletLinks div { clear:left ; font-size:11px ; } div.bulletLinks ul { margin:0 ; padding:0 0 0 26px ; color:#000 ; list-style-type:square ; list-style-image:url(img/bullet.gif) ; } div.bulletLinks li { line-height:17px ; } div.bulletLinks li a { padding-bottom:3px ; color:#4A4A4A ; text-decoration:none ; } div.bulletLinks li a:hover { text-decoration:underline ; } div.bulletLinks div h5 { margin:5px 0 0 0 ; text-align:right ; font-weight:normal ; } div.bulletLinks div h5 a { color:#000000 ; font-size:11px ; } div.bulletLinks div h5 a:hover { text-decoration:none ; } /* Override for specific templates */ div#home div.bulletLinks { padding:10px 8px 8px 7px ;} div#home div.bulletLinks h3 { margin:0 0 5px 0 ; color:#4A4A4A ; font-weight:normal ; font-size:18px ; } div#home div.bulletLinks ul { margin:0 ; padding:0 0 0 26px ; color:#000 ; list-style-type:square ; list-style-image:url(img/bullet.gif) ; } div#landing div.content div.bulletLinks { background-color:#CFCFCF ; } div.newsletterFeature { float:left ; width:201px ; margin:5px 0 9px 0 ; padding:0 ; } div.newsletterFeature h4 { margin:0 0 3px 0 ; color:#4A4A4A ; font-size:10px ; } div.newsletterFeature h4 img { margin-right:5px ; vertical-align:baseline ; } div.newsletterFeature p { margin:0 ; font-size:10px ; } div.newsletterFeature a { color:#4A4A4A ; margin-left:5px ; } div.newsletterFeature a:hover { text-decoration:none ; } div.loginBox { float:left ; margin:5px 0 0 0 ; padding:4px 0 8px 0 ; width:201px ; font-size:11px ; } div.loginBox img { vertical-align:middle ; margin-right:5px ; } div.loginBox h2 { margin:0 0 5px 5px ; font-family:arial ; color:#4A4A4A ; font-weight:normal ; font-size:18px ; } div.loginBox p { padding-left:8px ; } div.loginBox form { display:block ; margin:0 0 3px 0 ; padding:8px 0 8px 8px ; background-color:#CFCFCF ; } div.loginBox label { display:block ; padding-bottom:2px ; } div.loginBox input { display:block ; margin-bottom:6px ; width:178px ; } div.loginBox fieldset { margin:0 ; border:none ; padding:0 8px 0 0 ; text-align:right ; } div.loginBox a { font-size:10px ; color:#4A4A4A ; } div.loginBox a:hover { text-decoration:none ; } div#rightColVSpace { float:left ; height:105px ; } /* END Content blocks shared by various templates */ /* START Standard Content Page */ div.stdContBlock { clear:left ; margin:0 0 15px 0 ; padding:0 ; } div.stdContBlock img{margin-bottom:20px} div.stdContBlock div.stdContHeadImg { padding-bottom:5px ; } div.stdContBlock td { vertical-align:top ; padding:0 ; } div.stdContBlock td.textArea { width:100% ; } div#bluebox {background:transparent url(img/bluebox_top.jpg) no-repeat; width:431px ; padding:20px 0px 20px 0px; color:#ffffff} div#bluebox table tr {background:transparent url(img/bluebox_middle.jpg) repeat-y; width:431px ;} div#bluebox table {background:transparent url(img/bluebox_bottom.jpg) no-repeat left bottom; width:431px ; } div#bluebox td {padding: 0px 20px 20px 10px} div#noborder {border-bottom:none} div#noborder img {border:none} div#dipsBackground{background: transparent url(img/ca_dips_bg.jpg) no-repeat left bottom; min-height:320px; height:auto !important; height: 320px; padding:0px 0px 0px 230px;} div.stdContBlock div.imageBoxLeft { padding:0px 25px 0 0 ; } div.stdContBlock div.imageBoxLeft img { display:block ; margin-bottom:15px ; border:none ; } div.stdContBlock div.imageBoxLeft h6 { display:none; margin:2px 7px 0 7px ; color:#000 ; font-size:12px ; line-height:15px ; } div.stdContBlock div.imageBoxRight { padding:0px 0 0 25px ; } div.stdContBlock div.imageBoxRight img { display:block ; margin-bottom:15px ; border:none ; } div.stdContBlock div.imageBoxRight h6 { display:none; margin:2px 7px 0 7px ; color:#000 ; font-size:12px ; line-height:15px ; } div#backtophilly{clear:none; float:left; width:250px} div#backtotop{clear:none; float:right; } div#contBlockCenter{padding-left:190px} body.cheesecake101 div.stdContBlock ul.linkslist{list-style-type:none ; list-style-image:none;} body.cheesecake101 div.stdContBlock ul.linkslist a{color:#ef373a; list-style-image:none; line-height:12px; text-decoration:underline} body.cheesecake101 div.stdContBlock ul.linkslist a:hover{text-decoration:none} /* END Standard Content Page */ /* START Multiple Column*/ div.multiColumns{} div.colCount2{} div.columnContent{width:205px; float:left} div.columnContent firstCol{padding-left:20px;} /* END Multiple Column*/ /*START LAYOUTMODE=stdLanding*/ body.stdLanding div.stdContBlock{border-bottom:1px solid #b1b1b1} body.stdLanding div.stdContBlock img{border:1px solid #b1b1b1} body.imgNoBorder div.stdContBlock img{border:none} body.stdLanding div#colourBox div.stdContBlock{border-bottom:none} /*END LAYOUTMODE=stdLanding */ /* START FAQ page */ div#faqs form#categoryform fieldset { display:inline ; margin-right:10px ; border:none ; vertical-align:top ; font-size:11px ; } div#faqs form#categoryform fieldset label { float:left ; display:block ; margin-top:3px ; } div#faqs form#categoryform fieldset select { margin-right:5px ; } div#faqs form#categoryform fieldset input { margin-right:5px ; } /* END FAQ page */ /* START Links Page */ div.linksContBlock { clear:left ; margin:10px 0 0 0 ; padding:0 ; } div.linksContBlock table { margin-bottom:10px ;} div.linksContBlock td { vertical-align:top ; padding:0 ; } div.linksContBlock td.textArea { width:100% ; } div.linksContBlock td.textArea h5 { margin:0 0 8px 0 ; padding:0 ; font-weight:bold ; font-size:12px ; } div.linksContBlock ul { margin:8px 0 0 16px ; padding:0 ; list-style-type:none ; } div.linksContBlock li a { color:#000000 ; text-decoration:underline ; } div.linksContBlock li a:hover { text-decoration:none ; } div.linksContBlock h2 { margin:0 0 12px 0 ; padding:0 ; color:#4A4A4A ; font-weight:normal ; font-size:18px ; font-family:Arial ; } div.linksContBlock div.imageBoxLeft { margin-right:25px ; padding:0 23px 0 8px ; background-color:#CFCFCF ; } div.linksContBlock div.imageBoxLeft img { display:block ; margin-bottom:9px ; border:none ; } div.linksContBlock div.imageBoxRight { margin-left:15px ; padding:0 8px 0 23px ; background-color:#CFCFCF ; } div.linksContBlock div.imageBoxRight img { display:block ; margin-bottom:9px ; border:none ; } /* END Links Page */ /* START Landing Page */ div.largeFocusItem { clear:left ; margin:10px 0 0 0 ; padding:0 ; overflow:hidden} div.largeFocusItem td { vertical-align:top ; padding:0 ; } div.largeFocusItem td.textArea { width:100% ; } div.largeFocusItem img { margin:0 9px 0 0 ; } div.largeFocusItem h4 { margin:0 0 5px 0 ; padding:0 ; font-size:18px ; line-height:21px ; } div.largeFocusItem h5 { margin:0 ; padding:5px 10px 5px 5px ; font-size:11px ; } div.largeFocusItem h5 a { display:block ; padding-left:23px ; width:173px ; font-weight:normal; color:#3e8ac2 ; background:transparent url(img/bullet.gif) top left no-repeat ; text-decoration:none ; } div.largeFocusItem h5 a:hover { text-decoration:underline ; } div.smallFocusItem { float:left ; margin:10px 0px 0 0 ; width:198px ; padding:0px 20px 0px 0px ; min-height:210px; height:auto !important; height:200px} div.smallFocusItem img, div.smallFocusItem a img { display:block ; } div.smallFocusItem h4 { margin:0 ; padding:0 ; color:#4A4A4A ; font-size:18px ; line-height:21px ; } div.smallFocusItem div { margin:0 ; padding:5px 10px 5px 5px ; width:175px ; } div.smallFocusItem h5 { margin:0 ; padding:5px 10px 5px 5px ; font-size:11px ; width:175px ;} div.smallFocusItem h5 a {display:block; padding-left:20px; width:150px ; font-weight:normal; color:#3e8ac2 ; background:transparent url(img/bullet.gif) top left no-repeat ; text-decoration:none ; } div.smallFocusItem h5 a:hover { text-decoration:underline ; } body.productSubcatLanding div.smallFocusItem{width:180px; float:left; min-height:100px; height:auto} body.productSubcatLanding div.smallFocusItem img, body.productSubcatLanding div.smallFocusItem a img{display:inline} body.productSubcatLanding div#smallFocusItem1{padding-right:20px} body.productSubcatLanding div#smallFocusItem2{text-align:right} body.productSubcatLanding div#smallFocusItem3{width:100%; text-align:center} body.productSubcatLanding div#smallFocusItem4{padding-right:20px} body.productSubcatLanding div#smallFocusItem5{text-align:right} div.focusContLeft, div.focusContRight { display:inline ; } div#smallFocusItem2{padding:0px} div#smallFocusItem4{padding:0px} div#smallFocusItem6{padding:0px} div#smallFocusItem8{padding:0px} div#smallFocusItem10{padding:0px} /* body.recipeLanding div.smallFocusItem{padding:0px 40px 0px 0px ;} body.recipeLanding div#smallFocusItem2{padding:0px 60px 0px 0px ;} body.recipeLanding div#smallFocusItem3{padding:0px 40px 0px 0px} body.recipeLanding div#smallFocusItem4{padding:0px 60px 0px 0px ;} body.recipeLanding div#smallFocusItem6{padding:0px 40px 0px 0px} body.recipeLanding div#smallFocusItem9{padding:0px 40px 0px 0px} */ div#otherFocusItems{clear:left} div.otherFocusItem { float:left ; margin:0 0 10px 0 ; padding:20px 0 ; width:100% ; } div.otherFocusItem img { float:left ; margin:0 3px 10px 0 ; } div.otherFocusItem h4 { float:left ; margin:0 0 2px 0 ; padding:0 ; width:123px ; font-size:14px ; line-height:17px ; font-weight:bold ; background:transparent url(img/bullet.png) top left no-repeat ; } div.otherFocusItem h4 a { padding-left:23px ; color:#000000 ; text-decoration:none ; font-size:12px ; } div.otherFocusItem h5 { float:left ; margin:0 0 2px 0 ; padding-left:23px ; font-weight:normal ; background:transparent url(img/bullet.png) top left no-repeat ; } div.otherFocusItem h5 a { color:#000000 ; text-decoration:none ; font-size:12px ; } /*splendips*/ body.splendips div.largeFocusItem { clear:left ; margin:10px 0 50px 0 ; padding:0 ; color:#00529b; font-size:12px;line-height:18px} body.splendips div.largeFocusItem td { vertical-align:top ; padding:0 ; } body.splendips div.largeFocusItem td.textArea { width:100% ; } body.splendips div.largeFocusItem img { margin:0 30px 0 0 ; } body.splendips div.largeFocusItem h4 { margin:0 0 5px 0 ; padding:0 ; font-size:18px ; line-height:21px ; } body.splendips div.largeFocusItem h5 { margin:5px 0 0 0 ; padding:0 ; } body.splendips div.largeFocusItem h5 a { display:block ; padding-left:23px ; width:200px ; text-decoration:none ; background:transparent url(img/bullet.png) top left no-repeat ; } body.splendips div.largeFocusItem h5 a:hover { text-decoration:underline ; } body.splendips div.smallFocusItem { float:left ; margin:10px 0px 0 0 ; padding:0 40px 0px 0px ; width:287px ; min-height:220px; height:auto !important ; height:220px } body.splendips div.smallFocusItem img, body.splendips div.smallFocusItem a img { display:block ; } body.splendips div.smallFocusItem h4 { margin:0 ; padding:0 ; color:#4A4A4A ; font-size:18px ; line-height:21px ; } body.splendips div.smallFocusItem div { margin:0 ; padding:5px 10px 5px 10px ; width:267px ; } body.splendips div.smallFocusItem h5 { margin:0 ; padding:5px 10px 5px 10px ; font-size:11px ; } body.splendips div.smallFocusItem h5 a { display:block ; padding-left:23px ; width:173px ; color:#004796 ; font-weight:bold ; background:transparent none ; text-decoration:none ; } body.splendips div.smallFocusItem h5 a:hover { text-decoration:underline ; } /* Landing Page - alternative layouts (set by Page Parameters) */ body.altLanding div.largeFocusItem { clear:none ; float:left ; width:346px ; } body.altLanding div.largeFocusItem h4 { font-size:14px ; line-height:18px ; font-weight:bold ; } body.altLanding div.largeFocusItem h5 { text-align:left ; } body.altLanding div.largeFocusItem h5 a { display:block ; padding:0 0 1px 23px ; color:#000000 ; font-size:11px ; background:transparent url(img/bullet.png) top left no-repeat ; } body.altLanding div.smallFocusItem { position:relative ; min-height:260px ; } body.altLanding div.smallFocusItem img { margin-bottom:17px ; } body.altLanding div.smallFocusItem h5 { position:absolute ; left:0 ; top:202px ; } body.altLanding2 div.smallFocusItem { padding-top:10px ; height:auto ; background:transparent url(img/bg_smallfocus_divider.png) top left no-repeat ; } body.altLanding2 div.smallFocusItem h5 { padding-bottom:10px ; background:transparent url(img/bg_smallfocus_divider.png) bottom left no-repeat ; } body.altLanding2 div#smallFocusItem3 { margin-right:0 ; } body.altLanding3 div.smallFocusItem { margin-top:0 ; width:341px ; height:500px ; background-position:bottom left ; } body.altLanding3 div.smallFocusItem div { width:300px ; } body.altLanding4 div.smallFocusItem { margin:0 ; width:346px ; height:auto ; background-position:top right ; } body.altLanding4 div.smallFocusItem img { float:left ; } body.altLanding4 div.smallFocusItem h4 { font-size:14px ; font-weight:bold ; line-height:18px ; } body.altLanding4 div.smallFocusItem div { padding:5px 5px 5px 0 ; width:auto ; } body.altLanding4 div.smallFocusItem h5 { float:left ; padding:0 ; width:110px ; } body.altLanding4 div.smallFocusItem h5 a { float:left ; background-image:url(img/bullet.png) ; width:93px ; } body.altLanding4 div#smallFocusItem1 { margin-right:10px ; } body.altLanding2 div.otherFocusItem { float:left ; margin:10px 0 0 0 ; padding:15px 0 0 0 ; width:346px ; background:transparent url(img/landingalt_divider.png) top left no-repeat ; } body.altLanding2 div.otherFocusItem h4 { float:none ; margin:0 ; padding:0 ; width:auto ; font-size:14px ; line-height:18px ; font-weight:bold ; background:none ; } body.altLanding2 div.otherFocusItem h5 { float:left ; margin:5px 0 0 0 ; padding:0 ; font-size:11px ; } body.altLanding2 div#landing div.otherFocusItem h5 a { display:block ; padding:0 0 1px 23px ; color:#000000 ; font-size:11px ; font-weight:normal ; background:transparent url(img/bullet.png) top left no-repeat ; width:155px ; } body.altLanding2 div#landing div.otherFocusItem h5 a.pdf { background:transparent url(img/icon_link_pdf.png) top left no-repeat ; } /* END Landing Page */ /* START Recipe Pages */ div#recipehead { float:left ; margin-bottom:20px ; padding:0 ; width:100% ; font-size:11px ; } div#recipehead h1 { margin-bottom:5px ; color:#666666 ; } div#recipehead h4 { margin:0 0 3px 0 ; color:#666666 ; font-weight:normal ; font-size:12px ; font-weight:bold ; } div#recipehead div#actionlinks { float:left ; clear:all ; width:750px ; padding-bottom:6px ; border-bottom:1px solid #000000 ; } div#recipehead div#actionlinks a { color:#000000 ; } div#recipehead div#actionlinks a.PrinterFriendly { background:#fff url(img/icon_printerfriendly.gif) center left no-repeat ; } div#recipehead div#actionlinks a.EmailFriend { background:#fff url(img/icon_email.gif) center left no-repeat ; } /* General Recipe Browse/Search styles */ div#recipeTools { font-size:11px ; } div#recipeTools h4 { color:#000000 ; } div#recipeTools h4 img { margin-right:5px ; vertical-align:middle ; } div#recipeTools fieldset { border:none ; margin:0 ; padding:0 ; } div#recipeTools select { font-size:11px ; } div#recipeTools input { vertical-align:middle ; } div#recipeTools img { vertical-align:middle ; } /* Recipe Browse/Search on the Recipe template */ div#recipe div#recipeBrowse { float:left ; margin-top:10px ; padding:4px 13px 8px 8px ; width:530px ; height:69px ; background-color:#999999 ; overflow:hidden ; } div#recipe div#recipeBrowse form { margin:0 0 2px 28px ; } div#recipe div#recipeBrowse fieldset { border:none ; margin:0 ; padding:0 ; } div#recipe div#recipeBrowse select { width:190px ; } div#recipe div#recipeBrowse fieldset#fs_category { float:left ; } div#recipe div#recipeBrowse fieldset#fs_category label { display:none ; } div#recipe div#recipeBrowse fieldset#fs_category select { margin:0 10px 2px 0 ; } div#recipe div#recipeBrowse fieldset#fs_nutcontent { float:left ; } div#recipe div#recipeBrowse fieldset#fs_nutcontent label { margin:0 ; font-size:12px ; font-weight:bold ; color:#000000 ; } div#recipe div#recipeBrowse fieldset#fs_nutcontent button { margin:0 0 0 10px ; } div#recipe div#recipeBrowse fieldset#fs_nutcontent select { margin:0 0 2px 10px ; } div#recipe div#recipeBrowse fieldset#fs_keywords { clear:left ; } div#recipe div#recipeSearch { float:left ; margin-top:10px ; padding:4px 13px 8px 8px ; width:178px ; height:69px ; background-color:#CFCFCF ; overflow:hidden ; } div#recipe div#recipeSearch form { margin:0; padding:4px 0 0 23px ; } div#recipe div#recipeSearch fieldset { } div#recipe div#recipeSearch fieldset#fs_search_text label { display:none ; } div#recipe div#recipeSearch fieldset#fs_search_text input { margin:0 15px 0 0 ; width:98px ; height:13px ; } /* Recipe Browse/Search on the Recipe Search template */ div#recipesrch div#recipeTools { float:left ; margin:0 0 18px 0 ; width:503px ; } div#recipesrch div#recipeBrowse { float:left ; margin:0 ; padding:6px 13px 8px 8px ; width:482px ; background-color:#999999 ; } div#recipesrch div#recipeBrowse form { margin:0 0 2px 28px ; } div#recipesrch div#recipeBrowse fieldset#fs_category { margin:10px 0 4px 0 ; } div#recipesrch div#recipeBrowse fieldset#fs_nutcontent { margin:0 0 4px 0 ; } div#recipesrch div#recipeBrowse label { float:left ; font-weight:bold ; width:94px ; } div#recipesrch div#recipeBrowse fieldset#fs_keywords { padding-left:90px ; } div#recipesrch div#recipeBrowse fieldset#fs_keywords label { float:none ; display:inline ; font-weight:normal ; margin:0 15px 0 5px ; } div#recipesrch div#recipeBrowse select { float:left ; width:309px ; } div#recipesrch div#recipeBrowse button { float:right ; margin-top:2px ; } div#recipesrch div#recipeSearch { float:left ; margin:0 ; padding:6px 13px 8px 8px ; width:482px ; background-color:#CFCFCF ; } div#recipesrch div#recipeSearch form { margin:0 0 0 23px ; } div#recipesrch div#recipeSearch fieldset#fs_search_text { margin:5px 0 5px 0 ; } div#recipesrch div#recipeSearch fieldset#fs_search_text label { float:left ; font-weight:bold ; padding-right:5px ; width:130px ; } div#recipesrch div#recipeSearch fieldset#fs_search_text input { float:left ; margin:0 ; width:260px ; height:13px ; } div#recipesrch div#recipeSearch fieldset#fs_search_text button { float:right ; } div#recipesrch div#recipeSearch fieldset#fs_searchkeywords { padding-left:132px ; } div#recipesrch div#recipeSearch fieldset#fs_searchkeywords label { float:none ; font-weight:normal ; margin:0 15px 0 5px ; } div#recipeImgArea { float:left ; margin:0 ; padding:8px 0 ; width:200px ; background-color:#CFCFCF ; font-weight:bold ; } div#recipeImgArea img { display:block ; } div#recipeImgArea ul { margin-left:25px ; list-style-image:url(img/bullet.gif) ; } div#recipeDetails { float:left ; margin:0 11px 0 24px ; padding:0 ; width:316px ; } div#recipeDetails table { margin-bottom:10px ; width:auto ; } div#recipeDetails td { padding:1px 0 ; } div#recipeDetails td strong { margin-right:5px ; } div#recipeDetails h4 { color:#666666 ; } div#recipeDetails ul { margin-left:17px ; list-style-image:url(img/bullet.gif) ; } div#recipeNutrInfo { float:left ; margin:0 ; padding:0 ; width:199px ; font-size:11px ; } div#recipeNutrInfo table { background-color:#EBEBEB ; } div#recipeNutrInfo th { padding:1px 2px 1px 8px ; font-weight:normal ; background-color:#CFCFCF ; } div#recipeNutrInfo th strong { font-size:12px ; line-height:15px ; } div#recipeNutrInfo th strong a { color:#000 ; text-decoration:none ; } div#recipeNutrInfo th strong a:hover { text-decoration:underline ; } div#recipeNutrInfo tr.alt { background-color:#F6F6F6 ; } div#recipeNutrInfo td { border-bottom:1px solid #CFCFCF ; } div#recipeNutrInfo td.col1 { padding:1px 0 1px 8px ; } div#recipeNutrInfo td.col2 { padding:1px 8px 1px 0 ; text-align:right ; } div#recipeFocusLarge { float:left ; clear:left ; margin:0 17px 18px 0 ; width:235px ; } div#recipeFocusLarge img { border-left:9px solid #CFCFCF ; border-right:26px solid #CFCFCF ; } div#recipeFocusLarge h2 { margin:9px 0 5px 0 ; font-size:16px ; color:#666666 ; } div#recipeFocusLarge ul { list-style-image:url(img/bullet.gif) ; } div#recipeFocusLarge li { margin-bottom:5px ; } div#recipeFocusLarge h5 { margin:10px 0 0 0 ; font-weight:normal ; text-align:right ; font-size:11px ; } div#recipeFocusLarge h5 a { color:#000000 ; } div#recipeFocusLarge h5 a:hover { text-decoration:none ; } div#recipeFocusSmallArea { float:left ; width:756px ; clip:rect(0,755px,100%,0) ; background:#fff url(img/bg_recipe_smallfocus.gif) top left repeat-y ; } div.recipeFocusSmall { float:left ; margin:0 ; padding:0 ; width:252px ; } div.recipeFocusSmall img { border-top:8px solid #999999 ; border-right:1px solid #fff ; } div.recipeFocusSmall h4 { padding:5px 5px 5px 15px ; border-right:1px solid #fff ; font-size:14px ; font-weight:bold ; color:#fff ; background-color:#999999 ; } div.recipeFocusSmall div { padding:5px 5px 5px 15px ; } div.recipeFocusSmall h5 { margin:4px 2px 5px 0 ; font-weight:normal ; text-align:right ; font-size:11px ; } div.recipeFocusSmall h5 a { color:#000000 ; } div.recipeFocusSmall h5 a:hover { text-decoration:none ; } /* END Recipe Pages */ /* START Recipe Search Results */ div#recsrchresults h1 { color:#666666 ; } div#resultsHead { margin:0 0 5px 0 ; padding:7px ; background-color:#CFCFCF ; } div#resultsArea table#pagination { margin:0 0 2px 0 ; font-size:11px ; border-bottom:1px solid #CFCFCF ; } div#resultsArea table#pagination td { padding:0 0 4px 4px ; } div#resultsArea td#paginLinks { text-align:right ; } div#resultsArea td#paginLinks a { color:#000000 ; text-decoration:underline ; font-weight:bold ; } div#resultsArea td#paginLinks a:hover { text-decoration:none ; } div#resultsArea table#results { margin:0 ; } div#resultsArea table th { font-weight:normal ; vertical-align:top ; } div#resultsArea table#results th { border-bottom:1px solid #999999 ; padding:2px 0 2px 4px ; } div#resultsArea table#results td { border-bottom:1px solid #999999 ; padding:2px 0 2px 4px ; } div#resultsArea .resultCals { text-align:right ; } div#resultsArea .resultTime { text-align:right ; } div#resultsArea .resultNum { color:#000000 ; font-weight:bold ; } div#resultsArea .resultNum { color:#000000 ; font-weight:bold ; } div#resultsArea table#results a { text-decoration:none ; color:#000 ; } div#resultsArea table#results a:hover { text-decoration:underline ; } div#resultsBottom { margin:15px 0 0 0 ; padding:0 0 0 4px ; } div#resultsBottom a { color:#000000 ; text-decoration:underline ; } div#resultsBottom a:hover { color:#000000 ; text-decoration:none ; } /* END Recipe Search Results */ /* START Product Nutrition Landing */ div#nutritionImgArea { float:left ; margin:10px 28px 0 0 ; padding:0 ; width:235px ; } div#nutritionImgArea img { display:block ; margin-bottom:12px ; } div#nutritionImgArea h2 { margin:10px 0 10px 0 ; font-size:19px ; font-weight:normal ; color:#666666 ; } div#nutritionImgArea h5 { margin:10px 0 0 0 ; font-weight:normal ; text-align:right ; font-size:11px ; } div#nutritionImgArea h5 a { color:#000000 ; } div#nutritionImgArea h5 a:hover { text-decoration:none ; } div#prodlanding div#nutritionImgArea img { border-left:9px solid #CFCFCF ; border-right:26px solid #CFCFCF ; } /* END Product Nutrition Landing */ /* START Product Nutrition Pages */ div#prodNutrInfo { float:left ; margin:0 28px 0 0 ; padding:0 ; width:235px ; } div#nutritionTable { float:left ; margin:10px 0 0 0 ; padding:0 ; width:235px ; font-size:10px ; } div#nutritionTable h2 { margin:0 ; padding:0 0 0 8px ; color:#666666 ; font-size:18px ; line-height:21px ; font-weight:normal ; } div#nutritionTable h2 a { color:#000000 ; text-decoration:none ; } div#nutritionTable h2 a:hover { text-decoration:underline ; } div#nutritionTable span { padding:0 0 0 8px ; } div#nutritionTable table { margin:8px 0 0 0 ; font-size:11px ; background-color:#EBEBEB ; border-top:1px solid #4A4A4A ; } div#nutritionTable tr.alt { background-color:#F6F6F6 ; } div#nutritionTable td { border-bottom:1px solid #CFCFCF ; } div#nutritionTable td a { text-decoration:none ; color:#000 ; } div#nutritionTable td a:hover { text-decoration:underline ; } div#nutritionTable td.col1 { padding:1px 0 1px 8px ; } div#nutritionTable td.col2 { padding:1px 8px 1px 0 ; text-align:right ; } div#nutritionTextCol { float:left ; margin:10px 0 0 0 ; padding:0 ; width:228px ; background-color:#EBEBEB ; } div#nutritionTextCol div#head { margin:0 ; padding:8px 10px 6px 14px ; background-color:#CFCFCF ; font-size:10px ; } div#nutritionTextCol h3 { margin:0 ; padding:0 ; color:#4A4A4A ; font-size:12px ; line-height:15px ; } div#nutritionTextCol div#explanationArea { position:relative ; margin:0 ; padding:0 ; min-height:159px ; font-size:11px ; } div#nutritionTextCol div#foot { margin:0 ; padding:6px 10px 8px 14px ; background-color:#CFCFCF ; font-size:10px ; line-height:11px ; } div.explanations { position:relative ; margin:0 ; padding:8px 12px 8px 14px ; left:0 ; top:0 ; width:202px ; display:none ; background-color:#EBEBEB ; } div#initialexplan { display:block ; } /* END Product Nutrition */ /* START Nutrition Info */ div#nutritionProductSelect { float:left ; margin:10px 0 0 0 ; padding:8px 16px 16px 6px ; width:467px ; background-color:#CFCFCF ; } div#nutritionProductSelect img { float:left ; margin-right:2px ; vertical-align:top ; } div#nutritionProductSelect h2 { vertical-align:top ; margin:3px 0 6px 0 ; color:#4A4A4A ; font-size:19px ; font-weight:normal ; } div#nutritionProductSelect form { display:block ; clear:all ; margin:10px 0 0 26px ; } div#nutritionProductSelect select { margin:15px 0 0 0 ; font-size:11px ; width:417px ; } /* END Nutrition Info */ /* START Search Results */ div#resultSummary { margin:0 ; padding:7px 7px 7px 9px ; background-color:#CFCFCF ; } div#resultPagination { margin:0 ; padding:5px 0px 5px 0px ; border-bottom:1px solid #c3abb3 ; } div#resultPagination td { font-size:11px ; } div#resultPagination td#col1 strong { color:#4A4A4A ; } div#resultPagination td#col2 { text-align:right ; } div#resultPagination td#col2 span { font-weight:bold ; } div#resultPagination td#col2 a { color:#000000 ; font-weight:bold ; } div#resultPagination td#col2 a:hover { text-decoration:none ; } div#results { padding:0 0 20px 0 ; } div#results th, div#results td { padding:3px 10px 3px 12px ; text-align:left ; border-bottom:1px solid #4A4A4A ; } div#results .col1 { width:30px ; font-weight:bold ; color:#4A4A4A ; } div#results .col2 { } div#results .col3 { width:100px ; } div#results td a { text-decoration:none ; color:#000 ; } div#results td a:hover { text-decoration:underline ; } div#searchresults div.imgBoxLeftCol { margin:0 ; padding:8px 0 30px 0 ; background-color:#CFCFCF ; } div#searchresults div.imgBoxLeftCol img { border:none ; } /* END Search Results */ /* START Disclaimer */ div#disclaimerContent { float:left ; } div#disclaimerButtons { float:left ; margin:10px 0 0 0 ; padding:0 ; } div#disclaimerButtons button { background:transparent url(img/button_bg.gif) no-repeat ; width:77px ; height:22px; color:#ffffff; border:none } div#disclaimerButtons button#goback { float:left ; } div#disclaimerButtons button#continue { float:right ; } /* END Disclaimer */ /* START Site Map */ div#sitemap div.imgBoxLeftCol { margin:0 0 0 23px ; padding:0 ; } div#sitemap div.imgBoxLeftCol img { border-top:10px solid #CFCFCF ; border-right:none ; border-bottom:31px solid #CFCFCF ; border-left:none ; } div.siteMapSection { float:left ; width:188px ; font-size:12px ; } div.siteMapSection ul { margin:5px 0 0 15px ; list-style-image:url(img/bullet.gif) ; } div.siteMapSection a:hover{text-decoration:underline} div.siteMapSection ul ul { list-style-image:none ; list-style-type:none ;} div.siteMapSection ul ul ul { list-style-image:none ; list-style-type:none ;} div.siteMapSection a{text-decoration:none} div.siteMapSeparator { display:none ; } div#siteMapSeparator2 { display:block ; clear:left ; } div#siteMapSeparator4 { display:block ; clear:left ; } /* END Site Map */ /* START Email a friend */ div#emailfriend div.content h1{background:transparent url(img/email_friend_hdl_CA.gif) no-repeat; width:410px; height:34px } div#emailfriend div#contentLeft div { margin-left:23px ; padding:10px 0 10px 0 ; } div#emailfriend div#contentLeft h6 { margin:9px 9px 2px 9px ; padding:0 ; font-size:11px ; } div#emailfriend div#contentLeft p { margin:0 9px 9px 9px ; padding:0 ; font-size:11px ; } form#EmailFriend { position:relative ; margin:0 ; padding:0 ; height:355px ; } form#EmailFriend fieldset { margin:0 ; padding:14px 0 0 0px ; border:none ; } form#EmailFriend input { margin-top:3px ; } /* Field positions (can be reordered) */ form#EmailFriend fieldset#fs_SenderName { position:absolute ; left:0px ; top:0 ; width:204px ; font-weight:bold ; } form#EmailFriend fieldset#fs_SenderName input { width:200px ; border:1px solid #6D6D6D} form#EmailFriend fieldset#fs_From { position:absolute ; left:220px ; top:0 ; width:204px ; font-weight:bold ; } form#EmailFriend fieldset#fs_From input { width:200px ; ; border:1px solid #6D6D6D } form#EmailFriend fieldset#fs_RecipientName { position:absolute ; left:0px ; top:50px ; width:204px ; font-weight:bold ; } form#EmailFriend fieldset#fs_RecipientName input { width:200px ; border:1px solid #6D6D6D } form#EmailFriend fieldset#fs_To { position:absolute ; left:220px ; top:50px ; width:204px ; font-weight:bold ; } form#EmailFriend fieldset#fs_To input { width:200px ; border:1px solid #6D6D6D } form#EmailFriend fieldset#fs_Message { position:absolute ; left:0px ; top:100px ; width:420px ; font-weight:bold ; } form#EmailFriend fieldset#fs_Message textarea { width:420px ; height:60px ; border:1px solid #6D6D6D } form#EmailFriend fieldset#fs_contact_datapriv { position:absolute ; left:0px ; top:195px ; width:420px ; } form#EmailFriend fieldset#fs_contact_datapriv input { margin:0 8px 0 0 ; } form#EmailFriend fieldset#fs_contact_datapriv label { font-size:11px ; } form#EmailFriend div#formdisclaimer { position:absolute ; margin:0 ; padding:0 0 0 20px ; left:0px ; top:235px ; width:400px ; font-size:11px ; } form#EmailFriend fieldset#fs_buttons { position:absolute ; left:0px ; top:320px ; width:420px ; } form#EmailFriend fieldset#fs_buttons button { background:transparent url(img/button_bg.gif) no-repeat ; width:77px ; height:22px; color:#ffffff; border:none } form#EmailFriend fieldset#fs_buttons button#goback { float:left ; } form#EmailFriend fieldset#fs_buttons button#send { float:right ; } /* END Email a friend */ /* START Newsletter Subscribe & Unsubscribe */ div#newsletter div#contentLeft div.LeftColBlock { margin:0 0 0 23px ; padding:0 0 18px 0 ; width:168px ; font-size:11px ; background-color:#CFCFCF ; } div#newsletter div#contentLeft div.LeftColBlock img { margin:8px 0 10px 0 ; border:none ; } div#newsletter div#contentLeft div.LeftColBlock h6 { margin:0 0 5px 8px ; color:#000000 ; } div#newsletter div#contentLeft div.LeftColBlock ul { margin:0 0 0 26px ; padding:0 ; color:#000000 ; list-style-image:url(img/bullet.gif) ; } div#newsletter div#contentLeft div.LeftColBlock li { margin-bottom:1px ; padding:0 ; list-style-image:url(img/bullet.gif) ; } /* END Newsletter Subscribe & Unsubscribe */ /* START Newsletter Subscribe */ div#newsletter div#contentLeft div { margin-left:23px ; padding:10px 0 10px 0 ; background-color:#CFCFCF ; color:#000 ; } div#newsletter div#contentLeft h6 { margin:9px 9px 2px 9px ; padding:0 ; font-size:11px ; } div#newsletter div#contentLeft p { margin:0 9px 9px 9px ; padding:0 ; font-size:11px ; } form#NewsSub { position:relative ; margin:0 ; padding:0 ; height:350px ; background-color:#CFCFCF ; } form#NewsSub fieldset { margin:0 ; padding:14px 0 0 20px ; border:none ; } form#NewsSub input { margin-top:3px ; } form#NewsSub select { margin-top:3px ; } /* Field positions (can be reordered) */ form#NewsSub fieldset#fs_FirstName { position:absolute ; left:10px ; top:0 ; width:344px ; font-weight:bold ; } form#NewsSub fieldset#fs_FirstName input { width:340px ; } form#NewsSub fieldset#fs_LastName { position:absolute ; left:377px ; top:0 ; width:344px ; font-weight:bold ; } form#NewsSub fieldset#fs_LastName input { width:340px ; } form#NewsSub fieldset#fs_Email { position:absolute ; left:10px ; top:50px ; width:344px ; font-weight:bold ; } form#NewsSub fieldset#fs_Email input { width:340px ; } form#NewsSub fieldset#fs_ExplanatoryText { position:absolute ; left:10px ; top:100px ; width:712px ; } form#NewsSub fieldset#fs_YearOfBirth { position:absolute ; left:10px ; top:130px ; width:344px ; font-weight:bold ; } form#NewsSub fieldset#fs_YearOfBirth select { display:block ; } form#NewsSub fieldset#fs_Gender { position:absolute ; left:377px ; top:130px ; width:344px ; font-weight:bold ; } form#NewsSub fieldset#fs_Gender strong { display:block ; } form#NewsSub fieldset#fs_Gender label { font-weight:normal ; margin:0 10px 0 3px ; } form#NewsSub fieldset#fs_NewsVersion { position:absolute ; left:10px ; top:180px ; width:712px ; font-weight:bold ; } form#NewsSub fieldset#fs_NewsVersion strong { display:block ; } form#NewsSub fieldset#fs_NewsVersion label { font-weight:normal ; margin:0 10px 0 3px ; } form#NewsSub fieldset#fs_Privacy { position:absolute ; left:10px ; top:225px ; width:712px ; } form#NewsSub fieldset#fs_Privacy input { margin:0 8px 0 0 ; } form#NewsSub fieldset#fs_Privacy label { font-size:11px ; } form#NewsSub div#formdisclaimer { position:absolute ; margin:0 ; padding:0 0 0 20px ; left:10px ; top:265px ; width:712px ; font-size:11px ; } form#NewsSub fieldset#fs_buttons { position:absolute ; left:10px ; top:295px ; width:712px ; } form#NewsSub fieldset#fs_buttons button { background-color:#fff ; } form#NewsSub fieldset#fs_buttons button#send { float:right ; } /* END Newsletter Subscribe */ /* START Newsletter Unsubscribe */ div#newsletter div#contentLeft div { margin-left:23px ; padding:10px 0 10px 0 ; background-color:#CFCFCF ; color:#000 ; } div#newsletter div#contentLeft h6 { margin:9px 9px 2px 9px ; padding:0 ; font-size:11px ; } div#newsletter div#contentLeft p { margin:0 9px 9px 9px ; padding:0 ; font-size:11px ; } form#NewsUnsub { position:relative ; margin:0 ; padding:0 ; height:100px ; width:382px ; background-color:#CFCFCF ; } form#NewsUnsub fieldset { margin:0 ; padding:14px 0 0 20px ; border:none ; } form#NewsUnsub input { margin-top:3px ; } form#NewsUnsub select { margin-top:3px ; } /* Field positions (can be reordered) */ form#NewsUnsub fieldset#fs_Email { position:absolute ; left:0px ; top:0px ; width:333px ; font-weight:bold ; } form#NewsUnsub fieldset#fs_Email input { width:100% ; } form#NewsUnsub fieldset#fs_buttons { position:absolute ; left:0px ; top:50px ; width:337px ; } form#NewsUnsub fieldset#fs_buttons button { background-color:#FFFFFF ; } form#NewsUnsub fieldset#fs_buttons button#send { float:right ; } /* END Newsletter Unsubscribe */ /* START Questionaire */ div#questionsArea table td { vertical-align:top ; } div#questionsArea div.imageBoxLeft { margin-right:25px ; padding:8px 0 26px 0 ; background-color:#4A4A4A ; } div#questionsArea div.imageBoxLeft img { display:block ; margin-bottom:9px ; border:none ; } div#questionsArea div.imageBoxLeft h6 { margin:2px 7px 0 7px ; color:#fff ; font-size:11px ; } div#questionsArea div.imageBoxRight { margin-left:15px ; padding:8px 0 26px 0 ; background-color:#4A4A4A ; } div#questionsArea div.imageBoxRight img { display:block ; margin-bottom:9px ; border:none ; } div#questionsArea div.imageBoxRight h6 { margin:2px 7px 0 7px ; color:#fff ; font-size:11px ; } div#questerrormessage { display:none ; margin:10px 0 0 0 ; color:#ED1C2F ; } form#questionform div#questions { margin-top:10px ; border-top:1px solid #00529B ; } form#questionform ol { margin:0 0 10px 0 ; padding-left:35px ; border-bottom:1px solid #00529B ; } form#questionform li { margin:0 ; padding:10px 0 10px 0 ; font-weight:bold ; color:#00529B ; } form#questionform li strong { color:#00529B ; } form#questionform li input { margin:2px 5px 0 0 ; vertical-align:baseline ; } form#questionform li label { margin-top:2px ; color:#00529B ; font-weight:normal ; vertical-align:baseline ; } form#questionform button#submit { background:transparent url(img/blue_button_320_24.gif) no-repeat; width:320px; height:24px; text-align:center; color:#ffffff; border: none } /* END Questionaire */ /* START Questionaire Results */ div#resultProfile { margin:10px 0 10px 0 ; } div#resultAdditionalText { margin:10px 0 0 0 ; } div#resultAdditionalText div.addTextItem { margin-bottom:10px ; } /* END Questionaire Results */ /* START Contact Us */ div#contactus div.imgBoxLeftCol { margin:0 ; padding:8px 0 30px 0 ; } div#contactus div.imgBoxLeftCol img { border:none ; } div#contactus div#contentFull form { position:relative ; margin:0 ; padding:0 ; } div#contactus div#contentFull form#categoryform { margin:10px 0 20px 0 ; padding:6px 3px 6px 12px ; } div#contactus div#contentFull form#categoryform label { margin-right:15px ; font-weight:bold ; color:#000000 ; } div#contactus div#contentFull form#categoryform select { margin-right:15px ; font-size:11px ; width:250px ; } form#CategoryForm1 fieldset, form#CategoryForm2 fieldset, form#CategoryForm3 fieldset, form#CategoryForm5 fieldset { margin:0 ; padding:14px 0 0 20px ; border:none ; } form#CategoryForm1 input, form#CategoryForm2 input, form#CategoryForm3 input, form#CategoryForm5 input { margin-top:3px ; } form#CategoryForm1 select, form#CategoryForm2 select, form#CategoryForm3 select, form#CategoryForm5 select { margin-top:3px ; } form#CategoryForm1 textarea, form#CategoryForm2 textarea, form#CategoryForm3 textarea, form#CategoryForm5 textarea { margin-top:3px ; } form#CategoryForm1 button, form#CategoryForm2 button, form#CategoryForm3 button, form#CategoryForm5 button { float:right ; background:transparent url(img/button_bg.gif) no-repeat ; width:77px ; height:22px; color:#ffffff; border:none } form.show { display:block ; } form.hide { display:none ; } /* Height of form, and position of fields for each contact us form */ /* form#CategoryForm1 { height:320px } fieldset#cf1_EmailAddress { position:absolute ; left:0 ; top:0 ; width:344px ; font-weight:bold ; } fieldset#cf1_EmailAddress input { width:340px ; } fieldset#cf1_Message { position:absolute ; left:0 ; top:50px ; width:712px ; font-weight:bold ; } fieldset#cf1_Message textarea { width:707px ; height:64px } fieldset#cf1_DataPrivacy { position:absolute ; left:0 ; top:150px ; width:712px ; } fieldset#cf1_Disclaimer { position:absolute ; left:0 ; top:190px ; width:712px ; font-size:11px ; } fieldset#cf1_Buttons { position:absolute ; left:0 ; top:260px ; width:712px ; } form#CategoryForm2 { height:580px } fieldset#cf2_FirstName { position:absolute ; left:0 ; top:0 ; width:344px ; font-weight:bold ; } fieldset#cf2_FirstName input { width:340px ; } fieldset#cf2_LastName { position:absolute ; left:377px ; top:0 ; width:344px ; font-weight:bold ; } fieldset#cf2_LastName input { width:340px ; } fieldset#cf2_EmailAddress { position:absolute ; left:0 ; top:50px ; width:344px ; font-weight:bold ; } fieldset#cf2_EmailAddress input { width:340px ; } fieldset#cf2_AddressLine1 { position:absolute ; left:0 ; top:100px ; width:344px ; font-weight:bold ; } fieldset#cf2_AddressLine1 input { width:340px ; } fieldset#cf2_AddressLine2 { position:absolute ; left:377px ; top:100px ; width:344px ; font-weight:bold ; } fieldset#cf2_AddressLine2 input { width:340px ; } fieldset#cf2_City { position:absolute ; left:0 ; top:150px ; width:344px ; font-weight:bold ; } fieldset#cf2_City input { width:340px ; } fieldset#cf2_PostCode { position:absolute ; left:377px ; top:150px ; width:344px ; font-weight:bold ; } fieldset#cf2_PostCode input { width:340px ; } fieldset#cf2_Telephone { position:absolute ; left:0 ; top:200px ; width:344px ; font-weight:bold ; } fieldset#cf2_Telephone input { width:340px ; } fieldset#cf2_YearBirth { position:absolute ; left:0 ; top:250px ; width:344px ; font-weight:bold ; } fieldset#cf2_YearBirth select { width:150px ; } fieldset#cf2_Gender { position:absolute ; left:377px ; top:250px ; width:344px ; font-weight:bold ; } fieldset#cf2_Gender label { font-weight:normal ; } fieldset#cf2_Message { position:absolute ; left:0 ; top:300px ; width:712px ; font-weight:bold ; } fieldset#cf2_Message textarea { width:707px ; height:64px } fieldset#cf2_DataPrivacy { position:absolute ; left:0 ; top:400px ; width:712px ; } fieldset#cf2_Disclaimer { position:absolute ; left:0 ; top:440px ; width:712px ; font-size:11px ; } fieldset#cf2_Buttons { position:absolute ; left:0 ; top:510px ; width:712px ; } form#CategoryForm3 { height:230px } fieldset#cf3_EmailAddress { position:absolute ; left:0 ; top:0 ; width:344px ; font-weight:bold ; } fieldset#cf3_EmailAddress input { width:340px ; } fieldset#cf3_DataPrivacy { position:absolute ; left:0 ; top:50px ; width:712px ; } fieldset#cf3_Disclaimer { position:absolute ; left:0 ; top:90px ; width:712px ; font-size:11px ; } fieldset#cf3_Buttons { position:absolute ; left:0 ; top:160px ; width:712px ; } form#CategoryForm5 { height:360px } fieldset#cf5_FirstName { position:absolute ; left:0 ; top:0 ; width:344px ; font-weight:bold ; } fieldset#cf5_FirstName input { width:340px ; } fieldset#cf5_LastName { position:absolute ; left:377px ; top:0 ; width:344px ; font-weight:bold ; } fieldset#cf5_LastName input { width:340px ; } fieldset#cf5_EmailAddress { position:absolute ; left:0 ; top:50px ; width:344px ; font-weight:bold ; } fieldset#cf5_EmailAddress input { width:340px ; } fieldset#cf5_Message { position:absolute ; left:0 ; top:100px ; width:712px ; font-weight:bold ; } fieldset#cf5_Message textarea { width:707px ; height:64px } fieldset#cf5_DataPrivacy { position:absolute ; left:0 ; top:200px ; width:712px ; } fieldset#cf5_Disclaimer { position:absolute ; left:0 ; top:240px ; width:712px ; font-size:11px ; } fieldset#cf5_Buttons { position:absolute ; left:0 ; top:310px ; width:712px ; } */ /* END Contact Us */ /* TOOLS */ /* START Tools */ div#toolHead img { float:left ; } div#toolHead h1 { float:left ; margin:0 0 10px 5px ; padding:5px 0 5px 0 ; } div#toolintro div.imageBoxLeft, div#toolintro div.imageBoxRight { padding:9px 0 16px 0 ; background-color:#CFCFCF ; } div#toolflash { clear:left ; margin:0 0 15px 0 ; background-color:#CFCFCF ; } div#toolflash table td { vertical-align:top ; } td#toolFlashArea { padding-top:14px ; } td#toolFlashArea td { padding:0 0 5px 0 ; font-size:10px ; line-height:12px ; vertical-align:top ; } td#toolFlashArea td img { margin:2px 8px 0 0 ; } div#toolresult { margin:0 ; padding:0 ; } div#toolresult td { vertical-align:top ; } div#toolresult td div.imageBoxLeft { margin:0 26px 0 0 ; padding:9px 0 26px 0 ; background-color:#CFCFCF ; } div#toolresult td div#resulttext { margin:0 ; padding:10px 0 10px 0 ; border-top:1px solid #4A4A4A ; border-bottom:1px solid #4A4A4A ; } form#toolform { margin:15px 0 15px 0 ; border-top:3px solid #4A4A4A ; background-color:#CFCFCF ; } form#toolform table th { padding:4px 0 4px 14px ; } form#toolform table tr#toolError { display:none ; color:#ED1C2F ; } form#toolform table td { padding:4px 0 4px 14px ; } form#toolform table input { margin:0 ; width:30px ; height:12px ; vertical-align:middle ; background-color:#fff ; color:#000 ;} form#toolform table input#ms_metric { width:auto ; height:auto ; background-color:transparent ; } form#toolform table input#ms_imperial { width:auto ; height:auto ; background-color:transparent ; } form#toolform table label { margin:0 15px 0 0 ; padding:0 0 0 5px ; } form#toolform tfoot td { background-color:#CFCFCF ; padding-right:15px ; } form#toolform table button#calcbutton { float:right ; background-color:#FFFFFF ; padding:0 ; } /* Calorie Burn Calc fields */ form#toolform th#col1 { width:40% ; } form#toolform th#col2 { width:27% ; } form#toolform th#col3 { width:33% ; } form#toolform td#divider { background:transparent url(img/hori_dotted_line.gif) center left repeat-x ; height:15px ; } form#toolform td.cbcDropdowns label { margin:0 ; padding:0 ; font-weight:bold ; } form#toolform td.cbcDropdowns select { display:block ; margin-top:4px ; } form#toolform td.cbcDropdowns select#activity { width:360px ; } div#caloriecontent { margin:10px 0 10px 0 ; } div#caloriecontent th { padding:1px 0 1px 12px ; font-weight:bold ; border-bottom:1px solid #4A4A4A ; } div#caloriecontent tr.altRow { background-color:#F6F6F6 ; } div#caloriecontent td { padding:1px 0 1px 12px ; border-bottom:1px solid #4A4A4A ; } div#caloriecontent .col2 { text-align:right ; } div#caloriecontent .col3 { padding:1px 12px 1px 0 ; text-align:right ; } div#caloriecontent tfoot td { font-weight:bold ; background-color:#CFCFCF ; } /* END Tools */ /* START Tracker Tools */ /* Shared styles */ table#tkrIntroTable { margin:0 0 10px 0 ; } td.trkIntroLeftCol { padding-right:10px ; } td.trkIntroRightCol { padding-left:10px ; } div.highlightBox { margin:0 ; border:2px solid #4A4A4A ; padding:8px ; width:180px ; background-color:#CFCFCF ; } div.highlightBox h5 { margin:0 0 8px 0 ; font-size:12px ; color:#000 ; } div.highlightBox a { display:block ; margin:8px 0 0 0 ; color:#000 ; font-size:11px ; } form.trkForm { float:left ; margin:0 0 10px 0 ; } form.trkForm fieldset { float:left ; margin:0 ; border:none ; padding:5px 0 5px 0px ; vertical-align:top ; overflow:hidden ; } form.trkForm h4 { margin:5px 0 0 0px ; font-size:12px ; font-weight:bold ; } form.trkForm h5 { margin:0 0 5px 5px ; font-size:12px ; } form.trkForm h6 { margin:5px 0 0 5px ; font-size:10px ; line-height:13px ; font-weight:normal ; } form.trkForm select, form.trkForm input, form.trkForm textarea { margin-left:5px ; font-size:11px ; } form.trkForm button { padding:1px ; background-color:#FFF ; } /* Specific Forms */ div.loginFormWrapper a{background:transparent url(img/bullet.gif) no-repeat; padding: 0px 0px 0px 20px; margin:0px 0px 0px 0px } form#loginForm { margin-top:10px ; width:420px ; } form#loginForm fieldset {float:none; width:420px ; } form#loginForm label { display:block ; float:left ; width:81px ; } form#loginForm input { width:150px ; border: 1px solid #6D6D6D} form#loginForm fieldset#fs_login_button { padding:5px 14px 8px 0 ; width:420px ; text-align:right ; } form#loginForm fieldset#fs_login_button button {width:77px; height:22px; border: none; color: #ffffff; background: transparent url(img/button_bg.gif) no-repeat ;} form#forgotPassForm { margin-top:10px ; width:420px ; } form#forgotPassForm fieldset { width:420px ; } form#forgotPassForm label { display:block ; float:left ; width:81px ; } form#forgotPassForm input { width:150px ; border: 1px solid #6D6D6D} form#forgotPassForm fieldset#fs_submit_buttons { padding:5px 14px 8px 0 ; width:420px ; text-align:right ; } form#forgotPassForm fieldset#fs_submit_buttons button {width:77px; height:22px; border: none; color: #ffffff; background: transparent url(img/button_bg.gif) no-repeat ;} form#updatePassForm{ margin-top:10px ; width:420px ; } form#updatePassForm fieldset { width:420px ; } form#updatePassForm label { display:block ; float:left ; width:120px ; } form#updatePassForm input { width:150px ; border: 1px solid #6D6D6D} form#updatePassForm fieldset#fs_submit_button { padding:5px 14px 8px 0 ; width:420px ; text-align:right ; } form#updatePassForm fieldset#fs_submit_button button {width:77px; height:22px; border: none; color: #ffffff; background: transparent url(img/button_bg.gif) no-repeat ;} form#userRegForm { margin-top:10px ; width:420px ; } form#userRegForm div.formContentItem{clear:left; border-top:1px solid #c3abb3; margin-top:10px} form#userRegForm div.formContentItem p {margin:0px; padding:0px} form#userRegForm div#reg_qestion_01{border:none} form#userRegForm div#reg_qestion_02{border:none} form#userRegForm fieldset { width:180px ; padding-left:20px} form#userRegForm label { display:block ; padding:0 ; font-size:11px ; font-weight:bold ; } form#userRegForm input { margin:0 ; width:170px ; border:1px solid #6D6D6D} form#userRegForm select { margin:0 5px 0 0 ; border:1px solid #6D6D6D } form#userRegForm div.separator { width:420px ; } form#userRegForm fieldset.checkbox { width:420px ; height:auto ; } form#userRegForm fieldset.checkbox input {border:none; margin-right:5px ; width:auto ; vertical-align:middle ; } form#userRegForm fieldset.checkbox label { display:inline ; font-weight:normal ; } form#userRegForm fieldset#fs_gender{} form#userRegForm fieldset#fs_gender select{width: 170px} form#userRegForm fieldset#fs_lastName{} form#userRegForm fieldset#fs_lastName label{} form#userRegForm fieldset#fs_lastName input {} form#userRegForm fieldset#fs_username{float:none; width:420px; height:auto} form#userRegForm fieldset#fs_username label{float:left; width:130px} form#userRegForm fieldset#fs_username input {} form#userRegForm fieldset#fs_password{float:none; width:420px; height:auto} form#userRegForm fieldset#fs_password label{float:left; width:130px} form#userRegForm fieldset#fs_password input {} form#userRegForm fieldset#fs_repeatPassword{float:none; width:420px; height:auto} form#userRegForm fieldset#fs_repeatPassword label{float:left; width:130px} form#userRegForm fieldset#fs_repeatPassword input {} form#userRegForm fieldset#fs_address2{} form#userRegForm fieldset#fs_address2 label{float:left; width:380px; padding-left:10px} form#userRegForm fieldset#fs_address2 input {float:left;} form#userRegForm fieldset#fs_newsletter{} form#userRegForm fieldset#fs_newsletter label{float:left; width:380px; padding-left:10px} form#userRegForm fieldset#fs_newsletter input {float:left;} form#userRegForm fieldset#fs_FreeField10{} form#userRegForm fieldset#fs_FreeField10 label{float:left; width:380px; padding-left:10px} form#userRegForm fieldset#fs_FreeField10 input {float:left;} form#userRegForm fieldset#fs_checkbox{} form#userRegForm fieldset#fs_checkbox label{float:left; width:380px; padding-left:10px} form#userRegForm fieldset#fs_checkbox input {float:left;} form#userRegForm fieldset#fs_city{display:none} form#userRegForm fieldset#fs_disclaimer { width:420px ; height:auto ; font-size:11px ; } form#userRegForm fieldset#fs_ref_buttons { padding:5px 14px 8px 0 ; width:420px ; text-align:right ; } form#userRegForm fieldset#fs_ref_buttons button {width:190px; height:22px; border: none; color: #ffffff; background: transparent url(img/button_190px_bg.gif) no-repeat ;} form#logActivityForm { margin-top:10px ; border-top:3px solid #4A4A4A ; width:755px ; } form#logActivityForm h5 label { padding:0 ; font-size:12px ; } form#logActivityForm label { padding:0 10px 0 5px ; font-size:11px ; } form#logActivityForm input { width:25px ; vertical-align:middle ; } form#logActivityForm #fs_add_date { width:200px ; } form#logActivityForm #fs_add_category { width:200px ; } form#logActivityForm #fs_add_weight { width:200px ; } form#logActivityForm #fs_add_weight input { float:left ; } form#logActivityForm #fs_add_weight label { float:left ; } form#logActivityForm #fs_add_weight h5 label { float:none ; } form#logActivityForm #fs_add_location input { width:200px ; } form#logActivityForm #fs_add_note textarea { width:510px ; height:45px ; } form#logActivityForm #fs_add_buttons { clear:left ; width:741px ; padding:6px 14px 7px 0 ; text-align:right ; background-color:#FFF ; } form#logWeightForm { border-top:3px solid #4A4A4A ; width:527px ; } form#logWeightForm h5 label { padding:0 ; font-size:12px ; } form#logWeightForm label { padding:0 10px 0 5px ; font-size:11px ; } form#logWeightForm fieldset#fs_add_date { width:175px ; } form#logWeightForm fieldset#fs_add_weight { width:120px ; } form#logWeightForm fieldset#fs_add_note { width:190px ; } form#logWeightForm fieldset#fs_add_buttons { clear:left ; width:513px ; padding:6px 14px 7px 0 ; text-align:right ; background-color:#FFF ; } form#logWeightForm input { width:25px ; } form#logWeightForm textarea { width:170px ; height:46px ; } form#editWeightForm { margin:21px 0 0 0 ; width:200px ; } form#editWeightForm fieldset input { margin-right:3px ; width:25px ; } form#editWeightForm fieldset#fs_edit_buttons { width:172px ; padding:5px 14px 8px 14px ; } form#editWeightForm button#delete_weight { float:left ; } form#editWeightForm button#save_weight { float:right ; } form#editWeightForm div#editFields { visibility:hidden ; } form#timePeriodForm { margin:0 ; padding-bottom:5px ; width:527px ; } form#timePeriodForm h5 { margin-bottom:1px ; font-size:11px ; } form#timePeriodForm fieldset#fs_timeperiod { width:100px ; } form#timePeriodForm fieldset#fs_timeperiod_start { padding-left:0 ; width:185px ; } form#timePeriodForm fieldset#fs_timeperiod_end { padding-left:0 ; width:164px ; } form#timePeriodForm fieldset#fs_timeperiod_buttons { width:60px ; } form#timePeriodForm fieldset strong { margin-left:6px ; color:#4A4A4A ; } form#trkProfileForm { margin-top:10px ; border-top:3px solid #4A4A4A ; } form#trkProfileForm input { width:25px ; } fieldset#fs_prof_measuresystem { width:200px ; } fieldset#fs_prof_measuresystem input { vertical-align:middle ; } fieldset#fs_prof_measuresystem label { } fieldset#fs_prof_weight { width:200px ; } fieldset#fs_prof_weight label { padding:0 5px 0 2px ; } fieldset#fs_prof_weight input#mweight1 { margin-top:5px ; } fieldset#fs_prof_weightstart { width:200px ; } div#targetWeightText { clear:both ; padding:0 14px ; } div#targetWeightText h4 { margin-left:0 ; } fieldset#fs_prof_targweight { width:200px ; } #fs_prof_targweight input#target_mweight1 { margin-top:5px ; } #fs_prof_targweight label { padding:0 5px 0 2px ; } fieldset#fs_prof_targdate { width:200px ; } fieldset#fs_prof_communication { clear:both ; padding-bottom:8px ; width:741px ; } fieldset#fs_prof_communication input { float:left ; margin:0 ; } fieldset#fs_prof_buttons { clear:both ; padding:5px 14px 5px 0 ; width:741px ; text-align:right ; background-color:#fff ; } form#buttonOnly { float:none ; padding:10px ; text-align:right ; background-color:#fff ; } div.separator { clear:both ; margin:0 ; padding:0 ; width:755px ; height:1px ; background:transparent url(img/hori_dotted_line.gif) center left repeat-x ; } body.loggedIn div#notmember{display:none} div#rateCommentArea fieldset{border: none} div#rateCommentArea input{border: 1px solid #6D6D6D; width:400px} div#rateCommentArea label{width:400px; font-weight:bold;display:block} div#rateCommentArea select{border: 1px solid #6D6D6D; } div#rateCommentArea textarea{border: 1px solid #6D6D6D; width:400px; height:60px} div#rateCommentArea fieldset#fs_headlineFormField{} div#rateCommentArea fieldset#fs_headlineFormField input { } div#rateCommentArea fieldset#fs_headlineFormField label { } div#rateCommentArea fieldset#fs_commentFormField{} div#rateCommentArea fieldset#fs_headlineFormField input { } div#rateCommentArea fieldset#fs_headlineFormField label { } div#rateCommentArea fieldset#fs_ratingFormField{ margin-bottom:20px} div#rateCommentArea fieldset#fs_ratingFormField select { } div#rateCommentArea fieldset#fs_ratingFormField label { } div#rateCommentArea input.button {margin-top: 20px; font-weight:bold; float:left; width:190px; height:22px; border: none; color: #ffffff; background: transparent url(img/button_190px_bg.gif) no-repeat ;} div#rateCommentArea fieldset#fs_buttonRow{ padding:5px 14px 8px 0 ; width:420px ; text-align:right ;} div#rateCommentArea fieldset#fs_buttonRow button{float:right;width:77px; height:22px; border: none; color: #ffffff; background: transparent url(img/button_bg.gif) no-repeat ;} div#rateCommentArea fieldset#fs_buttonRow button.btnLeft{float:left; width:190px; height:22px; border: none; color: #ffffff; background: transparent url(img/button_190px_bg.gif) no-repeat ;} div.logInv a{background:transparent url(img/bullet.gif) no-repeat; padding: 0px 0px 0px 20px} div.logInvContent{margin:20px 0px 0px 0px} div.logInvContent p{margin:0px} body.notLoggedIn div#rateCommentArea fieldset#fs_headlineFormField{display:none} body.notLoggedIn div#rateCommentArea fieldset#fs_commentFormField{display:none} body.notLoggedIn div#rateCommentArea fieldset#fs_ratingFormField{display:none} body.notLoggedIn div#rateCommentArea fieldset#fs_buttonRow button{display:none} body.notLoggedIn div#rateCommentArea fieldset#fs_buttonRow button.btnLeft{display:inline} /* Tracker Graphs */ div#tkrFlashGraph { float:left ; margin-top:5px ; width:327px ; } div#tkrFlashGraph div#actionlinks { width:300px ; } div#graphHighlights { float:left ; margin-top:10px ; padding:8px 0 8px 5px ; width:195px ; background-color:#CFCFCF ; } div#graphHighlights h2 { margin:0 ; padding:2px 2px 2px 7px ; font-family:arial ; font-size:20px ; font-weight:normal ; color:#000 ; } div#graphHighlights h2 img { margin-right:5px ; vertical-align:middle ; } div#graphHighlights ul { margin-left:30px ; font-size:11px ; line-height:14px ; } div#trkGraphKey { clear:left ; } /* Pagination */ div#pagination { float:left ; margin-bottom:2px ; border-bottom:1px solid #4A4A4A ; font-size:11px ; } div#pagination p { margin:6px 0 8px 0 ; } div#pagination p#page_summary { float:left ; } div#pagination p#page_links { float:right ; } /* Tracker Tables */ table.tkrTable { float:left ; } table.tkrTable tr { background-color:#CFCFCF ; } table.tkrTable tr.altrow { background-color:#F6F6F6 ; } table.tkrTable th { height:20px ; border-bottom:1px solid #4A4A4A ; background-color:#fff ; } table.tkrTable td { border-bottom:1px solid #4A4A4A ; } table.tkrTable .tkrTableIcon { text-align:center ; } .tkrTableIcon a { display:block ; } .tkrTableIcon img { margin:3px 0 3px 0 ; } /* Weight List Table */ table#weightListTable { width:327px ; } table#weightListTable tr.selected { background-color:#CFCFCF ; } table#weightListTable .noborder { border:none ; width:12px ; background-color:#fff ; } table#weightListTable tr.selected .noborder { background:#fff url(img/trackerSelectedRow.gif) no-repeat center center ; } table#weightListTable tr.selected a.editLink { display:none ; } /* Activity Table */ table#activityListTable { width:527px ; } /* Activity Calendar */ table#tkrCalendar { float:left ; margin-top:10px ; width:auto ; border-collapse:separate : } #tkrCalendar th { border-right:1px solid #fff ; padding-left:6px ; font-size:11px ; background-color:#CFCFCF ; } tr#calendarHead th { border-top:1px solid #4A4A4A ; padding:2px 4px 2px 4px ; color:#666666 ; background-color:#fff ; text-align:center ; } tr#calendarHead th a { font-weight:normal ; text-decoration:none ; } tr#calendarHead th a:hover { text-decoration:underline ; } tr#calendarHead th#chLeft { text-align:left ; } th#chLeft img { margin-right:4px ; } tr#calendarHead th#chRight { text-align:right ; } th#chRight img { margin-left:4px ; } #tkrCalendar td { border-right:1px solid #fff ; padding:0 ; width:74px ; } #tkrCalendar h6 { margin:0 ; border-top:1px solid #4A4A4A ; padding:1px 0 2px 6px ; font-size:10px ; font-weight:normal ; background-color:#CFCFCF ; } #tkrCalendar td div { padding:5px ; height:24px ; } #tkrCalendar td div img { margin:0 1px 1px 0 ; } #tkrCalendar td.otherMonth { background-color:#F6F6F6 ; } #tkrCalendar tr#lastRow td div { border-bottom:1px solid #999999 ; } div#tkrCalendarKey { float:left ; padding:5px 0 0 30px ; width:200px ; font-size:10px ; } div#tkrCalendarKey h6 { margin:0 0 3px 0 ; font-size:10px ; } div#tkrCalendarKey ul { margin:0 0 0 18px ; line-height:12px ; } li#tkrKey0 { list-style-image:url(img/trackerKey0.gif) } li#tkrKey1 { list-style-image:url(img/trackerKey1.gif) } li#tkrKey2 { list-style-image:url(img/trackerKey2.gif) } li#tkrKey3 { list-style-image:url(img/trackerKey3.gif) } li#tkrKey4 { list-style-image:url(img/trackerKey4.gif) } li#tkrKey5 { list-style-image:url(img/trackerKey5.gif) } li#tkrKey6 { list-style-image:url(img/trackerKey6.gif) } li#tkrKey7 { list-style-image:url(img/trackerKey7.gif) } li#tkrKey8 { list-style-image:url(img/trackerKey8.gif) } li#tkrKey9 { list-style-image:url(img/trackerKey9.gif) } li#tkrKey10 { list-style-image:url(img/trackerKey10.gif) } div.error { display:none ; margin:5px 0 5px 14px ; padding:0 ; color:#ED1C2F ; font-weight:bold ; } /* END Tracker Tools */ /* IFRAME template */ iframe { border:none ; } div#contentMax iframe { width:1003px ; } div#contentFull iframe { width:755px ; } div#contentCentre iframe { width:527px ; } div#contentRightOnly iframe { width:750px ; } /* Div which can contain brand logos */ div#footerGraphics { clear:left ; margin:0 ; padding:0 ; height:62px; background:#f3f3f3 url(img/ca_footer_bg.jpg) no-repeat ;} div#footerGraphics img {left:700px; margin:0pt 11px 0pt 0pt; position:absolute; bottom:102px; } body.fullcontentBG div#footerGraphics {background:#f3f3f3 url(img/ca_footer_fullcontent_bg.jpg) no-repeat ;} body.fullwidth div#footerGraphics {background:#f2eff0 none;} body.splendips div#footerGraphics{height:402px; background:transparent url(img/bg_devil.jpg) no-repeat ;} div#question div#footerGraphics{height:402px; background:transparent url(img/bg_devil.jpg) no-repeat ;} div#questionresults div#footerGraphics{height:402px; background:transparent url(img/bg_devil.jpg) no-repeat ;} /* Footer content */ div#footer {font-family:verdana, arial,helvetica, sans-serif ; font-size:10px; clear:left ; position:relative ; margin:27px 0px 0px 0px ; padding:0px ; height:81px ; color:#8e8e8e ; font-size:10px ; background:transparent} div#footer a { color:#8e8e8e ; text-decoration:none ; } div#footer a:hover { text-decoration:underline ; } div#footer div#ftrLinks { position:absolute ; left:150px ; top:24px ; width:550px ; } div#ftrLinks ul { margin:0px 0px 3px 0px ; padding:0 ; } div#ftrLinks li { display:inline ; } div#ftrLinks a { border-left:1px solid #8e8e8e ; padding:0 4px ; } div#ftrLinks a.first { border-left:none ; } div#footer div#ftrText { position:absolute ; left:250px ; top:33px ; width:500px ; text-align:center ; } div#footer div#ftrGlobalLinks { position:absolute ; left:681px ; top:11px ; width:300px ; text-align:right ; } div#ftrGlobalLinks a{ color:#8e8e8e; } div#ftrGlobalLinks select { font-size:10px ; margin-left:10px ; vertical-align:middle ; } div#footer div#ftrMessage { position:absolute ; left:40px ; top:7px ; } div#home div#footer{background:transparent url(img/home_spoon_CA.gif) no-repeat right top; clear:left; height:125px; margin:0px; padding:0px;top:-110px;} div#home div#footer div#ftrLinks {top:93px ;} div#home div#footer div#ftrText {top:103px ;} div#home div#footer div#ftrMessage{top:77px} div#home div#footer div#ftrGlobalLinks{top:81px} /* START Primary Navigation */ div#prinav ul { margin:0 ; padding:0 ; list-style-type:none ; } div#prinav ul li { display:inline ; } div#prinav ul li a { float:left ; display:block ; height:32px; color:#000000 ; text-decoration:none ; font-size:12px ; } div#prinav ul li a:hover { text-decoration:none ; } div#prinav ul li a.curSect { text-decoration:none ; } /* div#prinavbg ul { margin:0 ; padding:0 ; list-style-type:none ; } div#prinavbg ul li { display:inline ; } div#prinavbg ul li a { float:left ; display:block ; width:190px ; height:21px ; line-height:21px ; margin-right:1px ; text-align:center ; color:#000000 ; background-color:#CCCCCC ; text-decoration:none ; font-size:12px ; filter:alpha(opacity=50) ; -moz-opacity:.50 ; opacity:.50 ; } */ div#prinav ul li.pn_item1 a{background:transparent url(img/pn_item_CA_n_01.png) no-repeat ; width:84px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_n_01.png', sizingMethod=image); background-image: expression('none'); cursor:pointer} div#prinav ul li.pn_item1 a:hover{background:transparent url(img/pn_item_CA_n_01.png) no-repeat ; width:84px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_n_01.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item1 a.curSect{background:transparent url(img/pn_item_CA_a_01.png) no-repeat ; width:84px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_a_01.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item1 a:hover.curSect{background:transparent url(img/pn_item_CA_a_01.png) no-repeat ; width:84px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_a_01.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item2 a{background:transparent url(img/pn_item_CA_n_02.png) no-repeat ; width:107px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_n_02.png', sizingMethod=image); background-image: expression('none'); cursor:pointer} div#prinav ul li.pn_item2 a:hover{background:transparent url(img/pn_item_CA_n_02.png) no-repeat ; width:107px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_n_02.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item2 a.curSect{background:transparent url(img/pn_item_CA_a_02.png) no-repeat ; width:107px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_a_02.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item2 a:hover.curSect{background:transparent url(img/pn_item_CA_a_02.png) no-repeat ; width:107px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_a_02.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item3 a{background:transparent url(img/pn_item_CA_n_03.png) no-repeat ; width:227px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_n_03.png', sizingMethod=image); background-image: expression('none'); cursor:pointer} div#prinav ul li.pn_item3 a:hover{background:transparent url(img/pn_item_CA_n_03.png) no-repeat ; width:227px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_n_03.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item3 a.curSect{background:transparent url(img/pn_item_CA_a_03.png) no-repeat ; width:227px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_a_03.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item3 a:hover.curSect{background:transparent url(img/pn_item_CA_a_03.png) no-repeat ; width:227px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_a_03.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item4 a{background:transparent url(img/pn_item_CA_n_04.png) no-repeat ; width:108px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_n_04.png', sizingMethod=image); background-image: expression('none'); cursor:pointer} div#prinav ul li.pn_item4 a:hover{background:transparent url(img/pn_item_CA_n_04.png) no-repeat ; width:108px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_n_04.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item4 a.curSect{background:transparent url(img/pn_item_CA_a_04.png) no-repeat ; width:108px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_a_04.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item4 a:hover.curSect{background:transparent url(img/pn_item_CA_a_04.png) no-repeat ; width:108px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/pn_item_CA_a_04.png', sizingMethod=image); background-image: expression('none');} div#prinav ul li.pn_item5 a{display:none} div#prinav ul li.pn_item6 a{display:none} /* END Primary Navigation */ /* START Secondary Navigation */ div#navbox { margin:0 0 25px 0 ; padding-bottom:10px ; width:230px ; font-family:arial, verdana, helvetica, sans-serif ; font-size:11px ; background: transparent } div#navbox h4 { margin:0 ; font-size:14px ; font-family:arial, verdana, helvetica, sans-serif ; } div#navbox h4 a { /*display:block ;*/width:205px; padding:13px 5px 20px 20px; color:#fff ; background:transparent url(img/header_subnav_bg.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia2/styles/img/header_subnav_bg.png', sizingMethod=image); background-image: expression('none');} div#navbox h4 a:hover { text-decoration:underline ; } div#navbox a { display:block ; padding:3px 0 ; text-decoration:none ; color:#545b5f ; } div#navbox a:hover { text-decoration:underline ; } div#navbox ul { margin:0 ; padding:0 ; list-style-type:none ; background:transparent url(img/ca_navbox_bg.png)} div#navbox li { } div#navbox ul li a {padding:0 10px 0px 20px; width:190px ; } div#navbox ul li a:hover { } div#navbox ul li ul li a {padding:0 10px 0px 30px; width:180px ; } div#navbox ul li ul li a:hover { } div#navbox ul li ul li ul li a {padding:0 10px 0px 40px; width:170px ; } div#navbox ul li ul li ul li a:hover { } div#navbox ul li ul li ul li ul li a {padding:0 10px 0px 50px; width:160px ; } div#navbox ul li ul li ul li ul li a:hover { } div#navbox a.open { /*background: transparent url(img/opened_item.gif) no-repeat scroll right top; */} /*START Recipe Special*/ body.recipesubnavi div#navbox ul.hidden {display:none} body.recipesubnavi div#navbox ul.collapsed li a{background: transparent url(img/collapsed_item.gif) no-repeat right top;} body.recipesubnavi div#navbox ul.opened li a{background: transparent url(img/opened_item.gif) no-repeat right top;} body.recipesubnavi div#navbox ul.opened li ul li a{background: transparent none;} body.recipesubnavi div#navbox ul.opened li a.open{font-weight:bold} body.recipesubnavi div#navbox ul.opened li a#selected{font-weight:normal} body.recipesubnavi div#navbox ul.opened li ul li a#selected{font-weight:bold} div#KRLRecipeSearchResult div#navbox ul.hidden {display:none} div#KRLRecipeSearchResult div#navbox ul.collapsed li a{background: transparent url(img/collapsed_item.gif) no-repeat right top;} div#KRLRecipeSearchResult div#navbox ul.opened li a{background: transparent url(img/opened_item.gif) no-repeat right top;} div#KRLRecipeSearchResult div#navbox ul.opened li ul li a{background: transparent none;} div#KRLRecipeSearchResult div#navbox ul.opened li a.open{font-weight:bold} div#KRLRecipeSearchResult div#navbox ul.opened li a#selected{font-weight:normal} div#KRLRecipeSearchResult div#navbox ul.opened li ul li a#selected{font-weight:bold} div#KRLRecipeDetail div#navbox ul.hidden {display:none} div#KRLRecipeDetail div#navbox ul.collapsed li a{background: transparent url(img/collapsed_item.gif) no-repeat right top;} div#KRLRecipeDetail div#navbox ul.opened li a{background: transparent url(img/opened_item.gif) no-repeat right top;} div#KRLRecipeDetail div#navbox ul.opened li ul li a{background: transparent none;} div#KRLRecipeDetail div#navbox ul.opened li a.open{font-weight:bold} div#KRLRecipeDetail div#navbox ul.opened li a#selected{font-weight:normal} div#KRLRecipeDetail div#navbox ul.opened li ul li a#selected{font-weight:bold} /*END Recipe Special*/ body.product div#navbox ul li a.open {font-weight:bold} div#navbox ul li a.open {background: transparent url(img/opened_item.gif) no-repeat right top;} div#navbox ul li ul li a.open { } div#navbox ul li ul li ul li a.open { } div#navbox a#selected { font-weight:bold ; } div#navbox div#navfoot{background:transparent url(img/ca_footer_subnav_bg.png) no-repeat; width:230px; height:34px} /* div#navbox { margin:0 0 25px 0 ; padding-bottom:10px ; width:191px ; font-family:Verdana ; font-size:11px ; background:url(img/bg_secnav.gif) top no-repeat #CCCCCC ; } div#navbox h4 { margin:0 ; font-size:14px ; font-family:Arial ; } div#navbox h4 a { display:block ; padding:6px 0 4px 23px ; width:168px ; color:#000 ; } div#navbox h4 a:hover { text-decoration:underline ; } div#navbox a { display:block ; padding:3px 0 ; text-decoration:none ; color:#000 ; } div#navbox a:hover { text-decoration:underline ; } div#navbox ul { margin:0 ; padding:0 ; list-style-type:none ; } div#navbox li { border-top:1px solid #000000 ; } div#navbox ul li a { padding-left:14px ; background-color:#DDDDDD ; border-left:8px solid #DDDDDD ; width:169px ; } div#navbox ul li a:hover { background-color:#DDDDDD ; border-left:8px solid #AAAAAA ; } div#navbox ul li ul li a { padding-left:24px ; background-color:#DDDDDD ; border-left:8px solid #DDDDDD ; width:159px ; } div#navbox ul li ul li a:hover { background-color:#DDDDDD ; border-left:8px solid #AAAAAA ; } div#navbox ul li ul li ul li a { padding-left:34px ; background-color:#DDDDDD ; border-left:8px solid #DDDDDD ; width:149px ; } div#navbox ul li ul li ul li a:hover { background-color:#DDDDDD ; border-left:8px solid #AAAAAA ; } div#navbox ul li ul li ul li ul li a { padding-left:44px ; background-color:#DDDDDD ; border-left:8px solid #DDDDDD ; width:139px ; } div#navbox ul li ul li ul li ul li a:hover { background-color:#DDDDDD ; border-left:8px solid #AAAAAA ; } div#navbox a.open { background-image:url(img/nav_downarrow.gif) ; background-repeat:no-repeat ; } div#navbox ul li a.open { background-position:2px 5px ; } div#navbox ul li ul li a.open { background-position:12px 5px ; } div#navbox ul li ul li ul li a.open { background-position:22px 5px ; } div#navbox a#selected { font-weight:bold ; border-left:8px solid #AAAAAA ; } */ /* END Secondary Navigation */ /* Overrides for colour sets */ div#navbox.colourset1 { background:url(img/secnav_corner_topright.gif) top right no-repeat #ffffaa ; } div#navbox.colourset1 h4 a { color:#F11B30 ; } div#navbox.colourset1 a { color:#F11B30 ; } div#navbox.colourset1 li { border-top:1px solid #eeeeaa ; } div#navbox.colourset1 ul li a { background-color:#ffffcc ; border-left:8px solid #ffffcc ; } div#navbox.colourset1 ul li a:hover { background-color:#ffffcc ; border-left:8px solid #FDBE0E ; } div#navbox.colourset1 ul li ul li a { background-color:#D8E9BD ; border-left:8px solid #D8E9BD ; } div#navbox.colourset1 ul li ul li a:hover { background-color:#D8E9BD ; border-left:8px solid #FDBE0E ; } div#navbox.colourset1 ul li ul li ul li a { background-color:#ECF4DE ; border-left:8px solid #ECF4DE ; } div#navbox.colourset1 ul li ul li ul li a:hover { background-color:#ECF4DE ; border-left:8px solid #FDBE0E; } div#navbox.colourset1 ul li ul li ul li ul li a { background-color:#fff ; border-left:8px solid #fff ; } div#navbox.colourset1 ul li ul li ul li ul li a:hover { background-color:#fff ; border-left:8px solid #FDBE0E ; } div#navbox.colourset1 a.open { background-image:url(img/nav_downarrow.gif) ; background-repeat:no-repeat ; } div#navbox.colourset1 a#selected { font-weight:bold ; border-left:8px solid #FDBE0E ; } /*END Overrides for colour sets */ /* ColourBox definitions*/ div#colourBox { padding:0px 0px 0px 0px ; margin:0px 0px 20px 0px ; } div#colourBox div.stdContBlock {margin:0px 0px 0px 0px ; padding:0; clear:none} div#colourBox div.stdContBlock h4 {font-size: 12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px ; } div#colourBox table { margin:0px 10px 0px 10px ; padding:0px 0px 0px 0px ; } div#colourBox table tr td { font-size: 9px; padding:0px 0px 0px 0px ; margin:0 ;} div#colourBox div.stdContBlock div.stdContHeadImg img { margin-left:0px ; margin-top:0px ; margin-right:0px; } div#colourBox a { font-size: 9px; text-decoration:none ; padding:0; margin:0 ; font-weight:bold ; display:inline-block ; } div#colourBox a:hover { text-decoration:underline; } div#colourBox table a { font-size: 9px; text-decoration:none ; margin:0 ; padding:0 ; font-weight:bold ; } div#colourBox div.stdContHeadImg a {margin:0 ; padding:0 ; } div#colourBox ul { margin:5px 0px 10px 0px ; padding:0 ; list-style-type:none ; } div#colourBox div.imageBoxLeft { background-color:transparent ; margin:0 ; padding:0; } div#colourBox div.imageBoxRight { background-color:transparent ; margin:0 ; padding:0; } /* END ColourBox definitions */ /* Column Iframe definitions */ /* Note: height of Iframe is determined dynamically by a content item, so don't set height for Iframe in CSS */ div.columnIframe { } div.columnIframe iframe { margin:0; padding:0; width:100%;} div#contentLeft div.columnIframe { margin:5px 5px 5px 0px;} div#contentRight div.columnIframe { margin:5px 0px 5px 0px; } /* END Column Iframe definitions */ /* START TV Ads */ div.clipplayer {position: absolute; margin:38px 0px 0px 70px; width: 271px; height: 216px; z-index: 7; } div.clipplayer object { width:271px; height:186px; } div.clipplayer embed { width:271px; height:186px; } div.playerControllerLeft { background-image:url(img/ad_clipbar_left.gif) ; background-repeat:no-repeat ; width:8px ; height:21px ; float:left ; } div.playerControllerMid { background-image:url(img/ad_clipbar_mid.gif) ; background-repeat:repeat-x ; height:21px ; width:255px ; float:left ; } div.playerControllerRight { float:left ; height:21px ; background-image:url(img/ad_clipbar_right.gif) ; background-repeat:no-repeat ; width:8px ; } div#playerBackground { float:left ; background-image:url(img/movieplayer_background2.jpg) ; background-repeat:no-repeat ; width:400px ; height:381px ; margin-top:20px ; } div#movieLinksSection { float:left ; margin:10px 0 10px 0 ; padding:5px ; } div.movieLinkDetail { margin:0 ; border:0 ; } div.movieLink { float:left; margin:0 ; width:100% ; padding:10px 0 10px 0 ; border-top:1px solid #aaa; } div.movieLink h5 { color:#932B30 ; clear:right; margin:0px 0 10px 0 ; font-size:16px ;font-weight:bold ; } div.movieLink a { color:#000000; font-size:12px ; clear:right; } div.movieLink p { clear:right; margin:0; border:0; font-weight:bold ;font-size:10px ; } div.movieLink a img { padding:0 10px 0 0px ; float:left ; clear:none; } div.movieLink#firstLink { margin:20px 0 0 0 ; } div.movieLink#lastLink { border-bottom:1px solid #aaa ; margin-bottom:10px ; } div#clipbg { position:absolute ; margin:38px 0 0 70px; } div#clipbg img { width:271px; height:186px ; position:relative; } div#layer div.stdContBlock {margin: 0px} div#layer ul.linkslist{list-style-type:none ; padding:7px 0px 0px 0px; margin:0px} div#layer ul.linkslist li a{padding:0px; margin:0px; color:#3e8ac2; text-decoration:underline; font-size:10px} div#layer ul.linkslist li a:hover{text-decoration:none} div#layer div.flashPlayerWrapper{border:1px solid #5eb3d1; padding:2px} div.closelyr_img{text-align:right; padding-bottom:6px} div.closelyr_img img{margin:-60px 0px 40px} div.closelyr_img a{} div#video_layer_1{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important ; background: #ffffff url(img/vid_bg_baked_crab_rangoon.gif) no-repeat 20px 30px;} div#video_layer_2{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_spinach_phyllo.gif) no-repeat 20px 30px;} div#video_layer_3{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_eggss.gif) no-repeat 20px 30px;} div#video_layer_4{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_yule_log.gif) no-repeat 20px 30px;} div#video_layer_5{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_chocolate_cream.gif) no-repeat 20px 30px;} div#video_layer_6{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_pumpkin_cake.gif) no-repeat 20px 30px;} div#video_layer_7{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_monster_cake.gif) no-repeat 20px 30px;} div#video_layer_8{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_tree_cake.gif) no-repeat 20px 30px;} div#video_layer_9{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_rasberry_cheesecake.gif) no-repeat 20px 30px;} div#video_layer_10{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_cane_cookies.gif) no-repeat 20px 30px;} div#video_layer_11{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_cheesecake_brownies.gif) no-repeat 20px 30px;} div#video_layer_12{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_lemon_squares.gif) no-repeat 20px 30px;} div#video_layer_13{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_topped_cheesecake.gif) no-repeat 20px 30px;} div#video_layer_14{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_swirl_cheesecake.gif) no-repeat 20px 30px;} div#video_layer_15{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_striped_delight.gif) no-repeat 20px 30px;} div#video_layer_16{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_cheesecake_basics.gif) no-repeat 20px 30px;} div#video_layer_17{padding: 80px 20px 0px 20px; border:1px solid #8e8e8e; width:460px !important; height:305px !important; background: #ffffff url(img/vid_bg_creamy_pan_sauce.gif) no-repeat 20px 30px;} /* addthis -> share button START */ div#layer div.buttonaddthis {position:absolute;top:77px;left:353px;} div#layer div.layerwithAddthis div.flashPlayerWrapper {margin:15px 0 0 0;} /* addthis -> share button END */ div#layer div.productpopup{ padding: 0px 20px 0px 20px; border:1px solid #8e8e8e; background: #ffffff none} div#layer div.productpopup div.closelyr_img {position:relative; text-align:right; top:20px; padding-bottom:0px} div#layer div.productpopup div.closelyr_img img{margin:0px; padding:0px;} div#layer div.lightbox_class{width:100%; height:100%;position:absolute; top:0; left:0; z-index:100 !important; } div#layer div.layerCentered {margin-left:-250px !important; left: 50% !important; position:absolute; top:50% !important;margin-top:-200px !important; z-index:1000 !important;} div#layer div.layerCentered div.closelyr_img img {margin:0;} div#layer div.layerwhitebg {background:#fff;border:1px solid #000;} div#layer div.hideElement {display:none;} div#layer div.addthiscontent {margin-left:-455px !important;margin-top:-300px !important;} div#layer div.addthiscontent {padding:5px;} div#layer div.addthiscontent div#homeflashcontainer {margin:0 auto;} div#layer div.addthiscontent div.closelyr_img {padding-bottom:5px;margin:0 3px 0 0;} div#layer div.addthiscontent div#AddThisContentcontainer {} div#layer div.addthiscontent div#AddThisContentcontainer div.addthiscontent {margin-left:0 !important;margin-top:0 !important;} div#press_ad_layer_01{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_02{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_03{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_04{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_05{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_06{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_07{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_08{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_09{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_10{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_11{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_12{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } div#press_ad_layer_13{padding: 6px 20px 0px 20px; background: #ffffff; border:1px solid #8e8e8e } /* END TV Ads */ /* Image Bar */ div.imageBar { float:left ; width:100px; /*background-repeat:repeat-x ; position: relative;*/ padding-top:10px} div.imageBar img, div.smallFocusItem a img { display:block ; } div.imageBar h4 { margin:0 ; padding:0 ; font-size:18px ; line-height:21px ; } div.imageBar h5 { margin:0 ; font-size:11px ; } div.imageBar h5 a { display:block ; font-weight:bold ; } div.imageBar h5 a:hover { text-decoration:underline ; } /* End Image Bar */ /*START paging navigation*/ div.paging_top{display:none} div.paging_bottom{border:none; color:#ffffff; padding: 25px 0px 30px 0px} div.paging_bottom a{color:#ffffff; text-decoration:none; font-weight:bold} div.paging_bottom div.filterremark{} div.paging_bottom div.previous{ float:left; padding: 4px 0px 4px 0px; background:transparent url(img/button_active.jpg) no-repeat; width:77px; text-align:center} div.paging_bottom div.col1{width:246px; float:left; color:#6d6d6d; text-align:center; padding:0px 10px; font-weight:normal} div.paging_bottom div.col1 a{color:#3e8ac2; font-weight:normal; text-decoration:underline} div.paging_bottom div.col1 a:hover{text-decoration:none} div.paging_bottom div.col2{display:none; color:#6d6d6d; text-align:left; padding:0px 10px; font-weight:bold} div.paging_bottom div.col2 a{color:#6d6d6d; font-weight:normal} div.paging_bottom div.next{ float:left; padding: 4px 0px 4px 0px; background:transparent url(img/button_active.jpg) no-repeat; width:77px; text-align:center} div.paging_bottom div.inactive{background:transparent url(img/button_inactive.jpg) no-repeat;} /*END paging navigation*/ /* START Recipe Browse Page*/ div#KRLRecipeSearchResult {} div#krlSearchResult{ font-size:11px; } div#krlSearchResult table td{margin:0px; padding:0px} div#krlSearchResult div.label{padding:0px; margin:0px; width:70px; float:left; font-weight:bold} div#krlSearchResult div.value{display:inline; padding: 0px; margin:0px; } div#krlSearchResult div.krlTopResult {border-bottom: 1px solid #c3abb3; padding:0px 0px 15px 0px} div#krlSearchResult div.krlTopResult div.imagetype_9{float:left; width:222px; padding-right:10px} div#krlSearchResult div.krlTopResult div.imagetype_11{float:left; width:222px; padding-right:10px} div#krlSearchResult div.krlTopResult div.title{float:left; width:200px; font-weight:bold; font-size:18px; color:#00509f; line-height:20px} div#krlSearchResult div.krlTopResult div.imagetype_9 img{border: 1px solid #b1b1b1} div#krlSearchResult div.krlTopResult div.imagetype_11 img{border: 1px solid #b1b1b1} div#krlSearchResult div.krlTopResult div.time_13{} div#krlSearchResult div.krlTopResult div.time_14{} div#krlSearchResult div.krlTopResult div.num_servings{} div#krlSearchResult div.krlTopResult div.rating{ font-weight:bold} div#krlSearchResult div.krlTopResult div.rating span.no_rating{padding-left:34px; font-weight:normal} div#krlSearchResult div.krlTopResult div.detaillink{ margin:0px 0px 0px 0px;} div#krlSearchResult div.krlStandardResult{padding:10px 0px 10px 0px ; border-bottom: 1px solid #c3abb3} div#krlSearchResult div.krlStandardResult h5 {display:none} div#krlSearchResult div.krlStandardResult div.kraftRecipe{} div#krlSearchResult div.krlStandardResult div.imagetype_10{float:left; width:120px; min-height:75px; height:auto !important; height:75px; padding: 0px;} div#krlSearchResult div.krlStandardResult div.imagetype_10 img{border: 1px solid #b1b1b1} div#krlSearchResult div.krlStandardResult div.imagetype_12{float:left; width:120px; min-height:75px; height:auto !important; height:75px; padding: 0px;} div#krlSearchResult div.krlStandardResult div.imagetype_12 img{border: 1px solid #b1b1b1} div#krlSearchResult div.krlStandardResult div.title{width:300px; margin-left:130px; font-size:14px; color:#00509f; font-weight:bold} div#krlSearchResult div.krlStandardResult div.time_13{width:300px; margin:-40px 0px 0px 130px;} div#krlSearchResult div.krlStandardResult div.time_14{width:300px; margin-left:130px; } div#krlSearchResult div.krlStandardResult div.time_15{width:300px; margin:-40px 0px 0px 130px; } div#krlSearchResult div.krlStandardResult div.time_16{width:300px; margin-left:130px; } div#krlSearchResult div.krlStandardResult div.num_servings{width:300px; margin-left:130px; } div#krlSearchResult div.krlStandardResult div.rating{width:300px; margin-left:130px; font-weight:bold} div#krlSearchResult div.krlStandardResult div.rating span.no_rating{padding-left:34px; font-weight:normal} div#krlSearchResult div.krlStandardResult div.detaillink{margin:0px; width:300px; margin-left:130px; text-align:right} /* END Recipe Browse Page*/ /* START Recipe Details Page*/ div#KRLRecipeDetail {} div#KRLRecipeDetail div.bulletLinks{} div#KRLRecipeDetail div.bulletLinks ul{list-style-image: none; list-style-type:none; padding:0; margin:0} div#KRLRecipeDetail div.bulletLinks a{color: #0195d6; text-decoration:none; padding: 16px 0px 0px 20px ; font-size: 9px; display:block; background: transparent url(img/printfriendly_button_CA.gif) no-repeat; width: 144px; height:32px} div#KRLRecipeDetail div.bulletLinks a.first{color: #ed1524; padding: 17px 0px 0px 20px ; background: transparent url(img/sendtofriend_button_CA.gif) no-repeat;} div#KRLRecipeDetail div#colourBox{} div#KRLRecipeDetail div.stdContBlock{color:#00509f; } div#KRLRecipeDetail div.stdContBlock td{padding:0px 10px 0px 10px} div#KRLRecipeDetail div#productText{ background:transparent url(img/colourBox_top_CA.jpg) no-repeat} div#KRLRecipeDetail div#productText table{ width:100%; margin:0px} div#KRLRecipeDetail div#productText td{ text-align:center; font-size:16px; font-weight:bold} div#KRLRecipeDetail div#productText h4{color:#ffffff; font-size:11px; font-weight:normal;padding:5px 0px 5px 0px} div#KRLRecipeDetail div#productimage{background:transparent url(img/colourBox_middle_CA.jpg); padding:10px 0px 0px 0px } div#KRLRecipeDetail div#productimage table{ width:100%; margin:0px} div#KRLRecipeDetail div#productimage td{ text-align:center} div#KRLRecipeDetail div#productimage div div{text-align:center} div#KRLRecipeDetail div#productLink{ background:transparent url(img/colourBox_bottom_CA.jpg) no-repeat left bottom} div#KRLRecipeDetail div#productLink table{ width:100%; margin:0px} div#KRLRecipeDetail div#productLink td{ text-align:center} div#KRLRecipeDetail div#productLink table a{color: #00509f; font-size:11px; text-decoration:underline; font-weight:bold} div#KRLRecipeDetail div#productLink table a:hover{ text-decoration:none;} div#KRLRecipeDetail div#contHeader {padding:0 0 10px;} div#KRLRecipeDetail div#contHeader h1{font-weight:bold; font-size:20px; color:#00509f;margin:0;line-height:24px;} div#KRLRecipeDetail div.label{width:70px; float:left; font-weight:bold} div#KRLRecipeDetail div.value{display:inline; padding: 0px 0px 0px 5px} div#KRLRecipeDetail div.krlRecipeOverview{} div#KRLRecipeDetail div.krlRecipeOverview div.text{margin: 0px 0px 0px 0px} /* div#KRLRecipeDetail div.overview_topimage{width:222px; float:left; padding:0px 20px 20px 0px}*/ div#KRLRecipeDetail div.overview_topimage{width:222px; float:left; padding:0px 20px 20px 0px;margin:-10px 0 0 0;} /* div#KRLRecipeDetail div.overview_details{width:200px; float:left ;width:180px; margin:0px 0px 20px 0px; min-height:150px; height:auto !important; height:150px}*/ div#KRLRecipeDetail div.overview_details{width:200px; float:left ;width:180px; margin:-10px 0px 20px 0px; min-height:150px; height:auto !important; height:150px} div#KRLRecipeDetail div.krlRecipeOverview table{} div#KRLRecipeDetail div.krlRecipeOverview td{font-size:11px} div#KRLRecipeDetail div.krlRecipeOverview div.title {display:none;} div#KRLRecipeDetail div.imagetype_9{width:222px} div#KRLRecipeDetail div.imagetype_9 img{border: 1px solid #b1b1b1} div#KRLRecipeDetail div.imagetype_11{width:222px} div#KRLRecipeDetail div.imagetype_11 img{border: 1px solid #b1b1b1} div#KRLRecipeDetail div.time_1{width:195px; margin-top:15px} div#KRLRecipeDetail div.time_2{width:195px; margin-top:5px} div#KRLRecipeDetail div.num_servings{width:195px; margin-top:5px} div#KRLRecipeDetail div.rating{width:195px; margin-top:5px} div#KRLRecipeDetail div.text{ margin:0px 0px 20px 0px} div#KRLRecipeDetail div.text span.img{display:block} div#KRLRecipeDetail div#editableRating {width:195px; font-weight:bold} div#KRLRecipeDetail div#editableRating img.starImage{margin-top:10px; display:block; float:left} div#KRLRecipeDetail div#editableRating div.text {margin-top:10px; float:left; width:135px; font-weight:normal} div.rating span.rating1{background:transparent url(img/rating_01.jpg) no-repeat; padding:0px 65px 0px 0px; margin-left:35px} div.rating span.rating2{background:transparent url(img/rating_02.jpg) no-repeat; padding:0px 65px 0px 0px; margin-left:35px} div.rating span.rating3{background:transparent url(img/rating_03.jpg) no-repeat; padding:0px 65px 0px 0px; margin-left:35px} div.rating span.rating4{background:transparent url(img/rating_04.jpg) no-repeat; padding:0px 65px 0px 0px; margin-left:35px} div.rating span.rating5{background:transparent url(img/rating_05.jpg) no-repeat; padding:0px 65px 0px 0px; margin-left:35px} div#KRLRecipeDetail div#recipeIngredients {clear:both;margin:0px 0px 20px 0px; } div#KRLRecipeDetail div#recipeIngredients ul{list-style-image:none; list-style-type:disc ; margin:0px 0pt 8px 15px;} div#KRLRecipeDetail div#recipeIngredients h4{display:none} div#KRLRecipeDetail div#buttonaddthis {margin:0;} div#KRLRecipeDetail div#buttonaddthis td {padding:0;} div#KRLRecipeDetail div#recipeInstructions{clear:left; border-top:1px solid #c3abb3; border-bottom:1px solid #c3abb3; margin:0px 0px 20px 0px} div#KRLRecipeDetail div#recipeInstructions td{font-size:11px; padding: 0px 0px 10px 20px; background:transparent url(img/bullet.gif) no-repeat } div#KRLRecipeDetail div#recipeNutritions{border-top:1px solid #c3abb3; padding:10px 0px 12px 0px; background:transparent url(img/nutr_table_buttom_bg.jpg) no-repeat left bottom; } div#KRLRecipeDetail div#recipeNutritions div {padding:4px 20px 4px 20px} div#KRLRecipeDetail div#recipeNutritions span.name{display:block;width:170px; float:left; padding: 0px 10px 0px 0px} div#KRLRecipeDetail div#recipeNutritions div.nutritionHead{padding:7px 20px 0px 20px; color: #3e8ac2; font-weight:bold; background: transparent url(img/nutr_table_header_bg.jpg) no-repeat; width:380px; height:21px} div#KRLRecipeDetail div#recipeNutritions div.even{width:376px; border-left:2px solid #ffffff; border-right:2px solid #ffffff; background:#ffffff} div#KRLRecipeDetail div#recipeNutritions div.odd{width:376px; border-left:2px solid #ffffff; border-right:2px solid #ffffff; background:#ddeaf5} /* */ div.RecipeTextSearch{ color: #004796; font-weight:bold; font-size:11px; position:absolute; left:755px; top:180px; width:205px} div.RecipeTextSearch fieldset{border:none; margin:0; padding:0; float:left; width:125px} div.RecipeTextSearch a {display:block; float:left; margin:0px 0px 0px 0px; width:35px; text-decoration:none; color:#f8f8f8} div.RecipeTextSearch form{display:inline} div.RecipeTextSearch form input#recipeTextSearchField{color: #6d6d6d; border: 1px solid #6D6D6D; font-size:11px; margin:0px; width:125px; float:left} div.rateCommentDisplay{width:420px;} div.rateCommentEntry{background: transparent url(img/bluebox_bottom.jpg) no-repeat left bottom; padding-bottom:19px; margin-bottom:20px} div.rateCommentEntry p{margin:0; padding: 15px 20px 10px 20px; background: transparent url(img/bluebox_middle.jpg) ; color:#ffffff} div.rateCommentEntry h5{ background: transparent url(img/bluebox_top.jpg) no-repeat; font-weight:bold; font-size:11px; margin:0; padding: 25px 20px 0px 20px; ; color:#ffffff} div.rateCommentEntry h5 span{float:right; padding-right:20px} div.rateCommentEntry p span.rating1{background: transparent url(img/tip_rating_01.jpg) no-repeat; padding: 0px 66px 0px 0px} div.rateCommentEntry p span.rating2{background: transparent url(img/tip_rating_02.jpg) no-repeat; padding: 0px 66px 0px 0px} div.rateCommentEntry p span.rating3{background: transparent url(img/tip_rating_03.jpg) no-repeat; padding: 0px 66px 0px 0px} div.rateCommentEntry p span.rating4{background: transparent url(img/tip_rating_04.jpg) no-repeat; padding: 0px 66px 0px 0px} div.rateCommentEntry p span.rating5{background: transparent url(img/tip_rating_05.jpg) no-repeat; padding: 0px 66px 0px 0px} /* END Recipe Details Page*/ /*START Recipebox on the Right*/ div#recipebox{width:200px; padding:20px 10px 0px 10px; background:transparent url(img/column_right_top_bg.jpg) no-repeat} div#recipebox div#right_bottom{margin:0px 0px 0px -10px} div#recipebox ul{margin:10px 0 8px 15px ; padding:0 ; list-style-type:square ; list-style-image:url(img/bullet.gif) ; line-height:17px ;} div#recipebox ul li { margin-bottom:3px ; } div#recipebox ul a { color:#3e8ac2 ; text-decoration:none ; } div#recipebox ul a:hover { text-decoration:underline ; } div#recipebox div.recipe_fields{ margin:20px 0px 0px 0px; padding:0px 0px 20px 0px; border-bottom:1px solid #DBCDD1; } div#recipebox div.label{display:inline; font-weight:bold} div#recipebox div.value{display:inline; padding: 0px 0px 0px 5px} div#recipebox div.imagetype_5{ width:200px; overflow:hidden} div#recipebox div.title{font-weight:bold; color:#3e8ac2; padding:0px 0px 5px 0px } div#recipebox div.imagetype_5 img{width:200px; height:16px} div#recipebox div.imagetype_2{ padding:0px 10px 0px 0px; width:90px; float:left} div#recipebox div.imagetype_2 img{width:90px; height:58px; padding:0px 0px 10px 0px} div#recipebox div.num_servings{ width:100px; float:left;margin-top:17px} div#recipebox div.detaillink{float:left; width:90px; background: transparent url(img/bullet.gif) no-repeat top right; padding: 0px 0px 0px 0px} div#recipebox div.detaillink a{color:#3e8ac2; text-decoration:none} div#recipebox div.detaillink a:hover{text-decoration:underline} div#recipebox div.time_1{clear:left; width:200px;} div#recipebox div.time_2{clear:left; width:200px;} div#recipebox div.rating{clear:left; width:200px; font-weight:bold} div#recipebox div.rating span.rating1{ margin-left:5px} div#recipebox div.rating span.rating2{ margin-left:5px} div#recipebox div.rating span.rating3{ margin-left:5px} div#recipebox div.rating span.rating4{ margin-left:5px} div#recipebox div.rating span.rating5{ margin-left:5px} /*END Recipebox on the Right*/ /* START styling for recipe filter boxes */ div#KRLRecipeSearchResult div#recipeFilterBoxNutritions div.stdContBlock img{margin:0} div#KRLRecipeSearchResult div#recipeFilterBoxNutritions{font-size: 12px; width:214px; color:#ffffff; background: transparent url(img/time_box_bg_top_CA.gif) no-repeat; padding:15px 0px 20px 0px} div#KRLRecipeSearchResult div#recipeFilterBoxNutritions div.stdContBlock{margin: 0px; background: transparent url(img/time_box_bg_bottom_CA.gif) no-repeat left bottom; padding:0px 0px 15px 0px; } div#KRLRecipeSearchResult div#recipeFilterBoxNutritions div#boxNutr1_body table {background: transparent none} div#KRLRecipeSearchResult div#recipeFilterBoxNutritions div#boxNutr1_body div.stdContBlock{background: transparent none} div#KRLRecipeSearchResult form#nutrform_a span{display:block;padding:0px 0px 0px 10px} div#KRLRecipeSearchResult form#nutrform_a span#nutrbox_id_a_fat_0-10{border-top: 1px solid #01c8e9; padding:3px 0px 0px 10px; margin:3px 0px 0px 0px} div#KRLRecipeSearchResult form#nutrform_a input {margin:0px 10px 0px 0px} div#KRLRecipeSearchResult div#recipeFilterBoxTime div.stdContBlock img{margin:0} div#KRLRecipeSearchResult div#recipeFilterBoxTime{font-size: 12px; width:214px; color:#ffffff; background: transparent url(img/time_box_bg_top_CA.gif) no-repeat; padding:15px 0px 20px 0px} div#KRLRecipeSearchResult div#recipeFilterBoxTime div.stdContBlock{margin: 0px; background: transparent url(img/time_box_bg_bottom_CA.gif) no-repeat left bottom; padding:0px 0px 15px 0px; } div#KRLRecipeSearchResult div#recipeFilterBoxTime div#boxTime_body div.stdContBlock{margin: 0 ; background: transparent none} div#KRLRecipeSearchResult div#recipeFilterBoxTime div#boxTime_body table {background: transparent none} div#KRLRecipeSearchResult div#recipeFilterBoxRating div.stdContBlock img{margin:0} div#KRLRecipeSearchResult div#recipeFilterBoxRating{font-size: 12px; width:214px; color:#ffffff; background: transparent url(img/time_box_bg_top_CA.gif) no-repeat; padding:15px 0px 0px 0px} div#KRLRecipeSearchResult div#recipeFilterBoxRating div.stdContBlock{margin: 0px; background: transparent url(img/time_box_bg_bottom_CA.gif) no-repeat left bottom; padding:0px 0px 15px 0px; } div#KRLRecipeSearchResult div#recipeFilterBoxRating div#boxStar_body div.stdContBlock{margin:0px 0px 0px 0px; background: transparent none} div#KRLRecipeSearchResult div#recipeFilterBoxRating div#boxStar_body table{background: transparent none} /* div#KRLRecipeSearchResult div#colourBox{font-size: 12px; width:228px; color:#ffffff; background: transparent url(img/time_box_bg_top.gif) no-repeat; padding:15px 0px 0px 0px} div#KRLRecipeSearchResult div#colourBox div.stdContBlock{background: transparent url(img/time_box_bg_bottom.gif) no-repeat left bottom; padding:0px 0px 32px 0px; } */ div#KRLRecipeSearchResult div.stdContBlock table {width: 100%; margin:0px; border-spacing:none; background: transparent url(img/time_box_bg_middle_CA.gif) repeat-y} div#KRLRecipeSearchResult div.stdContBlock table th{height:39px; padding: 0px 5px 0px 5px} div#KRLRecipeSearchResult div.stdContBlock table tr td{padding: 0px 5px 0px 5px; font-size:12px} div#KRLRecipeSearchResult div.stdContBlock div.toggle {cursor: pointer; } div#KRLRecipeSearchResult div.stdContBlock div.boxIcon {float:left; } div#KRLRecipeSearchResult div.stdContBlock div.boxTitle {float:left;} div#KRLRecipeSearchResult div.stdContBlock div.boxOnOff {float:right;} div#KRLRecipeSearchResult div.stdContBlock div#boxStars_body{width:200px} /* slider */ #sliderValues {padding-left:0px;} #sliderValues span {font-size: 10px; text-align:center; color: #99ccff; float:left; width:20px; height:20px; } #sliderValues span.active {color:white;} #contentRight .recipeSlider {clear: both; -moz-user-focus:normal; -moz-user-select:none; height:16px; margin: 4px 0px 8px 6px ; position:relative; width:192px;} #contentRight .recipeSlider .line { -moz-box-sizing:content-box; background:transparent url(img/recipes/pic_sl_background.gif) no-repeat scroll 0% 50%; z-index:1; font-size:0.01mm; height:16px; overflow:hidden; position:absolute; top:5px; width:192px;} #contentRight .recipeSlider .handle { -moz-user-select:none; background:transparent url(img/recipes/pic_sl_sliderIcon.gif) no-repeat scroll 0% 5px; z-index:2; cursor:pointer; height:20px; position:absolute; width:8px;} /* END styling for recipe filter boxes */ /* START CHEESECAKE CUSTOMIZER */ /* affect 648 caen1/cafr1 */ div#cheesecake_flash {margin:10px 0 70px 4px;} /* affect 674 caen1/cafr1 - recipie result*/ body.chscakecustrecipieresult {} body.chscakecustrecipieresult div#contentCentre{min-height:550px; height:auto !important; height:550px} body.chscakecustrecipieresult div#contentRight div.bulletLinks ul {list-style-image:none;list-style-type:none;margin:0pt;padding:0pt;} body.chscakecustrecipieresult div#contentRight div.bulletLinks a {background:transparent url(img/printfriendly_button_CA.gif) no-repeat;color:#0195D6;display:block;font-size:9px;height:32px;padding:16px 0px 0px 20px;text-decoration:none;width:144px;} body.chscakecustrecipieresult div#contentRight div.bulletLinks a.first {background:transparent url(img/sendtofriend_button_CA.gif) no-repeat;color:#ED1524;padding:17px 0px 0px 20px;} body.chscakecustrecipieresult div#chscustprint {display:none;} body.chscakecustrecipieresult div#chscustemail ul.linkslist {display:none;} body.chscakecustrecipieresult div#chscustemail img {margin:40px 0 0 0;} body.chscakecustrecipieresult div.recipe_name {color:#00509F;font-size:20px;font-weight:bold;position:relative;margin:-86px 0 15px 0;} body.chscakecustrecipieresult span.label {font-weight:bold;width:70px;display:block;float:left;} body.chscakecustrecipieresult div.recipe_times {margin:65px 0 0 0;} body.chscakecustrecipieresult div.recipe_servings {margin:0;} /* flash widget */ body.chscakecustrecipieresult div.recipe_widget {width:190px;height:250px;float:left;margin:-100px 0 0 0;float:right;} body.chscakecustrecipieresult div.recipe_ingredients {clear:left;margin:0;padding:0 0 15px 0;border-bottom:1px solid #C3ABB3;} body.chscakecustrecipieresult div.recipe_ingredients div {margin:0;padding:0;} body.chscakecustrecipieresult div.recipe_ingredients div.ingredient {margin:0 0 10px 0;} body.chscakecustrecipieresult div.recipe_ingredients div.label {font-weight:bold;} body.chscakecustrecipieresult div.recipe_preparation {clear:left;margin:0;padding:0 0 15px 0;border-bottom:1px solid #C3ABB3;} body.chscakecustrecipieresult div.recipe_preparation div.prep {margin:0 0 10px 0;} body.chscakecustrecipieresult div.recipe_preparation div.label {font-weight:bold;} body.chscakecustrecipieresult div#chscustingredients {margin:15px 0 15px 0;} body.chscakecustrecipieresult div#chscustingredients img {margin-bottom:0;} body.chscakecustrecipieresult div#chscustinstruct {margin:15px 0 15px 0;} body.chscakecustrecipieresult div#chscustinstruct img {margin-bottom:0;} body.chscakecustrecipieresult div#chscustnewbutton {margin:15px 0 15px 0;} /* END CHEESECAKE CUSTOMIZER */