
.nav-sub {
	text-align:right;
	padding-left:10px;
}

.nav-sub h2 {
	font-size:15px;
	color:#000;
	text-transform:uppercase;
	margin:0;
}
.nav-sub h3 {
	font-size:12px;
	color:#404040;
	margin:10px 0 5px 0;
	font-weight:bold;
	text-transform:uppercase;
}


.nav-sub ul {
	margin:0;
}
ul.filter {
	font-size:11px;
}

.nav-sub li {
}
.nav-sub a {
	padding-right:10px;
	background:url(../images/general/arrow_grey.gif) right 4px no-repeat;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	line-height:1.4;
}
.nav-sub #slideout span {
	padding-right:10px;
	background:url(../images/general/arrow_grey.gif) right 4px no-repeat;
	font-weight:normal;
	cursor:default;
	color:#666;
	text-decoration:none;
	line-height:1.4;
}
.nav-sub h2 a, .nav-sub h3 a {
	background:none !important;
	padding-right:0px !important;
	color:#404040 !important;
}
.nav-sub li.back a {
	background:url(../images/general/arrow_grey_back.gif) right 4px no-repeat;
}
.nav-sub ul.filter a {
	font-size:11px;
	font-weight:normal;
}

.nav-sub a:hover {
	background:url(../images/general/arrow_grey.gif) right 4px no-repeat #fcfcfa;
	color:#000;
}

.nav-sub a.active {
	background:url(../images/general/arrow_grey.gif) right 4px no-repeat #fcfcfa;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
.nav-sub a.active em {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.hiddenpic { display:none; }

.step1 {
	background:url(../images/general/step1.gif) left top no-repeat;
	min-height:66px;
}
.step2 {
	background:url(../images/general/step2.gif) left top no-repeat;
	min-height:66px;
}
.step3 {
	background:url(../images/general/step3.gif) left top no-repeat;
	min-height:66px;
}
.step1:hover {
	background:url(../images/general/step1_over.gif) left top no-repeat;
	min-height:66px;
}
.step2:hover {
	background:url(../images/general/step2_over.gif) left top no-repeat;
	min-height:66px;
}
.step3:hover {
	background:url(../images/general/step3_over.gif) left top no-repeat;
	min-height:66px;
}

.nav-sub ul.filter.taste-filter a {
	padding-right:23px;
	background:url(../images/general/taste_nav_sprites.png) !important;
	background-repeat:no-repeat !important;
}

.nav-sub ul.filter.taste-filter li a.back {
	padding-right:0px;
	background:none !important;
	background-repeat:no-repeat !important;
}

.nav-sub ul.filter a.active {
	font-weight:bold;
	color:#000;
}

.nav-sub ul.filter.taste-filter a.f-herbal {
	background-position:right 0 !important;
}
.nav-sub ul.filter.taste-filter a.f-spicy {
	background-position:right -30px !important;
}
.nav-sub ul.filter.taste-filter a.f-exotic {
	background-position:right -60px !important;
}
.nav-sub ul.filter.taste-filter a.f-sweet {
	background-position:right -90px !important;
}
.nav-sub ul.filter.taste-filter a.f-pink {
	background-position:right -120px !important;
}
.nav-sub ul.filter.taste-filter a.f-fruity {
	background-position:right -150px !important;
}
.nav-sub ul.filter.taste-filter a.f-earthy {
	background-position:right -180px !important;
}
.nav-sub ul.filter.taste-filter a.f-bubbly {
	background-position:right -210px !important;
}
.nav-sub ul.filter.taste-filter a.f-water {
	background-position:right -240px !important;
}
.nav-sub ul.filter.taste-filter a.active {
	color:#000;
	font-weight:bold;
}

.nav-sub li strong {
	font-weight:normal;
}


.nav-sub li.back a:hover {
	background:url(../images/general/arrow_grey_back.gif) 11px 6px no-repeat;
	color:#292d32;
}

.nav-sub li li a {
	background:url(../images/general/arrow_grey.gif) 17px 6px no-repeat;
	padding-left:25px;
}
.nav-sub li a strong {
	font-weight:normal !important;
	font-size:0.9em !important;
	color:#6b7279;
}

.nav-sub li li a:hover {
	background:url(../images/general/arrow_grey.gif) 17px 6px no-repeat #fcfcfa !important;
	color:#fcaf17;
	font-weight:bold;
}
.nav-sub li li a.active {
	background:url(../images/general/arrow_grey.gif) 17px 6px no-repeat #fcfcfa !important;
	color:#000;
	font-weight:bold;
}


.sidebar .hr {
	height:1px;
	background:#ccc;
}

#slideout li {
	position:relative;
	display:block;
	z-index:1;
}
#slideout li ul.alone{
	position:absolute;
	z-index:1500;
	left:160px;
	top:0px;
	text-align:left;
	background-color:#ececec;
	padding:5px 0px 15px 0px !important;
	display:none;
}
#slideout li ul.first{
	position:absolute;
	z-index:1500;
	left:160px;
	top:0px;
	text-align:left;
	background-color:#ececec;
	padding:5px 0px 15px 0px !important;
	display:none;
	width:900px;
	border:1px solid #cdcbcb !important;
	background:url(../images/sidebar/slidenav_bg.gif) right top #fff repeat-y !important;
}
#slideout li:hover ul.first{
	display:block;
}
#slideout li:hover ul.alone{
	display:block;
}


#slideout li ul.first li {
	margin:0px !important;
	padding:0px !important;
	padding-left:30px !important;
	padding-right:30px !important;
	padding-top:10px !important;
	display:block;
	width:220px;
	float:left !important;
}
#slideout li ul.alone li {
	margin:0px !important;
	padding:0px !important;
}
#slideout li ul.first li span{
	font-weight:bold;
	line-height:1.5em;
}
#slideout li ul.first li li {
	margin:0px !important;
	padding:0px !important;
	float:none !important;
	border:none !important;
	width:auto !important;
}
#slideout li ul.first li a{
	margin:0px !important;
	display:block !important;
	background:none !important;
	line-height:1.5em;
	/*white-space:nowrap;*/
	
	padding:1px 30px 1px 30px !important;
	
}
#slideout li ul.alone li a{
	margin:0px !important;
	display:block !important;
	background:none !important;
	line-height:1.5em;
	/*white-space:nowrap;*/
	padding:1px 30px 1px 30px !important;
}
#slideout li ul.first li li a{
	white-space:normal;
}
#slideout li ul li a:hover {
	margin:0px !important;
	background:none !important;
	font-weight:normal !important;
}


p.logo-payment {
	height:14px;
	background-image:url(../images/sidebar/info_sprites.png);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

