/*
Cassis main style sheet
Copyright 2008 Inpix.ca / @inpix.ca
Last edit: 2008-11-14
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style-type: none;}
/* hide from ie5 mac \*/
html { height: 100%;}
/* end hide */
body { background: #f3f1f3 url(/img/bg.jpg) 0 0 repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 68.75%; line-height: 1.4em; color: #464646; text-align: left; min-height: 100%;}
/* hack opera */
html:first-child body { height: 100%;}

#container { width: 100%; min-height: 100%; position: absolute; display: block; background: url(/img/bg_header_inner.gif) 0 0 repeat-y; }
#container_picks { width: 100%; min-height: 100%; position: absolute; display: block; background: white; margin-left:136px; }

.pg_gen #container, #pg_media #container { background: url(/img/bg_header_inner_glow.gif) 0 0 repeat-y;}
.white_bg{
	background:#FFFFFF url(/images/cassis/bg_body.png) bottom left repeat-x !important;
}
#container #container_inner { width: 100%; min-height:100%;}

/* //////////////////////////////////////////////////////////////////////////
general */

a { color: #cf0072; text-decoration: none;}
a:hover, a:active, a:focus { text-decoration: underline; }
a.selected { cursor: default;}
a.selected:hover, a.selected:active, a.selected:focus { cursor: default!important;}

/* title */
h1, h2, h3, h4, h5, h6 { }
h1 a, h2 a, h3 a, h5 a, h6 a { }
h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus, 
h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, 
h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus { }

h2 { color: #130a16; font-weight: normal; font-size: 145%; margin: 0 0 20px;}
h3 { }
h4 { }
h5 { }
h6 { }

/* class gen */
.clearer { width: 100%; clear: both; height: 1px; line-height: 0; font-size: 1px; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important;}
.hidden { visibility: hidden;}
.none, .printonly { display: none!important;}
.no_float { float: none!important;}
.self_clear { width: 100%; overflow: hidden;}
.spaced { margin-bottom: 15px!important;}
.spaced_big { margin-bottom: 30px!important;}
.top { text-align: right;}
/* class gen end */

#header, #footer_inner, .size { font-size: 90%;}

/* header */
#header { float: left; width: 136px; background: #000;}
	.pg_gen #header, #pg_media #header { width: 167px; background-color: transparent;}

	#header h1 { width: 136px; height: 80px; background: url(/img/en/logo.jpg) 0 0 no-repeat;}
		.lang_fr #header h1 { background-image: url(/img/fr/logo.jpg);}
	.pg_gen #header h1, #pg_media #header h1 { width: 100%;}
		#header h1 a { display: block; width: 99%; height: 100%; text-indent: -9000px;}
			#header h1 a:hover { cursor: pointer; }
	#header #box_menu { width: 136px; background: #000; padding: 0 0 1px;}
	#header ul { width: 100%; overflow: hidden;}
	#header .menu { background: #000 url(/img/header_split.gif) 0 bottom no-repeat; margin: 0 0 20px; }
		#header ul li { width: 100%; float: left; background: url(/img/header_split.gif) 0 0 no-repeat;}
		#header ul li a { display: block; width: 105px; padding: 3px 17px; color: #fff;}
			#header ul li a:hover, /*#header ul li a:active, #header ul li a:focus, */#header ul li.selected a { background: url(/img/bg_header_btn.jpg) 0 0 no-repeat; text-decoration: none;}
			#header ul li a:active, #header ul li a:focus { text-decoration: none;}
		/* sm */	
		#header ul li ul { padding: 0; display: none; background: url(/img/header_split_sm.gif) 0 bottom no-repeat; padding: 0 0 1px;}
		#header ul li.selected ul { display: block;}
			#header ul li.selected ul li a { background: none; overflow: hidden;}
			#header ul li ul li.selected a, #header ul li ul li a:hover/*, #header ul li ul li a:active, #header ul li ul li a:focus*/ { background: url(/img/bg_header_btn_sm.jpg) 0 0 no-repeat; text-decoration: none;}
			#header ul li ul li a:active, #header ul li ul li a:focus { text-decoration: none;}
			#header ul li ul li a em { display: block; float: left; width: 6px; height: 5px; margin: 5px 0 0; padding: 0 5px 0 0; font-size: 1px; line-height: 1px; text-indent: -9000px;}
				#header ul li ul li.selected a em { background: url(/img/icn_header_sm.gif) 0 -30px no-repeat;}
			#header ul li ul li a span { float: left; width: 88px;}
			#header ul li ul li a:hover em, #header ul li ul li a:hover span { cursor: pointer;}
/* header end */

#bar_news { width: 100%; height: 20px; background: #fff; text-align: right;}
	#bar_news p { margin: 0 20px 0 0; padding: 2px 0 0;}
	#bar_news a { color: #7a7478; letter-spacing: -1px; background: url(/img/icn_link_newsletter.gif) right 4px no-repeat; padding: 0 11px 0 0;}

/* content */
#container_landing { width: 986px; overflow: hidden; }

#content { width: 850px; float: left; display: block;}
	#pg_media #content { width: 850px; float: left; display: block; position: relative; margin: 0 0 0 -31px;}
	.pg_gen #content { width: 800px; padding: 20px 0 40px;}

	#flashcontent { float: left; width: 294px; height: 100%; margin: 0;}
	#flashcontent.landing { width: 540px;}
		#flashcontent #landing { float: left;}
		
	#content_inner { float: left; width: 536px; margin: 37px 0 20px 20px;}
		#content_inner.media { width: 830px; display: inline;}
	
	#content_inner h3 { font-weight: bold; text-transform: uppercase;}
	.intro p, .intro ul, .intro ol, #page_infos p { margin: 0 0 15px;}
	.intro ul { margin-left: 20px;}
		.intro ul li { list-style-type: disc;}
	
	.bt_terms a { background: url(/img/icn_store_info.gif) 0 3px no-repeat; padding: 0 0 0 16px;}
	.bt_terms a.open { background-position: 0 -26px;}
	
	/* ################################################
	/* store */
	
	#store_landing { position: absolute; top: 50%; left: 696px; margin: -110px 0 0;}
		#store_landing ul { font-size: 145%;}
			#store_landing ul li { margin: 0 0 10px;}
				#store_landing ul li a { background: url(/img/icn_store_city.gif) 0 5px no-repeat; padding: 0 0 0 16px;}
				
	#store_cities { float: left; width: 536px; margin: 37px 0 0 20px; padding: 0 0 20px; color: #6c6f70;}
		#store_cities .menu { font-size: 127%; margin: 0 0 10px;}
			#store_cities .menu li { display: inline; padding: 0 20px 0 0;}
				#store_cities .menu li a { background: url(/img/icn_store_city.gif) 0 5px no-repeat; padding: 0 0 0 13px;}
				#store_cities .menu li.selected a { background-position: 0 -17px; color: #bab6ba;}
				#store_cities .menu li.selected a:hover, #store_cities .menu li.selected a:active, #store_cities .menu li.selected a:focus { text-decoration: none; cursor: default;}
		
		#store_cities #stores { width: 100%;}
			#store_cities .col { /*width: 47%;*/ width: 258px; float: left;}
			#store_cities .colR { float: right;}
				#store_cities .city { padding: 15px 0; border-top: 1px dotted #cdc9cd;}
					#store_cities .city dl { margin: 0 0 15px; }
						#store_cities .city dt { color: #353535; font-weight: bold;}
					#store_cities .city .bt_hours a { background: url(/img/icn_store_info.gif) 0 3px no-repeat; padding: 0 0 0 16px;}
					#store_cities .city .bt_hours a.open { background-position: 0 -26px;}
					#store_cities .city .bt_map a { background: url(/img/icn_store_info.gif) 0 -55px no-repeat; padding: 0 0 0 16px;}
					
					#store_cities .city .hours { background: #eae7ea url(/img/bg_store_hour.gif) 0 0 repeat-x; margin: 5px 0;}
					#store_cities .city .hours ul { background: url(/img/bg_store_hour2.gif) 0 bottom repeat-x; padding: 10px 15px;}
	
	/* ################################################
	/* in the media */
	#media_landing { width: 100%; overflow: hidden;}
		#media_landing li { float: left; width: 144px; /*height: 240px;*/ padding: 0 15px 20px 0; overflow: hidden;}
			#media_landing img { display: block; margin: 0 0 3px;}
			#media_landing a { font-size: 90%; font-style: italic;}
	
	#media_magazine { width: 100%; overflow: hidden;}
	
		#media_magazine #media_cover { float: left; width: 275px; position: relative;}
			#media_magazine #media_cover ul { width: 100%;}
				#media_magazine #media_cover li { display: block; width: 225px; margin: 0 auto;}
			#media_magazine #media_cover p { position: absolute; top: 50%; /*left: 0;*/ margin: -13px 0 0; width: 16px;}
			#media_magazine #media_cover p.bt_next { right: 0;}
				#media_cover .bt_cover_nav a { display: block; width: 16px; height: 26px; background: url(/img/bt_media_fl.gif) 0 0 no-repeat; text-indent: -9000px;}
				#media_cover .bt_next a { background-position: right 0;}
		
		#media_pages { float: left; width: 530px; overflow: hidden; margin: 0 0 0 15px;}
		
			#magazine_container { width: 100%; overflow: hidden;}
			#magazine { float: left; width: 370px;}
			#magazine_image { float: right; width: 144px; overflow: hidden;}
			
			#magazine_title { width: 100%; overflow: hidden; margin: 0 0 15px;}
				#magazine_title h4 { float: left; font-weight: normal;}
					#magazine_title h4 strong { font-weight: bold; text-transform: uppercase;}
					#magazine_title h4 span { padding: 0 4px;}
					#magazine_title h4 em { display: block; font-size: 90%; color: #9f939f;}
				#magazine_title p { float: right;}
				#magazine_title .bt_back a { background: url(/img/icn_bt_back.gif) 0 center no-repeat; padding: 0 0 0 13px;}
				
			#magazine_ls_pages { width: 100%; overflow: hidden; border-top: 1px dotted #cdc9cd; border-bottom: 1px dotted #cdc9cd; margin: 0 0 15px; padding: 15px 0 10px;}
				#magazine_ls_pages li { float: left; display: block; width: 46px; margin: 0 5px 5px 0; padding: 3px;}
				#magazine_ls_pages li.selected { background: url(/img/bg_media_page.jpg) 0 0 repeat-x;}
					#magazine_ls_pages li img { float: left;}
					
			#page_infos h5 { font-weight: bold;}

/* ################################################
 collection */

#txt_landing { position: absolute; top: 50%; left: 696px; right: 0; width: 305px; margin: -130px 0 0;}

#coll_txt { position: absolute; width: 170px; top: 57px; left: 167px;}
	#coll_txt div { font-size: 127%; color: #797779; line-height: 1.4em;}
	
#coll_items{ position: absolute; width: 305px; top: 64px; left: 50%; margin: 0 0 0 185px; overflow: hidden;}
	#coll_items ul, #lookpage_items ul { width: 100%; overflow: hidden; color: #564d56;}
		#lookpage_items ul {background:#E2E2E2;}
		#coll_items ul li{ float: left; width: 100%; margin: 0 0 8px; padding: 0 0 8px; background: url(/img/items_split.gif) 0 bottom repeat-x;}
		#lookpage_items ul li { float: left; width: 100%; margin: 0 5px 8px 5px; padding: 0 0 8px; background: url(/img/items_split.gif) 0 bottom repeat-x;}
			#coll_items dt, #lookpage_items dt { font-weight: bold;}
			#coll_items dd, #lookpage_items dd { width: 100%; overflow: hidden;}
				#coll_items dd span, #lookpage_items dd span { padding: 0 4px;}
				
				#coll_items dd ul, #lookpage_items dd ul { float: left; width: 49%; overflow: hidden; margin: 3px 0 0;}
					#coll_items dd ul li, #lookpage_items dd ul li{ float: left; display: block; width: 10px; height: 10px; margin: 0 5px 0 0; padding: 0; background: #ccc; text-indent: -9000px; line-height: 1px;}
					#coll_items dd p, #lookpage_items dd p{ float: left; width: 49%; font-size: 110%; text-align: right;}
					#coll_items .sale, #lookpage_items .sale{ color: #a71056;}
					#coll_items .sale s, #lookpage_items .sale s{ color: #564d56;}
					#coll_items dd p .cents, #lookpage_items dd p .cents{ font-size: 80%; position: relative; top: -2px; left: -2px;}

/* menu_coll */		
#menu_coll { width: 100%; background: #fff url(/img/bg_coll_men.gif) 0 bottom repeat-x; border-bottom: 1px solid #ebe9eb;}
	#menu_coll h3 { font-weight: normal; font-size: 140%;}
		#menu_coll h3 a { display: block; width: 100%; color: #928b81; padding: 6px 11px;}
			#menu_coll h3 a:hover, #menu_coll h3 a:active, #menu_coll h3 a:focus { text-decoration: none;}
			#menu_coll h3 a:hover span { color: #cf0072; text-decoration: underline;}
			#menu_coll h3 a span { background: url(/img/icn_coll_men_t.gif) right center no-repeat; padding: 0 14px 0 0;}
			
	#menu_coll ul { width: 100%; text-align: center; padding: 0 0 7px;}
		#menu_coll ul li { display: inline;}
		#menu_coll ul li a img { padding: 0 8px 8px;}
		#menu_coll ul li a:hover img { background: url(/img/bg_coll_men_img.gif) center 70px no-repeat;}
		#menu_coll ul li.selected a img { background: url(/img/bg_coll_men_img.gif) center -170px no-repeat; }
/* collection */
	
#store_cta { position: absolute; /*width: 300px;*/ top: -55px; right: 20px; }
		#store_cta a { display: block; width: 100%; height: 34px; text-indent: -9000px;}
			#store_cta a:hover, #store_cta a:active, #store_cta a:focus { text-decoration: none; background-position: 0 -34px!important; }
		/*#store_cta strong { text-transform: uppercase; display: block; font-weight: normal;}
		#store_cta em { font-style: normal; background: url(/img/icn_store_cta.gif) 0 4px no-repeat; padding: 0 0 0 11px;}*/

/* footer */
#footer { position: absolute; bottom: 0; width: 100%;}
	#footer #ls_footer { width: 100%; height: 17px; background: #fff; overflow: hidden; text-align: center; padding: 3px 0 0;}
		#footer #ls_footer li { display: inline; margin: 0 19px 0 0; padding: 0 19px 0 0; background: url(/img/footer_split.gif) right center no-repeat;}
		#footer #ls_footer li.last { background: none;}
			#footer #ls_footer a { color: #847d82;}
			#footer #ls_footer a:hover, #footer #ls_footer a:active, #footer #ls_footer a:focus { color: #a71056;}
/* footer end */

/**** look page wireframe*/
.container_lookpage{
	background:#ffffff url(/images/cassis/bg_top.png) top left repeat-x;
	margin-left:136px;
	min-height:100%;
	height:100%;
	position:relative;
}
.header_lookpage{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:42px;
	z-index:10;
	background: url(/images/cassis/bg_top.png) top left repeat-x;
}
.lynn_tip_col{
float:left;
	width:410px;
	padding:55px 0px;
	position:relative;
}
h1.lynn_style_en, h1.lynn_style_fr{
	text-indent:-999999px;
	width:287px;
	height:65px;
	margin:0px 55px;
}
h1.lynn_style_en{
	background:url(/images/cassis/stylist_tip_en.jpg) top left no-repeat;
}
h1.lynn_style_fr{
	background:url(/images/cassis/stylist_tip_fr.jpg) top left no-repeat;
}
h2.bio_en, h2.bio_fr{
	text-indent:-999999px;
	position:relative;
		margin:0px 55px;
		width:285px;
		height:31px;
		cursor:pointer;
}
h2.bio_en{
	background:url(/images/cassis/lynn_bio_en.jpg) top left no-repeat;
}
h2.bio_fr{background:url(/images/cassis/lynn_bio_fr.jpg) top left no-repeat;}
#bio{
	margin:0px 0px 10px 56px;
	font-size:14px;
	line-height:28px;
	font-family:Times, Serif;
	font-style:italic;
	width:281px;
	border:1px solid #000000;
	border-top:0px;
	color:#000000;
	display:none;
}
#bio p{
	margin:0px 5px 5px;
}
 .arrow_close{
	position:absolute;
	top:0px;
	right:0px;
	width:29px;
	height:30px;
	display:none;
	background:url(/images/cassis/h2_close.jpg) top left no-repeat;
}
.lynn_tip_col p{
	margin:10px 55px 10px;
	font-size:16px;
	line-height:20px;
	font-family:Times, Serif;
	font-style:italic;
	color:#000000;
}
.tips_cta{
	margin: 5px 0px 0px 55px;
}
.top_link{
	position:absolute;
	top:10px;
	z-index:12;
	right:2px;
	text-align:right;
}
.top_link a{
	text-decoration:none;
	font-size:14px;	
	color:#000000;
	font-family:Times, Serif;
	font-style:italic;
}
.model_holder_col{
float:left;
position:relative;
	width:380px;
	background:#f1f1f1;
}
.model_holder_links{
	position:absolute;
	left:0px;
	top:0px;
}
.model_holder_links a{
	float:left;
	display:block;
	background:#000000;
	text-decoration:none;
	color:#FFFFFF;
	line-height:30px;
	vertical-align:middle;
	height:30px;
	padding:0px 10px;
	margin-right:2px;
		font-size:14px;	
	font-family:Times, Serif;
	font-style:italic;
}
.model_holder_links a:hover{
	text-decoration:underline;
}
.product_info_col{
	float:left;
	width:305px;
}
.colitems{
	position: relative !important; 
	width: 305px;
	/*float:left;*/
	padding-top:55px;
	margin:0px 0px 55px 800px;
}
h2.look_en, h2.look_fr{
	text-indent:-999999px;
		margin:0px 50px 10px;
		width:221px;
		height:38px;
		cursor:pointer;
}
h2.look_en{background:url(/images/cassis/h2_look_en.jpg) top left no-repeat;}
h2.look_fr{background:url(/images/cassis/h2_look_fr.jpg) top left no-repeat;}
.social_media_btn{
margin-left:15px}
.share_div{

	background:url(/images/cassis/curly_brack_11.jpg) top left no-repeat;
	width:295px;
	margin:30px 0px;
	height:118px;
	padding-top:5px;
	text-align:center;
}
.share_div a{
	display:block;
	margin:5px 0px;
	text-decoration:none;
}
.share_div .share_lang_api{
	width:84px;
	margin:0px auto;
}
.share_div img{
	vertical-align:middle;
}
h2.more_appeal_en, h2.more_appeal_fr{
	text-indent:-999999px;
		margin:10px 0px 10px;
		width:296px;
		height:47px;
		cursor:pointer;
}
h2.more_appeal_en{background:url(/images/cassis/more_en.jpg) top left no-repeat;}
h2.more_appeal_fr{background:url(/images/cassis/more_fr.jpg) top left no-repeat;}
.more_thumbs a{ display:inline; margin:0px 2px 0px 0px;}

h1.video_title_en, h1.video_title_fr{
	text-indent:-999999px;
		margin:0px 50px 10px;
		width:444px;
		height:88px;
		margin-top:30px;
		cursor:pointer;
}
#video_embed{
	margin:10px 0px 10px 50px;
}
h1.video_title_en{

		background:url(/images/cassis/video_en_03.png) top left no-repeat;
}
h1.video_title_fr{
background:url(/images/cassis/video_fr_03.png) top left no-repeat;
	
}
.video_left_cta{
	float:left;
	width:277px;
	margin:20px 0px 30px 50px;
}
.video_right_cta{
	float:left;
	width:424px;

}
.spacer_en{	margin:20px 0px 30px 0px;}
.spacer_fr{
		margin:20px 0px 30px 50px;
}
/********* video popup ****************/
.video_box{ 
	width:783px;
	height:642px;
	background:#FFFFFF;
}
.video_placer{  /* modifie le 8 mars 2010*/
	width:723px;
	padding-top:0px;
	margin:0px auto;
}
.logo_video{ /* modifie le 8 mars */

	margin:20px 0px 0px 35px;
}
#outercontainer #footer{
	background-color:pink !important;
}
.img_flash{
	margin:10px;
}
/********** contest page *********/
h1.contest_title_en, h1.contest_title_fr{
		margin:0px 50px 10px;
		width:835px;
		padding-top:30px;
		height:140px;

		cursor:pointer;
}
h1.contest_title_en a, h1.contest_title_fr a{
	display:block;
	width:835px;
	height:140px;
	text-decoration:none;
	text-indent:-999999px;
} 
h1.contest_title_en a{
		background:url(/images/cassis/contest_title_en.jpg) top left no-repeat;
}
#contest_video{
	margin-bottom:10px;
}
 h1.contest_title_fr a{ background:url(/images/cassis/contest_title_fr.jpg) top left no-repeat;}
.container_contest{
	padding-bottom:50px;
}
.contest_bg{
	background:url(/images/cassis/contest_bg.jpg) top right repeat-y;
	width:835px;
	margin:0px 0px 0px 50px;
}
.contest_left{
	float:left;
	width:495px;
	margin:0px 10px 0px 0px;}
.contest_left p {
	text-align:right;
	width:100%;
	height:240px;
	margin:0px;
}

.contest_right{
	float:left;
	width:330px;
	margin-bottom:50px;

}

.contest_cta_en, .contest_cta_fr{
		text-indent:-999999px;
			margin:25px auto;
			width:221px;
}
.contest_cta_en{
	background:url(/images/cassis/contest_h2_en.jpg) top left no-repeat;
	height:194px;
}

.contest_cta_fr{
	background:url(/images/cassis/contest_h2_fr.jpg) top left no-repeat;
	height:253px;
}
.contest_rules{
	margin:25px 0px;
	text-align:center;
	width:100%;

}
.contest_rules a{
	text-decoration:underline;
	color:#4A4A4E;
}
.participate{
	width:221px; 
	margin:10px auto;
	padding:30px 0px;
	border:1px solid #92548f;
	border-left:0px;
	border-right:0px;
	text-align:center;
}