﻿
* 			{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; }

a		{color: #666666; font-family: Arial; }
a:hover	{color: #ff6600; font-family : Arial; }

html{
clear: both ;
width:100%;
	/*background: url('../../../images/templates/Background.jpg') no-repeat;*/
	background-position:center bottom; 
float:left;
overflow: auto;
} 

body		
{
clear: both; 
	position:relative; 
	text-align:left; 
	margin: 0; 
	font-family: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 100%; 
	height: 100%; 
}



form
{
	
	height:100%
}


#homepageMain
{
	height:100%;

}



#site		{ margin: 0 auto; padding: 0; text-align: left; background:transparent; WIDTH: 961px; }
#site a			{color: #666666; font-family: Arial; font-size: 90%; }
#site a:hover	{color: #ff6600;font-family : Arial; font-size: 90%; }
#siteH		{clear: both ; margin: 0 auto; padding: 0; text-align: left; background: #ffffff; WIDTH: 961px; }
#head		{background-color: #f36d21;  width: 100%; height: 160px; }
#top		{background: #f36d21 url('../../../images/templates/2011/working_links_logo.gif') no-repeat; width: 961px; height: 160px; }
#topright
{
    float:right;
    margin-right:0px;
    margin-top:20px;
    width:360px;
    text-align:left;
    font-size:110%;

}

#portal
{
    float:left;
    margin-right:0px;
    margin-left:50px;
    margin-top:20px;
    width:127px;
    text-align:left;
    font-size:110%;


}

#portal a
{
        font-size:110%;
        color: Black;
        text-decoration: none
}

#search		
{
    background: transparent; 
    color: white; 
    font-size:10pt; 
    font-weight:bold; 
    font-family: Arial, Helvetica, sans-serif;  
    width: 350px; 
    height: 39px; 
    float:right;
    padding-top: 25px;}

#searchpos
{
	float:right;
}


#searchBox img
{
	float:left;
	
}
#searchBox label {
float:left;
margin-left:13px;
position:relative;
top:13px;
}

#searchBox input {
float:left;
margin-left:10px;
position:relative;
top:10px;
}



#nav-topright ul
{
    list-style: none;
    padding: 0;
    margin-top: 0px;
    text-decoration:none;
} 

#nav-topright li
{
    float: left;
    margin: 0 0.15em;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration:none;
} 

#nav-topright a
{
    text-decoration:none;
} 

#logo
{
	width:420px;
	height:160px;
	float:left;
}

#logo a
{
	display:block;
	width:420px;
	height:160px;
}

#fb a 		{font-family: Arial; font-size: 120%; font-weight: bold; text-decoration:none; color:black;}
#fb a:hover {font-family: Arial; font-size: 120%; font-weight: bold; text-decoration:none; color:black;}


#menu{
background: #ff6600 url('../../../images/templates/2011/menu_bg.jpg'); width:1280px; height:40px;
width:100%;
height:40px;
margin-top:0px;
font-size: 80%; 
}

#nav-link a{
	font-family:Arial;
	color:#000000;
}
#nav-link a:hover{
	font-family:Arial;
	color:#000000;
}

#menu a		{color: #ff6600; font-family:Arial; text-decoration: none; font-weight: bold; }
#menu a:hover	{color: #ff6600; font-family:Arial; text-decoration: underline; font-weight: bold; }

#homeicon
    {height: 40px; float:left; margin-left:40px; }

#homeicon a {background: url('../../../images/templates/2011/menu_home.gif') no-repeat; height: 40px; margin-top:0px; valign:top; }

#homeicon a:hover {background-image: url('../../../images/templates/2011/menu_home2.gif'); height: 40px; margin-top:0px; valign:top;  }


