@charset "utf-8";



/****** Main Navigation ******/
#nav{
	position:relative;
	
}
#nav div.nav-title{
	float:left;
}
#nav div.arrow,
#nav li:hover ul.nav div.arrow,
#nav li.menu-active ul.nav div.arrow{
	float:right;
	width:14px;
	height:18px;
	margin-left:5px;
	padding-top:1px;
	background:url('/tablet-release-notes/images/device-navigation-default.png') no-repeat center;
}
#nav div.arrow.active-arrow,
#nav li:hover ul.nav div.arrow.active-arrow,
#nav li.menu-active ul.nav div.arrow.active-arrow{
	background:url('/tablet-release-notes/images/device-navigation.png') no-repeat center;
}
#nav li ul.nav li div.arrow,
#nav li:hover ul.nav li div.arrow,
#nav li.menu-active ul.nav li div.arrow{
	height:24px;
}






/****** First Level *******/
#nav li.top{
	margin-right:15px;
	margin-bottom:-10px;
}
#nav li{
	display:inline;
	float:left;
	cursor:pointer;
	list-style:none;
	/*padding:0 10px;*/
	position:relative;
	white-space:nowrap;
	/*height:40px;
	line-height:40px;*/
	text-transform:uppercase;
}
#nav li:hover,
#nav li.menu-active{
	/*background-color:#333;*/
}
#nav li a,
#nav li a:hover,
#nav li a.menu-active{
	/*color:#fff;*/
	text-decoration:none;
}
#nav li:hover,
#nav li:hover a,
#nav li.menu-active a{
	/*color:#76b900;*/
}
#nav li:hover div.arrow,
#nav li.menu-active div.arrow{
	background:url('/tablet-release-notes/images/device-navigation-down-arrow.png') no-repeat center;
	height:10px;
	padding-top:9px;
	width:14px;
	color:#ffffff;
}
#nav li:hover div.nav-device-title,
#nav li.menu-active div.nav-device-title{
	color:#ffffff;
}
.nav-device-title {padding-bottom:5px; font-size:0.8em;}
#nav-fixed.javascript .nav-list ul  .nav-device-title { font-size:1em; }




/******* Second Level ******/
#nav li ul.nav{
	border: 2px solid #cccccc;
    display: none;
    font-size: 0.8em;
    left: 0;
    /*margin-left: 10px;*/
    position: absolute;
    top: 25px;
    z-index: 9999;
	padding-left: 10px;
	background-color:#262626;
	padding-top:5px;
	padding-bottom:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* webkit has some issues... */
	#nav li ul.nav{
		white-space:normal;
		min-width:100px;
	}
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	#nav li ul.nav{
		width:300%;
	}
}*/
#nav li:hover ul.nav,
#nav li.menu-active ul.nav{
	display:block;
}
#nav li:hover ul.nav,
#nav li:hover ul.nav a,
#nav li.menu-active ul.nav,
#nav li.menu-active ul.nav a{
	/*color:#fff;*/
}
#nav li ul.nav li a{
	display:block;
	width:100%;
	height:100%;
	outline:0;
}
#nav li ul.nav li{
	float:left;
	height:24px;
	line-height:24px;
	padding:0px;
	width:100%;
	background-color:#262626;
	text-transform:none;
	padding:5px 0 3px;
}

#nav li ul.sub li{
	background-color:#262626;
}
#nav li ul.nav li:hover,
#nav li ul.nav li:hover a,
#nav li ul.nav li.menu-active,
#nav li ul.nav li.menu-active a{
	/*color:#76b900;*/
}
#nav li ul.nav li:hover div.arrow,
#nav li ul.nav li.menu-active div.arrow{
	background:url('http://www.nvidia.com/content/includes/redesign2010/masthead/2012/images/menu-arrow-right-green.png') no-repeat center;
}






/****** Third Level *******/
#nav li ul.nav li ul.nav{
	float:left;
	display:none;
	top:0;
	left:100%; 
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	#nav li ul.nav li ul.nav{
		width:105%;
	}
}*/
#nav li ul.nav li:hover ul.nav,
#nav li ul.nav li.menu-active ul.nav{
	display:block;
}
#nav li ul.nav li:hover ul.nav,
#nav li ul.nav li:hover ul.nav a,
#nav li ul.nav li.menu-active ul.nav,
#nav li ul.nav li.menu-active ul.nav a{
	/*color:#fff;*/
}
#nav li ul.nav li ul.nav li:hover,
#nav li ul.nav li ul.nav li:hover a,
#nav li ul.nav li ul.nav li.menu-active,
#nav li ul.nav li ul.nav li.menu-active a{
	/*color:#76b900;*/
	text-decoration:underline;
}
.deactivenode{
    color: #9A9A9A;
}
.deactivenode:hover{
	color:#ffffff;
   /* border-bottom:2px solid #76b900;*/
}
.nav-device-title.deactivenode:hover{
    border-bottom:none!important;
}
.white-color{ color: #FFFFFF!important; }
.default-color{ color: #FFFFFF!important; }

.activenode {
    color: #FFFFFF;
}
.activesubnode {
    color: #FFFFFF;
	border-bottom:2px solid #76b900;
}
.nav-list ul li.deactive a{
	color: #9A9A9A !important;
}
.nav-list ul.sub-nav li:last-child.active a {
	color: #FFFFFF!important; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* webkit has some issues... */
	#nav li ul.nav lu ul.nav{
		white-space:normal;
		min-width:100px;
	}
}
.sub-nav{top:0px!important;padding-bottom:0px!important;padding-left: 10px!important;}
 #nav.mobile-list {
    top: 0px!important;
}
 #nav.mobile-list .arrow{
    margin-left: 2px!important;
	float:left!important;
}
#nav.mobile-list li.top {
	width:100px!important;
}
.display-none{
	display:none;
}

