@font-face {
	font-family:'metric-bold';
	src:url('../fonts/MetricWeb-Bold.eot');
	src:url('../fonts/MetricWeb-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/MetricWeb-Bold.woff') format('woff'),
	url('../fonts/MetricWeb-Bold.ttf') format('truetype'),
	url('../fonts/MetricWeb-Bold.svg#webfont') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
    font-family: "metric-regular";
    font-style: normal;
    font-weight: normal;
	src:url('../fonts/metric-regular.eot');
    src: url("../fonts/metric-regular.eot?#iefix") format("embedded-opentype"),
	url("../fonts/metric-regular.woff") format("woff"),
	url("../fonts/metric-regular.ttf") format("truetype"),
	url("../fonts/metric-regular.svg#webfont") format("svg");
}	

html{
	width:100%;
	overflow-y: scroll;
	
}

.belkin-logo{
	background-image:url('../assets/logo-black.gif');
	background-repeat: no-repeat;
	height:42px;
	width:145px;
	display:inline-block;
	margin:15px 0;
	background-size:100%;
}

.belkin-logo:hover{
	background-image:url('../assets/logo-green-glow.gif');
    background-repeat: no-repeat;
}

.center{
	margin: 0 auto;
	width:982px;
	padding: 0 15px;
}

.content-page{
    padding:0px;
}

.banner{
	position:relative;
	margin-bottom:25px;
}

.banner img{
	position:relative;
}

.bannerHeader{
	position:absolute;
	z-index:1;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin-left:20px;
}

h1.primaryHeader{
	font-family: 'metric-bold', Arial, sans-serif;
	font-size:36px;
	color: #73d44a;
	line-height:32px;
	margin-bottom:9px;
}

h1.primaryHeader span{
	color: #ffffff;
}

.subHeader{
	font-family: "metric-bold", Arial, sans-serif;
	font-size:24px;
}

.main{
	height:100%;
}

.subText{
	font-family: arial;
	font-size:16px;
	line-height: 22px;
	margin-bottom:50px;
}

.cornerBlock{
	float:right;
	font-family: Arial, sans-serif;
	font-size:14px;
	color: #a69c9e;
}

.cornerHeader{
	margin:15px 0;
	display:inline;
}

.cornerText, .cornerShopLink{
	display:inline-block;
	height:44px;
	line-height:44px;
	margin: 15px 0;
}

.cornerText{
	display:inline;
}

.cornerImage{
	display:inline-block;
	background-image: url("../assets/circle.png");
	height:44px;
	width:44px;
}


.cornerHeader:hover .cornerText, .cornerShopLink:hover{
	text-decoration: underline;
	
}

.cornerHeader:hover .cornerImage{
	background-image: url("../assets/circle-gray.png");
}

a:hover{
	color: inherit;
}
.cornerImage img{
	visibility: hidden;
}

.header{
    width:100%;
    overflow: auto;
}

.stepText{
	display:inline-block;
	width:350px;
}

.steps{
    font-family: 'metric-regular', sans-serif;
    font-size: 18px;
    vertical-align:top;
    color:#ffffff;
	margin-top:3px;
	line-height:22px;
}


.topbar{
    height:180px;
    width:100%;
}

.item{
 float:left;
 font-size: 14px;
 font-family: 'metric-bold', Arial, sans-serif;
 vertical-align: text-top;
 margin-left:9px;
 position:relative;
 color: #a69c9e;
 z-index:1;
 cursor:pointer;
 width:90px;

}
.item:first-child{
    margin-left: 0;
}
.item.inactive:hover{
    color: #73d44c; 
}

.item.inactive.mobile:hover{
	color:#000000;
}

.item.inactive:hover #value{
    display: block; 
}

.item.inactive:hover .tab{
    background-color:#73d44a;
}

.item.inactive.mobile:hover .tab{
    background-color:#000000;
}

.item.inactive #value{
    display:none;
}

.item.active #value{
    display:block;
}

