/* = COLOURS
Page heading - #A9DB39
Other headings - #557192
Main text - #6A6A6A
Anchors - #009CDC
Contact information - #992888
*/
/* cancels out browser preset styling for main elements listed. */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, em, small, strong, sub, sup, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}

/* Blog Styles */

.blog h1 {
text-transform: lowercase;
}

.blog h2, .blog h3, h3#comments, #respond h3 {
  font-size: 1.3em;
  font-weight: bold;
  color:#009CDC;
}

.blog h2 a, .blog h3 a {
 color:#009CDC;
}

.blog h2 a:hover, .blog h3 a:hover {
 color:#fff;
}



/*.blog h2 , h3#comments, #respond h3 {
  font-size: 1.3em;
  font-weight: bold;
}*/

div.post {
   background-image: url(/media/grey-box-bg.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
   padding: 8px;
   border-bottom: solid 1px #b8c3cf;

}


#rel_col h2.widgettitle {
  font-size: 1.2em;
}

h3#comments {
  margin-top: 1em;
}

textarea#comment {
   width: 620px;
}

/* =GENERIC STYLING */
body{
	width:100%;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
   line-height: 1.3em;
   background:white;

}
h1, h2, h3, h4{
	color:#557192;
	font-weight:normal;
	/*padding:0.6em 0 0.3em;*/
line-height:1.3em;
   

}
h1{
	font-size:3.5em;
   color:#A9DB39;
   font-weight:bold;
   /*margin-bottom:2em;*/
   margin-bottom:0em;
}
h2{
	font-size:1.9em;
}
h1 + h2, h1 + h3, h1 + h4{
     margin-top:60px;
}
h3{
	font-size:1.6em;

}

h4{
	font-size:1.2em;
   font-weight:bold;
}
small{
	font-size:0.9em;
}
p{
	margin:1em 0 1.5em 0;
	line-height:1.6em;
}
ul, ol {
margin:0;
      padding:0;         
}
/*editor styles. These can all be implemented through the xstandard editor so they need to be accommodated. */
.right{
   float:right;
}
.left{
   float:left;
}
.right{float:right;vertical-align:top;margin:5px 0 5px 15px;}
.left{float:left;vertical-align:top;margin:5px 15px 5px 0;}

p.right{text-align:right;}
p.left{text-align:left;}
.center{text-align:center;}
p.indent{margin-left:1em;} /* This should be EITHER margin-left or padding-left. It depends on the layout used */

div.left li{
   text-indent:-16px;
   padding-left:15px;
   list-style-position:inside;
}

/*= GENERIC CONTENT STYLES */
hr{
   border:0;
   color:white;
   background:white;
  border-bottom:dashed 1px #AAB6C1;
}

a{	
	color:#009CDC;	
   text-decoration:none;
               border:none;
               outline:none;
	}
a:visited{	
	color:#009CDC;
	}
a:hover, a:focus /* This is useful for mobile users and for keyboard only users  */
{
	color:#fff;
   background:#009CDC;
}
a img:hover{
    background:none;
}
img{
	border:0; /*prevents images showing borders if they are linked*/
}
.blueheader{/*editor style*/}
#rel_col h4.blueheader, #rel_col h3.blueheader{
   color:#557192;
}
div.caption_image p{
   margin:5px 0;
   padding:0;
   font-weight:bold;
   color:black;
   text-align:center;
}

div.screenshot{
   width:315px;
   float:left;
display:inline;

}
div.screenshot p{
   margin:0;
   padding:0;
   margin:10px 60px 10px 50px;
   font-weight:bold;
   color:black;
   text-align:center;
}

.hidden{
position:absolute; /* useful for hiding text image text and menu headers*/
left:-3000px;
top:-10px;
font-size:1px;
}
.calloutbox{
/*   overflow:auto;    height:1%;
	clear:both;
	border:10px solid #DFF3B6;
               color:black;
	padding:1em;
	margin:2em 0;
                line-height:1.6em;
*/
background: #F1F3F5;
    border-color: #D3DBC0 #A9DB39;
    border-style: solid;
    border-width: 1px 2px 1px 22px;
    clear: both;
    color: #000000;

    height: 1%;
    line-height: 1.6em;
    margin: 1em 0;
    overflow: auto;/* Ensures the box encloses any floated images inside */
    padding: 2em;
}
.section_header .calloutbox{

   margin:2em 15px 1em 0;
}
.calloutbox.home {
padding:0.5em;
}

.calloutbox.home h2 {
  margin: 0em 0em 0em 0em;
padding: 0;
}

.calloutbox.home p {
margin: 0em;
}


/* = MAIN LAYOUT */
#wrapper{
   /*width:1024px;*/
   width:999px;
   margin:0 auto;
   padding:0;   
   position:relative;
}   

#contentwrapper{
   /*width:1024px;*/
   width:999px;
  /* overflow:hidden; replaced with below in order to show overflow objects while still enclosing floats LL 20.6.11*/
   display:table;
   background-repeat: no-repeat;/* for landing page bg image (defined on each landing page */
   background-color: #fff;/* for landing page bg image (defined on each landing page */
}

*html #contentwrapper {
  width:1010px;
}

#maincontent{
   margin:3em 5px 0 10px;
   width:630px;
   float:left;
   padding:0 0 1em 20px;
   display:inline;
   color:#6A6A6A;
}

#maincontent_full {
   margin:1em 5px 0 10px;
   width:950px;
   float:left;
   padding:0 0 1em 20px;
   display:inline;
   color:#6A6A6A;
}

#maincontent ul, #maincontent ol {
      /*clear: both; THIS REASON FOR THIS STYLE IS NOT CLEAR SO IT HAS BEEN REMOVED. IT MAY NEED TO BE REINSTATED IF THERE IS A DISPLAY ISSUE*/
      margin:1em 0 1.5em 2.2em;   
  }
#maincontent li {
    line-height: 1.8em;

}


#maincontent ul.indent, #maincontent ol.indent {
    margin-left: 170px;
}

#menu{
   position:absolute;
   top:0;
   left:0;
   z-index:1000;
}
a.homelink, a homelink:visited{
   float:left;
   display:inline;
   margin:0;
   padding:0;
}
a.homelink img{
display: none;
   margin:0;
   padding:0;
}

