/* ==elements */
select {
	appearance: list-menu;
	-webkit-appearance: menulist;
	-moz-appearance:menulist;
	box-sizing: border-box;
	align-items: center;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	background-color: transparent;
	cursor: default;
	min-width: 160px;
	height: 30px;	
	color: inherit; 
	font: inherit; 
	margin: 0;
	text-transform: none; 	
}
ul, ol, ul ul, ol ol, yl ol, ol ul  
ul ul ul, ol ol ol {
	padding-left: 30px;
}


/* ==panels / toggles */
.panel-heading h4:after {
    content: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/toggleOpen.png'); 
    margin-left: 5px;   
}
.panel-heading.collapsed h4:after{ 
	content: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/toggleClosed.png');    
}
.extSupport .panel-heading h4:after,
.extSupport .panel-heading.collapsed h4:after { 
	content: none;    
}
.highlight .in.panel-collapse+.panel-heading>.panel-title>a.toggleBtn { 
	display: inline-block;
	text-decoration: none;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 5px 10px;
	text-transform: capitalize;
	max-width: 160px;
	width: 100%;
	color: #666;
	border: 1px solid #a2a2a2;
	background: #e9e9e9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e9e9e9 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e9e9e9 0%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e9e9e9 0%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e9e9e9 0%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
}
.highlight .in.panel-collapse+.panel-heading>.panel-title>a.toggleBtn:hover { 
	background: #e7e7e7; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e7e7e7 0%, #cecece 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e7e7e7 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e7e7e7 0%,#cecece 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e7e7e7 0%,#cecece 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e7e7e7 0%,#cecece 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#cecece',GradientType=0 ); /* IE6-8 */
}	


/* ==optional configurations */
/* ==banners config */
.banner.short {
	min-height: 300px;
}
.banner.med {
	min-height: 400px;
}  
.banner.tall {
	height: 600px;
}
   

/* ==layout */
.c-wrap, 
.pdp-wrap {
	margin: 0 auto;
	max-width: 1024px;
	padding: 0 15px;
}
.pdp-wrap {
	max-width: 775px;
}
.row.c-wrap {
	margin-bottom: 20px;
}


/* ==columns */
.three-col .product {
	width: 330px;
	margin-top: 20px;
}
.four-col .product {
	width: 248px;
	margin-top: 20px;
}
.five-col .product.col-md-2 {
	width: 198px;
}  	


/* ==gradients & fades */
.gradient.noFade, .gradient.topFade {
	position: absolute;
	z-index: 1;
}
.gradient.noFade {
	padding-bottom: 0;
	background: #ececec; /* Old browsers */
}
.gradient.topFade {
	padding-bottom: 50px; /*71179 fix*/
	background: #ececec; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZWNlY2VjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZWNlY2VjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(236,236,236,1) 0%, rgba(236,236,236,1) 2%, rgba(236,236,236,1) 75%, rgba(206,206,206,0) 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(2%,rgba(236,236,236,1)), color-stop(75%,rgba(236,236,236,1)), color-stop(90%,rgba(206,206,206,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(236,236,236,1) 2%,rgba(236,236,236,1) 75%,rgba(236,236,236,0) 84%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(236,236,236,1) 2%,rgba(236,236,236,1) 75%,rgba(206,206,206,0) 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(236,236,236,1) 2%,rgba(236,236,236,1) 75%,rgba(206,206,206,0) 90%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(236,236,236,1) 0%,rgba(236,236,236,1) 2%,rgba(236,236,236,1) 75%,rgba(206,206,206,0) 90%) /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#00cecece',GradientType=0 ); /* IE6-8 */
}
.gradient.darkGray {
	background: #ccc;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ececec 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ececec 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ececec 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ececec 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ececec 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}
.gradient.lightGray {
	background: #d0d0d0;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ececec 0%, #d0d0d0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ececec 0%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ececec 0%,#d0d0d0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ececec 0%,#d0d0d0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ececec 0%,#d0d0d0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-8 */
}
.gradient.pdp {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2VjZWZmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2U2ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 81%, #eceff3 93%, #e3e6ec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(81%,#ffffff), color-stop(93%,#eceff3), color-stop(100%,#e3e6ec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 81%,#eceff3 93%,#e3e6ec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 81%,#eceff3 93%,#e3e6ec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 81%,#eceff3 93%,#e3e6ec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 81%,#eceff3 93%,#e3e6ec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e6ec',GradientType=0 ); /* IE6-8 */
}
.gradient.pdpColors {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2U2ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e3e6ec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e6ec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e6ec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e3e6ec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e3e6ec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e3e6ec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e6ec',GradientType=0 ); /* IE6-8 */
}


/* ==general styling */
a.active {
	cursor: default;
}
.headlineSecond,
.headlineThird {
	font-size: 20px;
	display: block;
	line-height: initial;
	color: #595959;
}
.headlineThird {
	font-style: italic;
	font-size: 16px;
}
.header {
	overflow: hidden;
}
.copy {
	padding: 20px;
}
.copy h3 {
	margin-top: 0;
}
.copy p {
	clear: both;
}
.headline {
	color: #58595b;
}
.headline h2 {
	font-size: 49px;
	margin-bottom: 5px;
}
.headline p {
	margin: 0 0 15px;
}
.tagline {
	color: #00b0af;
	text-transform: capitalize;
}
.copy.headline.right,
.copyBreak .copy  {
	width: 50%;
}
.copyBreak .copy  {
	margin: 0 auto;
}
.copyBreak{
	margin: 3% 0;
}
.copyBreak .copy p {
	font-size: 12px;
}
.copyBreak {
	height: auto;
}
.disclaimer {
	margin-top: 20px;
	text-align: inherit;
	font-style: italic;
	font-size: 95%;
	margin-bottom: 0;
}
h2.visible-xs {
	font-size: 34px;
	padding: 20px;
	margin: 0;
}
.legal {
	color: #666;
}
.s-content ul > li {
	list-style: none outside;
	background: url(/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/list-bullet.png) no-repeat 0 4px;
	width: auto;
	padding: 0 0 0 1em;
}
.cmngsn-msg {
	font-size: 14px;
	text-align: right;	
}
.cmngsn-msg span {
	margin-right: 20px;
}


/* ==line seperators */
.separator {
	border-bottom: 1px solid #d1d1d1;
}
.dotted_separator {
	border-bottom: 1px dotted #d1d1d1;
}
.separator, .dotted_separator {
	clear: both;
	margin: 10px 0;
	padding: 0;
	line-height: 1px;
	height: 1px;
}


/* ==hero layout */
.heroBanner {
	position: relative;
	width: 100%;
	height: auto;
	clear: both;
	margin-bottom: 30px;
	background-color: #d1d1d1;
}
.heroBanner:after {
	clear: both;
	margin-bottom: 30px;
}
.heroBanner .c-wrap {
	position: relative;
}
.background img {
	max-height: 600px;
	max-width: 1800px;
	position: absolute;
	top: 0px;
	display: block;
	z-index: 2;
}
.background,
.background img {
	width: 100%;
	height: auto;
}
.btn.side {
	margin: 5px 10px 5px 0;
}
#heroCarouselD .carousel-caption{
	z-index: 4;
	max-width: 375px;
	position: absolute;
	width: 100%;
	text-shadow: none;
}
#heroCarouselD h2 {
	margin-top: 0;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.15;
}
#heroCarouselD h2.ht-large {
	font-size: 36px;
}
#heroCarouselD h3 {
	font-size: 20px;
	margin: 0 0 5px ;
	line-height: 24px;
}
#heroCarouselD p {
	font-size: 14px;
	margin: 0 0 15px;
	line-height: 24px;	
}
#heroCarouselD .carousel-caption.split {
	max-width: 500px;
}
#heroCarouselD .carousel-indicators {
	bottom: 0px;
}