.item #value{
    margin-top:3px;
	font-family:Arial, sans-serif;
    font-size:14px;
    color:#000000;
}

.tab{
    height:90px;
    width:90px;
    background-color:#a69c94;
    border-radius:10px;
    margin-bottom:13px;
    background-image:url('../assets/nav-icons.png');
	background-size:100%;
    
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    .belkin-logo{
		background-image:url('../assets/logo-black_x2.png');
		height:42px;
	    width:145px;
	}
	.belkin-logo:hover{
		background-image:url('../assets/logo-green-glow_x2.png');
	}
	
	.tab{
		background-image:url('../assets/nav-icons@2x.png');
	}
	
	.cornerImage{
		background-image:url('../assets/circle_x2.png');
	   	background-size: 44px 44px;
	}
	a:hover .cornerImage{
	background-image: url("../assets/circle-gray_x2.png");
   }
	
	
}

.item.active .tab{
    background-color: #645e5f;
}


#phone-icon{
    background-position: 0px 0px;
}
#tablet-icon{
    background-position: 0px -90px;
}
#thumbDrive-icon{
    background-position: 0px -180px;
}
#externalHardDrive-icon{
    background-position: 0px -270px;
}
#usbCCharger-icon{
    background-position: 0px -360px;
}
#camera-icon{
    background-position: 0px -450px;
}
#keyboard-icon{
    background-position: 0px -540px;
}
#printer-icon{
    background-position: 0px -630px;
}
#hub-icon{
    background-position: 0px -720px;
}
#doNotSee-icon{
    background-position: 0px -810px;
}
#phoneTablet-icon{
	background-position: 0px -900px;
}
#storageDevice-icon{
	background-position: 0px -990px;
}
#displayProjector-icon{
	background-position: 0px -1080px;
}
#internetConnection-icon{
	background-position: 0px -1170px;
}
#browseCable-icon{
	background-position: 0px -1260px;
}

#{
    color: #ffffff;
}

img{
    height:auto:
}


.navElements{
   /* border-style: solid;
    border-color: #d7d4cf;
    border-radius: 10px;
    border-width:1px;
    box-sizing: border-box;*/
    width: 23.34%;
    /*height:300px;*/
    margin-bottom: 18px;
    margin-right: 18px;
    display: none;
    vertical-align:top;
    /*overflow:hidden;*/
    position:relative;
    cursor: pointer;
	min-height:162px;
    }
	
.itemContent a{
	display: none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute!important;
	z-index:9;
}

.itemContent.hover a{
	display:block;
}
	
.main.mobile .navElements{
	width: 22.88%;
}

.navElements:hover .itemContent{
    border-color:#75D44C;
    border-width:2px;
	margin:0;
}

.navElements:hover .lower{
    /*display:block;*/
    visibility: visible;
}

.navElements:hover > .itemContent > img{
    visibility:hidden;
}

.navElements.active:hover .itemContent{
    z-index:10;
    position:absolute;
}

.navElements.inactive:hover .text2{
    color:#000000;
}

.navElements.inactive:hover .learn-more{
    color:#ffffff;
    background-color:#57534f;
}

.navElements.active .itemContent{
    height: 160px;
}

.navElements.active:hover .itemContent{
    height:auto!important;
}

.navElements.active:hover .text{
    display:block!important;
}

.navElements.active:hover .learn-more{
    display: inline-block!important;
}


.navElements.firstClick .text, .navElements.firstClick .learn-more,.navElements.secondClick .info{
    display:block;
}

.navElements.secondClick .text, .navElements.secondClick .learn-more,.navElements.firstClick .info{
    display:none;
}

.itemContent{
     border-style: solid;
    border-color: #d7d4cf;
    border-radius: 10px;
    border-width:1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:1px;
    width: 100%;
    overflow: hidden;
}

.navElements.firstClick .itemContent{
    height:auto!important;
}

.navElements.secondClick .itemContent{
    height:160px!important;
}

