/* MINI_FEATURE styles */
.mini-feature .content-title { margin-bottom: 10px; }

/* shell */
.mf-wrapper { margin: 0 0 20px 0; padding: 10px; border: 1px solid #cccccc; background: #fff; position: relative; }
	.mf-image-wrapper { margin: 0 0 20px 0; padding: 0; border: 0px solid #cccccc; background: #fff; position: relative; }
.mf-body { position: relative; width: 100%; background: #eeeeee; }
/* content */
.mf-content { position: relative; z-index: 1; background: #eeeeee; }
	.mf-image img { display: block; }
.mf-text { width: auto; padding: 15px 20px 5px 20px; }
	.mf-text .text-title { font-weight: bold; padding-bottom: 3px; }
	.mf-text p, .mf-text ul { margin: 0; padding: 0 0 15px 0; }

.mini-feature ul.body-list { margin-left: -10px; }

/* controls */
.mf-controls { margin: 0; padding: 0; width: 100%; height: 50px; position: relative; bottom: 0; z-index: 10; background: #eeeeee; }
	.mf-count { padding-left: 20px; color: #444; font-size: 1em; line-height: 30px; }
	
/* paging */	
.mf-controls a { display: block; width: 30px; height: 30px; text-indent: -9999px; overflow: hidden; position: relative; }
.mf-controls a.disabled { cursor: default; }
	.mf-prev { position: absolute; top: 0; right: 55px;}
		.mf-prev a { background: url('/en_UK/_images/mini_features/icons/leftarrow-gray.png') 0 0 no-repeat; }
		.mf-prev a.disabled { background-image: url('/en_UK/_images/mini_features/icons/leftarrow-gray-disabled.png'); }
	.mf-next { position: absolute; top: 0; right: 20px; }
		.mf-next a { background: url('/en_UK/_images/mini_features/icons/rightarrow-gray.png') 0 0 no-repeat; }
		.mf-next a.disabled { background-image: url('/en_UK/_images/mini_features/icons/rightarrow-gray-disabled.png'); }

/* IE 6 - spans are injected dynamically for IE6 only */
* html .mf-controls a { background: url('/en_UK/_images/d.gif') !important; }
.mf-controls a span { position: absolute; top: 0; left: 0; width: 30px; height: 30px; }
.mf-controls a span.active { cursor: pointer }
.mf-controls a.disabled span.disabled { display: block; }
.mf-controls a span.disabled, .mf-controls a.disabled span.active { display: none; }
.mf-prev a span.disabled { background-image: url('/en_UK/_images/mini_features/icons/leftarrow-gray-disabled.png'); }
.mf-prev a span.active { background-image: url('/en_UK/_images/mini_features/icons/leftarrow-gray.png'); }
.mf-next a span.disabled { background-image: url('/en_UK/_images/mini_features/icons/rightarrow-gray-disabled.png'); }
.mf-next a span.active { background-image: url('/en_UK/_images/mini_features/icons/rightarrow-gray.png'); }

/* variations */
.mf-background {}
	.mf-background .mf-image { position: relative; border: 0; z-index: 1; }
	.mf-background .mf-text { position: absolute; bottom: 0; left: 0; padding-right: 240px; z-index: 2; }
	.mf-background .mf-controls { position: relative; margin-top: -50px; z-index: 3; }

.mf-invert {}
	.mf-invert .mf-count { color: white; }
	.mf-invert .mf-prev a { background-image: url('/en_UK/_images/mini_features/icons/leftarrow-white.png'); }
	.mf-invert .mf-prev a.disabled { background-image: url('/en_UK/_images/mini_features/icons/leftarrow-white-disabled.png'); }
	.mf-invert .mf-next a { background-image: url('/en_UK/_images/mini_features/icons/rightarrow-white.png'); }
	.mf-invert .mf-next a.disabled { background-image: url('/en_UK/_images/mini_features/icons/rightarrow-white-disabled.png'); }
	
.mf-pantene {
	clear: both;
	border-top: 1px solid #cccccc;
	padding-top: 15px;
}
	.mf-pantene img { float: left; }
	.mf-pantene p { float: right; width: 263px; }
	
/* IE 6 - spans are injected dynamically for IE6 only */
.mf-invert .mf-prev a span.disabled { background-image: url('/en_UK/_images/mini_features/icons/leftarrow-white-disabled.png'); }
.mf-invert .mf-prev a span.active { background-image: url('/en_UK/_images/mini_features/icons/leftarrow-white.png'); }
.mf-invert .mf-next a span.disabled { background-image: url('/en_UK/_images/mini_features/icons/rightarrow-white-disabled.png'); }
.mf-invert .mf-next a span.active { background-image: url('/en_UK/_images/mini_features/icons/rightarrow-white.png'); }


/* javascript/flash tweaks */
.flash-enabled .mini-feature .content-title { margin-bottom: 0; }
.js-enabled .mf-image { border-bottom: 10px solid white; }
.js-enabled .mf-background .mf-image { border-bottom: 0; }
.flash-enabled .mf-downloads { position: absolute; left: -9999px; }

.mf-nojs {}
	.mf-nojs .mf-text { padding-bottom: 0; }