/* ==base elements */
html, body {
	font-family: "light", Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	color: #fff;
	background: #000;
	height: 100%;
	width: 100%;
}
body {
	position: relative;
}
h1, h2, h3, h4, h5 {
	text-transform: uppercase;
}
h1 {
	font-size: 62px;
	font-family: "medium", Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: .8%;
	letter-spacing: 5px;
}
h1.large {
	font-size: 104px;
	letter-spacing: 1px;
}
h1.xlarge {
	font-size: 150px;
	letter-spacing: 0;
}
h1 span {
	display: block;
}
h2 {
	font-family: "regular", Helvetica, sans-serif;
	font-size: 50px;
	margin: 5px 0 10px;
}
h3 {
	font-family: "medium", Helvetica, sans-serif;
	font-size: 35px;
	margin: 5px 0;
}
h4 {
	font-size:  22px;
	line-height: 1.2;
	margin-bottom: 5px;
}
h4.subtitle {
    font-family: "regular" , Helvetica, sans-serif;
}
h5 {
	font-weight: bold;
	margin-top: 1%;
	margin-bottom: 1%;
	line-height: 1.3;
	text-transform: none;
}
#specs h5 {
	text-transform: uppercase;
}
h6 {
	font-size: 14px;
}
a, a:hover, a:active, a:focus {
	outline: 0;
	color: #00a9e0;
}
section, header, footer, nav {
	position: relative;
	clear: both;
}
.impactRow a, .impactRow a:hover,
.impactRow a:active, .impactRow a:focus {
	color: #000;
	text-decoration: underline;
}


/* ==global styles */
section.row {
	padding: 0 5%;
}
.impactColor {
	color: #00a9e0;
}
.impactRow {
	background-color: #00a9e0;
}
.impactRow a, .impactRow a:hover,
.impactRow a:active, .impactRow a:focus {
	color: #000;
	text-decoration: underline;
}
.c-wrap {
	margin: 0 auto;
	max-width: 1280px
}
.divisions {
	padding: 0;
	height: 35px;
	margin: 0;
}
.divisions li {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
}
.nospace {
	margin: 0 !important;
	padding: 0 !important;
}
.paddedTop {
	padding-top: 4%;
}
.paddedBottom {
	padding-bottom: 4%;
}
.paddedTops{
	padding-bottom: 4%;
	padding-top: 4%;
}
.paddedLeft {
	padding-left: 5%;
}
.paddedRight {
	padding-right: 5%;
}
.paddedSides{
	padding-left: 5%;
	padding-right: 5%;
}
.paddedAll {
	padding: 4% 5%;
}
.dev-link {
  text-transform: uppercase;
  color: #b7b7b7;
  display: block;
  padding: 2px 0 4px;
  word-wrap: break-word;
}
.modal-backdrop.in {
	zoom: 1;
	opacity: .9;
	filter: alpha(opacity=90)
}
.modal-color-impact {
	background-color: #00a9e0;
}
.modal-color-white {
	background-color: #fff;
}
.text-center.btn {
	margin: 0 auto;
}
.fixed {
	position: fixed;
}
.searchclear {
	top: 10px;
	right: 41px;
	z-index: 999;
	color: #000;
	position: absolute;
	cursor: pointer;
}
.searchBox::-ms-clear {
    display: none !important;
}
#mobileSearchForm .searchclear {
	top: 10px;
	right: 9px;
}

/* ==bar elements */
.brandBar {
	height: 35px;
	width: 100%;
	display: block;
	position: relative;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	background: #232323; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjE2MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #232323 0%, #212121 28%, #161616 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(28%,#212121), color-stop(100%,#161616)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #232323 0%,#212121 28%,#161616 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #232323 0%,#212121 28%,#161616 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #232323 0%,#212121 28%,#161616 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #232323 0%,#212121 28%,#161616 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#161616',GradientType=0 ); /* IE6-8 */
}
.footerBar {
	margin-bottom: 20px;
	padding: 5px 0;
	position: absolute;
	width: 100%;
	z-index: 1100;
	background: #232323; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjE2MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #232323 0%, #212121 28%, #161616 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(28%,#212121), color-stop(100%,#161616)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #232323 0%,#212121 28%,#161616 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #232323 0%,#212121 28%,#161616 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #232323 0%,#212121 28%,#161616 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #232323 0%,#212121 28%,#161616 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#161616',GradientType=0 ); /* IE6-8 */
}
.languageBar {
	height: 22px;
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 1100;
	background: #222222;
}


