/*!* Morgan Tabs Component: v1.0 */
/*
* v1.0:   initial checkin;
* 
*/

/* X-SMALL = 480px */
@media only screen and (min-width:30em) {
	
}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {
}

/* LARGE = 960px */
@media only screen and (min-width:60em) {
}

/* X-LARGE = 1024px + */
@media only screen and (min-width:64em) {
}

.row.full.blowout.tabs{
	background: #f6f7f9 none repeat scroll 0 0;
	position: relative;
	width: 100%;
	border-bottom: 1px #e2e2e2 solid;
	z-index: 1;
}
#fw-content.container.grid.gridTopPosition{
	top: 46px;	
}
.row.full.blowout.tabs.sticky{
    position: fixed;
	top: 54px;/* Adjusting the top position based on header height */
}

.row.full.blowout.tabs, .dmh-offers-05-tabs, .tabSpacer, .dmh-offers-05-tabs .previous, .dmh-offers-05-tabs .next{
	height: 46px;	
}

.fw-satellite.offer-05 #fw-masthead.sticky+#fw-content.container{
 	top: 100px; /* Adjusting the top position of Grid container based on the height of header + tab*/
}
.dmh-offers-05-tabs .previous-grad, .dmh-offers-05-tabs .next-grad{ 
    width: 40px;
	position:absolute;	
	height: 45px; /*as there is 1px border to the tab we have to reduce the height from 46px to 45px */
}
.dmh-offers-05-tabs{  
	box-sizing:border-box; 
	margin: 0 10px
}

.dmh-offers-05-tabs ul {white-space:nowrap; overflow:hidden; line-height:0;}

.dmh-offers-05-tabs  ul  li {
    display:inline-block;
    position: relative;
	margin: 0 30px 0 0;
}
.dmh-offers-05-tabs  ul  li:last-child {
	margin-right: 28px;
}
.dmh-offers-05-tabs  ul  li:first-child {
	margin-left: 28px;	
}

.dmh-offers-05-tabs  li a{
	font-family: 'Helvetica Neue Light', HelveticaNeueLight, HelveticaNeue, Helvetica, Arial, 'Nimbus Sans L', sans-serif;
	font-size: 14px;
	color: #525252;
	text-decoration: none;
	text-wrap:none;
	line-height: 1em;
}
.dmh-offers-05-tabs li.active {
	font-family: HelveticaNeue, Helvetica, Arial, 'Nimbus Sans L', sans-serif;
	font-weight:bold;
	font-size: 14px;
	color: #525252;
	text-decoration: none;
	text-wrap:none;
	line-height: 1em;
}
.dmh-offers-05-tabs .nav-container{
	padding: 16px 0;
	overflow: hidden;
	margin: 0;
}

.dmh-offers-05-tabs .previous, .dmh-offers-05-tabs .next, .dmh-offers-05-tabs .nav-container{
	float:	left;	
}
.dmh-offers-05-tabs .previous, .dmh-offers-05-tabs .next{
    width: 25px;
    text-indent: -10000px;
}

.dmh-offers-05-tabs .previous {
   background: url("http://www.cisco.com/assets/offers/offer-05/v01/i/tabs-arrows.png") no-repeat scroll -18px 0px;
   outline: 0 none;
}
.dmh-offers-05-tabs .previous.disable {
   background: url("http://www.cisco.com/assets/offers/offer-05/v01/i/tabs-arrows.png") no-repeat scroll -18px -91px;
    outline: 0 none;
	cursor: default;
}
.dmh-offers-05-tabs .next {
    background: url("http://www.cisco.com/assets/offers/offer-05/v01/i/tabs-arrows.png") no-repeat scroll -2px -45px;
    float: right;
    outline: 0 none;

}
.dmh-offers-05-tabs .next.disable {
    background: url("http://www.cisco.com/assets/offers/offer-05/v01/i/tabs-arrows.png") no-repeat scroll -2px -138px;
    float: right;
    outline: 0 none;
	cursor: default;
}

.dmh-offers-05-tabs .previous-grad{
    background: url("http://www.cisco.com/assets/offers/offer-05/v01/i/grey-gradient-edges.png") no-repeat scroll 0 0;
}
.dmh-offers-05-tabs .next-grad{
    background: url("http://www.cisco.com/assets/offers/offer-05/v01/i/grey-gradient-edges.png") no-repeat scroll -40px 0;
    right: 10px;
}
.dmh-offers-05-tabs.noArrows .previous-grad, .dmh-offers-05-tabs.noArrows .next-grad {
	 display: none;	
}
.dmh-offers-05-tabs.noArrows ul li:first-child{
	 margin-left: 0;	
}
/*over-riding masthead shadow*/
.fw-satellite #fw-masthead.sticky{
	-webkit-box-shadow:0 7px 10px -5px rgba(0,0,0,0);
	-moz-box-shadow:0 7px 10px -5px rgba(0,0,0,0);
	-o-box-shadow:0 7px 10px -5px rgba(0,0,0,0);
	box-shadow:0 7px 10px -5px rgba(0,0,0,0);
}

