/*
	all these rules can be moved to global.css if they're preceded by the selector: body#jackets
*/

@import "details.css";

/*====================
feaTURE ILLO
====================*/
body#emblems_about .pageFeature
{
	width: 322px;
	background: url("images/rp_9.jpg") left top no-repeat;
}
body#emblems_about .pageFeature p
{
	margin-top: 492px;
}
/*--------------------*/
body#emblems_choosing .pageFeature
{
	width: 406px;
	background: url("images/rp_w_1.jpg") left top no-repeat;
}
body#emblems_choosing .pageFeature p
{
	margin-top: 393px;
}
/*--------------------*/
body#emblems_gallery .pageFeature
{
	width: 322px;
	background: url("images/rp_10.jpg") left top no-repeat;
}
body#emblems_gallery .pageFeature p
{
	margin-top: 492px;
}
/*--------------------*/
body#emblems_materials .pageFeature
{
	width: 322px;
	background: url("images/rp_14.jpg") left top no-repeat;
}
body#emblems_materials .pageFeature p
{
	margin-top: 492px;
}
/*--------------------*/
body#emblems_sizes .pageFeature
{
	width: 322px;
	background: url("images/rp_5.jpg") left top no-repeat;
}
body#emblems_sizes .pageFeature p
{
	margin-top: 553px;
}


/*====================
details menu
====================*/
#detailsMenu li.gallery_mascots ul,
#detailsMenu li.gallery_activities ul
{
	display: none;
}
/* active page */
body#emblems_about		#detailsMenu li.about a.top,
body#emblems_choosing 	#detailsMenu li.choosing a.top,
body#emblems_gallery	#detailsMenu li.gallery a.top,
body#emblems_materials	#detailsMenu li.materials a.top,
body#emblems_sizes		#detailsMenu li.sizes a.top
{
	xfont-weight: bold;
	background-color: #CCC;
	color: #F00;
	cursor: default !important;
}
/*====================
details sub-menu
====================*/
body#emblems_materialsLeather		#detailsMenu li li.emblems_materialsLeather a,
body#emblems_materialsWool			#detailsMenu li li.emblems_materialsWool a,
body#emblems_materialsKnit			#detailsMenu li li.emblems_materialsKnit a
{
	background-color: #CCC;
	color: #F00;
	cursor: default !important;
}