@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#d2b a
{
	background:url(images/ddMenus.gif) -204px -88px;
}

#m3
{
	background: url(images/top_menu.gif) -172px -36px;
}
/*----*/
.header h1
{
	width:915px;
	height:213px;
	display:block;
	background: url(images/h_complete_solution.jpg)
}

h2
{
	width:524px;
	height:97px;
	background: url(images/sh_the_complete_solution.gif);
	margin:0 0 40px 0;
}

#movie, .header
{
	height:213px;
}

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


.chart
{
clear:both;
display:block;
width:857px;
height:657px;
background:url(images/chart_comparative_performance.gif);
position:relative;
left:39px;

}
.info
{
width:0;
height:0;
overflow:hidden;
display:block;
}
a.b_next
{
left:795px;
top:-45px;
}

a.addonMovie
{
display:block;
width:216px;
height:202px;
background: url(images/movie_what_is_shop_shield.gif);
float:left;
position:relative;
  margin:0 14px 0 0;
  border:0;
    top:-1.5em;
}
a.addonMovie:hover
{
background: url(images/movie_what_is_shop_shield.gif) 0 -202px;
}
h3.pic
{
position:relative;
left:230px;
width:310px;
}
a.addonMovie span
{width:0;
height:0;
display:block;
overflow:hidden;
}