/* ==support */
#phoneContent {
	margin-top: 20px;
}
#supportNumbers > .col-md-4 > div, 
.contacts-set .col-md-4 > div {
	padding: 0 8px;
}


/* ==sitemap */
.sitemap .col-md-4 > div {
	padding: 0 15px;
}


/* ==simple template subnav */
.subnav {
	padding: 10px 0 5px;
	display: block;
	width: 100%;
	border-bottom: 2px solid #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
.subnav .row {
	margin: 0 0 5px;
}
.subnav li {
	display: inline-block;
	margin: 0 0 5px;
	padding: 0 10px;
	background: none!important;
}
.subnav li:first-child {
	border: medium none;
}
.subnav li a.active {
	color: #4f5455;
	text-decoration: none;
}
.subnav a {
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.15;
}


/* ==sidebar */
.sidebar h3, #supportNumbers h3 {
	padding: 0 0 10px;
	border-bottom: 2px solid #ccc;
	border-radius: 0 0 6px 0;
	-moz-border-radius: 0 0 6px 0;
	-webkit-border-radius:0 0 6px 0;
	display: inline-block;
}
.sidebar ul {
	padding: 0;
	margin: 0;	
}
.sidebar ul > li {
	list-style: none outside;
	background: none;
	padding: 0;
	margin: 10px 0;
}
.action a, .action span {
	display: block;
}
.action a:after {
	content: url(/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/icon-arrow-right.png);
	width: 7px;
	padding: 0 0 0 0.5em;
}
#supportNumbers h3 {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius:0;	
}


/* ==copy config */
.top-pos {
	bottom: auto;
	top: 0;
}
.copy.top {
	margin: 0 auto; 
}
.copy.middle,
.copy.middle.center{
	margin: 10% auto; 
}
.copy.bottom {
	bottom: 5%;
	top: auto;
}
.copy.left {
	left: 0;		
}
.copy.center {
	left: 50%;
	margin-left: -100px; 
}
.copy.right {
	right: 0;
} 
.nospace {
	padding: 0 !important;
	margin: 0 !important;
}


/* ==popovers */
/*
.popover {
	top: 0 !important;
	left: 0 !important;
	width: 100%;
}
*/


/* ==hero */
section.hero {
	padding-top: 155px;
}
section.hero h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}



/* ==hero carousels */