#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
margin-left:10px;
} 
#nav-menu li
{
float: left;
margin: 0 0.15em;
} 
#nav-menu li a
{
height: 40px;
line-height: 40px;
float: left;
width: auto;
display: block;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #dad6d6;
color: #8e8e8e;
text-decoration: none;
text-align: center;
padding-top:0px;
padding-bottom:0px;
padding-right:7px;
padding-left:7px;
} 
.bigbold
{
font-size:26px;
font-weight:bold;
}
#mainbody-text
{
width:450px;
padding-left:8px;
padding-right: 8px;
padding-bottom:8px;
margin-left:365px;
}
#mainbody
{
width:690px;
padding-left:8px;
padding-right: 8px;
padding-bottom:8px;
margin-left:0px;
font-size: 80%;
}
#mainbody ul{
list-style-type:disc;
padding-left:30px;
}

#Body_content {
	width:1280px;
}

#Body_home{
	width:1280px;
}

#news-image
{
float:right;
margin-top:-500px;
margin-right: 100px;
width: 210px;
}
#news-image-line
{
border: none;
background-color: #cccccc;
color: #cccccc;
height: 1px;
margin-top: 15px;
margin-bottom: 15px;
}
#recruitment-image-line
{
border: none;
background-color: #63b8d4;
color: #63b8d4;
height: 1px;
margin-top: 15px;
margin-bottom: 15px;
}
#partnership-image-line
{
border: none;
background-color: #2bc12b;
color: #2bc12b;
height: 1px;
margin-top: 15px;
margin-bottom: 15px;
}
#MainH		{background: #ffffff url('../../../images/templates/MainHeader.jpg') no-repeat; width: 552px; height: 53px; float: left;  color:white; }
#Main		{width: 600px; text-align: left; font-size: 80%; margin-left: 0px; padding-right:6px; LIST-STYLE-TYPE: disc; }
#heading
{
background: url('../../../images/templates/2011/heading_news.jpg') no-repeat;  
margin-left:0px;
padding-left:40px;
width:695;
height:56px;
}

#Genheading
{
background: url('../../../images/templates/2011/heading_generic.jpg') no-repeat;  
margin-left:0px;
padding-left:40px;
width:695;
height:56px;
}

#Empheading
{
background: url('../../../images/templates/2011/heading_recruit.jpg') no-repeat;  
margin-left:0px;
padding-left:40px;
width:695;
height:56px;
}

#JSHeading
{
background: url('../../../images/templates/2011/heading_find_you_work.jpg') no-repeat;  
margin-left:0px;
padding-left:40px;
width:695;
height:52px;
}

#PartHeading
{
background: url('../../../images/templates/2011/heading_work_with_us.jpg') no-repeat;  
margin-left:0px;
padding-left:40px;
width:695;
height:52px;
}

#NewsHeading
{
background: url('../../../images/templates/2011/heading_news.jpg') no-repeat;  
margin-left:0px;
padding-left:40px;
width:695;
height:52px;
}

#GenHeading
{
background: url('../../../images/templates/2011/heading_generic.jpg') no-repeat;  
margin-left:0px;
padding-left:40px;
width:695;
height:52px;
}

#Empbody
{
width:470px;
padding-left:8px;
padding-right: 8px;
padding-bottom:8px;
margin-left:0px;
font-size: 80%;
float:left;
}


#newsright
{
background: url('../../../images/templates/2011/News_right_bg.jpg') no-repeat;  
width:220px;
height:372px;
font-size: 80%;
float:left;
}

#newsrightc
{
width:210px;
height:320px;
float:right;
margin-top:50px;
color: #666666;
}

#newsrightc a		{color: #666666; font-family:Arial; text-decoration: none;  }
#newsrightc a:hover	{color: #ff6600; font-family:Arial; text-decoration: underline; }

#centre		{background: #ffffff url('../../../images/templates/2011/news_background.gif'); background-repeat:repeat-y; width: 708px; float: left; vertical-align:top; text-align:left; margin-left:10px; margin-top:35px; }

#heading-footer
{   
background: url('../../../images/templates/2011/footer_news.gif') no-repeat;
margin-top:0px;
margin-left:0px;
width:708px;
height:31px;  
float:left; 
}

#nav-buttons
{
 text-align:left;
 margin-left: 20px;
 padding-right: 200px;
 width: 990px;
}

