/**
 * Extended template for the #core container
 * Use as class name: <tag id="core" class="extended">
 * @media          {screen}
 * @require        global.css
 * @toc            content, account, clearing
 * 
 * Hierarchy :
 * [...]
 *    #content
 * [...]
 */


/**
 * Actual content of the page
 * @section        content
 * @tree           #content < #main < #core < #wrapper < body < html
 */
 
.extended #opening {
	background:transparent url(../img/bg/opening-extended.png) repeat-y;
	color:#fff;
	padding:8px 20px;
}
 
.extended #content {
	margin:0; padding-left:15px;
	width:661px;
}

.extended #content h2 {
	color:#AC036D;
	font:bold italic 15px "Times New Roman", Times, Georgia, serif;
}
.extended #content .itemWrapper {
    overflow:hidden;clear:both;
}
.extended #content .item {
	float:left;
	margin:1.3em 15px 1.3em 0;
	width:205px;
}

.extended #content .item a h2 {
	text-decoration:none;
}

.extended #content .item p, .extended #content .item li {margin:.9em 0;}
.extended #content .item ul {margin:0;}

.extended #content .item .price {color:#AC036D;}

.extended #content .item .legal {
	color:#AC036D;
	font-size:9px;
}

.extended #content .item .more a {
	padding-left:10px;
	background:url(../img/bullet/4x7_n_94036A.gif) no-repeat 0 .4em; color:#94036A;
	font-weight:bold;
}

.extended #content .clearer {
	margin-right:14px;
	background:#EFD9E9;
}


/**
 * Special styles for user account (all elements in content)
 * @section        account
 */

/* #inFocus */
.extended #content #inFocus .item {width:305px;}

.extended #content #inFocus .item img {
	float:left;
	margin-right:10px;
}

.extended #content #inFocus .item p {margin:.3em 0;}

/* #registered, #notRegistered */
.extended #content #registered.item {
	position:relative;
	width:340px;
	font-size:11px;
}
.extended #content #notRegistered.item {width:270px;}

.extended #content #registered.item img, .extended #content #notRegistered.item img {
	float:left;
	margin-right:10px;
}

.extended #content #registered.item p, .extended #content #notRegistered.item p {margin:.3em 0;}

#registered .text {padding:.2em 0;}
#registered .text input {
	padding:2px; border:1px solid #AC046E;
	width:150px;
}

#registered .submit {position:relative;}
#registered .submit input {position:absolute; top:-2.4em; right:10px;}

/* #parrainageIntro */
#parrainageIntro {padding-right:14px;}

#parrainageIntro .more a {
	padding-left:8px;
	background:url(../img/bullet/4x7_n_433369.gif) no-repeat 0 .4em;
	font-weight:bold;
	letter-spacing:-1px; word-spacing:.2em;
}

/* #parrainageTool, #parrainageForm */
#parrainageTool, #parrainageTool a {color:#999;}
#parrainageTool a {font-weight:bold;}

#parrainageTool h3 {
	margin-bottom:.6em;
	color:#5DB2B4;
	font:bold 22px "Times New Roman", Times, Georgia, serif;
}

#parrainageTool h3 span {font-size:30px; font-style:italic;}

#parrainageForm {
	float:right;
	padding-right:14px;
	width:300px;
}

#parrainageForm .text {padding-bottom:5px;}

#parrainageForm .text input {
	padding:2px; border:1px solid #88C5C7;
	width:230px;
	color:#5DB2B4;
}

#parrainageForm .submit {position:relative;}
#parrainageForm .submit input {position:absolute; top:-2.2em; right:0;}

#parrainageTool .column1, #parrainageTool .column2 {
	float:left;
	width:300px;
	line-height:1.6;
}
#parrainageTool .column1 {margin-right:47px;}

#parrainageTool ul {margin-top:0;}

.extended #parrainageTool .clearer {background:none;}

/* #parrainageGains */
#parrainageGains {
	float:left;
	margin:0;
	height:70px;
}

#parrainageGains span.plus {
	float:left;
	padding:0 10px;
	color:#5DB2B4;
	font-size:52px; font-weight:bold;
	line-height:1.6;
}
.extended #content #parrainageGains span.item {
	margin:0;
	width:136px; height:70px;
	background:url(../img/bg/parrainageGains_item.gif) no-repeat; color:#FFF;
	font-size:13px;
	line-height:1;
	text-align:center;
}
.extended #content #parrainageGains span.price {
	display:block;
	padding-top:.1em;
	color:#FFF;
	font-size:44px;
}


/**
 * Auto-clearing method (do not work in IE)
 * @section        clearing
 */
#inFocus:after, #parrainageTool:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
}