/* ==main nav */
.global-nav {
	z-index:1200;
	position:absolute;
	top: 35px;
	height: 60px;
	width: 100%;
}
.global-nav .background {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	min-height: 64px;
	width: 100%;
	position: absolute;
	left: 0;
}
.global-nav img.g-logo {
	display:inline-block;
	margin: 22px 0 0 182px;
}
.global-nav .nav>li>a:hover,
.global-nav .nav>li>a:focus {
  text-decoration: none;
  background-color: transparent;
}
.share.open > .dropdown-menu {
    margin-top: 5px;
}
#primaryNav {
	padding-left: 0;
	padding-right: 0;
}
#primaryNav > ul {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0);
	display:block;
	margin: 0;
	width: 100%;
}
#primaryNav.in > ul {
	background-color: transparent;
	zoom: 1;
	display:block;
	margin: 0;
	width: 100%;
}
#primaryNav > ul > li {
	display:inline-block;
	float:left;
	margin: 10px 0;
	text-align:center;
	max-width: 12%;
	width: 100%;
}
#primaryNav > ul > li:first-child {
	max-width: 40px;
}
#primaryNav > ul > li.dropdown.share {
	max-width: 16px;
}
#primaryNav > ul > li a {
	display:inline-block;
	position: relative;
	padding: 0;
}
#primaryNav > ul > li a span,
#primaryNav > ul > li a img {
	display:inline-block;
	margin: 10px 0 0;
}
#primaryNav > ul > li a span:hover,
#primaryNav > ul > li a img:hover {
	border-bottom: 5px solid #00a8e1;
	padding-bottom: 2px;
}
#primaryNav > ul > li a img:hover {
	padding-bottom: 5px;
}
#primaryNav > ul > li:first-child{
	max-width: 95px;
}
#primaryNav > ul > li:first-child a{
	position: absolute;
	left: 15px;
}
#primaryNav > ul > li:first-child img {
	max-width: 48px;
	margin: 7px 15px 0;
}
#primaryNav > ul > li:first-child a img:hover {
	padding-bottom: 7px;
}

/* =social share dropdown */
#primaryNav > ul > li.dropdown a img:hover {
	padding-bottom: 0;
}
#primaryNav .share.open > a,
#primaryNav .share.open > a:hover,
#primaryNav .share.open > a:focus {
  background-color: transparent;
}
#primaryNav .share.open a span:hover,
#primaryNav .share.open a img:hover {
	border-bottom: none;
	padding-bottom: 0;
}
#primaryNav .share .dropdown-menu,
#primaryNav .share.open .dropdown-menu  {
	width: 95%;
	text-align: right;
	z-index: 1300;
	right: inherit;
	padding: 5px 0;
	border-top: none;
	box-shadow: 0 2px 2px rgba(255, 255, 255, 0.8);
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	background-color: #000;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
	left:-40px;
}
#primaryNav .share.open .dropdown-menu  {
	display:table;
	position: absolute;
}
#primaryNav #socialAnchor{
	cursor: pointer;
}
#primaryNav #socialAnchor img:hover,
#primaryNav #socialAnchor img:focus {
	border-bottom: none;
}

/* ==layout elements */
header {
	z-index: 1200;
	top: 0;
	height: 35px;
}
footer {
	height: 75px;
	width: 100%;
	bottom: 0;
}
footer li {
	margin-bottom: 20px;
	margin-top: 20px;
}
footer li {
	float: left;
	list-style: none;
	margin-left: 0.8%;
	margin-right: 0.8%;
	text-align: left;
}
footer li:first-child {
	margin-left: 0;
}
footer .links,
footer .social {
	margin-bottom: 0;
}
footer .links li a {
	display: inline-block;
}
footer .links li a:hover,
footer .links li a:active {
	color: #dedede;
	text-decoration: none;
	border-bottom: 2px solid #00a8e1;
	border-bottom-width: 100%;
	padding-bottom: 0;
}
footer li.social  {
	margin-left: 8px;
	margin-right: 8px;
	display: block;
}
footer .links a {
	font-size: 10px;
	color: #afafaf;
}
.container {
	z-index: 1000;
	width: 91%;
	max-width: 1280px;
	min-height: 200px;
	margin: 0 auto;
	position: relative;
	padding: 0;
}
#landing, footer {
	z-index: 500;
}
#landing {
	position: relative;
	background: url('/images/homeBackground.jpg') no-repeat 0 0 transparent;
	width: 100%;
	max-width: 1280px;
	padding-top: 0;
	padding-bottom: 0;
}
.languageBar,
.languageBar a,
.footerBar.resDevices a,
.footerBar.resDevices span {
	font-size: 8px;
	color: #707070;
}
.languageBar a,
.languageBar span,
.footerBar.resDevices a,
.footerBar.resDevices span {
	margin: 5px 0;
	display: inline-block;
}
#languageSwitcher .selected a{
	color:#00a9e0;
}


