/*
IMPORTANT:
Essential styles to ensure accessibility
*/
@media projection , screen {
	/* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide {
		display: none;
	}
}

@media print {
	/* maintain accessibility by overriding inline style used by animations... */
	.fragment {
		display: block !important;
		height: auto !important;
		opacity: 1 !important;
	}
	.anchors {
		display: none;
	}
}

.clr{
	clear:both;
}
/*
TAB STYLES:
Some more styles, not important for making tabs work, just for the look of it...
*/
.anchors {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.anchors:after {
	/* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}

.anchors li {
	list-style: none;
	float: left;
	margin: 0; /* 1px 0 0 space between buttons  */
	padding: 0;
	/*
	margin-bottom: 5px;
	margin-right: 5px;
	list-style: none;
	font-weight: bold;
	padding-left: 15px;
	margin-left: 15px;
	*/
}

.anchors a {
	display: block;
	position: relative;
	top: 1px;
	/*border: 1px solid #214369;*/
	border-bottom: 0;
	z-index: 1;
	padding: 2px 9px 3px;
	color: #ffffff;
	text-decoration: none;
}

.anchors .tabs-selected a {
	/*padding-bottom: 2px;*/
	font-weight: bold;
	/*color: #fef4e6;*/
}

.anchors a:focus,.anchors a:active {
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}

.anchors .tabs-selected a,.anchors a:hover,.anchors a:focus,.anchors a:active,.fragment
	{
	/*background: #FEF4E6;*/
}

/*.anchors .blue{
	border-bottom: 1px solid #0054B0;
}
*/
.anchors {
	border-bottom: 3px solid #0054b0;
}
.blueBB {
	border-bottom: 3px solid #0054b0;
}
.redBB {
	border-bottom: 3px solid #d91044;
}
.yellowBB {
	border-bottom: 3px solid #FFD27C;
}
.fragment {
	border-right: 1px solid  #999999;
	border-bottom: 1px solid  #999999;
	border-left: 1px solid  #999999;
	background-color:#ECF7FF;
	width:490px;
}

.anchors .tabs-selected a:link,.anchors .tabs-selected a:visited,.anchors .tabs-disabled a:link,.anchors .tabs-disabled a:visited
	{ /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
	/*background: #0054B0;*/
}

.anchors a:hover,.anchors a:focus,.anchors a:active {
	cursor: pointer;
	/*background: #214369;*/
}

.anchors .tabs-disabled {
	opacity: .4;
}

.anchors .tabs-disabled a:hover,.anchors .tabs-disabled a:focus,.anchors .tabs-disabled a:active
	{
	background: transparent;
}

#productTabs {
	margin: 1em 0 1em;
	float: left;
	width: 492px;
}

#productTabs div p {
	padding: .2em;
}
	
.anchors .blue{
	background:url(../mrs_Varieties/images/tabBlue.gif) no-repeat 0 0;
	color:#fff;
}

.anchors .pink{
	background:url(../mrs_Varieties/images/tabPink.gif) no-repeat 0 0;
	width:110px;
	color:#fff;
}

.anchors .yellow {
	background:url(../mrs_Varieties/images/tabYellow.gif) no-repeat 0 0;
	width:110px;
	color:#C20F2F;
}
.anchors .yellow a {
	color:#C20F2F;
}
#tabSingleServing,#tabMultiPack {
	color:#fff;
}
#tabFamliyPack {
	color:#C20F2F;
}