#nav-footer ul
{
list-style: none;
padding: 0;
margin: 0;
margin-left:790px;
margin-top:-17px;
} 
#nav-footer li
{
float: left;
margin: 0 0.15em;
} 
#nav-footer li a
{
float: left;
color: #000000;
text-decoration: none;
text-align: left;
padding-top:0px;
padding-bottom:0px;
padding-right:3px;
padding-left:3px;
}
 
#nav-breadcrumbs ul
{
list-style: none;
padding: 0;
margin: 0;
margin-left:100px;
margin-top:0px;
} 
#nav-breadcrumbs li
{
float: left;
margin: 0 0.15em;
} 
#nav-breadcrumbs li a
{
height: 31px;
line-height: 31px;
float: left;
width: auto;
display: block;
color: #8e8e8e;
text-decoration: underline;
text-align: center;
padding-top:0px;
padding-bottom:0px;
padding-right:3px;
padding-left:3px;
} 

#mainbanner
{
    background: url('../../../images/templates/2011/mainbanner_bg.jpg');
    height: 370px;    
}

#animation
{
    width:540px;
    height: 370px;
    float:left;
    padding-left:40px;
}

#scrollernews
{
    background: url('../../../images/templates/2011/news_bg.jpg') no-repeat;   width:425px;  height: 370px;
    float:left;
}
#snews
{
    background-color:transparent !important;   
    padding-left:40px;
    margin-right: 100px;
    width: 350px;
	font-size: 12px;
	padding-top: 80px;
	height: 350px;
	text-align: left;
	color: #666666;
}

.scrollertitle {font-weight:bold;}

#snews a		{color: #666666; font-family:Arial; text-decoration: none;  }
#snews a:hover	{color: #ff6600; font-family:Arial; text-decoration: underline; }

#Menutop
{
float:left;
    width:226px;
    padding-left:0px;
    padding-right: 0px;
    padding-bottom:0px;
    margin-left:0px;
    background: url('../../../images/templates/2011/leftmenu_top.gif') no-repeat;
    height:8px;

} 

#MenuSide	
{
    float:left;
    width:226px;
    padding-left:0px;
    padding-right: 0px;
    padding-bottom:0px;
    margin-left:-75px;
    margin-top: 35px;
   /* background: #e9e9e9 url('../../../images/templates/2011/leftmenu_background.gif');
    background-repeat: repeat-y;*/
		/*menu-gradient*/
/* fallback (Opera) */
background: #fcfcfc;
/* Mozilla: */
background: -moz-linear-gradient(top, #fcfcfc, #e7e7e7);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
             left top, left bottom, from(#fcfcfc), to(#e7e7e7));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
        StartColorStr='#fcfcfc', EndColorStr='#e7e7e7', GradientType=0);
}   
#MenuSide ul 	
{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: auto;
    display: block;
    width:100%;

} 

#MenuSide ul li
{
    border-bottom-style: dotted;
    border-bottom-color:White;
    border-bottom-width: 3px;
	border-left:1px double #e9e9e9;
	border-right:1px double #e9e9e9;

}

#MenuSide li a
{
    height: 25px;
    width:100%;
    line-height: 25px;
    text-decoration: none;
    text-align: left;
    padding-left: 10px;
}


#MenuSide ul li a 		{padding-left: 8px; margin: 0px; COLOR: #8d8d8d; LIST-STYLE-TYPE: none; font-weight:bold; font-family:Arial; font-size: 90%; }
#MenuSide ul li a:hover {color: #ff6600;}

#MenuSide ul li ul		{padding: 0px; margin: 0px; LIST-STYLE-TYPE: none;  }	
#MenuSide ul li ul li 	{padding: 0px; margin-right: 0px; LIST-STYLE-TYPE: none; text-indent: 20px; font-weight:normal; }
#MenuSide ul li ul li a {padding: 0px; margin: 0px; LIST-STYLE-TYPE: none; font-weight:normal; }

#Menubottom
{
    float:left;
    width:226px;
    padding-left:0px;
    padding-right: 0px;
    padding-bottom:0px;
    margin-left:0px;
    background: url('../../../images/templates/2011/leftmenu_bottom.gif') no-repeat;
    height:10px;

} 

#sub1h		{background: url('../../../images/templates/2011/index_finding_work.gif') no-repeat; width: 226px; height: 62px; float: left; 
      		 margin-left:1px; margin-right: 22px; margin-top: 25px;}
