/* Skin promotions - $Revision: 10608 $ $Date: 2011-05-02 13:57:16 +1000 (Mon, 02 May 2011) $ $Author: jkorff $ */
/*
 ____  _    _        ____ ____ ____
/ ___|| | _(_)_ __  / ___/ ___/ ___|
\___ \| |/ / | '_ \| |   \___ \___ \
 ___) |   <| | | | | |___ ___) |__) |
|____/|_|\_\_|_| |_|\____|____/____/  for temporary promotions
Fairfax Digital CSS framework

Author:    Jens Korff
Born:      January 2009
Modified:  Updated automatically by SVN
-----------------------------------------------------------------------------------------
Skin for promotions which run in one or more sections. Fully contains everything necessary
for each promotion.

	IMPORTANT:
		- Please state *runtime* so we know when to remove a promo.
		- For each promotion try to create *one sprite only* and name it after the promo.
		- Remember to properly *wrap each promo* using a unique classname!
*/

/* --------------------------------------------------------------------------------------
   Common element: Support for <small> tag within navigation sponsorship. DCDS adds
   <small>Advertorial feature</small> to the last sponsored <li> element in the navigation.
   -------------------------------------------------------------------------------------- */
#nav .last small {position:absolute;right:0;top:-13px;color:#aaa;font:normal .92em/1 Arial, sans-serif}


/* --------------------------------------------------------------------------------------
   Promotion: Digi Hub
   Runtime:   Nov 2008 - April 2012 (check with Justyn Ang)
   -------------------------------------------------------------------------------------- */
