/* page layout */

.bodywrap {
  background-image: url(../../img/fp_bodywrap_bg.gif);
}

.pagebody {
  margin-left: 0;
  width: 977px;
  background: url(../../img/fp_pagebody_bg.png) no-repeat;
  position: relative;
}

.pagebody .wrapper {
  margin: 0;
  padding: 0 17px 0 0;
}

.pagebody .wrapper:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:1px; margin-top:-1px; }

.pageextra1 {
  background: none;
}

a { text-decoration: none; }
.pagebody div.wrapper a:hover,
.pagebody div.wrapper a:focus,
.pagebody div.wrapper a:active { text-decoration: underline; }



/* topbanner (topflash, topimg) */

.topflash {
  height: 137px;
  _height: 140px;
  _margin-bottom: -3px;  
}

.topimg img {
  position: absolute;
  right: 6px;
  top: -63px;
}


.textbanner {
	display : block;
	height: 137px;
	_height: 140px;
	_margin-bottom: -3px; 
	padding : 0 20px;
	width : 630px;
}

.textbanner h1 {
	margin-top : 0;
  padding-top : 20px;
	color : #ff0404;	
}

.textbanner p {
	margin-top : 10px;
	margin-left : 20px;
	color : #000;
}

.textbanner h2 {
  font-size : 1.09em;
  line-height : 1.09em;
  color: #757474;
  font-weight : bold;
}



/* markhopanav */

.markhopanav {
  width: 320px;
  float: left;
}

.markhopanav .boxhd {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 320px;
  height: 66px;
}

.markhopanav .boxhd a {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  height: 66px;
}

.markhopanav .boxhd a:hover,
.markhopanav .boxhd a:focus,
.markhopanav .boxhd a:active { background: no-repeat 21px 27px; }

.markhopanav .content {
  background: no-repeat;
  padding: 7px 0 19px 31px;
}

.markhopanav ul li { _display /**/: inline; }

.markhopanav ul li a {
  background: url(../../img/arrow_dark.gif) no-repeat 0 60%;
  _height:1px;min-height:0; /* ie hasLayout fix */
  padding: 2px 0 1px 15px;
  display: block;
  color: #5F5F5F;
}

.markhopanav ul .go a {
  color: #ED1B2F;
}

.n1 .boxhd { background-image: url(../../img/mhnav_gaming_solution.png); }
.n2 .boxhd { background-image: url(../../img/mhnav_games.png); }
.n3 .boxhd { background-image: url(../../img/mhnav_channels_devices.png); }

.n1 .boxhd a:hover, .n1 .boxhd a:focus, .n1 .boxhd a:active { background-image: url(../../img/mhnav_gaming_solution_over.png); }
.n2 .boxhd a:hover, .n2 .boxhd a:focus, .n2 .boxhd a:active { background-image: url(../../img/mhnav_games_over.png); }
.n3 .boxhd a:hover, .n3 .boxhd a:focus, .n3 .boxhd a:active { background-image: url(../../img/mhnav_channels_devices_over.png); }

.n1 .content { background-image: url(../../img/mhnav_content_bg1.png); }
.n2 .content { background-image: url(../../img/mhnav_content_bg2.png); }
.n3 .content { background-image: url(../../img/mhnav_content_bg3.png); }



/* articlelist & adbox */

.articlelist,
.adbox {
  float: left;
  background: #fefefe no-repeat;
  min-height: 228px;
  _height: 228px;
}

.articlelist .boxhd,
.adbox .boxhd {
  margin: 14px 0 0 20px;
  font-size: 1.16em;
  text-transform: uppercase;
}

.articlelist .content,
.adbox .content { margin-bottom: 2.8em; }

.articlelist {
  background-image: url(../../img/fp_articlelist_bg.png);
  width: 640px;
  clear: left;
  _clear: none;
}

.articlelist .content { padding: 5px 30px 21px 30px; }

.adbox {
  background-image: url(../../img/fp_adbox_bg.png);
  width: 320px;
}

.adbox .content {		
	background : url("/bitar/common/media/RandomImg.jsp?cat=7") 50% 5px no-repeat;
	height : 140px;
	padding-left : 20px;
}

.adbox img {
  margin-top: 6px;
  float : none;
  display : block;
}

.wrapper .archivelink {
  position: absolute;
  bottom: 0;
  background: url(../../img/fp_dot_line.gif) repeat-x;
  padding: 10px 0 17px 7px;
}

.articlelist .archivelink {
  margin-left: -5px;
  width: 590px;
}

.adbox .archivelink {
  width: 275px;
}


.wrapper .more a,
.wrapper .archivelink a {
  color: #ED1B2F;
  font-size: 1.09em;
}





/* breadcrumbs */

.breadcrumbs {
  display: none;
}
