/*  general social icon styles  */

.productSharing .social-media.mobile-only div{
	margin-right:4px;
	font-size:initial;
}
.productSharing .social-media.no-mobile a{
	margin-right:4px;
}

.social-media.no-mobile li{
	font-size: 16px;
}
.social-media a{
	/*background-image:url(../../media/sprites.png);*/
	width:19px;
	height:18px;
	display:block;
	/*text-indent:-9999px;
	overflow: hidden;*/
	text-decoration: none;
	color: #a6a6a6;
}

.productSharing .social-media a{
	/*background-image:url(../../media/sprites.png);*/
	overflow: visible !important;
	font-weight: normal;
	/*text-indent:-9999px;*/
}

.social-media.mobile-only a{
	font-family: FontAwesome !important;
	display: block;
	color: #FFFFFF !important;
	margin-right: 0px !important;
	font-size: 20px;
	line-height: 40px!important;
	height: 40px;
	width: 40px;
}
.social-media.mobile-only div{
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 7px;
	line-height: 3.4;
	background-color: #444;
	border-radius: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.fa-twitter-square:hover {
	color: #444444;
}
.fa-facebook-square:hover {
	color: #444444;
}
.fa-google-plus-square:hover {
	color: #444444;
}
.fa-instagram:hover {
	color: #444444;
}
.fa-pinterest-square:hover {
	color: #444444;
}
.fa-linkedin-square:hover {
	color: #444444;
}

.facebook{
	background-position:0 -49px;
}
.facebook:hover{
	background-position:0 -73px;
}

.twitter{
	background-position:-20px -49px;
}
.twitter:hover{
	background-position:-20px -73px;
}

.google-plus{
	background-position:-40px -49px;
}
.google-plus:hover{
	background-position:-40px -73px;
}

.pinterest{
	background-position:-61px -49px;
}
.pinterest:hover{
	background-position:-61px -73px;
}

.linked-in{
	background-position:-83px -49px;
}
.linked-in:hover{
	background-position:-83px -73px;
}


/* special rules so the linked in link is only visible on the careers pages */
.footer-element-2-of-2 .social-media .linked-in{
	display: none;
}

.page-careers .footer-element-2-of-2 .social-media .linked-in{
	display: block;
}



/* sharing links */

#share-links{
	margin:36px 0 0 0;
	padding:7px 0 4px 0;
	border-top:1px solid #f1eee6;
	border-bottom:1px solid #f1eee6;
}

#share-links li{
	list-style-type:none;
	float:left;
	margin:0 3px 0 0;
	padding:0;
	font-size:10px;
	text-transform:uppercase;
	color:#968f81;
}

#share-links li:last-child{
	margin:3px 0 0 9px;
}

#share-links a{
	width:19px;
	height:18px;
	display:inline-block;
	text-indent:-9999px;
	background-image:url(../../media/sprites.png);
	overflow:hidden;
}


/*  blog social icons  */

.productSharing .social-media,
#blog .pane .social-media{
	padding-left:0;
}

.productSharing .social-media li,
#blog .pane .social-media li{
	display:inline-block;
}




/* ---------------------------------------------------------------
   Bits for social media links
   --------------------------------------------------------------- */

/*	ul.social-media
	{
		clear: both;
		margin:  0em;
		padding: 0em;
	}*/

/*
    Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
    http://www.tanfa.co.uk/archives/show.asp?var=300
*/

/*		ul.social-media:after 
		{
			content: ".";
			display: block;
			visibility: hidden;
			
			clear: both;
			
			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		ul.social-media        { display: inline-block; }
		* html ul.social-media { height: 1%; }
		ul.social-media        { display: block; }
		*/

/* This ensures that the rest of the footer items can continue along that
    line without an extraneous break onto a second line. */
/*			footer ul.social-media:after
			{
				clear: none;
			}

	
		.standard-header ul.social-media
		{
			position: absolute;

			right:  2px;
			bottom: 13px;
			
			-moz-transition-property:    bottom;
			-webkit-transition-property: bottom;
			-ms-transition-property:     bottom;
			-o-transition-property:      bottom;
			transition-property:         bottom;

			-moz-transition-duration:    0.5s;
			-webkit-transition-duration: 0.5s;
			-ms-transition-duration:     0.5s;
			-o-transition-duration:      0.5s;
			transition-duration:         0.5s;
		}
		
			.primary-navigation-shrunk .standard-header ul.social-media
			{
				-moz-transition-property:    bottom;
				-webkit-transition-property: bottom;
				-ms-transition-property:     bottom;
				-o-transition-property:      bottom;
				transition-property:         bottom;

				-moz-transition-duration:    0.5s;
				-webkit-transition-duration: 0.5s;
				-ms-transition-duration:     0.5s;
				-o-transition-duration:      0.5s;
				transition-duration:         0.5s;

				bottom: 11px;
			}
	
		ul.social-media li
		{
			margin:  0em;
			padding: 0em;
			
			float: left;
			display: inline;
		}
		
			ul.social-media li a
			{
				display: block;
			}

			footer ul.social-media li{
				width:20px;
			}*/

/* Social media bits when adjacent to
    a main headline in an hgroup */
/*	hgroup h2 + ul.social-media 
	{
		float: left;
		margin: 5px 10px 0 0;
	}*/








/* ---------------------------------------------------------------
   Various icons
   --------------------------------------------------------------- */


/*li.facebook a,
	li.twitter a,
	li.google-plus a
{
	width: 20px;
	height: 18px;
}

footer li.facebook a:focus,
footer li.facebook a:hover,
li.facebook a
{	
	background-position: -400px -0px;
}

  footer li.facebook a,
	li.facebook a:focus,
		li.facebook a:hover
	{	
		background-position: -400px -24px;
	}

footer li.twitter a:focus,
footer li.twitter a:hover,
li.twitter a
{
	background-position: -420px -0px;
}

  footer li.twitter a,
	li.twitter a:focus,
		li.twitter a:hover
	{
		background-position: -420px -24px;
	}

footer li.google-plus a:focus,
footer li.google-plus a:hover,
li.google-plus a
{
	background-position: -440px -0px;
}

  footer li.google-plus a,
	li.google-plus a:focus,
		li.google-plus a:hover
	{
		background-position: -440px -24px;
	}
	
footer li.pinterest a:focus,
footer li.pinterest a:hover,
li.pinterest a
{
	background-position: -460px -0px;
}

  footer li.pinterest a,
  li.pinterest a:focus,
  	li.pinterest a:hover
  {
  	background-position: -460px -24px;
  }	*/