/* === Easter === */ /* h2 currently used on "how to" */ h2.bg { background:url(/portals/0/Containers/Coles/images/title_gold_bg.png) repeat-x #FFF; color:#544946; line-height:30px; font-weight:700; font-size:150%; padding-left:10px; border-bottom:0; } .spacer_bg { margin:0 0 20px; height:27px; background:url(/Portals/0/content/images/Easter/spacer_bg.jpg) #F8BD00 repeat-y; } .column1_5 { margin:0 16px 20px 0; width:342px; } /* Recipe layout */ #dnn_interactiveFlash { position:relative; } #dnn_interactiveFlash .wrapping { background:url(/portals/0/Content/images/Easter/recipe_header_bg.png) left bottom no-repeat #FEC807; padding-bottom:30px; } #dnn_interactiveFlash h1 { border-bottom:0; margin:0 10px; padding-bottom:0; padding-top:5px; line-height:22px; } #dnn_interactiveFlash .recipeContainer { background:url(/portals/0/Content/images/Easter/recipe_image_bg.png) top left repeat-x #EED; } #dnn_interactiveFlash img { float:left; margin:1px 5px; } #dnn_interactiveFlash th { width:80px; padding:3px; color:#000; font-size:11px; background-color:#FFF; text-align:right; } #dnn_interactiveFlash td { width:117px; padding:3px; background-color:#F1EDEB; } #dnn_interactiveFlash .recipeFooter { height:20px; margin-top:5px; background:url(/portals/0/Content/images/Easter/recipe_footer_bg.png) top left no-repeat #FEC807; } #dnn_ingredientList h2 { background:url(/portals/0/Containers/Coles/images/title_gold_bg.png) repeat-x #FFF; color:#544946; line-height:30px; font-weight:700; font-size:150%; padding-left:10px; border-bottom:0; } #dnn_recipeButtons { } #dnn_recipeButtons a { margin-bottom:10px; } #dnn_recipeButtons a span { width:155px; } #recipeBtns a { margin-bottom:10px; } #recipeBtns a span { width:155px; } #videoTitle { color:#333; } .pagenateH2 { float:left; margin:0; width:250px; border-bottom:0; } #pages { float:right; margin-right:7px; line-height:30px; width:430px; text-align:right; font-weight:700; } #pages a { text-decoration:underline; } #pages2 { margin-right:7px; line-height:30px; text-align:right; font-weight:700; } #pages2 a { text-decoration:underline; } #pagenate { clear:both; margin:10px 0 0 0; padding:0; } #pagenate li { list-style-type:none; display:inline; } .product { margin:0; padding:0; } .product li { list-style-type:none; float:left; position:relative; margin-right:14px; margin-bottom:14px; width:224px; height:181px; background:url(/Portals/0/content/images/Easter/product_border.png) no-repeat; text-align:center; } .product li.lastItem { margin-right:0; } .product li .overflow { position:absolute; left:224px; top:0px; width:4px; height:181px; background:url(/Portals/0/content/images/Easter/product_border_over.png) no-repeat; } .product li img { margin:14px 4px 0 0; } .product li p { position:relative; top:-3px; font-weight:700; margin:0 15px 0 12px; color:#555; } .product li p span.price { color:#EE2E24; } /* Mask */ #mask { display:none; position:absolute; left:0; top:0; background-color:#000; z-index:1000 } #flashObj { display:none; position:absolute; left:0; top:0; background-color:#FFF; z-index:1001; color:#FFF; height:auto; } #flashObj a { color:#FFF; font-size:12px; text-decoration:none; } #flashObj a:hover { color:#FFF; font-size:12px; text-decoration:underline; } #flashObj p { width:100%; margin:0 0 10px 10px; font-size:12px; } #loadDiv { margin:7px 7px 7px; } #maskFlashContainer { position:relative; width:100%; text-align:left; } #maskFlashContainer a { position:relative; display:block; width:80px; line-height:25px; color:#777; font-size:11px; background-color:#FFF; text-decoration:underline; text-align:center; } #maskFlashContainer a:hover { text-decoration:underline; font-size:11px; color:#777; } #videoTitle { margin:0 7px 7px; } #xClose { position:absolute; left:0; top:-25px; background-color:#FC0; } .mask { z-index:0; display:none; position:absolute; top:0; left:0; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65); cursor:pointer; } .transcriptHeader { font-weight:700; font-size:130%; color:#EE2E24; } /* === Christmas === */ a.btn_green { display:block; width:150px; line-height:25px; text-indent:28px; background:url(images/Christmas/btn_green.png) no-repeat left top; color:#FFF; } a.btn_green:hover { background-position:left bottom; color:#4f3d3d; text-decoration:none; } .xmas_floatList { } .xmas_floatList li { margin:0 0 10px 10px; } .xmas_subheader { float:left; position:relative; height:290px; background:url(/Portals/0/content/images/Christmas/header_right_bg.jpg) no-repeat right top; } .xmas_subheader h1 { position:relative; margin:17px 0 0; padding-bottom:0; border-bottom:0; } .xmas_subheader h1 img { position:relative; } .xmas_subheader h1 span { position:absolute; top:0; left:0; z-index:-1; } .xmas_subheader div { font-size:110%; width:185px; color:#fff; } .xmas_video-thumbnail li { margin:0 7px; padding:7px 0; width:180px; border-bottom:1px solid #CCC; } .xmas_video-thumbnail li.last { border-bottom:0; } .xmas_video-thumbnail img { float:left; margin-right:7px; } .xmas_video-thumbnail p { font-weight:700; height:43px; } .xmas_spacer { margin:0 0 10px; height:24px; background:url(images/Christmas/striped_bg.png) #EE2E24 repeat-y; } .xmas_item { margin:10px 0 0; padding:0; } .xmas_item li { list-style-type:none; float:left; margin-right:14px; margin-bottom:14px; width:224px; background:url(images/christmas/item_border_m.png) repeat-y 0 5px; } .xmas_item li.lastItem { margin-right:0; } .xmas_item .head { position:relative; height:13px; background:url(images/christmas/item_border_t.png) #FFF no-repeat; margin-top:0; font-size:0; } .xmas_item .head .bow { position:absolute; left:164px; top:0; width:74px; height:56px; background:url(images/christmas/item_bow.png) no-repeat; } .xmas_item .body { margin:10px 15px 0 16px; height:173px; } .xmas_item .body h2 { margin:0; width:145px; border-bottom:0; position:relative; color:#EE2E24; } .xmas_item .body h2 img { position:absolute; left:0; top:0; } .xmas_item .body p { width:112px; } .xmas_item .foot { background:url(images/christmas/item_border_b.png) #FFF no-repeat; margin-top:0; height:17px; } .xmas_item .range { background:url(/Portals/0/content/images/Christmas/img_mince-pies.jpg) no-repeat right bottom; } .xmas_item .decoration { background:url(/Portals/0/content/images/Christmas/img_decoration.jpg) no-repeat right bottom; } .xmas_item .gifts { background:url(/Portals/0/content/images/Christmas/img_gifts.jpg) no-repeat right bottom; } .xmas_item .roast { background:url(/Portals/0/content/images/Christmas/img_roast.jpg) no-repeat right bottom; } .xmas_item .ginger { background:url(/Portals/0/content/images/Christmas/img_ginger.jpg) no-repeat right bottom; } .xmas_item .cake { background:url(/Portals/0/content/images/Christmas/img_cake.jpg) no-repeat right bottom; } .xmas_item .classic { background:url(/Portals/0/content/images/Christmas/img_classic.jpg) no-repeat right bottom; } .xmas_item .breakfast { background:url(/Portals/0/content/images/Christmas/img_breakfast.jpg) no-repeat right bottom; } .xmas_item .bbq { background:url(/Portals/0/content/images/Christmas/img_bbq.jpg) no-repeat right bottom; } .xmas_item .Under { background:url(/Portals/0/content/images/Christmas/landing/Under50_Hero_landing.jpg) no-repeat right bottom; } .xmas_item .quick { background:url(/Portals/0/content/images/Christmas/landing/QuickEasy_Hero_landing.jpg) no-repeat right bottom; } .xmas_item .treats { background:url(/Portals/0/content/images/Christmas/landing/FestiveTreats_Hero_landing.jpg) no-repeat right bottom; } .xmas_item .moreTreats { background:url(/Portals/0/content/images/Christmas/landing/MoreFestiveTreats_Landing.jpg) no-repeat right bottom; } .xmas_item_left { margin:10px 0 0; padding:0; } .xmas_item_left li { list-style-type:none; float:left; margin-right:14px; margin-bottom:14px; width:196px; background:url(images/christmas/item_left_border_m.png) repeat-y 0 5px; } .xmas_item_left li.lastItem { margin-right:0; } .xmas_item_left .head { position:relative; height:13px; background:url(images/christmas/item_left_border_t.png) #FFF no-repeat; margin-top:0; font-size:0; } .xmas_item_left .head .bow { position:absolute; left:136px; top:0; width:74px; height:56px; background:url(images/christmas/item_bow.png) no-repeat; } .xmas_item_left .body { margin:10px 14px 0 16px; height:173px; } .xmas_item_left .body a { margin-top: 5px; margin-left: 5px; } .xmas_item_left .body h2 { padding-left: 5px; margin:0; width:120px; border-bottom:0; position:relative; color:#EE2E24; font-size: 130%; } .xmas_item_left .body h2 img { position:absolute; left:0; top:0; } .xmas_item_left .body p { width:82px; padding-left: 5px; } .xmas_item_left .foot { background:url(images/christmas/item_left_border_b.png) #FFF no-repeat; margin-top:0; height:17px; } .xmas_item_left .range { background:url(/Portals/0/content/images/Christmas/img_mince-pies.jpg) no-repeat right bottom; } .xmas_item_left .decoration { background:url(/Portals/0/content/images/Christmas/img_decoration.jpg) no-repeat right bottom; } .xmas_item_left .gifts { background:url(/Portals/0/content/images/Christmas/img_gifts.jpg) no-repeat right bottom; } .xmas_item_left .roast { background:url(/Portals/0/content/images/Christmas/img_roast.jpg) no-repeat right bottom; } .xmas_item_left .ginger { background:url(/Portals/0/content/images/Christmas/img_ginger.jpg) no-repeat right bottom; } .xmas_item_left .cake { background:url(/Portals/0/content/images/Christmas/img_cake.jpg) no-repeat right bottom; } .xmas_item_left .classic { background:url(/Portals/0/content/images/Christmas/img_classic.jpg) no-repeat right bottom; } .xmas_item_left .breakfast { background:url(/Portals/0/content/images/Christmas/img_breakfast.jpg) no-repeat right bottom; } .xmas_item_left .bbq { background:url(/Portals/0/content/images/Christmas/img_bbq.jpg) no-repeat right bottom; } .xmas_special { margin:0; padding:0; } .xmas_special li { list-style-type:none; float:left; position:relative; margin-right:14px; margin-bottom:14px; width:224px; height:215px; background:url(images/christmas/item_border_m.png) repeat-y 0 5px; text-align:center; } .xmas_special li.lastItem { margin-right:0; } .xmas_special li img { margin:10px 4px 0 0; } .xmas_special li p { position:relative; top:0; height:62px; line-height:130%; font-weight:700; margin:5px 15px 0 12px; padding:0 5px; color:#555; } .xmas_special li p span.price { color:#EE2E24; font-weight:700; } .xmas_special li p span.serve { color:#999 !important; } .xmas_special li p span.perPerson { color:#999; } .xmas_special .price1 { display:inline; color:#EE2E24; font-weight:700; } .xmas_special .price2 { display:none; color:#EE2E24; font-weight:700; } .xmas_special .head { position:relative; height:13px; background:url(images/christmas/item_border_t.png) #FFF no-repeat; margin-top:0; font-size:0; } .xmas_special .head .bow { position:absolute; left:177px; top:-2px; width:63px; height:54px; background:url(/Portals/0/content/images/Christmas/product_bow.png) no-repeat; } .xmas_special .foot { background:url(images/christmas/item_border_b.png) #FFF no-repeat; margin-top:0; height:17px; } /* Tribal Slider */ #slideShow { position:absolute; left:0; top:0; width:480px; height:190px; margin: 0; z-index:1; } #slideShow .introVid { position:absolute; top:0; left:0; z-index:100; width:480px; height:190px; background: url(images/Christmas/slider_bg.jpg) repeat-x 0 0; display:none; } #slideShow .introVid .wrapper { width:470px; overflow:auto; height:180px; margin: 0; position: absolute; top:5px; left:5px; background:#fff; } #slideShow .introVid #flashVid { float:left; margin:4px 10px 0 4px; } #slideShow .introVid p { margin:10px 0 0 0; padding:0; color:#544a47; font-weight:bold; font-style:italic; font-size:110%; overflow:auto; height:160px; } #slideShow .introVid p span { font-style:normal; font-weight:normal; font-size:90%; } #slideShow .slider { background: url(images/Christmas/slider_bg.jpg) repeat-x 0 0; width: 480px; height:190px; } #slideShow .slider .wrapper { width:470px; overflow:auto; height:180px; margin: 0; position: absolute; top:5px; left:5px; background:#fff; } #slideShow .slider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; } #slideShow .slider ul li { display: block; float: left; padding:0; height:190px; width:480px; margin: 0; } #slideShow .slider h3 { font-size:130%; margin:5px 0 0 0; padding:0; color:#ed1c24; } #slideShow .slider p { margin:0 10px 1em 0; padding:0; color:#544a47; font-weight:bold; line-height:1.1em; overflow:auto; height:150px; } #slideShow #thumbNav { position: absolute; bottom:7px; left:70px; } #slideShow #thumbNav a { font-weight: bold; color:#666666; text-decoration:none; border:1px solid #d9d4d4; padding:0 3px; margin-right:5px; line-height:1.4em; } #slideShow #thumbNav a:hover { color:#000; background:#d9d4d4; } #slideShow #thumbNav a.cur { color: #000; background:#d0c9c9; } #slideShow .slider .wrapper img { float:left; padding:4px 10px 0 4px; } #slideShow .slider a.playVid { position:absolute; left:10px; bottom:7px; background:url(images/Christmas/introVid_btn.gif) 0 0 no-repeat; width:56px; height:16px; display:block; } #slideShow .slider a.playVid:hover { background-position:0 -16px; } #slideShow .slider a.playVid span { display:none; } #slideShow #start-stop { display:none; } #slideShow .slider .arrow { display:none; } /* Specials */ .xmas_screen { display:inline; } .xmas_print { display:none; } .xmas_printMod .xmas_special li .checkItem { display:none; } #dnn_headerLeft { width:500px; } #dnn_headerLeft .contentBlock { margin-bottom:0 !important; } #dnn_headerRight .xmas_green { margin-bottom:0 !important; }