/* ==change location */
.langs  {
	margin: 0;
	padding-left: 0;
}
.langs li {
	margin: 0 3%;
}
.langs li span {
	text-transform: uppercase;
}

/* ==modules */
/* ==user account */
.userLinks {
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
}
.userLinks a {
	font-size: 10px;
}
.userLinks a,
#primaryNav a span,
footer a {
	text-transform: uppercase;
	color: #dedede;
}
.divisions a {
	text-transform: lowercase;
	color: #dedede;
	text-decoration: none;
}
#userProfile {
	position: relative;
	z-index: 1201;
	float:right;
}
#userProfile > ul {
	list-style: none;
	display: inline-block;
	/*max-width: 200px;*/
	vertical-align: top;
}
#userProfile > ul > li {
	margin: 0 0 0 5px;
	padding: 2px 5px 0;
	line-height: 35px;
	display: inline-block;
}
#userProfile .icon {
	width: 25px;
	height: 28px;
	display: block;
	float: left;
	margin: 3px 5px 0 0;
	overflow: hidden;
}
.divisions li a:hover,
#userProfile li a:hover {
	color: #00a9e0;
}
#cart .icon {
	background: url('/images/icons/icon-cart.png') no-repeat left center transparent;
}
#cart:hover .icon,
#myAccount:hover .icon{
	background-position: right center;
}
#myAccount .icon{
	background: url('/images/icons/icon-account.png') no-repeat left center transparent;
}
#userProfile > form {
	margin: 0;
	max-width: 250px;
	display: inline-block !important;
	width: 100%;
}
#userProfile .input-group {
	white-space: nowrap;
	padding-right: 20px;
	width: 100%;
	height: 28px;
}
#userProfile .socialPlugin .socials.opened {
	z-index: 99999;
	transform-origin: 0;
}


#globalSearch, #mobileSearch {
	height: 22px;
	width: 100%;
	background: #dedede;
	border-radius: 0;
	margin-top: 6px;
	font-size: 12px;
	padding: 0 30px 0 5px;
}
#globalSearch {
	max-width: 200px;
}
#globalSubmit, #resSearchTrigger,
#mobileSubmit {
	background: url(/images/icons/icon-search.png) no-repeat left center transparent;
	height: 23px;
	width: 28px;
	border: none;
	margin: 5px 0 0;
	padding: 0;
	overflow: hidden;
	display: block;
}
#globalSubmit:hover,
#resSearchTrigger:hover,
#mobileSubmit:hover,
#globalSubmit:focus,
#resSearchTrigger:focus,
#mobileSubmit:focus {
	background-position:right center;
}
#resSearchTrigger {
  text-indent: 99999px;
  cursor: pointer;
}
#resSearch, #resSearch:hover{
	/*margin-right: 45px;*/
}
#resSearch > #resSearchTrigger {
	background-position: left center;
}
#resSearch > #resSearchTrigger:hover,
#resSearch.open > #resSearchTrigger {
	background-position: right center;
}


/* ==link arrows */
.arrow-up,
.arrow-down,
.arrow-right,
.arrow-left {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: bottom;
	margin-bottom: 3px;
}
.arrow-up {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #00a9e0;
}
.arrow-down {
	border-left:  5px solid transparent;
	border-right:  5px solid transparent;
	border-top:  5px solid #00a9e0;
}
.arrow-right {
	border-top:  5px solid transparent;
	border-bottom:  5px solid transparent;
	border-left:  5px solid #00a9e0;
}
.arrow-left {
	border-top:  5px solid transparent;
	border-bottom:  5px solid transparent;
	border-right: 5px solid #00a9e0;
}

/* =back to top */
#backToTop {
    position: absolute;
    right: 25px;
	width: 22px;
	z-index: 999999;
}
#backToTop .affix-top {
    display: none;
}
#backToTop .affix {
	bottom: 35%;
}
#backToTop .btp_chevron {
	width: 22px;
	overflow: hidden;
	background: url(/images/icons/chevron.png) no-repeat left center transparent;
	display: block;
	height: 39px;
}
#backToTop .btp_chevron:hover {
	background-position: right center;
}


/* ==cookie notice */
.cookie_notice {
    background-color: #2D2D2D;
    color: #999999;
    margin: 0 auto;
    padding: 10px;
    clear:both;
}
.cookie_notice > div {
	position: relative;
}
.cookie_notice .close {
	text-align:right;
	right:10px;
	position: absolute;
	z-index: 1000;

}
.cookie_notice .col-md-11 {
	padding: 0 5px;
}