.navElements.secondClick:hover .itemContent{
	width: 100.5%;
}

.third{
    text-align:center;
}

.info {
 width:24%;
 display:none;
 float:left;
 margin-right:1%;
 color:#000000;
 font-family:Arial, sans-serif;
 font-size:18px;
 line-height:30px;
}

.info div:first-child{
    font-family:'metric-bold', Arial, sans-serif;
    font-size:28px;
	line-height:28px;
}

.info div{
    padding-bottom:45px;
    width:202px;
}

.usbc-products{
    width:100%;
    padding-bottom:75px;
}

.usbc-products.active{
    padding-bottom:175px;
}

.usbc-products

.lower {
    height:47px;
    width:100%;
    background-color:#d7d4cf;

    /*display:none;*/
    visibility: hidden;
    margin-top:11px;
}

.lower.inactive, .navElements:hover .lower.inactive{
    /*display:none;*/
    visibility: hidden;
}

.examples{
   
    font-size:10px;
    color:#000000;
    padding:5px 16px;
}
.text-group{
    background-color:#fff;
}
.title{
    font-family: 'metric-bold', Arial, sans-serif;
    font-size: 18px;
    color:#000000;
    margin:10px;
}

.navElements img{
    height:auto;
    width:auto;
    margin-left:15px;
	margin-top: 7px;	
}


.text{
    font-family: 'metric-bold', Arial, sans-serif;
    margin-top:30px;
    margin-left:16px;
	width:180px;
	min-height:77px;
   /* height:58px;*/
}

.text1{
    font-size:14px;
	font-family:Arial, sans serif;
    color:#a69c9e;
	height:auto;
}
.text2{
    font-size:18px;
    color:#73D44C;
    margin-bottom:5px;
	height:auto;
}
.text3{
    font-size:10px;
	font-family:Arial, sans serif;
    color:#ff0000;
     margin-bottom:10px;
	 height:auto;
}

.navElements.firstClick .learn-more, .learn-more{
    /*height:24px;*/
    background-color:#76d448;
    border-radius: 10px;
    margin-left:16px;
    margin-top: 12px;
    font-size:13px;
    color:#000000;
    text-align:center;
    vertical-align:middle;
    line-height:24px;
	display:inline-block;
	padding: 0 10px;
	height:24px;
}

.learn-more img{
    height:7px;
    margin-left:4px;
	margin-top:0;
}

.hidden{
    width:237px;
    height:160px;
    display:inline-block;
    vertical-align:top;
    margin-bottom: 7px;
    margin-right:3px;
}
.itemContent{
    background-position: top right;
    background-repeat: no-repeat;
	background-size:100%;
}

#lightning-info .itemContent{
    background-image:url('../assets/LightningCable_small.png');
}

#lightning-info:hover .itemContent{
    background-image:url('../assets/LightningCable_large.png');
}

#microusb-info .itemContent{
    background-image:url('../assets/microusb_small.png');
}

#microusb-info:hover .itemContent{
    background-image:url('../assets/microusb_large.png');
}

#microb-info .itemContent{
    background-image:url('../assets/microb_small.png');
}

#microb-info:hover .itemContent{
    background-image:url('../assets/microb_large.png');
}

#minib-info .itemContent{
    background-image:url('../assets/minib_small.png');
}
#minib-info:hover .itemContent{
    background-image:url('../assets/minib_large.png');
}

#pin-info .itemContent{
    background-image:url('../assets/30pin_small.png');
}

#pin-info:hover .itemContent{
    background-image:url('../assets/30pin_large.png');
}

#usbATwoMale-info .itemContent{
    background-image:url('../assets/usbATwoMale_small.png');
}

#usbATwoMale-info:hover .itemContent{
    background-image:url('../assets/usbATwoMale_large.png');
}

#usbATwoFemale-info .itemContent{
    background-image:url('../assets/usbATwoFemale_small.png');
}
#usbATwoFemale-info:hover .itemContent{
    background-image:url('../assets/usbATwoFemale_large.png');
}

