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

/*====================
logo
====================*/
h1
{
	position: absolute;
	z-index: 50;
	width: 235px;
	height: 64px;
	background: url("images/logo_tmathletics.jpg") left top no-repeat;
}
* html h1
{
	top: -10px;
}
/*====================
heads
====================*/
h3
{
	font-size: 2.5em;
}
h4
{
	font-size: 2.0em;
	margin-bottom: .3em;
}
/*====================
page structure
====================*/
/* full screen width */
#pageWrapOuter
{
	xbackground: #C6C6C6 url("images/bkg_icon_tile_4.jpg") left 30px repeat-x;
}
/* content column width, centered */
#content
{
	width: 832px;
	margin: 0 auto;
}
#contentInner
{
	position: static;
	position: relative; /* to contain positioned children */
}

#contentBottom
{
	clear: both;
	height: 23px;
	width: 832px;
	margin: 0;
	padding: 0;
	background: url("images/chrome_content_bottom.png") left top no-repeat;
	xbackground: aqua;
}
* html #contentBottom
{
	xbackground: aqua;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/chrome_content_bottom.png');
}


/*====================
feature photo & caption
====================*/
.pageFeature
{
	width: 322px;
	min-height: 552px;
	background: url("images/rp_3.jpg") left top no-repeat;
}
* html .pageFeature
{
	height: 552px;
}
.pageFeature p
{
	margin-top: 552px;
}

/*====================
details menu
====================*/
#detailsMenu
{
	font-size: medium;
	float: left;
	width: 12em;
	margin-right: 1em;
	padding-right: 16px;
	background: url("images/chrome_submenu.jpg") right top no-repeat;
	xbackground: red;
}
* html #detailsMenu
{
	margin-right: 1em;
	padding-right: 0;
}
#detailsMenuInner
{
	xmargin-right: 16px;
	padding: 16px 0 0 16px;
	background: url("images/chrome_submenu.jpg") left top no-repeat;
	xbackground: blue;
}
#detailsMenuBR
{
	font-size: medium;
	width: 12em;
	height: 16px;
	padding-right: 16px;
	background: url("images/chrome_submenu.jpg") right bottom no-repeat;
	xbackground: green;
}
#detailsMenuBL
{
	xheight: 16px;
	padding: 16px 0 0 16px;
	background: url("images/chrome_submenu.jpg") left bottom no-repeat;
	xbackground: yellow;
}




#detailsMenu ul
{
	zoom: 1;
}
#detailsMenu li
{
	list-style-type: none;
	zoom: 1;
}
#detailsMenu li a
{
	position: relative;
	z-index: 1;
	display: block;
	padding-left: .5ex;
	font-size: medium;
	border-bottom: 1px solid #FFF;
	text-decoration: none;
	color: #FFF;
	zoom: 1;
}
#detailsMenu li a:hover
{
	background-color: #F3F3F3 !important;
	color: #5D5D5F !important;
}
/* active page */
body#jackets_about		#detailsMenu li.jackets_about a.top,
body#jackets_body		#detailsMenu li.jackets_body a.top,
body#jackets_sleeves	#detailsMenu li.jackets_sleeves a.top,
body#jackets_collar		#detailsMenu li.jackets_collar a.top,
body#jackets_pockets	#detailsMenu li.jackets_pockets a.top,
body#jackets_snaps		#detailsMenu li.jackets_snaps a.top,
body#jackets_knittrim	#detailsMenu li.jackets_knittrim a.top,
body#jackets_chenille	#detailsMenu li.jackets_chenille a.top,

body#jackets_materials			#detailsMenu li.jackets_materials a.top,
body#jackets_materialsLeather	#detailsMenu li.jackets_materials a.top,
body#jackets_materialsWool		#detailsMenu li.jackets_materials a.top,
body#jackets_materialsKnit		#detailsMenu li.jackets_materials a.top,

body#jackets_sizes		#detailsMenu li.jackets_sizes a.top
{
	xfont-weight: bold;
	background-color: #CCC;
	color: #F00;
	cursor: default !important;
}
/*====================
details sub-menu
====================*/
#detailsMenu li ul
{
	margin-left: 1em;
}
html body.jackets #detailsMenu ul li ul li a:hover
{
	background-color: #F3F3F3 !important;
	color: #5D5D5F !important;
}
html body.jackets #detailsMenu li ul li a
{
	font-weight: normal !ximportant;
	background-color: transparent !ximportant;
	color: #FFF !ximportant;
	cursor: pointer !ximportant;
}

body#jackets_materialsLeather		#detailsMenu li li.jackets_materialsLeather a,
body#jackets_materialsWool			#detailsMenu li li.jackets_materialsWool a,
body#jackets_materialsKnit			#detailsMenu li li.jackets_materialsKnit a
{
	xfont-weight: bold;
	background-color: #CCC;
	color: #F00;
	cursor: default !important;
}

/*====================
images with captions
====================*/
.imgCaption
{
	width: 322px;
}
#h4-03
{
	clear: left;
}