/* ==sayt */
#searchAsYouType {
  border: 0px;
  padding: 0px;
  margin: 0em auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#searchAsYouType .nowrap {
  white-space: nowrap;
}
#searchAsYouType .unselectable {
  -moz-user-select: none;
  -user-select: none;
}


/* =scrollbar for gaming */
#searchAsYouType div.searchResults::-webkit-scrollbar {
    width: 12px;
}
#searchAsYouType div.searchResults::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#searchAsYouType div.searchResults::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #00a9e0;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#searchAsYouType div.searchResults::-webkit-scrollbar-thumb:window-inactive {
	background: #00a9e0;
}


/* =Input field */
input#searchAsYouTypeBackupSearchField {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
}


/* =Search results */
#searchAsYouType div.searchResults {
  background: #202020;
  font-size: 100%;
  line-height: 140%;
  border-top: 1px #383838 solid;
  border-bottom: 1px #383838 solid;
  position: absolute;
  z-index: 3010;
  overflow: auto;
  display: none;
}
#searchAsYouType div.searchResults div.searchResult {
  border-top: 1px #383838 solid;
  border-left: 0.1em solid #383838;
  border-right: 0.1em solid #383838;
  display: block !important;
  cursor: pointer;
  overflow: hidden;
}
#searchAsYouType div.searchResults div.searchResult:hover {
  background: #476581 !important;
}
#searchAsYouType div.searchResults div.highlighted {
  background: #476581;
}
#searchAsYouType div.searchResults a.highlighted,
#searchAsYouType div.searchResults div.summary a.summarized:hover {
  margin: -0.1em -0.3em;
  padding: 0.1em 0.3em;
  background: #476581;
}
#searchAsYouType div.searchResults div.summary {
  text-indent: -1em;
  padding-left: 1.5em;
  cursor: auto;
}
#searchAsYouType div.searchResults div.summary:hover {
  background: white !important;
}
#searchAsYouType div.searchResults div.summary a.summarized {
  white-space: nowrap;
}
#searchAsYouType div.searchResults div.searchResult a {
  -moz-user-focus: ignore;
  -user-focus: ignore;
  -khtml-user-focus: ignore;
}
#searchAsYouType div.searchResults div.first {
  border-top: 0;
}
#searchAsYouType div.searchResults div.searchResult div.auxLinks {
  clear: both;
  text-align: right;
  color: #ccd9f2;
  font-size: 88%;
  margin-top: 1em;
}
#searchAsYouType div.searchResults div.searchResult div.auxLinks span {
  color: black;
}
#searchAsYouType div.searchResults div.searchResult div.auxLinks {
  clear: right;
  margin-right: -0.5em;
}
#searchAsYouType div.searchResults div.searchResult h1 {
  display: inline;
  padding: 0;
  margin: 0;
  font-size: 13px !important;
  font-weight: normal;
  visibility: visible;
  letter-spacing: 2px;
  font-family: Helvetica, sans-serif;
  text-transform: none;
}
#searchAsYouType div.searchResults div.searchResult .type {
  padding-left: 0.3em;
}
#searchAsYouType div.searchResults div.searchResult br + .type {
  padding-left: 0;
  color: #d1d1d1;
}



/* =Search results -- shadows */
#searchAsYouTypeResultsShadow {
  position: absolute;
  z-index: 2000;
}
#searchAsYouTypeResultsShadow div {
  position: absolute;
  overflow: hidden;
}


/* =Autocomplete */
.searchAsYouTypeAutocompleteInputMatch { /* editable... to match input (...) */
  margin-top: 3px;
  margin-left: 3px;
}
#searchAsYouTypeAutocomplete {
  position: absolute;
  color: #6f6f6f;
  background: #efefef;
  z-index: 2500;
  height: 1.2em !important;
}
#searchAsYouTypeAutocompleteHelper {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}


/* =Waiting animation */
img#searchAsYouTypeWaitingForSearchResults {
	width: 15px;
	height: 15px;
	visibility: hidden;
	border: 0;
	padding: 0;
	position: absolute;
	top: 0.15em;
	right: 2px;
	z-index: 3001;
}


/* =divs */
.floatimgleft {
	float:left;
	margin-right:2px;
	margin-left:2px;
}
.floatsaytleft {
	float:left;
	width:108px;
	height:108px;
	padding: 0.25em;
	padding-bottom: 0.50em;
	overflow:hidden;
}
.floatsaytleft img {
	max-height: 100px;
	max-width: 100px;
	position: relative;
}
.floatsaytleft .g {
	text-align:center;
	overflow:hidden;
	width:108px;
	height:67px;
	margin-left:-5px;
}
.floatsaytleft .o {
	margin: 5% 0 5% -4px;
	text-align:center;
	overflow:hidden;
	width:108px;
	height:108px;
}