#sub1h a   {text-decoration:none;}  
#sub1h2		{width: 210px; height: 62px; float: left; padding-left:60px; padding-top: 25px; font-family: arial; font-weight: bold; 
       		 font-size: 15px; color:#666666;}      		 
#sub2h		{background: url('../../../images/templates/2011/index_recruit_with_us.gif') no-repeat; width: 226px; height: 62px; float: left; 
      		 margin-right: 23px; margin-top: 25px;}
#sub2h a   {text-decoration:none;} 
#sub2h2		{width: 210px; height: 62px; float: left; padding-left: 60px; padding-top: 25px; font-family: arial; font-weight: bold; 
       		 font-size: 15px; color:#666666;}      		 
#sub3h		{background: url('../../../images/templates/2011/index_policies.gif') no-repeat; width: 226px; height: 62px; float: left; 
      		 margin-right: 22px; margin-top: 25px;}
#sub3h a   {text-decoration:none;} 
#sub3h2		{width: 210px; height: 62px; float: left; padding-left:60px; padding-top: 25px; font-family: arial; font-weight: bold; 
       		 font-size: 15px; color:#666666;}      		 
#sub4h		{background: url('../../../images/templates/2011/index_work_with_us.gif') no-repeat; width: 226px; height: 62px; float: left; 
      		 margin-top: 25px; }
#sub4h a   {text-decoration:none;} 
#sub4h2		{width: 210px; height: 62px; float: left; padding-left:60px; padding-top: 25px;  font-family: arial; font-weight: bold; font-size: 15px; color:#666666; }      		 
#sub1i		{background: #ffffff; width : 228px; float: left; padding-left:2px; padding-right: 0px; margin-left: 3px; margin-right:22px; margin-top: 0px;}
#sub1i ul li {overflow:auto; LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: none !important; margin-left: 0px; font-size: 90%; }
#sub2i		{background: #ffffff; width: 228px; float: left; padding-left:0px; padding-right: 0px; margin-top: 0px; margin-right:20px;}
#sub3i		{background: #ffffff; width: 228px; float: left; padding-right: 0px; margin-top: 0px; margin-right:22px;}
#sub4i		{background: #ffffff; width: 228px; float: left; margin-top: 0px;}
#sub1c		{background: #ffffff; width: 228px; float: left; margin-left: 3px; margin-right: 22px; margin-top: 0px; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; font-size:80%; }
#sub1c a	{font-family: Arial; font-size: 90%; font-weight:bold; color: #666666; }
#sub1c a:hover	{color: #ff6600;font-family : Arial; font-size: 90%; }
#sub1c ul li {overflow:auto; LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: none !important; margin-left: 0px; font-size: 90%; }
#sub2c		{background: #ffffff; width: 228px; float: left; margin-right: 20px; margin-top: 0px; font-family:Arial, Helvetica, sans-serif; font-size:80%;}
#sub2c a	{font-family: Arial; font-size: 90%; font-weight:bold; color: #666666; }
#sub2c a:hover	{color: #ff6600;font-family : Arial; font-size: 90%; }
#sub3c		{background: #ffffff; width: 228px; float: left; margin-right: 22px; margin-top: 0px; font-family:Arial, Helvetica, sans-serif; font-size:80%;}
#sub3c a	{font-family: Arial; font-size: 90%; font-weight:bold; color: #666666; }
#sub3c a:hover	{color: #ff6600;font-family : Arial; font-size: 90%; }
#sub4c		{background: #ffffff; width: 228px; float: left; margin-top: 0px; font-family:Arial, Helvetica, sans-serif; font-size:80%;}
#sub4c a	{font-family: Arial; font-size: 90%; font-weight:bold; color: #666666; }
#sub4c a:hover	{color: #ff6600;font-family : Arial; font-size: 90%; }