/*  = BREADCRUMBS */
div.breadcrumbs{
   background:#bae537;
   width:433px;
   padding: 1em 225px 1em 10px;
   font-size:1.1em;
   color:black;

}
div.breadcrumbs p, div.breadcrumbs.fake p{
   display:inline;
   margin:0;
   padding:0;
}

div.breadcrumbs.fake{
   color:white;
   background:transparent;
}
div.breadcrumbs strong{
   color:black;
   margin-left:5px;
}
div.breadcrumbs a, div.breadcrumbs a:visited{
   color:black;
   margin:0 0.5em;
}
div.breadcrumbs a:hover, div.breadcrumbs a:visited:hover{
   color:#009CDC;
   background:transparent; 
}
/* =SEARCH */
#search{
   position:absolute;
   top:0;
   right:1em;
}

#search p {
margin: 0;
padding: 0;
line-height: 0;
} 

#search input{
   color:#6A6A6A;
	 font-size:1.2em; 
}

#search input.go_button, input.button{
   background: transparent url(/media/go_button.png) no-repeat center;
   border:0;
   width:64px;
   height:21px;
   color:#6A6A6A;
   font-weight:bold;
   font-size:1em;
}
/*  = CONTACT */
#contact_info{
   margin-top:1em;
  margin-bottom: 0em;
}

#contact_info #contact_info {
   margin: 0;
}

#contact_info, #contact_info a, #contact_info a:visited{
   color:#557192;
 /*  padding:0.1em;*/
}
#contact_info a:hover, #contact_info a:visited:hover{
   color:white;
   background:#557192;
}
#contact_info img{
   vertical-align:middle;
   margin-right:5px;
}
a.moreinfo, a.moreinfo:visited{
   font-weight:bold;
   background:url(/media/moredot.png) no-repeat right;
   padding-right:18px;
   margin:0 0.5em;  
}
a.moreinfo:hover, a.moreinfo:visited:hover{
   color:#009CDC;
   background:#fff url(/media/moredot.png) no-repeat right;

}
/*  = RELATED INFO */
#rel_col{
display: none;
   /*width:330px;*/
   width:305px;
   float:right;
/*   margin:-40px 14px 0 10px;*/
   margin:-26px 14px 0 10px;
   padding:0;
   display:inline;/* prevents the double margin bug in IE */
   position:relative; /*used to position the group image on the home page*/
   font-size:1.2em;
}
#rel_col .logo{
  /* position:absolute;
   top:12px;*/
}
#rel_col .logo:hover{
    background:none;
}
#rel_col h2{
   font-weight:bold;
	font-size: 1.4em;
/*margin-bottom: 0.3em;*/
   margin:1.3em 0 1em 0.3em;
   line-height:1em;
}

#rel_col.internalpage{
   padding-bottom:300px;
}

#rel_col.internalpage.modified { /*rotating image functionality removed from Rewards landing page */
   padding-bottom: 0px;
} 


#rel_col ul {
  margin-bottom: 0.3em;
  margin-left: 2em;
}

#rel_col ul li {
   /*list-style-position: inside;
 
   text-indent:-16px;
   padding-left:15px;*/
  margin-bottom: 0.5em;
}
#related_info ul.col_one, #related_info ul.col_two{
   margin-left:0;
   width:150px;
   float:left;
}

#related_info{
   margin-top:1em;
   line-height:1.5em;
}
#related_info.rel_landing {
   margin-top:0;
   /*padding-top:1.5em; cannot use margin because it collapses with the p margin above it in IE */
}
#related_info ul {
		margin-bottom: 15px;
		margin-left: 80px;
}

#related_info ul li {
   /*list-style-position: inside;
   list-style-image: url(/media/bullet_circle_lge.gif);
*/
   margin-bottom: 0em;

  list-style-type:none;
  background: url(/media/bullet_circle_lge_new.gif) no-repeat top left;
  padding-left:20px;
  position:relative;

}
#related_info img, #news_events img {
    float: left;
    margin: 0 5px 5px 0;
}
#related_info #section_content ul {
     border-top:0;
     margin:0;
}
#related_info #section_content ul.col_one, #related_info #section_content ul.col_two{
       margin:5px;
       padding:0 0 0 10px;
       width:130px;
}
#related_info #section_content ul ul li{
      margin:0;
 }
#related_info #section_content li{
      margin:0 0 5px 0;
     background:none;
     padding:0;

}
#rel_col h4{
   color:#6A6A6A;
   padding:0;
   margin:0 0 0.5em 0;
}
#rel_col  p{
   margin-top:0;
   margin-bottom: 1.0em;
   padding:0;
}
#rel_col h3{
   margin:0 0 0.5em 0;
   position:relative; /*Used to counteract the relative positioning of the relative content div*/
}


/* Right Col Home */
#rel_col.home{
                margin-bottom:20px;
}
#rel_col.home h2 {
	color:#A9DB39;
	font-weight:bold;
	font-size: 2.4em;
   margin: 0.5em 0em 0em 0em;
   line-height:1em;
}

/* Home page RHS and Rewards Landing page  boxes */

#rel_col div.box, #maincontent div.box  {
   background-image: url(/media/green-box-bg.jpg);
   background-position: bottom;
   background-repeat: repeat-x;
   overflow: auto;	
   padding: 5px;
}

#maincontent div.box  {
background-image: url(/media/rewards-box-bg.jpg);
float: left;
 width: 290px;
 margin-right: 10px;

}

#rel_col div.box.grey {
   background-image: url(/media/grey-box-bg.jpg);
}

#rel_col div.box p, #maincontent div.box  p {
   font-size: 0.9em;
   line-height: 1.3em;
   margin-bottom: 5px;
}

#maincontent div.box  p {
   font-size: 0.85em;
   margin: 0 0 5px 0;
   padding: 0;
}

#rel_col div.box h3, #maincontent div.box h3  {
	color: #557192;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0.5em 0em 0.3em 0em;
}

#maincontent div.box h3 {
   font-size: 0.85em;
   color: #6a6a6a;
   margin: 0.5em 0em 0em 0em;
 }