/* =logo */
#searchAsYouType .logo-logicool span{
	/*background: url('/images/v2/header/header-nav-logo-logicool.png') 0 -50px no-repeat;*/
	height:19px;
	display:block;
}
#searchAsYouType .logo span{
	/*background: url('/images/v2/header/header-nav-logo-2.png') 0 -50px no-repeat;*/
	height:19px;
	display:block;
}
#searchAsYouType .floatsaytleft .logo, #searchAsYouType .floatsaytleft .logo-logicool{
	float:left;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
}
#searchAsYouType .logo .business, #searchAsYouType .logo-logicool .business{
	background-position: 0 -25px;
	width:98px;
	margin-left:10px;
}
#searchAsYouType .logo .game, #searchAsYouType .logo-logicool .game{
	background-position: 0 -50px;
	width:118px;
}
#searchAsYouType .logo .ue, #searchAsYouType .logo-logicool .ue{
	background-position: 0 -75px;
	width:134px;
}
#searchAsYouType .logo .logi, #searchAsYouType .logo-logicool .logi{
	background-position: 0 -50px;
	width:90px;
}
#searchAsYouType.floatsaytleft.logo.logi, #searchAsYouType.floatsaytleft.logo-logicool.logi{
	margin-left:-12px;
}
#searchAsYouType .floatsaytleft .logo .game, #searchAsYouType .floatsaytleft .logo-logicool .game{
	margin-left:-10px;
}
#searchAsYouType .floatsaytleft .logo .ue, #searchAsYouType .floatsaytleft .logo-logicool .ue{
	margin-left:-19px;
}
#searchAsYouType div.searchResults div.searchResult:hover div.floatimgleft {
    z-index:999;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
   -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
#searchAsYouType .floatsaytleft .gaming{
	/*background: url('/images/v2/header/header-nav-logo-2.png') 0 0 no-repeat;*/
	float:left;
	background-position: 0 -37px;
	width: 104px;
	height: 24px;
	background-size: 118px 85px;
	margin-top: -5px;
}


/* logicool gaming */
#searchAsYouType .floatsaytleft .cgaming{
	/*background: url('/images/v2/header/header-nav-logo-logicool.png') 0 0 no-repeat;*/
	float:left;
	background-position: 0 -39px;
	width: 104px;
	height: 24px;
	background-size: 117px 70px;
	margin-top: -5px;
}
#searchAsYouType .floatsaytright {
	display:inline-block;
	padding: 0.25em;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: normal;
	-o-text-overflow: ellipsis;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
#searchAsYouType .floatsayturls {
	margin-top:6px;
	margin-left:10px;
}
#searchAsYouType .floatsayturls .furl {
	width:48%;
	display:inline-block;
	text-indent:-0.8em;
	vertical-align:top;
    padding-right: 8px;
}
#searchAsYouType .floatsaytdiv {
	float:left;
	width:390px;
}
#searchAsYouTyp img  {
	image-rendering: optimizeQuality;  /* Firefox 3.6 */
	-ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0+ */
}
.viewAllResults{
	padding: 5px 0.2em 0.2em;
	border-top: 1px #85C7DD  solid;
	border-left: 0.1em solid #363636;
	border-right: 0.1em solid #363636;
	display: block !important;
	overflow: hidden;
	/*background: url(/images/sayt-top.png) repeat-x scroll transparent;*/
	height:26px;
	text-align: center;
    background-color: #00A9E0;
}
.resDelimiter{
	font-weight:bold;
	font-size:1.1em;
	color:#FFF;
	padding-bottom:0.2em;
	padding-left:0.4em;
	padding-top:0.2em;
	border-top: 1px #cde1ff solid;
	border-left: 0.1em solid #c9c9c9;
	border-right: 0.1em solid #c9c9c9;
	display: block !important;
	overflow: hidden;
	background: url(/images/sayt-top.png) repeat-x scroll transparent;
	height:25px;
}
#viewAllRes a {
	font-weight:bold;
	font-size:1.1em;
	cursor: pointer;
	color:#FFFFFF;
	height:auto;
	overflow:visible;
	text-decoration:none;
	width:auto;
	padding-right:23px;
	padding-top:2px;
	height:18px;
	background:url("/images/sayt_white.png") no-repeat scroll 99% 50% transparent;
}
#searchAsYouType li{
    background:none;
    padding:0 0 0 0;
    float:none;
    list-style:none;
}