/* ==default hero carousel */
#heroCarouselD {
    width: 100%;
    margin: 0 auto;
}
#heroCarouselD .carousel-inner {
	max-width: 1800px; 
	margin: 0 auto;
	display: block;
}
heroCarouselD .carousel-inner > .item {
	height: 100%;
}
#heroCarouselD .carousel-inner .background img {
	max-width: 1800px;
	width: 100%;
	position: relative;
}
#heroCarouselD .carousel-caption.pull-left {
	left: 12%;
	right: auto;
	text-align: left;
}
#heroCarouselD .carousel-caption.center {
	max-width: 1024px;
}
#heroCarouselD .carousel-caption.pull-right {
	right: 12%;
	left: auto;
	text-align: left;
}
#heroCarouselD .carousel-control {
	z-index: 1036;
	background-image: none;
	width: 11%;
}


/* ==pdp hero carousel */
.carousel-control.bare.left, 
.carousel-control.bare.right {background-image:none; background: none; filter: none; background-repeat: none; opacity: 1;}
#heroCarousel .carousel-inner > .item {
	width: 100%;
	margin: 0 auto;
	max-height: 360px;
	min-height: 212px;
	-webkit-transition: .05s ease-in-out left;
    -moz-transition: .05s ease-in-out left;
    -o-transition: .05s ease-in-out left;
    transition: .05s ease-in-out left;		
}
#heroCarousel .carousel-inner .item > div {
	padding:0;
    float:left;
    position:relative;
    width:68%;
    width:100%;
    overflow:hidden;
    overflow:visible;
    max-height: 360px;
	border-left: 6px solid #fff; 
	border-right: 6px solid #fff;  
	background: transparent;
	margin: 0;
	z-index: 25;    
}
#heroCarousel .carousel-inner .item img {
	display: block;
	max-height: 360px;
	height: 100%;
	width: auto;
	margin: 0 auto;
	padding: 10px;
}


/* ==side images of pdp main hero carousel */
#heroCarousel .carousel-inner .item > div:first-child,
#heroCarousel .carousel-inner .item > div:last-child{
	width:1%;
	width:100%;
	margin: 0;
	opacity: .5;
	border: none;
	position: absolute;
}
#heroCarousel .carousel-inner .item > div:first-child {
	left: -815px;
	z-index: 20;  
}
#heroCarousel .carousel-inner .item > div:last-child {
    right: -825px; 
    z-index: 20;
}


/* ==hero carousel controls */
.hero-carousel .carousel-control span {
	width: 57px;
	content: " ";
	height: 86px;
	position: absolute;
	top: 40%;
}
.carousel-control.left span {
	background: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/sprite.png') no-repeat 0 0;
	left: 70px;
}
.carousel-control.right span {
	background: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/sprite.png') no-repeat -56px 0;
	right: 70px;
}
.carousel-control.left span:hover {
	background-position:  -117px 0;
}
.carousel-control.right span:hover {
	background-position:  -173px 0;
}
.hero-carousel .mainPdp-carousel .carousel-control.left {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 35%, rgba(255,255,255,0.01) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(35%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.01))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 35%,rgba(255,255,255,0.01) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 35%,rgba(255,255,255,0.01) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 35%,rgba(255,255,255,0.01) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,1) 35%,rgba(255,255,255,0.01) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#03ffffff',GradientType=1 ); /* IE6-8 */
}
.hero-carousel .mainPdp-carousel .carousel-control.right {
	right: 0;
	left: auto;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.01) 0%, rgba(255,255,255,1) 65%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.01)), color-stop(65%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 65%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 65%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 65%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}
.hero-carousel .mainPdp-carousel .carousel-control span.glyphicon {
	background: #ccc;
	border-radius: 8px;
	box-shadow: 0px 0px 10px 2px #333;
	padding: 15px 12px;
}
#heroCarousel .carousel-control {
	width: 19%;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 99;
}
#heroCarouselMobile .carousel-control span {
	top: 30%;
}
#heroCarousel .carousel-inner .active.left { left: -88%; }
#heroCarousel .carousel-inner .active.right { left: 88%; }
#heroCarousel .carousel-inner .next        { left:  88%; }
#heroCarousel .carousel-inner .prev        { left: -88%; }


/* ==pdp thumbnail carousel */
.hero-carousel .slider-thumbs {
	padding: 15px 0;
}
#carouselThumbs {
	padding:0;
	margin-left: 15%;
}
#carouselThumbs.solo{
	margin-left: 25%;
}
#carouselThumbs .carousel-inner {
	height: 72px;
	width: 85%;
	margin: 0 40px;
}
#carouselThumbs .carousel-inner > .item img {
	margin: 0 auto;
	display: inline;
}
#carouselThumbs .carousel-inner a {
	display:block;
	opacity:0.35;
	background:#333;
	margin: 0 auto;
	filter:alpha(opacity=60);
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
	cursor:pointer;
	overflow:hidden;
	background:#fff;
	max-width:105px;
	text-align:center;
	padding: 0 5px;
}
#carouselThumbs .carousel-inner img {
	display:block;
	min-width:105px;
	width: 100%;
}
#carouselThumbs .carousel-inner .item .row div {
	min-width: 115px;
	display: inline-block;
	position: relative;
	padding: 0 4px;
}
#carouselThumbs .carousel-inner .col-xs-4:after{
	width: 10px;
	content: " ";
	background: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/sprite.png') no-repeat -285px 0;
	position: absolute;
	left: -6px;
	top: -15px;
	height: 64px;
}
#carouselThumbs .carousel-inner .col-xs-4:first-child:after{
	background: none;
}
#carouselThumbs .carousel-inner img {
	height: auto;
	width: 100%;
	min-width: 105px;
}
#carouselThumbs .carousel-inner a:hover, 
#carouselThumbs .carousel-inner a:active, 
#carouselThumbs .carousel-inner a.selected {
	opacity:1;
	filter:alpha(opacity=100);
	text-decoration:none;
}
#carouselThumbs .carousel-control {
	color: #067cc2;	
	width: 5%;
}
#carouselThumbs .carousel-control span {
	width: 28px;
	content: " ";
	height: 36px;
	position: absolute;
	top: 20%;
}
#carouselThumbs .carousel-control.left span {
	background: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/sprite.png') no-repeat -232px -28px;
	left: 0;
}
#carouselThumbs .carousel-control.right span {
	background: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/sprite.png') no-repeat -260px -28px;
	left: 0;
}
#carouselThumbs .carousel-control.left {
	left: 0;
}
#carouselThumbs .carousel-control.right {
	right: 0;
}
#carouselThumbs.carousel .item {
	-webkit-transition: opacity .009s; 
	-moz-transition: opacity .009s; 
	-ms-transition: opacity .009s; 
	-o-transition: opacity .009s; 
	transition: opacity .009s;
}
#carouselThumbs .carousel-inner .active.left { left: -25%; }
#carouselThumbs .carousel-inner .next        { left:  25%; }


