/*Ease of Use*/
 
 
.tab-content > .active {
	-webkit-transition: slide 1s ease 3.5s forwards;
	-moz-transition: slide 1s ease 3.5s forwards;
	-ms-transition: slide 1s ease 3.5s forwards;
	-o-transition: slide 1s ease 3.5s forwards;
	transition: slide 1s ease 3.5s forwards;
}

.banner-icon-nav {
    list-style: none;
	
}

.banner-icon-nav li{
	display: inline-block;
}

.banner-icon-nav>li>a {
    position: relative;
    display: block;
    padding: 10px 1px;
}

.img-eouIcon {
	width: 100%;
	height: 150px;
	display: block;
}

/*Ease of Use*/


.banner-icon-nav-tabs>li.active>a, .banner-icon-nav-tabs>li.active>a:focus, .banner-icon-nav-tabs>li.active>a:hover {
    background-color:transparent;
}

.banner-icon-nav>li>a:focus, .banner-icon-nav>li>a:hover {
    text-decoration: none;
    background-color:transparent;
}

#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs {
	width: 100%;
	border-bottom: 0;
	padding-left: 0px;
}

div#Faster-dashboard {
	z-index: 2;
	position: relative;
}

#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li {
	width: 200px;
	text-align: center;
}

#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li a {
	color: #fff;
}

#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li.active a,
#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li a:hover {
	color: #64be00;
}


a[data-target*="#tab-10G-SFP"] div.img-eouIcon {
	background: url('/library/assets/products/xgs1210-12/10G-SPF-Uplink.png') center top no-repeat;
	background-size: contain;
}

a[data-target*="#tab-10G-SFP"]:hover div.img-eouIcon,
#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li.active a[data-target*="#tab-10G-SFP"] div.img-eouIcon {
	background: url('/library/assets/products/xgs1210-12/10G-SPF-Uplink-green.png') center top no-repeat;
	background-size: contain;
}


a[data-target*="#tab-Multi-Gigabit"] div.img-eouIcon {
	background: url('/library/assets/products/xgs1210-12/Multi-Gigabit-Speed-Support.png') center top no-repeat;
	background-size: contain;
}

a[data-target*="#tab-Multi-Gigabit"]:hover div.img-eouIcon,
#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li.active a[data-target*="#tab-Multi-Gigabit"] div.img-eouIcon {
	background: url('/library/assets/products/xgs1210-12/Multi-Gigabit-Speed-Support-green.png') center top no-repeat;
	background-size: contain;
}


a[data-target*="#tab-Web-Management"] div.img-eouIcon {
	background: url('/library/assets/products/xgs1210-12/Easy-web-management.png') center top no-repeat;
	background-size: contain;
}

a[data-target*="#tab-Web-Management"]:hover div.img-eouIcon,
#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li.active a[data-target*="#tab-Web-Management"] div.img-eouIcon {
	background: url('/library/assets/products/xgs1210-12/Easy-web-management-green.png') center top no-repeat;
	background-size: contain;
}

a[data-target*="#tab-Noiseless-Design"] div.img-eouIcon {
	background: url('/library/assets/products/xgs1210-12/Noiseless-Design.png') center top no-repeat;
	background-size: contain;
}

a[data-target*="#tab-Noiseless-Design"]:hover div.img-eouIcon,
#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li.active a[data-target*="#tab-Noiseless-Design"] div.img-eouIcon {
	background: url('/library/assets/products/xgs1210-12/Noiseless-Design-green.png') center top no-repeat;
	background-size: contain;
}

a[data-target*="#tab-Energy-Saving"] div.img-eouIcon {
	background: url('/library/assets/products/xgs1210-12/Energy-Savings-at-Work.png') center top no-repeat;
	background-size: contain;
}

a[data-target*="#tab-Energy-Saving"]:hover div.img-eouIcon,
#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li.active a[data-target*="#tab-Energy-Saving"] div.img-eouIcon {
	background: url('/library/assets/products/xgs1210-12/Energy-Savings-at-Work-green.png') center top no-repeat;
	background-size: contain;
}


@media only screen and (max-width: 1025px) {	
#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li {
	 width: 15%;
	}
}

@media only screen and (max-width: 991px) {	
#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li {
	 width: 19%;
	}
}


@media only screen and (max-width: 450px) {	
#Faster-dashboard .banner-icon-nav.banner-icon-nav-tabs li {
	 width: 100%;
	}
}