#footer 	{background: #ffffff url('../../../images/templates/2011/footer_bg.gif') no-repeat; width:1260px; height: 49px; line-height:45px; float: left; margin-top: 25px; vertical-align:middle; font-size: 80%;}
#footer ul {padding: 0px 0px; LIST-STYLE-IMAGE: none; LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: none; margin-left: 400px;}
#footer ul li {padding: 0px 0px; LIST-STYLE-IMAGE: none; LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: none; }
#footer li 	{DISPLAY: inline; }
#footer a 	{TEXT-DECORATION: underline; font-weight: bold; color: #000000; font-family: Arial;}
#footer a:hover { TEXT-DECORATION: none; color: #dad6d6;}
#scrollertitle {width: 500px; height:300px;}
#scrollerbody {width: 500px; height:300px;}

#nav-buttons-land
{
    width:710px;
    padding-left:0px;
    padding-right: 0px;
    padding-bottom:0px;
    margin-left:0px;
    float:left;
}

#lsub1h		{background: url('../../../images/templates/2011/LandHeaderBG.jpg') no-repeat; width: 225px; height: 62px; float: left; 
      		 margin-left:5px; margin-right: 2px; margin-top: 25px;}
#lsub1h a {text-decoration:none;}     		 
#lsub1h2		{width: 210px; height: 62px; float: left; padding-left:20px; padding-top: 25px; font-family: arial; font-weight: bold; 
       		 font-size: 15px; color:#666666;}    		 
#lsub2h		{background: url('../../../images/templates/2011/LandHeaderBG.jpg') no-repeat; width: 225px; height: 62px; float: left; 
      		 margin-right: 6px; margin-top: 25px;}
#lsub2h a {text-decoration:none;}  
#lsub2h2		{width: 210px; height: 62px; float: left; padding-left: 20px; padding-top: 25px; font-family: arial; font-weight: bold; 
       		 font-size: 15px; color:#666666;}      		 
#lsub3h		{background: url('../../../images/templates/2011/LandHeaderBG.jpg') no-repeat; width: 225px; height: 62px; float: left; 
      		 margin-right: 6px; margin-top: 25px;}
#lsub3h a {text-decoration:none;}  
#lsub3h2		{width: 210px; height: 62px; float: left; padding-left:20px; padding-top: 25px; font-family: arial; font-weight: bold; 
       		 font-size: 15px; color:#666666;}      		 
#lsub4h		{background: url('../../../images/templates/2011/LandHeaderBG.jpg') no-repeat; width: 225px; height: 62px; float: left; 
      		 margin-top: 25px; }
#lsub4h2		{width: 210px; height: 62px; float: left; padding-left:60px; padding-top: 25px;  font-family: arial; font-weight: bold; font-size: 15px; color:#666666; }      		 
#lsub1i		{background: #ffffff; width : 225px; float: left; padding-left:3px; padding-right: 0px; margin-left: 6px; margin-right:4px; margin-top: 0px;}
#lsub1i ul li {overflow:auto; LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: none !important; margin-left: 0px; font-size: 90%; }
#lsub2i		{background: #ffffff; width: 225px; float: left; padding-left:0px; padding-right: 0px; margin-top: 0px; margin-right:6px;}
#lsub3i		{background: #ffffff; width: 225px; float: left; padding-right: 0px; margin-top: 0px; margin-right:10px;}
#lsub4i		{background: #ffffff; width: 225px; float: left; margin-top: 0px;}
#lsub1c		{background: #ffffff; width: 216px; float: left; margin-left: 8px; margin-right: 11px; margin-top: 0px; font-family:Arial, Helvetica, sans-serif; font-size:80%; }
#lsub1c a	{font-family: Arial; font-size: 90%;}
#lsub1c a:hover	{color: #ff6600;font-family : Arial; font-size: 90%; }
#lsub1c ul li {overflow:auto; LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: none !important; margin-left: 0px; font-size: 90%; }
#lsub2c		{background: #ffffff; width: 216px; float: left; margin-right: 13px; margin-top: 0px; font-family:Arial, Helvetica, sans-serif; font-size:80%;}
#lsub2c a	{font-family: Arial; font-size: 90%;}
#lsub2c a:hover	{color: #ff6600;font-family : Arial; font-size: 90%; }
#lsub3c		{background: #ffffff; width: 216px; float: left; margin-right: 13px; margin-top: 0px; font-family:Arial, Helvetica, sans-serif; font-size:80%;}
#lsub3c a	{font-family: Arial; font-size: 90%;}
#lsub3c a:hover	{color: #ff6600;font-family : Arial; font-size: 90%; }
#lsub4c		{background: #ffffff; width: 216px; float: left; margin-top: 0px; font-family:Arial, Helvetica, sans-serif; font-size:80%;}
#lsub4c a	{font-family: Arial; font-size: 90%;}
#lsub4c a:hover	{color: #ff6600;font-family : Arial; font-size: 90%; }

