body { margin:0; padding:0; background-color:#FFF; color:#333; font-size:70%; font-family:arial,helvetica,sans-serif !important; } #bodyContainer { text-align:left; background:url(images/header_bg.gif) repeat-x; } /*h1 { position:relative; margin:0 0 20px 0; padding-bottom:7px; font-size:180%; color:#624B4C; border-bottom:1px solid #D0C9C9; }*/ h1 { color:#EE2D24; margin:10px 0 20px; padding:0; font-size:35px; } h1 img { position:absolute; left:0; } h2 { margin:20px 0 7px 0; font-weight:bold; padding-bottom:3px; font-size:140%; color:#EE2D24; } h2 a { color:#624B4C; } h3 { margin:10px 0 0 0; font-weight:bold; font-size:110%; color:#624B4C; } h3 a { color:#624B4C; } hr { border:0 !important; border-top:1px solid #DEE3DE !important; } a { color:#EE2E24; text-decoration:none } a:link { } a:visited { } a:active { } a:hover { text-decoration:underline; } img { border:0; } p { margin:0 0 1em; } blockquote { margin:10px 0 0 10px; padding:0 0 0 26px; font-family:arial,helvetica,sans-serif; font-style:italic; color:#666; background:url(images/blockquote.gif) no-repeat 0 2px; } blockquote .author { display:block; margin:5px 0 0 0; font-style:normal; color:#000; } ul { margin:0 0 0 25px; padding:0; } ul li { list-style-type:disc; line-height:150%; margin-bottom:5px; } .normal { font-size:100%; } /* DNN STYLE BYPASS */ #dnn_ContentPane { border-left:0 !important; border-right:0 !important; z-index:100;position:relative;} /* LAYOUT */ #container { position:relative; margin:0 auto; width:960px; text-align:left; } #header { position:static; } #logoCont { width:175px; height:90px; } .colesLogo { float:left; position:relative; margin-left:20px; display:inline; top:20px;} .logoLeft { position:absolute; left:-121px; top:0; width:121px; height:90px; background:url(images/spacer.gif) no-repeat; } .logoRight { position:absolute; left:175px; top:0; width:156px; height:90px; background:url(images/spacer.gif) no-repeat; } .headerBlock { float:right; text-align:right; width:600px; margin-right:20px; display:inline; position:relative; height:90px; } #highlights { position:relative; display:block; margin:0 auto; top:-7px; width:500px; height:1px; background:url(images/hilite_bg.gif) repeat-x; overflow:hidden; } #shadaow { height:6px; background:url(images/menu1_shadow.gif) repeat-x; overflow:hidden; } .HeadingPane { margin-bottom:10px; } .HeadingPane h1 { margin:0; padding:0; border-bottom:0; } .ContentPane { float:left; display:inline; margin:10px 20px 0 10px; width:700px; } #breadcrumbs { position:static; margin-bottom:10px; line-height:24px; } #breadcrumbLinks { float:left; background-color:transparent; } #breadControl { float:right; width:72px; height:24px; border-left:2px solid #FFF; } #breadControl img { float:left; } #breadControl a { display:block; float:left; margin-top:2px; width:20px; height:20px; } #breadControl a.decrease { background:url(images/btn_decrease_size.gif) no-repeat top left; font-size:1px; } #breadControl a.increase { background:url(images/btn_increase_size.gif) no-repeat top left; font-size:1px; } #breadControl a.btnPrint { background:url(images/btn_print.gif) no-repeat top left; font-size:1px; } #breadControl a:hover { background-position:bottom left; } a.SkinObject { color:#000 !important; text-decoration:underline !important; } a.SkinObject:hover { text-decoration:none !important; } #for-further-assistance { color:#EE2E24; font-size:1.4em; font-weight:bold; position:absolute; right:0; text-align:center; top:40px; } /* LEFT PANE */ .leftPane { float:left; display:inline; margin:10px 20px 20px 20px; width:200px; border-left:0 !important; border-right:0 !important; } .leftContent { border-left:0 !important; border-right:0 !important; } /* RIGHT PANE */ .rightPane { float:left; display:inline; margin:10px 0 0 0; width:200px; border-left:0 !important; border-right:0 !important; z-index:1; position:relative;} .content { margin-top:10px !important; XXmargin-bottom:10px !important; z-index:1; } .column { float:left; display:inline; margin:0 20px 20px 0; width:200px; border-left:0 !important; border-right:0 !important; } .column1 { float:left; display:inline; margin:0 10px 10px 0; width:235px; border-left:0 !important; border-right:0 !important; } .column1_5 { float:left; display:inline; XXmargin:0 10px 20px 0; width:345px; border-left:0 !important; border-right:0 !important; } .column2 { float:left; display:inline; margin:0 20px 20px 0; width:480px; border-left:0 !important; border-right:0 !important; } .column3 { float:left; display:inline; margin:0 20px 0 20px; width:700px; border-left:0 !important; border-right:0 !important; } #specials { position:relative; height:116px; top:0; font-size:11px; clear:both; } #specialsContent { position:static; margin:0 auto; width:900px; text-align:left; } #footer { position:static; height:150px; top:0; background:url(images/footer_bg.gif); background-repeat:repeat; font-size:11px; } #footerContent { position:static; margin:0 auto; width:1020px; text-align:left; height:150px;} .last { margin-right:0; } .clear { clear:both; float:none !important; height:0; line-height:0; font-size:0; } #footer img { float:left; } .footerItem { float:left; margin:20px 0 0 10px; padding:0; width:120px; color:#FFF; } .footerItem .Head { font-size:11px; font-weight:bold; text-indent:5px; color:#FFF; } .footerItem .SubHead { color:#FFF; border-bottom:1px dotted #FFF; width:100%; } #footer ul { float:left; margin:0; padding:0; } #footer ul li { margin-bottom:0; list-style-type:none; color:#FFF; line-height:1.5em; } #footer ul li.header { font-size:110%; font-weight:600; } #footer ul li a { color:#FFF; display:block; width:115px; text-decoration:none; } #footer ul li a:hover { text-decoration:underline; } /* Navigation - Header Special */ ul#headerNav { margin:0; padding:0; list-style-type:none; float:right; } ul#headerNav li { float:left; display:inline; margin-bottom:0; background:url(images/topNav_divider.png) no-repeat right top; } ul#headerNav li.last { background:transparent; } ul#headerNav li a { display:block; float:left; height:28px; padding:0 10px; line-height:28px; color:#000; margin-top:2px;} ul#headerNav li a:hover { background:url(images/topNav_divider.png) #FFF no-repeat right top; text-decoration:none; } ul#headerNav li input { margin:2px 0 0 10px } /* Navigation - Primary */ #nav1 ul { margin:0; padding:0 0 0 20px; height:46px; background:url(images/menu1_bg.gif) repeat-x; font-weight:600; } #nav1 ul li { float:left; display:inline; margin-bottom:0; list-style-type:none; background:url(images/menu1_edge.gif) no-repeat left top; } #nav1 ul li a { font-size:1.15em; display:block; float:left; height:39px; line-height:36px; padding:0 10px; color:#FFF; white-space:nowrap; background:url(images/menu1_ov.gif) #D72921 repeat-x top; border-right:1px solid #D08E8F; } #nav1 ul li a.select { background-color:#FFF; color:#333; } #nav1 ul li a:hover { background-position:bottom; text-decoration:none; } #nav1 ul li.end { height:39px; width:1px; } #nav1 ul li.First-Child { border-left:1px solid #D08E8F; } #nav1 ul li.SelectedTab { background-color:#FFF; font-weight:600; } #nav1 ul li.SelectedTab a { color:#F00; background:transparent; background-color:#FFF; } #nav1 ul li.SelectedTab a:hover { color:#FFF; background-color:#EE2E24; } /* Navigation - Secondary */ #nav2Parent ul { margin:0; padding:0; } #nav2Parent ul li { list-style-type:none; margin-bottom:0; text-indent:10px; display:none; } #nav2Parent ul li.SelectedTab { display:block; } #nav2Parent ul li a { display:block; width:200px; line-height:32px; background:url(images/nav2Parent.png) #D72921 repeat-x 0 0; color:#FFF; } #nav2Parent ul li a.select { background:url(images/nav.gif) no-repeat 0 0; } #nav2Parent ul li a:hover { background-position:0 -64px; text-decoration:none; } #nav2 ul { margin:0 0 10px 0; padding:2px 0 0 0; background:url(images/nav2_bg.png) repeat-y 0 0; border-bottom:1px solid #CCC; } #nav2 ul li { list-style-type:none; margin-bottom:2px; } #nav2 ul li a { display:block; width:175px; padding-left:25px; line-height:27px; background:url(images/nav2.png) #E6ECE6 no-repeat 0 0; color:#624B4C; } #nav2 ul li a.select { background:url(images/nav.gif) no-repeat 0 0; } #nav2 ul li a:hover { background-position:0 -56px; background-color:#624B4C; text-decoration:none; color:#FFF; } #nav2 ul li ul li a { text-indent:10px; line-height:22px; background:url(images/nav3.png) no-repeat 0 0; font-weight:normal; color:#624B4C; } #nav2 ul li ul li a:hover { color:#624B4C; background-color:#C9D0C9; } #nav2 ul li.parent a { background:url(images/nav2_child.png) #E6ECE6 no-repeat 0 0; } #nav2 ul li.parent a:hover { background-position:0 -56px; background-color:#624B4C; } #nav2 ul li.level1Active a { background-position:0 -56px; background-color:#624B4C; font-weight:normal; color:#FFF; } #nav2 ul li.level1Active a:hover { } /* Level 2 */ #nav2 ul li.level1Active ul li a { background:url(images/nav3.png) #FFF no-repeat 0 0; color:#624B4C; } #nav2 ul li.level1Active ul li a:hover { background-position:0 -56px; background-color:#C9D0C9; color:#624B4C; } #nav2 ul li.level1Active ul li.level2Active a { background-position:0 -56px; } /* Level 3 */ #nav2 ul li.level1Active ul li.level2Active ul li a { background-position:0 0px; text-indent:0; padding-left:45px; width:152px; font-weight:normal; } #nav2 ul li.level1Active ul li.level2Active ul li a:hover { background-position:0 -56px; background-color:#C9D0C9; color:#624B4C; font-weight:normal; } #nav2 ul li.level1Active ul li.level2Active ul li.level3Active a { background-position:0 0px; font-weight:700; color:#EE2E24; font-weight:normal; } #nav2 ul li.level1Active ul li.level2Active ul li.level3Active a:hover { background-position:0 -56px; background-color:#C9D0C9; color:#624B4C; font-weight:normal; } /* Level 4 */ #nav2 ul li.level1Active ul li.level2Active ul li.level3Active ul li a { background-position:0 0px; font-weight:700; padding-left:55px; width:142px; } #nav2 ul li.level1Active ul li.level2Active ul li.level3Active ul li a:hover { background-position:0 -56px; background-color:#C9D0C9; color:#624B4C; } #nav2 ul li.level1Active ul li.level2Active ul li.level3Active ul li.level4Active a { background-position:0 0px; font-weight:700; color:#EE2E24; } #nav2 ul li.level1Active ul li.level2Active ul li.level3Active ul li.level4Active a:hover { background-position:0 -56px; background-color:#C9D0C9; color:#624B4C; } #nav2 ul li ul { display:none; margin:0; padding:0; background:url(images/nav2_bg.png) repeat-y 0 0; border-bottom:0; } #nav2 ul li.level1Active ul { display:block; } #nav2 ul li.level1Active ul li ul { display:none; margin:0; padding:0; background:url(images/nav2_bg.png) repeat-y 0 0; border-bottom:0; } #nav2 ul li ul li ul { display:none; margin:0; padding:0; background:url(images/nav2_bg.png) repeat-y 0 0; border-bottom:0; } #nav2 ul li.level1Active ul li.level2Active ul { display:block; } #nav2 ul li ul li ul li ul { display:none; margin:0; padding:0; background:url(images/nav2_bg.png) repeat-y 0 0; border-bottom:0; } #nav2 ul li.level1Active ul li.level2Active ul li.level3Active ul { display:block; } /* Navigation - Sitemap */ #nav3 ul { margin:0; padding:0; } #nav3 li { margin:0; padding:0; list-style-type:none; text-indent:10px; background:url(images/nav3_point.png) 0 7px no-repeat; } #nav3 li a { color:#624B4C; } /* Primary */ #nav3 li.tab { width:320px; margin:0 10px 10px 0; font-size:1.1em; line-height:1.5em; font-weight:bold; } /* Secondary */ #nav3 ul.nontab { margin-left:15px; font-size:0.9em; font-weight:normal; } /* Tertiary */ #nav3 ul.nontab li ul { margin-left:15px; } .floatList { margin:0; padding:0; } .floatList li { list-style-type:none; display:inline !important; float:left; line-height:auto; margin:0; padding:0; } .floatList li img { display:block; } .listNoBullet { margin:0; padding:0; position:relative; } .listNoBullet li { list-style-type:none; } /* Recipe heading, image and times info. */ .recipeHead h1 { margin:0; padding:0; border-bottom:0; } .recipeHead img { float:left; margin:10px 10px 0 0; } .recipeHead ul { margin:0; padding:0; } .recipeHead ul li { list-style-type:none; font-weight:700; } .recipeHead ul li span.label { display:block; float:left; width:85px; } .recipeButtons a { margin-bottom:10px; } /* Mini / Promotional Sites CSS -- Note: Keep CSS grouped and apart from main CSS */ /* VALUE MEALS */ /* Navigation */ #valueNavBg { background:url(/Portals/0/content/images/Products/value-meals/heading_block.png) no-repeat; height:46px; } #valueNavBgCookOff { background:url(/Portals/0/content/images/Products/cook-off/heading_block.png) no-repeat; height:46px; } ul#valueNav { float:right; display:inline; margin:0 5px 0 0; padding:0; height:46px; background:url(images/value-meals/nav_value_bg.png) repeat-x; font-weight:600; } /*width:487px; }/*----------------*/ ul#valueNav li { float:left; display:inline; margin-top:5px; list-style-type:none; } ul#valueNav li a { display:block; float:left; height:37px; line-height:36px; padding:0 20px; color:#FFF; white-space:nowrap; background:url(images/value-meals/nav_value_btn.png) #60494A repeat-x top; border-left:1px solid #A59C9C; } ul#valueNav li.first a { background:url(images/value-meals/nav_value_first.png) #60494A no-repeat 0 0; border-left:0; } ul#valueNav li.second a { background:url(images/value-meals/nav_value_second.png) #60494A no-repeat 0 0; } ul#valueNav li a:hover { background-position:0 -37px; background-color:#FFF; color:#544A47; text-decoration:none; } ul#valueNav li a.select { background-position:0 -37px; color:#544A47; } ul#valueNav li a.select:hover { background-color:#FFF; } ul#valueNav li.end a { } /*border-right:1px solid #A59C9C; }/*----------------*/ /* Page Styles */ #vm_header { margin:0pt 20px; position:relative; width:920px; overflow:visible; } #page_shadow { display:block; position:absolute; left:940px !important; top:0pt; width:14px; height:529px; } #vm_content { position:relative; margin:0pt 20px; background:url(images/value-meals/value_page_grad.png) repeat-x; } .vm_container { background:url(images/value-meals/value_container_grad.png) #FFF repeat-x left bottom; padding:2px; } #vm_content h1 { margin:0; padding:0; background:url(/Portals/0/Skins/Coles/images/value-meals/value_recipehead_bg.png) no-repeat; width:450px; line-height:35px; border:0; } #vm_content h2 { border:0; padding:8px; font-size:125%; background-color:#AA9E9E; color:#FFF; font-weight:600; } .vm_container h3 { margin:0; padding:0; background:url(images/value-meals/value_h3.png) repeat-x; line-height:32px; color:#FFF; text-indent:10px; float:left; width:196px; } #vm_footer { position:relative; margin:70px 20px 66px; height:214px; background:url(images/value-meals/value_footer_bg.png) no-repeat 0 0; } #vm_footer h2.head { position:absolute; left:215px; top:-60px; border:0; padding:0; font-size:190%; background-color:transparent; color:#544A47; white-space:nowrap; } a.vm_previous { display:block; float:left; width:112px; height:35px; background:url(images/value-meals/value_previous.png) no-repeat 0 0; } a.vm_previous:hover { background-position:0 -35px; } a.vm_next { display:block; float:left; width:88px; height:35px; background:url(images/value-meals/value_next.png) no-repeat 0 0; } a.vm_next:hover { background-position:0 -35px; } .vm_prepare { margin-top:4px; line-height:30px; font-size:110%; font-weight:600; background-color:#FFF; text-indent:10px; } .vm_home_lhs { height:308px; padding:7px 20px 0 0; text-align:right; background:url(images/value-meals/home_lhs_bg.png) no-repeat 0 0; color:#666; } .vm_page_lhs { text-align:right; color:#666; } .vm_page_lhs_video { height:308px; padding:7px 20px 0 0; text-align:right; background:url(images/value-meals/page_lhs_bg.png) no-repeat 0 0; color:#666; } .vm_ingredients { margin:0; padding:0; } .vm_ingredients li { list-style-type:none; margin-bottom:0; border-bottom:1px solid #E7E4E4; line-height:25px; } .vm_ingredients li.last { border-bottom:1px solid #B0A4A5; } .vm_ingredients li.total { border-bottom:0; } .vm_ingredients .desc { float:left; white-space:nowrap; } .vm_ingredients .headUnit { float:right; margin-right:10px; text-align:right; } .vm_ingredients .headCost { float:right; font-weight:600; width:50px; text-align:right; } .vm_ingredients .unit { float:right; margin-right:10px; text-align:right; } .vm_ingredients .cost { float:right; font-weight:600; width:50px; text-align:right; } .vm_ingredients .left { float:left; white-space:nowrap; } .vm_ingredients .right { float:right; font-weight:600; } .vm_ingredients .total .total { float:left; font-weight:600; } .vm_ingredients .totalCost { float:right; font-weight:600; font-size:115%; color:#EB3126; } .vm_method { margin:0; padding:0; } .vm_method li { list-style-type:none; margin-bottom:1em; } .vm_method .number { float:left; width:20px; margin-left:5px; font-size:120%; font-weight:600; } .vm_method .content { float:left; margin:2px 0 0 0 !important; width:418px; } .vm_method .note { font-size:110%; font-weight:600; } .vm_container ul { margin:10px 0 10px 5px; } .vm_container ul li { float:left; list-style-type:none; margin:0; line-height:24px; } .vm_container a { float:left; display:block; line-height:24px; padding-left:15px; color:#544a47; font-weight:600; text-decoration:none; background:url(images/linklist.gif) no-repeat 5px 5px; width:171px !important; } .vm_container a:hover { background-color:#D3CECE; text-decoration:none; } .vm_container a.select { background-color:#D3CECE; text-decoration:none; } .vm_formContainer { width:100%; background-color:#F7F7F7; } .vm_formContainer table td { padding:2px; } .vm_labelHead { font-size:160%; font-weight:bold; } .vm_label { color:#333; font-weight:600; margin-right:10px; white-space:nowrap; } .borderBlock { } .borderBlock .clear { } /* Cook Off */ #co_content { position:relative; margin:0pt 20px; width:900px; padding-left:15px; background:url(images/default/pageCurl/page_grad.png) repeat-x; } #co_content h1 { position:relative; width:588px; height:73px; border-bottom:0; } #co_content h1 img { position:absolute; top:0; } #co_content a { font-weight:600; } /* CONTAINERS */ .contArea { } .contText { float:left; display:inline; margin:10px 10px 0 10px; } .contTextFull { float:left; display:inline; margin:0px; } .rightPane .contText { width:84px; } .column1 .contText { width:114px; } .column1 .contTextFull { width:228px; } .column1_5 .contText { width:224px; } .column1_5 .contTextFull { width:334px; } .column2 .contText { width:344px; } .column2 .column1 .contText { width:114px; } .contImage { float:right; } .contImgLeft { float:left; } .contFooter { font-size:0.9em;} .tertiary .contImage { margin:10px; display:inline; } /* Contact Us */ .tertiary_expand .grid p { margin:10px 10px 0 10px; padding:0; } .tertiary_expand .grid p.full { margin:10px; } .tertiary_expand .grid ul { margin:10px; padding:0; } .tertiary_expand .grid ul li { list-style-type:none; margin-bottom:2px; padding:2px; background-color:#ECF1EC; } .tertiary_expand .grid ul li div { float:left; } .tertiary_expand .grid ul li div.gLeft { width:80px; text-indent:5px; font-weight:bold; } .tertiary_expand .grid ul li div.clear { float:none; clear:both; height:0; line-height:0; font-size:0; } /* About-Coles / News */ ul.news { margin:0; padding:0; border-top:1px solid #CCC; } ul.news li { list-style-type:none; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #CCC; } ul.news li .head { float:left; font-size:110%; color:#F00; font-weight:bold; } ul.news li .date { float:right; color:#999; font-weight:bold; font-style:italic; } ul.news li .cont { clear:both; margin-top:5px; } ul.news li a.pdf { float:right; margin-top:5px; padding-left:20px; background:url(images/icn_pdf.gif) no-repeat; } /* OTHER */ .docLink { width:180px; } .linkList { list-style-image:url(images/linklist.gif); } .noMargin { margin:0 !important; } .containerMargin { margin:1px 0 0 10px; } .textRight { text-align:right; margin-right:3px; } .backTop { text-align:right; padding-bottom:3px; border-bottom:1px solid #EEE;} .backTop a { padding-right:17px; background:url(images/backtop.gif) no-repeat right center; } .backTopEnd { text-align:right; padding:4px; background-color:#E6ECE6; clear:both; } .backTopEnd a { padding-right:17px; background:url(images/backtop.gif) no-repeat right center; font-weight:600; } .userLocation { position:absolute; bottom:0; right:0; width:100%; padding-right:10px; line-height:31px; background:url(images/location_bg.png) repeat-y right center; } .textNote { font-size:90%; color:#888 } .highlight { color:#EB3126; } h3.sm_icon { font-size:180%; color:#EB3126; margin-top:30px; margin-bottom:20px; } h3.sm_icon img { position:relative; left:-10px; top:15px; } /* Your Nearest Store */ .yourNearestStore label { float:left; display:inline; margin:0 5px 5px 5px; text-align:left; width:150px } .yourNearestStore input { float:left; margin:0 0 5px 0; height:13px; } .yourNearestStore .button { font-size:11px; height:auto; } .nearestStoreMap { position:relative; height:110px; width:186px; margin:5px; } .nearestStoreMap .mapIcon { position:absolute; z-index:555; left:81px; top:31px; width:24px; height:24px; } .yourNearestStore table { margin:5px 0 10px; background-color:#eee; border-top:1px solid #ddd; } .yourNearestStore table td { padding-left:5px; } .yourNearestStore table tr.header td { font-weight:bold; } .yourNearestStore table tr.hours td { border-bottom:1px solid #ddd; padding-bottom:4px; } .yourNearestStore table tr.closed { color:Red; } /* eNewsletter */ .subscribe .validationSummary, .unsubscribe .validationSummary { padding-left:80px;padding:3px; float:right;} .subscribe label, .unsubscribe label { float:left; display:inline; margin:3px 2px 5px 5px; line-height:1em; text-align:right; } .subscribe input, .unsubscribe input { float:right; margin:0 5px 5px 2px; width:114px; line-height:1em; } .subscribe .button, .unsubscribe .button { float:right; width:118px; margin:0; } .subscribe .buttons, .unsubscribe .buttons { margin:5px 3px 5px 3px; } .subscribe .buttons a, .unsubscribe .buttons a { float:right; } .subscribe .loadingIndicator, .subscribe .submitButton { height:40px; } .subscribe .loadingIndicator { margin-left:5px; } /* eNewsletter stand alone page */ .blank .subscribe, .unsubscribe { width:200px; } .blank #subscribeFooter { display:none; } .blank .subscribe p { margin:0 0 1em !important; } /* Suburb suggest */ .locationContainer { position:relative;height:20px;width:135px; } .locationContainer .suburb-suggest { position:absolute;top:0;left:0; } .locationContainer .suggestBox { width:120px;font-size:11px; } .ac_results { border-left:1px solid gray;border-right:1px solid gray;border-bottom:1px solid gray;background-color:white;padding:0;margin:0;list-style:none;position:absolute;z-index:10000;display:none;width:170px; } .ac_results li { padding:2px 5px;white-space:nowrap;color:#101010;text-align:left;list-style-type:none;margin:0; } .ac_over { cursor:pointer;background-color:#eee; } .ac_match { text-decoration:underline;color:black; } /* FAQs */ ul.faqs { margin:10px; padding:0; } ul.faqs li { margin:0 0 3px 0; padding-right:5px; line-height:2em; } ul.faqs li.faqsQ { list-style-type:none; padding-left:5px; background-color:#E7E4E4; color:#624B4C; font-weight:bold; } ul.faqs li.faqsA { list-style-type:none; padding-left:5px; background-color:#F7F9F7; margin-bottom:10px; } ul.faqs li ol li { list-style-type:decimal; } ul.faqs li.noListStyle { list-style-type:none; } /* Coles Specials */ div.scrollable { margin:0 auto; } a.next { display:block; width:31px; height:32px; background-image:url(images/scroll_right.gif); clear:right; position:absolute; right:-16px; margin:40px 0px; cursor:pointer; font-size:1px; } a.prev { display:block; width:31px; height:32px; background:url(images/scroll_left.gif) no-repeat; position:absolute; left:-16px; margin:40px 0px; cursor:pointer; font-size:1px; } a.disabled { background-position:bottom; } div.scrollable { position:relative; overflow:hidden; height:106px; text-align:left; } div.specials { background:url(images/specials-bg.jpg) repeat-x; height:116px; position:relative; } div.specialsitems { height:106px; text-align:center; } div.scrollable ul.items { width:20000em; position:absolute; padding:0; margin-left:0; margin-top:4px; } div.scrollable ul.items li { float:left; list-style-type:none; display:block; width:202px; height:106px; background:url(images/specialsitem-bg.jpg) repeat-x; margin-right:10px; border:2px solid white; padding:2px 2px 2px 0; } ul.items li.active { border:1px inset #ccc; background-color:#fff; } .SpecialsItemThumbnail { float:left; margin:2px; } .SpecialsItemThumbnail img { width:86px; height:86px; } .SpecialsItemDetail { float:left; width:102px; height:106px; margin:0 4px; } .SpecialsProductName { margin-top:2px !important; font-weight:bold; line-height:0.95em; } .SpecialsProductPrice { font-weight:bold; font-size:14px; } .SpecialsSaving { color:red; } .SpecialsSavingsLabel { font-weight:normal; font-size:11px; } .SpecialsSavingsAmount { font-size:12px; } .SpecialsPriceCutIcon { margin-top:4px; margin-right:4px; display:block; float:left; } div.scrollerframe { position:relative; margin:0 auto; display:none; } div.specialsloading { margin:50px auto; } /* FormMaster */ table.formContainer { background:#F7F7F7; padding:10px;} .msdsformContainer, .msdsformContainer .formContainer { background:none; padding:0; } .formLabel { font-weight:bold; } table.formContainer td { padding-bottom:4px; } table.formContainer .NormalTextBox { width:300px; } table.formContainer .NormalDropDown, table.formContainer .NormalDropDownStore, table.formContainer .NormalDropDownState, .msdsformContainer table.formContainer .NormalTextBox { width:180px; } table.formContainer .NormalDropDownFullStore { display:none;} a.SubmitButton { background:url(images/btn_submit.png) no-repeat top ; display:block; height:25px; width:69px;} a.SubmitButton:hover { background-position:bottom; } a.SearchButton { background:url(images/btn_search.png) no-repeat top ; display:block!important; height:22px !important; width:24px !important; padding:0 !important; float:left;} a.SearchButton:hover { background:url(images/btn_search.png) no-repeat bottom !important; } .leftBlock { float:left; display:block } .w20 { width:20px; } /* Buttons */ a.btn_primary { float:left; display:block; padding-right:15px; height:25px; line-height:25px; color:#FFF; font-weight:bold; background:url(images/btn_primaryEnd.png) no-repeat right top #EE2E24; text-decoration:none; } a.btn_primary span { float:left; display:relative; padding-left:15px; background:url(images/btn_primary.png) no-repeat #EE2E24; } a.btn_primary:hover { background-position:100% -25px; background-color:#624B4C; cursor:pointer; text-decoration:none; } a.btn_primary:hover span { background-position:0% -25px; background-color:#624B4C; cursor:pointer; } a.btn_primaryArrow { float:left; display:block; padding-right:15px; height:25px; line-height:25px; color:#FFF; font-weight:bold; background:url(images/btn_primaryEnd.png) no-repeat right top #EE2E24; text-decoration:none; } a.btn_primaryArrow span { float:left; display:relative; padding-left:29px; background:url(images/btn_primaryArrow.png) no-repeat #EE2E24; } a.btn_primaryArrow:hover { background-position:100% -25px; background-color:#624B4C; cursor:pointer;text-decoration:none; } a.btn_primaryArrow:hover span { background-position:0% -25px; background-color:#624B4C; cursor:pointer; } /* ShareThis Button Style - Fixed Width */ a.btn_primaryArrow_ShareThis { float:left; display:block; padding-right:15px; height:25px; line-height:25px; color:#FFF; font-weight:bold; background:url(images/btn_primaryEnd.png) no-repeat right top #EE2E24; text-decoration:none; } a.btn_primaryArrow_ShareThis span { width: 155px; float:left; display:relative; padding-left:29px; background:url(images/btn_primaryArrow_ShareThis.png) no-repeat #EE2E24; } a.btn_primaryArrow_ShareThis:hover { background-position:100% -25px; background-color:#624B4C; cursor:pointer;text-decoration:none; } a.btn_primaryArrow_ShareThis:hover span { background-position:0% -25px; background-color:#624B4C; cursor:pointer; } /* ShareThis Button Style */ a.btn_primaryArrow_ShareThis_upd { float:left; display:block; padding-right:15px; height:25px; line-height:25px; color:#FFF; font-weight:bold; background:url(images/btn_primaryEnd.png) no-repeat right top #EE2E24; text-decoration:none; } a.btn_primaryArrow_ShareThis_upd span { float:left; display:relative; padding-left:29px; background:url(images/btn_primaryArrow_ShareThis.png) no-repeat #EE2E24; } a.btn_primaryArrow_ShareThis_upd:hover { background-position:100% -25px; background-color:#624B4C; cursor:pointer;text-decoration:none; } a.btn_primaryArrow_ShareThis_upd:hover span { background-position:0% -25px; background-color:#624B4C; cursor:pointer; } a.btn_secondary { float:left; display:block; padding-right:15px; height:25px; line-height:25px; color:#FFF; font-weight:bold; background:url(images/btn_secondaryEnd.png) no-repeat right top #624B4C; text-decoration:none; } a.btn_secondary span { float:left; display:relative; padding-left:15px; background:url(images/btn_secondary.png) no-repeat #624B4C; } a.btn_secondary:hover { background-position:100% -25px; background-color:#DDD; cursor:pointer; text-decoration:none; } a.btn_secondary:hover span { background-position:0% -25px; background-color:#DDD; cursor:pointer; color:#624B4C; } a.btn_secondaryArrow { float:left; display:block; padding-right:15px; height:25px; line-height:25px; color:#FFF; font-weight:bold; background:url(images/btn_secondaryEnd.png) no-repeat right top #624B4C; text-decoration:none; } a.btn_secondaryArrow span { float:left; display:relative; padding-left:29px; background:url(images/btn_secondaryArrow.png) no-repeat #624B4C; } a.btn_secondaryArrow:hover { background-position:100% -25px; background-color:#DDD; cursor:pointer; text-decoration:none;} a.btn_secondaryArrow:hover span { background-position:0% -25px; background-color:#DDD; cursor:pointer; color:#624B4C; } /* Coles Features */ div.featuresscrollable { margin:0 auto; } .featuresscrollerframe a.featuresnext { display:block; width:31px; height:32px; background-image:url(images/scroll_right.gif); clear:right; position:absolute; right:-16px; margin:125px 0px; cursor:pointer; font-size:1px; z-index:999;} .featuresscrollerframe a.featuresprev { display:block; width:31px; height:32px; background:url(images/scroll_left.gif) no-repeat; position:absolute; left:-16px; margin:125px 0px; cursor:pointer; font-size:1px; z-index:999;} .featuresscrollerframe a.disabled { background-position:bottom; } div.featuresscrollable { position:relative; overflow:hidden; height:274px; text-align:left; } div.features { background:url(images/specials-bg.jpg) repeat-x; height:116px; position:relative; } div.featuresitems { text-align:center; } div.featuresscrollable ul.featuresitems { width:20000em; position:absolute; padding:0; margin:0; } div.featuresscrollable ul.featuresitems li { float:left; list-style-type:none; display:block; width:700px; height:280px; background:url(images/specialsitem-bg.jpg) repeat-x; margin-right:10px; } div.featuresscrollable ul.featuresitems li.active { border:1px inset #ccc; background-color:#fff; } div.featuresscrollerframe { position:relative; margin:0 auto; display:none; } div.featuresloading { margin:50px auto; } span.SpecialsNoData { position:absolute; text-align:center; margin-top:44px; display:block; font-size:1.1em; font-weight:bold; width:100%; left:0;} div.SpecialsNoDataPanel { position:relative; width:694px; height:116px; background:transparent url(/Portals/0/content/images/Specials/SpecialsNoDataBackground.png) no-repeat 0 0; } div.SpecialsNoDataPanel .suggest { width:160px; height:28px; background:transparent url(/Portals/0/content/images/Specials/specialsSuggestBgr.png) repeat-x 0 0; position:absolute; top:73px; left:345px; } div.SpecialsNoDataPanel .suggestInput { width:105px; height:15px; border:1px solid #ccc; margin:5px 0 0; vertical-align:top; float:left; } div.SpecialsNoDataPanel .savebutton { float:right; width:30px; } div.productScroller ul.featuresitems li { width:474px; height:194px; } div.productScroller div.featuresscrollable { height:194px; } div.productScroller .featuresscrollerframe a.featuresnext { margin:78px 0px; } div.productScroller .featuresscrollerframe a.featuresprev { margin:78px 0px; } /* Trolley Form */ .trolleyForm { background-color:#F7F7F7; } .trolleyHead { font-weight:600; font-size:110%; } .trolleySub { font-weight:600; } .formNote { margin-left:0; color:#777; font-weight:normal; } table.trolleyForm tr td { padding:10px; } table.trolleyFormInner tr td { padding:0 0 3px 0; } .mandatory { font-size:120%; color:#F00; } a.TrolleySubmit { display:block; margin:10px 0 0 146px; width:69px; height:25px; background:url(images/btn_submit.png) no-repeat top; text-indent:-999px; } a.TrolleySubmit:hover { background-position:bottom; } #poll { background-color:#F7F7F7; margin:2px; } .surveyitems { padding-left:10px; } .surveyitems table { margin:0 auto; width:150px; } .surveyresultsitems { } .surveyresultsitems table { margin:0 auto; width:150px; } #poll a.CommandButton { display:block; margin:0 auto; width:120px; height:25px; background:url(images/btn_blank.png) no-repeat top; color:#FFF; font-weight:bold; text-decoration:none; line-height:24px; text-align:center; } #poll a.CommandButton:hover { background-position:bottom; } /* dl_tabs */ #tabContainer { position:relative; margin:0; padding:0; height:230px; } #tabContainer li { list-style-type:none; float:left; display:inline; } #tabContainer li a.tabItem { position:relative; float:left; display:block; padding-right:15px; height:27px; line-height:27px; color:#F00; font-weight:bold; background:url(images/tab.png) no-repeat right top; text-decoration:none; z-index:20; } #tabContainer li a.tabItem span { float:left; padding-left:15px; height:27px; line-height:24px; background:url(images/tab.png) no-repeat left top; } #tabContainer li a.tabItem:hover { color:#5E4849; cursor:pointer; } #tabContainer li a.selected { float:left; display:block; padding-right:15px; height:28px; line-height:27px; color:#5E4849; font-weight:bold; background:url(images/tab.png) no-repeat right bottom; text-decoration:none; } #tabContainer li a.selected span { float:left; padding-left:15px; height:28px; line-height:24px; background:url(images/tab.png) no-repeat left bottom; } #tabContainer li div.tabContent { display:none; position:absolute; left:0; top:27px; z-index:10; } #tabContainer li div.selected { display:block; padding:5px; border:1px solid #D0C9C9; } #tabContainer li.clear { clear:both; height:1px; font-size:0; } #tabContainer blockquote { margin-left:100px; margin-bottom:10px; } /* I Test for Coles */ label.it4c { float:left; width:95px; display:inline; margin:0 2px 0 0; line-height:16px; text-align:left; } input.it4c { float:right; margin:1px 0 5px 0; width:95px; line-height:1em; } .it4c_button a { float:right; margin-bottom:5px; margin-right:5px; display:inline; } img.it4c { float:left; margin:6px; display:inline; } /* .subscribe .buttons, .unsubscribe .buttons { margin:5px 3px 5px 3px; } .subscribe .buttons a, .unsubscribe .buttons a { float:right; } */ .floatRight { float:right !important; } .floatLeft { float:left !important; } .margin5 { margin:5px; } /*==== Value Meals ===*/ .finalists ul { margin:0; padding:0; } .finalists ul li { float:left; width:230px; list-style-type:none; margin:0 0 20px; padding:0; } .finalists ul li.other { width:210px; } .finalists ul li img { margin-left:2px; } .finalists ul li h2 { width:200px; height:40px; background-color:transparent !important; color:#624B4C !important; margin-left:0 !important; margin-bottom:0 !important; } .finalists ul li a { margin-top:5px; } .finalists ul li a.voteBtn { display:block; width:106px; height:21px; float:left; } .finalists ul li a.voteBgr { background:url(/portals/0/content/images/products/value-meals/btn_vote.png) no-repeat 0 0; } .finalists ul li a.viewBtn { display:block; width:94px; height:21px; float:left; margin-right:5px; background:url(/portals/0/content/images/products/value-meals/btn_view.png) no-repeat 0 0; } .finalists ul li a span { display:none; } .finalists ul li a.votedBtn { background:url(/portals/0/content/images/products/value-meals/btn_voted.png) no-repeat 0 0 !important; cursor:default; } .finalists ul li a.myVote { background:url(/portals/0/content/images/products/value-meals/btn_my_vote.png) no-repeat 0 0 !important; cursor:default; } /* === Recipe Bases START === */ .rb_col1 { } .rb_col1_2 { width:349px; } .rb_col1_3 { width:200px; } #rb_home_content { } #rb_home_content #homeContainer { margin:0 20px; width:920px; height:257px; background:url(/portals/0/content/images/products/recipe-bases/home_page_bg.png) repeat-x; } #rb_home_content #homeIntro { float:left; padding:45px 0 0 26px; width:384px; height:212px; color:#FFF; background:url(/portals/0/content/images/products/recipe-bases/home_page_bg_l.png) no-repeat left top; } #rb_home_content #homeIntro p { width:384px; } #rb_home_content #homeContent { position:relative; float:left; display:block; margin-left:19px; width:475px; height:229px; background:url(/portals/0/content/images/products/recipe-bases/home_contentHolder.jpg) no-repeat;} #rb_subhead { position:relative; margin-left:20px; background:url(/portals/0/content/images/products/recipe-bases/subhead_bg.jpg); width:920px; height:138px; } #rb_content { margin:0 10px 50px 20px; } #rb_content #leftPane { float:left; width:295px; background:url(/portals/0/content/images/products/recipe-bases/leftPane_bg.png) repeat-y right; } #rb_content #contentContainer { float:left; width:625px; background:url(/portals/0/content/images/products/recipe-bases/content_bg.png) repeat-y right; } #rb_content #fadeBg { float:left; width:625px; background:url(/portals/0/content/images/products/recipe-bases/content_bg_fade.png) no-repeat right bottom; } #rb_content #contentPane { float:left; padding:15px; line-height:1.5em; } #rb_nav2 { position:absolute; left:281px; top:20px; margin:0; padding:0; z-index:10; } #rb_nav2 li { float:left; list-style-type:none; } #rb_nav2 li a { display:block; width:73px; height:36px; background:url(/portals/0/content/images/products/recipe-bases/nav2_home.png) no-repeat; } #rb_nav2 li a.nav2Meal { display:block; width:138px; height:36px; background:url(/portals/0/content/images/products/recipe-bases/nav2_meal-ideas.png) no-repeat; } #rb_nav2 li a.nav2Product { display:block; width:136px; height:36px; background:url(/portals/0/content/images/products/recipe-bases/nav2_product-range.png) no-repeat; } #rb_nav2 li a.nav2Promise { display:block; width:118px; height:36px; background:url(/portals/0/content/images/products/recipe-bases/nav2_our-promise.png) no-repeat; } #rb_nav2 li a.nav2Mum { display:block; width:155px; height:36px; background:url(/portals/0/content/images/products/recipe-bases/nav2_mums-panel.png) no-repeat; } #rb_nav2 li a:hover { background-position:bottom; } #rb_subnav { position:relative; left:281px; top:20px; margin:0; padding:0; z-index:10; } #rb_subnav li { float:none; list-style-type:none; } #rb_subnav li a { display:block; width:73px; height:36px; background:url(/portals/0/content/images/products/recipe-bases/nav2_home.png) no-repeat; } /* Mums Recipes */ #rb_subnav li.rb_nav2_2-0 { width:138px; } #rb_subnav li.rb_nav2_2-0 a.btn { display:block; width:138px; height:36px; background:url(/portals/0/content/images/products/recipe-bases/nav2_meal-ideas.png) no-repeat; } /* Product Range */ #rb_subnav li.rb_nav2_2-1 { width:136px; } #rb_subnav li.rb_nav2_2-1 a.btn { display:block; width:136px; height:36px; background:url(/portals/0/content/images/products/recipe-bases/nav2_product-range.png) no-repeat; } /* Our Promise */ #rb_subnav li.rb_nav2_2-2 { width:118px; } #rb_subnav li.rb_nav2_2-2 a.btn { display:block; width:118px; height:36px; background:url(/portals/0/content/images/products/recipe-bases/nav2_our-promise.png) no-repeat; } /* Mums Panel */ #rb_subnav li.rb_nav2_2-3 { width:155px; } #rb_subnav li.rb_nav2_2-3 a.btn { display:block; width:155px; height:36px; background:url(/portals/0/content/images/products/recipe-bases/nav2_mums-panel.png) no-repeat; } #rb_subnav li a.btn:hover { background-position:left bottom !important; } #rb_subnav li a.selected { background-position:left bottom !important; } a.spacerBottom { margin-bottom:5px; } /* Layout Items */ #rb_subhead h1 { position:absolute; font-size:1em; left:314px; top:111px; color:#FFF; border:0; } /* Content */ #mumsPanel { margin:10px 0 0 0; float:left; width:230px; background:url(/portals/0/content/images/products/recipe-bases/mums-panel_bg.png) no-repeat bottom; } #mumsPanel ul { margin:0 10px; padding:0; } #mumsPanel ul li { margin:10px 0; padding-bottom:10px; list-style-type:none; } #mumsPanel ul li.seperator { border-bottom:1px solid #AAA; } #mumsPanel ul li img { float:left; margin-right:10px; } #mumsPanel ul li .mumsQuote { font-weight:normal; font-style:italic; } #mumsPanel ul li .mumsName { font-weight:600; } #product-list_container { margin-top:10px; background:url(/portals/0/content/images/products/recipe-bases/leftPane_products-list_bg.png) repeat-y; } .product-list_tab { float:left; } .product-list_tab a.wet { float:left; display:block; width:144px; height:42px; background:url(/portals/0/content/images/products/recipe-bases/tab_wetRange.png) no-repeat bottom; } .product-list_tab a.dry { float:left; display:block; width:151px; height:42px; background:url(/portals/0/content/images/products/recipe-bases/tab_dryRange.png) no-repeat bottom; } .product-list_tab a.selected { background-position:top; } #product-list_wet { margin:0; padding:0; width:295px; } #product-list_wet li { float:left; list-style-type:none; margin-bottom:1px; } #product-list_wet li a { float:left; display:block; width:247px; padding:0 24px; line-height:29px; text-decoration:none; font-weight:600; background:url(/portals/0/content/images/products/recipe-bases/leftPane_products-list.png) no-repeat top; color:#5F494A; } #product-list_wet li a:hover { background-position:right bottom; color:#FFF; } #product-list_wet li a.selected { background-position:right bottom; color:#FFF; } #product-list_wet li.last-child { margin-bottom:0; } #product-list_wet li.last-child a { line-height:35px; padding-bottom:10px; background:url(/portals/0/content/images/products/recipe-bases/leftPane_products-list_bottom.png) no-repeat left bottom; } #product-list_wet li.last-child a:hover { background-position:right bottom; } #product-list_wet li.last-child a.selected { background-position:right bottom; } #product-list_wet li.clear { clear:both; } #meal-list_container { margin:10px 0; padding:0; } #meal-list_container li { list-style-type:none; margin-bottom:0; } #meal-list_container a.creamy-chicken { display:block; background:url(/portals/0/content/images/products/recipe-bases/meal-ideas_creamy-chicken.jpg) no-repeat top; width:295px; height:69px; } #meal-list_container a.chow-mein { display:block; background:url(/portals/0/content/images/products/recipe-bases/meal-ideas_chow-mein.jpg) no-repeat top; width:295px; height:60px; } #meal-list_container a.lamb-shanks { display:block; background:url(/portals/0/content/images/products/recipe-bases/meal-ideas_lamb-shanks.jpg) no-repeat top; width:295px; height:60px; } #meal-list_container a.mini-pizzas { display:block; background:url(/portals/0/content/images/products/recipe-bases/meal-ideas_mini-pizzas.jpg) no-repeat top; width:295px; height:68px; } #meal-list_container a.selected { background-position:bottom; } #meal-list_container a:hover { background-position:bottom; } #video_container { background:url(/portals/0/content/images/products/recipe-bases/video_bg.png) repeat-x left top; margin:4px 14px 0 4px; padding:10px 10px 0; } #video_container img { display:block; float:left; } #video_container ul { float:left; display:block; margin:0; padding:0; width:192px; } #video_container ul li { float:left; display:inline; margin:0 0 4px 10px; padding-bottom:5px; list-style-type:none; width:100%; } #video_container ul li.seperator { border-bottom:1px solid #AAA; } #video_container ul li p.mums-quote { float:left; width:100px; font-style:italic; } #video_container ul li .recipeLabel { float:left; display:block; width:89px; font-weight:600; } #video_container ul li .recipeInfo { float:left; display:block; width:99px; } #video_container ul li.noMargin { margin-bottom:0; } #recipe_container { margin:4px 14px 0 14px; } #recipe_container h2 { margin:0 0 10px; padding-bottom:0; font-size:130%; background:url(/portals/0/content/images/products/recipe-bases/h2_bg.png) #624B4C repeat-x; color:#FFF; line-height:32px; text-indent:10px; } #recipe_container #ingredients { margin:0 0 10px; padding:0 0 0 10px; } #recipe_container #ingredients li { list-style-type:none; background:url(/portals/0/content/images/products/recipe-bases/list_arrow.png) 0 8px no-repeat; text-indent:10px; line-height:24px; margin-bottom:0; } #recipe_container #ingredients li.highlight { color:#EE2E24; font-weight:600; } #recipe_container #method { margin:0; padding:0 0 0 30px; } #recipe_container #method li { text-indent:0px; line-height:1.5em; margin-bottom:10px; font-weight:600; font-size:105%; } #recipe_container #method li p { font-weight:normal; margin:0; font-size:95%; } a.btn_primary_trans { float:left; display:block; padding-right:15px; height:25px; line-height:25px; color:#FFF; font-weight:bold; font-size:105%; background:url(/portals/0/content/images/products/recipe-bases/btn_primary_trans.png) no-repeat right top; text-decoration:none; } a.btn_primary_trans span { float:left; padding-left:15px; background:url(/portals/0/content/images/products/recipe-bases/btn_primary_trans.png) left top no-repeat; } a.btn_primary_trans:hover { background-position:100% -25px; cursor:pointer; text-decoration:none; } a.btn_primary_trans:hover span { background-position:0% -25px; cursor:pointer; } #rb_home_subhead { position:relative; margin-left:20px; background:url(/portals/0/content/images/products/recipe-bases/home_subhead.png); width:920px; height:103px; } #homeHeader { position:absolute; left:11px; top:0; width:286px; height:146px; background:url(/portals/0/content/images/products/recipe-bases/home_header.jpg) no-repeat; } #homeContainer { margin:0 20px; width:920px; height:257px; background:url(/portals/0/content/images/products/recipe-bases/home_page_bg.png) repeat-x; } #homeIntro { float:left; padding:45px 0 0 26px; width:384px; height:212px; color:#FFF; background:url(/portals/0/content/images/products/recipe-bases/home_page_bg_l.png) no-repeat left top; } #homeContent { position:relative; float:left; display:block; margin-left:19px; width:475px; height:229px; background:url(/portals/0/content/images/products/recipe-bases/home_contentHolder.jpg) no-repeat;} #homeContent h2 { position:relative; margin:18px 0 0 26px; border:0; } #homeContent h2 img { position:absolute; left:0; } #homeContent p { margin:20px 0 10px 180px; width:180px; } #homeContent #free-sample { position:absolute; left:-17px; top:120px; width:129px; height:129px; background:url(/portals/0/content/images/products/recipe-bases/home_free-sample.png) no-repeat; } #homeContainer_shadow { float:left; margin-left:8px; width:8px; height:257px; background:url(/portals/0/content/images/products/recipe-bases/home_page_bg-r.png) no-repeat right top; } #flashContainer { position:relative; float:left; width:558px; height:280px; background:url(/portals/0/content/images/products/recipe-bases/home_flash_bg.png) no-repeat; } #homeFlash { position:absolute; left:14px; top:14px; } #motherContainer { position:relative; float:left; width:362px; height:61px; background:url(/portals/0/content/images/products/recipe-bases/home_mother_bg.png) no-repeat; } #motherContainer a { position:absolute; display:block; left:40px; top:-70px; z-index:20; } #mother { position:absolute; left:-12px; top:-209px; width:399px; height:424px; background:url(/portals/0/content/images/products/recipe-bases/home_mother.png) no-repeat; } .rb_productRange { width:200px; padding-left:10px !important; padding-right:8px !important; } /* FREE Sample */ #rb_form_subhead { position:relative; margin-left:20px; width:920px; height:169px; background:url(/portals/0/content/images/products/recipe-bases/form_head.png) no-repeat; } #sampleForm table { width:455px; background-color:#FFF; } #sampleForm table table { border-collapse:collapse; } #sampleForm table table tr td { padding:0; background-color:#ECF1EC; border:2px solid #FFF; } #sampleForm table table tr td input { width:305px; margin:4px 4px 0 4px; } #sampleForm table table tr td .w100 input { width:100px; } #sampleForm table table tr td .w20 input { width:20px !important; } #sampleForm table table tr td select { margin:4px 4px 0 4px; } #sampleForm table table tr td textarea { margin:4px 4px 0 4px; height:33px; } #sampleForm table table tr td label { display:block; width:130px; line-height:30px; background-color:#DDDBDA; text-align:right; padding-right:4px; } #sampleForm table table tr td .w20 { width:20px; } #sampleForm table table tr td .w100 { width:96px; } #sampleForm table table tr td .formLabelInner { font-weight:bold; width:93px; background-color:#ECF1EC; text-align:right; padding-right:4px; } #sampleForm table table tr td .formLabelInnerMod { font-weight:bold; width:93px; background-color:#ECF1EC; text-align:right; padding-right:4px; line-height:18px; margin:5px 0 3px 0; } #sampleForm table table tr td .formLabelDouble { font-weight:bold; line-height:23px; } #sampleForm table table table { width:300px; background-color:Transparent; } #sampleForm table table table tr td { padding:6px 0; background-color:transparent; border:0; font-size:100% !important; font-weight:600 !important; } #sampleForm table table table tr td label { float:left; line-height:14px; width:250px; text-align:left; background-color:transparent; } #sampleForm table table table tr td input { width:15px !important; height:15px !important; float:left; margin-top:0; } #sampleForm a.SubmitButton { float:right; margin:4px 10px 4px 0; background:url(images/btn_submit_rb.png) no-repeat top; } #sampleForm a.SubmitButton:hover { background-position:bottom; } #rb_left { float:left; display:inline; width:480px; margin-left:150px; } #rb_right { float:left; display:inline; width:220px; margin:70px 0 0 10px; } #sampleForm table.formContainer { padding:0; } .recipeBases { background:url(images/recipe-bases/header_bg.gif) repeat-x left top !important; } .recipeBases #nav1 ul { background:url(images/recipe-bases/menu1_bg.gif) repeat-x; } .recipeBases .content { margin-bottom:50px !important; } /* === Recipe Bases END === === Defaults CSS for miniSites START === */ #homeIntro { background-image:none; padding-top:88px; color:#333; } #homeIntro h1 { width:349px; } #homeIntro h1 img { top:0; } #homeIntro p { width:360px; } #promo { position:relative; float:left; margin:21px 0 0 19px; width:482px; height:237px; } #promo h2 { position:relative; margin:16px 0 0 233px; font-size:100%; } #promo h2 img { position:absolute; left:0; top:0; } #promo p { margin:12px 0 0 237px; width:215px; } #promo a { margin:12px 0 0 234px; } #flashContainer { position:relative; float:left; width:558px; height:250px; background:url(/portals/0/content/images/products/recipe-bases/home_flash_bg.png) no-repeat; } #floatContainer { position:relative; float:left; width:360px; height:250px; } .noMargin { margin:0 !important; } .noPadding { padding:0 !important; } .noBorder { border:0 !important; } /* Recipes */ #recipe_content { position:relative; margin:0; } #recipe_content h2 { border:0; padding:8px; font-size:125%; background-color:#AA9E9E; color:#FFF; font-weight:600; } .recipe_ingredients { margin:0; padding:0; } .recipe_ingredients li { list-style-type:none; margin-bottom:0; border-bottom:1px solid #E7E4E4; line-height:25px; } .recipe_ingredients li.last { border-bottom:1px solid #B0A4A5; } .recipe_ingredients li.total { border-bottom:0; } .recipe_ingredients .desc { float:left; white-space:nowrap; } .recipe_ingredients .headUnit { float:right; margin-right:10px; text-align:right; } .recipe_ingredients .headCost { float:right; font-weight:600; width:50px; text-align:right; } .recipe_ingredients .unit { float:right; margin-right:10px; text-align:right; } .recipe_ingredients .cost { float:right; font-weight:600; width:50px; text-align:right; } .recipe_ingredients .left { float:left; white-space:nowrap; } .recipe_ingredients .innerRight { display:none; float:right; position:relative; font-weight:600; margin-right:40px; color:#777; } .recipe_ingredients .right { float:right; position:relative; font-weight:600; text-align:right; width:31px; } .recipe_ingredients .itemHead { position:absolute; left:-3px; top:-37px; line-height:13px; text-align:center; color:#FFF; } .recipe_ingredients .total .total { float:left; font-weight:600; } .recipe_ingredients .totalCost { float:right; font-weight:600; font-size:115%; color:#EB3126; } .recipe_method { margin:0; padding:0 0 0 30px; } .recipe_method li { margin-bottom:1em; font-size:120%; font-weight:600; } .recipe_method p { margin:0; font-size:80%; font-weight:normal; } .recipe_note { font-size:110%; font-weight:600; } /* Page Styles */ #valueNavBgCookOff { background:url(/Portals/0/content/images/Products/cook-off/heading_block.png) no-repeat; height:46px; } ul#subNav { float:right; display:inline; margin:0 5px 0 0; padding:0; height:46px; background:url(images/default/pageCurl/subnav_bg.png) repeat-x; font-weight:600; } /*width:487px; }/*----------------*/ ul#subNav li { float:left; display:inline; margin-top:5px; list-style-type:none; } ul#subNav li a { display:block; float:left; height:37px; line-height:36px; padding:0 20px; color:#FFF; white-space:nowrap; background:url(images/default/pageCurl/subnav_btn.png) #60494A repeat-x top; border-left:1px solid #A59C9C; } ul#subNav li.first a { background:url(images/default/pageCurl/subnav_first.png) #60494A no-repeat 0 0; border-left:0; } ul#subNav li.second a { background:url(images/default/pageCurl/subnav_second.png) #60494A no-repeat 0 0; } ul#subNav li a:hover { background-position:0 -37px; background-color:#FFF; color:#544A47; text-decoration:none; } ul#subNav li a.select { background-position:0 -37px; color:#544A47; } ul#subNav li a.select:hover { background-color:#FFF; } ul#subNav li.end a { } a.btn_primary_90 { display:block; margin:0; width:90px; height:25px; line-height:25px; color:#FFF; font-weight:bold; background:url(/portals/0/content/images/btn_primary_90.png) no-repeat left top; text-decoration:none; text-indent:16px; } a.btn_primary_90:hover { background-position:left bottom; text-decoration:none; } a.recipe_previous { display:block; float:left; width:112px; height:35px; background:url(images/default/pageCurl/btn_previous.png) no-repeat 0 0; } a.recipe_previous:hover { background-position:0 -35px; } a.recipe_previous span { display:none; } a.recipe_next { display:block; float:left; width:88px; height:35px; background:url(images/default/pageCurl/btn_next.png) no-repeat 0 0; } a.recipe_next:hover { background-position:0 -35px; } a.recipe_next span { display:none; } /* Curl Page Style Defaults */ #curl_header { margin:0pt 20px; position:relative; width:920px; overflow:visible; } #curl_content { position:relative; margin:0pt 20px; background:url(images/default/pageCurl/page_grad.png) repeat-x; } #curl_content h1 { margin:0; padding:0; background:url(images/default/pageCurl/recipehead_bg.png) no-repeat; width:450px; line-height:35px; border:0; } #curl_content h2 { border:0; padding:8px; font-size:125%; background-color:#AA9E9E; color:#FFF; font-weight:600; } #curl_footer { position:relative; margin:70px 20px 66px; height:245px; background:url(images/default/pageCurl/page_footer_bg.png) no-repeat 0 0; } #curl_footer h2.head { position:absolute; left:215px; top:-60px; border:0; padding:0; font-size:190%; background-color:transparent; color:#544A47; white-space:nowrap; } .curl_container { background:url(images/default/pageCurl/curl_container_grad.png) #FFF repeat-x left bottom; padding:2px; } .curl_container h3 { margin:0; padding:0; background:url(images/default/pageCurl/curl_h3.png) repeat-x; line-height:32px; color:#FFF; text-indent:10px; float:left; width:196px; } .curl_container ul { margin:10px 0 10px 5px; } .curl_container ul li { float:left; list-style-type:none; margin:0; line-height:24px; } .curl_container a { float:left; display:block; line-height:24px; padding-left:15px; color:#544a47; font-weight:600; text-decoration:none; background:url(images/linklist.gif) no-repeat 5px 5px; width:171px !important; } .curl_container a:hover { background-color:#D3CECE; text-decoration:none; } .curl_container a.select { background-color:#D3CECE; text-decoration:none; } /* === Defaults CSS for miniSites END === === Coles Cereal START === */ .cc_col1 { } .cc_col1_2 { width:349px; } .cc_col1_3 { width:200px; } #cc_content { margin:0 10px 50px 20px; } #cc_content #leftPane { float:left; width:295px; background:url(/portals/0/content/images/products/cereals/leftPane_bg.png) repeat-y right; } #cc_content #leftPane p { padding:0 15px; } #cc_content #leftPane #leftFade { background:url(/portals/0/content/images/products/cereals/leftPane_bg_fade.png) no-repeat right bottom; height:115px; } #cc_content #contentContainer { float:left; width:625px; background:url(/portals/0/content/images/products/cereals/content_bg.png) repeat-y right; } #cc_content #fadeBg { float:left; width:625px; background:url(/portals/0/content/images/products/cereals/content_bg_fade.png) no-repeat right bottom; } #cc_content #contentPane { float:left; padding:15px; line-height:1.5em; } #cc_content .contentBlock { margin-bottom:0 !important; } #cc_content #kidsItems { margin:0; padding:0; width:607px; margin:0 0 10px 4px; } #cc_content #kidsItems li { position:relative; list-style-type:none; background:url(images/cereals/kids_item-bg.png) repeat-x; } #cc_content #kidsItems .kidsContent { position:absolute; left:200px; top:0; width:404px; height:120px; } #cc_content #kidsItems img { margin:0 5px 0 12px; } #cc_content #kidsItems h2 { background:url(/portals/0/content/images/products/cereals/h2_bg.png) repeat-x; border-bottom:0; line-height:32px; margin-top:3px; padding-left:10px; font-size:140%; color:#FFF; } #cc_content #kidsItems p { padding:0 10px; font-weight:600; } #cc_content #kidsItems a { position:absolute; display:block; margin:0; left:470px; top:120px; width:120px; height:25px; line-height:25px; font-weight:bold; background:url(images/cereals/btn_primaryArrow_120.png) no-repeat left top; color: #fff; text-decoration:none; text-indent:28px; } #cc_content #kidsItems a:hover { background-position:left bottom; text-decoration:none; } #cc_home_subhead { position:relative; margin-left:20px; width:920px; height:62px; } #cc_subhead { position:relative; margin-left:20px; width:920px; height:62px; } #cc_nav2 { position:absolute; left:310px; top:20px; margin:0; padding:0; z-index:10; } #cc_nav2 li { float:left; list-style-type:none; height:37px; margin-bottom:10px; } #cc_nav2 li.nav2Home { width:69px; } #cc_nav2 li.nav2Home a.btn { position:absolute; display:block; width:69px; height:37px; background:url(/portals/0/content/images/products/cereals/nav2_home.png) left top no-repeat; } #cc_nav2 li.nav2Free { width:113px; } #cc_nav2 li.nav2Free a.btn { position:absolute; display:block; width:113px; height:37px; background:url(/portals/0/content/images/products/cereals/nav2_try-me.png) left top no-repeat; } #cc_nav2 li.nav2Product { width:133px; } #cc_nav2 li.nav2Product a.btn { position:absolute; display:block; width:133px; height:37px; background:url(/portals/0/content/images/products/cereals/nav2_product-range.png) left top no-repeat; } #cc_nav2 li.nav2Kids { width:58px; } #cc_nav2 li.nav2Kids a.btn { position:absolute; display:block; width:58px; height:37px; background:url(/portals/0/content/images/products/cereals/nav2_kids.png) left top no-repeat; } #cc_nav2 li.nav2Promise { width:114px; } #cc_nav2 li.nav2Promise a.btn { position:absolute; display:block; width:114px; height:37px; background:url(/portals/0/content/images/products/cereals/nav2_our-promise.png) left top no-repeat; } #cc_nav2 li.nav2Mum { width:153px; } #cc_nav2 li.nav2Mum a.btn { position:absolute; display:block; width:153px; height:37px; background:url(/portals/0/content/images/products/cereals/nav2_mums-panel.png) left top no-repeat; } #cc_nav2 li a.btn:hover { background-position:left bottom !important; } #cc_nav2 li a.selected { background-position:left bottom !important; } #cc_homeHeader { position:absolute; left:0; top:0; } #cc_subhead { position:relative; margin-left:20px; background:url(/portals/0/content/images/products/cereals/subhead_bg.jpg); width:920px; height:134px; } #cc_subhead h1 { position:absolute; font-size:1em; left:314px; top:99px; color:#FFF; } #cc_home_content { margin:0 20px; background:url(/portals/0/content/images/products/cereals/home_bg.png) repeat-x; height:650px; } #cc_home_content #homeIntro { height:245px; } #cc_home_content #homeIntro h1 { border-bottom:0; margin-bottom:0px; } #cc_home_content #homeIntro h1 img { } #cc_home_content #homeIntro p { line-height:1.5em; } #cc_home_content #promo { background:url(/portals/0/content/images/products/cereals/promo_content.jpg) no-repeat; } #cc_home_content #promo h2 { border-bottom:0; } #cc_home_content #promo h2 img { } #cc_home_content #promo p { } #cc_home_content #promo a { } #cc_home_content #promo #tryFree { position:absolute; left:-27px; top:131px; } #cc_home_content a.btn_primary_trans { background:url(/portals/0/content/images/products/cereals/btn_primary_cc.png) right top; } #cc_home_content a.btn_primary_trans span { background:url(/portals/0/content/images/products/cereals/btn_primary_cc.png) left top; } #cc_home_content a.btn_primary_trans:hover { background-position:right bottom; cursor:pointer; text-decoration:none; } #cc_home_content a.btn_primary_trans:hover span { background-position:left bottom; cursor:pointer; } #cc_home_content #flashContainer { background:url(/portals/0/content/images/products/cereals/flash_bg.png) no-repeat; } #floatContainer .ttd { position:absolute; left:-12px; top:-134px; } #floatContainer .bugs { position:absolute; left:195px; top:-12px; } #productNav { } #productNav ul { margin:0; padding:0; width:295px; } #productNav ul li { float:left; list-style-type:none; margin-bottom:1px; } #productNav ul li a { float:left; display:block; width:247px; padding:0 24px; line-height:29px; text-decoration:none; font-weight:600; background:url(/portals/0/content/images/products/cereals/leftPane_products-list.png) no-repeat top; color:#5F494A; } #productNav ul li a:hover { background-position:right bottom !important; color:#FFF !important; background-color:#EE2E24; } #productNav ul li a.selected { background-position:right bottom; color:#FFF; background-color:#EE2E24; } #productNav ul li.First-Child { } #productNav ul li.First-Child a { line-height:35px; padding-top:10px; background:url(/portals/0/content/images/products/cereals/leftPane_products-list_top.png) no-repeat left top; } #productNav ul li.Last-Child { margin-bottom:0; } #productNav ul li.Last-Child a { line-height:35px; padding-bottom:10px; background:url(/portals/0/content/images/products/cereals/leftPane_products-list_bottom.png) no-repeat left bottom; } #productNav ul li.clear { clear:both; } #productNav ul li.SelectedTab a { background-position:right bottom; color:#FFF; background-color:#EE2E24; } #productNav ul li.SelectedTab a:hover { background-position:right bottom; color:#FFF; background-color:#EE2E24; } #LT_copy { position:relative; margin:0 auto 10px; width:920px; text-align:right; } .recipeLabel { float:left; display:block; font-weight:600; } .cer_productrange { width:190px; padding-left:10px !important; padding-right:8px !important; padding-top:0 !important;} .mumsQuote { font-weight:normal; font-style:italic; } .mumitem { clear: both; border-bottom: 1px solid #cccccc; padding-bottom: 6px; margin-right: 10px; margin-top: 12px;} #cer_recipe { float:left; width: 220px; padding: 0 8px; background:url(/portals/0/content/images/products/recipe-bases/mums-panel_bg.png) no-repeat bottom;} #cer_recipe h3 { color: #EB3126; font-size: 140%; margin-top: 6px; margin-bottom: 6px;} #cer_recipe h4 { color: #EB3126; font-weight: bold;font-size: 1em; margin-top: 6px; margin-bottom: 4px;} #cer_recipe ul, #cer_recipe ul li { list-style-type: none; line-height: 1em; margin-left: 0;} #cer_recipe ul, #cer_recipe ul.prepare li { margin-bottom: 8px; line-height: 1.1em;} #cer_recipe .separator { height: 4px; background:url(/portals/0/content/images/products/cereals/separator.gif) no-repeat; margin-top: 4px; } #cer_recipe .summary strong { font-size: 110%; line-height: 1.4em; } .ccterms { width: 606px; margin-left: 4px; } .ccterms h2 { clear:both; background:url(/portals/0/content/images/products/cereals/h2_bg.png) repeat-x; border-bottom:0; line-height:32px; margin-top:3px; padding-left:10px; font-size:140%; color:#FFF; } /* === Coles Cereal END === */ /* === Cook off === */ #co_lhs a.vm_previous span, #co_lhs a.vm_next span { display:none;} #co_lhs a.btn_primaryArrow { margin-top:10px;} #co_lhs a.btn_primaryArrow span { width:156px;} /*#co_lhs a.selected { background-position:100% -25px;} #co_lhs a.selected span { background-position:0 -25px;}*/ /* === Flash 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:#000; z-index:1001; color:#FFF; } #flashObj a { color:#FFF; font-size:12px; text-decoration:none; } #flashObj a:hover { color:#FFF; font-size:12px; text-decoration:underline; } #flashObj p { width:320px; margin:0 0 10px 10px; font-size:12px; } #loadDiv { margin:0 0 10px 5px; } #maskFlashContainer { width:100%; text-align:right; } #maskFlashContainer a { color:#777; } #maskFlashContainer a:hover { color:#777; text-decoration:underline; } .mask { z-index:0; display:none; position:absolute; top:0; left:0; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65) } .transcriptHeader { font-weight:700; font-size:130%; color:#EE2E24; } /* === MSDS === */ h3.selected { font-size:0.7em; } h3.selected a { background-color:#624B4C; font-weight:normal; color:#FFF !important; background:url(images/nav2_child.png) no-repeat 0 -56px !important; } h3.head { font-size:1em; margin-top:0 !important; font-weight:normal; } #nav2 #ulCategories li ul.ulSubCategories a { font-weight:bold; } #nav2 #ulCategories li a:hover { background:#E6ECE6 url(images/nav2_child.png) no-repeat; background-position:0 -56px; } #nav2 #ulCategories li ul.ulSubCategories a:hover { background:#D0C9C9 url(images/nav3.png) no-repeat !important; background-position:0 -56px !important; } .MSDSSection { clear:both; display:block; width:100%; overflow:hidden; height:auto; } .MSDSSearchBox { float:left; width:180px; height:14px; } .MSDSCategoryDropDownList { float:left; margin:0 5px; } #msds-identification table { width:50%; float:left; clear:none !important; } #msds-identification .MSDSImage { float:left; } .msds-container h3 { text-align:left; } .msds-container table td { padding:5px; } .hidecontent { display:none; } .showcontent { display:block; } #msds-ingredients table { margin:10px; } #msds-ingredients table th, #msds-ingredients table td { padding:5px; } #ulCategories .ulSubCategories .MSDSSelected { background:url(images/nav3.png)no-repeat; background-position:0 -56px; } #ulCategories .ulSubCategories .MSDSNotSelected { background:url(images/nav3.png)no-repeat; background-position:0 0; } #dnn_leftContent .primary { border:none; } .MSDSEmailTextBox { width:80px; float:left; font-size:0.85em; margin-top:3px; } .mandatorytext { margin: 5px; color: red; font-size: 0.85em; white-space:nowrap; } .redarrow { background:transparent url(images/linklist_red.gif) no-repeat top left; width:4px; height:11px; position:absolute; display:block; } .ie .redarrow { left:-10px; } .ie6 .fixarrow { left:0px; } .ie7 .redarrow, .ie8 .redarrow { left:-3px; } .linkContainer { width:90%; height:auto; display:block; margin-left:10px; } .linkContainer .btn_primary { color:#fff !important; } ul.listNoBullet li a { color:#777777; } .msds-container h1 { margin:15px 0; } .emailtofriendContainer { position:relative; display:block; width:100%; height:auto; } .formItems { position:relative; width:100%; height:auto; overflow:hidden; } a.MSDSEmailSend { float:right; background:url(/images/btn_send.gif) no-repeat top left; width:58px; height:25px; color:#fff !important; font-weight:bold; text-decoration:none; position:relative; text-align:center; line-height:25px; } a.MSDSEmailSend:hover { background-position:bottom left; position:relative; text-decoration:none; } #MSDSToolContainer .secondary { background:transparent url(/images/bg-grey.gif) no-repeat bottom left; position:relative; } .ie #MSDSToolContainer .secondary { background-position: 1px 8px; } .MSDSEmailError { float:left; margin-left:3px; } #MSDSDownloadPDF { font-weight:bold; } /* other brand footer */ #footer-container { width:100%; height:42px; display:block; position:relative; border:1px solid #ccc; border-left:0; border-right:0; margin:0 0 15px 0; } #footer-content { width:902px; height:auto; margin:0 auto; position:relative; } ul#footer-brands { /*margin:0 0 0 100px;*/ padding:0; clear: both; position:relative; } ul#footer-brands a { cursor:pointer; } ul#footer-brands li { float:left; list-style-type:none; } .replacement { display:block; } #f-bilo, #f-bilo .replacement { width:94px; height:42px; } #f-bilo .replacement { background:url(images/footer/Footer_Bilo.gif) no-repeat top left; } #f-coles, #f-coles .replacement { width:116px; height:42px; } #f-coles .replacement { background:url(images/footer/Footer_Coles.gif) no-repeat top left; } #f-coles-express, #f-coles-express .replacement { width:107px; height:42px; } #f-coles-express .replacement { background:url(images/footer/Footer_ColesExpress.gif) no-repeat top left; } #f-1st-choice, #f-1st-choice .replacement { width:126px; height:42px; } #f-1st-choice .replacement { background:url(images/footer/Footer_1stChoice.gif) no-repeat top left; } #f-liquorland, #f-liquorland .replacement { width:156px; height:42px; } #f-liquorland .replacement { background:url(images/footer/Footer_Liquorland.gif) no-repeat top left; } #f-vintage-cellars, #f-vintage-cellars .replacement { width:147px; height:42px; } #f-vintage-cellars .replacement { background:url(images/footer/Footer_VintageCellars.gif) no-repeat top left; } #f-spirits, #f-spirits .replacement { width:99px; height:42px; } #f-spirits .replacement { background:url(images/footer/Footer_SpiritLogo.jpg) no-repeat top left; } #footer-brands .hideText { display:none; } .off-left { margin-left:-9999px; position:absolute; } /* Careers related */ #searchjob, .searchjob { /*height: 107px;*/ height:auto; position:relative; border:1px solid #CCCCCC; } #searchjob-header, .searchjob-header { background-color: #C7261E; height: 30px; color: #fff; line-height: 30px; font-weight: bold; font-size: 1em; text-indent: 10px; position:relative; } #searchjob-content, .searchjob-content { padding-left: 10px; position:relative; } .grey { color: #666; font-size: 0.7em; position: absolute; margin-top:10px; left: 10px !important; text-decoration:underline; } .grey:hover { text-decoration:none; } #ie6 .grey { left:-10px !important; } #searchLinkContainer { clear:both; position:relative; left: 10px; top:10px; font-size:0.9em; } #searchLinkContainer a { text-decoration:underline; } #searchLinkContainer a, #searchLinkContainer a:hover { color:#000; } .careersSearchTextBox { float:left; font-size:0.9em; height:16px; margin-top:10px; width:150px; } .careersSearchBtn { display:block; float:left; height:22px; margin-top:10px; width:24px; } #searchLink { top:10px; margin-bottom:18px; } .expressInterestContainer { position:relative; height:98px; width:auto; display:block; background-color:#fff; border:1px solid #ccc; border-top:0; } .ei-header { background-color: #fff; color: #000; height: 30px; line-height: 30px; font-size: 1.1em; font-weight: bold; padding-left: 10px; } .exInterest { font-size:0.9em; position:relative; margin-left:12px; } .btnContainer { position:relative; background-color:#fff; display:block; width:85%; height:25px; margin:10px 0 0 10px; } .mainLinkText { font-size:0.7em; margin-bottom:3px; margin-top:-5px; } .slideArrow, .slide { background: #9C1E18 url(/images/layout/btn-arrow.png) no-repeat top left; height: 25px; position:relative; display:block; padding-left:27px; color:#fff; text-decoration:none; font-size:0.8em; line-height:22px; cursor:pointer; float:left; white-space:nowrap; font-weight:bold; clear:both; margin-bottom:5px; } .slide { background: #9C1E18 url(/images/layout/btn_redbg.png) no-repeat top left; padding-left:20px !important; } .slideArrow { font-size:1em; color:#fff !important; } .slideArrow:hover, .slide:hover { background-position:bottom left; text-decoration:none; } .slideArrow:visited { color:#fff !important; } .slideArrow span, .slide span { background: #9C1E18 url(/images/layout/btn-arrow.png) no-repeat top right; height: 25px; display:block; float:left; padding-right:15px; } .slide span { background: #9C1E18 url(/images/layout/btn_redbg.png) no-repeat top right; } .slideArrow:hover span, .slide:hover span { background-position:bottom right; } span.customWidth { width:135px; } .threecolumns { width:920px; margin:20px auto 15px auto; display:block; height:auto; position:relative; } .threecolumnscontent { width:292px; height:159px; display:block; float:left; margin-right:22px; position:relative; } .nomargin { margin:0 !important; } .link h2 a, .arrow-link { background:transparent url(/images/layout/linklist.gif) no-repeat 0 1px; color:#EE2E24; font-size:0.8em; padding-left:10px; text-decoration:none; } .bgimagecontainer { height:500px; width:200px; position:relative; display:block; z-index:1; } .bgimage { position:absolute; left:-50px; height:500px; width:250px; display:block; z-index:1; top:-20px; background-repeat:no-repeat; background-color:Transparent; } .landingCustomLeft { width:353px; height:auto; display:block; float:left; margin-right:22px; position:relative; xborder:1px solid red; padding-left:45px; } .landingCustomCenter { width:268px; height:auto; display:block; float:left; margin-right:20px; position:relative; } .landingCustomCenter a.arrow-link { font-size:1.45em; width:268px; height:auto; display:block; color:#EE2E24; font-weight:bold; text-decoration:none; line-height:25px; background-position:0 5px; } .landingCustomCenter a:hover { text-decoration:underline; } .landingCustomRight { width:198px; height:112px; display:block; float:right; position:relative; border:1px solid #C9C5C4; background-color:#F3F1F2; } .featured-jobs { color:#EB290D; display:block; font-size:1.3em; font-weight:bold; height:100px; margin:10px 0 0 10px; overflow:hidden; position:relative; width:180px; } ol li { margin-bottom:7px; } #breadcrumbHome { float:left; } #breadcrumbHome a { color:#000; text-decoration:underline; } #breadcrumbHome a:hover { text-decoration:none; } .box-x { float:left; font-size:0.9em; height:auto; position:relative; width:85px; } .box-x ul { margin:0; padding-left:5px; width:auto !important; } .arrow { background:transparent url(/Portals/0/Skins/Coles/images/red-arrow.gif) no-repeat scroll left top; display:block; float:left; height:14px; margin-top:120px; width:10px; } h2.custom { font-size:1.1em; } #gradContainer { border:1px solid #ccc; text-align:center; height:85px; margin-top:-11px; } #gradText { color:#DA2420; font-weight:bold; font-size:1.4em; margin-top:5px; } #gradContainer a { margin:5px 0 0 45px; display:inline; } .twocolumns { width:700px; height:auto; margin-bottom:0px; position:relative; } .twocolumns .twocolumns-left { width:340px; float:left; display:inline; } .twocolumns .twocolumns-right { width:340px; float:right; display:inline; } .videoContainer { border:1px solid #ccc; width:198px; height:377px; /*height:181px;*/ display:block; background-color:#F3F1F2; position:relative; float:right; right:20px; top:98px; } * html .videoContainer { top:102px; } .videoContainersingle { border:1px solid #ccc; width:198px; height:185px; /*height:181px;*/ display:block; background-color:#F3F1F2; position:relative; float:right; right:20px; top:8px; } /* VIDEO: Stuart Machin,*/ #mask { display:none; position:absolute; left:0; top:0; background-color:#000; z-index:102 } #flashObj { display:none; position:absolute; left:0; top:0; background-color:#000; z-index:103; color:#FFF; } #flashObj a { color:#FFF; font-size:12px; text-decoration:none; } #flashObj a:hover { color:#FFF; font-size:12px; text-decoration:underline; } #flashObj p { width:320px; margin:0 0 10px 10px; font-size:12px; } #loadDiv { margin:0 5px 10px 5px; } #imageVideo { } #flashContainer { width:330px; height:20px; text-align:right; line-height:20px; } #videoTitle { text-align:left; line-height:14px; } .mask { z-index:101; display:none; position:absolute; top:0; left:0; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65) } /* VIDEO: Stuart Machin, END */