#rel_col div.box p.left, #maincontent div.box p.left  {
	margin:5px 10px 5px 0;
}

#rel_col div.box img, #maincontent div.box img {
	border: solid 1px #aab6c1;
}

#rel_col div.box p.bullet {
	padding: 0;  
                margin: 0 0 2px 0;             
}

#rel_col div.box p.bullet a, #maincontent div.box p.bullet a {    
                margin: 100px 0 0 0;       
                font-weight: bold;
                color:#000;          
	background-image: url(/media/box-bullet.png);
	background-repeat: no-repeat;
	background-position: right;
                padding: 0 20px 2px 0px;
}

#rel_col div.box.grey p.bullet a {
background-image: url(/media/box-bullet-grey.png);
}

#maincontent div.box p.bullet a {
background-image: url(/media/box-bullet-rewards.png);
}
 
#rel_col div.box p.bullet a:hover, #maincontent div.box p.bullet a:hover {
        background-image: url(/media/box-bullet-over.png);
        background-color: transparent;
        color: #009CDC;	
}

#rel_col #rhs_image p {
margin: 0;
padding:10px 0 0 0;
text-align: center;
}


#related_info h3 {
   color:#A9DB39;
   border-bottom:1px solid #A9DB39;
   padding-bottom:0.3em;
}

/* Modified rel_col styles for pages with gradient boxes in rhs column */



#news_events h3{
   color:#557192;
   border-bottom:1px solid #557192;
   padding:0 0 0.3em 0;
   margin-top:2.5em;
}

#rel_col.modified #news_events h3 {
   margin-top: 1.0em;
}

#quote{
   margin-top:1.6em;
}
#quote h3{
      color:#A9DB39;
   font-style:italic;
   margin:3em 30px 0 30px;
   text-align:center;
   line-height:1.5em;
   font-size:1.6em/*  */;
}
#quote h3 strong{
         font-style:normal;
         font-size:0.9em;
         display:block;
         padding:1em 0 0 0;
         margin:0;
         line-height:1em;
}
#quote h3 em{
         margin:0;
         padding:0;
         display:block;        
         font-size:0.9em;
}
   #case_quote{
      color:#A9DB39;
      font-size:1.4em;
      font-weight:bold;
      margin:1em 0 2em 0;
      border-top:1px solid #A9DB39;
      padding-top:1em;
   }
   .green_border_botttom{
      padding-bottom:0em;
      border-bottom:1px solid #A9DB39;
   }
/* =MAINCONTENT */
#maincontent, #maincontent_full{
      font-size:1.3em;
}
#maincontent h1{
   margin-left:-15px;
}

#maincontent.home {
/*background: url(/media/home-composition.jpg) no-repeat bottom left;*/
padding-bottom: 10px;
margin:0 5px 0 0px;
padding-left:0;
font-size: 1.2em;

}

#maincontent.home div.top_image {
   clear: both;
   width: 590px;
   overflow: auto;
}

#maincontent.home h1 {
/*  clear: both;
  color: #557192;
  font-size: 2em;
  margin: 0em 0em 0.5em 0em;
font-weight: normal;*/
margin-bottom:30px;
}




/*  = Navigation footer */
#nav_footer {   
   clear:both;
   background-image: url(/media/nav_footer_bg.jpg);
   background-repeat: repeat-x;
   background-color: #bae537; 
   overflow: auto;
   width:979px;
   padding-left:20px;
        height:17em;

}

#nav_footer ul.quotelink li {
      float:left;
		width: 178px;
		margin: 10px 0px 10px 0px;
      list-style-type:none;
		border-left: solid 1px #cbeb69;
      padding: 0px 12px 4px 8px;
		font-size: 1.3em;
		font-weight: bold;
		color: #fff;
		position: relative;/* to allpw positioning of nested ul inside */
                        }

#nav_footer ul.quotelink li a, #nav_footer ul.quotelink li a:visited {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.3em;
	display: block;
   background-color: transparent;
   list-style-type:none;
	font-weight: bold;
                height:8em;/*for IE*/
                min-height:8em;/*allows the content to be longer if needed*/
}
#nav_footer ul.quotelink li a:hover {
	 color: #6a6a6a;
}

#nav_footer ul.quotelink ul {
   position: absolute;
   left: -1px;
	top: 1em;
	background-color: transparent;
	padding: 0px;
	border-left: solid 1px #d1ed90;
}

#nav_footer ul.quotelink ul li {
	   float: none;
		width: 165px;
		height: 0.5em;
		padding: 0.8em 12px 0.2em 8px;
		font-size: 0.9em;
		line-height: 1.4em;
		font-weight: normal;
		color: #6A6A6A;
		margin: 0;
      list-style-type:none;
		border-left: solid 0px #d1ed90;
}

#nav_footer ul.quotelink ul li a,
#nav_footer ul.quotelink ul li a:hover,
#nav_footer ul.quotelink ul li a:visited {
     width: 185px;
	  display: block;
     background-color: transparent;
     list-style-type:none;
background:url(/media/navfooter_bullet_over.gif) no-repeat right;
	     font-size: 1em;
	  font-weight: bold;
     color: #6A6A6A;
     height:1em;
     min-height:1em;
}

#nav_footer ul.quotelink ul li a:hover {
   color: #fff;
  background:url(/media/navfooter_bullet.gif) no-repeat right center;

	 }

#nav_footer ul.quotelink ul li span a, #nav_footer ul.quotelink ul li span a:hover, #nav_footer ul.quotelink ul li span a:visited {
	  width: auto;
	  display: inline;
     background-color: transparent;
     list-style-type:none;
	  padding-right: 20px;
	  background:url(/media/navfooter_bullet_over.gif) no-repeat right;
font-size: 1em;
	  font-weight: bold;
     color: #6a6a6a;
     margin-left:10px;
}

#nav_footer ul.quotelink ul li span a:hover {
   color: #fff;
background:url(/media/navfooter_bullet.gif) no-repeat right 3px;
     
	 }

.moreinfo_footer:hover{
      background:none;
}

