@import url(base.css);

/*
Page markers
----------
*/
/*change the #t1, #t2, etc appropriately to mark */
div.a_box ul li#t2 a
{
	background:#294f85;
	color:#fff;
}

/*grab the hover states from base and take the :hover off to mark the location on the page*/
li#d1b a
{
	background:url(images/ddMenus.gif) -204px -22px;
}

li#m2 
{
	background: url(images/top_menu.gif) -79px -36px;
}
/*----*/
.header h1
{
	width:915px;
	height:213px;
	display:block;
	background: url(images/h_download_shopshield.jpg);
}

h2
{
	width:507px;
	height:71px;
	background: url(images/sh_download_shop_shield.gif);
	margin:0 0 40px 0;
}

#movie
{
	height:213px;
}

.content
{
	padding:30px 0 0 0;
}

a.addonMovie
{
display:block;
width:216px;
height:202px;
background: url(images/movie_shop_shield_companion.gif);
float:left;
position:relative;
  margin:0 14px 0 0;
  border:0;
}
a.addonMovie:hover
{
background: url(images/movie_shop_shield_companion.gif) 0 -202px;
}



#download
{display:block;
width:543px;
background:url(images/dl_box_back.gif) left bottom no-repeat;
margin:0 0 30px 0;
padding:0 0 1px 0;
}
#download h2
{
width:543px !important;
display:block;
height:41px !important;
background:url(images/dl_box_top.gif) !important;
margin:0;
}
#download p
{
position:relative;
left:25px;
width:470px;
margin:10px 0;
}

a.addonMovie span
{width:0;
height:0;
display:block;
overflow:hidden;
}


h3.pic
{
position:relative;
left:230px;
width:310px;
}

.sec1 img{
float:left;
 width:216px;
  height:204x;

  margin:0 10px 0 0;
  position:relative;
  border:0;
  top:-1.5em;
}