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

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

[Table of contents]

1.	Homepage
-------------------------------------------------------------*/

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

[1.	Homepage ]

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

/* -- GENERAL -- */
.home, .welcome, .cornerLeft, .cornerRight, .cornerLeftfoot, .cornerRightfoot, .promoLeftfoot, .promoRightfoot { position:relative; overflow:hidden;}
.cornerLeft, .cornerRight { float:left; margin:0 0 0 16px; height:182px;}
.cornerLeftfoot, .cornerRightfoot, .promoLeftfoot, .promoRightfoot { float:left; margin:0 0 0 16px; height:64px;}
* html .cornerLeft { margin-left:8px;}
* html .cornerLeftfoot { margin-left:8px;}
.home .contentBox p, .home .contentBox h2, .home .contentBox h3, .home .contentBox h4, .home .contentBox a { z-index:25; position:absolute;}
.content .graphOverlay { position:absolute; width:100%; height:100%; top:0; left:0; z-index:10;}	

/* -- WELCOME -- */
.welcome { width:1000px; height:286px;}

.pageCHDE .welcome .graphOverlay{ background:url(../de/home/welcome_1007_b.jpg) no-repeat 0 0;}
.pageCHFR .welcome .graphOverlay{ background:url(../fr/home/welcome_1008.jpg) no-repeat 0 0;}

.welcome .button { position:absolute; left:218px; top:228px; font-size:16px;}
.welcome .btnMiddle { padding:0 50px 0 50px;}
.welcome .imgLink{ height:286px; left:0; position:absolute; top:0; width:100%; }
.welcome h1, .welcome p{ position:relative; top:30px; left:250px;}

p.xmas_delivery{ position: absolute; left:230px; top:260px; font-size:14px; color:#900}

/* -- CORNER BOXES -- */
.cornerLeft .btnMiddle, .cornerRight .btnMiddle { padding:0 2px 0 0;}
.cornerLeft, .cornerRight {width:184px;}

.pageCHDE .cornerLeft .graphOverlay { background:url(../de/home/corner_left_1009.jpg) no-repeat 0 0;}
.pageCHDE .cornerRight .graphOverlay { background:url(../de/home/corner_right_1009.jpg) no-repeat 0 0;}

.pageCHFR .cornerLeft .graphOverlay { background:url(../fr/home/corner_left_1009.jpg) no-repeat 0 0;}
.pageCHFR .cornerRight .graphOverlay { background:url(../fr/home/corner_right_1009.jpg) no-repeat 0 0;}

.cornerLeft .button, .cornerRight .button { position:absolute; bottom:10px; right:10px;}

.cornerLeft .imgLink, .cornerRight .imgLink { height:182px; left:0; position:absolute; top:0; width:100%; }

.twitter {left:55px; position:absolute; top:31px;}
.facebook {right:55px; position:absolute; top:31px;}

/* -- PROMO BOXES -- */
.homePromo { width:274px; height:182px; float:left; margin-left:16px; position:relative;}
.homePromo .contentBox { height:100%;}
.homePromo .button{ position:absolute; right:10px; bottom:10px;}
.homePromo .btnMiddle { padding:0 2px 0 0;}
.homePromo p { position:relative; margin:0 0 10px 10px;}

.promoLeft h2, .promoRight h2 { color:#160C49; font-size:14px; left:10px; position:relative; width:270px;}
.promoLeft h3, .promoRight h3 { color:#6DB2D7; font-size:12px; left:10px; position:relative; width:270px;}

.pageCHDE .promoLeft .graphOverlay { background:transparent url(../de/home/promo_left_1009.jpg) no-repeat 0 0;}
.pageCHDE .promoRight .graphOverlay { background:url(../de/home/promo_right_1009.jpg) no-repeat 0 0;}

.pageCHFR .promoLeft .graphOverlay { background:transparent url(../fr/home/promo_left_1009.jpg) no-repeat 0 0;}
.pageCHFR .promoRight .graphOverlay { background:url(../fr/home/promo_right_1009.jpg) no-repeat 0 0;}

.promoLeft .imgLink, .promoRight .imgLink { height:182px; left:0; position:absolute; top:0; width:100%; }

/* -- FOOT BOXES -- */
.cornerLeftfoot, .cornerRightfoot{ width:184px; margin-top:10px;}
.promoLeftfoot, .promoRightfoot{ width:274px; margin-top:10px;}

.pageCHDE .cornerLeftfoot .graphOverlay { background:url(../de/home/corner_leftfoot_1009_b.jpg) no-repeat;}
.pageCHDE .cornerRightfoot .graphOverlay { background:url(../de/home/corner_rightfoot_1009_b.jpg) no-repeat;}

.pageCHDE .promoLeftfoot .graphOverlay { background:url(../de/home/promo_leftfoot_1009_b.jpg) no-repeat;}
.pageCHDE .promoRightfoot .graphOverlay { background:url(../de/home/promo_rightfoot_1009_b.jpg) no-repeat;}

.pageCHFR .cornerLeftfoot .graphOverlay { background:url(../fr/home/corner_leftfoot_1009_b.jpg) no-repeat;}
.pageCHFR .cornerRightfoot .graphOverlay { background:url(../fr/home/corner_rightfoot_1009_b.jpg) no-repeat;}

.pageCHFR .promoLeftfoot .graphOverlay { background:url(../fr/home/promo_leftfoot_1009_b.jpg) no-repeat;}
.pageCHFR .promoRightfoot .graphOverlay { background:url(../fr/home/promo_rightfoot_1009_b.jpg) no-repeat;}

.cornerLeftfoot h2, .cornerRightfoot h2, .promoLeftfoot h2, .promoRightfoot h2{ font-size:14px; margin:6px; width:80%;}
.cornerLeftfoot h3, .cornerRightfoot h3, .promoLeftfoot h3, .promoRightfoot h3{ font-size:12px; margin:6px; width:80%;}

.promoLeftfoot .imgLink, .promoRightfoot .imgLink { height:64px; left:0; position:absolute; top:0; width:100%; }
.cornerLeftfoot .imgLink, .cornerRightfoot .imgLink { height:64px; left:0; position:absolute; top:0; width:100%; }

/* test menu left*/

.boxMenu10{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; height:267px; left:16px; position:absolute; top:0; width:186px; z-index:15;}
.boxMenu10 h1{text-indent:3000px; display:none;}

.bgLangDE {background:transparent url(../de/home/bg_home_menu.png) no-repeat scroll 0 0;}
.bgLangFR {background:transparent url(../fr/home/bg_home_menu.png) no-repeat scroll 0 0;}

* html .bgLangDE {background:transparent url(../de/home/bg_home_menu.gif) no-repeat scroll 0 0;}
* html .bgLangFR {background:transparent url(../fr/home/bg_home_menu.gif) no-repeat scroll 0 0;}

.boxMenu10 ul{ margin:55px 0 0;}
.boxMenu10 ul li{ height:20px; font-size:11px; line-height:18px;}
.boxMenu9 ul li{ margin:0 0 2px;}
.boxMenu10 ul li a{ display:block; text-decoration:none; height:100%; width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent:23px; margin:0 0 0 4px;}
/*.boxMenu10 ul li a, .boxMenu10 ul li a:visited{background-image:url(../../default_f2/icons/btn_home_menu10.png); background-repeat:no-repeat;}*/
.boxMenu10 ul li a:hover, .boxMenu10 ul li a:active, .boxMenu10 ul li a.current{
background-image:url(../fr/home/btn_home_menu.png); background-repeat:no-repeat; color:#160C49;}