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

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

[Table of contents]

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

[1.	Homepage ]

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

/* -- GENERAL -- */
.home, .welcome, .cornerLeft, .cornerRight, .cornerLeftfoot, .cornerRightfoot, .promoLeftfoot, .promoRightfoot, .promoFoot { position:relative; overflow:hidden;}
.cornerLeft, .cornerRight { float:left; margin:0 0 0 16px; height:182px;}
.cornerLeftfoot, .cornerRightfoot, .promoLeftfoot, .promoRightfoot, .promoFoot { 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;}
.welcome .graphOverlay{ background:url(../home/welcome_1009.jpg) no-repeat 0 0;}
.welcome .button { position:absolute; left:218px; top:228px; font-size:16px;}
.welcome .btnMiddle { padding:0 20px;}
.welcome .imgLink{ height:286px; left:0; position:absolute; top:0; width:100%; }
.welcome h1, .welcome p, .welcome ul{ position:relative; top:30px; left:250px;}

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

.cornerLeft .graphOverlay { background:url(../home/corner_left_1007.jpg) no-repeat 0 0;}
.cornerRight .graphOverlay { background:url(../home/corner_right_1009_b.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%; }

/* -- 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;}

.promoLeft .graphOverlay { background:transparent url(../home/promo_left_1009.jpg) no-repeat 0 0;}
.promoRight .graphOverlay { background:url(../home/promo_right_1007.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;}
.promoFoot{ width:562px; margin-top:10px;}
.promoFoot p { left:12px; position:absolute; right:12px; text-align:justify; top:11px; z-index:15; font-size:9px; font-weight:bold;}

.cornerLeftfoot .graphOverlay { background:url(../home/corner_leftfoot_1007.jpg) no-repeat;}
.cornerRightfoot .graphOverlay { background:url(../home/corner_rightfoot_1007.jpg) no-repeat;}

.promoFoot .graphOverlay { background:url(../home/promo_foot_1007.jpg) no-repeat;}
.promoLeftfoot .graphOverlay { background:url(../home/promo_leftfoot_1006.jpg) no-repeat;}
.promoRightfoot .graphOverlay { background:url(../home/promo_rightfoot_1006.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; background:transparent url(../home/bg_home_menu.png) no-repeat scroll 0 0; height:267px; left:16px; position:absolute; top:0; width:186px; z-index:15;}
* html .boxMenu10{
background:transparent url(../home/bg_home_menu.gif) no-repeat scroll 0 0; }
.boxMenu10 h1{text-indent:3000px; display:none;}
.boxMenu10 ul{ margin:55px 0 0;}
.boxMenu10 ul li{ height:20px; font-size:11px; line-height:18px;}
.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(../home/btn_home_menu.png); background-repeat:no-repeat; color:#160C49;}