body { margin:0 ; padding:0 ; font-size:85% ; font-family:arial, verdana, helvetica, sans-serif ; background:#c6d3e2 url(img/body_bg.jpg) top center no-repeat ; color:#6c6b62 ; } 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 url(img/content_bg.png) repeat-y ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia3/styles/img/content_bg.png', sizingMethod=scale); _background-image: expression('none'); overflow:hidden ; } body.beeCursor div.container {cursor:url(/philadelphia3/styles/img/bee.cur), pointer} /* 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 { position:relative ; z-index:20; padding:0 ; height:170px ; background-color:transparent ; background-repeat:no-repeat; background-position:top left ;} div#header div#hdrWelcome{height:16px;position:absolute;left:65px;top:22px;width:300px;z-index:20;color:#8A8A8A;font-size:11px;} body.homepage div#header{height:109px} body.header_185 div#header{height:185px} body.header_357 div#header{height:357px} body.header_390 div#header{height:390px} body.header_410 div#header{height:410px} body.header_500 div#header{height:500px} body.header_570 div#header{height:570px} body.header_650 div#header{height:650px} body.header_700 div#header{height:700px} body.header_840 div#header{height:840px} body.header_900 div#header{height:900px} body.header_705 div#header{height:705px} body.additionalHeader div#header{height:123px} div#hdrGraphics { position:absolute ; left:440px ; top:10px ; } /* Override for specific templates (left: 301px if text-align: center) */ body.homepage div#hdrGraphics { } div#header div#hdrLinks { height:16px; position:absolute; right:65px; text-align:right; top:22px; width:350px; z-index:10; } /* for layer integration */ /*div#header div#hdrLinks { height:16px; position:absolute; right:65px; text-align:right; top:22px; width:350px; z-index:10; } */ div#hdrLinks ul { margin:0 ; padding:0 ; list-style-type:none ; } div#hdrLinks li { display:inline ; } div#hdrLinks a { padding:0 4px 0 15px; font-size:11px ; color:#8a8a8a ; text-decoration:none ; } div#hdrLinks a:hover { text-decoration:underline ; } div#hdrLinks a#first { border-left:none ; } div#hdrLinks li.hl_item1 a{background:transparent url(img/icon_login.gif) no-repeat; } div#hdrLinks li.hl_item2 a{background:transparent url(img/icon_register.gif) no-repeat;} div#hdrLinks li.hl_item3 a{background:transparent url(img/icon_search.gif) no-repeat; } div#header.loggedIn div#hdrLinks{display:none} div#header div#hdrLoggedLinks{height:16px; position:absolute; right:65px; text-align:right; top:22px; width:300px; z-index:20; } div#hdrLoggedLinks ul { margin:0 ; padding:0 ; list-style-type:none ; } div#hdrLoggedLinks li { display:inline ; } div#hdrLoggedLinks a { padding:0 4px 0 15px; font-size:11px ; color:#8a8a8a ; text-decoration:none ; } div#hdrLoggedLinks a:hover { text-decoration:underline ; } div#hdrLoggedLinks a#first { border-left:none ; } div#hdrLoggedLinks li.hl_item1 a{background:transparent url(img/icon_changepwd.gif) no-repeat; } div#hdrLoggedLinks li.hl_item2 a{background:transparent url(img/icon_logout.gif) no-repeat;} div#hdrLoggedLinks li.hl_item3 a{background:transparent url(img/icon_search.gif) no-repeat; } /* 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 */ body.homepage div#breadcrumbs { display:none ; } body.homepage div#breadCrumbContainer { display:none ; } body.nobreadcrumbs div#breadcrumbs { display:none ; } body.nobreadcrumbs div#breadCrumbContainer { display:none ; } /* Search box */ div#search {background:transparent none; height:20px; position:absolute; right:70px; text-align:right; top:18px; width:351px; z-index:20;} div#search label { margin-right:4px ; color:#6d6d6d ; font-size:11px ; font-weight:bold ; } div#search input { margin:0 ; vertical-align:middle ; } div#search input#searchfield { background:transparent url(img/search_bg.gif) no-repeat left top; border:none; color:#6D6D6D; font-size:11px; margin:0 4px 0 0; padding:3px 6px 3px 10px; vertical-align:middle; width:100px;} /* ##########################################################################################*/ /*DINAMIC LOGIN BOX*/ div#headerLoginbox {position:absolute; top:40px; right:100px; z-index:200; width:180px; } div#headerLoginbox a#boxCloseLink {position:absolute; right:20px; top:12px;} div#headerLoginbox div.errors{font-size:11px; color:#0065AD; width:160px; margin:auto} div#headerLoginbox div#eshopLoginBox {width:180px; padding: 5px 0 0 0; background:transparent url(img/login_box_layer_top_bg.png) no-repeat; _background:transparent url(img/login_box_layer_top_bg.gif) no-repeat;} div#headerLoginbox div#eshopLoginBox div.roundedBottom {display:none} div#headerLoginbox div.roundedBottom {height:25px; background:transparent url(img/login_box_layer_bottom_bg.png) no-repeat; _background:transparent url(img/login_box_layer_bottom_bg.gif) no-repeat;} div#headerLoginbox h2 {display:none;} div#headerLoginbox p {display:none;} div#headerLoginbox form#loginForm {padding:18px 0 0 5px;margin:5px 0 0 0; background:transparent none } div#headerLoginbox form#loginForm fieldset {padding:0; width:160px; border:none; display:block; float:none; text-align:center;} div#headerLoginbox form#loginForm fieldset label {display:none} div#headerLoginbox form#loginForm fieldset input {float:none; background:transparent url(img/search_box_field_bg.gif) no-repeat left top; border:none; color:#6D6D6D; font-size:11px; margin:0; padding:3px 6px 3px 10px; vertical-align:middle; width:121px;} div#headerLoginbox form#loginForm fieldset#fs_permanent_login {} div#headerLoginbox form#loginForm fieldset#fs_permanent_login input {float:left;width:20px;} div#headerLoginbox form#loginForm fieldset#fs_permanent_login label {display:block; width:160px;} div#headerLoginbox form#loginForm fieldset#loginHome{} div#headerLoginbox form#loginForm fieldset#loginHome input#password {margin:3px 0 0 0;} div#headerLoginbox form#loginForm fieldset#loginHome input#login{} div#headerLoginbox form#loginForm fieldset#loginArea {margin:0; width:160px;} div#headerLoginbox form#loginForm fieldset#loginArea button {cursor:pointer; margin:0; width:160px; background:transparent; border:none; margin:0; padding:5px 0 5px 7px !important;} div#headerLoginbox a {color:#0065AD; display:block; text-align:center; margin:2px 0 0 0; font-size:11px;} /* ##########################################################################################*/ /*DINAMIC SEARCH BOX*/ div#searchBox {position:absolute; top:40px; right:50px; z-index:200; ; background:transparent url(img/search_box_layer_bg.png) no-repeat; _background:transparent url(img/search_box_layer_bg.gif) no-repeat;} div#searchBox a#boxCloseLink {position:absolute; right:20px; top:12px;z-index:201} div#searchBox form {height:108px; width:170px; padding:15px 0 0 10px;margin:0px 0 0 0; background:transparent none;} div#searchBox form fieldset {padding:0; width:160px; border:none; display:block; float:none} div#searchBox form fieldset input { background:transparent url(img/search_box_field_bg.gif) no-repeat left top; border:none; color:#6D6D6D; font-size:11px; margin:0 4px 0 0; padding:3px 6px 3px 10px; vertical-align:middle; width:121px;} div#searchBox form fieldset label {display:block; padding:0 0 0 3px; font-size:11px} div#searchBox form fieldset.fs_submit { margin:0; width:140px; padding:4px 0 0 0} div#searchBox form fieldset.fs_submit button {cursor:pointer; width:140px; background:transparent; border:none; margin:0; padding:0 0 0 0 !important;} /* Recipe Search box */ div.RecipeTextSearch{ background:transparent url(img/recipe_search_bg.gif) no-repeat; padding:8px 0 0 21px;} div.RecipeTextSearch form{display:inline} div.RecipeTextSearch fieldset{border:none; padding:0; margin:0} div.RecipeTextSearch fieldset label{color:#918f8b; font-size:11px} div.RecipeTextSearch fieldset input{border:none; color:#918F8B;font-size:10px; margin:5px 0 0 1px; width:130px;} div.RecipeTextSearch a{color:#FFFFFF; left:152px; position:relative; text-decoration:none; top:-16px;} div.RecipeTextSearch a img{left:-10px; position:absolute; top:0;} /* Primary nav position */ div#prinav { height:16px; left:187px; position:absolute; top:90px; width:631px; z-index:50; } div#prinavbg { display:none; position:absolute ; left:23px ; top:0px ; width:463px ; height:16px ; z-index:40 ; } div#pageBody {width:1003px; min-height:400px; height:auto !important; height:400px; float:left ; margin:0 0 0 0 ; padding:0 ; background:transparent } /* Override for specific templates */ body.homepage div#pageBody { float:left ; margin:53px 0 22px 0 ; padding:0 0 0 23px ; } body.homepage div#pageBody.nothirdcol { padding:0; margin:0} body.header_500 div#pageBody{min-height:100px; height:auto !important; height:100px;} div#disclaimer div#pageBody { float:left ; margin:46px 0 22px 0 ; padding:0 ; } body.header_700 div#pageBody{margin:-575px 0 0 0; position:relative; z-index:30} body.header_650 div#pageBody{margin:-220px 0 0 0; position:relative; z-index:30} body.header_570 div#pageBody{min-height:10px; height:auto !important; height:10px} body.additionalHeader div#pageBody{margin:0; position:relative; z-index:10 } body.contentUnderHeader div#pageBody {position:relative; z-index: 30} div#pageBody.nothirdcol { } /* Main content areas */ div#contentTop{} body.additionalHeader div#contentTop div.stdContBlock {position:absolute; top:0px; left:0px; z-index:30;} div#contentCentre { float:left ; display:inline; overflow:hidden; margin:0 ; padding:2px 0 0 15px ; width:458px ; min-height:100px} /* Override for specific templates */ body.homepage div#contentCentre { float:left ; margin:0 14px 22px 0 ; padding:0 ; width:741px ; } body.header_900 div#contentCentre{position: relative; z-index:50; margin:-70px 0 0 0} body.contentWidth520 div#contentCentre{width:520px; padding:2px 0 0 5px } body.header_705 div#contentCentre{margin: -450px 0 0 0;position: relative; z-index:50;} body.header_390 div#contentCentre{position: relative; z-index:50; margin:-137px 0 0 0;} body.additionalHeader div#contentCentre{position:relative; z-index:35; background:transparent} div#contentFull { float:left ; display:inline; margin:0 ; padding:0 20px 0 20px ; width:663px ; background:#ffffff ; } body.homepage div#contentFull { margin:0 ; padding:0 40px 0 39px; background:transparent ; width:924px; } body.fullwidth div#contentFull{width:923px; padding:0; margin:0 40px 0 40px;} div#searchresults div#contentFull{width:563px ;} body.additionalHeader div#contentFull{position:relative; z-index:35; background:transparent} div#contentLeft {overflow:hidden; float:left ; display:inline; width:205px ; margin:32px 0 22px 0 ; padding:0 0 0 55px ; } /* Overide for specific templates */ body.homepage div#contentLeft { display:none ; float:left ; width:200px ; margin:0 14px 22px 0 ; padding:0 ; } body.fullwidth div#contentLeft{display:none} body.rightOnTop div#contentLeft{margin:-70px 0 22px; position:relative; z-index:50;} body.contentWidth520 div#contentLeft{width:153px} body.contentWidth520 div#contentLeft div#colourBox{width:153px} body.header_900.leftOn350 div#contentLeft{margin:-350px 0 22px; position:relative; width:200px; z-index:50;} body.additionalHeader div#contentLeft{position:relative; z-index:35;} div#contentRight { float:left ; display:inline; margin:30px 0 22px 0 ; padding:0 55px 0 15px ; width:200px ; } /* Overide for specific templates */ body.homepage div#contentRight { } body.rightOnTop div#contentRight{margin:-330px 0 22px; position:relative; width:200px; z-index:50;} body.header_650.rightOnTop div#contentRight{margin:-230px 0 22px; position:relative; width:200px; z-index:50;} body.header_840.rightOnTop div#contentRight{margin:-650px 0 22px; position:relative; width:200px; z-index:50;} body.header_900.rightOnTop div#contentRight{margin:-710px 0 22px; position:relative; width:200px; z-index:50;} body.header_705 div#contentRight{margin: -520px 0 0 0;position: relative; z-index:50;} body.additionalHeader div#contentRight{position:relative; z-index:35; } /* START General content area styles */ th { text-align:left ; } td { vertical-align:top ; } img { border:none ; } table {border-collapse:collapse ; width:100%; } div.content { font-size:11px ; line-height:14px ; float:left} div.content p { margin:0 0 15px 0 ; padding:0 ; } div.content ul { margin:10px 0 8px 15px ; padding:0 ; line-height:14px ; } div.content ul li { margin-bottom:3px ; } div.content ul a { color:#0065ad ; text-decoration:none ; } div.content ul a:hover { text-decoration:underline ; } div.content a { color:#0065ad ; } div.content a:hover { text-decoration:none ; } div.content h1 { font-weight:normal ; font-size:20px ; line-height:24px ; color:#0065ad ; margin:0; padding:0 0 10px 15px} div.content h2 { } div.content h4 { margin:0 0 3px 0 ; padding:0 ; font-weight:bold ; color:#0065ad ; font-size:12px ; } div.content a img { border:none ; } div.content table {} /*START GLOBAL FORMS ELEMENTS*/ div#formTop{background:transparent url(img/form_top_bg.gif) no-repeat; width:444px; height:16px; padding:0; margin:0} div#formBottom{background:transparent url(img/form_bottom_bg.gif) no-repeat; width:444px; height:16px; padding:0; margin:0} div.content form{background:transparent url(img/form_middle_bg.gif) repeat-y; margin: 0 0 0 5px} div.content div.errors{color:#ED1C2F; padding:0 0 0 15px; font-weight:bold} div.content input.disabled { background:#eee; color:#999 ; } div.content select.disabled { background:#eee; color:#999 ; } div.content div#formerror { margin:0 0 10px 15px; padding:0; color:#ED1C2F; font-weight:bold; } div.content div.formContentItem{padding:0 20px; width:404px; clear:both } div.content div.formContentItem a{display:block; padding:0 0 10px 0} div.content fieldset{border:none; padding:0 10px 10px 20px; margin:0; width:175px; float:left} div.content fieldset.checkbox{padding:0 20px 20px 20px; width:404px; clear:both} div.content fieldset.checkbox input{width:20px; margin:0; display:inline; border:none; background:transparent} div.content fieldset.checkbox label{display:inline; padding:0 0 0 10px} div.content fieldset.radio{padding:0 20px 20px 20px; width:404px; clear:both} div.content fieldset.radio input{display:block; width:20px; margin:0; border:none; float:left; background:transparent} div.content fieldset.radio label{display:block; width:50px; padding:0 0 0 10px; float:left} div.content fieldset.radio label.radioGroupLabel{width:185px; display:block ; float:left; padding:0} div.content fieldset#fs_buttons{left:320px; position:relative; top:-50px; width:auto} div.content fieldset#fs_captcha{float:none; padding:0 20px 20px 20px; width:404px; clear:both} div.content fieldset#fs_captcha label{vertical-align:middle; float:left; width:120px; font-weight:normal; padding:0 20px 0 0;} div.content fieldset#fs_captcha input{vertical-align:middle; float:left; width:132px; font-size:16px; padding:2px 0} div.content fieldset#fs_captcha div#captchaImageContainer{ vertical-align:middle; float:left; padding:0 0 0 20px; width:95px; } div.content fieldset.error { } div.content fieldset.error label { color:#ED1C2F ; } div.content label {display:block; color:#777777; margin:0; padding:0} div.content input {width:175px; margin:0; padding:0; background:#f6f6f6; border:1px solid #e4e4e4; border-bottom:1px solid #ffffff; ; border-right:1px solid #ffffff} div.content textarea {width:380px; height:80px; margin:0; font-family:verdana, arial, helvetica, sans-serif; font-size:12px ; background:#f6f6f6; border:1px solid #e4e4e4; border-bottom:1px solid #ffffff; ; border-right:1px solid #ffffff} div.content select {width:175px; margin:0; background:#f6f6f6; border:1px solid #e4e4e4; border-bottom:1px solid #ffffff; ; border-right:1px solid #ffffff} div.content button {margin:0; padding-left:0; background:transparent; border:none; font-size:11px; font-weight:bold; vertical-align:top; } div.content button img {margin:2px 0 0 0 ; vertical-align:top ; } div.content form div.separator{clear:left; border-top:1px solid #9a9a9a; padding:0px 0px 10px;} /*ENDE GLOBAL FORMS ELEMENTS*/ /* Override for specific templates */ div#disclaimer div.content { padding:0 0 160px 0 ; } div.body div.content div#homeHead h1 { margin:2px 0 12px 0 ; padding:0 ; font-weight:normal ; font-size:24px ; color:#4B4B4B ; text-align:center ; } div.body div.content div#homeHead h2 { margin:0 0 5px 0 ; text-align:center ; } div.body div.content div#homeHead p { margin:0 ; padding:0 15px ; text-align:center ; line-height:17px ; } /* END General content area styles */ /* START Content blocks shared by various templates */ div.content div.ddLinks{} div.content div.ddLinks form{margin:0} div.content div.ddLinks fieldset{width:380px; padding:0px 15px 20px 15px} div.content div.ddLinks label{margin: 0 20px 0 0 ; font-weight:bold ; color:#0065ad ; font-size:12px ; display:inline} div.content div#articleUtils { margin:10px 0px; padding:10px; } div.content div#articleUtils form { display:inline } div.content div#articleUtils img { float:left ; } div.content div#articleUtils label { display:block; float:left; width:auto; margin:0 ; padding:2px 5px 2px 5px; font-size:12px ; font-weight:bold; } div.content div#articleUtils select { font-size:12px ; width:300px ; } div.content div#articleUtils input { margin-left:12px ; vertical-align:middle ; } div#actionlinks { padding:4px 0 6px 0 ; margin: 0px 0px 15px 0px; border-bottom:1px solid #9A9A9A ; clear: left} div#actionlinks a { margin-left:9px ; padding:0 6px 0 20px ; color:#000000 ; font-size:11px ; font-weight:bold ; text-decoration:none ; } div#actionlinks a:hover { text-decoration:underline ; } div#actionlinks a.PrinterFriendly { background:#fff url('img/icon_printerfriendly.gif') center left no-repeat ; } div#actionlinks a.EmailFriend { background:#fff url('img/icon_email.gif') center left no-repeat ; } div#actionlinks a.MultiEmailFriend { background:#fff url('img/icon_email.gif') center left no-repeat ; } div.content div#contHeader { display:block ; margin:0 ; padding:0 ; } 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 { float:left ; width:100% ; margin-top:5px ; padding:8px 0 8px 0 ; background-color:#CFCFCF ; color:#000 ; } 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 ; 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-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-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 ; 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 { float:left ; margin-bottom:1px ; padding:4px 8px 8px 5px ; width:184px ; font-size:11px ; } div.bulletLinks img { vertical-align:middle ; margin-right:5px ; } div.bulletLinks h3 { margin:0 0 5px 0 ; 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#rightColVSpace { float:left ; height:105px ; } /* END Content blocks shared by various templates */ /* START Standard Content Page */ div#contentFull div#spottags{margin:0;padding:0; color:#ffffff; width:1px; height:1px; overflow:hidden} div#contentFull div#spottags iframe{width:1px; height:1px; border:none; padding:0; margin:0} div#contentCentre div#spottags{margin:0;padding:0; color:#ffffff} div#contentCentre div#spottags iframe{width:1px; height:1px; border:none; padding:0; margin:0} div.stdContBlock { clear:left ; margin:15px 0 15px 15px ; padding:0 ; } div.stdContBlock div.stdContHeadImg { padding-bottom:5px ; } div.stdContBlock td { vertical-align:top ; padding:0 ; } div.stdContBlock td.textArea { width:100% ; } div#promoReg div.stdContBlock{margin: 15px 0 15px 15px} div.stdContBlock div.imageBoxLeft { margin-right:25px ; padding:8px 0 12px 0 ; } div.stdContBlock div.imageBoxLeft img { display:block ; margin-bottom:9px ; 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 { margin-left:15px ; padding:8px 0 12px 0 ; } div.stdContBlock div.imageBoxRight img { display:block ; margin-bottom:9px ; border:none ; } div.stdContBlock div.imageBoxRight h6 {display:none; margin:2px 7px 0 7px ; color:#000 ; font-size:12px ; line-height:15px ; } div.stdContBlock div.imageBoxTop h6 {display:none;} div.stdContBlock div.imageBoxBottom h6 {display:none;} div.stdContBlockNoMargin{ margin:0 } div#promoReg div.stdContBlockNoMargin{ margin:0 } div.stdTextPadding table td.textArea{padding: 0 0 0 20px} div.stdTextPadding table td.textArea div.imageBoxTop{margin:0 0 0 -20px} div.stdSmallFocusItem{clear:none; float:left; display:inline; width:147px; overflow:hidden; margin:15px 0px 15px 0px;} div.stdSmallFocusItem ul.linkslist{ list-style-type:none ; list-style-image:none; margin:0; padding:0} div.stdSmallFocusItem ul.linkslist li{} div.stdSmallFocusItem ul.linkslist li a{font-weight:bold; padding: 0 5px 0 5px; display:block; text-align:center} div.stdSmallFocusItem120{clear:none; float:left; display:inline; width:120px; overflow:hidden; padding: 0 10px 0 0; margin:15px 0px 15px 0px;} div.stdSmallFocusItem120 ul.linkslist{ list-style-type:none ; list-style-image:none; margin:0; padding:0} div.stdSmallFocusItem120 ul.linkslist li{text-align:center} div.stdSmallFocusItem120 ul.linkslist li a{font-weight:bold; padding: 0 5px 0 5px} div#prodSliderArrowLeft{position:absolute; width:41px; margin:0; top:452px; left:290px} div#prodSliderProd1{position:absolute; width: 117px; margin:0; top:452px; left:331px } div#prodSliderProd2{position:absolute; width: 116px; margin:0; top:452px; left:448px} div#prodSliderProd3{position:absolute; width: 116px; margin:0; top:452px; left:564px} div#prodSliderArrowRight{position:absolute; width:40px; margin:0; top:452px; left:680px} div.stdContBlock table.TableContent{width:auto} div.stdContBlock table.TableContent td{border:1px solid #cccccc; padding:5px; width:auto} div.actionLinksInline{padding:10px 0 20px 0} div.actionLinksInline div.stdContentPicture{display:inline ; float:left; margin:0 3px 0 0} div.productSliderContainer { position: absolute; top: 479px; left: 290px; padding-left: 15px; width: 404px; height: 104px; background: url(img/bg_slider.jpg) no-repeat left top; } body.singleProductInCategory div.productSliderContainer { display: none; } div.productSliderContainer div.productSliderElementSpecial { /*display: none; */} div.productSliderContainer div.buttonHandle_back, div.productSliderContainer div.buttonHandle_next { float: left; padding-top: 39px; width: 15px; } div.productSliderContainer div.buttonHandle_disabled { cursor: default !important; } div.productSliderContainer div.buttonHandle_disabled img { display: none; } div.productSliderContainer div.productSliderListWrapper { float: left; margin-top: 22px; height: 55px; width: 360px; position: relative; overflow: hidden; } div.productSliderContainer div.productSliderList { position: absolute; top: 0px; left: 0px; height: 55px; width: 500px; } div.productSliderContainer div.productSliderItem { float: left; width: 120px; height: 55px; } div.productSliderContainer div.productSliderItem.itemActive { background: transparent url(img/bg_slider_active.gif) no-repeat left top; } div.productSliderContainer div.productSliderItem div.productImages { padding: 0px 20px; } div.productSliderContainer div.productSliderItem div.productImages img { width: 80px; height: 55px; } div#homeHeloButton {position: absolute; top:318px; left:576px} /* END Standard Content Page */ /* START SOCIALBOOKMARKSS */ div#KRLRecipeDetail div.socialbookmarks{left:245px; margin:-46px 0 20px; position:relative; top:0; width:130px;} /* END SOCIALBOOKMARKS */ /* ################################### START LITTLE HELPER ###############################*/ div.floatLeft {float:left; display:inline; clear:none} div.floatRight {float:right; display:inline} div.marginAuto {margin:0 auto} div.noMargin {margin:0} div.margin0-0-0-40{margin: 0 0 0 40px;} div.margin0-0-0-39{margin: 0 0 0 39px;} div.margin0-0-0--420 {margin: 0 0 0 -420px;} div.margin_n60-A-0-A {margin: -60px auto 0 auto;} div.padding_0_5_0_15 {padding:0 5px 0 15px !important} div.width170 {width: 170px;} div.width228 {width: 228px;} div.width250 {width: 250px;} div.width294 {width: 294px;} div.width304 {width: 304px !important;} div.width924 { width: 924px;} div.contentCenter {left: 50%; position: relative;} /* #################################### END LITTLE HELPER ###############################*/ /*START 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 Video Player */ div.flashPlayerWrapper{ width:300px ; float:left; } div.jwPlayerWrapper {margin:0 0 0 0px;} div.jwPlayerWrapper div#VideoPlayerJW{} div.jwPlayerWrapper div#VideoPlayerJW div#VideoPlayerJW_playerInstance{} div.jwPlayerWrapper div#player458Width {height:300px; background:url(img/video_458_bg.gif) no-repeat scroll left top transparent; padding:20px;} div.jwPlayerWrapper div#player458WidthRecipe {height:315px; background:url(img/video_458_bg.gif) no-repeat scroll 10px top transparent; padding:20px 0 20px 30px;} div.movieLink { float:left; margin:20px 5px 20px 10px; width:130px ; padding:0 0 0 0;} div.movieLinkDetail { margin:0 ; border:0; } div.movieLink h4 {margin:3px 0 0 0;} div.movieLink a { color:#000000; font-size:12px; } div.movieLink a img { padding:0 0px 0 0px; } div.movieLink ul.linkslist { background:url(img/teaser_links_bg.gif) no-repeat scroll right center transparent; list-style:none;} div.movieLink ul.linkslist li { text-align:right;} div.movieLink ul.linkslist li a{background:url(img/subnav_item.gif) no-repeat scroll right center #FFFFFF; color:#0065AD; font-family:trebuchet ms,arial,verdana; font-size:11px; font-weight:normal; margin:0; padding:0 20px 0 10px; } div#contentRight div.movieLink {width:188px;margin:0 0 10px 0;} div#contentRight div.movieLink a{} div#contentRight div.movieLink a img {padding:0;} div#contentRight div.movieLink ul.linkslist { list-style:none; padding:0; margin:0 0 5px 0; background:none repeat scroll 0 0 transparent;} div#contentRight div.movieLink ul.linkslist li {text-align:right; margin:0 10px 0 0; padding:0;} div#contentRight div.movieLink ul.linkslist li a { background:url(img/linklist_item.gif) no-repeat scroll right bottom #FFFFFF; color:#0065AD; font-family:trebuchet ms,arial,verdana; font-size:11px; font-weight:normal; margin:0; padding:0 20px 0 10px;} div#contentRight div.movieLink ul.linkslist li a:hover {text-decoration:underline; } /* END Video Player */ /* ##########################################################################################*/ /*START DYNAMIC LAYER*/ div#layer ul.linkslist{padding:0px 10px} div#layer a{color:#000000; font-size:11px} div#layer div.layer_instance{background: #ffffff; border:6px solid #6c6b62; font-size:11px; } div#layer div div{border:none} div#layer div.closelyr_img{padding:5px 10px 0px 0px; float:right;} div#layer div.closelyr_link{padding:5px 30px 0px 0px; text-align:right;} div#layer div.closelyr_link a{text-decoration:none} div#layer div.stdContBlock{} div#layer div.stdContBlock td.textArea{padding:10px} div#layer div.layerCenter{width:500px !important; left:50% !important; margin-left:-250px !important } div#layer div.lightbox_class{width:100%; height:100%; position:fixed; _position:absolute; top:0; left:0; z-index:1 ; } div#layer div#halo_promo_flash_lightbox{width:100%; height:100%; position:fixed; _position:absolute; top:0; left:0; z-index:1 ; } div#layer div#halo_promo_flash {background: #000000; border:1px solid #000000; left:50% !important; margin-left:-412px !important} div#layer div.blueBorderLayer {border:2px solid #0065AD} div#layer div.blueBorderLayer h1 {color: #0065AD; font-size:14px} /*END DYNAMIC LAYER*/ /* ##########################################################################################*/ /*START MULTIPLE COLUMNS*/ div.multiColumns{ padding:10px; font-size:11px} div.multiColumns h3{margin-top:0px} div.multiColumns p{} div.clearer{clear:both} div.imgColumn{} div.imgColumn div.columnContent{float:left; width:200px; padding:0} div.imgColumn div.firstCol{ padding: 20px 15px 0 15px;} div.textColumn{clear:left} div.textColumn strong{color:#0065AD; font-size:12; padding:0 0 0 0} div.textColumn div.columnContent{float:left; width:200px; padding:0} div.textColumn div.firstCol{padding: 0 15px;} div.linkColumn{clear:left} div.linkColumn div.columnContent{text-align:right; float:left; width:200px; padding:0; background:transparent url(img/teaser_links_bg.gif)no-repeat} div.linkColumn a{background:#ffffff ; color:#0065AD; margin:0 30px; padding:0 10px; text-decoration:none} div.linkColumn div.firstCol{padding: 0 15px; background:transparent url(img/teaser_links_bg.gif)no-repeat 15px 0px} /*END MULTIPLE COLUMNS*/ /* ##########################################################################################*/ /*START MULTIPLE COLUMNS FOR HOMEPAGE*/ body.homepage div.multiColumns{border:1px solid #9a9a9a; padding:10px; font-size:11px} body.homepage div.multiColumns h3{margin-top:0px} body.homepage div.multiColumns p{} body.homepage div.clearer{clear:left} body.homepage div.imgColumn{} body.homepage div.imgColumn div.columnContent{float:left; width:31%; padding-left:15px} body.homepage div.imgColumn div.firstCol{ padding-left:0px} body.homepage div.textColumn{clear:left} body.homepage div.textColumn div.columnContent{float:left; width:31%; padding-left:15px} body.homepage div.textColumn div.firstCol{padding-left:0px} body.homepage div.linkColumn{clear:left} body.homepage div.linkColumn div.columnContent{float:left; width:31%; padding-left:15px} body.homepage div.linkColumn div.firstCol{padding-left:0px} /*END MULTIPLE FOR HOMEPAGE*/ /* START FAQ page */ div#faqs form#categoryform{display:none} div#faqs form#categoryform fieldset { padding:0px 0px 0px 0px} div#faqs form#categoryform fieldset label { } div#faqs form#categoryform fieldset select { width:150px; margin:0; vertical-align:middle} div#faqs form#categoryform fieldset input { width:150px; vertical-align:middle} div#faqs form#categoryform fieldset#categories{float:left; padding:0px 0px 0px 20px; width:320px;} div#faqs form#categoryform fieldset#search{width:310px} div#faqs form#categoryform fieldset#search label{display:inline;float:none;margin:0pt;padding:0px 10px 0px 0px;} div#faqs form#categoryform fieldset#search input#faq_submit{width:auto;background:#FFFFFF; border:1px solid #000000; margin:0px 0px 1px 10px; padding:5px;} div#faqs ol.FAQs span a{display:block; padding:10px 0px 10px 0px} /* END FAQ page */ /* START Landing Page */ div.largeFocusItem {margin:10px 0 10px 0 ; padding:0 ; } 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:5px 0 0 0 ; padding:0 ; } div.largeFocusItem h5 a { display:block ; padding-left:23px ; width:200px ; text-decoration:none ; background:transparent url('img/bullet.png') top left no-repeat ; } div.largeFocusItem h5 a:hover { text-decoration:underline ; } div.focusContLeft { float:left; width:217px; min-height:240px; heigth:auto !important; height:240px} div.focusContRight { float:left; width:217px; min-height:240px; heigth:auto !important; height:240px} div.smallFocusItem { margin:10px 7px 0 0; padding:10px ; border:1px solid #000000; } div.smallFocusItem img { display:block ; } 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 0px 5px 0px ; width:196px ; } div.smallFocusItem h5 { margin:0 ; padding:5px 0px 5px 0px ; font-size:11px ; } div.smallFocusItem h5 a { display:block ; padding-left:23px ; width:173px ; color:#000000 ; font-weight:bold ; background:transparent url('img/bullet.png') top left no-repeat ; text-decoration:none ; } div.smallFocusItem h5 a:hover { text-decoration:underline ; } div.otherFocusItem { margin:0 0 10px 0 ; padding:10px 0 ; background:transparent url('img/otherfocus_divider.png') top left no-repeat ; overflow:hidden ; } 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 ; } /* END Landing Page */ /* ##########################################################################################*/ /*START paging navigation*/ div.paging_top{display:none} div.paging_bottom{background:transparent url(img/paging_line.gif) repeat-x scroll 0 0; border: none; color:#0065AD; height:40px; margin:20px 0 0 0; position:relative;} div.paging_bottom a{color:#0065ad; text-decoration:none; } div.paging_bottom div.filterremark{} div.paging_bottom div.previous{ background:#FFFFFF url(img/prev_b.gif) no-repeat scroll left 2px; padding:0 10px 0 20px; position:absolute; top:0; left:0; z-index:30;} div.paging_bottom div.next{ background:#FFFFFF url(img/next_b.gif) no-repeat scroll right 2px; display:inline; padding:0 20px 0 10px; position:absolute; right:0px; top:0px; z-index:30;} div.paging_bottom div.inactive{opacity: 0.2; filter:alpha(opacity=20, finishopacity=20, style=2)} /* div.paging_bottom div.previous.inactive{background:#ffffff url(img/prev_g.gif) no-repeat left 2px; color: #8e8d88} div.paging_bottom div.previous.inactive a{color: #8e8d88} div.paging_bottom div.next.inactive{background:#ffffff url(img/next_g.gif) no-repeat right 2px ; color: #8e8d88} div.paging_bottom div.next.inactive a{color: #8e8d88} */ div.paging_bottom div.col1{background:#FFFFFF none;padding:0 10px; color:#6D6D6D; /*display:inline; float:left;left:35%;position:absolute; top:0; z-index:20;*/ font-weight:normal; text-align:center;} div.paging_bottom div.col1 a{color:#6c6b62; 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} /*END paging navigation*/ /* ##########################################################################################*/ /* START KRLRecipeSearch (DB) */ div#KRLRecipeSearch{} div#KRLRecipeSearch div.searchTitle{font-size:14px; font-weight:bold; margin:0px 0px 20px 0px} div#KRLRecipeSearch div.searchImage{width:150px; float:left} div#KRLRecipeSearch div.input {} div#KRLRecipeSearch div.search{} div#KRLRecipeSearch div.difficulty{} div#KRLRecipeSearch fieldset#fs_buttonRow{text-align:right; clear:left;width:542px} div#KRLRecipeSearch fieldset{width:394px} div#KRLRecipeSearch fieldset label{width:110px} form#krlTextSearchForm{border:1px solid #9A9A9A ; background:#EFEFEF; padding:10px} div#krlTextSearchForm_bottom{margin-bottom:20px} form#krlOccasionSearchForm{border:1px solid #9A9A9A ; background:#EFEFEF; padding:10px} div#krlOccasionSearchForm_bottom{margin-bottom:20px} form#krlBrandSearchForm{border:1px solid #9A9A9A ; background:#EFEFEF; padding:10px} div#krlBrandSearchForm_bottom{margin-bottom:20px} /* END KRLRecipeSearch (DB) */ /* ##########################################################################################*/ /* START KRLRecipeDetail (DB) */ div#KRLRecipeDetail {} div#KRLRecipeDetail div#contHeader{} div#KRLRecipeDetail div.label{display:block; width:130px; float:left; padding: 2px 0px 2px 0px; } div#KRLRecipeDetail div.value{display:inline; width:auto; float:left; padding: 2px 0px 2px 5px; } div#KRLRecipeDetail div.unit{display:none; width:80px; float:left; padding: 2px 0px 2px 5px; } div#KRLRecipeDetail div.text{margin: 0px 0px 0px 15px;} div#KRLRecipeDetail div.overview_details div.inforatingssendfriend span.title{border:medium none;color:#B5B5B0;margin:0;padding:10px 0 0;width:418px;font-weight:normal; font-size:11px} div#KRLRecipeDetail div.text span.title {color:#0065ad; font-weight:bold; font-size:13px; display:block; padding:0 0 10px 0} div#KRLRecipeDetail div.krlRecipeOverview{} div#KRLRecipeDetail div.krlRecipeOverview table{} div#KRLRecipeDetail div.krlRecipeOverview td{font-size:11px} div#KRLRecipeDetail div.overview_topimage{margin:0px 0px 20px 0px} div#KRLRecipeDetail div.imagetype_38{width:195px} div#KRLRecipeDetail div.imagetype_38 div.imgContainer{position:relative; width: 445px; height:305px; } div#KRLRecipeDetail div.imagetype_38 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 445px; height:305px; overflow:hidden; background: transparent url(img/recipe_detail_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia3/styles/img/recipe_detail_mask.png', sizingMethod=image); _background-image: expression('none'); } div#KRLRecipeDetail div.imagetype_38 div.imgContainer img{margin:16px 0 0 16px} div#KRLRecipeDetail div.overview_details{width:418px;margin:0px 0px 20px 0px; padding:0 20px} div#KRLRecipeDetail div.overview_details div.text {width:418px; float:left; margin:0; padding:0 0 10px 0; border-bottom:1px solid #e9e9e8;} div#KRLRecipeDetail div.overview_details div.text span.title{ } div#KRLRecipeDetail div.overview_details div.text span.img{display:block} div#KRLRecipeDetail div.overview_details div.actionlinks {width:418px; float:left; margin:0; padding:0 0 10px 0; border:none} div#KRLRecipeDetail div.overview_details div.actionlinks ul.linkslist{list-style:none; margin:0; padding:0} div#KRLRecipeDetail div.overview_details div.actionlinks ul.linkslist li{display:inline; margin:0; padding:2px 0 8px 5px; *padding:0px 0 8px 5px; background:transparent url(img/action_links_bg.gif) no-repeat} div#KRLRecipeDetail div.overview_details div.actionlinks ul.linkslist li a{color:#ffffff; margin:0 5px 0 0; padding:0px 28px 8px 5px; } div#KRLRecipeDetail div.overview_details div.actionlinks ul.linkslist li a {padding: 2px 28px 8px 5px; background:transparent url(img/emailafriend_link_bg.gif) no-repeat right top} div#KRLRecipeDetail div.overview_details div.actionlinks ul.linkslist li a.first{padding: 2px 28px 8px 5px; background:transparent url(img/printfriendly_link_bg.gif) no-repeat right top} div#KRLRecipeDetail div.overview_details div.actionlinks ul.linkslist li.linkEntry1 a{padding: 2px 28px 8px 5px; background:transparent url(img/printfriendly_link_bg.gif) no-repeat right top} div#KRLRecipeDetail div.overview_details div.actionlinks ul.linkslist li.linkEntry2 a{padding: 2px 28px 8px 5px; background:transparent url(img/emailafriend_link_bg.gif) no-repeat right top} div#KRLRecipeDetail div.overview_details div.actionlinks ul.linkslist li a span.facebookLink{padding:2px 30px 10px 0; background:transparent url(img/facebook_link_bg.gif) no-repeat right top} div#KRLRecipeDetail div.overview_details div.romance {padding:0 0 10px; } div#KRLRecipeDetail div.overview_details div.time_40{width:418px; float:left; margin:0; padding:2px 0 2pxpx 0; border-bottom:1px solid #e9e9e8;} div#KRLRecipeDetail div.overview_details div.timetype_40{width:418px; float:left; margin:0; padding:2px 0 2pxpx 0; border-bottom:1px solid #e9e9e8;} div#KRLRecipeDetail div.overview_details div.timetype_49{width:418px; float:left; margin:0; padding:2px 0 2pxpx 0; border-bottom:1px solid #e9e9e8;} div#KRLRecipeDetail div.overview_details div.num_servings{width:418px; float:left; margin:0; padding:2px 0 2px 0; border-bottom:1px solid #e9e9e8; } div#KRLRecipeDetail div.overview_details div.rating{width:418px; float:left; margin:0; padding:5px 0 0px 0; border-bottom:1px solid #e9e9e8; } div#KRLRecipeDetail div.overview_details div.classification_799{width:418px; float:left; margin:0; padding:2px 0 2pxpx 0; border-bottom:1px solid #e9e9e8;} div#KRLRecipeDetail div.jwPlayerWrapper {padding:0 0 0 23px} div#KRLRecipeDetail div.overview_details div#editableRating {width:418px; color:#6c6b62} div#KRLRecipeDetail div.overview_details div#editableRating form{background:transparent none; margin:0} div#KRLRecipeDetail div.overview_details div#editableRating img.starImage{padding:0 0 0 2px; vertical-align:middle;} div#KRLRecipeDetail div.overview_details div#editableRating div.text {border:none; margin:0px; width:418px; float:left; padding: 10px 0 10px 0; color:#b5b5b0} div.rating span.rating1{background:transparent url(img/rating_01.jpg) no-repeat; padding:0px 65px 0px 0px; margin-left:15px} div.rating span.rating2{background:transparent url(img/rating_02.jpg) no-repeat; padding:0px 65px 0px 0px; margin-left:15px} div.rating span.rating3{background:transparent url(img/rating_03.jpg) no-repeat; padding:0px 65px 0px 0px; margin-left:15px} div.rating span.rating4{background:transparent url(img/rating_04.jpg) no-repeat; padding:0px 65px 0px 0px; margin-left:15px} div.rating span.rating5{background:transparent url(img/rating_05.jpg) no-repeat; padding:0px 65px 0px 0px; margin-left:15px} div#KRLRecipeDetail div#recipeIngredients{clear:none; width:418px; margin:0px 0px 20px 0px; padding:0 20px} div#KRLRecipeDetail div#recipeIngredients h4{ margin:0; padding:0 0 10px 0; color:#0065ad; font-weight:bold; font-size:13px; border-bottom:1px solid #e9e9e8; } div#KRLRecipeDetail div#recipeIngredients ul{list-style-image:none; list-style-type:none; margin:0;padding:0} div#KRLRecipeDetail div#recipeIngredients ul li{border-bottom:1px solid #e9e9e8; padding:2px 0 2px 0} div#KRLRecipeDetail div#recipeInstructions{clear:left; margin:0px 0px 20px 15px} div#KRLRecipeDetail div#recipeInstructions h4{padding:0 0 10px 0; margin:0} div#KRLRecipeDetail div#recipeInstructions td{font-size:11px; padding: 0px 0px 10px 0px; } div#KRLRecipeDetail div#recipeInstructions td.preparationCount{background:transparent url(img/recipe_instr_bullet.gif) no-repeat; font-family:tahoma,arial,verdana; font-size:9px; font-weight:bold; padding:0 5px 10px; width:16px;} div#KRLRecipeDetail div#recipeNutritions {width:100%; padding:0px 0px 12px 15px; } 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 { width:390px; height:21px; padding:10px 20px 5px 20px; color: #ffffff; font-weight:bold; background: transparent url(img/recipe_table_hdl.gif) repeat-x;} div#KRLRecipeDetail div#recipeNutritions div.even {width:390px; background:transparent url(img/recipe_table_even_row.gif) repeat-x; } div#KRLRecipeDetail div#recipeNutritions div.odd {width:390px; background:transparent url(img/recipe_table_odd_row.gif) repeat-x; } div#KRLRecipeDetail div#recipeLayer div.closelyr_img {position: absolute; top:5px; right: 5px; z-index: 100; padding: 0; margin:0} div#KRLRecipeDetail div#recipeLayer div.jwPlayerWrapper { padding: 0 0 0 0; } /* display nutritions in a simple way */ body.simpleNutritions div#KRLRecipeDetail div#recipeNutritions {margin:-20px 0 15px; padding:0 0 0 35px; width:500px;} body.simpleNutritions div#KRLRecipeDetail div#recipeNutritions div {padding:0; display:inline} body.simpleNutritions div#KRLRecipeDetail div#recipeNutritions div.nutritionHead {background:transparent none; color:#6C6B62; font-weight:normal; padding:0;} body.simpleNutritions div#KRLRecipeDetail div#recipeNutritions span.name {display:inline; padding:0 5px 0 0; width:auto; float:none} body.simpleNutritions div#KRLRecipeDetail div#recipeNutritions div.even {background:transparent none; width:auto; display:inline} body.simpleNutritions div#KRLRecipeDetail div#recipeNutritions div.odd {background:transparent none; width:auto; display:inline} body.simpleNutritions div#KRLRecipeDetail div#recipeNutritions div.oid0 span.quantity {display:none;} body.simpleNutritions div#KRLRecipeDetail div.text {clear:both;} div#KRLRecipeDetail div#recipeTips{margin:0px 0px 30px 15pxpx} div#RateCommentCreate{} div#rateCommentArea{margin:0 0 0 15px;} div#rateCommentArea h5{font-size:12px; } div#rateCommentArea form{} div#rateCommentArea fieldset{float:none; width:350px} div#rateCommentArea fieldset input{width:350px} div#rateCommentArea fieldset#fs_buttonRow{width:350px ; text-align:right} div#rateCommentArea fieldset#fs_buttonRow button{color: #ffffff; cursor:pointer; background:transparent url(img/Inviare_button.jpg) no-repeat; width:75px; padding:32px 0 0 0 } div#rateCommentArea fieldset#fs_buttonRow button.btnLeft{cursor:pointer; background:transparent url(img/indietro_alle_ricette_button.jpg) no-repeat; width:136px; padding:32px 0 0 0} body.loggedIn div#rateCommentArea input.button{text-align:right; margin:0 0 0 280px} body.notLoggedIn div#rateCommentArea fieldset#fs_ratingFormField {display:none} body.notLoggedIn div#rateCommentArea form{background:transparent none; margin:0} body.notLoggedIn div#rateCommentArea fieldset#fs_buttonRow button {display:none;} body.notLoggedIn div#rateCommentArea fieldset#fs_buttonRow button.btnLeft{ display:inline; } body.notLoggedIn div#rateCommentArea fieldset#fs_buttonRow{width:350px ; text-align:left} body.loggedIn div#rateCommentArea fieldset#fs_buttonRow button.btnLeft{display:none} body.loggedIn div#rateCommentArea h5{background:transparent url(img/form_top_bg.gif) no-repeat scroll 0 0;height:16px;margin:0;padding:15px 0 15px 15px;width:444px;} body.loggedIn div#rateCommentArea input.button{cursor:pointer; background:transparent url(img/indietro_alle_ricette_button.jpg) no-repeat; width:136px; padding:32px 0 0 0; border:none; color:#ffffff} body.loggedIn div#rateCommentArea fieldset#fs_buttonRow {background:transparent url(img/form_bottom_bg.gif) no-repeat left bottom; float:none; text-align:right; width:414px;} div#RateCommentCreate div.logInv{width:200px; margin:0 0 0 15px} div#RateCommentCreate div.logInv div.logInvContent{text-align:right; margin:0 0 20px 0; background: transparent url(img/teaser_links_bg.gif) no-repeat bottom center} div#RateCommentCreate div.logInv div.logInvContent p{text-align:left; margin:0 0 5px 0} div#RateCommentCreate div.logInv div.logInvContent a{margin: 0 ; padding:0 20px 0 10px; background: #ffffff url(img/subnav_item.gif) no-repeat center right; font-family:trebuchet ms, arial, verdana; font-decoration:none; font-size:11px; font-weight:normal; color:#0065ad;} div.rateCommentDisplay{width:431px; } div.rateCommentEntry{background: #F4F5F6 url(img/bluebox_bottom.gif) no-repeat left bottom; padding-bottom:8px; margin-bottom:20px;position:relative; } div.rateCommentEntry p{margin:0; padding: 0px 20px 10px 20px; color:#6c6b62; min-height:5px; height:auto !important; height:5px;} div.rateCommentEntry h5{ background: #f4f5f6 url(img/bluebox_top.gif) no-repeat; font-weight:bold; font-size:11px; margin:0; padding: 10px 20px 20px 20px; ; color:#6c6b62} div.rateCommentEntry h5 span{left:0;position:absolute;text-align:right;top:10px;width:400px;} div.rateCommentEntry p span.rating1{background:transparent url(img/rating_01.jpg) no-repeat; padding: 0px 66px 0px 0px} div.rateCommentEntry p span.rating2{background:transparent url(img/rating_02.jpg) no-repeat; padding: 0px 66px 0px 0px} div.rateCommentEntry p span.rating3{background:transparent url(img/rating_03.jpg) no-repeat; padding: 0px 66px 0px 0px} div.rateCommentEntry p span.rating4{background:transparent url(img/rating_04.jpg) no-repeat; padding: 0px 66px 0px 0px} div.rateCommentEntry p span.rating5{background:transparent url(img/rating_05.jpg) no-repeat; padding: 0px 66px 0px 0px} /* END KRLRecipeDetail (DB) */ /* ##########################################################################################*/ /*START RECIPE TopCommentsBox*/ div.TopCommentsBox div.TopCommentsBoxTitle{color:#f2eff0;background:transparent url(img/top_tip_headline.jpg) no-repeat; height:49px} div.TopCommentsBox div.TopCommentsBoxEntry{color:#ed1d25; padding: 0px 0px 25px 0px; min-height:127px; height:auto !important; height:122px; background:transparent url(img/top_tip_body.jpg) no-repeat left bottom;} div.TopCommentsBox div.TopCommentsBoxEntry h4{padding: 10px 40px 0px 30px; margin:0;} div.TopCommentsBox div.TopCommentsBoxEntry p{padding: 10px 40px 10px 30px; margin:0px;} div.TopCommentsBox div.TopCommentsBoxEntry span{padding: 0px 40px 0px 30px;} /*END RECIPE TopCommentsBox*/ /* ##########################################################################################*/ /* START KRLRecipeSearchResult (DB) */ div#KRLRecipeSearchResult{} div#krlSearchResult{ font-size:11px; } div#krlSearchResult div.label{display:block; width:130px; float:left; padding: 5px 0px 2px 0px;} div#krlSearchResult div.value{display:block; width:auto; float:left; padding: 5px 0px 2px 5px;} div#krlSearchResult div.unit{display:none; width:80px; float:left; padding: 5px 0px 2px 5px;} div#krlSearchResult div.krlTopResult {padding:0px 0px 15px 0px} div#krlSearchResult div.krlTopResult h5 {display:none} div#krlSearchResult div.krlTopResult div.imagetype_38{} div#krlSearchResult div.krlTopResult div.imagetype_38 div.imgContainer{position:relative; width: 445px; height:305px; } div#krlSearchResult div.krlTopResult div.imagetype_38 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 445px; height:305px; overflow:hidden; background: transparent url(img/recipe_detail_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia3/styles/img/recipe_detail_mask.png', sizingMethod=image); _background-image: expression('none'); } div#krlSearchResult div.krlTopResult div.imagetype_38 div.imgContainer img{margin:17px 0 0 16px} div#krlSearchResult div.krlTopResult div.title {border-bottom:1px solid #f0f0f0; padding: 0 0 15px 0; margin: 0 0 0 15px; float:left;width:380px; color:#0065ad; font-weight:bold; font-size:13px; } div#krlSearchResult div.krlTopResult div.detaillink{border-bottom:1px solid #f0f0f0; padding: 0 20px 16px 0; float:left; width:20px;} div#krlSearchResult div.krlTopResult div.time_40{margin: 0 0 0 15px; float:left; width:420px;border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.timetype_40{margin: 0 0 0 15px; float:left; width:420px;border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.timetype_49{margin: 0 0 0 15px; float:left; width:420px;border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.classification_799{margin: 0 0 0 15px; float:left; width:420px;border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.num_servings{margin: 0 0 0 15px; float:left; width:420px;border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.rating{padding: 5px 0 2px 0; margin: 0 0 0 15px; float:left; width:420px; border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.rating span{ padding: 0px 65px 0px 5px} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.imagetype_77{float:left; height:110px; padding:9px 33px 14px 11px; width:167px;} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.imagetype_77 div.imgContainer{position:relative; width: 191px; height:133px; } body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.imagetype_77 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 191px; height:133px; overflow:hidden; background: transparent url(../img/recipe_thumb_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../philadelphia3/styles/img/recipe_thumb_mask.png', sizingMethod=image); _background-image: expression('none'); } body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.imagetype_77 div.imgContainer img{padding:12px 0 0 13px} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.linked_imagetype_77{cursor:pointer; float:left; display:inline; height:110px; padding:9px 33px 14px 11px; _padding:9px 23px 14px 11px; width:167px;} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.linked_imagetype_77 div.imgContainer{position:relative; width: 191px; height:133px; } body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.linked_imagetype_77 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 191px; height:133px; overflow:hidden; background: transparent url(img/recipe_thumb_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../philadelphia3/styles/img/recipe_thumb_mask.png', sizingMethod=image); _background-image: expression('none'); } body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.linked_imagetype_77 div.imgContainer img{padding:12px 0 0 13px} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.time_44{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.time_213{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.time_215{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.time_42{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.title{float:left; width:183px; padding:9px 0 9px 0; color:#0065ad; font-weight:bold; font-size:11px} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.detaillink{float:left; padding:9px 0px 19px 0px; width:40px;} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.time_40{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.timetype_40{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.timetype_49{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.num_servings{float:left; width:223px; border-bottom:1px solid #f0f0f0} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.rating{padding: 5px 0 2px 0; float:left; width:223px;border-bottom:1px solid #f0f0f0} body.mostVotedRecipes div#krlSearchResult div.krlTopResult div.rating span{ padding: 0px 65px 0px 5px} div#krlSearchResult div.krlStandardResult{padding:10px 0px 10px 0px ;} div#krlSearchResult div.krlStandardResult h5 {display:none} div#krlSearchResult div.krlStandardResult div.imagetype_39{float:left; height:110px; padding:9px 33px 14px 11px; width:167px;} div#krlSearchResult div.krlStandardResult div.imagetype_39 div.imgContainer{position:relative; width: 191px; height:133px; } div#krlSearchResult div.krlStandardResult div.imagetype_39 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 191px; height:133px; overflow:hidden; background: transparent url(img/recipe_thumb_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia3/styles/img/recipe_thumb_mask.png', sizingMethod=image); _background-image: expression('none'); } div#krlSearchResult div.krlStandardResult div.imagetype_39 div.imgContainer img{padding:12px 0 0 13px} div#krlSearchResult div.krlStandardResult div.linked_imagetype_39{float:left; display:inline; height:110px; padding:9px 33px 14px 11px; _padding:9px 23px 14px 11px; width:167px;} div#krlSearchResult div.krlStandardResult div.linked_imagetype_39 div.imgContainer{position:relative; width: 191px; height:133px; } div#krlSearchResult div.krlStandardResult div.linked_imagetype_39 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 191px; height:133px; overflow:hidden; background: transparent url(img/recipe_thumb_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia3/styles/img/recipe_thumb_mask.png', sizingMethod=image); _background-image: expression('none'); } div#krlSearchResult div.krlStandardResult div.linked_imagetype_39 div.imgContainer img{padding:12px 0 0 13px} div#krlSearchResult div.krlStandardResult div.title{float:left; width:183px; padding:9px 0 9px 0; color:#0065ad; font-weight:bold; font-size:11px} div#krlSearchResult div.krlStandardResult div.detaillink{float:left; padding:9px 0px 19px 0px; width:40px;} div#krlSearchResult div.krlStandardResult div.time_40{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlStandardResult div.timetype_40{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlStandardResult div.timetype_49{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlStandardResult div.num_servings{float:left; width:223px; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlStandardResult div.rating{padding: 5px 0 2px 0; float:left; width:223px;border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlStandardResult div.rating span{ padding: 0px 65px 0px 5px} /* END KRLRecipeSearchResult (DB) */ /*START RECIPE BOX - RIGHT*/ div#contentRight div.recipebox{ font-size:11px} /* div#contentRight div#recipebox div.imagetype_39{background:transparent url(img/recipe_thumb_mask.gif) no-repeat; float:left; height:110px; padding:9px 12px 12px 12px; width:167px;} div#contentRight div#recipebox div.imagetype_39 img{border:1px solid #f8f8f8} div#contentRight div#recipebox div.linked_imagetype_39{background:transparent url(img/recipe_thumb_mask.gif) no-repeat; float:left; height:110px; padding:9px 33px 14px 11px; width:167px;} div#contentRight div#recipebox div.linked_imagetype_39 img{border:1px solid #f8f8f8} */ div#contentRight div#recipebox div.stdContBlock{font-size:11px; margin:0} div#contentRight div#recipebox div.stdContBlock h4{ font-size:11px ; float:left; width:183px; padding:9px 0 9px 0; color:#0065ad; font-weight:bold; font-size:11px} div#contentRight div#recipebox div.stdContBlock ul.linkslist{list-style:none; background: transparent url(img/teaser_links_bg.gif) no-repeat right center} div#contentRight div#recipebox div.stdContBlock ul.linkslist li{text-align:right} div#contentRight div#recipebox div.stdContBlock ul.linkslist li a{margin: 0 ; padding:0 20px 0 10px; background: #ffffff url(img/subnav_item.gif) no-repeat center right; font-family:trebuchet ms, arial, verdana; font-decoration:none; font-size:11px; font-weight:normal; color:#0065ad;} div#contentRight div#recipebox div.linked_imagetype_39{display:inline; height:110px; padding:9px 23px 24px 0px; _padding:9px 23px 14px 11px; width:167px;} div#contentRight div#recipebox div.linked_imagetype_39 div.imgContainer{position:relative; width: 191px; height:133px; } div#contentRight div#recipebox div.linked_imagetype_39 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 191px; height:133px; overflow:hidden; background: transparent url(img/recipe_thumb_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia3/styles/img/recipe_thumb_mask.png', sizingMethod=image); _background-image: expression('none'); } div#contentRight div#recipebox div.linked_imagetype_39 div.imgContainer img{padding:12px 0 0 13px} div#contentRight div#recipebox div.imagetype_39{display:inline; height:110px; padding:9px 23px 24px 0px; _padding:9px 23px 14px 11px; width:167px;} div#contentRight div#recipebox div.imagetype_39 div.imgContainer{position:relative; width: 191px; height:133px; } div#contentRight div#recipebox div.imagetype_39 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 191px; height:133px; overflow:hidden; background: transparent url(img/recipe_thumb_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia3/styles/img/recipe_thumb_mask.png', sizingMethod=image); _background-image: expression('none'); } div#contentRight div#recipebox div.imagetype_39 div.imgContainer img{padding:12px 0 0 13px} div#contentRight div#recipebox div.title{ font-size:11px ; /*float:left; */width:183px; padding:9px 0 9px 0; color:#0065ad; font-weight:bold; font-size:11px} div#contentRight div#recipebox div.detaillink{text-align:right; margin:8px 0px 10px 0 ; font-size:11px; /*float:left;*/ padding:0; width:180px; background: transparent url(img/teaser_links_bg.gif) no-repeat scroll right center} div#contentRight div#recipebox div.detaillink a {text-decoration:none;color:#0065AD; font-family:trebuchet ms,arial,verdana; font-size:11px; font-weight:normal; margin:0 ; padding:0 20px 0 10px; background: #ffffff url(img/subnav_item.gif) no-repeat center right; } div#contentRight div#recipebox div.time_40{ font-size:11px; /*float:left;*/ width:200px; border-bottom:1px solid #f0f0f0} div#contentRight div#recipebox div.time_40 div.label{display:block; width:110px; float:left; padding: 5px 0px 2px 0px;} div#contentRight div#recipebox div.time_40 div.value{display:block; width:auto; float:left; padding: 5px 0px 2px 5px;} div#contentRight div#recipebox div.timetype_40{ font-size:11px; /*float:left;*/ width:200px; border-bottom:1px solid #f0f0f0} div#contentRight div#recipebox div.timetype_40 div.label{display:block; width:110px; float:left; padding: 5px 0px 2px 0px;} div#contentRight div#recipebox div.timetype_40 div.value{display:block; width:auto; float:left; padding: 5px 0px 2px 5px;} div#contentRight div#recipebox div.timetype_49{ font-size:11px; /*float:left;*/ width:200px; border-bottom:1px solid #f0f0f0} div#contentRight div#recipebox div.timetype_49 div.label{display:block; width:110px; float:left; padding: 5px 0px 2px 0px;} div#contentRight div#recipebox div.timetype_49 div.value{display:block; width:auto; float:left; padding: 5px 0px 2px 5px;} div#contentRight div#recipebox div.classification_799{ font-size:11px; /*float:left;*/ width:200px; border-bottom:1px solid #f0f0f0} div#contentRight div#recipebox div.num_servings{ font-size:11px; /*float:left;*/ width:200px; border-bottom:1px solid #f0f0f0} div#contentRight div#recipebox div.num_servings div.label{display:block; width:110px; float:left; padding: 5px 0px 2px 0px;} div#contentRight div#recipebox div.num_servings div.value{display:block; width:auto; float:left; padding: 5px 0px 2px 5px;} div#contentRight div#recipebox div.num_servings div.unit{display:none; width:80px; float:left; padding: 5px 0px 2px 5px;} div#contentRight div#recipebox div.rating{ font-size:11px; padding: 5px 0 2px 0; /*float:left;*/ width:200px;border-bottom:1px solid #f0f0f0} div#contentRight div#recipebox div.rating span{ font-size:11px; padding: 0px 65px 0px 5px} /*RECIPE TIME FILTER*/ div.time_recipe_filter { margin:10px 0 20px 0; background:transparent url(img/filterBottom_bg.jpg) no-repeat left bottom;} div.time_recipe_filter div.stdContBlock {margin:0; background:transparent url(img/filterTop_bg.jpg) no-repeat left top;} div.time_recipe_filter div.stdContBlock h4{color:#0065AD; font-size:12px; font-weight:bold; margin:0; padding:0 10px 0 15px;} div.time_recipe_filter div.stdContBlock.noBody td{padding:3px 0 0 0; height:38px; vertical-align:middle; background:transparent url(img/filterTop_bg.jpg) no-repeat scroll left top} div.time_recipe_filter div.sliderValues {padding: 5px 0 0 5px } div.time_recipe_filter div.sliderValues span {float:left; font-family:tahoma, arial,verdana; font-size:9px; text-align:center; width:19px; color: #888888;} div.time_recipe_filter div.sliderValues span.active {color:#888888;} div.time_recipe_filter div.recipeSlider { clear: both; -moz-user-focus:normal; -moz-user-select:none; height:16px; margin: 4px 0px 8px 10px ; position:relative; width:184px;} div.time_recipe_filter div.recipeSlider div.line { -moz-box-sizing:content-box; background:transparent url(img/pic_sl_background.gif) no-repeat 3px 50%; z-index:1; font-size:0.01mm; height:16px; overflow:hidden; position:absolute; left: 0px; top:0px; width:184px;} div.time_recipe_filter div.recipeSlider div.handle { -moz-user-select:none; background:transparent url(img/pic_sl_sliderIcon.gif) no-repeat 0 10px; z-index:2; cursor:pointer; height:20px; position:absolute; width:15px;} div.time_recipe_filter div.filter_fields{margin:0; color:#888888; font-size:11px; background:transparent url(img/filterMiddle_bg.jpg) no-repeat left top;} div.time_recipe_filter div.filter_fields div.stdContBlock{background:transparent none; clear:none; color:#888888; float:left; font-size:11px; padding:12px 10px 10px 15px; text-align:left; width:130px;} div.time_recipe_filter div.filter_fields div.stdContBlock.clearFloating{clear:left; float:none} div.time_recipe_filter div.filter_fields div.boxOnOff{margin:0; padding:15px 10px 0 0; width:30px ; float:left; clear:none } div.rating_recipe_filter { margin:10px 0 20px 0; background:transparent url(img/filterBottom_bg.jpg) no-repeat left bottom;} div.rating_recipe_filter div.stdContBlock {margin:0; background:transparent url(img/filterTop_bg.jpg) no-repeat left top;} div.rating_recipe_filter div.stdContBlock h4{color:#0065AD; font-size:12px; font-weight:bold; margin:0; padding:0 10px 0 15px;} div.rating_recipe_filter div.stdContBlock.noBody td{padding:3px 0 0 0; height:38px; vertical-align:middle; background:transparent url(img/filterTop_bg.jpg) no-repeat scroll left top} div.rating_recipe_filter div.rating_bar{padding: 10px 0 0 0; text-align:center} div.rating_recipe_filter div.filter_fields{margin:0; color:#888888; font-size:11px; background:transparent url(img/filterMiddle_bg.jpg) no-repeat left top;} div.rating_recipe_filter div.filter_fields div.stdContBlock{background:transparent none; width: 130px; float: left; clear: none; padding:12px 10px 20px 10px; text-align:left ; color:#888888; font-size:11px;} div.rating_recipe_filter div.filter_fields div.stdContBlock{background:transparent none; clear:none; color:#888888; float:left; font-size:11px; padding:17px 10px 10px 15px; text-align:left; width:130px;} div.rating_recipe_filter div.filter_fields div.stdContBlock.clearFloating{clear:left; float:none} div.rating_recipe_filter div.filter_fields div.boxOnOff{margin:0; padding:20px 10px 0 0; width:30px ; float:left; clear:none } /* div#sliderValues {padding-left:0px;} div#sliderValues span {float:left; font-family:tahoma; font-size:9px; height:10px; text-align:center; width:19px; color: #888888;} div#sliderValues span.active {color:#888888;} div.recipeSlider {clear: both; -moz-user-focus:normal; -moz-user-select:none; height:16px; margin: 4px 0px 8px 6px ; position:relative; width:184px;} div.recipeSlider div.line { -moz-box-sizing:content-box; background:transparent url(img/pic_sl_background.gif) no-repeat 3px 50%; z-index:1; font-size:0.01mm; height:16px; overflow:hidden; position:absolute; left: 0px; top:0px; width:184px;} div.recipeSlider div.handle { -moz-user-select:none; background:transparent url(img/pic_sl_sliderIcon.gif) no-repeat 0 10px; z-index:2; cursor:pointer; height:20px; position:absolute; width:15px;} div.boxIcon{width:20px; float:left; display:none !important} div.boxTitle{width:130px; float:left} div.boxOnOff{float:left; margin:0; position:absolute; right:10px; top:100px; width:54px;} div#recipeFilterBoxTime{margin:10px 0 0 0; background:transparent url(img/filterBottom_bg.jpg) no-repeat left bottom;} div#recipeFilterBoxTime div.stdContBlock{margin:0; background:transparent url(img/filterTop_bg.jpg) no-repeat left top; color:#888888; font-size:11px} div#recipeFilterBoxTime div.stdContBlock div.stdContBlock {background:transparent none; padding:10px; text-align:left ;} div#recipeFilterBoxTime th{padding: 13px 0 8px 9px} div#boxTime_body{padding:1px 5px 0 5px; text-align:center} div#recipeFilterBoxRating{margin:10px 0 0 0; background:transparent url(img/filterBottom_bg.jpg) no-repeat left bottom;} div#recipeFilterBoxRating div.stdContBlock{margin:0; background:transparent url(img/filterTop_bg.jpg) no-repeat left top; color:#888888; font-size:11px} div#recipeFilterBoxRating div.stdContBlock div.stdContBlock {text-align:left ; background:transparent none; padding:10px} div#recipeFilterBoxRating th{padding: 13px 0 8px 9px} div#boxStar_body{padding:5px ; text-align:center} */ /* ##########################################################################################*/ /* START Recipe Template (Old) */ div#recipeTools { font-size:11px ; margin:10px 0 0; } div#recipeTools h4 { color:#000000 ; } div#recipeTools h4 img { margin:0 5px 0 0; vertical-align:middle ; } div#recipeTools select { font-size:11px ; } div#recipe div#recipeBrowse {min-height:105px; height:auto !important; height:105px; float:left; border:1px solid #9A9A9A; padding:5px 15px 10px 10px; width:510px; margin: 0px 10px 0px 0px; background:#EFEFEF; overflow:hidden ; } div#recipe div#recipeBrowse form { display:inline} div#recipe div#recipeBrowse fieldset { padding:10px 0px 0px 0px ; float:left} div#recipe div#recipeBrowse label { width:150px } div#recipe div#recipeBrowse select { width:150px ; } div#recipe div#recipeBrowse fieldset#fs_category { width:150px } div#recipe div#recipeBrowse fieldset#fs_category label { display:none } div#recipe div#recipeBrowse fieldset#fs_category select { } div#recipe div#recipeBrowse fieldset#fs_nutcontent {width:220px } div#recipe div#recipeBrowse fieldset#fs_nutcontent label {width:auto; display:inline } div#recipe div#recipeBrowse fieldset#fs_nutcontent select { } div#recipe div#recipeBrowse fieldset#fs_nutcontent button { position: relative; top: 0px; left:150px; padding:1px 5px 2px 5px} div#recipe div#recipeBrowse fieldset#fs_keywords{float:right; width:150px} div#recipe div#recipeBrowse fieldset#fs_keywords input{width:auto ; float:left} div#recipe div#recipeBrowse fieldset#fs_keywords label{width:130px; min-height:20px; height:auto !important; height:20px } div#recipe div#recipeSearch {min-height:105px; height:auto !important; height:105px; float:left; border:1px solid #9A9A9A; padding:5px 15px 10px 10px; width:178px; background:#EFEFEF; overflow:hidden ; } div#recipe div#recipeSearch form { display:inline } div#recipe div#recipeSearch fieldset {width:178px; padding:10px 0px 0px 0px} div#recipe div#recipeSearch fieldset#fs_search_text label { display:none ; } div#recipe div#recipeSearch fieldset#fs_search_text input { margin:0 10px 0 0 ; width:130px ; } div#recipe div#recipeSearch fieldset#fs_search_text button { padding:1px 5px 2px 5px} div#recipe div#recipeSearch fieldset#fs_searchkeywords{width:150px} div#recipe div#recipeSearch fieldset#fs_searchkeywords input{width:auto ; float:left} div#recipe div#recipeSearch fieldset#fs_searchkeywords label{width:130px; min-height:20px; height:auto !important; height:20px } div#recipeImgArea { float:left ; margin:0 ; padding:0 ; width:200px ; 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 ; } /* END Recipe (Old) Template */ /* ##########################################################################################*/ /* START Recipe Search Template (Old) */ div#recipesrch div#recipeTools { float:left ; margin:0 0 18px 0 ; width:501px ; } div#recipesrch div#recipeBrowse { margin:0px 0px 10px 0px ; padding:6px 13px 8px 8px ; width:480px ; background:#efefef ; border: 1px solid #9A9A9A} div#recipesrch div#recipeBrowse form { margin:0 0 2px 28px ; } div#recipesrch div#recipeBrowse fieldset{width:450px; padding:0px} div#recipesrch div#recipeBrowse label { float:left ; font-weight:bold ; width:94px ; } div#recipesrch div#recipeBrowse select { float:left ; width:280px ; } div#recipesrch div#recipeBrowse button { float:right ; margin-top:2px ; } 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 fieldset#fs_keywords { padding: 0px 0px 0px 95px; width:350px } div#recipesrch div#recipeBrowse fieldset#fs_keywords input { width:auto } div#recipesrch div#recipeBrowse fieldset#fs_keywords label { float:none ; display:inline ; font-weight:normal ; margin:0 15px 0 5px ; } div#recipesrch div#recipeSearch { margin:0 ; padding:6px 13px 8px 8px ; width:480px ; background:#efefef ; border: 1px solid #9A9A9A} div#recipesrch div#recipeSearch form { margin:0 0 0 23px ; } div#recipesrch div#recipeSearch fieldset{width:450px; padding:0px} div#recipesrch div#recipeSearch label { float:left ; font-weight:bold ; width:94px ; } div#recipesrch div#recipeSearch input { float:left ; width:280px ; } div#recipesrch div#recipeSearch button { float:right ; margin-top:2px ; } 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: 0px 0px 0px 95px; width:350px } div#recipesrch div#recipeSearch fieldset#fs_searchkeywords input { width:auto; float:none } div#recipesrch div#recipeSearch fieldset#fs_searchkeywords label { float:none ; display:inline ; font-weight:normal ; margin:0 15px 0 5px ; } div#recipeFocusLarge { float:left ; padding:0 17px 18px 0 ; width:235px ; display:inline} div#recipeFocusLarge img { } 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 { } 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 Search Template (Old) */ /* ##########################################################################################*/ /* START Recipe Search Results Template (Old)*/ 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 Template (Old)*/ /* ##########################################################################################*/ /* 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 { } /* 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 PRODUCT DETAIL DB*/ div.productName {color:#0065ad ; font-size:20px; margin: 0 0 15px 15px; line-height:22px; min-height:47px; height:auto !important; height:47px} div.productDBContainer{margin: 0 0 10px 15px;} div.productDBContainer div.prod_text_prd_long_desc{margin:0 0 12px 0} div.productDBContainer div.prod_text_prd_long_desc strong{color:#0065AD;display:block;font-size:13px;font-weight:bold;margin:0 0 -10px;padding:0;} div.productDBContainer div.prod_text_prd_short_desc{margin:0 0 12px 0} div.productDBContainer div.prod_text_prd_short_desc strong{color:#0065AD;display:block;font-size:13px;font-weight:bold;margin:0 0 -10px;padding:0;} div#product_image{padding:30px 0 114px 0; background: transparent url(img/product_packshot_bg.jpg) no-repeat left bottom; margin:0 0 0 15px} body.singleProductInCategory div#product_image{padding:30px 0 64px 0; background: transparent url(img/product_packshot_single_bg.jpg) no-repeat left bottom; } div.gdaAndNutritions_rt{margin: 0 0 0 5px; background:transparent url(img/prod_nutr_tabel_top.jpg) no-repeat; padding:10px 0 0 0 } div.gdaAndNutritions_lt{ background:transparent url(img/prod_nutr_tabel_footer.jpg) no-repeat left bottom; padding:0 0 16px 0} div.gdaAndNutritions_rb{background:transparent none; } div.gdaAndNutritions_lb{background:transparent none; } div.gdaAndNutritions_content{ width:422px; background:transparent url(img/prod_nutr_tabel_border.jpg) repeat; padding:0 7px 0 8px} div.gdaAndNutritions_content form{background:transparent; margin:0} table.gdaAndNutritions { } table.gdaAndNutritions select{width:auto; border:1px solid #6c6b62; background: #f4f2ed} table.gdaAndNutritions th {background:#0668a9 url(img/prod_nutr_tabel_headline.jpg) repeat-x; color:#ffffff; font-size:11px; font-weight:bold; padding: 0px 10px 0px 10px; vertical-align:middle; height:40px} table.gdaAndNutritions th#title_unit{width:100px; white-space:nowrap} table.gdaAndNutritions th#title_gender{width:80px} table.gdaAndNutritions td{ padding: 0px 10px 0px 10px; height:26px; vertical-align:middle;} table.gdaAndNutritions tr.odd td{background:transparent url(img/prod_nutr_tabel_cell_odd.jpg) repeat-x; } table.gdaAndNutritions tr.even td{background:transparent url(img/prod_nutr_tabel_cell_even.jpg) repeat-x; } table.gdaAndNutritions tfoot td{ height:50px; padding:0 10px 10px 10px} table.GDAAndNutritions {border:none; /*border-spacing:0; border-collapse:separate*/} table.GDAAndNutritions th{border:none; /*border-spacing:0;*/} table.GDAAndNutritions td{border:none; /*border-spacing:0;*/} table.GDAAndNutritions th {background:#0668a9 url(img/prod_nutr_tabel_headline.jpg) repeat-x; color:#ffffff; font-size:11px; font-weight:bold; padding: 0px 10px 0px 10px; vertical-align:middle; height:40px} table.GDAAndNutritions td.weight span.value{white-space:nowrap; padding:0 5px 0 0} table.GDAAndNutritions td.serving span.value { padding:0 5px 0 0; } table.GDAAndNutritions th#title_unit{width:100px; white-space:nowrap} table.GDAAndNutritions th#title_gender{width:80px} table.GDAAndNutritions td{ padding: 0px 10px 0px 10px; height:26px; vertical-align:middle;} table.GDAAndNutritions tr.odd td{background:transparent url(img/prod_nutr_tabel_cell_odd.jpg) repeat-x; } table.GDAAndNutritions tr.even td{background:transparent url(img/prod_nutr_tabel_cell_even.jpg) repeat-x; } table.GDAAndNutritions tfoot td{ height:50px; padding:0 10px 10px 10px} div.productDBContainer table td.textArea div table{width:auto} div.productDBContainer table td.textArea strong {} div.productDBContainer table td.textArea div table td{width:180px; padding:5px; border:1px solid #cccccc} /*END PRODUCT DETAIL DB*/ /* START Search Results */ div#resultSummary { margin:0 0 0 15px ; padding:7px 7px 7px 9px ; background-color:#CFCFCF ; } div#resultPagination { margin:0 0 0 15px ; padding:5px 5px 5px 9px ; border-bottom:1px solid #cccccc ; } 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 ; margin:0 0 0 15px } 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 ; } div#searchresults div.imgBoxLeftCol img { border:none ; } /* END Search Results */ /* ##########################################################################################*/ /* START Disclaimer */ div#disclaimerContent { float:left ; margin:50px 0 0 5px ; padding:14px ; width:400px ;} div#disclaimerContent h1 {padding:0;} div#disclaimerButtons { float:left ; margin:1.5em 0 0 0 ; padding:0 ; width:100%} div#disclaimerButtons button { } div#disclaimerButtons button#goback { float:left ; } div#disclaimerButtons button#continue { float:right ;} /* END Disclaimer */ /* ##########################################################################################*/ /* START Site Map */ div#sitemap div#pageBody { background-image:none ; } 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 ul ul { list-style-image:url('img/bullet.gif') ; } div.siteMapSection ul ul ul { list-style-image:url('img/bullet.gif') ; } div.siteMapSeparator { display:none ; } div#siteMapSeparator4 { display:block ; clear:left ; } /* END Site Map */ /* ##########################################################################################*/ /* START Email a friend */ div#emailfriend div#formerror{background:transparent url(img/form_top_bg.gif) no-repeat left bottom; margin:0; padding:10px 0 16px 15px;} div#emailfriend div.roundedBottom{background: transparent url(img/form_bottom_bg.gif) no-repeat; height:14px; border-bottom:1px solid #ffffff} form#EmailFriend{min-height:300px; height: auto !important; height:300px; margin:0; display:block; background: transparent url(img/form_middle_bg.gif) repeat-y} div#emailfriend div#contentLeft div { margin-left:23px ; padding:10px 0 10px 0 ; color:#000 ; } 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 ; } div#emailfriend p { margin:0 ; padding:0 0 0 15px ; font-size:11px ; } form#EmailFriend fieldset#fs_contact_datapriv{width:380px; float:none; clear:both} form#EmailFriend fieldset#fs_contact_datapriv label{} form#EmailFriend fieldset#fs_contact_datapriv input{} form#EmailFriend fieldset#fs_Message{float:none; clear:left} form#EmailFriend fieldset#fs_Message textarea{width:380px} form#EmailFriend fieldset#fs_buttons { clear:left;float:none;position:relative;top:0px; left:0; width:380px;} form#EmailFriend fieldset#fs_buttons button {} form#EmailFriend fieldset#fs_buttons button#goback { float:left ; } form#EmailFriend fieldset#fs_buttons button#send { float:right ; } form#EmailFriend div#formdisclaimer{margin:0 0 10px 0; padding:0 30px 5px 25px;} /* 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#contHeader{margin:15px 0 15px 15px} div#newsletter div#contHeader h1{padding:0 0 10px 0} div#newsletter fieldset{width:380px; float:none} div#newsletter div#formTop{margin:0 0 0 5px} div#newsletter div#formBottom{margin:0 0 0 5px} div#newsletter div#formerror{margin:0 0 0 5px; padding:10px 10px 10px 20px; background:transparent url(img/form_middle_bg.gif) repeat-y 0 0} 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 ; } div#newsletter label{padding:0; width: 190px; float:left; display:block } div#newsletter fieldset.error strong{color:#ED1C2F} div#newsletter fieldset#fs_Gender{} div#newsletter fieldset#fs_Gender strong{font-weight:normal; display:block; padding:0; width: 190px ; float:left} div#newsletter fieldset#fs_Gender input{background:transparent; border:0; width:auto; float:left; min-height:20px ; height:auto !important; height:20px} div#newsletter fieldset#fs_Gender label{width:60px; padding: 0 0 0 10px; min-height:20px ; height:auto !important; height:20px} div#newsletter fieldset#fs_NewsVersion{} div#newsletter fieldset#fs_NewsVersion strong{font-weight:normal; display:block; padding:0; width: 190px ; float:left} div#newsletter fieldset#fs_NewsVersion input{background:transparent; border:0; width:auto; float:left; min-height:20px ; height:auto !important; height:20px} div#newsletter fieldset#fs_NewsVersion label{width:70px; padding: 0 0 0 10px; min-height:20px ; height:auto !important; height:20px} div#newsletter select#dob_day{width:50px} div#newsletter select#dob_month{width:65px} div#newsletter select#dob_year{width:60px} div#newsletter fieldset#fs_Privacy{} div#newsletter fieldset#fs_Privacy label{width:340px;display:inline; float:left} div#newsletter fieldset#fs_Privacy input{background:transparent; border:none; margin:0px 10px 0px 0px; width:auto; display:inline; float:left} div#newsletter div#formdisclaimer{margin:10px 0; padding:0 20px 5px 50px;} div#newsletter fieldset#fs_buttons{top:0; left:0; width:380px; text-align:right} div#newsletterUnsub{} div#newsletterUnsub div#contHeader{margin:15px 0 15px 15px} div#newsletterUnsub div#contHeader h1{padding:0 0 10px 0} div#newsletterUnsub form#NewsUnsub{padding:40px 0 0 0; width:444px; background:transparent url(img/newsletter_unsub_form.gif) no-repeat left top; min-height:185px; height:auto !important; height:185px;} div#newsletterUnsub form#NewsUnsub fieldset#fs_Email{width:250px; float:left; padding:10px 10px 10px 20px} div#newsletterUnsub form#NewsUnsub label{padding:0; width: 90px; float:left; display:block } div#newsletterUnsub form#NewsUnsub input{width:150px} div#newsletterUnsub form#NewsUnsub fieldset#fs_buttons{position:static; padding:10px 10px 10px 20px; width:120px; float:left} /* 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 ; } 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 #4A4A4A ; } form#questionform ol { margin:0 0 10px 0 ; padding-left:35px ; border-bottom:1px solid #4A4A4A ; } form#questionform li { margin:0 ; padding:10px 0 10px 0 ; font-weight:bold ; color:#000 ; } form#questionform li strong { color:#000 ; } form#questionform li input { margin:2px 5px 0 0 ; vertical-align:baseline ; } form#questionform li label { margin-top:2px ; color:#000 ; font-weight:normal ; vertical-align:baseline ; } form#questionform button#submit { background-color:#FFF ; } /* 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 Quiz*/ form#quiz fieldset.radio input{width:auto; float:left; vertical-align:middle; min-height:20px; height:auto !important; height:20px} form#quiz fieldset.radio label{width:355px; vertical-align:middle; min-height:20px; height:auto !important; height:20px} form#quiz fieldset.radio label.radioGroupLabel{width:300px; margin-bottom:50px} /*END Quiz*/ /* ##########################################################################################*/ /* START Contact Us */ form.show { display:block ; } form.hide { display:none ; } form#categoryform{ padding:10px 0px 20px 10px; background:transparent none } form#categoryform label { margin: 0px 0px; width: 380px;} form#categoryform select { width: 175px; margin: 0px 10px 0px 10px} form#categoryform select#category{ margin: 0px 10px 0px 0px} form#CategoryForm1{width:444px} fieldset#cf1_Message{width:380px} fieldset#cf1_contact_datapriv{width:350px} fieldset#cf1_contact_datapriv label{} fieldset#cf1_contact_datapriv input{} form#CategoryForm1 div#separator1{display:none} fieldset#cf1_Disclaimer{width:414px; float:none; clear:left} fieldset#cf1_Buttons{background:transparent url(img/form_bottom_bg.gif) no-repeat left bottom; float:none; text-align:right; width:414px;} fieldset#cf1_FirstName{display:none} fieldset#cf1_LastName{display:none} fieldset#cf1_AddressLine1{display:none} fieldset#cf1_AddressLine2{display:none} fieldset#cf1_City{display:none} fieldset#cf1_PostCode{display:none} fieldset#cf1_product_name{display:none} fieldset#cf1_packing_code{display:none} fieldset#cf1_best_before_date{display:none} fieldset#cf1_product_weight{display:none} fieldset#cf1_place_of_purchase{display:none} form#CategoryForm2{width:444px} fieldset#cf2_Message{width:380px} fieldset#cf2_contact_datapriv{width:380px} fieldset#cf2_contact_datapriv label{ } fieldset#cf2_contact_datapriv input{} fieldset#cf2_Disclaimer{width:414px; float:none; clear:left} fieldset#cf2_Buttons{background:transparent url(img/form_bottom_bg.gif) no-repeat left bottom; float:none; text-align:right; width:414px;} fieldset#cf2_SpecialDiet{display:none} form#CategoryForm3{width:444px} fieldset#cf3_Message{width:380px} fieldset#cf3_contact_datapriv{width:380px} fieldset#cf3_contact_datapriv label{} fieldset#cf3_contact_datapriv input{} fieldset#cf3_Disclaimer{width:414px; float:none; clear:left} fieldset#cf3_Buttons{background:transparent url(img/form_bottom_bg.gif) no-repeat left bottom; float:none; text-align:right; width:414px;} form#CategoryForm5{width:444px} fieldset#cf5_Message{width:380px} fieldset#cf5_contact_datapriv{width:380px} fieldset#cf5_contact_datapriv label{} fieldset#cf5_contact_datapriv input{} form#CategoryForm5 div#separator1{display:none} fieldset#cf5_Disclaimer{width:414px; float:none; clear:left} fieldset#cf5_Buttons{background:transparent url(img/form_bottom_bg.gif) no-repeat left bottom; float:none; text-align:right; width:414px;} fieldset#cf5_product_name{display:none} fieldset#cf5_packing_code{display:none} fieldset#cf5_best_before_date{display:none} fieldset#cf5_product_weight{display:none} fieldset#cf5_place_of_purchase{display:none} form#CategoryForm6{width:444px} fieldset#cf6_Message{width:380px} fieldset#cf6_contact_datapriv{width:380px} fieldset#cf6_contact_datapriv label{} fieldset#cf6_contact_datapriv input{} fieldset#cf6_Disclaimer{width:414px; float:none; clear:left} fieldset#cf6_Buttons{background:transparent url(img/form_bottom_bg.gif) no-repeat left bottom; float:none; text-align:right; width:414px;} /* 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:#CFCFCF ; } div#toolflash { clear:left ; margin:0 0 15px 0 ; background:#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:#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:#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:#fff ; color:#000 ;} form#toolform table input#ms_metric { width:auto ; height:auto ; background:transparent ; float:left} form#toolform table input#ms_imperial { width:auto ; height:auto ; background:transparent ; float:left} form#toolform table label { margin:0 15px 0 0 ; padding:0 0 0 5px ; width:auto} form#toolform tfoot td { background:#CFCFCF ; padding-right:15px ; } form#toolform table button#calcbutton { float:right ; background:#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 {float:none; margin:0 ; padding:0 ; font-weight:bold ; } form#toolform td.cbcDropdowns select { display:block ; margin-top:4px ; width:220px } 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 ; } /*START LOGIN FORM */ div.loginFormWrapper{background:transparent url(img/form_top_bg.gif) no-repeat ;padding:16px 0 0 0} div.loginFormWrapper div.roundedBottom{background: transparent url(img/form_bottom_bg.gif) no-repeat; padding:0 0 14px 0} form#loginForm{ margin:0; padding:20px 20px 10px 20px} form#loginForm fieldset { width:300px; float:none; padding:0pt 20px 5px 0px} form#loginForm label { display:block; float:left; width:145px; } form#loginForm input { width:150px; float:right;} form#loginForm fieldset#fs_login_button { width:315px; text-align:right} form#loginForm div.links{} div.loginFooter{margin: 20px 0 0 15px } /*END LOGIN FORM */ /*START PASSWORD FORGOTTEN FORM */ form#forgotPassForm{ padding:0 0 40px 0;} form#forgotPassForm fieldset#fs_login {padding:20px ; width:444px ; float:none ; background:transparent url(img/form_top_bg.gif) no-repeat scroll 0 0} form#forgotPassForm label { display:block ; float:left ; width:175px ; } form#forgotPassForm input { width:150px ; float:left ;} form#forgotPassForm fieldset#fs_submit_buttons {width:335px; text-align:right} div#forgotPwordTemplate div#contentCentre div.roundedBottom{background: transparent url(img/form_bottom_bg.gif) no-repeat left bottom; margin:0 0 0 5px; padding:0 0 14px 0} div#forgotPwordTemplate div#headerLoginbox div.roundedBottom {height:25px; background:transparent url(img/login_box_layer_bottom_bg.png) no-repeat; _background:transparent url(img/login_box_layer_bottom_bg.gif) no-repeat;} /*END PASSWORD FORGOTTEN FORM */ /*START UPDATE PASSWORD*/ form#updatePassForm{ margin:0; padding:20px 20px 10px 20px; background:transparent none} form#updatePassForm fieldset { width:300px; float:none; padding:0pt 20px 5px 0px} form#updatePassForm label { display:block; float:left; width:145px; } form#updatePassForm input { width:150px; float:right;} form#updatePassForm fieldset#fs_submit_button { width:315px; text-align:right} /*END UPDATE PASSWORD*/ /*PROMOTIONAL REGISTRATION*/ form#promoRegForm{} form#promoRegForm fieldset#fs_title {padding:0 5px 20px 20px; width:50px} form#promoRegForm fieldset#fs_title select{width:50px} form#promoRegForm fieldset#fs_buttons{position:static; background:transparent url(img/form_bottom_bg.gif) no-repeat left bottom; float:none; text-align:right; width:404px; padding:0 20px 30px 20px} form#promoRegForm select#dob_day{width:55px} form#promoRegForm select#dob_month{width:60px} form#promoRegForm select#dob_year{width:60px} form#promoRegForm select#dob_day_16078 {width:55px} form#promoRegForm select#dob_month_16078 {width:60px} form#promoRegForm select#dob_year_16078 {width:60px} form#promoRegForm div#captchainfo2 a{display:inline} form#promoRegForm div#captchainfo2 p{text-align:right} form#promoRegForm div#breakpromotclink{left:90px; position:relative; top:-34px; width:200px;} form#promoRegForm div#topmargin{position:relative; top:100px} body.oneColForm form#promoRegForm {} body.oneColForm form#promoRegForm fieldset{float:none; width:380px} body.oneColForm form#promoRegForm label { display:block; float:left; width:150px; } body.oneColForm form#promoRegForm input { float:left;} body.oneColForm form#promoRegForm select { float:left;} body.oneColForm form#promoRegForm fieldset#fs_title {float:none; width:380px} body.oneColForm form#promoRegForm fieldset#fs_title select { float:left; width:175px} body.oneColForm form#promoRegForm fieldset.checkbox input{display:block; float:left; margin:0; width:auto; vertical-align:middle;} body.oneColForm form#promoRegForm fieldset.checkbox label{width:360px; display:block; float:left; margin: 0 0 0 5px; padding:0} body.emptyPromo fieldset#fs_buttons {display:none} /*END promoRegForm*/ /*START USER REGISTRATION*/ form#userRegForm{} form#userRegForm fieldset{float:none; width:380px} form#userRegForm label { display:block; float:left; width:150px; } form#userRegForm input { float:left;} form#userRegForm fieldset.checkbox input{display:inline;float:none;vertical-align:bottom;} form#userRegForm fieldset.checkbox label{width:360px; display:inline; float:none} form#userRegForm div#reg_qestion_01{width:190px; float:left; clear:none} form#userRegForm div#reg_qestion_02{width:190px; float:left; padding: 0 20px 0 0; clear:none} form#userRegForm fieldset#fs_FreeField01.checkbox{width:190px; float:left; padding: 0 20px 5px 20px; clear:none} form#userRegForm fieldset#fs_FreeField11.checkbox{width:190px; float:left; padding: 0 20px 5px 0; clear:none} form#userRegForm fieldset#fs_FreeField02.checkbox{width:190px; float:left; padding: 0 20px 5px 20px; clear:none} form#userRegForm fieldset#fs_FreeField12.checkbox{width:190px; float:left; padding: 0 20px 5px 0; clear:none} form#userRegForm fieldset#fs_FreeField03.checkbox{width:190px; float:left; padding: 0 20px 5px 20px; clear:none} form#userRegForm fieldset#fs_FreeField13.checkbox{width:190px; float:left; padding: 0 20px 5px 0; clear:none} form#userRegForm fieldset#fs_FreeField04.checkbox{width:190px; float:left; padding: 0 20px 5px 20px; clear:none} form#userRegForm fieldset#fs_FreeField14.checkbox{width:190px; float:left; padding: 0 20px 5px 0; clear:none} form#userRegForm fieldset#fs_FreeField05.checkbox{padding: 0 20px 5px 20px; } form#userRegForm fieldset#fs_FreeField06.checkbox{padding: 0 20px 5px 20px; } form#userRegForm fieldset#fs_FreeField07.checkbox{padding: 0 20px 5px 20px; } form#userRegForm fieldset#fs_FreeField08.checkbox{padding: 0 20px 5px 20px; } form#userRegForm fieldset#fs_FreeField09.checkbox{padding: 0 20px 5px 20px; } form#userRegForm select#dob_day{width:auto;} form#userRegForm select#dob_month{width:auto; } form#userRegForm select#dob_year{width:auto; } form#userRegForm fieldset#fs_ref_buttons {left:0px; position:relative; top:-50px; border:medium none; float:left; margin:0; padding:0 10px 20px 20px; width:400px; text-align:right} form#userRegForm fieldset#fs_checkbox{padding:0 20px 40px} /*END USER REGISTRATION*/ /* 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-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#divCouponstarLoveFilmiFrame {width:620px; margin:0 auto;} div#divCouponstarLoveFilmiFrame iframe#CouponstarLoveFilmiFrame { margin:0 auto} /* Div which can contain brand logos */ div#footerGraphics { clear:left ; margin:0 ; padding:5px 0 5px 25px ; background-color:#CFCFCF ; } div#footerGraphics img { margin:0 11px 0 0 ; } /* Footer content */ div#footer { clear:left ; position:relative ; margin:0 ; padding:0 ; height:135px ; color:#767676 ; background:transparent url(img/footer_bg_02.jpg) no-repeat ; font-size:10px ; } div#footer a { color:#767676 ; text-decoration:none ; } div#footer a:hover { text-decoration:underline ; } div#footer div#ftrLinks { position:absolute ; left:0px ; top:90px ; width:1003px ; text-align:center ; } div#ftrLinks ul { margin:0 ; padding:0 ; } div#ftrLinks li { display:inline ; } div#ftrLinks a { border-left:1px solid #767676 ; padding:0 4px ; } div#ftrLinks a.first { border-left:none ; } div#footer div#ftrText { position:absolute ; left:0px ; top:105px ; width:1003px ; text-align:center; } div#footer div#ftrGlobalLinks { position:absolute; right:50px; text-align:right; top:86px; width:200px; z-index:30; } div#ftrGlobalLinks a{border:1px solid #999999; padding:2px; color:#000; background-color:#fff;} div#ftrGlobalLinks select { font-size:10px ; margin:0px ; vertical-align:middle ; width:155px} div#footer div#ftrMessage { position:absolute ; left:50px ; top:75px ; z-index:30 } /* 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 ; width:190px ; height:16px ; line-height:21px ; text-align:center ; 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:#DDDDDD ; text-decoration:none ; font-size:12px ; } /* END Primary Navigation */ /* START Secondary Navigation */ div#navbox { margin:0 0 25px 0 ; padding-bottom:10px ; width:200px ; font-size:11px ; } div#navbox h4 {display:none; margin:0 ; font-size:14px ; } div#navbox h4 a { display:block ; padding:8px 0 4px 23px ; color:#0065ad ; } div#navbox h4 a:hover { text-decoration:underline ; } div#navbox a { display:block ; padding:8px 0 ; text-decoration:none ; color:#0065ad ; background: transparent url(img/subnav_item.gif) no-repeat 0px 7px} div#navbox a:hover { text-decoration:underline ; } div#navbox ul { margin:0 ; padding:0 ; list-style-type:none ; } div#navbox li { border-bottom:1px solid #cccccc ; } div#navbox ul li a { padding-left:24px ; } div#navbox ul li a:hover { } div#navbox ul li ul li{ border-bottom:1px solid #ffffff ; } div#navbox ul li ul li a {background-position:12px 7px; padding-left:29px ; } div#navbox ul li ul li a:hover { } div#navbox ul li ul li ul li a {background-position:44px 7px; padding-left:54px ; } div#navbox ul li ul li ul li a:hover { } div#navbox ul li ul li ul li ul li a {background-position:66px 7px; padding-left:64px ; } div#navbox ul li ul li ul li ul li a:hover { } div#navbox a.open { background: transparent url(img/subnav_item_open.gif) no-repeat 0px 7px ; font-weight:bold} div#navbox ul li a.open { } div#navbox ul li ul li a.open { background-position:12px 10px; } div#navbox ul li ul li ul li a.open { background-position:44px 7px; } div#navbox a#selected { font-weight:bold } /* 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 */ /*START SPECIAL NAVBOX FOR RECIPE PAGES*/ div#navbox ul.hidden {display:none} div#navbox ul.collapsed{} div#navbox ul.collapsed li a{background-position:right} div#navbox ul.opened li a{background-position:right} div#navbox ul.opened li ul li{ border-bottom:1px solid #ffffff ; } div#navbox ul.opened li ul li a{background:transparent; border-top:1px solid #CCCCCC; margin:0 0 0 44px; padding:2px 0 1px;} div#navbox ul.opened li a.open{font-weight:bold} div#navbox ul.opened li a#selected{font-weight:normal} div#navbox ul.opened li ul li a#selected{font-weight:bold} /*END SPECIAL NAVBOX FOR RECIPE PAGES*/ /* ColourBox definitions*/ div#colourBox { padding:0px 0px 0px 0px ; margin:0px 0px 0px 0px ; width:200px; overflow:hidden } div#colourBox div.stdContBlock {margin:0px 0px 0px 0px ; padding:0; } div#colourBox div.stdContBlock h4 {color:#0065ad; font-size: 12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px ; } div#colourBox table tr td { font-size: 11px; 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:0px 0px 0px 0px; margin:0px 10px 0px 10px ; 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; } div#colourBox.marginAuto { margin: 0 auto} div#introBox{} div#introBox div.stdContBlock{width:448px; margin:0px;} div#introBox div.stdContBlock div.stdContHeadImg{padding:0; margin:0} div#introBox div.stdContBlock div.imageBoxBottom{padding:10px 0 0 0} div#introBox div#introBackground {margin:0px; padding: 10px 20px 40px 20px; width:418px ; background:transparent url(img/intro_box_bg.jpg) no-repeat left bottom} div#introBox div#introBackground h4{font-size:14px; margin:0 0 10px 0} div#introBox div#introBackground ul{margin:0} div#colourBox.hometeaser {margin:0 0 5px 0; width:924px;} div#colourBox.hometeaser div.stdContBlock{width:275px; padding:0 20px 0 0; float:left; clear:none; margin: 0} div#colourBox.hometeaser div.stdContBlock a{margin:0} div#colourBox.hometeaser div.stdContBlock table{ } div#colourBox.hometeaser div.stdContBlock table td.textArea{padding:0 5px 0 10px } div#colourBox.hometeaser div.stdContBlock h4{margin: 0 0 5px 0} div#colourBox.hometeaser div.stdContBlockFirst{ padding:0 20px 0 30px; margin: 0} div#colourBox.hometeaser div.stdContBlockLast{ padding: 0; margin: 0} div#width924 {width:924px; } div#width924 div.stdContBlock {margin: 0; } div#width924 a{margin:0 0 0 0} div#hometeaser2col{margin:0 0 5px 0; width:924px;} div#hometeaser2col div.stdContBlock{width:570px; padding:0; float:left; clear:none; margin: 0} div#hometeaser2col div.stdContBlock422{width:402px; padding:0 20px 0 20px;} div#hometeaser2col div.stdContBlock div.imageBoxLeft{padding:0; margin:0} div#hometeaser2col div.stdContBlock a{margin:0} div#hometeaser2col div.stdContBlock table{ } div#hometeaser2col div.stdContBlock table td.textArea{padding:0 5px 0 10px } div#hometeaser2col div.stdContBlock h4{margin: 0 0 5px 0} div#hometeaser2col div.stdContBlockFirst{width:275px; padding:0 20px 0 30px; margin: 0} div#colourBox.hometeaserTopspace {padding:10px 0 0 0;} div#colourBox.teaseRight{overflow:hidden} div#colourBox.teaseRight ul.linkslist{ background: transparent url(img/teaser_links_bg.gif) no-repeat right center} div#colourBox.teaseRight ul.linkslist li{text-align:right} div#colourBox.teaseRight ul.linkslist li a{margin: 0 ; padding:0 20px 0 10px; background: #ffffff url(img/subnav_item.gif) no-repeat center right; font-family:trebuchet ms, arial, verdana; font-decoration:none; font-size:11px; font-weight:normal; color:#0065ad;} div#colourBox.float_left{float:left; padding:20px 0px 20px 0px} div#colourBox.float_left.first{float:left; padding:20px 15px} div#colourBox.colorBoxLargeFocusItem{ margin: 0 0 20px 0; width:430px; background:transparent url(img/largeFocusItemTop_bg.jpg) no-repeat; padding:17px 0 0 0} div#colourBox.colorBoxLargeFocusItem div.stdContBlock{font-size:11px; margin:10px 0 0 0} div#colourBox.colorBoxLargeFocusItem table tr td {font-size:11px; } div#colourBox.colorBoxLargeFocusItem div.stdContBlock strong{color:#0065ad} div#colourBox.colorBoxLargeFocusItem ul.linkslist{margin:-26px 0 0 0; background: transparent url(img/teaser_large_links_bg.gif) no-repeat right center} div#colourBox.colorBoxLargeFocusItem ul.linkslist li{text-align:right} div#colourBox.colorBoxLargeFocusItem ul.linkslist li a{margin: 0 15px 0 0; padding: 0 10px 0 10px; font-family:trebuchet ms, arial, verdana; font-decoration:none; font-size:11px; font-weight:normal; color:#0065ad; background: #ffffff} div#threeColumns{width:458px} div#threeColumns div.stdContBlock { float:left; clear:none; display:inline; margin:0; padding:0; width:144px;} div#threeColumns div.stdContBlockFirst{padding:0 0 0 15px} div#threeColumns div.stdContBlock a{margin:0} div.twoColumns {width:443px; margin:0 0 0 15px;} div.twoColumns table{border-spacing:0px} div.twoColumns a{display:block} div.twoColumns div.stdContBlock { float:left; clear:none; margin:0; padding:0;} div.twoColumns span{padding:0 10px 0 0; display:block} div.twoColumns ul.linkslist {list-style:none; margin:5px 30px 10px 0; padding:0; background:transparent url(img/teaser_links_bg.gif) no-repeat scroll right center;} div.twoColumns ul li{text-align:right} div.twoColumns ul li a{background:#FFFFFF url(img/subnav_item.gif) no-repeat scroll right center;color:#0065AD;font-family:trebuchet ms,arial,verdana;font-size:11px;font-weight:normal;margin:0;padding:0 20px 0 10px;} div.twoColumns div.leftcolumn {width:217px; } div.twoColumns div.leftcolumn div.imageBoxTop{margin:0; padding:0} div.twoColumns div.rightcolumn {width:219px; } div.twoColumns div.rightcolumn div.imageBoxTop{margin:0; padding:0} div#colourBox.recipeGallery {width:650px ;} div.recipeGallery {width:650px !important;} div.recipeGallery div.stdContBlock {clear:none; float:left; width:200px; } div.recipeGallery div.stdContBlock a{font-size:11px!important;} div#contentRight div.recipeTeaser ul.linkslist li a { color:#0065AD; font-weight:bold; font-size:11px; margin:0 10px 10px;} div#contentRight div.recipeTeaser ul.linkslist li a:hover {text-decoration:underline; } div#colourBox.colLeftBox {margin:0; overflow:hidden; padding:0; width:165px;} div#colourBox.content2Column {width:458px; } div#colourBox.content2Column div.content2Column_left {margin:0 8px 0 0; padding:0; width:225px; clear:none; float: left; overflow:hidden;} div#colourBox.content2Column div.content2Column_right {margin:0; padding:0; width:225px; clear:none; float: left; overflow:hidden;} /* 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 */ div.recipeIngredientsSMSBox {position: relative; margin-top: 8px; padding: 1px 0px; display: inline-block; width: 100%; } div.recipeIngredientsSMSBox_waiting { background-color: #666; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: .5; } div.recipeIngredientsSMSBox_waiting div { background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; } div.recipeIngredientsSMSBox_content div.stdContBlock { margin-top: 0px; } /* new DHTML navi styles */ ul.dnavi_wrapper { list-style-type: none; background: #ccc; padding: 10px; } ul.dnavi_wrapper ul { padding-left: 15px; } ul.dnavi_wrapper li { list-style-type: none; margin: 10px 0px; } ul.dnavi_wrapper li a { text-decoration: none; font-weight: bold; color: #000; } ul.dnavi_wrapper li a:hover { text-decoration: underline; } ul.dnavi_wrapper li ul.dnavi_item_collapsed { display: none; } ul.dnavi_wrapper li ul li a { font-weight: normal; font-size: 11px; } div.dnavi_dropDown { border-left: 0px; position: absolute; top: 10px; let: 0px; z-index: 100; background: #ccc; } div.dnavi_dropDown div.dnavi_item_level0 { border-left: 1px solid #000; padding: 8px; float: left; width: 140px; height: 30px; } div.dnavi_dropDown div.dnavi_item_level0 div.dnavi_item_head a { font-weight: bold; color: #000; text-decoration: none; } div.dnavi_dropDown div.dnavi_item_level0 div.dnavi_item_head a:hover { text-decoration: underline; } div.dnavi_dropDown div.dnavi_item_level0 div.dnavi_item_body { position: absolute; top: 45px; margin-left: -10px; background: #ddd; padding: 5px 10px; } div.dnavi_dropDown div.dnavi_item_level1 div.dnavi_item_head { margin: 5px 0px; } div.dnavi_dropDown div.dnavi_item_level1 div.dnavi_item_head a { font-weight: normal; font-size: 11px; } div.dnavi_dropDown div.dnavi_item_level0 div.dnavi_item_active a { font-weight: bold; } div.dnavi_dropDown div.dnavi_item_open, div.dnavi_dropDown div.dnavi_item_collapsed { display: none; } /* END new DHTML navi styles */ div.ajax_group_container { float:left; margin: 8px 0; padding: 1px 0px; } div.ajax_group_container .ajax_box_waiting { background: #666; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: .5; } div.ajax_group_container .ajax_box_waiting div { background-position: center center; background-repeat: no-repeat; } div.ajax_group_container div.stdContBlock { margin-top: 0px; } /* sample styling for rotating content container with multiple items displayed at once */ div.rotatingContentContainer.multipleItemsDisplay { margin-top: 10px; position: relative; } div.rotatingContentContainer.multipleItemsDisplay div.rotatingContentContainerListWrapper { position: relative; width: 450px; height: 140px; overflow: hidden; margin-left: 25px; } div.rotatingContentContainer.multipleItemsDisplay div.rotatingContentContainerListWrapper div.stdContBlock { margin: 0px; } div.rotatingContentContainer.multipleItemsDisplay div.rotatingContentContainerListWrapper div.rotatingContentContainerList { position: absolute; top: 0px; left: 0px; width: 500px; } div.rotatingContentContainer.multipleItemsDisplay div.rotatingContentContainerListWrapper div.rotatingContentContainerList div.rotatingContentContainerListItem { float: left; margin-right: 15px; position: relative; } div.rotatingContentContainer.multipleItemsDisplay div.rotatingContentContainerListWrapper div.rotatingContentContainerList div.rotatingContentContainerListItem div.rccListItemCounter { position: absolute; bottom: 5px; right: 5px; display: block !important; } div.rotatingContentContainer.multipleItemsDisplay div.rotatingContentContainerHandles { position: absolute; top: 60px; width: 500px; } div.rotatingContentContainer.multipleItemsDisplay div.rotatingContentContainerHandles div.buttonHandle_back { float: left; } div.rotatingContentContainer.multipleItemsDisplay div.rotatingContentContainerHandles div.buttonHandle_next { float: right; } div.rotatingContentContainer.multipleItemsDisplay div.rotatingContentContainerHandles div.buttonHandle_disabled { color: #aaa; cursor: default !important; } /**/ div#newshapeflash_container{left:39px; position:absolute; top:109px; z-index:20;} div#contentTop div#newshapeflash_container{left: 39px; position: relative; top: -62px; z-index: 20;} div#contentTop div#alt_newshapeflash_container{left: 0; position: relative; top: -62px; z-index: 20;} div#rrf_container{left:39px; position:absolute; top:109px; z-index:20;} div.topFlashGroup{left:39px; position:absolute; top:109px; z-index:20;} body.withHalfContent div#contentCentre div#colourBox {float:left;} body.withHalfContent div#contentFull div#colourBox {float:left;} div.content div.graphicLink ul.linkslist {list-style-type:none;} div.content div.graphicLink ul.linkslist li {} div.content div.graphicLink ul.linkslist li a {background:#fff url('img/arrow_right-blue.gif') no-repeat right top;padding:0 20px 0 0;font-size:11px;font-weight:normal;} div.content div.simpleLink ul.linkslist {list-style-type:none;margin:10px 0 8px 0;} div.content div.linkBg ul.linkslist {margin:10px 8px 8px 0;} div.content div.linkBg ul.linkslist li {text-align:right;background:transparent url('img/link_line-bg.long.gif') no-repeat left center;} div.content div.formContentItem a.inlinelink {padding:0;display:inline;} div#layer div.scrollContent {overflow:scroll;} body.withSmallContent div.content div.stdContBlock {width:483px;} /* flash alternative pages */ body.FlashAlternativePage div#contentLeft {display:none;} body.FlashAlternativePage div#contentFull {display:block;float:none;margin:0 auto;padding:40px 0 0;width:600px;} body.FlashAlternativePage div#contentFull h1 {padding:0 0 10px 40px;} body.FlashAlternativePage div#contentFull div.stdContBlock {margin:15px 0 15px 0;} /* summerlight campain */ body.SummerlightCampaign div#contentFull {background:none !important;padding-top:0px !important;} body.SummerlightCampaign div#contentLeft {margin:355px 0 22px;position:relative;z-index:100;} body.headerHeight div.content div#contHeader {margin-top:360px;} body.SummerlightCampaign div.content div.moveUp {position:relative;z-index:100;} body.SummerlightCampaign div.content div.linksRight td.textArea {background:transparent url('img/link_line-bg.long.gif') no-repeat left center;} body.SummerlightCampaign div.content div.linksRight {margin:0 0 0 15px;width:483px;} body.SummerlightCampaign div.content div.linksRight ul {margin:0 0 0 184px;list-style-type:none;} body.SummerlightCampaign div.content div.linksRight ul li {float:left;background:#fff url('img/arrow_right-blue.gif') no-repeat right top;padding:0 20px 0 8px;font-size:11px;font-weight:normal;margin:0 4px 0 0;} body.SummerlightCampaign div.content div.linksRight ul li.linkEntry1 {margin:0 4px 0 0;} body.SummerlightCampaign div.content div#colourBox {width:207px;margin:0 11px 0 0;} /*width:200px;margin:0 28px 0 0;*/ body.SummerlightCampaign div.content div#colourBox div.leftColumn {margin:0 0 0 11px;} body.SummerlightCampaign div.content div#colourBox div.stdContBlock {width:190px;} body.SummerlightCampaign div#colourBox.halfContent ul.linkslist {margin:5px 0 10px 11px;} body.SummerlightCampaign div#colourBox.halfContent ul.linkslist li.linkEntry1 {text-align:right;background:transparent url('img/link_line-bg.gif') no-repeat left center;} body.SummerlightCampaign div#colourBox.halfContent ul.linkslist li.linkEntry1 a.first {background:#fff url('img/arrow_right-blue.gif') no-repeat right top;padding:0 20px 0 8px;font-size:11px;font-weight:normal;margin:0 4px 0 0;} body.SummerlightCampaign div#layer div.scrollContent {height:1160px;margin:30px 2px 0;} /*body.SummerlightCampaignStatic div#contentLeft {display:block;z-index:500;margin:355px 14px 22px 0;width:255px;} body.SummerlightCampaignStatic div#contentLeft div#contentLeftInner {padding:68px 0 0 0;margin:0 0 0 55px;} body.SummerlightCampaignStatic div#contentLeft div.RecipeTextSearch {margin:0 0 0 55px;} body.SummerlightCampaignStatic div.content {position:relative;z-index:100;} body.SummerlightCampaignStatic div.content div.stdContBlockNoMargin {position:absolute;z-index:100;width:924px !important;margin:0 !important;top:-54px;left:39px;} body.SummerlightCampaignStatic div.content div.LinkwblankImage a {background:transparent;position:absolute;z-index:110;top:-192px;left:280px;display:block;height:30px;width:190px;} body.SummerlightCampaignStatic div.content div.LinkwblankImage a img {height:30px;width:190px;} */ body.SummerlightCampaignStatic div#contentFull {margin-top:-583px;} /* */ body.SummerlightCampaignStatic div#contentLeft {display:inline;margin:0 0 0 55px;position:relative;z-index:345;} body.SummerlightCampaignStatic div#contentLeft div#contentLeftInner {padding:426px 0 0;} /*body.SummerlightCampaignStatic div#contentLeft div.RecipeTextSearch {position:absolute;top:426px} body.SummerlightCampaignStatic div#contentLeft div#navbox {display:none;}*/ body.SummerlightCampaignStatic div.content {position:relative;z-index:100;} body.SummerlightCampaignStatic div.content div.stdContBlockNoMargin {position:absolute;z-index:100;width:924px !important;margin:0 !important;top:0px;left:39px;} /* one button top:274px;left:280px;*/ /* two top:288px;left:391px;*/ body.SummerlightCampaignStatic div.content div.LinkwblankImage a {background:transparent;position:absolute;z-index:110;display:block;top:288px;left:391px;height:22px;width:190px;} body.SummerlightCampaignStatic div.content div.LinkwblankImage a img {height:22px;width:190px;} /*body.SummerlightCampaignStatic div.content div.LinkwblankImage2 {display:none;}*/ body.SummerlightCampaignStatic div.content div.LinkwblankImage2 a {background:transparent;position:absolute;z-index:110;display:block;top:262px;left:391px;height:23px;width:190px;} body.SummerlightCampaignStatic div.content div.LinkwblankImage2 a img {height:23px;width:190px;} body.SummerlightCampaignLinks div.content div.LinkwblankImage a {background:transparent;position:absolute;z-index:110;display:block;top:288px;left:391px;height:22px;width:243px;} body.SummerlightCampaignLinks div.content div.LinkwblankImage a img {height:22px;width:243px;} /*body.SummerlightCampaignLinks div.content div.LinkwblankImage2 {display:none;}*/ body.SummerlightCampaignLinks div.content div.LinkwblankImage2 a {background:transparent;position:absolute;z-index:110;display:block;top:373px;left:394px;height:23px;width:243px;} body.SummerlightCampaignLinks div.content div.LinkwblankImage2 a img {height:23px;width:243px;} body.SummerlightCampaignStatic div.content div.stdContBlock {width:483px;margin:0 0 0 235px;} body.SummerlightCampaignStatic div.content div.stdContBlock div.imageBoxLeft {padding:0 12px 0 0;} body.SummerlightCampaignStatic div.content div.stdContBlock div.imageBoxLeft img {margin-bottom:0;} body.SummerlightCampaignStatic div.content div.first {margin-top:426px;z-index:500;position:relative;} body.SummerlightCampaignStatic div.content div.stdContBlock td.textArea {padding:15px 0 0 0;} body.SummerlightCampaignStatic div.content div.graphicLink div.noTextNoBody {margin:0 0 34px 0;} body.SummerlightCampaign div#promoReg div.content div.mainimage {margin:0 0 0 -10px;} /* promotion reg template START */ body.SummerlightCampaign div#promoReg form#promoRegForm {} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset {width:430px;float:none;display:block;} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset label {width:114px;float:left;} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset input {width:284px;} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset.dropdown select {font-size:11px;color:#6C6B62;} /*body.SummerlightCampaign div#promoReg form#promoRegForm fieldset#fs_FreeField3 {padding:0 10px 0 20px;}*/ body.SummerlightCampaign div#promoReg form#promoRegForm fieldset#fs_FreeField4 {float:left;width:400px;padding:0 0 0 20px;margin:5px 0 15px 0;} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset#fs_FreeField4 input {float:left;width:20px;} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset#fs_FreeField4 label {width:300px;} body.SummerlightCampaign div#promoReg form#promoRegForm div#termsLinks {padding:0;float:left;width:150px;clear:none;background:none;padding:0;} body.SummerlightCampaign div#promoReg form#promoRegForm div#termsLinks p {display:none;} body.SummerlightCampaign div#promoReg form#promoRegForm div.formContentItem {padding:15px 0 0 20px;} /*background:transparent url('img/form_line-bg.gif') no-repeat 20px 0;*/ body.SummerlightCampaign div#promoReg form#promoRegForm div#formline {background:transparent url('img/form_line-bg.gif') no-repeat 20px 0;} body.SummerlightCampaign div#promoReg form#promoRegForm div#formlineo {height:5px;background:transparent url('img/form_line-bg.gif') no-repeat 20px 0;padding:0;} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset#fs_Radio1 {padding:0 0 0 20px;margin:0 0 10px 0;} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset#fs_Radio1 label.radioGroupLabel {float:none;font-weight:bold;color:#005ea1;margin:15px 0 12px 0;} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset#fs_Radio1 input {width:20px;} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset#fs_Radio1 input#_Radio1_0 {margin:0 0 0 91px;} body.SummerlightCampaign div#promoReg form#promoRegForm fieldset#fs_buttons {left:250px;width:auto;display:inline;float:left;} body.SummerlightCampaign div#promoReg form#promoRegForm div#formBottom {margin:40px 0 0 0;padding:0;background:transparent url(img/form_bottom_bg.gif) no-repeat 0 0;} body.SummerlightCampaign div#promoReg form#promoRegForm div#formTop {padding:0;background:transparent url(img/form_top_bg.gif) no-repeat 0 0;} /* promotion reg template END */ /* campaign space */ body.campaignSpace div#contentFull { padding-top: 434px; background: transparent url(img/home_visual_bg.jpg) no-repeat 39px 0px; } body.campaignSpace div.campaignSpace_item { margin: 0px; position: absolute; left: 39px; top: 109px; } body.campaignSpace div#campaignSpace_item1 a { display: block; position: absolute; top: 130px; left: 528px; width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item1 a img { width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item2 a { display: block; position: absolute; top: 130px; left: 528px; width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item2 a img { width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item3 a { display: block; position: absolute; top: 130px; left: 528px; width: 145px; height: 21px; } body.campaignSpace div#campaignSpace_item3 a img { width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item4 a { display: block; position: absolute; top: 130px; left: 528px; width: 145px; height: 21px; } body.campaignSpace div#campaignSpace_item4 a img { width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item5 a { display: block; position: absolute; top: 130px; left: 528px; width: 145px; height: 21px; } body.campaignSpace div#campaignSpace_item5 a img { width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item6 a { display: block; position: absolute; top: 130px; left: 528px; width: 145px; height: 21px; } body.campaignSpace div#campaignSpace_item6 a img { width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item7 a { display: block; position: absolute; top: 130px; left: 528px; width: 145px; height: 21px; } body.campaignSpace div#campaignSpace_item7 a img { width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item8 a { display: block; position: absolute; top: 130px; left: 528px; width: 145px; height: 21px; } body.campaignSpace div#campaignSpace_item8 a img { width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item9 a { display: block; position: absolute; top: 130px; left: 528px; width: 145px; height: 21px; } body.campaignSpace div#campaignSpace_item9 a img { width: 133px; height: 21px; } body.campaignSpace div#campaignSpace_item10 a { display: block; position: absolute; top: 130px; left: 528px; width: 145px; height: 21px; } body.campaignSpace div#campaignSpace_item10 a img { width: 133px; height: 21px; } body.campaignSpace div#campaignSpaceSelector { position: absolute; top: 109px; left: 743px; } /*Static Recipe Pages*/ body.staticRecipe div.flashPlayerWrapper{background:transparent url(img/video_bg.gif) no-repeat left top; float:none; height:306px; padding:20px 18px 0 19px; width:432px;} body.staticRecipe div.stdContBlock strong{color:#0065ad} body.staticRecipe div#colourBox a{margin:0} body.staticRecipe div.socialbookmarks {float:left; margin:0 0 0 15px} body.staticRecipe div.noMargin{margin:15px 0 15px 0px} div#actionLinks{clear:none; display:inline; float:left; width:115px;} div#imgHeadline{clear:none;display:inline; float:left; overflow:hidden; width:290px;} div#imgHeadlines{clear:none;display:inline; float:left; overflow:hidden; width:290px; margin:0 15px 15px 5px;} div.noLeftMargin {margin:5px 0 15px 5px} body.staticRecipe div#recipeNutritions {width:100%; padding:0px 0px 12px 15px; } body.staticRecipe div#recipeNutritions div {padding:4px 10px 4px 10px} body.staticRecipe div#recipeNutritions span.name {display:block;width:128px; float:left; padding: 0} body.staticRecipe div#recipeNutritions span.col1{} body.staticRecipe div#recipeNutritions span.col2{text-align:center} body.staticRecipe div#recipeNutritions span.col3{text-align:center} body.staticRecipe div#recipeNutritions div.nutritionHead { width:410px; height:21px; padding:10px 10px 5px 10px; color: #ffffff; font-weight:bold; background: transparent url(img/recipe_table_hdl.gif) repeat-x;} body.staticRecipe div#recipeNutritions span.quantity{display:block; float:left; padding:0 5px 0 0; text-align:right; width:48px;} body.staticRecipe div#recipeNutritions span.unit{ display:block; float:left; width:73px;} body.staticRecipe div#recipeNutritions div.even {height:18px; width:410px; background:transparent url(img/recipe_table_even_row.gif) repeat-x; } body.staticRecipe div#recipeNutritions div.odd {height:18px; width:410px; background:transparent url(img/recipe_table_odd_row.gif) repeat-x; } /* ecard layer */ div#layerEcardFlash { left: 50% !important; margin-left: -512px; } div#layerEcardFlash div.closelyr_link { display: none; }