@import 'reset.css';
@import 'typography.css';
.t {
background:#ffcc00;
}
body {
	padding:0px 0;	
	background:url(../images/bg_site.jpg) repeat-y center #eeeeee;
	
}
/********************************* 
containers
*********************************/
#outerwrapper {
	height:auto !important;
	margin:0 auto;
	min-height:100%;
	position:relative;
	width:1000px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: center 0;
}
/* header */
#region_header {

}		
	#region_header #logo{
		height:109px;
		width:1000px;
		position:relative;
		cursor:pointer;
	}
	#region_header #banner{
	
	}
	#region_header #n;avmain{
		
	}
/* main */	
#region_main {
	width:960px;
	margin:20px auto;		
}

	#region_content {
		width:640px;
		float:left;
	}
	
	#region_ad {
		float:right;
		width:300px;
	}
/* footer */	
#region_footer {
	width:960px;
	margin:0 auto;
	border-top:1px #999999 solid;
	padding-top:10px;
	font-size:11px;
}

/********************************* 
general purpose classes
*********************************/
	.box, #region_main, .newsitem, #partners_list  {
		min-height:1px;
	}
	.box:after, #region_main:after, .newsitem:after, #partners_list:after {
	  	clear:both;
	  	content:".";
	  	display:block;
	  	font-size:0;
	  	line-height:0;
	}
	.clear {
		clear:both;
	}
	hr.dotted {
		border-top:none;	
		border-bottom:1px dotted #CCCCCC;	
		height:1px;
	}
	.pagination {
		border-bottom:1px solid #CCCCCC;	
		text-align:right;
		padding-bottom:10px;
	}
	img {
		border:1px #efefef solid;
	}
	
/********************************* 
navigation
*********************************/
#navmain {
	
}
	#menu {
		background: url(../images/menu_bg.png) repeat-x;
		height: 29px;
		border-top:1px #dddddd solid;
		border-bottom:1px #dddddd solid;
		position:relative;
	}
	#menu ul
	{
		padding-left: 0;
		margin-left: 0;	
		color: #333;
		float: left;
	}
	
	#menu ul li { 
		display: inline;
	}
	
	#menu ul li a
	{
		padding: 0px 10px;
		color: #666666;
		text-decoration: none;
		float: left;
		border-right: 1px solid #dddddd;
		border-left: 1px solid #ffffff;
		line-height: 29px
	}
	#menu .selected
	{
		background: url(../images/menu_bg_sel.png) repeat-x center 0;
		padding: 9px 10px;
		color: White;
		text-decoration: none;
		float: left;
		height: 29px;
		font-weight:bold;
	}
	
	#menu ul li a:last-child {
		/*border-right:none;*/
	}
	#menu ul li a:hover
	{
		background: url(../images/menu_bg_hvr.png) repeat-x;
		text-decoration:none !important;
	}
	
	
#nav_sub {
		
		height: 29px;		
		
		position:relative;
		font-weight:bold;
		margin-bottom:1.5em;
	}
	#nav_sub ul
	{
		padding-left: 0;
		margin-left: 0;	
		color: #333;
		float: left;
		width:640px;
	}
	
	#nav_sub ul li { 
		display: inline;
		float:right;
		background:url(../images/nav_bt_left.png);	
		margin-left:10px;
	}
	#nav_sub ul li p{ 
		display: inline-block;
		float:right;
		background:url(../images/nav_bt_right.png) no-repeat right;
		margin:0px 0 0 2px;		
	}
	
	#nav_sub ul li a
	{
		padding: 0px 10px;
		color: #666666;
		text-decoration: none;
		float: left;		
		line-height: 29px
	}
	#nav_sub .selected
	{
		background: url(../images/menu_bg_sel.png) repeat-x center 0;
		padding: 9px 10px;
		color: White;
		text-decoration: none;
		float: left;
		height: 29px;
		font-weight:bold;
	}
	#nav_sub ul li a:hover
	{
		background: url(../images/menu_bg_ro.png) repeat-x;
		text-decoration:underline;
	}
	#nav_sub .left {
		float:left;
		margin-left:0px;
	}
	
		/* color mods */
		.subselected a{			
			color:#ffffff !important;
		}
		.subselected p{
			color:#ffffff !important;
		}
		/* elle */
		#elle #nav_sub {
			border-bottom:2px #f82582 solid;
			display: none;
		}
		#elle .subselected{ 		 
			background:url(../images/nav_bt_left_pink.png) !important;			
		}
		#elle .subselected p{
			background:url(../images/nav_bt_right_pink.png) no-repeat right  !important;			
		}
		/* deco */
		#deco #nav_sub {
			border-bottom:2px #917a14 solid;
			display: none;
		}
		#deco .subselected{ 		 
			background:url(../images/nav_bt_left_brown.png) !important;			
		}
		#deco .subselected p{
			background:url(../images/nav_bt_right_brown.png) no-repeat right  !important;			
		}
		/* red */
		#red #nav_sub {
			border-bottom:2px #ed1b24 solid;
			display: none;
		}
		#red .subselected{ 		 
			background:url(../images/nav_bt_left_red.png) !important;			
		}
		#red .subselected p{
			background:url(../images/nav_bt_right_red.png) no-repeat right  !important;			
		}
		/* psychologies */
		#psychologies #nav_sub {
			border-bottom:2px #a3026c solid;
			display: none;
		}
		#psychologies .subselected{ 		 
			background:url(../images/nav_bt_left_purple.png) !important;			
		}
		#psychologies .subselected p{
			background:url(../images/nav_bt_right_purple.png) no-repeat right  !important;			
		}
		/* insidesoap */
		#insidesoap #nav_sub {
			border-bottom:2px #bc1414 solid;
			display: none;
		}
		#insidesoap .subselected{ 		 
			background:url(../images/nav_bt_left_insidesoap.png) !important;			
		}
		#insidesoap .subselected p{
			background:url(../images/nav_bt_right_insidesoap.png) no-repeat right  !important;			
		}
	