/* ==change language */
.location > h1 {
  padding-bottom: 20px;
  font-size: 34px;
}
.country > li {
  list-style: none;
  padding-bottom: 7px;
}
.country img {
    float: left;
    margin: 3px 0 0 -20px;
}


/* ==404 */
#error {
	padding-top: 5%;
}


/* ==iframe */
iframe {
	width: 100%;
}

/* ==ie8 message */
.ie8 #ieMessage {
	overflow: visible;
	width: 100%;
}
.ie8 #ieMessage .modal-dialog {
	max-width: 600px;
}

p.browserupgrade{
  color: #000;
  font-size: 16px;
  margin-bottom: 11px;
  line-height: 26px;
  font-family: "Helvetica", Arial, sans-serif;
}
.browserupgrade {
  position: fixed;
  text-align: center;
  width: 100%;
  border-bottom: 2px solid #252a2c;
  top: 0;
  background: #fff;
  z-index: 3000;
  display: none; }
  .browserupgrade.upgrade {
    display: block; }

/* ==IE10 and below */
select {
	color: #000\9;
	height: 28px\9;
}

/* ==iphone hack */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	font-size: 16px;
}

/* == Modal Drop down Issue Fix */
.select.select-theme-dark .select-options .select-option,
.select.select-theme-dark .select-options .select-option:hover,
.select.select-theme-dark .select-options .select-option:hover.select-option-highlight,
.select.select-theme-dark .select-options .select-option:hover.select-option-selected.select-option-highlight{
	//font-size:14px;
	padding: 6px 10px 6px 27px;
}
.select.select-theme-dark .select-content {
	max-width:310px;
}

@media only screen and (min-width: 1200px) {
	#primaryNav .share.open .dropdown-menu {
		right: 0;
		left: inherit;
	}
}

@media only screen and (max-width: 1200px) {
	h1.long {
		font-size: 40px;
	}
}
@media only screen and (min-width: 1025px) {
	.fullSite {
		display: block !important;
	}
	#userProfile .fullSite {
		display: inline-block !important;
	}
	.resDevices {
		display: none !important;
	}
	.ie8 .navbar-toggle {
		display: none !important;
	}
	.location{
		padding-top:50px;
	}
	#features p {max-width: 80%;}
	
	#primaryNav > ul > li.dropdown.share {
		display: block !important;
	}
	#userProfile .socialShare {
		display: none !important;
	}	

}
@media only screen and (max-width: 1024px) {
	h1 {
		font-size: 50px;
	}
	h1.large {
		font-size: 90px;
		line-height: 1;
	}
	h1.xlarge {
		font-size: 115px;
	}
	h4 {
		font-size: 20px;
	}
	footer  {
		height: 25px;
	}
	footer li {
		margin-top: 0;
		margin-bottom: 0;
	}
	footer .social {
		position: absolute;
		right: 0;
	}
	footer .social li {
		margin-right: 10px;
		float: right;
	}
	.fullSite, #userProfile > form {
		display: none !important;
		visibility: hidden;
	}
	.resDevices {
		display: block !important;
	}
	.global-nav .background {
		background-color: transparent;
		background-color: rgba(0, 0, 0, 0);
	}
	.global-nav.in .background {
		background-color: #000;
		background-color: rgba(0, 0, 0, .9);
	}
	.divisions .resDevices{
		display: inline-block !important;
		margin: 7px 0 7px 10px;
		width: 18px;
	}
	.ie8 .navbar-toggle {
		display: block !important;
	}
	.cookie_notice .col-md-11 {
		padding: 0 6% 0 5px;
	}
	.select-select {
	    max-width: 160px;
	    left:63%;
	    margin-left: -25%;
	    text-align: center;
	    width: 100%;
	}
	#primaryNav.in > ul {
		background-color: rgba(0, 0, 0, .9);
		zoom: 1;
		opacity: .9;
		filter: alpha(opacity=90);
		display:block;
		margin: 0;
		width: 100%;
		opacity: 1;
		filter: none;
	}
	#primaryNav > ul > li:first-child{
		height: 90px;
	}
	#primaryNav > ul > li a span:hover,
	#primaryNav > ul > li a img:hover {
		border-bottom: 3px solid #00a8e1;
		padding-bottom: 0;
	}
	#primaryNav .share .dropdown-menu,
	#primaryNav .share.open .dropdown-menu {
	    margin-top: 0;
	}
	#listingPDP h2 {
		padding-top: 3%;
	}
	#brandLockup {
		background: #161616;
		background: linear-gradient(to bottom, #232323 0%, #212121 28%, #161616 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		width: 100%;
		height: 35px;
	}
	#primaryNav > ul > li {
		max-width: 16%;
		min-height: 34px;
	}
	#userProfile {
		width: calc(75% - 42px);
		margin-right: 42px;
		padding: 0;
	}
	#userProfile > ul > li {
		margin: 7px 0 0 5px;
		padding: 0;
		float: left;
	}
	#userProfile .icon {
		height: 20px;
		margin: 0;
	}
	#userProfile .socialShare {
		display: block !important;
	}
	#userProfile .dropdown.share .socialPlugin  {
	    margin: 2px auto 0 !important;
	}
	#primaryNav > ul > li.dropdown.share {
		display: none !important;
	}
	#resSearch {
		position:static;
	}
	#resSearch.open {
		position:static;
	}
	#resSearch > .dropdown-menu,
	#primaryNav .share .dropdown-menu  {
		display: none;
		background-color: transparent;
	}
	#resSearch.open > .dropdown-menu {
		display:block;
	}
	.ie8 #resSearch > .dropdown-menu,
	#resSearch.open > .dropdown-menu {
		width: 48%;
		min-width: 385px;
		text-align: right;
		z-index: 1300;
		margin: 0 45px 0  0;
		border-top: none;
		box-shadow: 0 2px 2px rgba(255, 255, 255, 0.8);
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		background: #161616; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjE2MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #161616 0%, #212121 28%, #232323 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161616), color-stop(28%,#212121), color-stop(100%,#232323)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #161616 0%,#212121 28%,#232323 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #161616 0%,#212121 28%,#232323 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #161616 0%,#212121 28%,#232323 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #161616 0%,#212121 28%,#232323 100%); /* W3C */
	}
	#primaryNav .share .dropdown-menu
	#primaryNav .share.open .dropdown-menu {
	    left: 0;
	    right: inherit;
	}

	form#mobileSearchForm {
		padding-left: 10px;
		padding-right: 10px;
	}
	#mobileSearchForm .input-group {
		padding-right: 0;
		text-align: right;
	}
	input#mobileSearch{
		max-width: 95%;
		line-height: 16px;
		height: 22px;
		float: none;
	}
	input#mobileSearch:focus{
		outline: none;
	}
	input#mobileSearch, #mobileSubmit {
	  display: inline-block;
	}
	#mobileBackdrop	{
		opacity: 0;
	}
	#changeLanguage	{
		padding-left: 0;
	}
}