/* ==hero Colors */
.heroColors {
	margin-top: 18px;
}
.heroColors h4 a {
	font-size: 16px;
	color: #333;
	font-weight: normal;
	vertical-align: middle;
}
.heroColors h4 a:hover {
	color: #333;
}
.heroColors h4 img {
	padding-left: 10px;
}
.heroColorGallery .panel-body {
	padding-top: 0;
}
.heroColorGallery .listingImage {
	padding: 10px 0;
	height: auto;
	max-width: 1024px;
	margin: 0 auto;		
}
.heroColorGallery .listingImage {
	background: #efeded; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2VjZWZmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #efeded 0%, #eceff3 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efeded), color-stop(98%,#eceff3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efeded 0%,#eceff3 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efeded 0%,#eceff3 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efeded 0%,#eceff3 98%); /* IE10+ */
	background: linear-gradient(to bottom,  #efeded 0%,#eceff3 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeded', endColorstr='#eceff3',GradientType=0 ); /* IE6-8 */
}	
.heroColorGallery .listingImage img {
	max-width: 650px;
	width: 100%;	
	height: auto;
}
.heroColorGallery .imgGallery {
	padding: 0;
	max-width: 1024px;
	margin: 0 auto;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	box-shadow: 0 5px 10px 0px #ccc;
	-moz-box-shadow: 0 5px 10px 0px #ccc;
	-webkit-box-shadow: 0 5px 10px 0px #ccc;
	border-top: none;
}
.heroColorGallery h4 {
	padding: 0 20px;
}
.heroColorGallery h4.visible-xs {
	padding: 20px;
}
.heroColorGallery .close {
	margin: 10px 20px;
	opacity: 1;
	font-size: 16px;
	color: #666;
	font-weight: normal;
	line-height: normal;
}
.heroColorGallery .close:hover {
	text-decoration: underline;
	color: #333;
}


/* ==model/color modal */
.modal {
	z-index: 9700;
}
.modal .imgGallery {
	padding: 0;
}
.modal .btn {
	margin: 10px 0;
}
.modal h5 {
	margin-top: 0
}
.modal.productOptions .colorSwatches {
	margin: 0 auto;	
}
.modal-footer {
	padding: 0;
}
#modelListContainer {
	max-width: 200px;
	text-align: center;
	margin: 0 auto 20px;
}
.modalOptions {
	box-shadow: 0 8px 17px -7px #ccc;
	-webkit-box-shadow: 0 8px 17px -7px #ccc;
	-moz-box-shadow: 0 8px 17px -7px #ccc;
}
.modal .listingImage {
	margin-top: 10px;
}


/* ==product listing */
ul.listingDesc {
	padding-left: 25px;
}
.product {
	padding: 0;	
	min-height: 480px;
	float: left;
}
.product .copy  {
	padding-top: 0;
}
.product .copy h2 {
	clear: both;
	font-size: 18px;
	min-height: 38px; 
	margin: 5px 0;
}
.product .copy .listingDesc {
	min-height: 105px;
	clear: both;
}
.imgGallery {
	padding: 0 20px;
}
.options {
	min-height: 38px;
	text-align: center;
}
.options img {
	padding: 0;
	margin: 0;
	width: 30px;
	height: 30px;
}
.options img, 
.options p {
	display: inline;
}
#productListing .listingImage {
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
#productListing .five-col .listingImage {
	width: 160px;
	height: 160px;
}
#productListing .listingImage > img {
	display: inline-block;
	width: 100%;
	height: auto;
}
#content, #promoArea{
	margin: 0 auto;
	width: 100% ;
	clear: both;
}