#usbAThreeMale-info .itemContent{
    background-image:url('../assets/usbAThreeMale_small.png');
}

#usbAThreeMale-info:hover .itemContent{
    background-image:url('../assets/usbAThreeMale_large.png');
}

#usbAThreeFemale-info .itemContent{
    background-image:url('../assets/usbAThreeFemale_small.png');
}

#usbAThreeFemale-info:hover .itemContent{
    background-image:url('../assets/usbAThreeFemale_large.png');
}

#usbc-info .itemContent{
    background-image:url('../assets/usbc_small.png');
}
#usbc-info:hover .itemContent{
    background-image:url('../assets/usbc_large.png');
}

#usbb-info .itemContent{
    background-image:url('../assets/usbb_small.png');
}
#usbb-info:hover .itemContent{
    background-image:url('../assets/usbb_large.png');
}
#ethernet-info .itemContent{
    background-image:url('../assets/ethernet_small.jpg');
}

#ethernet-info:hover .itemContent{
    background-image:url('../assets/ethernet_large.jpg');
}
#vga-info .itemContent{
    background-image:url('../assets/vga_small.jpg');
}

#vga-info:hover .itemContent{
    background-image:url('../assets/vga_large.jpg');
}

#thunderbolt-info .itemContent{
    background-image:url('../assets/thunderbolt_small.png');
}

#thunderbolt-info:hover .itemContent{
    background-image:url('../assets/thunderbolt_large.png');
}

#hdmi-info .itemContent{
    background-image:url('../assets/hdmi_small.jpg');
}

#hdmi-info:hover .itemContent{
    background-image:url('../assets/hdmi_large.jpg');
}


footer{
	white-space:inherit;
	border-bottom:none;
	margin: inherit;
}

footer .col.country-selector {
    margin-right: 0;
    width: auto;
}

div.country-selector li h4 {
	margin-top:0;
}


div.country-selector li img {
	padding-bottom: 0;
}
footer .col ul {
    list-style: outside none none;
	min-width: 111px;
}

.footer > ul{
	list-style:none;
	display:inline-block;
	margin-top:10px;
}

.footer > ul > li:first-child{
	border-left:none;
}

.footer > ul > li{
	display:inline-block;
	border-left: 1px solid #a69c9e;
	padding-left: 10px;
	padding-right: 20px;
	vertical-align: top;
}

.footer li a{
	color:inherit;
}

.country-selector-inner.active{
	display:block!important;
}

.country-selector-link{
	cursor:pointer;
}

#country-selector h4, #country-selector h5 {
	margin:0;
}

.copyright{
	float:right;
	margin-top:10px;
	color: #a69c9e;
}

.flag{
  background-image:url('../assets/flags-round-sprite.png');
}

.header-copy{
	text-align:center;
	width: 525px;
	margin: 0 auto;
	border-bottom: 1px solid #d7d4cf;
	padding-bottom:50px;
	padding-top:15px;
	
}

.usb-c-copy{
	line-height:22px;
	font-size:14px;
	color: #a69c9e;
}

.usb-c-copy a{
	color: #73d44a;
}

.usb-c-copy span{
	
		color:#000000;
}

.header-copy span{
	font-size:24px;
	font-family: 'metric-bold', Arial, sans-serif;
}

.copy-row-1 {
	margin-top:50px;
}

.copy-row-1, .copy-row-2{
	margin-bottom:50px;
}

#copy-section-1, #copy-section-2, #copy-section-3, #copy-section-4{
	display:inline-block;
	width:45%;
	vertical-align:top;
	
}

#copy-section-1, #copy-section-3{
	margin-right:9.5%;
}

#copy-section-1 span, #copy-section-2 span, #copy-section-3 span, #copy-section-4 span{
	font-size:20px;
}

.copy-more-info{
	margin-top:200px;
	padding-bottom:275px;
}