/* === Static === */
.kwp_stickyNavContainer {
	display:none; /* new layout navigation */
}

.kwp_floatingNavContainer .kwp_floatingNav {
	font-size: .88em;
	list-style: none;
}

.kwp_floatingNav:after {
	content: '.';
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.kwp_floatingNav .kwp_navItem {
	text-align:center;
	float: left;
	background: #e5e5e5;	
	border-left: 1px solid #fff;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:3.25em;
	
	position: relative;
}

.kwp_floatingNav .kwp_navItem:first-child {
	border: 0;
}

.kwp_floatingNav .kwp_navItem.kwp_active,
.kwp_floatingNav .kwp_navItem:hover,
.kwp_floatingSubNav .kwp_subNavItem.kwp_active,
.kwp_floatingSubNav .kwp_subNavItem:hover {
	background-color: #727272; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyNzI3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  #727272 0%, #333333 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #727272 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #727272 0%,#333333 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #727272 0%,#333333 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #727272 0%,#333333 100%); /* W3C */
}

.kwp_floatingNav .kwp_navItem.kwp_active > a,
.kwp_floatingNav .kwp_navItem:hover > a,
.kwp_floatingSubNav .kwp_subNavItem.kwp_active > a,
.kwp_floatingSubNav .kwp_subNavItem:hover > a,
.kwp_floatingNav .kwp_navItem:hover > span,
.kwp_floatingNav .kwp_navItem.kwp_active > span {
	color: #fff;
}

.kwp_floatingNav .kwp_navItem a,
.kwp_floatingNav .kwp_navItem span {
	display: block;
	padding:1.07em;
	color: #000;
	text-decoration: none;		
	cursor: pointer;
}

.kwp_floatingNav .kwp_overview {
	/* use once we add the button back in width: 17.676768%*/
	width: 25.757576%;
	position: relative;
	
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.kwp_floatingNav .kwp_techSpecs,
.kwp_floatingNav .kwp_faq,
.kwp_floatingNav .kwp_whereTobuy {
	/* use once we add the button back in width: 16.666666%;*/
	width: 24.747474%;
}

.kwp_floatingNav .kwp_whereTobuy {
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.kwp_floatingNav .kwp_order {
	width: 32.323233%;
	
	text-transform: uppercase;
	
	background-color: #8bc55e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiYzU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTllMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  #8bc55e 0%, #659e39 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bc55e), color-stop(100%,#659e39)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #8bc55e 0%,#659e39 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #8bc55e 0%,#659e39 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #8bc55e 0%,#659e39 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #8bc55e 0%,#659e39 100%); /* W3C */
}

.kwp_floatingNav .kwp_order a {
	color: #fff;
}

.kwp_floatingNav .kwp_order span {
	padding: 1.07em 0 1.07em 2.5em;
	background: url(//cdn.kobo.com/merch-assets/kobo_glo/images/nav_cart.png) center left no-repeat;
}

.kwp_floatingNav .kwp_hasDropdown .kwp_dropdownArrow {
	display: inline-block;
	padding: 0;
	width: 0;
	height: 0;
	margin-left: 5px;
	
	border-width: 7px 7px 0 7px;
	border-color: #666 transparent transparent transparent;
	border-style: solid dashed dashed dashed;
}

.kwp_floatingNav .kwp_navItem.kwp_hasDropdown.kwp_active {
	-webkit-border-radius: 0;
	border-radius: 0;
}

.kwp_floatingNav .kwp_navItem:hover .kwp_dropdownArrow,
.kwp_floatingNav .kwp_navItem.kwp_active .kwp_dropdownArrow {
	border-color: #fff transparent transparent transparent;
}

.kwp_floatingNav .kwp_dropdownNav {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	list-style: none;
	z-index: 1000;
	
	visibility: hidden;
}

.kwp_floatingNav .kwp_navItem.kwp_active .kwp_dropdownNav {
	visibility: visible;
}

.kwp_floatingNav .kwp_dropdownNav .kwp_navItem {
	width: 100%;
	text-align: left;
}


/* === Custom Floating Nav Width === */
/*
.kwp_floatingNav.widerTechSpecs .kwp_overview {
	width: 13.676768%;
}

.kwp_floatingNav.widerTechSpecs .kwp_techSpecs {
	width: 22.666666%;
}

.kwp_floatingNav.widerTechSpecs .kwp_order {
	width: 30.323233%;
}
 */
/* === Sub nav === */

.kwp_floatingSubNav {
	background: #e5e5e5;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-top: 1px solid #fff;
	display: none;
}

.kwp_koboGloOverview .kwp_floatingSubNav,
.kwp_koboGloExperience .kwp_floatingSubNav,
.kwp_koboGloDesign .kwp_floatingSubNav,
.kwp_koboGloShopping .kwp_floatingSubNav,
.kwp_koboGloReadingLife .kwp_floatingSubNav,
.kwp_koboGloReadFreely .kwp_floatingSubNav,

.kwp_koboMiniOverview .kwp_floatingSubNav,
.kwp_koboMiniDesign .kwp_floatingSubNav,
.kwp_koboMiniExperience .kwp_floatingSubNav,
.kwp_koboMiniOverview .kwp_floatingSubNav,
.kwp_koboMiniReadFreely .kwp_floatingSubNav,
.kwp_koboMiniReadingLife .kwp_floatingSubNav,
.kwp_koboMiniShopping .kwp_floatingSubNav,
.kwp_koboMiniFullValue .kwp_floatingSubNav,
.kwp_koboMiniConvenience .kwp_floatingSubNav,

.kwp_koboArcOverview .kwp_floatingSubNav,
.kwp_koboArcExperience .kwp_floatingSubNav,
.kwp_koboArcDesign .kwp_floatingSubNav,
.kwp_koboArcShopping .kwp_floatingSubNav,
.kwp_koboArcReadingLife .kwp_floatingSubNav,
.kwp_koboArcReadFreely .kwp_floatingSubNav,
.kwp_koboArcApps .kwp_floatingSubNav {
	display: block;
}

.kwp_floatingSubNav .kwp_subNavItem {
	text-align: center;
	float: left;
	
	width: auto;
	
	font-size: .88em;
	
	border-right: 1px solid #fff;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.kwp_floatingSubNav .kwp_subNavItem a {
	display: block;
	padding: .71em 1.07em;
	color: #000;
	text-decoration: none;
}

/* === Fixed === */

.kwp_koboGlo.fixed {
	padding-top: 4.125em;
}

.fixed .kwp_floatingNavContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
	
	background: #e5e5e5;
	
	-webkit-box-shadow: 0 -1.25em 3.75em 1.25em #666;
	box-shadow: 0 -1.25em 3.75em 1.25em #666;
}

.fixed .kwp_floatingNav {
	width: 990px;
	margin: 0 auto;
	
	-webkit-border-radius: 0;
	border-radius: 0;
	
	border-width: 0 1px 0 1px;
	border-color: #fff;
	border-style: solid;
}

.fixed .kwp_floatingNav .kwp_navItem:first-child,
.fixed .kwp_floatingNav .kwp_navItem:last-child {
	-webkit-border-radius: 0;
	border-radius: 0;
}

.fixed .kwp_floatingSubNav {
	width: 990px;
	margin: 0 auto;
	
	-webkit-border-radius: 0;
	border-radius: 0;
	border-width: 1px 1px 0 1px;
	border-color: #fff;
	border-style: solid;
}

@media only screen and (max-width: 39.99em) {

	.kwp_floatingNav {
		width: auto;
		margin: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	
	.kwp_floatingNav {
		border-top: 1px solid #c7c7c7;
	}
	
	.kwp_floatingNav.widerTechSpecs  .kwp_overview,
	.kwp_floatingNav.widerTechSpecs .kwp_techSpecs,
	.kwp_floatingNav .kwp_overview,
	.kwp_floatingNav .kwp_techSpecs,
	.kwp_floatingNav .kwp_faq,
	.kwp_floatingNav .kwp_whereTobuy {
		width: 50%;
		border: 1px solid #c7c7c7;
		margin-top: -1px;
	}
	
	.kwp_floatingNav .kwp_faq {
		border-right: 0;
	}
	
	.kwp_floatingNav .kwp_navItem:first-child {
		border: 1px solid #c7c7c7;
		border-right: 0;
	}
	
	.kwp_floatingNav .kwp_dropdownNav .kwp_navItem:first-child {
		border: 0;
	}
	
	.kwp_floatingNav.widerTechSpecs .kwp_order, 
	.kwp_floatingNav .kwp_order {
		width: 100%;
	}
	
	.kwp_floatingNav .kwp_order span {
	 	background-size:21%;
	}
	
	.kwp_floatingNav .kwp_overview,
	.kwp_floatingNav .kwp_whereTobuy {
		-webkit-border-radius: 0;
		border-radius: 0;
	}
}

@media only screen and (min-width: 40em) and (max-width: 63.99em) {
	
	.kwp_floatingNav ul {
		width: auto;
		margin: 0;
	}
	
	.kwp_floatingNav .kwp_order span {
	 background-size:21%;
	}
}