/* Headline Switcher
 * ****************************************************************************
 */

 .headlineSwitcher{
	
	font-family: arial, verdana, serif;
	font-size: 9pt;
	border: 0px solid #2e2e2e;
}

.headlineSwitcher #contentPane{

	padding: 8px;	
	text-align: center;
}

.headlineSwitcher h2{
	
	text-align: left;
	font-size: 14pt;			/* Headline Size */
	color: #2e3464;				/* Headline Color */
	margin-bottom:	8px;
	margin-top:	2px;
	padding-top: 10px;
}

.headlineSwitcher #contentImage{
	
	height: 120;				/* Image Height */
	border: 0px transparent;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.headlineSwitcher #text{
	
	height: 40px;				/* Max text Height */
	display: block;
}

.headlineSwitcher #salePrice{
	
	height: 18px;
	padding-bottom: 0px;
	font-size: 18pt;
	font-weight: bold;
	color: #C79810; 			/* Sale Price Color	*/
	display: block;
}

.headlineSwitcher #regPrice{
	
	background-color: #dbdbdb;
	height: 8px;
	padding-bottom: 4px;
	padding-left: 30px;
	font-size: 7pt;
	font-weight: lighter;
	text-decoration: italic;
	text-align: center;
	color: #444;
	display: block;
}

.headlineSwitcher #index{
	
	display: block;
	font-size: 10pt;
	font-weight: bold;
	color: #2e3464;
	text-align: right;
	background: transparent url('http://site.mugentoys.com/graphics/contentSwitcher/index_blue.png') repeat-x;	/* Background of the Index */
	padding: 8px;
}

.headlineSwitcher #index a{
	
	text-decoration: none;
	color: #2e3464;			/* Font color of the index */
	padding: 5px;
}

.headlineSwitcher #index a:hover, .headlineSwitcher #index a:active{
	
	color: #C79810;			/* Hover colors of Index Links */
}



/* Content Switcher 
 * ****************************************************************************
 */

.contentSwitcher{
	
	font-family: arial, verdana, serif;
	font-size: 9pt;
	border: 0px solid #2e2e2e;
}

.contentSwitcher #contentPane{

	padding: 8px;	
	text-align: center;
}

.contentSwitcher h2{
	
	text-align: center;
	font-size: 11pt;
	color: #2e3464;				/* Headline Color */
	margin-bottom:	8px;
	margin-top:	2px;
	padding-top: 10px;
}

.contentSwitcher #contentImage{
	
	height: 120;
	border: 0px transparent;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.contentSwitcher #text{
	
	height: 40px;
	display: block;
}

.contentSwitcher #salePrice{
	
	height: 18px;
	padding-bottom: 0px;
	font-size: 18pt;
	font-weight: bold;
	color: #C79810; 			/* Sale Price Color	*/
	display: block;
}

.contentSwitcher #regPrice{
	
	background-color: #dbdbdb;
	height: 8px;
	padding-bottom: 4px;
	padding-left: 30px;
	font-size: 7pt;
	font-weight: lighter;
	text-decoration: italic;
	text-align: center;
	color: #444;
	display: block;
}

.contentSwitcher #index{
	
	display: block;
	font-size: 10pt;
	font-weight: bold;
	color: #2e3464;
	text-align: right;
	background: transparent url('http://site.mugentoys.com/graphics/contentSwitcher/index_blue.png') repeat-x;	/* Background of the Index */
	padding: 8px;
}

.contentSwitcher #index a{
	
	text-decoration: none;
	color: #2e3464;			/* Font color of the index */
	padding: 5px;
}

.contentSwitcher #index a:hover, .contentSwitcher #index a:active{
	
	color: #C79810;			/* Hover colors of Index Links */
}

.selected{
	background-color: #babedb;		/* Selected Highlight Color */
	border-bottom: 2px solid #2e3464;	/* Selected Highlight Border */
	font-size: 12pt;
	color: #2e3464;	
}

.selected a:link, .selected a:visited{

	color: #fff;	
}


/*
 * ****************************************************************************
 */
 
	.dialog {
		
		/* Width of the container */
		width: 225px;
		
		margin: 0px auto; /* testing */
		position: relative;
		min-width: 8em;
		max-width: 550px; /* based on image dimensions - not dimensions of the contents */
		z-index: 1;
		margin-bottom: 0.5em; /* spacing under dialog */
	}
	
	.dialog #headlineSwitcher{
		
		/* Width of the container */
		width: 500px;
		max-height: 175px;
		
		margin: 0px auto; /* testing */
		position: relative;
		min-width: 8em;
		max-width: 550px; /* based on image dimensions - not dimensions of the contents */
		z-index: 1;
		margin-bottom: 0.5em; /* spacing under dialog */
	}
	
	
	
	.dialog .hugBorder{
	
		margin-right: 3px;	
	}
	
	.dialog .content,
	.dialog .top,
	.dialog .top div,
	.dialog .bottom,
	.dialog .bottom div {
		background: transparent url('http://site.mugentoys.com/graphics/contentSwitcher/container_liteBlue.png') no-repeat top right;
	}
	
	.dialog .content {
	
		position: relative;
		zoom: 1; 			/* Seems to fix some overflow issues in IE 6 */
		padding-right: 0px; /* width of the corner */
		padding-top: 3px; 
		_overflow-y: hidden; /* IE fix for overflow */
	}
	
	.dialog .top {
		/* top+left vertical piece */
		position: absolute;
		background-position: top left;
		
		/* Left Corner width */
		width: 3px;
		top: 0px;
		left: 0px;
		
		height: 100%;
		_height: 1600px; /* arbitrary long height, IE 6 */
	}
	

	.dialog .top div{
		position: absolute; /* Must exist for IE 6 to process properly */
		background-position: top left;
		
		/* Left Corner width */
		font-size: 1px;
		width: 8px;
		height: 6px;
	}
	
	.dialog .bottom {
	
		font-size: 1px; /* Another IE 6 fix */
		position: relative;
		background-position: bottom right;
		height: 8px;
		width: 100%;
		padding-right: -3px;
		bottom: 0px;
	}
	
	.dialog .bottom div{
	
		background-position: bottom left;
		width: 8px;
		height: 8px;
		bottom: 0;
	}

 
 
 /*
 * ****************************************************************************
 */
 
 
 
 /* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/


/*
.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(container.png) no-repeat top right;
 _background-image:url(dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 2px 0px 0px;
}
*/

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:8px; /* top slice width */
 margin-left:-8px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:8px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:8px; /* bottom corner width */
 margin-left:-8px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}