@charset "utf-8";

/* Lists
==============================*/
ul,
ol {
	margin: 1em 0 1em 22px;
	padding: 0;
}
ul.circle {
	list-style-type: circle;
}
ol {
	margin-left: 30px;
}

td ul,
td ol,
td dl,
.rcitem dl {
	margin-top: .2em;
	margin-bottom: .2em;
}

/*
ul.first-child,
ul:first-child,
ol.first-child,
ol:first-child {
	margin-top: 0;
}

ul.last-child,
ol.last-child {
	margin-bottom: 0;
}
*/

/* compact
==============================*/

ul.compact {
	list-style: none;
	margin: .5em 0;
	padding: 0;
	line-height: 1.5;
	/*.clearfix*/
}

ul.compact li {
	float: left;
	margin: 0 14px 0 0;
	padding: 0;
	+float: none;
	+display: inline;
	+text-indent: 0;
	+padding-left: 0;
	+zoom: 1;
}

ul.compact.right li {
	float: right;
	margin: .2em 0 .2em 14px;
	+float: none;
	+text-align: right;
}

dl.compact dt {
	float: left;
	clear: left;
	margin-right: .5em;
}

/* bannerList
==============================*/
.bannerList{
	margin: 0;
	padding: 0;
	list-style: none;
}
.bannerList li{
	margin-top: 10px;
}
.bannerList li{
	vertical-align: bottom;
}


/*clearfix*/
dl.compact,
ul.compact{
	+zoom: 1;
}
dl.compact:after,
ul.compact:after{
	content : '';
	display : block;
	clear : both;
}

/* --- dl --- */

dl dt {
	font-weight: bold;
}

dl dd {
	margin-left: 0;
}

dl dt {
	font-weight: bold;
}

dl.bullet dt {
	display: list-item;
	list-style-type: disc;
}

dd p {
	margin: 1em 0 .75em;
}

/* dl.ordered
==============================*/

dl.ordered {
	position: relative;
	margin-left: 30px;
	/*font-size: 100%;*/
}

dl.ordered dt {
	display: block;
	list-style-type: none;
	margin-left: 0px;
	position: relative;
	font-weight: normal;
}

dl.ordered dt span.counter {
	position: absolute;
	left: -30px;
	width: 25px;
	text-align: right;
}

dl.ordered dd {
	list-style-type: none;
	margin-bottom: .5em;
}


/* dl.horizon-list
==============================*/
dl.horizon-list-3em,
dl.horizon-list-4em,
dl.horizon-list-5em,
dl.horizon-list-6em,
dl.horizon-list-7em,
dl.horizon-list-7em,
dl.horizon-list-9em,
dl.horizon-list-10em,
dl.horizon-list-12em{
	margin:0;
	padding:0;
}
dl.horizon-list-3em dt,
dl.horizon-list-4em dt,
dl.horizon-list-5em dt,
dl.horizon-list-6em dt,
dl.horizon-list-7em dt,
dl.horizon-list-8em dt,
dl.horizon-list-9em dt,
dl.horizon-list-10em dt,
dl.horizon-list-12em dt{
	float:left;
	clear:left;
	font-weight:normal;
	list-style:
}
dl.horizon-list-3em dt{ width:3.1em; }
dl.horizon-list-3em dd{ margin:0 0 0 3.1em; }
dl.horizon-list-4em dt{ width:4.1em; }
dl.horizon-list-4em dd{ margin:0 0 0 4.1em; }
dl.horizon-list-5em dt{ width:5.1em; }
dl.horizon-list-5em dd{ margin:0 0 0 5.1em; }
dl.horizon-list-6em dt{ width:6.1em; }
dl.horizon-list-6em dd{ margin:0 0 0 6.1em; }
dl.horizon-list-7em dt{ width:7.1em; }
dl.horizon-list-7em dd{ margin:0 0 0 7.1em; }
dl.horizon-list-8em dt{ width:8.1em; }
dl.horizon-list-8em dd{ margin:0 0 0 8.1em; }
dl.horizon-list-9em dt{ width:9.1em; }
dl.horizon-list-9em dd{ margin:0 0 0 9.1em; }
dl.horizon-list-10em dt{ width:10.1em; }
dl.horizon-list-10em dd{ margin:0 0 0 10.1em; }
dl.horizon-list-12em dt{ width:12.1em; }
dl.horizon-list-12em dd{ margin:0 0 0 12.1em; }

/*clearfix*/
dl.horizon-list-3em,
dl.horizon-list-4em,
dl.horizon-list-5em,
dl.horizon-list-6em,
dl.horizon-list-7em,
dl.horizon-list-7em,
dl.horizon-list-9em,
dl.horizon-list-10em,
dl.horizon-list-12em{
	+zoom: 1;
}
dl.horizon-list-3em:after,
dl.horizon-list-4em:after,
dl.horizon-list-5em:after,
dl.horizon-list-6em:after,
dl.horizon-list-7em:after,
dl.horizon-list-8em:after,
dl.horizon-list-9em:after,
dl.horizon-list-10em:after,
dl.horizon-list-12em:after{
	content : '';
	display : block;
	clear : both;
}

/* mark list
==============================*/
.markList{
	list-style: none;
}
.markList li{
	padding-left:1.5em;
}
.markList li span.mark{
	margin-left:-1.5em;
	display:inline-block;
	width:1.5em;
}

/* recipeList
==============================*/
.recipeList {
	margin: 0;
	padding: 0;
	list-style: none;
}
.recipeList li {
	position: relative;
	padding: 12px 0 12px 24px;
	background: url(/shared/img/components/line_dotted_recipe.gif) left bottom repeat-x;
}
.recipeList li\.first-child,
.recipeList li.first-child,
.recipeList li:first-child{
	border-top: none;
}
.recipeList span{
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	_left: -24px;
	width: 24px;
	height: 26px;
	border-top: none;
	text-indent: -9999px;
	background-image: url(/shared/img/components/sprite_number.gif);
	background-repeat: no-repeat;
}
.recipeList .step1{
	background-position: 0 0;
}
.recipeList .step2{
	background-position: 0 -38px;
}
.recipeList .step3{
	background-position: 0 -76px;
}
.recipeList .step4{
	background-position: 0 -114px;
}
.recipeList .step5{
	background-position: 0 -152px;
}
.recipeList .step6{
	background-position: 0 -190px;
}
.recipeList .step7{
	background-position: 0 -228px;
}
.recipeList .step8{
	background-position: 0 -266px;
}
.recipeList .step9{
	background-position: 0 -304px;
}
.recipeList span.no_img{
		display: block;
		background-image:none;
		text-indent:0;
}

.pointColumn li{
	padding: 0;
	background-image: none;
}