/* ==pricing */
.pricing {
	float: right;
}
.pricing.discounted:first-child {
	padding-left: 20px
}
.currency {
	font-size: 12px;
	margin: 0 0 5px;
}
.currency span {
	font-size: 21px;
	padding-left: 5px;
}
.currency.discount,
.currency.discount span {
}
.currency.strike {
	text-decoration: line-through;
}
.listingRating img {
	max-width: 90px;
}
.comparison .checkbox {
	display: inline;
	padding-left: 10px;
	padding-right: 5px;
}
.headlinePrice {
	padding: 0;
}
.headlinePrice dl {
	margin: 0 15px 10px 0;
}
.shipping,
#out_of_stock {
	margin: 0;
	clear: both;
}
.shippingdetail {
	text-align: right;
}
.currency.strike span {
	font-size: 13px;
}
.oos_title {
	font-size: 14px;
}
.oos_title span {
	margin-right: 20px;
}
.currency.strike span,
.oos_title {
	color: #fe0000;
}
.heroCta {
	margin-bottom: 5px;
}
.heroCta a {
	margin: 3px 0;
}
.online-pricing {
	margin-bottom: 10px;
}
.online-pricing, .open-pricing {
	color: #595959;
	text-align: right;
	clear:both;
	font-size:11px;
}


/* ==product options */
.productOptions .modal-header {
	padding: 5px 15px;
	border-bottom: none;
}
.productOptions .modal-header .close {
	margin-top: 3px;
}
.productOptions .modal-body {
	padding: 0 20px;
}
.productOptions .modal-footer {
	text-align: center;
	border-top: none;
	clear: both;
	padding-top: 0;
}
.productOptions h4 {
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 2.3em;
	margin: 2px 0 10px;
	letter-spacing: 1.5px;
	border-bottom: 0;	
}
.productOptions dd {
	display: inline;
}
.productOptions .modelList dd {
	display: inline-block;
	margin: 5px;
}
.productOptions .colorSwatches dd {
	width: 40px;
}
.productOptions .colorSwatches {
	max-width: 100%;
	margin: 15px auto 0;
}
.productOptions .colorSwatches dd input {
	display: none;
}
.imgGallery h5 {
	color: #666;
	font-size: 1.5em;
}
#overlayImage {
	width: 100%;
	height: auto;
	max-width: 345px;
}


/* ==colorSwatches */
.colorSwatches {
	position: relative;
	margin: 5px 0;
}
.colorSwatches button{
	position: absolute;
	right: 0;
	bottom: 0;
}
.colorSwatches .selected img {
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0;
}

/* ==highlights */
.highlights h3 {
	font-size: 26px;
	line-height: 30px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.highlightContent {
	padding: 0 15px 5px;
	max-width: 410px;
	width: 90%;
}
.highlightList {
	list-style-type: none;
	padding-left: 0;
}
.highlightList li {
	padding: 3px 0;
	display: inline-block;
	min-width: 150px;
}
.highlightList li:before {
    background: url(/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/bullets.png) no-repeat 0 0 transparent;
	width:22px;
    height:14px;
    display:inline-block;
    content: " ";
    top:0;
    left:0;    
}
.highlightContent a {
	background: transparent;
	border: none;
	padding: 0;
	color: #008acd;
	font-size: 13px;
}
.highlightContent a:hover {
	text-decoration: underline;
}
.highlightContent .toggleBtn span{
	font-size: 12px;
	font-weight: normal;
}
.highlightContent ul {
	margin-top: 10px;
    display: block;
    text-align: left;
    clear: both;
}
.highlight .panel-default {
	border: none;
	border-radius: none;
	background: transparent;
	box-shadow: none;
}
.highlight .panel-heading {
	background: transparent;
	padding: 0;
}
.highlight .panel-heading h4{
	font-size:
}
.highlight .panel-group

.highlight .panel-heading .panel-toggle.collapsed span.toggleClose {
	display: none;
}
.highlight.col-md-6 .highlightImageArea img {
	width: 100%;
	max-width: 700px;
}


/* ==promoArea */
.promoWrap .row {
	margin-top: 20px;
}
.promoWrap img {
	max-width: 150px;
}
.promoWrap .copy {
	padding: 0 20px;
}
.btn.btn-promo span {
	color: white;
	margin: 0 20px;
}
.btn.btn-promo {
	background: #0088cc;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODhjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVmOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #0088cc 0%, #005f9a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0088cc), color-stop(100%,#005f9a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0088cc 0%,#005f9a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0088cc 0%,#005f9a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0088cc 0%,#005f9a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0088cc 0%,#005f9a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088cc', endColorstr='#005f9a',GradientType=0 ); /* IE6-8 */	 
}
.btn:hover.btn-promo {
	background: #005f9a; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWY5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg4Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #005f9a 0%, #0088cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005f9a), color-stop(100%,#0088cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #005f9a 0%,#0088cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #005f9a 0%,#0088cc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #005f9a 0%,#0088cc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #005f9a 0%,#0088cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005f9a', endColorstr='#0088cc',GradientType=0 ); /* IE6-8 */
}
#promoArea .promoWrap {
	border-top: 1px solid rgb(204, 204, 204);
	margin: 0 auto;
}


