@charset 'UTF-8';

body.mm-entry-point img,
body.mm-entry-point ul.child-age-ranges li,
body.mood-matcher #right-content h1 img
{
	/*_behavior: url(/includes/css/screen/ie6-png-patch.htc);*/
	behavior:url(/includes/css/screen/iepngfix.htc);
}

#right
{
	background: url(/img/jul_2009/mm-bg.jpg) no-repeat;
}
body.mm-entry-point #right
{
	background: url(/img/jul_2009/bg_start.jpg) no-repeat;
}

body.mood-matcher #right-content
{
	background: url(/img/jul_2009/bg-columndivider.gif) no-repeat 470px 117px;
}
body.mm-entry-point #right-content
{
	background: none;
	margin:18px 0 0;
	width:646px;
	height:729px;
}
body.mood-matcher #right-content h1
{
	margin-bottom: 50px;
}
body.mm-entry-point #right-content h1
{
	margin-bottom: 20px;
	margin-left:10px;
}

.for-grownups
{
	float: left;
	width: 343px;
}
.for-children
{
	float: left;
	Xmargin-left: 40px;
	width: 303px;
}

.for-grownups h2{margin-left:10px}
.for-children h2{padding-left:5px}

#right-content ul.archetypes,
#right-content ul.price-classes,
#right-content ul.child-age-ranges
{
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#right-content ul.child-age-ranges {
	position:relative;
	height:300px;
}
#right-content ul.archetypes
{
	_zoom: 1;
}
ul.archetypes li,
ul.price-classes li,
ul.child-age-ranges li
{
	float: left;
}
ul.child-age-ranges li
{
	background: url('/img/jul_2009/julgranskula_off.png') no-repeat 0 -5px;
	width: 77px; height: 85px;
	float:none;
}
ul.child-age-ranges li:hover
{
	background: url('/img/jul_2009/julgranskula_on.png') no-repeat 0 -5px;
	_display: inline;
	width: 77px; height: 85px;
}
ul.child-age-ranges li a
{
	color: #FFF;
	display: block;
	height: 85px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
ul.child-age-ranges li a img
{
	margin-top: 43px;
}

form#filters
{
	float: right;
	width: 149px;
}
form#filters h2
{
	margin-bottom: 20px;
}
fieldset
{
	border: 0;
	margin: 0 0 20px;
	padding: 0;
	_padding-bottom: 20px;
}
legend
{
	padding: 0;
	position: relative;
	top: -1ex; left: -7px;
	font-weight:bold;
}
label
{
	display: block;
}
label.selected
{
	color: #DB0100;
	font-weight: 700;
}

#right-content ul.blurbs
{
	margin: -20px 0 0 -10px;
	padding: 0;
}

ul.blurbs li
{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline; *zoom: 1; /* display: inline-block; for ie */
	margin: 20px 0 0 10px;
	vertical-align: top;
	width: 149px;
}
ul.blurbs div
{
	width: 149px;
}
ul.blurbs a
{
	font-weight: 700;
}

ul.blurbs span.cover
{
	background-color: cyan;
	background-color: #CCC;
	display: block;
	margin-bottom: 4px;
	width: 70px;
}
ul.blurbs span.cover span
{
	background-color: magenta;
	background-color: #666;
	display: block;
	position: relative;
	top: -1px; left: -1px;
	width: 70px;
}
ul.blurbs span.cover a
{
	display: block;
	position: relative;
	top: -1px; left: -1px;
	width: 70px;
}
ul.blurbs span.cover img
{
	display: block;
}

span.author
{
	display: block;
	font-size: 10px;
}

#right-content ul.prices
{
	list-style-type: none;
	margin: 8px 0;
	padding: 0;
}
ul.prices li
{
	color: #DB0100;
	display: list-item;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	margin-top: 4px;
	vertical-align: baseline;
	width: auto;
}
ul.prices li.medmera-price span
{
	background: url(/img/rd_medmera_ico.gif) no-repeat right;
	padding-right: 20px;
}

ul.blurbs img.button
{
	display: block;
	margin-top: 8px;
}

.paginator
{
	margin: 30px 0 0;
	position: relative;
}
#right-content .paginator p
{
	margin: 0;
}
#right-content .paginator ul
{
	margin: 0 10px 0 0;
	padding: 0;
	position: absolute;
	right: 0; top: 0;
}
.paginator li
{
	display: inline;
}
.paginator li.p{}
.paginator li.n{}

div.hr
{
	background-color: #FFF;
	clear: both;
	padding-top: 10px;
}
div.hr hr
{
	margin: 0;
}
body.mm-entry-point div.hr hr
{
	visibility: hidden;
}

.cspots
{
	background-color: #FFF;
	padding-top: 4px;
}