/* IE8 styles*/

.lt-ie9 .fw-satellite.offer-05 #fw-masthead.sticky+#fw-content.container{
  top: 124px;/* Adjusting the top position of grid container*/
}
.lt-ie9 .row.full.blowout.tabs.sticky{
   top: 82px;/* Adjusting the top position of tab*/
}
.lt-ie9 .row.full.blowout.tabs, .lt-ie9 .dmh-offers-05-tabs, .lt-ie9 .tabSpacer, .lt-ie9 .dmh-offers-05-tabs .previous, .lt-ie9 .dmh-offers-05-tabs .next{
	height: 42px;	
}
.lt-ie9 .dmh-offers-05-tabs .previous-grad, .lt-ie9 .dmh-offers-05-tabs .next-grad{ 
	height: 41px; /* as there is 1px border included to the tab we have to reduce the height from 42px to 41px */
	position:absolute;	
}
.lt-ie9 .dmh-offers-05-tabs{  
	margin: 0 0;
}
.lt-ie9 .dmh-offers-05-tabs .nav {
	padding: 10px 0;
}
.lt-ie9 .dmh-offers-05-tabs li a {
	font-size: 16px;
}
.lt-ie9 .dmh-offers-05-tabs li.active {
	font-size: 16px;
}
.lt-ie9 .dmh-offers-05-tabs ul li {
	margin: 0 40px 0 0;
}
.lt-ie9 .dmh-offers-05-tabs .nav-container{
	padding: 13px 0;
	margin: 0;
}
.lt-ie9 .dmh-offers-05-tabs .previous {
   background-position: -18px -3px;
}
.lt-ie9 .dmh-offers-05-tabs .previous.disable {
   background-position: -18px -94px;
}
.lt-ie9 .dmh-offers-05-tabs .next {
    background-position:  -2px -47px;
}
.lt-ie9 .dmh-offers-05-tabs .next.disable {
    background-position:  -2px -140px;
}

/* X-SMALL = 480px */
@media only screen and (min-width:30em) {
}

/* SMALL = 600px */
@media only screen and (min-width:37.5em) {
	
.row.full.blowout.tabs, .dmh-offers-05-tabs, .tabSpacer, .dmh-offers-05-tabs .previous, .dmh-offers-05-tabs .next{
	height: 42px;	
}
.dmh-offers-05-tabs .previous-grad, .dmh-offers-05-tabs .next-grad{ 
	height: 40px; /* as there is 1px border included to the tab we have to reduce the height from 42px to 41px */
	position:absolute;	
}
.fw-satellite.offer-05 #fw-masthead.sticky+#fw-content.container{
 	top: 96px; /* Adjusting the top position of Grid container based on the height of header + tab*/
}
#fw-content.container.grid.gridTopPosition{
	top: 42px;	/* while scrolling the page up we add sticky to tabs and it would become position aboslute to handle it we need this class */
}
.dmh-offers-05-tabs{  
	margin: 0 0;
	position: relative;
}
.dmh-offers-05-tabs .nav {
	padding: 13px 0;
}

.dmh-offers-05-tabs li a {
	font-size: 16px;
}
.dmh-offers-05-tabs li.active {
	font-size: 16px;
}
.dmh-offers-05-tabs ul li {
	margin: 0 40px 0 0;
}

.dmh-offers-05-tabs .nav-container{
	padding: 13px 0;
	margin: 0;
}


.dmh-offers-05-tabs .previous {
   background-position: -18px -3px;
}
.dmh-offers-05-tabs .previous.disable {
   background-position: -18px -94px;
}
.dmh-offers-05-tabs .next {
    background-position:  -2px -47px;
}
.dmh-offers-05-tabs .next.disable {
    background-position:  -2px -140px;
}
.dmh-offers-05-tabs .next-grad{
	right: 0px;	
}

}

/* MEDIUM = 768px */
@media only screen and (min-width:48em) {
}
/* LARGE = 960px */
@media only screen and (min-width:60em) {
.fw-satellite.offer-05 #fw-masthead.sticky+#fw-content.container{
 top: 124px;/* Adjusting the top position of grid container*/
}
.row.full.blowout.tabs.sticky
{
  top: 82px;/* Adjusting the top position of tab*/
}
/* Over rides for tablets like ipad and ipad mini with .touch class*/
.touch .fw-satellite.offer-05 #fw-masthead.sticky+#fw-content.container{
 top: 96px;/* Adjusting the top position of grid container in landscape view of tablet */
}
.touch .row.full.blowout.tabs.sticky
{
  top: 54px;/* Adjusting the top position of tab component in landscape view of tablet*/
}
	
}
/* X-LARGE = 1024px + */
@media only screen and (min-width:64em) {

}