/* 
	Logitech CSS declarations - Subtabs with teal rule and teal underlined active tabs
	copyright Logitech 2010
*/

#content {
	position:relative;
	z-index: 1;
}

.tabContent {
	margin: 0px 0px 30px 0px;
}

#headline {
	border-bottom:1px solid #999999;
	position:relative;
	margin-bottom:0;
	margin-top:20px;
}

.headlineContent {
	width:980px;
}

ul#subnavigation {
	width: 980px;
}

ul#subnavigation,ul.subnavigation {
	margin-left:0;
	padding-bottom:0;
	top:0;
	display: inline-block;
}

#content li {
	font-size:0.95em;
	cursor: default;
}

#subnavigation li,ul.subnavigation li {
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#subnavigation li a,ul.subnavigation li a {
	padding:23px 0 4px;
}

#subnavigation li a.active, ul.subnavigation li a.active {
	border-bottom:3px solid #999999;
	margin-top:3px;
	padding-bottom:2px;
	color:#999999;
	cursor:default;
}

#subnavigation li a, ul.subnavigation li a {
	display:inline-block;
	font-size:1.25em;
	padding:23px 1px 4px 1px;
	color:#333333;
}

#subnavigation .subnavSpacer, ul.subnavigation .subnavSpacer {
	width:32px;
}

ul.subnavigation.modal,ul#subnavigation.modal{
	border-bottom: 1px solid #999999;
	margin-top:0px;
	padding:0px 20px;
}

ul.subnavigation.modal li a,ul#subnavigation.modal li a{
	padding-top:0px;
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
{
	 #subnavigation .subnavSpacer,
     ul.subnavigation .subnavSpacer
     {
         width: 4px !important;
     }
	#headlineTitle 
	{
		width: 960px !important;
	}
}