#related_contentlinks li{
   line-height:1.6em;
}
#related_contentlinks ul{
   height:10em;
}
#nav_footer div#related_contentlinks li a, #nav_footer div#related_contentlinks li a:visited{
   margin:0;
}
#nav_footer div{
   float:left;
   width:173px;
   padding:0 0 8px 8px;
	margin-top: 10px;
	border-left: solid 1px #cbeb69;
}
#nav_footer div.no_quotelinks{
margin-left:580px;
display:inline; 
padding-bottom:11px;  
}

.no_quotelinks{
   /* Editor style */
}
#nav_footer h3{
   /*margin-left:8px;*/
   margin:0 0 0 8px;
   color:white;
   font-weight:bold;
}
#nav_footer div ul{
   margin:0 0 0 5px;
   padding:0;
   list-style-type:none;
}

#nav_footer div li{
/*margin:0.8em 0;*/
}

#nav_footer div li a, #nav_footer div li a:visited {
   display:block;
   width:150px;
   padding:0.4em 10px 0 4px;
   background:url(/media/navfooter_bullet.gif) no-repeat right;
   color:#fff;
   font-size:1.3em;
   font-weight:bold;
   margin:0 0 0.4em 0;
}

#nav_footer div li a:hover{
		color:#6A6A6A;
      background: url(/media/navfooter_bullet_over.gif) no-repeat right;
}
/* =FOOTER */
#footer{
   background:#557192;
   padding:0.5em 0 0;
   font-size:1.1em;
	overflow:auto;
	margin-bottom: 1em;
}

#footer ul{
   float: left;
   overflow:auto;
   padding:0 20px;
}
#footer li{
      float:left;
      list-style-type:none;
      background:url(/media/footer_separator.gif) no-repeat center left;
      padding: 0.3em 0.7em 0.7em 0.7em;
}
#footer li a, #footer li a:visited{
  /* display:block;*/
   color:white;
}
#footer li a:hover, #footer li a:visited:hover{
   color:#fff;
}

#footer p{ 
   float: right;
	padding: 0 10px 0 0;
		display: inline;
   font-weight:bold;
   color:#fff;
}
#footer div.iso{
     float:left;
     width:999px;
     background:#fff;
}
#footer div.iso p{
      color:#000;
         padding:5px 0 0 0;
      font-weight:normal;
}
#footer div.iso img{
      vertical-align:bottom;
}
/* =SITE TOOLS */

#nav_footer div#site_tools ul{
   list-style-type:none;
   margin-bottom: 0px;
  
}
#site_tools p{
  margin-left:8px;
  margin-top:12px;
}
#site_tools img{
/*   margin:10px 0;*/
 
}
#site_tools a, #site_tools a:visited{
background-color:transparent;
margin-left:4px;
}


/*=SITEMAP*/
div.col_one, div.col_two, div.col_three{
      float:left;
      width:210px;
   }

/* =Speech Bubble Styles*/

/* See styles in head of individual section landing pages for definition of person bg image and positioning of Speech Bubble*/

 div.position #arrow {
 	background-image: url(/media/speecharrow.gif);
	width: 120px;
	height: 58px;
	position: relative;
	left: 150px;
 }

#speechbub {
	background-image: url(/media/speechbox.png);
	color: #fff;
	padding: 15px;
 }
 
 div.position #speechbub { /*class allows for sizing and positioning on individual basis */
	width: 239px;
 }
.insectionHead div.position #speechbub{
       width:340px;
}
 #speechbub h2 {
  color:#BAE537;
   font-size:1.6em;
   margin:0;
   margin-bottom:0.6em;
 }
 
 #speechbub p {
   font-size:1.1em;
   line-height:1.4em;
   margin-bottom:0.6em;
   margin-top:0;
 }
 
#speechbub a {
  	color:#fff; 
                font-weight: bold;
	/*position: relative;*/
          
  }

#speechbub a:hover {
                font-weight: bold;
	position: relative;
          
  }
  
#speechbub ul,   #speechbub ol {
     	margin-left:  3em;
		margin-top: 0.4em;
margin-bottom: 0.2em;
   }
	
#speechbub li {
		 font-size: 1.0em;
		 margin-top: 0.3em

	}
#related_info #speechbub ul li{
                    background-image:none;
                    list-style-type:disc;
                    padding-left:0;
}

#speechbub .calltoaction {
border: solid 1px;
border-top-color: #718cac;
border-left-color: #718cac;
border-right-color: #3c5675;
border-bottom-color: #3c5675;
background-color: #557192;
padding: 8px;
}
/*SECTION HEADER PAGES*/


#section_content{
   margin-top:3em;
   overflow:auto;
}
#section_content h3{
   color:#A9DB39;
   padding:0 0 0.3em 0;
}
#section_content ul{
      border-top:1px solid #A9DB39;
      float:left;
      width:230px;
      display:inline;
      padding-top:25px;
      margin:0 60px 0 0;
      padding-left:20px;
}
#section_content li{
   font-weight:bold;
   background:url("/media/bullet_circle_lge_new.gif") no-repeat left 1px;
   list-style-type:none;
   margin-bottom:20px;
   padding-left:20px;
   position:relative;
   font-size:1.1em;
}
#section_content li ul{
   border:0;
   float:none; 
   padding:0;
   margin:3px 0 0;
}
#section_content li li{
   background:#fff;
   font-weight:normal;
   margin:0;
   padding:0;
   font-size:0.9em;

}
/* Ask Us Pop Up */

#nav_footer div#qbox, #nav_footer div#qbox2, #nav_footer div#qboxsent,  #nav_footer div#button {
background:url(/) no-repeat top left
}



/*#qbox is the version of the Ask Us box that is delivered to users with Javascript switched on */
/*#qboxsent is the version of the Ask Us box that is delivered to users when message is ent and confirmation message appears */
/*#qbox2 is the version of the Ask Us box that is delivered to users with Javascript switched off. It resides on a separate webpage */


#qbox, #qboxsent {
	position: absolute;
	bottom: 170px;
	left: 600px;
	background:url(/) no-repeat top left;
}

#qbox #ask, #qboxsent #asksent {
   clear: both;
   width: 160px;
   height: 26em;
	display: block;
	background-color: #dcf956;
   border: solid 1px #009cdc;
	padding: 8px;
	padding-bottom: 30px;
	font-size: 1.0em;
	
}