.cN-tabBox.digiHub {width:300px;position:relative;padding:23px 0 3px;overflow:hidden;margin:10px 0;background:transparent url('img/promo_digiHub.png') no-repeat -600px 100%/*bg container*/}
	.cN-tabBox.digiHub ul {margin:0}
	.cN-tabBox.digiHub li {list-style-type:none;margin:0;padding:0;background:transparent url('img/promo_digiHub.png') repeat-y -300px 0/*bg li*/}
	/* Regular tab states */
	.cN-tabBox.digiHub h4 {position:absolute;top:0;left:9px;height:23px;width:58px;text-align:center;line-height:22px;margin:0 1px 0 0;padding:0;font-weight:bold}
		.cN-tabBox.digiHub .tab2 h4 {left:68px;width:90px}
		.cN-tabBox.digiHub .tab3 h4 {left:159px;width:68px}
		.cN-tabBox.digiHub .tab4 h4 {left:228px;width:61px}
	.cN-tabBox.digiHub h4 a {display:block;height:23px;color:#fff;background:#fff url('img/promo_digiHub.png') no-repeat 0 0/*bg tabs*/}
		.cN-tabBox.digiHub .tab2 h4 a,.cN-tabBox.digiHub .tab3 h4 a {background:#5dc7f2 none}
		.cN-tabBox.digiHub .tab4 h4 a {background-position:-60px 0}
	/* Hover & selected tab states */
	.cN-tabBox.digiHub h4 a:hover,.cN-tabBox.digiHub .selected h4 a {background-position:-121px 0/*bg tabs hover*/}
		.cN-tabBox.digiHub .tab2 h4 a:hover,.cN-tabBox.digiHub .tab3 h4 a:hover,
		.cN-tabBox.digiHub .tab2.selected h4 a,.cN-tabBox.digiHub .tab3.selected h4 a {background:#1c62af none}
		.cN-tabBox.digiHub .tab4 h4 a:hover,.cN-tabBox.digiHub .tab4.selected h4 a {background-position:-181px 0}
	.cN-tabBox.digiHub h3 {font-size:17px;color:#252525;line-height:32px;height:34px/*add border:2px*/;margin:0 -10px 5px -6px;padding-left:6px;background:#fff url('img/promo_digiHub.png') no-repeat 0 -23px/*heading*/}
	.cN-tabBox.digiHub div {width:284px;margin:0 10px 0 6px;display:none;border:0}
		.cN-tabBox.digiHub .selected div {display:block}
		.cN-tabBox.digiHub div div {width:auto;margin:0}
	.cN-tabBox.digiHub h5 {font:bold 16px/normal Georgia, "Times New Roman", Times, serif}
	.cN-tabBox.digiHub cite {font:normal 11px/normal Arial, Helvetica, sans-serif;color:#5f5f5f}
	.cN-tabBox.digiHub .more {float:right;text-align:right;font-size:.94em}
	/* Tab 1 and Tab 4 */
	.cN-tabBox.digiHub .wof {float:left;min-height:90px;width:133px;background:transparent url('img/promo_digiHub.png') no-repeat 69px 105%/*bg blog wofs*/}
		.cN-tabBox.digiHub .first {border-right:1px dotted #ccc;margin-right:8px;padding-right:8px}
		.cN-tabBox.digiHub .puff {clear:both;float:left;height:92px;width:284px;margin:11px 0 6px;overflow:hidden;background:transparent url('img/promo_digiHub.png') no-repeat 0 -57px/*bg puff*/}
		.cN-tabBox.digiHub .puff img {float:left;border:1px solid #fff;margin:11px}
		.cN-tabBox.digiHub .puff cite {display:block;padding-top:11px;margin-bottom:7px;color:#fff}
		.cN-tabBox.digiHub .puff a {color:#fff}
		.cN-tabBox.digiHub .puff .more {margin:3px 5px 0 0;color:#fff}
	/* Tab 2 */
	.cN-tabBox.digiHub .tab2 li {padding:0 0 0 35px;min-height:28px;border-bottom:1px dotted #ccc;font-size:.94em;background:transparent url('img/promo_digiHub.png') no-repeat 0 -149px/*blog comment icon*/}
		.cN-tabBox.digiHub .tab2 h5 {font-weight:normal;font-size:1.2em}
		.cN-tabBox.digiHub .tab2 .more {float:right;display:block;margin-top:5px}
	/* Tab 3 */
	.digiHub .tab3 div div {position:relative;min-height:60px/*image height*/;padding-bottom:7px;border-bottom:1px dotted #ccc;margin-bottom:7px}
		.digiHub .tab3 img {position:absolute;left:0;top:3px}
		.digiHub .tab3 h5 {margin-left:100px}
		.digiHub .tab3 p {margin-left:100px;font-size:.94em;color:#646464}
	/* Small tab box */
	.aside .smallDigiHubTabBox {height:125px;padding:0}
		.cN-tabBox.smallDigiHubTabBox h4 {left:-9000px!important}/*Don't show tabs for this box*/
		.smallDigiHubTabBox .tab1,.smallDigiHubTabBox .tab2,.smallDigiHubTabBox .tab3 {display:none}
		.smallDigiHubTabBox .selected {display:block}
		.cN-tabBox.smallDigiHubTabBox .more {position:absolute;left:0;bottom:0}
		.smallDigiHubTabBox span {font-size:.94em;color:#ccc;position:absolute;right:0;bottom:0}
		.cN-tabBox.smallDigiHubTabBox .lastDiv {position:absolute;left:8px;bottom:2px;width:284px;min-height:0;height:18px;border:0;padding:0;margin:16px 0 0;background:#fff none/*hide text if it overflows*/}
		/* Tab 1 & 4 */
		.cN-tabBox.smallDigiHubTabBox .wof {min-height:0;width:auto;background-image:none;margin:0;padding:0;border:0}
			.cN-tabBox.smallDigiHubTabBox p {font-size:.94em;color:#646464;margin-top:.5em}
			.cN-tabBox.smallDigiHubTabBox cite {color:#00b0ff;padding-right:.5em;border-right:1px solid #ccc;margin-right:.5em}
		/* Tab 3 */
		.cN-tabBox.smallDigiHubTabBox .tab3 p {margin-top:0;line-height:1.1}

	/* Accessibility: WCAG 6.3 (Javascript removes these classes) */
	.digiHub.accessibleTab h4 {position:static}
	.digiHub.accessibleTab div,.accessibleSmallTab div {display:block}
	.smallDigiHubTabBox.accessibleTab {height:auto}
	.smallDigiHubTabBox.accessibleTab .tab1,.smallDigiHubTabBox.accessibleTab .tab2,.smallDigiHubTabBox.accessibleTab .tab3 {display:block}
	/* ----- IE fixes ----- */
	* html .cN-tabBox.digiHub h4 {background-color:transparent!important}
	* html .cN-tabBox.digiHub li h4 a {color:#fff!important;background:#5dc7f2 none}/*Degrade IE6 to plain squares*/
	* html .cN-tabBox.digiHub li h4 a:hover {background-color:#1c62af!important}
	* html .cN-tabBox.digiHub h3 {position:relative}
	* html .cN-tabBox.digiHub li {float:left}
	* html .cN-tabBox.digiHub .wof {height:90px;width:133px!important}
	* html .cN-tabBox.digiHub .first {border-right:1px dotted #ccc!important;margin-right:8px!important;padding-right:8px!important}
	* html .cN-tabBox.digiHub .puff {width:284px!important}
	* html .cN-tabBox.digiHub .puff a {color:#fff!important}
	* html .digiHub .tab2 .more,* html .digiHub .tab3 .more {margin-right:5px}
	* html .digiHub .tab2 li {width:249px;height:28px/*min-height*/}
	* html .digiHub .tab3 div div {width:284px;height:60px/*image height*/}
	* html .aside .smallDigiHubTabBox {background-color:#fff}
	* html .smallDigiHubTabBox .tab3 div div {height:auto}
	* html .cN-tabBox.smallDigiHubTabBox .wof {height:auto;width:284px!important;border:0!important;padding:0!important;float:none}
	* html .aside .smallDigiHubTabBox .lastDiv {width:284px}
	*+ html .cN-tabBox.digiHub li {float:left}
	*+ html .cN-tabBox.digiHub li div {background:#fff}
	*+ html .aside .smallDigiHubTabBox {float:left}
	*+ html .smallDigiHubTabBox .tab2 li {width:249px}


/* --------------------------------------------------------------------------------------
   Promotion: NewsNow
   Runtime:   June 2009 - indefinitely (check with Justyn Ang)
   -------------------------------------------------------------------------------------- */
.newsNow #content {width:auto;font:normal 1.2em/1.4 Georgia, "Times New Roman", Times, serif}
	* html .newsNow #content {width:940px!important}
	*+ html .newsNow #content {width:940px!important}
.newsNow #masthead h1 {display:none}
.newsNow .main {position:relative;width:941px;height:258px;margin:10px 0;background:#fff url('img/newsNow-sprite_bt.png') no-repeat 0 0/*main*/}
	.newsNow #content .main h1 {font-size:1.4em;margin:0 0 .5em 21px;width:230px}
	.newsNow .main p {font-size:.8em;margin:0 0 .5em 21px;width:280px;color:#545454}
	.newsNow p.max,.newsNow p.min {position:absolute;left:21px;top:166px;width:220px;margin:0 10px;font-size:.75em;color:#2e2e2e}
	.newsNow p.min {left:619px;top:13px}
	.newsNow p strong {font-weight:bold}
.newsNow .features {float:right;width:644px;margin-bottom:10px;background:#fff url('img/newsNow-sprite_bt.png') no-repeat -1585px 100%/*features - bottom*/}
	.newsNow .features h2 {font-size:1.4em;padding:25px 0 .5em 30px;background:#fff url('img/newsNow-sprite_bt.png') no-repeat -941px 0/*features - top*/}
	.newsNow .features ul {margin:0 0 20px 30px;width:282px;font-size:.8em;float:left}
	.newsNow .features li {color:#333;line-height:1.85;list-style-type:none;padding-left:15px;margin:0;background:transparent url('img/newsNow-sprite_bt.png') no-repeat -2521px -250px/*bullet*/}
	.newsNow .features .stripe {background-color:#ebebeb}
	.newsNow .features h3 {position:relative;top:-.1em;float:left;width:282px;margin:0 0 0 30px;font:normal 1.2em Georgia, "Times New Roman", Times, serif}
	/* ---- IE fixes ---- */
	*+ html .newsNow .features {padding-bottom:24px/*IE7 ignores bottom margin of floated ul => replace by padding on parent. Add 4px adjustment to align bottom of boxes. */}
	* html .newsNow .features {padding-bottom:24px/*IE6 dto.*/}
	* html .newsNow .features ul {display:inline/*Fix double-margin bug*/}
	* html .newsNow .features li {padding-left:5px}
	* html .newsNow .features h2 {height:1%}
	*+ html .newsNow .features h2 {height:1%}
.newsNow .requirements {clear:right;float:right;width:644px;margin-bottom:10px;background:transparent url('img/newsNow-sprite_bt.png') no-repeat -2515px 0/*requirements*/}
	.newsNow .requirements h2 {font:bold .8em Arial, Helvetica, sans-serif;color:#333;margin:5px 0 4px 17px}
	.newsNow .requirements ul {margin-left:17px;padding-bottom:5px;overflow:hidden;list-style-type:none;width:610px/*three columns of li*/}
	.newsNow .requirements li {float:left;width:193px;margin:0 10px 0 0;font:normal .75em Arial, Helvetica, sans-serif;color:#3e3e3e}
.newsNow .install {float:left;width:286px;height:269px;margin-bottom:10px;background:transparent url('img/newsNow-sprite_bt.png') no-repeat -2229px 0/*install*/}
	.newsNow .install h2 {font-size:1.9em;margin:12px 0 0 27px}
	.newsNow #flashcontent {width:215px;height:180px;margin:20px 0 0 31px}
		/* Alternate content if plugin not installed: */
		.newsNow #flashcontent h3 {color:#fff;font-size:1em;font-weight:bold;margin:1.5em 10px 0}
		.newsNow #flashcontent p {color:#fff;margin:1em 10px 0;font-size:.8em}


/* --------------------------------------------------------------------------------------
   Advertiser supported feature element on articles (permanent)
   -------------------------------------------------------------------------------------- */
.cA-contentSponsor {clear:both;color:#666;font-size:.94em;border:1px solid #b4c9d3;text-align:center;margin-bottom:20px}
	.cA-contentSponsor p {display:inline}
	.cA-contentSponsor img {vertical-align:middle}


/* --------------------------------------------------------------------------------------
   Promotion: Digi Hub (Digital Life section)
   Runtime:   June 2009 - June 2010 (check with Justyn Ang)
   -------------------------------------------------------------------------------------- */
.digitallife .sponsor-1 {float:right!important/*need to beat ID specificity*/;background-color:#107dc1;color:#fff}


/* --------------------------------------------------------------------------------------
   Promotion: ForEx Centre (Business)
   Runtime:   December 2010 - December 2011 (check with John Ewart)
   -------------------------------------------------------------------------------------- */
.business .sponsor-1 {float:right!important/*need to beat ID specificity*/;background-color:#034E7E;color:#fff}


/* --------------------------------------------------------------------------------------
   Promotion: Mozo widget
   Runtime:   December 2010 - indefinitely (check with John Ewart)
   -------------------------------------------------------------------------------------- */
/* Mozo widgets - Today's Bank Rates & Compare and save */
.aside h3.headerMozo {margin:0;line-height:15px;text-indent:-9999px/*hide text, no bg img*/}
	.aside h3.headerMozo span {display:block;height:15px;width:80px;background:transparent url('img/sprite-promo-mozo.gif') no-repeat 0 0/*mozo-powered*/}
	.aside h3.headerMozo a {display:block;height:15px;width:80px;text-indent:-9000px;font-size:0/*avoids extended outline*/;line-height:0/*mozo-powered link*/}
.iframeMozo {margin:0 0 20px}


/* --------------------------------------------------------------------------------------
   Promotion: Opera House
   Runtime:   April 2010 - ?? (rolling 6-month contract; check with Paul Hart)
   -------------------------------------------------------------------------------------- */
.entertainment .storySpecialFeature h4 {float:none;margin:0;padding:0;background:transparent none}


/* --------------------------------------------------------------------------------------
   Promotion: Compare & Save (footer)
   Runtime:   until further notice (check with Justyn Ang/Dave Ray)
   -------------------------------------------------------------------------------------- */
.fN-affiliateStrip .one .links {background-color:#2e92cc}
	.fN-affiliateStrip .two .links {background-color:#0050aa}
	.fN-affiliateStrip .three .links {background-color:#2e92cc}
	.fN-affiliateStrip .four .links {background-color:#0050aa}
	.fN-affiliateStrip .five .links {background-color:#2e92cc}


/* --------------------------------------------------------------------------------------
   Promotion: Wealth Wise
   Runtime:   May 2010 - indefinitely - 6-12 months (Product manager - John Ewart)
   -------------------------------------------------------------------------------------- */
.money .cS-latestVideo h3, .cS-forums h3{border-top:3px solid #EE5511;color:#074d33;padding:6px 0 8px 5px;font-size:1.8em;background-color:#efefdf}
.money .span-8 .cS-latestVideo h3, .span-8  .cS-forums h3{border-top:3px solid #004942;background-color:#e6e6e6}
/* Advertiser supported feature element on articles:*/
.money .cA-contentSponsor {clear:both;color:#666;font-size:.94em;border:1px solid #ccc;text-align:center;margin-bottom:20px}
.money .cS-forums h3 em, .cS-latestVideo h3 em{color:#e51}
	.money .cS-forums{margin-bottom:1em;background-color:#fafaef}
	.money .cS-forums h3, .cS-forums p{padding-left:5px}
	.money .cS-forums h3 em{color:#fff}
	.money .cS-forums ul{list-style:none;padding:0}
	.money .cS-forums li{margin:0;padding:5px 0 5px 28px;display:block;background:transparent url('img/sprite-skin-smartmoney.png') no-repeat 3px 3px;font-weight:bold;border-bottom:1px solid #ddddcc}
	.money .cS-forums h3 a{color:#074d33}
	.money .cS-forums h3 a em{color:#e51}
.money .span-8 .cS-forums{background-color:#f2f2f2}
	.money .span-8 .cS-forums li{width:auto;float:none}
	.money .span-8 .cS-forums li{border-bottom:1px solid #ccc}
.money .cS-forums li ul.comments li{background:none;padding:3px 0 3px 0;border:none;font-weight:normal;position:relative}
.money .cS-forums ul.comments li span{margin:0 0 0 3px;width:20px;padding:2px 0 0 1px;background:transparent url('img/sprite-skin-smartmoney.png') no-repeat -500px 0; font-size:9px;color:#fff}
.money .cS-latestVideo h3 a {right:5px; /*color:#bd2;*/}
.money .fdVideoWof {background-color:#f2f2f2;border-bottom:1px solid #ccc}


/* --------------------------------------------------------------------------------------
   Promotion: On The Money
   Runtime:   ?? 2010 - ??? (Product manager - John Ewart)
   Runs on both News and Moneymanager, hence no section prefix
   -------------------------------------------------------------------------------------- */
#smartmoney{background:#fff  url('img/ww-promo-bg.png') no-repeat 0 0;margin:0 0 20px 0}
	#smartmoney div{padding:5px 8px 20px 5px;border-top:3px solid #619300;border-bottom:3px solid #ddc}
	#smartmoney div div{padding:0;border:none}
	#smartmoney h3,
	#smartmoney h5{font-family:Georgia,Times New Roman,Times,serif;font-size:18px;font-weight:normal}
	#smartmoney h3 {margin:0 0 5px 0;padding:2px 0 10px 0}
	#smartmoney h4 {font-family:Arial,Helvetica,Verdana,sans-serif;font-size:14px;padding:0;margin:0;background-color:#ccc;font-weight:normal}
	#smartmoney h4 a{background-color:#ccc;color:#666}
	#smartmoney h4 a:hover{background-color:#ddd;color:#000}
	#smartmoney .selected h4{font-weight:bold}
	#smartmoney .selected h4 a{background-color:#619300;color:#fff}
	#smartmoney .selected h4 a:hover{background-color:#619300;color:#fff}
	#smartmoney h5 {font-size:15px;margin:0 0 2px 0;padding-top:2px}
	#smartmoney p{font-size:11px;margin:0;padding:0}
	#smartmoney .tab1 h4{width:80px}
	#smartmoney .tab2 h4{width:80px;left:82px}
	#smartmoney .tab3 h4{width:80px;left:164px}
	#smartmoney .tab1 cite{color:#888}
	#smartmoney .tab1 cite span{color:#555;font-weight:bold}
	#smartmoney .tab2 ul{list-style:none;margin:0;padding:0}
	#smartmoney .tab2 li{font-size:12px;margin:0;padding:6px 3px 6px 30px;border-bottom:1px dotted #bb9;background:url('img/sprite-skin-smartmoney.png') no-repeat -500px 8px}
	#smartmoney .tab2 p{margin:1px 0 3px}
	#smartmoney .tab2 li.last{border-bottom:none}
	#smartmoney .tab2 li a{font-size:1.0833em}
	#smartmoney .tab2 li span{font-family:Arial,Helvetica,Verdana,sans-serif;color:#fff;display:inline-block;text-align:center;cursor:pointer;margin:0 0 0 3px;width:20px;padding:2px 0 5px 1px;background:#efefef url('img/sprite-skin-smartmoney.png') no-repeat -500px 0; font-size:9px}
	#smartmoney .tab1 h5,
	#smartmoney .tab1 p,
	#smartmoney .tab1 cite,
	#smartmoney .tab3 h5,
	#smartmoney .tab3 p{margin-left:100px}
	#smartmoney .tab1 div div,
	#smartmoney .tab3 div div{position:relative;margin-bottom:7px}
	#smartmoney .tab1 img,
	#smartmoney .tab3 img {left:3px;position:absolute;top:5px}
	#smartmoney .more{position:absolute;right:8px;bottom:8px}
	/* ----- IE fixes ----- */
	* html #smartmoney .tab1 img,
	* html #smartmoney .tab3 img {left:-97px}


/* --------------------------------------------------------------------------------------
   Promotion: UBank Money Box
   Runtime:   May 2010 + 6..12 months (check with John Ewart)
   -------------------------------------------------------------------------------------- */
.cA-UBankMoneyBox {position:relative;margin:20px 0;padding:5px;border:2px solid #004942}
	.cA-UBankMoneyBox h3 {padding:5px;margin:-5px -5px 5px;font:normal 1.25em "Arial Narrow", Arial, sans-serif;color:#fff;border-bottom:2px solid #004942;background:#004942}
	.cA-UBankMoneyBox div {margin-bottom:5px;padding-bottom:10px;border-bottom:1px dotted #ccc}
	.cA-UBankMoneyBox h4 {padding-bottom:4px;text-transform:none;line-height:1.2}
	.cA-UBankMoneyBox h4 a {text-decoration:underline;color:#6b9b3a}
	.cA-UBankMoneyBox img {float:left;margin:0 8px 6px 0}
	.cA-UBankMoneyBox cite {display:block;padding-left:52px;font-size:.92em;font-style:italic;color:#666}
	.cA-UBankMoneyBox p {clear:left;margin-bottom:5px;line-height:1.25}
	.cA-UBankMoneyBox .moreNews {display:block;padding-left:22px;font-size:.92em;font-weight:bold;line-height:18px;color:#333;background:url('img/money-ubank-arrow.gif') no-repeat}
	.cA-UBankMoneyBox small {position:absolute;top:-17px;left:-2px}


/* --------------------------------------------------------------------------------------
   Promotion: HP (My Small Business section; green = #2c8b4d, red = #f94825)
   Runtime:   July 2010 - ? (check with John Ewart)
   -------------------------------------------------------------------------------------- */
/* NOTE: We can only attach classes to elements sitting in CMS textareas. */
.smallbusiness .storyImgHP /*extends cN-storyImageLead*/ {overflow:hidden;width:580px;height:202px;padding:20px;background:url('img/msb-promo-HP-2010-07.png') no-repeat -51px 100%/*bg special feature*/}
	.smallbusiness .storyImgHP h3 {font:normal 4em Arial, Helvetica, sans-serif}
	.smallbusiness .storyImgHP h3 a {color:#2c8b4d}
	.smallbusiness .storyImgHP h3 a:hover {text-decoration:none;color:#f94825}
	.smallbusiness .storyImgHP p {width:250px;font-size:1.166em;line-height:18px;color:#919191}
.smallbusiness .storyImgHPSmall /*extends cN-storyImageLead*/ {margin-bottom:20px;padding:10px;border:0;background:#f8f8f8 url('img/msb-promo-HP-2010-07.png') no-repeat -671px 100%/*bg bg middle col*/}
	.smallbusiness .storyImgHPSmall h4 {margin-bottom:.25em;font:normal 2em Arial, Helvetica, sans-serif;text-transform:none;color:#2c8b4d}
	.smallbusiness .storyImgHPSmall h3 {margin-bottom:.35em;font:bold 1.333em Arial, Helvetica, sans-serif}
	.smallbusiness .storyImgHPSmall h3 a {color:#2d2d2d}
	.smallbusiness .storyImgHPSmall p {font-size:1em;color:#747474}
	.smallbusiness .storyImgHPSmall li {margin:1em 0 0;font-size:1.166em;font-weight:bold;list-style-type:none}
	.smallbusiness .storyImgHPSmall li a {color:#f94825}
.smallbusiness .storyImgHPFeature /*extends cN-storyImageLead*/ {position:relative}
	.smallbusiness .storyImgHPFeature .wof {position:absolute;margin:0;padding:5px;bottom:0;background:rgba(246,68,33,.85)}
	.smallbusiness .storyImgHPFeature h3 {font-size:1.333em}
	.smallbusiness .storyImgHPFeature h3 a {color:#fff}
	.smallbusiness .storyImgHPFeature p {font-size:.92em;line-height:13px;color:#fff}
.smallbusiness .storyImgHPFeatSml .wof /*extends cN-storyImageLead*/ {padding:10px 70px 10px 17px;background:#f8f8f8 url('img/msb-promo-HP-2010-07.png') no-repeat 249px 100%/*bg RHS (right)*/}
	.smallbusiness .storyImgHPFeatSml h4 {float:none;margin:0;padding:0;font:normal 1.833em Arial, Helvetica, sans-serif;text-transform:none;color:#f94825;background:none}
	.smallbusiness .storyImgHPFeatSml h3 {font:bold 1.333em Arial, Helvetica, sans-serif}
	.smallbusiness .storyImgHPFeatSml h3 a {color:#3f3f3f}
	.smallbusiness .storyImgHPFeatSml p {font-size:.92em;color:#6a6a6a}
	.smallbusiness .storyImgHPFeatSml2 .wof /*extends storyImgHPFeatSml*/ {padding:10px 17px 10px 88px;background-position:-851px 100%/*bg RHS (left)*/}
.smallbusiness .adHP {margin-bottom:0}
	/* ----- IE fixes ----- */
	*+ html .smallbusiness .storyImgHPFeature .wof {height:auto}
	* html .smallbusiness .storyImgHPFeature .wof {background:transparent}
	*+ html .smallbusiness .storyImgHPFeature .wof {background:transparent}
	/*IE8*/ .smallbusiness .storyImgHPFeature .wof {background:transparent\0}
	/*all IE*/.smallbusiness .storyImgHPFeature .wof {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9f64421,endColorstr=#d9f64421)/*aarrggbb*/}


/* --------------------------------------------------------------------------------------
   Promotion: Visa (My Small Business section)
   Runtime:   May 2011 - ? (check with John Ewart)
   -------------------------------------------------------------------------------------- */
/* NOTE: We can only attach classes to elements sitting in CMS textareas. */
.smallbusiness .storyImgVisa /*extends cN-storyImageLead*/ {overflow:hidden;width:620px;height:262px;background:url('img/msb-promo-Visa-2011-05-sprite.png') no-repeat 0 100%/*bg special feature*/}
	.smallbusiness .storyImgVisa .wof {position:absolute; left:-9999px}
.smallbusiness .storyImgVisaSmall /*extends cN-storyImageLead*/ {height:203px; padding:12px; border:1px solid #c3c1c1; background:url('img/msb-promo-Visa-2011-05-sprite.png') no-repeat -621px 100%/*blue man -*/}
	.smallbusiness .storyImgVisaSmall h4 {margin-bottom:8px; font:bold 2em Arial,sans-serif; text-transform:none; color:#000}
	.smallbusiness .storyImgVisaSmall h3 {margin-bottom:7px; font:normal 1.1666em Arial,sans-serif}
	.smallbusiness .storyImgVisaSmall h3 a {color:#333}
	.smallbusiness .storyImgVisaSmall p {font-size:1em; color:#747474}
	.smallbusiness .storyImgVisaSmall li {margin:1em 0 0; font-size:1.166em; font-weight:bold; list-style-type:none}
	.smallbusiness .storyImgVisaSmall li a {color:#273991}
.smallbusiness .storyImgVisaSmall-percent /*extends storyImgVisaSmall*/ {background-position:-798px 100%/*blue man %*/}
.smallbusiness .storyImgVisaSmall-plus    /*extends storyImgVisaSmall*/ {background-position:-976px 100%/*blue man +*/}
.smallbusiness .storyImgVisaSmall-divide  /*extends storyImgVisaSmall*/ {background-position:-1154px 100%/*blue man /*/}
.smallbusiness .storyImgVisaFeature /*extends cN-storyImageLead*/ {position:relative}
	.smallbusiness .storyImgVisaFeature .wof {position:absolute;margin:0;padding:5px;bottom:0;background:rgba(0,57,176,.75)}
	.smallbusiness .storyImgVisaFeature h3 {font-size:1.333em}
	.smallbusiness .storyImgVisaFeature h3 a {color:#fff}
	.smallbusiness .storyImgVisaFeature p {font-size:.92em;line-height:13px;color:#fff}
	/* ----- IE fixes ----- */
	*+ html .smallbusiness .storyImgVisaFeature .wof {height:auto}
	* html .smallbusiness .storyImgVisaFeature .wof {background:transparent}
	*+ html .smallbusiness .storyImgVisaFeature .wof {background:transparent}
	/*IE8*/ .smallbusiness .storyImgVisaFeature .wof {background:transparent\0}
	/*all IE*/.smallbusiness .storyImgVisaFeature .wof {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d90039b0,endColorstr=#d90039b0)/*aarrggbb*/}


/* --------------------------------------------------------------------------------------
   Promotion: My Business Success (MySmallBusiness section)
   Runtime:   November 2010 - ? (check with John Ewart)
   -------------------------------------------------------------------------------------- */
.smallbusiness .sponsor-1 {float:right!important/*need to beat ID specificity*/}


/* --------------------------------------------------------------------------------------
   Promotion: Generic Competition Template
   -------------------------------------------------------------------------------------- */
.comp-details, .comp-iframe {margin-top:20px}
	.comp-details {color:#555}
	.comp-details p {margin-bottom:1em;display:block}
	.comp-details h3 {border-top:2px solid #ccc;padding:5px 0;color:#000}


/* --------------------------------------------------------------------------------------
   Promotion: Bankwest (Domain News)
   Runtime:   September 2010 - June 2011 (check with Jenny Pham)
   -------------------------------------------------------------------------------------- */
/* NOTE: We can only attach classes to elements sitting in CMS textareas. */
.domainnews .headerRichBW {position:relative;display:block;height:134px;width:620px;background:url('img/domain-promo-Bankwest-2010-09-sprite.png') no-repeat 0 0/*main*/;text-indent:-9999px}
	.domainnews .headerRichBW a {position:absolute;right:10px;bottom:14px;display:block;height:25px;width:116px}
	.domainnews .boxBW {padding-bottom:1.5em;margin-bottom:20px;border-top:1px solid #9c9c9c;background:url('img/domain-promo-Bankwest-2010-09-sprite.png') no-repeat -620px 100%/*gradient*/}
	.domainnews .boxBW h3 {position:relative;width:294px;height:41px;margin:0 3px 1em;border:2px solid #fff;border-width:2px 0;background:url('img/domain-promo-Bankwest-2010-09-sprite.png') no-repeat 0 -134px/*heading toolbox*/;text-indent:-9999px}
	.domainnews .boxBW h3 a {overflow:hidden;position:absolute;top:11px;right:3px;display:block;width:86px;height:18px;text-indent:-9999px}
	.domainnews .boxBW p {margin:0 16px 1.5em;font-size:.916em}
	.domainnews .boxBW li {margin:0 16px 1em;padding-left:20px;font-size:.916em;list-style-type:none;background:url('img/domain-promo-Bankwest-2010-09-sprite.png') no-repeat 10px -397px/*bullet*/}
	.domainnews .boxBW a {color:#000;text-decoration:underline}
	.domainnews .contactBW h3 {background-position:-294px -134px/*heading contact us*/}
	.domainnews .contactBW .wof {height:74px;margin:0 16px 16px;padding-left:94px;background:url('img/domain-promo-Bankwest-2010-09-sprite.png') no-repeat 0 -175px/*thumb home loan*/}
	.domainnews .contactBW .store {background-position:0 -249px/*thumb store*/}
	.domainnews .contactBW .call {margin-bottom:0;background-position:0 -323px/*thumb call*/}
	.domainnews .contactBW h4 {font-size:.916em;text-transform:none;color:#000}
	.domainnews .contactBW p {margin:0;line-height:1.2}
	.domainnews .storyBW .media {padding-top:9px;text-align:center;background:#ebf3f5}
	.domainnews .storyBW a {color:#4e5456}
	.domainnews .storyBW h3 {padding:0 15px;font:normal .916em Arial,sans-serif;text-align:center}
	.domainnews .storyBW h4 {margin-bottom:4px;font-weight:normal;text-transform:none}
	.domainnews .storyBW .wof {background:#ebf3f5}
	.domainnews #content .span-11 + .span-5 .cT-strapHeading {height:23px;padding-top:4px;background:url('img/domain-promo-Bankwest-2010-09-sprite.png') no-repeat -746px 4px/*New developments*/;text-indent:-9999px}
	/* ----- IE fixes ----- */
	* html .domainnews .boxBW {position:relative}
	* html .domainnews .boxBW h3 {left:3px}
	* html .domainnews .storyBW {height:1%}
	*+ html .domainnews .boxBW {position:relative}
	*+ html .domainnews .boxBW h3 {left:3px}


/* --------------------------------------------------------------------------------------
   Promotion: Holden (Business)
   Runtime:   October 2010 - December 2010 (check with John Ewart)
   -------------------------------------------------------------------------------------- */
/* NOTE: We can only attach classes to elements sitting in CMS textareas. */
.business .storyImgHolden /*extends cN-storyImageLead*/ {position:relative}
	.business .storyImgHolden h3,.business .storyImgHolden .wof {position:absolute;left:-9999px}
.business .storyImgHoldenSmall {margin:0;padding:8px;border:0;background:#f1f1f1}
	.business .storyImgHoldenSmall h3 {margin:0;font:bold 1.333em Times;color:#ee2544}
	.business .storyImgHoldenSmall p {padding-bottom:4px;font-size:1em}
	.business .storyImgHoldenSmall p a {color:#000;text-decoration:underline}
	.business .storyImgHoldenSmall p a:hover {color:#ee2544}
	.business .storyImgHoldenSmall .wof {margin:0;padding:12px 0 0}
.business .strapHeadingHolden {margin:0;padding:5px 8px 0;font:bold 1.5833em Times;color:#ee2544;border:0;background:#f1f1f1}
.business .storyImgHoldenFeature /*extends cN-storyImageLead*/ {position:relative}
	.business .storyImgHoldenFeature .wof {position:absolute;margin:0;padding:5px;bottom:0;background:rgba(143,6,2,.6)}
	.business .storyImgHoldenFeature h3 {font-size:1.333em}
	.business .storyImgHoldenFeature h3 a {color:#fff}
	.business .storyImgHoldenFeature p {font-size:.92em;line-height:13px;color:#fff}
.business .holdenPromo {position:relative;margin-top:20px;background:#f1f1f1}
	.business .holdenPromo small {position:absolute;top:-20px;right:0;display:block;font-size:.916em;color:#696969}
	.business .holdenPromo h2 {padding:8px 8px 6px;font:normal 1.833em Times;color:#fff;background:#696969;
		/* Rounded corners: */border-top-left-radius:4px;border-top-right-radius:4px/*future CSS3 browsers*/;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px/*current Safari*/;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px/*current Firefox*/}
	.business .holdenPromo a {display:block;width:128px;height:32px;margin:0 6px;padding-left:40px;font:bold 1.2em/32px Arial,sans-serif;color:#fff;background:url('img/business-promo-Holden-2010-10-sprite.jpg') no-repeat}
	.business .holdenPromo a:hover {text-decoration:none;color:#000}
	.business .holdenPromo .test {background-position:0 0/*Test drive*/}
	.business .holdenPromo .brochure {background-position:0 -32px/*Brochure*/}
	.business .holdenPromo .price {background-position:0 -64px/*Price*/}
	/* ----- IE fixes ----- */
	* html .business .storyImgHoldenFeature {height:1%}
	* html .business .storyImgHoldenFeature .wof {background:transparent}
	*+ html .business .storyImgHoldenFeature .wof {background:transparent}
	/*IE8*/ .business .storyImgHoldenFeature .wof {background:transparent\0}
	/*all IE*/.business .storyImgHoldenFeature .wof {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b08f0602,endColorstr=#b08f0602)/*aarrggbb*/}


/* --------------------------------------------------------------------------------------
   Promotion: Forex (Business)
   Runtime:   November 2010 - November 2011 (check with John Ewart)
   -------------------------------------------------------------------------------------- */
.business .promoForex .sponsored small {display:block;text-align:center;color:#999;border-bottom:2px solid #fd8c0e}
	.business .promoForex .dailyFX {margin-bottom:20px;background:#97a1b1}
	.business .promoForex .dailyFX h2 {float:right;width:250px;margin:16px 16px 13px 0;font:bold 1.333em Georgia, Times, serif;color:#fff}
	.business .promoForex .player {float:left;margin:16px;
		/*Drop-shadow:*/box-shadow:2px 2px 3px #686e77;-moz-box-shadow:2px 2px 3px #686e77;-webkit-box-shadow:2px 2px 3px #686e77}
	.business .promoForex .dailyFX li {float:right;width:220px;margin:0 16px 0 0;padding-left:30px;font:normal 1.333em/38px Georgia, Times, serif;list-style-type:none;border-top:1px dotted #cbd0d8;background:url('img/business-promo-forex-2010-11.png') no-repeat -270px -95px/*list icon*/}
	.business .promoForex .dailyFX li a {color:#fff}
	.business .promoForex .dailyFX .wof {clear:both;padding:15px;color:#fff;border:1px solid #ccc;border-top-width:0;background:#8b96a6}
	.business .promoForex .cN-story {margin-bottom:14px}
	.business .promoForex .cN-story .wof {margin:0}
	.business .promoForex .cN-story cite {padding-right:5px;margin-right:3px;border-right:1px solid #ccc}
	.business .promoForex .cN-story small {font-size:.916em;color:#880800}
	.business .promoForex .cN-storyHeadlineOnly {margin-bottom:14px;font-size:1.4em}
	/* ----- IE fixes ----- */
	* html .business .promoForex .dailyFX h2 {display:inline}
	* html .business .promoForex .dailyFX .player {display:inline}
	*+ html .business .promoForex .dailyFX .wof {height:1%}


/* --------------------------------------------------------------------------------------
   Promotion: Spreets (Life and Style)
   Runtime:   December 2010 - January 2011 (trial; check with Natalie Godward)
   -------------------------------------------------------------------------------------- */
/* Spreets Widget v 1.0 22.11.2010 */
#spreets-widget {clear:left;position:relative;margin:0 0 20px 0;padding:0;height:250px;width:300px;overflow:hidden;background:#fff url(img/spreets-sprite.png) no-repeat 0 0;font:62.5%/1.4 Helvetica,Arial,sans-serif;letter-spacing:-.01em;border-top:2px solid #f47821}
	#spreets-widget a.spreets-logo {height:30px;width:100px;text-indent:-9000px;overflow:hidden;background:transparent url(img/spreets-sprite.png) no-repeat 0 -450px;position:absolute;right:0;bottom:0}
	#spreets-widget #mycarousel ul {height:202px;overflow:hidden}
	#spreets-widget #mycarousel ul li {list-style-type:none;width:300px;height:202px;margin:0}
	#spreets-widget ul li h2.spreets-title {margin:8px 0 8px 0;line-height:1.2;font-size:17px}
	#spreets-widget ul li .spreets-details {position:relative;margin:0;height:117px;width:300px;overflow:hidden;background:transparent url(img/spreets-sprite.png) no-repeat -300px -350px}
	#spreets-widget .spreets-details p {width:120px;float:left;padding-top:65px;line-height:1.2;color:#555}
	#spreets-widget .spreets-details p strong {font-weight:bold;display:block;width:120px;text-align:center;font-size:11px;text-shadow:#eee 0 1px 0}
	#spreets-widget .spreets-details img {float:left;border:0;width:180px;height:117px}
	#spreets-widget .spreets-details a.spreets-buy {position:absolute;top:5px;left:170px;display:block;height:48px;width:113px;text-indent:-9000px;overflow:hidden;background:transparent url(img/spreets-sprite.png) no-repeat 0 -300px}
	#spreets-widget .spreets-details a:hover.spreets-buy {background-position:0 -350px}
	/* Tabs */
	#spreets-widget ul.spreets-tabs {margin:0;padding:0;float:left;list-style:none;width:300px;height:24px}
	#spreets-widget ul.spreets-tabs li {float:left;margin:0;padding:0;overflow:hidden;position:relative}
	#spreets-widget ul.spreets-tabs li a {text-decoration:none;color:#999;display:block;font-size:11px;font-weight:bold;outline:none;display:block;padding:3px 8px 4px 8px;text-align:center}
	#spreets-widget ul.spreets-tabs li a:hover {background:#f47821;color:#fff}
	#spreets-widget ul.spreets-tabs li.active a {background:#f47821;color:#fff}
	#spreets-widget .spreets-tab_container {clear:both;height:190px}
	/* Carousel */
	#spreets-widget #mycarousel {width:300px;margin:0}
	#spreets-widget .jcarousel-scroll {width:200px;height:18px;color:#fff;z-index:100}
	#spreets-widget .jcarousel-scroll a {color:#fff;text-decoration:none;font-size:11px}
	#spreets-widget .jcarousel-scroll a:hover {text-decoration: underline}
	#spreets-widget #mycarousel-prev {display:block;width:95px;text-align:right;float:left;margin-right:5px}
	#spreets-widget #mycarousel-next {display:block;width:95px;text-align:left;float:left;margin-left:5px}
	/* Join */
	#spreets-widget #joinspreets {width:300px;height:195px;margin:1px 0 0 0;background:#fff url(img/spreets-sprite.png) no-repeat -350px 0}
	#spreets-widget #joinspreets h3,#joinspreets p {width:120px;margin:0}
	#spreets-widget #joinspreets h3 {font-size:18px;line-height:1.1;margin:0 0 0 10px;padding:10px 0 0 0}
	#spreets-widget #joinspreets p {font-size:11px;line-height:1.2;margin:5px 0 0 10px}
	#spreets-widget #joinspreets a.spreets-join {display:block;height:40px;width:113px;margin:5px 0 0 0;text-indent:-9000px;overflow:hidden;background:transparent url(img/spreets-sprite.png) no-repeat -200px -300px}
	#spreets-widget #joinspreets a:hover.spreets-join {background-position:-200px -350px}


/* --------------------------------------------------------------------------------------
   Promotion: Kampyle (Feedback) (all sections)
   Runtime:   December 2010 - January 2011 (check with Darren Burden)
   -------------------------------------------------------------------------------------- */
#kampylink {position:absolute;bottom:93px;right:0}