ul#footerlinks li{
	display: inline;
	margin-left:0px;
	text-align:right;
}
	ul#footerlinks {
		float:right;	
		
	}
	ul#footerlinks a{
		color:#999 !important;	
		font-size:11px;
	}
	ul#footerlinks a:hover{
		color:#666;	
		text-decoration:underline;
	}
	.copy {
		float:left;	
		color:#999 !important;	
	}
	
	
/********************************* 
buttons
*********************************/
.bt_light {
		line-height:20px;
		background:url(../images/bt_light.png);
		display:inline-block;
		font-size:11px;
		padding:0 0px 0 10px;
		cursor:pointer;	
		font-family:Arial, Helvetica, sans-serif;	
	}	
	.bt_light .bt_inner{		
		background:url(../images/bt_light.png) no-repeat right;		
		padding-right:10px;
	}	
	.bt_light_hover {
		background:url(../images/bt_light_hvr.png) no-repeat right !important;
	}
	.bt_light:hover {
		background:url(../images/bt_light_hvr.png) no-repeat left !important;
	}
	.bt_light a{ text-decoration:none !important;color:#f82583; }
	.bt_light_a_hvr { text-decoration:none !important; color:#999 !important;}

.bt_dark {
		line-height:20px;
		background:url(../images/bt_dark.png);
		display:inline-block;
		font-size:11px;
		padding:0 0px 0 10px;
		cursor:pointer;	
		font-family:Arial, Helvetica, sans-serif;	
	}	
	.bt_dark .bt_inner{		
		background:url(../images/bt_dark.png) no-repeat right;		
		padding-right:10px;
	}	
	.bt_dark_hover {
		background:url(../images/bt_dark_hvr.png) no-repeat right !important;
	}
	.bt_dark:hover {
		background:url(../images/bt_dark_hvr.png) no-repeat left !important;
	}
	.bt_dark a{ text-decoration:none !important;color:#ffffff !important; }
	.bt_dark_a_hvr { text-decoration:none !important; color:#e5e5e5 !important;}

.bt_dark_arrow {
		line-height:20px;
		background:url(../images/bt_dark_arrow.png);
		display:inline-block;
		font-size:11px;
		padding:0 0px 0 10px;
		cursor:pointer;	
		font-family:Arial, Helvetica, sans-serif;	
	}	
	.bt_dark_arrow .bt_inner{		
		background:url(../images/bt_dark_arrow.png) no-repeat right;		
		padding-right:15px;
	}	
	.bt_dark_arrow_hover {
		background:url(../images/bt_dark_arrow_hvr.png) no-repeat right !important;
	}
	.bt_dark_arrow:hover {
		background:url(../images/bt_dark_arrow_hvr.png) no-repeat left !important;
	}
	.bt_dark_arrow a{ text-decoration:none !important;color:#ffffff !important; }
	.bt_dark_arrow_a_hvr { text-decoration:none !important; color:#e5e5e5 !important;}
/****** older ******/
.bt_nav {
	line-height:20px;
	background:url(../images/bt_left.png);
	display:inline-block;
	font-size:11px;
	padding:0 0px 0 10px;
	cursor:pointer;
}
	.bt_nav p{
		line-height:20px;
		background:url(../images/bt_right.png) no-repeat right;
		margin:0px;
		padding-right:10px;
	}
	.bt_nav:hover {
		/*background:url(../images/bt_left_hvr.png);*/
	}
	.bt_nav a:hover {		
		text-decoration:none !important;color:#999 !important;
	}
	.bt_nav p:hover {
		/*background:url(../images/bt_right_hvr.png) no-repeat right;*/		
	}
	
	.bt_normal {
		background:url(../images/bt_right_hvr.png) no-repeat right !important;
	}
	.bt_hover {
		background:url(../images/bt_right_hvr.png) no-repeat right !important;
		color:#999 !important;
	}
	.bt_nav p a:hover {
		text-decoration:none !important;color:#999 !important;
	}
	
	
	
	
	
	.tl {
		position:absolute;
		right:77px;
		top:5px;
	}
	.tr {
		position:absolute;
		right:20px;
		top:5px;
	}
.bt_nav_dark {
	line-height:20px;
	background:url(../images/bt_left_dark.png);
	display:inline-block;
	font-size:11px;
	padding:0 0px 0 10px;
	margin-top:5px;
	cursor:pointer;
}
	
	.bt_nav_dark p{
		line-height:20px;
		background:url(../images/bt_right_dark.png) no-repeat right;
		margin:0px;
		padding-right:10px;
		color:#ffffff;
	}
	.bt_nav_dark p a{
		color:#ffffff !important;	
	}
		.bt_nav_dark p a:hover{
		color:#fec7ff;	
		}
.bt_nav_dark_big {
	line-height:30px;
	background:url(../images/bt_left_dark_big.png);
	display:inline-block;
	font-size:16px;
	padding:0 0px 0 15px;
	margin-top:5px;
	font-weight:bold;
	cursor:pointer;
}
	
	.bt_nav_dark_big p{
		line-height:30px;
		background:url(../images/bt_right_dark_big.png) no-repeat right;
		margin:0px;
		padding-right:10px;
		color:#ffffff;
		text-align:center;
	}
	.bt_nav_dark_big p a{
		color:#ffffff !important;	
	}
		.bt_nav_dark_big p a:hover{
		color:#fec7ff;	
		}
	
/********************************* 
content
*********************************/
.col_left {
	float:left;
	width:370px;
}
	.feature {
		height:280px;
		background:#f9f9f9;
		border:1px solid #f0f0f0;
	}
	.feature .text{
		width:164px;
		margin:20px;
		font-size:11px;	
	}
.col_right {
	float:right;
	width:260px;
}
	.subfeature {
		height:140px;
		background-image: url(../images/bg_col_right_feature.png);
		background-repeat: repeat-x;
		border-bottom:1px dotted #cccccc;
		padding:0px 10px;
	}
	.subfeature h2{
		line-height:17px;
		margin-bottom:7px;
		padding:3px 0 0;
	}
	.subfeature img{
		float:left;
		margin-right:10px;
	}
	.subfeature .text{
		font-size:11px;	
	}

/********************************* 
layout variations
*********************************/
.offer .col_left {
	float:left;
	width:260px;
	border-bottom:1px solid #CCCCCC;
	height:278px;
}

.offer .col_right {
	float:right;
	width:370px;
}
.page_partner h1, .news h1 {
	border-bottom:1px dotted #CCCCCC;
	color:#f82582;
	padding-bottom:13px;
}

/********************************* 
magazine variations
*********************************/
#elle #region_header #logo{background:url(../images/elle_covers.png) no-repeat; }

	#elle .feature {
		background:url(../images/home_elle.png) no-repeat bottom right #f9f9f9;
	}
	
	#elle .description, #elle #partners_list {
		border-bottom:2px #f82582 solid;	
	}

#deco #region_header #logo{background:url(../images/deco_covers.png) no-repeat; }
	#deco .description, #deco #partners_list {
		border-bottom:2px #917a14 solid;	
	}

	#deco .feature {
		background:url(../images/home_deco.png) no-repeat bottom right #f9f9f9;
	}


#red #region_header #logo{background:url(../images/red_covers.png) no-repeat; }
	#red .description, #red #partners_list {
		border-bottom:2px #ed1b24 solid;	
	}

	#red .feature {
		background:url(../images/home_red.png) no-repeat bottom right #f9f9f9;
	}

	