/* == pdp */
.extendedSections .panel-heading {
	cursor:pointer;
}
.extendedSections .extSupport .panel-heading {
	cursor:auto;
}
.extendedSections .panel-heading > h4 {
	font-size: 28px;
}
.extendedSections .panel-title a:hover{
	text-decoration: none;
}
.extendedSections .panel {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	box-shadow: none;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2UyZTdlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 53%, #e2e7ed 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(53%,#ffffff), color-stop(98%,#e2e7ed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 53%,#e2e7ed 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 53%,#e2e7ed 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 53%,#e2e7ed 98%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 53%,#e2e7ed 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e7ed',GradientType=0 ); /* IE6-8 */
}
.extendedSections .panel-heading + .panel-collapse .panel-body {
	border-top: none;
}
.extendedSections .panel + .panel {
	margin-top: 0;
}
.extendedSections .panel-default > .panel-heading {
	background-color: transparent;
	border-color: transparent;
	cursor: pointer;	
}
.extendedSections h3 {
	letter-spacing: normal;
}
.extendedSections h4 a {
	font-weight: normal;
	color: #428bca;
} 
.extendedSections dd{
	margin: 5px 0;
}
.extendedSections .techSpecs img {
	padding: 8px 0;
	margin: 0 0 5px;
	background-color: #fff;
	box-shadow: 0 0 8px 2px #e0e0e0;
}
.extSupport a:hover {
	text-decoration: underline;
}


/* ==media reviews */
.item .reviews img {
	margin: 0 0 10px;
	text-align: center;
}
.reviews blockquote {
	padding: 0;
	margin: 0;
	border-left: none;
	font-style: italic;
	font-size: 15px;
}
.reviews a {
	display: block;
}
.reviews .col-md-10 {
	padding: 0 10px;
}
#mediaReviews .reviews {
	vertical-align: top;
}
#mediaReviews .reviews:first-child {
	padding-left:0;
}
#mediaReviews .carousel-control {
	position: relative;
	left: inherit;
	top: inherit;
	bottom: inherit;
	width: auto;
	font-size: inherit;
	color: #0a69a9;
	opacity: 1;
	text-shadow: none;
	padding: 0 15px;
}
#mediaReviews .carousel-control {
	color: #333;
}
#mediaReviews .carousel-control:first-child{
	padding: 0 15px 0 0;
}
#mediaReviews .carousel-control span {
	background: none;
}
#mediaReviews .carousel-control .glyphicon {
	color: #0a69a9;
	top: inherit;
	left: inherit;
	right: inherit;
	position: relative;
	font-size: 13px;
}
#mediaReviews .carousel-control .glyphicon-chevron-left {
	left: 10px;
}
#mediaReviews .carousel-control .glyphicon-chevron-right {
	right: -5px;	
}


/* ==technical specs */
.techSpecs .col-md-12 img {
	width: 100%;
	max-width: 950px;
	overflow:hidden;
	height: auto;
}
.techSpecs .col-md-6 img {
	width: 100%;
	max-width: 425px;
	height: auto;
}


/* ==Fixed background */
.fixedBack {
	background-color: #6c6c6c;
	background: url() no-repeat fixed transparent;
}
.fixedBack #container {
	background: #fff;
	margin: 5% auto;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0px 10px 30px #333;	
}
.fixedBack .header img {
	border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;	
}
.fixedBack .full-banner {
	max-width: 1024px;
	width: 100%;
}


/* ==full bleed */
.fullBleed {
	clear: both;
	position: relative;
	width: 100%;
	background-color: transparent;
}
.fullBleed .full-banner {
	margin: 0 auto;
	width: 100%;
	overflow: inherit;
	height: auto;
}
.fullBleed .background {
	position: relative;
	overflow: hidden;
	float: right;
}
.fullBleed .background img{
	position: relative;
	top: 0;
	left: 0;
	min-width: 100%;
	width: 100%;
}
.fullBleed .foreground {
	padding-left: 10%;
	margin-top: 8%;
}
.fullBleed img {
	width: 100%;
	max-width: 1800px;
}


/* ==multil column components */
ul.col-list li {
	background: none;
	margin: 10px 0;
}
ul.col-list li strong {
	float: left;
	font-size: 1em;
	margin-left: -42px;
	font-weight: 400;
}
ul.col-list a {
	margin-left: 25%;
	text-align: initial;
	display: block;
}
.split-layout a, .tele {
	display: block;
}


/* floated image grid */
.supportHome h2 {
	margin-top: 0;
}
.thumbList {
	padding-left: 0;
}
.supportHome .thumbList li {
	display: inline-block;
	padding: 0;
	margin: 0 26px 30px 0;
	background: transparent;
	width: 150px;
	vertical-align: top;
	text-align: center;
}
.thumbList li a {
	display: block;
	color: #0088cc;
	font-weight: bold;
	margin: 0.5em 0 0;
	text-align: center;
}
.supportHome .thumbList li a img {
	display: block;
	height: 125px;
	width: 125px;
	margin: 0 auto;
}
#Search_by_model_number h4, #modelNumberLabel {
	display: none;
}
#model_or_name_search fieldset {
	margin-bottom: 20px;
}


@media only screen and (min-width: 2300px) {
	.highlights .row.gradient.pdp {
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
	}	
}


@media only screen and (min-width: 1800px) {
	.background img {
		left: 50%;
		margin-left: -900px;
	}
}


