/*------------------------------------------------------------
[Stylesheet - Content - Local - central.css]

Project: 		ExtraFilm
Version:		2.0
Primary use:	E-commerce
Country:		France

[Table of contents]

1.	Install Activex
2.	MyExtrafilm - Home
3.	Impulse buying
4.	Badges
5.	Products
6.	CRM
7.	Conversion experiments
-------------------------------------------------------------*/

/*------------------------------------------------------------

[1.	Install Activex]

-------------------------------------------------------------*/
.pageFR .screenshotActiveX {
	background:url(../products/upload/explenation-activex.png) no-repeat}
* html .pageFR .screenshotActiveX {
	background-image:url(../products/upload/ie6/explenation-activex.gif)}

/*------------------------------------------------------------

[2.	MyExtrafilm - Home]

-------------------------------------------------------------*/
.myExtrafilm .pageFR .graphOverlay{
	background:url(../home/welcome-photobooks.jpg) no-repeat}

/*------------------------------------------------------------

[4. Badges]

-------------------------------------------------------------*/
.detailProduct .newQuality-fr {
	background:url(../badges/new_quality.png) no-repeat}
.funIdeas .newQuality-fr{
	background:url(../badges/new_quality_small.png) no-repeat}
.cardsOverview .newDesigns{
	background:url(../badges/new_designs.png) no-repeat}
.entrance .newDesigns{
	background:url(../badges/new_designs_small.png) no-repeat}
/*------------------------------------------------------------

[5. Products]

-------------------------------------------------------------*/

.entrance .newFrames {font-size:12px; top:418px; width:79px; right:675px;}
* html .entrance .newFrames {width:85px;}

.entrance .subnav .navOcc h2{
background-image:url(../title_occasions.png); background-repeat:no-repeat; height:56px; /*width:244px;*/text-indent:5000px;}

.entrance .subnav .navRec h2{
background-image:url(../title_recommendations.png); background-repeat:no-repeat; height:56px; /*width:244px;*/text-indent:5000px;}

/* 5 - Fun Ideas -- */
.funIdeas .boxRcWhiteHoverOI .contentBox h2{max-width:150px;}
.frosted_glass .printable_01, .frosted_glass .printable_02{ font-size:10px;}
.bear .printable_01 {top:142px;}
.bear .printable_02 {top:50px;}
.apron .printable_01 {top:128px;}
.apron .printable_02 {top:83px;}

/* 6 - Cards -- */
.cardsOverview .lstProductTypes-1 .rounded .txt { bottom:-51px;}
.cardsOverview .lstProductTypes-1 .table .txt{bottom:-50px;}
.cardsOverview .lstProductTypes-1 .family .txt{bottom:-50px;}
.cardsOverview .lstProductTypes-2 ul {width:155px;}

.family .specs{width:420px;}
.family .detailText{width:300px;}
.family .specs .photo{width:170px;}
.family .specs .pattern{width:170px;}

.table .specs{width:420px;}
.table .detailText{width:300px;}
.table .specs .photo{width:170px;}
.table .specs .pattern{width:160px;}

.double_folded .detailText{width:300px;}
.double_folded .specs {width:400px;}

/* 6 - Calendars -- */
.calendars .boxRcWhite .position {width:420px;}
.calendars #birthday-calendar .contentBox img {top:22px;}
.calendars .boxRcWhiteHoverOI ul {bottom:12px;}
.calendars .go{right:8px;}

/* 7 - Wall-Decoration -- */
.wallDeco .boxRcWhiteHoverOI ul {width:155px;}
.canvas .formatInCm{width:700px;}
.canvas .canvasDetail p {width:110px;}

/* 7 - Occassions -- */
.occasions .boxFixedOcc h2, .recommendations .boxRcWhiteHoverOI .contentBox h2{max-width:128px;}
.occasions .boxHalloween .intro{width:300px}
/* 8 - Photobooks -- */
.share .imgFormat {padding-top:10px;}
.photobooks .boxRcWhite {
height:567px;
}

/* -- Prints --*/

.printsAndPosters .turbo img{top:88px;}


/*------------------------------------------------------------

[6.	CRM]

-------------------------------------------------------------*/

.promoFR{ top:30px;}

.CUSTOMERCARE .graphOverlay { background:transparent url(../crm/confirmationpage/CUSTOMERCARE.jpg) no-repeat center;  }

.CRMRTOCP01 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP01.jpg) no-repeat center;  }

.CRMRTOCP02 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP02.jpg) no-repeat center;  }
.CRMRTOCP02 p{ font-size:11px;}

.CRMRTOCP03 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP03.jpg) no-repeat center;  }

.CRMRTOCP04 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP04.jpg) no-repeat center;  }
.CRMRTOCP04 p{bottom:0; margin:0 0 25px 5px; padding:0 30px; width:640px; }