#psychologies #region_header #logo{background:url(../images/psy_covers.png) no-repeat; }
	#psychologies .description, #psychologies #partners_list {
		border-bottom:2px #a3026c solid;	
	}

	#psychologies .feature {
		background:url(../images/home_psy.png) no-repeat bottom right #f9f9f9;
	}
		


/********************************* 
offer page
*********************************/
.cta {
	background:#f9f9f9;
	border:1px solid #f0f0f0;
	padding:10px;
}
.detail {
	margin-top:5px;	
	font-size:11px;
	padding-left:10px;
}
.partner img {
	float:left;
	margin-right:10px;
}
	.partner {
		line-height:45px;	
		margin-top:15px;
	}
	.partner a{
		color:#666 !important;
	}
	.partner a:hover{
		text-decoration:underline;
	}
.description {
	clear:both;	
	padding:20px 0 0 0;
}
/********************************* 
partners
*********************************/
.page_partner .title{
		color:#666666;
		font-family:Georgia,"Times New Roman",Times,serif;
		font-weight:normal;
		font-size:16px;
		line-height:1.3em;
}
	.page_partner .title a{
		color:#666666 !important;
		font-size:16px !important;	
	}
	.page_partner .title a:hover{
		color:#f82582;		
	}
	.page_partner .partner_item img {
		float:left;
		margin:0 10px 20px 0;
	}
	.page_partner .partner_item {
		width:310px;	
		border-bottom:1px dotted #CCCCCC;
		padding:10px 0 10px 0;
		float:left;
		margin-right:10px;
		font-size:11px;
	}
	.page_partner .partner_item p {
		line-height:1.3em;	
		margin-bottom:0px;
	}