@media only screen and (max-width: 1019px) {
	.visibleToPad, a.compare.compare-now {
		display: none !important;
	}
	.listingCTA .pricing.col-md-6,
	.listingCTA .pricing.col-sm-6 {
		width: 100%;
	}
}


@media only screen and (max-width: 768px) {
	h1, #productFeature h1 {
		font-size: 38px;
	}
	h1.large {
		font-size: 50px;
	}
	h1.xlarge {
		font-size: 70px;
	}
	h2{
		font-size: 25px;
	}
	.global-nav, .global-nav .background {
	    height: auto;
	}
	.homeHero .pull-right {
		text-align: left !important;
		float: left !important;
	}
	.homeHero .btn.pull-right {
		text-align: center !important;
	}
	.global-nav .background {
		min-height: inherit;
	}
	#mobileBackdrop .modal-backdrop.in {
		opacity: .9;
	}
	#userProfile {
		width: calc(50% - 42px);
	}	
	#primaryNav {
		margin-top: 0;
	}
	#primaryNav > ul > li {
	  display: block;
	  float: none;
	  margin: 0;
	  text-align: center;
	  max-width: 100%;
	  min-height: 70px;
	}
	#primaryNav > ul > li:first-child {
		min-height: 100px;
	}
	#primaryNav > ul > li:first-child,
	#primaryNav > ul > li:last-child {
	   max-width: 100%;
	}
	#primaryNav > ul > li:first-child a {
	  position: relative;
	  left: 0;
	}
	#primaryNav > ul > li:first-child img {
	   max-width: 60px;
	   margin: 15px auto 0;
	}
	#primaryNav > ul > li a {
	  font-size: 20px;
	}
	#primaryNav > ul > li a span, #primaryNav > ul > li a img {
	  display: inline-block;
	  margin: 25px auto 0;
	  max-width: 100%;
	}
	#primaryNav .share .dropdown-menu,
	#primaryNav .share.open .dropdown-menu {
		width: inherit;
	}
	#primaryNav .share.open .dropdown-menu {
	  right: inherit;
	  left: 0;
	}
	ul#socialShare > li {
	    margin: 5px auto 0;
	    width: 61px;
	}
	#resSearch.pull-right {
		float: right !important;
	}
	#mobileBackdrop	{
		opacity: 1;
	}
	#landing {
		background: url('/images/homeBackground-m.jpg') no-repeat 0 0 transparent;
		max-width: 887px;
	}
	#mobileSearch {
		font-size: 16px;
	}
}