#qbox #ask p.close, #qboxsent #asksent p.close {
   width: 100%;
	margin: 0;
	margin-bottom: 0px;
	padding-right:0;
	line-height: 1.0em;
	text-align: right;
}

#nav_footer div #qbox #ask p.close a, #nav_footer div #qbox #ask p.close a:visited, #nav_footer div #qboxsent #asksent p.close a, #nav_footer div #qboxsent #asksent p.close a:visited  {
   display:inline;
   width:0px;
   padding:0;
   background:url(/) no-repeat;
   color:#009CDC;
   font-size:1.1em;
   font-weight:bold;
   margin:0;
  
}


#qbox #ask span {
	line-height: 1.0em;
	margin-top: 0;
	padding-top: 0;
	color:#009CDC;
}

#qbox #ask label {
		color:#009CDC;
}
#qbox #ask input {
	font-size: 1.0em;
	width: 150px;

}

#qbox #ask input:focus, #qbox #ask textarea:focus {border-left: solid 2px #000;} 


#qbox #ask textarea {
	width: 150px;
	margin-bottom: 3px;
               /*cursor: inherit;*/
               font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}

#qbox #button input.send {
   margin-left: 95px;
	width: 5em;
	background-color: #009CDC;
	border: solid 1px #fff;
	color: #fff;
	font-weight: bold;
   /*cursor: pointer;*/
}

#qboxsent p.confirmation {
	font-size: 1.0em;
	font-weight: bold;
	color: #009cdc;
}

#qbox p.error {
	font-size: 1.0em;
margin: 0;
padding:0;
	font-weight: bold;
	color: #f50000;
}

#qbox #ask label.error {
	color: #f50000;
	font-weight: bold;
}

/*No script version of form on separate web page*/

#nav_footer div li a.noscript, #nav_footer div li a.noscript:visited{
   display:block;
   width:130px;
   padding:0em 40px 0 4px;
   background:url(/) no-repeat right;
   color:#6A6A6A;
   font-size:1.1em;
   font-weight:normal;
   margin:0 0 0.4em 0;
	text-decoration: none;
}

#nav_footer div li a.noscript:hover {
   color:#fff;
}


#qbox2 {
   margin-top: 20px;
	width: 230px;
	background-color: #dcf956;
                border: solid 1px #009cdc;
	padding: 20px;
	padding-left: 100px;
}



#qbox2 #ask input, #qbox2 #ask textarea {
	width: 150px;
}

#qbox2 #ask input:focus, #qbox2 #ask textarea:focus {border-left: solid 2px #000;} 


#qbox2 #button input.send {
   margin-left: 60px;
	width: 4em;
	background-color: #009CDC;
	border: solid 1px #fff;
	color: #fff;
   font-size: 1.0em;
	font-weight: bold;
   cursor: pointer;
}

#nav_footer div #qbox2 #ask p.close a, #nav_footer div #qbox2 #ask p.close a:visited {
   display:inline;
   width:0px;
   padding:0;
   background:url(/) no-repeat;
   color:#009CDC;
   font-size:1.1em;
   font-weight:bold;
   margin:0;
   cursor: pointer;
}


/* =HOME GROUP IMAGE*/
#department_group{
position:absolute;
bottom:0;
left:-690px;
        /* right:360px;*/
}
#department_group{
  background:url(/media/people_cutout.jpg) no-repeat top left; 
  width:660px;
  height:408px;
}
#department_group img
{
   background:url(/media/headers_over.gif) no-repeat bottom left;  
      display:block;
}
#department_group img.operations{
   background-position:top left;
}
#department_group img.hr{
   background-position:left -408px;
}
#department_group img.sales{
   background-position:right -408px;
}
#department_group img.marketing{
   background-position:top right;
}
#department_group img.nohover{
   background-position:bottom left;
}

/* =REGISTRATION FORM*/

#registration label, form.boxForm label {
  display:block;
  float:left;
  padding-right:10px;
  text-align:right;
  width:165px;
  font-weight:bold;
}

form.boxForm label {
  width:280px;
}

form.boxForm label.short {
  width:200px;
}

#registration p, form.boxForm p {
  clear:both;
}

form.boxForm p {
  margin:1.5em 0 0.5em 0;
}

form.boxForm p.error {
   font-size:0.9em;
   color:#f00;
   text-align:center;
   margin:0;
   padding:0;
   clear:both;
}

form.boxForm .input {
  border: 1px solid #7F9DB9;
}

#registration p {
  min-height:22px;
}

* html #registration p {
  height:22px;
}

#registration span.error, form.boxForm span.error {
  color:#f00;
  font-size:0.9em;
}

#registration span.error {
 display:block;
 width:250px;
 float:left;
 margin-left:10px;
}

#registration .floated {
 float:left;
}
#registration #Country{
    width:14em;
}
/* =STAFF ATTRITION CALCULATOR*/

table.boxTable {
  width:100%;
  border-collapse:collapse;
}

table.boxTable th {
  border-bottom: 1px solid #A9DB39;
  padding:3px;
}

table.boxTable td {
  border-bottom: 1px solid #A9DB39;
  padding:5px;
  text-align:center;
}

div#calcContent {
  min-height:450px;
}

* html div#calcContent {
 height:450px;
}

span.cost_gap
{
 display:block;
 width:10px;
 float:left;
}

/*=INPAGE BOOKMARK LIST*/
      #bookmark_links{
      margin:1em 0 1.5em 0;
      background:#F1F3F5 url(/media/down_arrow.jpg) no-repeat right 2.3em;
      padding:0.5em;
      }
      #bookmark_links li{
         list-style-type:none;
      /*   background:transparent url(bookmark_bullets.jpg) no-repeat;*/        
         background:transparent url(/media/bookmark_bullets.jpg) no-repeat;
          padding-left:20px;
        }
        
      #bookmark_links h3{
         border-bottom: 1px solid #899DB4;
         margin-left:1em;
         margin-right:1em;
      }
      p.top_of_page{
         text-align:right;
         border-top:dashed 1px #AAB6C1;
         background:transparent url(/media/up_arrow.gif) no-repeat right;
         padding-right:15px;
      }
      .pdf{
         background: url(/media/pdf_inline.gif) no-repeat left;
         padding-left:25px;
      }