#R1			{font-size: 80%; margin-left: 3px; margin-top:5px; padding-right:3px; background: #ffffff url('../../../images/templates/2011/bg_box.jpg') no-repeat; width: 690px; height: 83px; float: left; }
#R2			{font-size: 80%; margin-left: 3px; margin-top:5px; padding-right:3px; width: 690px; height: 83px; float: left; }
#R3			{font-size: 80%; margin-left: 3px; margin-top:5px; padding-right:3px; background: #ffffff url('../../../images/templates/2011/bg_box.jpg') no-repeat; width: 690px; height: 83px; float: left; }
#R4			{font-size: 80%; margin-left: 3px; margin-top:5px; padding-right:3px; width: 690px; height: 83px; float: left; }
#R5			{font-size: 80%; margin-left: 3px; margin-top:5px; padding-right:3px; background: #ffffff url('../../../images/templates/2011/bg_box.jpg') no-repeat; width: 690px; height: 83px; float: left; }

h1	{margin:0; font-size: 140%; color: black; font-weight: bold; text-indent:25px; padding-top:12px;  }		
h2 	{font-size: 95%; color: black;  margin-top: 0px; margin-left:5px; }
h3	{margin:0; font-size: 100%; color: black; font-weight: bold; margin-top: 8px; margin-left:5px;}
h4	{margin:0; font-size: 100%; color: black; margin-left: 15px; font-family :Arial; }
h6 	{color: #FF6600; font-size: 120%; font-weight: bold; }



            /* This is the container of the slides */
            DIV.slideshow {
                font-family: arial;
                /* width and height can be changed, make sure the width and height are the same as DIV.slideshow DIV.items DIV */
                width: 540px;
                height:330px;
                /* required settings */
                position:relative;
                overflow:hidden;
            }

            /* Inner container for all the slides*/
            DIV.slideshow .items {
                /* this cannot be too large */
                width:20000em;
                position:absolute;
            }

            /* These are the individual slides, must be floated to create a horizontal line */
            DIV.slideshow DIV.items DIV {
                float:left;
                width: 540px;
                height:330px;
            }

            /* The style of the headings in the slides */
            DIV.slideshow DIV.items DIV H2 {
                margin:70px 0 15px 2px;
                font-size: 40px;
                line-height: 105%;
                font-weight: bold;
                width:320px;
            }

            /* The style of the text in the slides */
            DIV.slideshow DIV.items DIV P {
                margin:0 0 0 2px;
                font-size:120%;
                width:300px;
                color: #001323;
                text-shadow: 0 1px 1px #FDD3AA;
                margin: 10px 0;
            }
            /* links in slide paragraphs */
            DIV.slideshow DIV.items DIV P A {
                font-size: 80%;
                color:#000;
            }
            /* links in slide paragraphs */
            DIV.slideshow DIV.items DIV P A:hover {
                font-size: 80%;
                color:#ffffff;
            }			

            /* Outer container of the nav buttons */
            .naviholder {
                background: url('../../../images/slider_toolbar_bg.png') no-repeat;
            }

            /* Inner container of the nav buttons */
            .navi {
                height:26px;
                padding-top:13px;
                width:300px;
                margin-left: 200px;
            }

            /* The nav buttons */
            .navi A {
                width:14px;
                height:14px;
                background: url('../../../images/btn.gif');
                display:block;
                float:left;
                margin:2px;
            }

            /* The style for the active nav button */
            .navi A.active {
                background-position: 0 14px;
            }
            
            
            
         