.CRMRTOCP05 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP05.jpg) no-repeat center;  }
.CRMRTOCP05 p{ font-size:11px;}

.CRMRTOCP06 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP06.jpg) no-repeat center;  }
.CRMRTOCP06 p{bottom:0; margin:0 0 25px 5px; padding:0 30px; width:640px; }

.CRMRTOCP07 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP07.jpg) no-repeat center;  }
.CRMRTOCP07 p{font-size:11px;}

.CRMRTOCP08 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP08.jpg) no-repeat center;  }
.CRMRTOCP08 p{bottom:0; margin:0 0 25px 5px; padding:0 30px; width:640px; }


.confirmationCRM .graphOverlay p {position:relative; margin:100px 0 3px 0;}
.confirmationCRM .graphOverlay p.conditions{font-size:10px; margin-top:0;}
/*------------------------------------------------------------

[7.	Conversion experiments]

-------------------------------------------------------------*/
/* Products.Prints*/
.CE_prints .bgPrint {background:url(../conversionExperiments/prints201006/content-left-bg-print.gif) no-repeat scroll 0 4px transparent;
position:absolute; top:20px; left:0; height:318px; width:206px}
.CE_prints .bgPrint p{text-indent:-3000px}
.CE_prints .usp{position:absolute; top:20px; left:0; height:318px; width:206px}
.CE_prints .usp h2 {margin-left:20px; font-size:18px; border:none; color:#99BE0E}
.CE_prints .usp ul {margin-left:5px} 
 *HTML .CE_prints .usp{margin-left:-220px}
 *HTML .CE_prints .usp h2{margin-left:12px}


.poster_collage .boxFixed{
	background:url(../conversiontests/posters/box_rc_blue.png) no-repeat center;
	position:relative; float:left; height:287px; width:382px; margin-bottom:15px}
.poster_collage .continue2{right:15px}
.poster_collage .boxFixed img{position:absolute; top:70px; left:6px}
.poster_collage .boxFixed p {line-height:20px; font-size:16px; margin-top:20px; margin-left:22px; color:#4C4677}
.poster_collage .boxFixed p .large{font-size:25px;}
.poster_collage .boxFixed .productPrice{position:absolute; top:20px; right:25px}

/* Products */
.CE_PEP {}
.CE_PEP .lstProducts{width:769px;}
.CE_PEP .horizontal .lstProducts{width:1000px; padding-left:16px;}

.CE_PEP .entrance .subnav {float:left; width:200px; margin:0 7px 0 16px;}
*html .CE_PEP .entrance .subnav {margin-left:8px;}
.CE_PEP .nav .fixedMiddle { height:100%; background:url(../conversionExperiments/PEP201005/bg_products_subnav_middle.jpg); background-repeat:repeat-y; margin:-15px 0 0;}
.CE_PEP .nav .fixedBottom { height:13px; background:url(../conversionExperiments/PEP201005/bg_products_subnav_bottom.jpg); background-repeat:no-repeat; margin-top:-3px;}

.CE_PEP .entrance .boxRcWhiteHoverOI{ margin:0 9px 9px 0;}
.CE_PEP .general {margin:0; padding:0;}
.CE_PEP .nav{margin:0 0 20px; width:200px;}
.CE_PEP .nav h2{ position:relative; z-index:100; text-indent:-5000px; height:35px; background-repeat:no-repeat;}
*html .CE_PEP .nav h2{padding:0 0 9px; }

.CE_PEP .nav ul li{ line-height:18px; margin-bottom:3px;}
.CE_PEP .nav ul a.noArrow:hover{ height:20px; background:url(../conversionExperiments/PEP201005/bg_products_subnav_li.jpg) 12px 0px; background-repeat:no-repeat; color:#160C49;}

.CE_PEP .nav ul li ul {padding:0 0 0 6px;}
.CE_PEP .nav ul li ul a {text-indent:33px;}
.CE_PEP .nav ul li ul a.underL { text-decoration:underline;}
.CE_PEP .nav ul li ul a:hover{ height:20px; background:url(../conversionExperiments/PEP201005/bg_products_subnav_li_ul_li.jpg) 15px 0; background-repeat:no-repeat; color:#160C49;}
.CE_PEP .PB_sizes{ font-weight:normal;}

.CE_PEP .nav ul{ padding:20px 0 0;}
.CE_PEP .nav ul li a{ font-weight:bold; text-decoration:none; text-indent:34px; display:block; height:20px; width:100%; cursor:pointer;}
.CE_PEP .nav ul li .doubleLine{height:40px}
.CE_PEP .nav ul li ul .doubleLine:hover{height:40px; background:url(../conversionExperiments/PEP201005/bg_products_subnav_li_ul_li_doubleline.jpg) 15px 0; background-repeat:no-repeat; color:#160C49; }
.CE_PEP .nav ul li .doubleLine .reposition{padding-left:32px}

.CE_PEP .occ h2 a, .CE_PEP .rec h2 a{ height:34px; text-indent:-5000px; display:block; cursor:pointer;}


.CE_PEP .prod h2{
	background-image:url(../conversionExperiments/PEP201005/title_products.png); }
.CE_PEP .langFR .occ h2.normal{
	background-image:url(../conversionExperiments/PEP201005/title_occasions.png);}
.CE_PEP .langFR .rec h2.normal{
	  background-image:url(../conversionExperiments/PEP201005/title_recommendations.png);}


.CE_PEP .langFR .occ h2 a.navOccOpened{
	background-image:url(../conversionExperiments/PEP201005/title_occasions_arrow_open.png);}
.CE_PEP .langFR .rec h2 a.navRecOpened{
	  background-image:url(../conversionExperiments/PEP201005/title_recommendations_arrow_open.png);}

.CE_PEP .langFR .occ h2 a.navOccClosed{
	background-image:url(../conversionExperiments/PEP201005/title_occasions_arrow_closed.png);}
.CE_PEP .langFR .rec h2 a.navRecClosed{
	  background-image:url(../conversionExperiments/PEP201005/title_recommendations_arrow_closed.png);}

.CE_PEP a.navProdOpened{background:url(../conversionExperiments/PEP201005/arrow_opened.gif) 22px 7px; background-repeat:no-repeat; color:#99BE0D;;}
.CE_PEP a.navProdOpened:hover{background:url(../conversionExperiments/PEP201005/bg_products_subnav_li_arrow.gif) 12px; background-repeat:no-repeat; color:#160C49;}
.CE_PEP a.doubleLine:hover{background:url(../conversionExperiments/PEP201005/bg_products_subnav_li_arrow_doubleline.gif) 12px; background-repeat:no-repeat; color:#160C49;}

.CE_PEP a.navProdClosed{ background:url(../conversionExperiments/PEP201005/arrow_closed.gif) 22px 7px; background-repeat:no-repeat; color:#160C49;}
.CE_PEP a.navProdClosed:hover{ background:url(../conversionExperiments/PEP201005/bg_products_subnav_li_arrow.gif) 12px;  background-repeat:no-repeat; }
.CE_PEP a.doubleLine:hover{ background:url(../conversionExperiments/PEP201005/bg_products_subnav_li_arrow_doubleline.gif) 12px;  background-repeat:no-repeat; }

.CE_PEP .horizontal .boxRcWhiteHoverOI{ height:208px; width:234px;}
.CE_PEP .horizontal .boxRcWhiteHoverOI .contentBox img { left:9px; top:13px;}

.CE_PEP .productsNav{ height:215px; position:relative; margin-left:16px; width:961px;}
.CE_PEP .occ_recc{ height:140px; position:relative; margin-left:16px; width:961px;}
*HTML .CE_PEP .products .productsNav{ height:215px; position:relative; margin-left:16px; width:961px;}
*HTML .CE_PEP .products .occ_recc{ height:140px; position:relative; margin-left:16px; width:961px;}

.CE_PEP ul.horList { float:left; position:relative; z-index:100; border-top:1px #D9D7E2 solid; width:100%}

.CE_PEP .boxRcWhite h2{ float:left; width:100%; z-index:105; position:relative; color:#938FAA; font-weight:normal; font-size:19px; margin:0 0 5px 0;}
.CE_PEP .horWrap{ float:left; width:450px; margin:10px 5px 0 20px; display:inline}

.CE_PEP h1{ margin-left:16px; font-size:18px;}
.CE_PEP .clear{ margin-left:16px;}

/*.CE_PEP .horList li{ width:133px; float:left; margin:13px 16px 20px 0}
.CE_PEP .horList li ul li{ width:100%; float:left; margin:0 0 5px 0; list-style:disc inside none; font-weight:bold;}
.CE_PEP .horList li a{ text-decoration:none;}*/

.CE_PEP .horList li{ width:143px; float:left; margin:13px 10px 20px 0; background:url(../conversionExperiments/PEP201005/bg_list_bullet.gif) 0 -1px no-repeat;}
.CE_PEP .horList li.right{ margin-right:0;}
.CE_PEP .horList li ul li{ width:100%; float:left; margin:0 0 5px 0; font-weight:bold; border:none;}
.CE_PEP .horList li a{ text-decoration:none; text-indent:15px; display:block; height:20px; line-height:1.5;}
.CE_PEP .horList li a:hover{ background:url(../conversionExperiments/PEP201005/bg_list_ahover_bullet.gif) 0 0; background-repeat:no-repeat; color:#160C49;}

.CE_PEP .productsTopOverview { width:1000px;}
.CE_PEP .productsTopOverview .boxRcWhite .position{ left:5px;}
.CE_PEP .productsTopOverview .boxRcWhite{height:433px;}
*html .CE_PEP .productsTopOverview .boxRcWhite{ width:965px;}
.CE_PEP .productsTopOverview .lstProductTypes-1{ height:325px;}
.CE_PEP .productsTopOverview .txt{ font-size:12px; font-weight:bold;}
.CE_PEP .entrance.langFR .newFrames {right:158px; top:155px}

.productsTopOverview .PEPphotobooks {
	width:218px; height:296px; bottom:19px; left:8px}
.productsTopOverview .PEPphotobooks .txt {
	bottom:303px}
.productsTopOverview .PEPfun_ideas {
	width:229px; height:136px; bottom:172px; left:214px}
.productsTopOverview .PEPfun_ideas .txt {
	bottom:150px}
.productsTopOverview .PEPwall_deco {
	width:305px; height:207px; bottom:110px; left:445px}
.productsTopOverview .PEPwall_deco .txt {
	bottom:212px}
.productsTopOverview .PEPcalendars {
	width:187px; height:206px; bottom:111px; right:-171px}
.productsTopOverview .PEPcalendars .txt {
	bottom:211px}
.productsTopOverview .PEPcards {
	width:240px; height:146px; bottom:27px; left:255px}
.productsTopOverview .PEPcards .txt {
	bottom:-24px}
.productsTopOverview .PEPagenda {
	width:187px; height:100px; bottom:27px; left:502px}
.productsTopOverview .PEPagenda .txt {
	bottom:-24px}
.productsTopOverview .PEPprints {
	width:126px; height:109px; bottom:26px; left:687px}
.productsTopOverview .PEPprints .txt {
	bottom:-24px}
.productsTopOverview .PEPextrabox {
	width:135px; height:105px; bottom:26px; right:-191px}
.productsTopOverview .PEPextrabox .txt {
	bottom:-24px}



.CE_PEP .horizontalNoBoxes .txt{ font-size:14px; font-weight:bold; text-align:left; vertical-align:top;}
.horizontalNoBoxes .lstProductTypes-1 li .txt {height:0;}

.horizontalNoBoxes .PEPphotobooks {
	width:231px; height:201px; bottom:210px; left:20px}
.horizontalNoBoxes .PEPphotobooks .txt {
	bottom:180px; left:-62px;}
.horizontalNoBoxes .PEPfun_ideas {
	width:231px; height:201px; bottom:210px; left:259px}
.horizontalNoBoxes .PEPfun_ideas .txt {
	bottom:180px; left:-47px;}
.horizontalNoBoxes .PEPwall_deco {
	width:231px; height:201px; bottom:210px; left:504px}
.horizontalNoBoxes .PEPwall_deco .txt {
	bottom:180px; left:-9px;}
.horizontalNoBoxes .PEPcards {
	width:231px; height:201px; bottom:210px; left:747px}
.horizontalNoBoxes .PEPcards .txt {
	bottom:180px; left:-41px;}
.horizontalNoBoxes .PEPcalendars {
	width:231px; height:201px; bottom:0; left:20px}
.horizontalNoBoxes .PEPcalendars .txt {
	bottom:180px; left:-56px;}
.horizontalNoBoxes .PEPagenda {
	width:231px; height:201px; bottom:0; left:259px}
.horizontalNoBoxes .PEPagenda .txt {
	bottom:180px; left:-58px;}
.horizontalNoBoxes .PEPprints {
	width:231px; height:201px; bottom:0; left:504px}
.horizontalNoBoxes .PEPprints .txt {
	bottom:180px; left:-32px;}
.horizontalNoBoxes .PEPextrabox {
	width:231px; height:201px; bottom:0; left:747px}
.horizontalNoBoxes .PEPextrabox .txt {
	bottom:180px; left:-33px;}


.CE_PEP .horizontalNoBoxes img { display:block; left:26px; position:relative; top:0;}

.horizontalNoBoxes .lstProductTypes-1 { position:relative; margin:30px 0 0;}

.horizontalNoBoxes ul.PEPfooter{z-index:5; height:220px; float:left; position:relative; margin:0 0 0 15px; color:#938FAA;}
*html .horizontalNoBoxes ul.PEPfooter{ margin-left:7px;}

.horizontalNoBoxes ul.PEPfooter li{ float:left; margin:13px 25px 0 12px; font-weight:bold;}
*html .horizontalNoBoxes ul.PEPfooter li{ margin-left:7px;}

.horizontalNoBoxes ul.PEPfooter li ul li{ float:none; margin:5px 0 0; font-weight:normal;}
.horizontalNoBoxes ul.PEPfooter a{ text-decoration:none;}
.horizontalNoBoxes ul.PEPfooter a:hover{ color:#99BE0E;}