/*=NEWS*/
div.news{
   background:url(/media/news_resources/news_bg.jpg) no-repeat;
padding:0.5em 1em;

   margin-bottom:1em;
}
div.news h3{
   margin:0.5em 0 1.5em 0;
}
div.news h4{
   color:#6A6A6A;
   font-size:1em;
   margin:1em 0;
}
/* Contact cards */
div.vcard{
   float:left;
   background:#F1F3F5;
   width:200px; 
   padding:3px; 
   margin:20px 3px 20px 0;
}
div.vcard img{
   float:left; 
   margin-right:5px;
   margin-bottom:3px;
}
div.vcard h3{
   font-size:1.1em;
   font-weight:bold;
}
div.vcard p{
   margin:0;
}
div.vcard a{
   background:white;
   clear:left;
   display:block;
   float:none;
   padding-bottom:3px;
   text-align:center;
}
div.vcard a:hover, div.vcard a:active, div.vcard a:focus{
   background:#009CDC;
}
#rel_col p.address{
   font-size:1.1em;
   margin-top:3em;
}
blockquote{
   margin-left:0;
   font-style:italic;
}

/* HOMEPAGE SECTOR BOXES */
div.sectorbox{
	width:247px;
	float:left;
   margin:10px 15px;
   padding-bottom:10px;
   border-bottom:1px dotted #6E6E6E;
   position:relative;


}
div.sectorbox a img{
   border:0;
  background:none;
  position:absolute;
  bottom:0;
  right:0;
}
#rel_col div.sectorbox p{
 	margin:0 90px 0 30px;
 	padding:0;
   font-size:11px;
   line-height:1.3em;
}
#rel_col div.sectorbox h3{
	
}
div.sectorbox h3 a{
   color:#006994;
   font-weight: bold;
}
div.sectorbox h3 a:hover, div.sectorbox h3 a:active{
   color:#fff;
   background:#009CDC;
}
div.sectorbox h3 a img:hover{
   border:1px solid #009CDC;
}
#rel_col div.sectorbox p.bullet a{
   font-weight:bold;
   background:url(/media/target.gif) no-repeat right -14px ;
   padding-right:18px;

   font-size:1.1em;
   height:15px;
}
#rel_col div.sectorbox p.bullet{
      margin:10px 0 0 0;


}
#rel_col div.sectorbox p.bullet a:hover, #rel_col div.sectorbox p.bullet a:active{
   background-position:right 2px;
   color:#A9DB39;
}
/* BOOK A DEMO - these styles overwrite the styles in the poll which is created in opinio. If necessary these can be put in Opinio instead*/
#pollDiv11756 table.pollTable11756{
   border:6px solid #718295;
   font-family:Arial, Helvetica, sans-serif;
   background:#899DB4 url(/media/contact/book_demo_form.jpg) no-repeat 340px 135px;  
   width:550px;
   padding:0 10px 10px 10px;
   margin-top:40px;
   
}
td.pollTop11756{
   font-size:1px;
   background:#899DB4;  
}
div.pollDiv11756 td.introduction{
   color:#fff;
   font-size:1.3em;
   line-height:1.5em;
}
div.pollDiv11756 td.beforeFirstQuestion {
   padding:0;
   font-size:1px;
   line-height:1px;
   
}
div.pollDiv11756 select, div.pollDiv11756 input {
    font-size: 1.2em;
    height: auto;
}
table td.pollQuestionText11756 {
    font-size: 1.4em;
    font-weight:bold;
    padding: 8px 3px;
}
td.pollButton11756 {
    padding: 0;
   background:#899DB4;  
   border:0;
}
.pollBottom11756 {
   background:#899DB4;  
    height: 15px;
    padding: 1px;
}
table td.pollButton11756{
   text-align:left;
   padding-top:30px;
}
table input.pollButton11756 {
    font-size: 1.3em;
    font-weight:bold;
    height: 39px;
    width:135px;
    margin: 0;
    padding: 0;
    text-indent: 0;
    background:url(/media/contact/form_button.jpg) no-repeat center left #899DB4;
    border:0;
    color:#009CDC;
       font-family:Arial, Helvetica, sans-serif;
       cursor:pointer;
   
}
table input.pollButton11756:hover{
   background-position:center right;
   color:#fff;
}
div.pollDiv11756 select{
   width:20em;
  /* height:1.1em;*/
}
table td.pollTop11756 {
   font-size:1.5em;
   padding-top:10px;
}
table td.pollThankYou11756{
   font-size:1.3em;
line-height:1.5em;
}
/*FEATURE MATRIX TABLE*/
#feature_matrix td{
        background:#E9E9E9;
        border: 1px solid #FFFFFF;
       line-height: 2.3em;
       padding: 2px 10px;
       color:#474747;
        border-width: 0 1px 1px 0;
        vertical-align:bottom;
}
a.pageup{
      background:url(/media/up-pointer.gif) no-repeat center left;
      padding:0 3px 0 18px;
}
a.pageup:hover, a.pageup:active{
    background:#009CDC url(/media/up-pointer.gif) no-repeat center left;
}

/* book a demo form */

#book_a_demo form {
   margin-left:25px;
}
#book_a_demo input{
   width:17em;
   background:#F1F3F5;
   border:1px solid #D0D7DD;
   padding:8px;
   -moz-border-radius: 10px;
  border-radius: 10px;

   
}
#book_a_demo sup{
   color:red;
   margin-right:5px;
}
#book_a_demo select{
   width:13em;
   margin: 6px 0 8px;
}
#book_a_demo input#book_date{
   width:180px;
}
#book_a_demo label{
    color: #000000;
    display: block;
    font-size: 1.2em;
    margin-bottom: 10px;
}
#book_a_demo #book_details {
    line-height: 1.6em;
    float:left;
    margin: 0;
    width: 325px;
}
#book_a_demo #booking_clear {
	clear:both;
}