@media only screen and (max-width: 766px) {
	.pull-right {
		text-align: left !important;
		float: left !important;
	}
	.btn.pull-right {
		text-align: center !important;
	}
	.close.pull-right {
		text-align: right !important;
		float: right !important;
	}
}



@media only screen and (min-width: 641px) {
	.nonMobile {
		display: block !important;
	}
	.mobileOnly {
		display: none !important;
	}

}

@media only screen and (max-width: 640px) {
	h1 {
		letter-spacing: 1px;
	}
	h1.large {
		font-size: 48px;
	}
	h1.xlarge {
		font-size: 60px;
	}
	h2 {
	    font-size: 25px;
	}
	h3 {
	    font-size: 20px;
	}
	.nonMobile {
		display: none !important;
	}
	.mobileOnly {
		display: block !important;
	}
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
	input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"],
	input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
		font-size: 16px;
		font-size: 1rem;
	}
	#cookie_notice p {
		font-size: 11px;
	}
	#primaryNav > ul > li:first-child img {
		max-width: 25px;
	}
	#primaryNav > ul > li,
	#primaryNav > ul > li:first-child  {
		min-height: 45px;
	}
	#primaryNav > ul > li:first-child {
	  height: 45px;
	}
	#primaryNav > ul > li a span,
	#primaryNav > ul > li a img {
		margin-top: 5px;
	}

}


@media only screen and (max-width: 480px) {
	h1, #productFeature h1,
	h1.large, h1.xlarge, h1.long {
		font-size: 26px;
		margin-bottom:7px;
	}
	h4.subtitle.long, h4 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	h5 {
		margin-top: 3px;
		margin-bottom: 5px;
	}
	.cookie_notice .close {
		right:0;
	}
	.carouselBody .btn-primary {
		margin-top: 7px;
	}
	.ie8 #resSearch > .dropdown-menu,
	#resSearch.open > .dropdown-menu,
	#primaryNav .share.open .dropdown-menu {
		min-width: 100%;
	}
	input#mobileSearch {
	    max-width: 90%;
	}
	#mobileSearchForm .searchclear {
	  right: 10px;
	}
	.magnify .img-responsive{
	  padding-top:20px;
	}
}


@media only screen and (max-width: 400px){
	h1, #productFeature h1, h1.large, h1.xlarge, h1.long {
		font-size:24px;
	}
}



@media screen and (min-width: 382px) {
    #searchAsYouType .floatsaytright {
        width:300px;
    }
}


@media screen and (max-width: 381px) {
    #searchAsYouType .floatsaytright {
        min-width:160px;
        max-width:190px;
        margin-left:7px;
    }
    #searchAsYouType .logo .logi {
    	margin-left: 5px;
    }
}


@media only screen and (max-width: 360px) {
	#mobileSearchForm .searchclear {
	  right: 6px;
	}

}


@media only screen and (max-height: 360px) {
	#primaryNav > ul {
		overflow: auto;
		height: 198px;
	}
	#primaryNav > ul > li:first-child{
		position: relative;
	}
	#primaryNav > ul > li:first-child img {
		margin: 7px auto 0;
		max-width: 25px;
	}
	#primaryNav > ul > li a span,
	#primaryNav > ul > li a img {
		margin-top: 5px;
	}
	#primaryNav > ul > li:first-child, #primaryNav > ul > li:last-child,
	#primaryNav > ul > li, #primaryNav > ul > li:nth-child(5){
	  float: left;
	  max-width: 50% !important;
	  min-height: 38px;
	}
	#primaryNav > ul > li:first-child {
	  height: 38px;
	}
	#primaryNav > ul > li:first-child a {
	  left: inherit;
	  position: relative;
	}
	#primaryNav > ul > li:first-child a img {
	  margin-top: 5px;
	}
	#primaryNav > ul > li a span {
	  margin-top: 10px;
	}
}


@-moz-document url-prefix() {
	.floatsaytleft img {
		max-height: 63px;
		margin-top: 5px;
		-moz-transform: scale(1.2);
		margin-left: 10px;
	}
}


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

}
@font-face {
    font-family: 'extra light';
    src: url('fonts/Montserrat-Hairline-webfont.eot');
    src: url('fonts/Montserrat-Hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Montserrat-Hairline-webfont.woff2') format('woff2'),
         url('fonts/Montserrat-Hairline-webfont.woff') format('woff'),
         url('fonts/Montserrat-Hairline-webfont.ttf') format('truetype'),
         url('fonts/Montserrat-Hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

}