/* -------------------------------------------------------------------------------------------------------------- */
/* css for step navigation -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#stepnav {
	padding: 0 40px 0 40px;
	width: 917px;
	height: 44px;
	font-size: 16px;
	line-height: 16px;
	}
	#stepnav ul {
		padding: 0;
		list-style: none;
		}
	#stepnav ul li {
		padding: 0;
		float: left;
		}
		#stepnav a,
		#stepnav a:visited,
		#stepnav a:active,
		#stepnav a:hover {
			display: block;
			margin: -12px -11px 0px -11px;
			padding: 15px 0 0 0;
			width: 155px;
			height: 47px;
			background: url(../images/style/stepnav/bg-stepnav-off.png) top no-repeat;
			color: #8a8c8f;
			text-decoration: none;
			text-align: center;
			font-weight: 700;
			}
		#stepnav a.current,
		#stepnav a.current:visited,
		#stepnav a.current:active,
		#stepnav a.current:hover {
			color: #c3c861;
			background: url(../images/style/stepnav/bg-stepnav-on.png) top no-repeat;
			}
		#stepnav a.set,
		#stepnav a.set:visited,
		#stepnav a.set:active,
		#stepnav a.set:hover {
			color: #225824;
			background: url(../images/style/stepnav/bg-stepnav-set.png) top no-repeat;
			}
			#stepnav a.first,
			#stepnav a.first:visited,
			#stepnav a.first:active,
			#stepnav a.first:hover {
				background: url(../images/style/stepnav/bg-stepnav-first-set.png) top no-repeat;
				}		
			#stepnav a.firstcurrent,
			#stepnav a.firstcurrent:visited,
			#stepnav a.firstcurrent:active,
			#stepnav a.firstcurrent:hover {
				color: #c3c861;
				background: url(../images/style/stepnav/bg-stepnav-first-on.png) top no-repeat;
				}		
		#stepnav a span {
			font-size: 12px;
			font-weight: 300;
			}
	#stepnav ul.cart-info {
		padding: 0;
		list-style: none;
		float: right;
		width: 384px;
		height: 36px;
		background: url(../images/style/stepnav/bg-cart-info.png) right no-repeat;
		}
	#stepnav ul.cart-info li {
		float: right;
		}
		#stepnav ul.cart-info li.my-cart {
			padding: 10px 20px 0 0;
			font-size: 16px;
			font-weight: 700;
			color: #337a68;
			}
		#stepnav ul.cart-info li.servings-ordered {
			padding: 5px 20px 0 0;
			font-size: 12px;
			line-height: 13px;
			font-weight: 500;
			color: #337a68;
			}
		#stepnav ul.cart-info li.still-need {
			padding: 5px 15px 0 0;
			font-size: 12px;
			line-height: 13px;
			font-weight: 500;
			color: #515151;
			}
		#stepnav ul.cart-info li.clear-cart {
			padding: 5px 15px 0 0;
			font-size: 12px;
			line-height: 13px;
			font-weight: 500;
			color: #515151;
			}			
		#stepnav ul.cart-info li.number {
			padding: 4px 0 0 0;
			margin: 6px 8px 0 0;
			width: 24px;
			height: 20px;
			background: url(../images/style/stepnav/bg-servings-ordered.png);
			-webkit-border-radius: 8px 8px 8px 8px;
			-moz-border-radius: 8px 8px 8px 8px;
			border-radius: 8px 8px 8px 8px;
			font-size: 14px;
			font-weight: 500;
			text-align: center;
			color: #337a68;
			}
		#stepnav ul.cart-info li.green {
			background: url(../images/style/stepnav/bg-servings-ordered.png);
			color: #337a68;
			}
		#stepnav ul.cart-info li.gray {
			background: url(../images/style/stepnav/bg-still-need.png);
			color: #515151;
			}
			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for sliding cart ----------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

	#cart-info-slider ul.cart-info_2 {
		padding: 0;
		list-style: none;
		float: left;
		width: 298px;
		height: 36px;
		background: url(../images/style/stepnav/bg-cart-info.png) right no-repeat;
		}
	#cart-info-slider ul.cart-info_2 li {
		float: right;
		}
		#cart-info-slider ul.cart-info_2 li.my-cart {
			padding: 10px 20px 0 0;
			font-size: 16px;
			font-weight: 700;
			color: #337a68;
			}
		#cart-info-slider ul.cart-info_2 li.servings-ordered {
			padding: 5px 20px 0 0;
			font-size: 12px;
			line-height: 13px;
			font-weight: 500;
			color: #337a68;
			}
		#cart-info-slider ul.cart-info_2 li.still-need {
			padding: 5px 15px 0 0;
			font-size: 12px;
			line-height: 13px;
			font-weight: 500;
			color: #515151;
			}
		#cart-info-slider ul.cart-info_2 li.clear-cart {
			padding: 5px 15px 0 0;
			font-size: 12px;
			line-height: 13px;
			font-weight: 500;
			color: #515151;
			}
		#cart-info-slider ul.cart-info_2 li.number {
			padding: 4px 0 0 0;
			margin: 6px 8px 0 0;
			width: 24px;
			height: 20px;
			background: url(../images/style/stepnav/bg-servings-ordered.png);
			-webkit-border-radius: 8px 8px 8px 8px;
			-moz-border-radius: 8px 8px 8px 8px;
			border-radius: 8px 8px 8px 8px;
			font-size: 14px;
			font-weight: 500;
			text-align: center;
			color: #337a68;
			}
		#cart-info-slider ul.cart-info_2 li.green {
			background: url(../images/style/stepnav/bg-servings-ordered.png);
			color: #337a68;
			}
		#cart-info-slider ul.cart-info_2 li.gray {
			background: url(../images/style/stepnav/bg-still-need.png);
			color: #515151;
			}