@media only screen and (min-width: 1600px) {
	.fullBleed .background img {
		width: 1800px; 
	} 
	.carousel-control.main.left span {
		left: 70px;
	}
	.carousel-control.main.right span {
		right: 70px;
	}		
	#heroCarousel .carousel-control {
		width: 28%;
	}
	#heroCarouselD .carousel-caption.pull-left {
		left: 21%;
	}
	#heroCarouselD .carousel-caption.pull-right {
		right: 21%;
	}
}
@media only screen and (max-width: 1599px) {
	#heroCarouselD .carousel-caption.center {
		left: 20%;
		right: 20%;
	}	
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.fullBleed .background img {
		width: 1600px; 
	} 
	#heroCarousel .carousel-control {
		width: 24%;
	}
	#heroCarouselD .carousel-caption.pull-left {
		left: 16%;
	}
	#heroCarouselD .carousel-caption.pull-right {
		right: 16%;
	}
	#heroCarouselD .carousel-caption.center {
		right: 15%;
		left: 15%;
	}			
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.fullBleed .background img {
		width: 1400px; } 
	.fullBleed .foreground .copy {
		width: 50%;
	}	
	#heroCarouselD .carousel-caption.center {
		right: 10%;
		left: 10%;
	}		
			
}
@media only screen and (max-width: 1200px) {
	.highlight.col-md-6 .highlightImageArea.pull-right	{
		float: none !important;
	}
	.carousel-control.main.left span {
		left: 40px;
	}
	.carousel-control.main.right span {
		right: 40px;
	}	
	#heroCarousel .carousel-control {
		width: 14%;
	}
	#heroCarouselD .carousel-caption.center {
		right: 6%;
		left: 6%;
	}	
}

@media only screen and (max-width: 1030px) {
	.highlight.col-md-6 .highlightImageArea.pull-right	{
		float: none !important;
	}
	#heroCarousel .carousel-control {
		width: 14%;
	}
}


@media only screen and (max-width: 1020px) {
	.panel-group.c-wrap {
		padding: 0;
	}
	.fullBleed .background img {
		width: 1020px; 
	}
	.fullBleed .foreground .copy {
		width: 50%;
	}		
	.three-col {
		padding-left: 0.8%;
		padding-right: 0.8%; 
	}
	.product .listingImage {
		width: 150px;
		height: 150px; 
	}
	.reviews blockquote {
		padding: 0 10px 0 0;
	}		
	.carousel-control.main.left span {
		left: 20px;
	}
	.carousel-control.main.right span {
		right: 20px;
	}	
	.heroColorGallery .panel-body {
		padding-left: 0;
		padding-right: 0;
	}	
	.headlinePrice,
	.pricing.discounted:first-child,
	.shipping, #out_of_stock {
		padding: 0;
		margin: 0;
	} 	    
	.sm-responsive,
	.highlight.col-md-6,
	.reviews.col-md-6 {
		float: left;
	}
	.col-md-4.sm-responsive, .col-md-4.sm-responsive {
		width: 33%;
	}	
	.col-md-6.sm-responsive,
	.highlight.col-md-6,
	.reviews.col-md-6{
		width: 50%;
	}					
	.currency.strike span {
		float: right;
	}
	.colorSwatches button {
		display: block;
	}		
	.headlinePrice {
		padding-right: 0;
	}
	#heroCarousel .carousel-control {
		width: 10%;
	}	
	#headlinePricing {
		margin: 0;
	}				
	#carouselThumbs.col-md-6 {
		width: 50%;
		margin-left: 25%;
	}		
	#heroCarouselD .carousel-caption.center {
		left: 0;
		right: 0;
	}	
	
}


@media only screen and (max-width: 991px) {	
	.hero-cta .pull-right {
	    float: none !important;
    }
	.headlinePrice {
		float: none !important;
	}
	.headlinePrice dl {
		margin: 0 0 10px;
	}	
	.pricing,
	.currency.strike span {
		float: none;
		margin-left: 15%;
	}
	.online-pricing, .open-pricing, .oos_title.col-md-6.text-right, .cmngsn-msg {
		text-align: left;
	}
	.shippingdetail {
		text-align: left;
	}	
	.heroCta {
		margin-bottom: 15px;
		text-align: inherit;
	}
	.highlight.col-md-6 .pull-right {
		float: none !important;
		width: 100%;
	}		
	.highlight.col-md-6 .pull-right > div {
		width: 90%;
	}
	.heroColorGallery {
		display: block;
		height: auto !important;
	}
	.heroColors {
		display: none;
	}
	.colorSwatches button {
		display: none;
	}
	.background img,
	.foreground,
	#heroCarouselD .carousel-caption {
		position: relative !important;
		margin: 0;
		float: none !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		padding-left: 0 !important;
		margin-left: 0  !important;
		text-align: left !important;
	}
	#heroCarouselD .carousel-caption,
	#heroCarouselD .carousel-caption.split {
		max-width: 100%;
	}						
	#heroCarouselD .carousel-indicators {
		display: none;
	}
	#heroCarouselD  .carousel-control {
		height: 275px;
	}						
	#supportNumbers > li {
		width: 25%;
		float:left;
	}	
	#headlinePricing {
		max-width: 175px;
	}		
		
}
@media only screen and  (min-width: 768px) and (max-width: 1024px) {
	.carousel-inner .carousel-caption h2 {
		margin-bottom: 2px;
	}
	.carousel-inner .carousel-caption h3 {
		margin-bottom: 1px;
	}
	.carousel-inner .carousel-caption p, #heroCarouselD p {
		margin-bottom: 5px;
	}	
	
}