.partner_column_left {
	width:450px;
	float:left;
}
.partner_column_right {
	width:140px;
	float:right;
}
/********************************* 
news
*********************************/
.newsitem {
	border-bottom:1px dotted #CCCCCC;
	padding:10px 0;
	width:640px;
}
	.newsitem img{
		float:left;
		margin-right:10px;
	}
	.newsitem_text p{
		margin-bottom:10px;
	}
	.newsitem_text {
		margin-left:130px;
	}
	.newsitem:last-child {
		border-bottom:none;
	}
.article img {
	float:right;
	margin-left:10px;
}
.news_sub {
	background:#f9f9f9;
	border:1px solid #f0f0f0;
	float:right;
	width:140px;
	clear:both;
	margin:10px 0 10px 10px;
	padding:10px;
}
	.news_sub h2{
		font-size:1.2em;
		line-height:1.3em;
	}
	.news_sub .link{
		font-weight:bold;
	}
/********************************* 
popups
*********************************/
#popup  {
padding:0 15px 15px !important;
}
body#popup  {
	background:#ffffff !important;
	padding:0 15px 15px !important;
	
}
#popup h1 {
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:10px;
}
.right {
	float:right;
}
.password {
	font-size:11px;
}
.formtable tr{
	font-weight:bold;
}
.error {
	background:#ffd7d7;
}
.message_error {
	padding:10px;
	margin:10px 0;
	border:1px dotted #ffd7d7;
	color:#FF0000;
}
.helper {
	font-size:11px;
	padding:10px 0;
}
.section_title {
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}
.checkbox {
	vertical-align:middle;
	line-height:12px;
}
	.checkrow{
		font-size:11px;
		font-weight:bold;
	}
.toggle {
	display:none;
}
#sb-content .bt_nav{
	display:none;
}
/********************************* 
partners list
*********************************/
#partners_list ul
	{
		padding-left: 0;
		margin-left: 0;	
		color: #333;
		float: left;
		margin-top:15px;
	}
	
	#partners_list ul li { 
		display: inline;
		margin-left:10px;
		margin-right:37px;
	}
		#partners_list ul li:last-child { 		
		margin-left:0px;
		}
	#partners_list img {
		width:60px;
		height:45px;
	}
/********************************* 
voucher text 
*********************************/
.voucherdetails {
	position:absolute;
	z-index:1000;
}
	.reiss {
		left:608px;
		top:150px;
		line-height:24px;
	}
	.rouge {
		left:665px;
		line-height:27px;
		top:185px;
	}	

/********************************* 
temporary 
*********************************/
.jcarousel-item img {
	width:60px !important;
	height:45px !important;
}
ul.carousel li{
	visibility:hidden;
}
.vouch {
	position:absolute;
	display:none;
}