/****** Country Navigation ******/

.selectbox-default{
background-image: url('/tablet-release-notes/images/selectbox-image.png')!important;
}
.selectbox-close{
background-image: url('/tablet-release-notes/images/selectbox-image-close.png')!important;
}

#countrySelector {
	background: url('/tablet-release-notes/images/selectbox-image.png') top right no-repeat;
	border:none!important; 
	position: relative; 
	z-index: 1;
	width:260px!important;
	height:34px!important;
	color: #AFAFAF;
    font-size: 16px;
	padding-top:7px;
	text-indent:15px;
	outline: 0;
    font-weight: normal;
	cursor:pointer;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}

#countryList {
	background-color: #171B1E;
	position:absolute;
	bottom:41px;
	left:1px;
	z-index:40;
	width:257px;
	display:none;
}
.country{
	color:#fff;
}
#countryList span {
	display:block; 
	white-space:nowrap;
	color:#B8B8B8;
	font-size:12px;
	padding:2px 0 1px 0px;
}
#countryList a:first-child span{
	padding-top:3px;
}
#countryList  a span{
	color:#B8B8B8;
	text-decoration:none;
}
#countryList a:hover span{
	color:#76b900;
	background-color:#333;
	text-decoration:none;
}




@media screen and (min-width: 641px) and (max-width: 1024px){
.sub-nav li{ width: 41%!important;}
.nav-list ul li {width: 50%!important;}
.nav-list ul.sub-nav li {
    width: 50%!important;
}
}
@media screen and (min-width: 641px) and (max-width: 889px){
/*.nav-list ul li { width:36%!important; } */
#footer .social-icons > div { margin-right:2%; margin-top: 4%;max-width: 76px; min-width: 76px; }
#footer .social-icons > div:first-child { margin-top: 3%; }
#footer .social-icons > div:last-child{ margin-right:-1%; float: right; margin-right: -6%;}
#countrySelector { margin-left:-0%; }
#footer .copyright { text-align:right; }
.social-icons { padding-top:0px!important; }
}
@media screen and (min-width: 890px) and (max-width: 980px){
/*.nav-list ul li { width:36%!important; } */
#footer .social-icons > div { margin-right:1%; margin-top: 4%;max-width: 90px; }
#footer .social-icons > div:first-child { margin-top: 3%; }
#footer .social-icons > div:last-child{ margin-right:-1%;  }
#countrySelector { margin-left:-0%; }
#footer .copyright { text-align:right; }
#footer .social-icons > div:nth-child(2) { margin-right:4%;  }
.social-icons { padding-top:0px!important; }
}
@media screen and (min-width: 320px) and (max-width: 640px){
/*.nav-list ul li { width:36%!important; } */
#footer .social-icons  { margin:0 auto;  text-align:center; display:table-cell; vertical-align:middle; }
#countrySelector { margin:0 auto; clear:both; }
#footer .nvidia-logo { clear:both; margin:0 auto!important; text-align:center; float:none!important; }
#footer .social-icons > div { float:none!important;margin:0 auto;max-width: 100%;display: inline-block; max-width:100px!important; }
#footer .social-icons #facebook-like-button {text-align:center; vertical-align:top;  }
#footer .social-icons #twitter-tweet-button { padding-left: 0%!important; }
#footer .social-icons #google-plus-one-button { width: 29%!important; }

}

@media screen and (min-width: 320px) and (max-width: 1024px){
#nav
{
  display: block!important;
    float: left!important;
    left: 0!important;
    width: 100%!important;
    padding-top: 0!important;
   /* margin-bottom: -10px!important; */
}
.arrow { display:none!important; }
#nav li ul.nav {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
    border: medium none!important;
    display: block!important;
    position: relative!important;
    padding-top: 0!important;
   
}

#nav li ul.nav li {
    background: none!important;
    margin-left: 10px!important;
}


#nav div.nav-title {
    float: none!important;
	margin-bottom:-25px!important;
}
#nav.mobile-list {
    padding-bottom: 30px!important;
}
.activesubnode,.deactivenode:hover{ border-bottom:none!important; }
.nav-list ul li { width:60%!important; }

.nav-list ul li a, #nav div.nav-title { text-transform: uppercase!important; }
#nav li ul.nav li a{
    min-width: 276px !important;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px){
.nav-list ul { width: 111.5%!important; padding-left:0%!important; left:-6%; }
#nav { padding-left:0!important; }
}
@media screen and (min-width: 320px) and (max-width: 360px){
#nav.mobile-list {
    padding-bottom: 50px!important;
}
#nav div.nav-title {
   white-space: normal!important;
    min-width: 276px !important;
}
}