@media only screen and (max-width: 768px) {
	.copyBlue, .copyWhite {
		color: #000;
	}
	.fullBleed .full-banner {
	    background-position: left -80px; 
    }
    .fullBleed .foreground {
		margin-top: 0%;
	}
	.fullBleed .background img,
	.fixedBack .background img {
        width: 800px;
    }
    .headline h2 {
		font-size: 36px;
	}	
	.col-md-1.sm-responsive, 
	.col-md-2.sm-responsive, 
	.col-md-3.sm-responsive, 
	.col-md-4.sm-responsive, 
	.col-md-5.sm-responsive,
	.highlight.col-md-6 .pull-right,
	.reviews.col-md-6 {
		float: none !important;
		width: 100%;
	}		
	.col-md-6.sm-responsive{
		float: left;
		width: 50%;
	}
	.foreground, 
	.foreground.split {
		padding-top: 20px !important;
		max-width: 100%;
	}	
	.heroBanner, #heroCarouselD{
		max-height: 100%;
		background-color: transparent;
	}
	section.highlights {
		margin-top: 20px;
	}
	.heroColorGallery {
		display: block; 
		height: auto !Important;
	}
	.heroColors {
		display: none;
	}	
	.colorSwatches button {
		display: none;
	}		
	.carousel-control.left span {
		left: 40px;
	}
	.carousel-control.right span {
		right: 40px;
	}	
	#heroCarouselD  .carousel-control {
		background-image: none;
		filter: none;
		height: 300px;
	}		
	#heroCarouselD .carousel-caption.center {
		right: 15%;
		left: 15%;
	}			
	#heroCarouselD  .carousel-inner {
		overflow: visible;
	}	
	#headline .col-md-4.
	#supportNumbers > li  {
		float: none;
	}
	#supportNumbers > li {
		width: 100%;
	}
	#supportNumbers > li div {
		padding: 0;
	}		
	#heroCarouselMobile .carousel-inner > .item img {
		margin: 0 auto;
	}
	#heroCarouselD .btn {
		width: 100px;
		padding: 3px 10px;
	}
}


@media only screen and (max-width: 599px) {
	.fixedBack .background,
	.fixedBack .foreground,
	.fixedBack .foreground .copy.right,
	.fullBleed .background img,
	.fullBleed .foreground  {
		position: relative;
	}
	.fixedBack .foreground .copy.right{
		left: 0;
	}
	.fixedBack .foreground .copy.right,
	.copyBreak .copy {
		width: 100%;
	}
    .fullBleed .foreground {
		clear: both;
	}
	.full-banner  {
		height: auto;
	}		
	.navbar-header {
		top: 16px;
		position: relative;
		margin-bottom: 10px;
	}
	.navbar-toggle {
		margin-top: 1px;
	}
	.hero {
		padding-top: 225px;
	}
    .pull-right {
	    float: none !important;
    }	
	.highlight.col-md-6 {
		float: left;
		width: 100%;
	}
	.productOptions .modal-footer {
		text-align: left;
	}
	.techSpecs img {
		width: 570px;
		overflow:hidden;
	}		
	.col-md-6.sm-responsive {
		float: none;
		width: 100%;
	}
	.subnav {
		padding: 10px 15px 5px;
		width: 90%;
	}	
	.subnav .row {
		margin: 0;
	}
	.subnav li {
		padding: 0 20px 0 0;
	}
	.subnav li:first-child {
		padding-left: 0;
	}	
	.subnav li:last-child {
		padding-right: 0;
	}
	.shipping,
	#out_of_stock {
		width: 90%;
		margin-bottom: 10px;
	}	
	#mediaReviews .reviews {
		display: block;
		padding:0;
	}		
	#heroCarouselMobile .carousel-control span {
		top: 18%;
	}
	#heroCarouselD  .carousel-control {
		height: 225px;
	}								
}

    
@media only screen and (max-width: 497px) {
	.hero-carousel .carousel-control span {
		top: 25%;
		width: 32px;
	}	
	.hero-carousel .carousel-control.right span {
		background: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/sprite.png') no-repeat -350px 0;
		right: 30%;
	}
	.hero-carousel .carousel-control.right span:hover {
		background: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/sprite.png') no-repeat -420px 0;
	}
	.hero-carousel .carousel-control.left span {
		background: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/sprite.png') no-repeat -315px 0;
		left: 30%;
	}	
	.hero-carousel .carousel-control.left span:hover {
		background: url('/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/cmn/sprite.png') no-repeat -385px 0;
	}	
	.text-center { text-align: left;}
	.promoWrap .col-md-6 {
		width: 100%;
		margin-bottom: 1.6%; 
	} 
	.promoWrap .col-md-6 {
		padding-left: 0;
		padding-right: 0;
	}
	.three-col .product {
		width: 270px;
	}
	.hero {
		padding-top: 285px;
	}
	.options {
		text-align: left;
		padding: 0 20px;
	}
	.highlightContent {
		max-width: 85%;
	}
	ul.col-list a {
		margin-left: 40%;
	}	
	#heroCarouselMobile .carousel-inner > .item img {
		max-width: 320px;
	}
}

@media only screen and (max-width: 350px) {

}