﻿.style {
	color: black; /* this is a fake style to put at the top so that firefox is happy */
}
.targetgroup a, .targetgroup a i, .targetgroup a b, .targetgroup a span
{
	display: block;
	background: transparent url(http://media.ef.com/_imgs/funnelpages/tab.gif) no-repeat; 
}

.targetgroup a
{
	background-position: -243px bottom;
	width: 147px;
	padding-right: 10px;
	text-decoration: none;
	color: #4E79B0; 
    font-size: 12px;
    text-decoration: none;
}

.targetgroup a:hover, .targetgroup a.sel
{
	background-position: right bottom;
}

.targetgroup a b
{
	background-position: left bottom;
	padding: 0 0 8px 0;
}

.targetgroup a:hover b, .targetgroup a.sel b
{
	background-position: -400px bottom; /*bredd*/
}

.targetgroup a i
{
	background-position: -243px top;
	padding: 0 10px 0 0;
	margin-right: -10px;
	font-style: normal;
}

.targetgroup a:hover i, .targetgroup a.sel i
{
	background-position: right top;
}

.targetgroup a span
{
	background-position: left top;
	margin: 0;
	padding: 8px 0 0 10px;
}

.targetgroup a:hover span, .targetgroup a.sel span
{
	background-position: -400px top;
}




.productgroup
{
	position: absolute; 
	top: 0px;
	left: 160px;
	z-index: 10;
}

.productgroup li, .productgroup li i, .productgroup li b, .productgroup li span
{
	display: block;
	background: transparent url(http://media.ef.com/_imgs/funnelpages/tab.gif) no-repeat; 
}

.productgroup li
{
	background-position: -171px bottom; /*-243px halva bredden - width - padding-right*/
	width: 225px; /*147*/ 
	padding-right: 4px;
	text-decoration: none;
	color: #4E79B0; 
    font-size: 12px;
}

.productgroup li b
{
	background-position: left bottom;
	padding: 0 0 5px 0;
}

.productgroup li i
{
	background-position: -171px top;
	padding: 0 4px 0 0;
	margin-right: -4px;
	font-style: normal;
}

.productgroup li span
{
	background-position: left top;
	margin: 0;
	padding: 5px 0 0 4px;
}

.productgroup li h2
{
	padding: 0px 5px 2px 5px;
    font-size: 12px;
    color: black;
    margin: 0;
}


.productlink a, .productlink a i, .productlink a b, .productlink a span
{
	display: block;
	background: transparent url(http://media.ef.com/_imgs/funnelpages/tab2on.gif) no-repeat;
}

.productlink a
{
	background-position: -170px bottom; /*-243px halva bredden - width - padding-right*/
	width: 220px; /*147*/ 
	padding-right: 0px;    
    text-decoration: none;
    font-weight: bold;
    
}

.productlink a:hover, .productlink a.sel
{
	background-position: right bottom;
}

.productlink a b
{
	background-position: left bottom;
	padding: 0 0 4px 0;
}

.productlink a:hover b, .productlink a.sel b
{
	background-position: -400px bottom; /*bredd*/
}

.productlink a i
{
	background-position: -170px top;
	padding: 0 3px 0 0;
	margin-right: -3px;
	font-style: normal;
}

.productlink a:hover i, .productlink a.sel i
{
	background-position: right top;
}

.productlink a span
{
	background-position: left top;
	margin: 0;
	padding: 3px 0 0 13px;
}

.productlink a:hover span, .productlink a.sel span
{
	background-position: -400px top;
}






.FunnelLinks 
{
	margin-top: 70px;
	margin-left: 25px;
	height: 370px;
}
.FunnelLinks ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
li.FunnelLink {
	display: block;
	width: 157px;
}

li.FunnelLink a
{
    color: #4E79B0; /*blue*/
    padding: 5px 8px 0px 8px;
    display: block;
    height: 23px; /*28px without padding*/
    width: 141px; /*157px without padding*/
    background: url(http://media.ef.com/_imgs/funnelpages/tab_off.gif) no-repeat;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
li.FunnelLink a:hover 
{
	background: url(http://media.ef.com/_imgs/funnelpages/tab_on.gif) no-repeat;
}
li.FunnelLink a.sel 
{
	background: url(http://media.ef.com/_imgs/funnelpages/tab_on.gif) no-repeat;
}
li.FunnelLink ul {
	position: absolute; 
	top: 0px;
	left: 160px;
}
li.FunnelLink ul li {
	width: 230px; 
	padding:0;
	margin:0;
}

li.FunnelLink ul li ul {
    display: block;
    position: relative;  
    margin: 0;
    padding: 0;
}

ul li.FunnelLink ul li
{
    width: 230px; 
    background: url(http://media.ef.com/_imgs/funnelpages/tab_big_off.gif) no-repeat bottom;
    padding-bottom: 8px;
    position: relative;
}
ul li.FunnelLink ul li .in
{
    width: 230px; 
    background: url(http://media.ef.com/_imgs/funnelpages/tab_big_off.gif) no-repeat top;
    padding-top: 8px;
}
ul li.FunnelLink ul li h2
{
    padding: 0px 8px 2px 8px;
    font-size: 11px;
    color: #727272;
    margin: 0;
}
ul li.FunnelLink ul li .in a {
    margin: 0 5px;
    padding: 1px 8px 0px 14px;
    display: block;
    width: 198px;
    height: 18px;
    background: none;
}
ul li.FunnelLink ul li .in a:hover {
    background: url(http://media.ef.com/_imgs/funnelpages/highlighted.gif);
}
    


.FunnelLinks li.selected a
{
	background: url(http://media.ef.com/_imgs/funnelpages/tab_on.gif) no-repeat;
}

.FunnelLinks li.selected ul
{
	display: block;
	z-index: 100; 
}


li.FunnelLink ul li ul
{
	display: none;
	position: absolute; 
	top: 0px;
	left: 233px;
}
li.FunnelLink ul li ul li
{
	display: none;
}
.FunnelLinks ul li ul li.selected a
{
	background: url(http://media.ef.com/_imgs/funnelpages/tab_on.gif) no-repeat;
}



.progbox {
	position: absolute;
	top: 50px; /*0*/
	left: 393px; /*403px*/
	width: 320px;
}
.progbox h3 {
	color: #3872BB;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0px;
}
.progbox .sub {
	font-size: 11px;
	font-weight: bold;
	color: gray;
}
.progbox img {
	margin-right: 15px;
	margin-top: 8px;
}
.ProgramBox {
	position: absolute;
	top: 0px;
	left: 233px;
	z-index: 10;
}
.agelinkss {
	color: #757575;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 5px;
}
.headingg {
	color: #3B69B6;
	font-weight: bold;
	font-size: 14px;
}
.ProgramBox img {
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	margin-right: 15px;
	z-index: 10;
}
.ProgramBox p {
	margin-top: 10px;
	margin-bottom: 10px;
	z-index: 10;
}


.WelcomeBox 
{
	position: absolute;
	top: 0px;
	left: 165px;
	width: 400px;
	z-index: 10;
}
.WelcomeBox h1 {
	margin: 0;
	padding: 10px 10px 0px 10px;
	color: #3E6AC1;
	font-size: 16px;
	font-weight: bold;
}
.WelcomeBox p {
	padding: 0 10px;
}

a.selected
{
	background: url(http://media.ef.com/_imgs/funnelpages/tab_on.gif) no-repeat;
}




.Products
{
	position: absolute; 
	top: 0px;
	left: 160px;
	z-index: 10;
}
.Products .in h2 {
	padding: 0px 8px 2px 8px;
    font-size: 12px;
    color: black;
    margin: 0;
    z-index: 10;
}
.Products .in p {
	padding: 0 10px;
	z-index: 10;
}


.Products ul li {
	width: 230px; 
	padding:0;
	margin:0;
	z-index: 10;
}

.Products ul li ul {
    display: block;
    position: relative;  
    margin: 0;
    padding: 0;
    z-index: 10;
}

.Products ul li
{
    width: 230px; 
    background: url(http://media.ef.com/_imgs/funnelpages/tab_big_off.gif) no-repeat bottom;
    padding-bottom: 8px;
    position: relative;
    z-index: 10;
}
.Products ul li .in
{
    width: 230px; 
    background: url(http://media.ef.com/_imgs/funnelpages/tab_big_off.gif) no-repeat top;
    padding-top: 8px;
    z-index: 10;
}
.Products ul li h2
{
    padding: 0px 8px 2px 8px;
    font-size: 11px;
    color: #727272;
    margin: 0;
    z-index: 10;
}
.Products a {
    margin: 0 5px;
    padding: 1px 4px 0px 12px;
    display: block;
    width: 204px;
    height: 18px;
    background: none;
    text-decoration: none;
    font-weight: bold;
}
.Products ul li .in a:hover {
    background: url(http://media.ef.com/_imgs/funnelpages/highlighted.gif);
}
.Products ul li .in a.sel {
    background: url(http://media.ef.com/_imgs/funnelpages/highlighted.gif);
}
 
.Products ul li ul
{
	display: none;
	position: absolute; 
	top: 0px;
	left: 233px;
	z-index: 10;
}
.Products ul li.selected a
{
	background: url(http://media.ef.com/_imgs/funnelpages/tab_on.gif) no-repeat;
}
.product_box
{
	position: absolute;
	top: 0px;
	left: 393px;
	width: 330px;
	z-index: 10;
	margin: 0;
	padding: 0;
}
.product_box .sub {
	font-size: 12px;
	font-weight: bold;
	color: #414141; /*darkgray*/
	margin: 5px 0 10px 0;
}
.product_box .prod_col1, .product_box .prod_col2
{
	float: left;
}
.product_box .prod_col1
{
	width: 120px;
}
.product_box .prod_col2
{
	width: 190px;
}


.product_box h3 {
	color: #3872BB;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}
.product_box h3 a {
	color: #3872BB;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.product_box h3 a:hover {
	text-decoration: underline;
}
.product_box img {
	margin-right: 15px;
	margin-top: 6px;
}
.bgimage_PRE, .bgimage_ELE, .bgimage_MID, .bgimage_HIGH, .bgimage_HIGH_se, .bgimage_UNI, .bgimage_PROF, .bgimage_CORP, .bgimage_HOST, .bgimage_bag, .bgimage_girl
{
	position: absolute;
	z-index: 0;
}
.bgimage_girl
{
	top: -352px;
	left: 581px;
}
.bgimage_PRE
{
	top: -257px;
	left: 586px;
}
.bgimage_ELE
{
	top: -348px;
	left: 485px;
}
.bgimage_MID
{
	top: -342px;
	left: 494px;
}
.bgimage_HIGH
{
	top: -335px;
	left: 425px;
}
.bgimage_HIGH_se
{
	top: -499px;
	left: 477px;
}
.bgimage_UNI
{
	top: -374px;
	left: 500px;
}
.bgimage_PROF
{
	top: -354px;
	left: 570px;
}
.bgimage_CORP
{
	top: -345px;
	left: 455px;
}
.bgimage_HOST 
{
	top: -338px;
	left: 495px;
}

.BottomLinks {
	position: absolute;
	top: 10px;
	left: -15px;
	z-index: 1;
}
/*
.Content {
	height: 420px;
}
*/

/* Defect# 58159 - Esakkipandian - 29th Oct 2008 */
/* Country selector overlay */

.white-content
{
    background-color:white;
    border:2px solid #EFEFEF;
    display:none;
    height:50%;
    left:25%;
    overflow:auto;
    padding:16px;
    position:absolute;
    text-align:left;
    top:25%;
    width:50%;
    z-index:1002;
}
.white_content 
{
    text-align:left;
}
.white_content ul, .flags ul 
{
    float:left;
    line-height:200%;
    margin:0;
    padding:22px;
}
#content ul, #content ul li, .content ul, .content ul li, .white_content li 
{
    display:block;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-left:0;
    padding:0;
}
.white_content ul, .flags ul 
{
    line-height:200%;
}
element.style 
{
    background-attachment:scroll;
    background-color:transparent;
    background-position:0 0;
    background-repeat:no-repeat;
}
#light a
{
    color:#336bb2;
    text-decoration: underline;
}
#light a:hover 
{
    color:#336bb2;
    text-decoration:none;
}
.white_content a, .flags a 
{
    background-position:left center;
    background-repeat:no-repeat !important;
    padding-left:20px;
}
/* End - Defect# 58159 - Country selector overlay */




