/* CSS Document */

@import url(base.css);
/* 
   Adjust the bottom arch horizontally
-------------------------- */
#page {
	background:url(images/bottomBack.gif) 260px bottom no-repeat;
}
#text {
	margin:0 220px 100px 0;
	}
/*
	Mark the main menu location
------------------------------------------*/

#mm2 a:hover, #mm2 a {
	background:url(images/menu.gif) -170px -40px no-repeat;
}

#menu li:hover ul li a, #mMenu li.jshover ul li a {
	background:none; /* this fixes a background isssue */
}
/* 
   mark the submenu
--------------------------*/ 
#menu li:hover ul li#sm21 a, #menu li.jshover ul li#sm21 a, 
#sub0 {
	background: url(images/rollColor.png) top repeat-x;
	font-weight:bold;
}



#text div.odd, #text div.even{
width:450px;
}

/* 
   
-------------------------- */

#content h1 {
display:block;
height:20px;
width:600px;
background:url(images/h_shop_shield.gif) no-repeat;
margin:0 0 40px 115px;
}



/*---*/
.movies
{
width:480px;
padding:0 0 0 20px;
}
a.whatMovie, a.regMovie, a.shopMovie, a.addonMovie
{
	display:block;
	width:186px;
	height:133px;
	float:left;
	margin:0 20px 10px 0;
}

a.whatMovie
{
	background:url(images/bt_what_is_mov.gif);
}

a.whatMovie:hover
{
	background:url(images/bt_what_is_mov.gif) 0 -133px;
}

a.regMovie
{
	background:url(images/bt_reg_mov.gif);
}

a.regMovie:hover
{
	background:url(images/bt_reg_mov.gif) 0 -133px;
}

a.shopMovie
{
	background:url(images/bt_shop_mov.gif);
}

a.shopMovie:hover
{
	background:url(images/bt_shop_mov.gif) 0 133px;
}
a.addonMovie
{
background:url(images/bt_companion_movie.gif);
}
a.addonMovie:hover
{
background:url(images/bt_companion_movie.gif) 0 132px;
}


a.whatMovie,a.regMovie,a.shopMovie
{


}



a.whatMovie span, a.regMovie span, a.shopMovie span, a.addonMovie span
{
	display:block;
	width:0;
	height:0;
	overflow:hidden;
}

.ssBut
{
	display:block !important;
}