@charset "UTF-8";
/* CSS Document */


a{
	outline: none;
}

a:active{
	outline: none;
}

#sideBar h2{
	color:#FFFFFF;
	font-size:110%;
	font-family:arial;
	margin:10px 10px 10px 10px;
	font-weight:bold !important;
}

#sideBar h2 span{
	font-size:125%;
	font-weight:normal !important;
}

#sideBar ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#sideBar li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	background-color:#DA1074;
	width:177px;
	color:#FFFFFF;
}

#sideBar li a{
	width:100%;
}

#sideBar li a:link,
#sideBar li a:visited{
	color:#FFFFFF;
	font-family:verdana;
	font-size:100%;
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
}

#sideBar li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}



#sideBarTab{
	float:left;
	height:137px;
	width:28px;
}

#sideBarTab img{
	border:0px solid #FFFFFF;
}

#sideBarContents{
	width:267px;
	height:392px;
	overflow: hidden !important;
	float: left;
}

#sideBarContentsInner{
	width:100px;
	
}


/* ----------------------------- NUTRIFACTS CSS ---------------------------------  */

#nutriBar h2{
	color:#FFFFFF;
	font-size:110%;
	font-family:arial;
	margin:10px 10px 10px 10px;
	font-weight:bold !important;
}

#nutriBar h2 span{
	font-size:125%;
	font-weight:normal !important;
}

#nutriBar ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#nutriBar li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	background-color:#DA1074;
	width:177px;
	color:#FFFFFF;
}

#nutriBar li a{
	width:100%;
}

#nutriBar li a:link,
#nutriBar li a:visited{
	color:#FFFFFF;
	font-family:verdana;
	font-size:100%;
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
}

#nutriBar li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#nutriBar-purple{
	text-align:center;
	width: auto;
	height: 392px;
	right:0px;
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
	padding-right: 10px;
}
#nutriBar-orange{
	text-align:center;
	width: auto;
	height: 392px;
	right:0px;
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
	padding-right: 10px;
}
#nutriBar-red{
	text-align:center;
	width: auto;
	height: 392px;
	right:0px;
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
	padding-right: 10px;
}
#nutriBar-gold{
	text-align:center;
	width: auto;
	height: 392px;
	right:0px;
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
	padding-right: 10px;
}
#nutriBar-magenta{
	text-align:center;
	width: auto;
	height: 392px;
	right:0px;
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 0px;
	padding-right: 10px;
}
#nutriBar-black{
	text-align:left;
	width: auto;
	height: 392px;
	right:0px;
	background-image:url(../images/product-images/backgrounds/black.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
	z-index: 100;
}
#nutriBar-green{
	text-align:center;
	width: auto;
	height: 392px;
	background-position:top left;
	background-repeat:repeat-y;
	padding-right: 10px;
	float: right;
	margin: 10px 0px 0px 0px;
}
#nutriBarTab{
	float:left;
	height:137px;
	width:28px;
	padding-top: 0px;
}
#nutriBarTab img{
	border:0px solid #FFFFFF;
}


#nutriBarContents{
	width:270px;
	height:392px;
	overflow: hidden !important;
	float: left;
}
#nutriBarContents2{
	float:left;
	overflow:hidden !important;
	width:270px;
	height:392px;
}


#nutriBarContentsInner{
	width:100px;
	
}
#nutriBar-short{
	text-align:center;
	width: auto;
	height: 392px;
	right:0px;
	background-image: url(../images/product-images/backgrounds/green.gif);
	background-position:top left;
	background-repeat:repeat-y;
	padding-right: 10px;
	float: right;
	margin: 10px 0px 0px 0px;
	
}
#nutriDrawerContainer{
	width: 300px;
	height: 412px;
	float: left;
	z-index: 100;
}


/* ------------- SIDE BAR ITEMS ----------------------*/

#sideBar-purple{
	text-align:left;
	width: auto;
	height: 392px;
	right:0px;
	background-image:url(../images/product-images/backgrounds/purple.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
}
#sideBar-orange{
	text-align:left;
	width: auto;
	height: 392px;
	right:0px;
	background-image:url(../images/product-images/backgrounds/orange.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
}
#sideBar-red{
	text-align:left;
	width: auto;
	height: 392px;
	right:0px;
	background-image:url(../images/product-images/backgrounds/red.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
}
#sideBar-gold{
	text-align:left;
	width: auto;
	height: 392px;
	right:0px;
	background-image:url(../images/product-images/backgrounds/gold.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
}
#sideBar-magenta{
	text-align:left;
	width: auto;
	height: 392px;
	right:0px;
	background-image:url(../images/product-images/backgrounds/magenta.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
}
#sideBar-green{
	text-align:left;
	width: auto;
	height: 392px;
	right:0px;
	background-image:url(../images/product-images/backgrounds/green.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float: right;
	margin-top: 10px;
}