/* Site selector styles.
   Used for logged out and logged in headers. */

#site_selector {
	float: left;
	/*width: 25%;*/
	overflow: hidden;
}
#site_selector a {
	display:block;
	width: 100%;
   height: 100%;
}
#site_selector #top_logo {
	/*width: 25%;*/
	height: 50px;
	color: #eeeeee;
   font-size: 20px;
   padding:10px;
}
#site_selector #site_list {
	display: none;
	position: absolute;  /* For dynamic visibility at logged in state, so it doesn't push page elements down. */
	top:50px;
	z-index: 9000;

	width: 170px !important; /* Applied important to preserve width on narrow devices, like Android and iPhone. */
	margin: 0;
	padding: 0;
	background: url('../../Images/Header/SiteSelector/bg-gradient.png') top left repeat-x #fff;
	
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dfdfdf;
}
#site_selector #site_list div {
	border-bottom: 1px solid #dfdfdf;
}

#site_selector #site_adv4Kids{
     position: relative;
	 background: url('../../Images/Header/SiteSelector/logo-advantage4kids.png') no-repeat center;
	 height: 42px;
}

#site_selector #site_skwids {
   position: relative;
	background: url('../../Images/Header/SiteSelector/logo-skwids.png') no-repeat center;
	height: 42px;
}

#site_selector #site_homer {
   position: relative;
	background: url('../../Images/Header/SiteSelector/homerLogoColorSmall.png') no-repeat center;
	height: 54px;
}

#site_selector #site_parents {
   position: relative;
	background: url('../../Images/Header/SiteSelector/logo-parents.png') no-repeat center;
	height: 42px;
}
#site_selector #site_adv4life {
   position: relative;
	background: url('../../Images/Header/SiteSelector/logo-4life.png') no-repeat center;
	height: 42px;
}
#site_selector #site_product {
   position: relative;
	background: url('../../Images/Header/SiteSelector/products.jpg') no-repeat center;
	background-color: #f2f2f0;
	height: 32px;
}