#calendar{
   line-height: 1.6em;
   float:left;
    margin: 0 0 1.5em;
}
#book_a_demo .submitbutton, a.submitbutton, #contact_info a.submitbutton {
   background: url("/media/input_button.gif") no-repeat scroll left center #fff;
    border: 0 none;
    color: #009CDC;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    height: 39px;
    margin: 10px 0;
    padding: 0;
    text-indent: 0;
    width: 135px;
    display:block;
  }
#book_a_demo .submitbutton{
  margin-top:1.5em;

}
#book_a_demo .submitbutton:hover, #book_a_demo .submitbutton:active, a.submitbutton:hover, a.submitbutton:active{
background-position: right center;
    color: #FFFFFF;
   
}
a.submitbutton.large, #contact_info a.submitbutton.large{
   background: url("/media/large_button.jpg") no-repeat scroll left center #fff;
   height:53px;
   width:180px;
   margin-top:0; 
   font-size:1.7em;
   font-weight:normal;
   line-height:2.3em;
   text-align:center;

}
a.submitbutton.large:hover, a.submitbutton.large:active, #contact_info a.submitbutton.large:hover, #contact_info a.submitbutton.large:active{
    background-position: right center;
    color: #FFFFFF;
}
#book_a_demo select#book_time {
    z-index:10;
}

/* the input field */
.date {
	border:1px solid #ccc;
	padding:4px;
	width:180px;		
	-moz-box-shadow:0 0 10px #eee inset;
}

#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:1;	
	margin-top:-22px;	
	width:370px;	
}

#calbody {
	clear:both;
	font-family:sans-serif;		
	width:364px;
	font-size:13px;
	border:1px solid #BDC8D2;
	border-width:1px 1px 0;
	background:#F5F9FF 0 37px repeat-x;
	z-index:100;
	-moz-box-shadow:0 0 10px 0px #ccc;
	-webkit-box-shadow:0 0 10px 0px #ccc;
}

#calhead {
	padding-left:195px;		
}

#caltitle {
	font-family:sans-serif;		
	text-align:center;
	font-size:14px;
	float:left;
	width:130px;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(/media/cal_prev.gif) no-repeat scroll top right;
	float:left;
	cursor:pointer;
}

#calnext {
	background:transparent url(/media/cal_next.gif) no-repeat scroll top left;
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

#caldays span {
	display:block;
	float:left;
	width:52px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	font-size:11px;
	color:#7e7e7e;
	line-height:18px;
	background:#fff repeat-x;
}

#calweeks {
	
}

.calweek {
	clear:left;
	height:50px;
	border-bottom:1px solid #BDC8D2;
	border-top:1px solid #fff;
}


.calweek a {
	display:block;
	float:left;
	width:50px;
	height:50px;
	text-decoration:none;
	font-size:15px;
	text-align:center;
	line-height:50px;
	color:#000;
	border-right:1px solid #fff;
	border-left:1px solid #BDC8D2;
	text-shadow:1px 1px 1px #fff;
} 

a.calsunday {
	border-left:1px solid transparent;		
	color:#900;
	background-color:#f2f2f2;
}

.calweek a:hover, .calfocus {
	background:#fff;
}

.calsun {
	color:red;		
}

a.caloff {
	color:#999;	
	background:#eee;
}

a.caloff.calfocus {
	background-color:#ddd;		
}

.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


#caltitle select {
	font-size:10px;	
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
	text-shadow:0 1px 0 #000;
	border:0;
	width:52px;
	background-image:none;
	-moz-box-shadow:inset 0 0 10px 0px #000;
}

/* today */
#caltoday {
	background-color:#666;
	color:#fff;
	text-shadow:0 1px 0 #000;
}
#maincontent .errors{
    -moz-border-radius: 10px;
    background: #FFEAEA;
    border: 1px solid #FF9797;
    color: #000000;
    margin:0 85px 0 22px;
    padding: 15px 20px 20px 20px;
    color:red;
}
#maincontent .errors li{
   margin-left:10px;
}
.eventsdisplay{
   overflow:auto;
   background:#F1F3F5;
}
.eventsdisplay div{
   width:180px;
   padding:10px 10px 0 10px;
   margin-right:10px;
margin: 0 10px 0 0;
}
.eventsdisplay div.col_two{
   border:1px dashed gray;
  border-width:0 1px;

}
.eventsdisplay div.col_three, .eventsdisplay.base div.col_two{
   margin-right:0;
}
.eventsdisplay.base{
   clear:left;
   margin-bottom:10px;
}
.eventsdisplay.base div{
   width:294px;
   padding-top:10px;
   border-top:1px dashed gray;
   margin:0;
}
.eventsdisplay.base div.col_two{
   border-right:0;
}
/*page intro*/
div.pageIntro{
    background:#ECF2F8 url(/media/introheader-bg.jpg) repeat-y top right;
    left:-29px;
     position:relative;
    width:600px;
    padding-left:29px;
    margin:15px 0;
}
div.pageIntro img{
    float:right;
}
div.pageIntro h2{
    color:#8B8E91;
 font-size: 1.4em;
    font-style: italic;
    padding:35px 10px 35px 0;
}
div.pageIntro h2 img{
    margin-top:-35px;
    margin-left:20px;
}

/*slider */
/* content slider styles */
/* content slider styles */
#content_slider{
   background: #fff url(/media/home/slider_bg.png) no-repeat top left;
   width:959px;
   height:730px;
   margin:0 0 0 0px;
   position:relative;
   top:36px;


}

#content_slider img{
   left:0;
}
#content_slider .screen{
   /* height: 295px;*/
        height: 285px;
    margin: 0 5px 0 10px;
    padding-top: 12px;
    width: 596px;

}
#navi_content{

   padding:90px 0 0 0;
   margin-left:8px;
   overflow:auto;
}
#navi_content span{
   width:155px;
   float:left;
   text-align:center;
   margin-right:4px;
   padding: 5px 0;
}
#navi_content span h4{
   color:#fff;
   font-size: 16px;   
}
#navi_content span p{
   margin:100px 9px 9px;
   text-align:left;
   line-height:1.6em;
   color:#013950;
   
}
#navi_content span p strong{
    color:#000;
}
#navi_content span p.sectionlink{
   text-align:left;  
