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

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

[Table of contents]

1.	MyExtrafilm - Home
2.	Badges
3.	Products
4.  Landingspages
5.  CRM
-------------------------------------------------------------*/



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

[1.	MyExtrafilm - Home]

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

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

[2. Badges]

-------------------------------------------------------------*/
.detailProduct .newQuality {
	background:url(../badges/new_quality.png) no-repeat}
.funIdeas .newQuality{
	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}

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

[3. Products]

-------------------------------------------------------------*/
.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;}
	
.recommendations .boxRcWhiteHoverOI .contentBox h2, .occasions .boxFixedOcc h2{max-width:129px;}

.dcsWallCalendar .h2Small {left:100px;}

.dcsCanvas .s20x30{width:87px}

.funIdeas .jewelleryBox .txt {bottom:-38px;}

* html .boxPersonalData {
	height:430px!important}
* html .boxPersonalData .button {
	top:340px!important}
.cardsOverview .promo, .calendars .promo, .canvas .promo {
	left:12px; position:absolute; top:330px;
}
/*------------------------------------------------------------

[4.	Landings Pages]

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

.landingUk {width:1000px; height:475px;}
.landingUk .graphOverlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10;}
.landingUk h1, .landingUk h2, .landingUk h3{margin:20px 10px 0 50px;}
.landingUk p {margin:20px 0 0 50px; width:300px;}
.landingUk ul {margin:20px 0 0 50px; width:300px;}
.landingUk ul li {list-style-position:outside;list-style-type:disc;}
.landingUk .btnMiddle {padding:0 20px;}
.landingUk .imgLink{width:1000px; height:475px;left:0;position:absolute;top:0;}

.twoForOneCanvas .graphOverlay{background:transparent url(../../local/efuk/landingpages/canvas2for1/two_for_one_canvas.jpg) no-repeat scroll 0 0}
.twoForOneCanvas .button {font-size:20px; right:50px; position:absolute; top:250px;}

.buy1AndGet1Canvas .graphOverlay{background:transparent url(../../local/efuk/landingpages/canvas2for1/buy1_and_get1_canvas.jpg) no-repeat scroll 0 0}
.buy1AndGet1Canvas .button {font-size:20px; left:350px; position:absolute; top:350px;}

.oneAndOneForFreeCanvas .graphOverlay{background:transparent url(../../local/efuk/landingpages/canvas2for1/one_and_one_for_free_canvas.jpg) no-repeat scroll 0 0}
.oneAndOneForFreeCanvas .button {font-size:20px; right:50px; position:absolute; top:270px;}

.twoForOneCalendars .graphOverlay{background:transparent url(../landingspage/2009/two_for_one_calendars.jpg) no-repeat scroll 0 0}
.twoForOneCalendars .button {font-size:20px; right:50px; position:absolute; top:250px;}

.buy1AndGet1Calendars .graphOverlay{background:transparent url(../landingspage/2009/buy1_and_get1_calendars.jpg) no-repeat scroll 0 0}
.buy1AndGet1Calendars .button {font-size:20px; left:350px; position:absolute; top:350px;}

.oneAndOneForFreeCalendars .graphOverlay{background:transparent url(../landingspage/2009/one_and_one_for_free_calendars.jpg) no-repeat scroll 0 0}
.oneAndOneForFreeCalendars .button {font-size:20px; right:50px; position:absolute; top:270px;}

.percentOnCards .graphOverlay{background:transparent url(../landingspage/2009/50_percent_on_cards.jpg) no-repeat scroll 0 0}
.percentOnCards .button {font-size:20px; left:360px; position:absolute; top:370px;}

.payHalfCards .graphOverlay{background:transparent url(../landingspage/2009/pay_half_cards_order.jpg) no-repeat scroll 0 0}
.payHalfCards .button {font-size:20px; left:230px; position:absolute; top:250px;}

.discountCards .graphOverlay{background:transparent url(../landingspage/2009/50_percent_discount_cards.jpg) no-repeat scroll 0 0}
.discountCards .button {font-size:20px; left:100px; position:absolute; top:190px;}

p.landingsConditions { font-size:11px; padding:0 5px 0 10px;}


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

[5.	CRM]

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

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

.GENERICNORDICS .graphOverlay { background:transparent url(../crm/confirmationpage/GENERIC_NORDICS.jpg) no-repeat center;  }
.GENERICNORDICS p { margin:100px 0 0;  }

.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{ margin:107px 0 0 0;}

.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{ margin-top:80px; width:80%; left:75px;}

.CRMRTOCP05 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP05.jpg) no-repeat center;  }
.CRMRTOCP05 p{ margin:107px 0 0 0;}

.CRMRTOCP06 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP06.jpg) no-repeat center;  }
.CRMRTOCP06 p{margin-top:80px; width:80%; left:75px;}

.CRMRTOCP07 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP07.jpg) no-repeat center;  }
.CRMRTOCP07 p{ margin:103px 0 0 0;}

.CRMRTOCP08 .graphOverlay { background:transparent url(../crm/confirmationpage/CRMRTOCP08.jpg) no-repeat center;  }
.CRMRTOCP08 p{ margin-top:80px; width:80%; left:75px;}

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


.photobooks .promo {left:12px; position:absolute; top:330px;}
.photobooks .promo p{width:180px;}
.photobooks .promo h1{width:180px;}
.photobooks .promo .graphOverlay {height:100%; left:0; position:absolute; top:0; width:100%; z-index:10;}