/*   width:142px;*/

}
#navi_content span p.sectionlink a{
   color:#DCF956;
   font-weight:bold;
      background:url(/media/home/light_bullet.png) no-repeat 0 -27px;
   padding-left:25px;
   position:absolute;
   bottom:20px;


 
}
#navi_content span p.sectionlink a:hover, #navi_content span p.sectionlink a:active{
   background-position:0 -4px;
   color:white;
}
#content_slider h3{
   color:#A8C750;
   font-size:3em;
   margin:0 0 10px 0;
   font-weight:bold;
   padding:0;
}
#content_slider .content2 h3{
   color:#A8C750;
}
#content_slider .content3 h3{
   color:#41568D;
}
#content_slider .content4 h3{
   color:#9E235C;
}
#content_slider .content5 h3{
   color:#30A3A5;
}
#content_slider .screen{
   overflow:auto;
}
#content_slider .screen p, #content_slider .screen h4, #content_slider .screen ul{
   width:380px;
   margin:0 0 15px;
   color:#4E4E4E;
   line-height:1.7em;
   padding:0;
     }
#content_slider .screen ul{
  width:auto;
  padding-left:2.2em;
}
#content_slider .screen h2{
   color:#A9DB39;
   font-size: 2.5em;
    font-weight: bold;
   margin: -5px 0 0px 0;
}
#content_slider .screen h4{
     color: #4E4E4E;
    font-weight: bold;
    line-height: 1.5em;
    margin-top:10px;
}


#content_slider .icons{
/*    clear: right;*/
    float: right;
    width: 185px;
    display:inline;
/*   position:relative;*/
/*   display:none;*/
    margin-right:10px;
   
}
#content_slider .image{
   float: right;
    width: 220px;
    display:inline;

}
#content_slider div.icons div{
   overflow:auto;
   width:185px;
}
#content_slider .icons a{
   float: left;
    text-align: center;
font-size: 0.9em;
}
#content_slider .icons a img{
  /*   float:left;*/
     margin:3px auto;
   display:block;

}
#content_slider .icons a:hover, #content_slider .icons a:active, #content_slider .icons a:focus{
   background:none;
   border:none;
color:#9E235C;

}
#content_slider .icons a:hover img{
  /* margin-top:0;
   margin-bottom:3px;*/
}
#content_slider .icons a img:hover{
   text-decoration:none;
   background:none;
   border:none;
}

#content_slider .icons a.external_link:hover{
   background-position:center right;
}
#content_slider .graphic{
   float: right;
    margin-right: 38px;
    display:inline;
}
#content_slider .graphic img{
   margin-top:6px;
border: 12px solid #CED4E2;
}
.navi{
   position:absolute;
   top:340px;
    padding-left: 9px;
    z-index: 200;
left:0;

}
.navi a{
   display:block;
   width:139px;
/*   height:27px;*/
   height:330px;
   float:left;
   margin-right: 4px;
   padding:0 8px 5px 8px;
      background:url(/media/home/lights_off.png) no-repeat top left;
}
.navi a:hover, .navi a:active, .navi a:focus{
   background:url(/media/home/lights_on.png) no-repeat top left;
   border:none;
   outline:none;
}
.navi a.item1{
   display:none;
}
.navi a.item3{
   background-position:-156px 0;
}
.navi a.item4{
   background-position:-319px 0;
}
.navi a.item5{
   background-position:-479px 0;
}
/*.navi a.item2{
   background-position:-347px 0;
}
.navi a.item2:hover, .navi a.item2.active{
   background-position:top left;
}
.navi a.item3{
   background-position:-347px -158px;
}
.navi a.item3:hover, .navi a.item3.active{
   background-position:0 -158px;
}
.navi a.item4{
   background-position:-347px -318px;
}
.navi a.item4:hover, .navi a.item4.active{
   background-position:0 -318px;
}
.navi a.item5{
   background-position:-347px -485px;
}
.navi a.item5:hover, .navi a.item5.active{
   background-position:0 -485px;
}*/

#content_slider .nav_arrows{
   position:absolute;
   z-index:100;
   top:140px;
}
#content_slider .nav_arrows a{
   cursor:pointer;
   display:block;
   width:40px;
   height:66px;

}
#content_slider .nav_arrows.prevarrow{
   left:-20px;  
}
#content_slider .nav_arrows.nextarrow{
         right:293px;
}
#content_slider .nav_arrows a.prev{
 
   background:url(/media/home/leftnav.png) no-repeat -1px -9px;  
}
#content_slider .nav_arrows a.prev:hover{
   background-position:0 -90px;
}
#content_slider .nav_arrows a.next{
      background:url(/media/home/rightnav.png) no-repeat top left;  
}
#content_slider .nav_arrows a.next:hover{
   background-position:0 -79px;
}
/* slider styles */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
    height: 288px;
   /* margin-left: 45px;*/
    overflow: hidden;
    position: relative;
    /*width: 660px;*/
    
    width:590px;
    margin-left:28px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
                height:295px;
                height:285px;
	position:absolute;
   margin-top:15px;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
#slider_topbuttons{
   position:absolute;
   top: 349px;
   left:428px;
    z-index: 100;
}
#slider_topbuttons a{
   width:189px;
   height:56px;
   background:url(/media/home/book_a_demo.png) no-repeat top left;
   display:block;
}
#slider_topbuttons a:hover, #slider_topbuttons a:active{
   background-position:-190px 0;
}
#slider_topbuttons a.case_studies{
   background-position:-12px -67px;
}
#slider_topbuttons a.case_studies:hover, #slider_topbuttons a.case_studies:active{
   background-position:-190px -67px;
}
#slider_topbuttons a.book_a_demo{
   background-position:top left;
}
#slider_topbuttons a.book_a_demo:hover, #slider_topbuttons a.book_a_demo:active{
    background-position:-189px 0;  
}
p.whitelabel a{
   display:block;
   background:url(/media/home/white_label.png) no-repeat top left;  
   width:283px;
   height:170px;
}
p.whitelabel a:hover, p.whitelabel a:active{
   background-position:-282px 0;
}