@import url(base.css);

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

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

li#m4
{
	background: url(images/top_menu.gif) -338px -36px;
}


/*----*/
.header h1
{
	width:915px;
	height:213px;
	display:block;
	background: url(images/h_bill_pay.jpg)
}

h2
{
	width:452px;
	height:43px;
	background: url(images/sh_shopping_bill_pay.gif);
	margin:0 0 40px 0;
}

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

.content
{
	padding:30px 0 0 0;
}
div.chart ol, .sh1 h3, .sh2 h3, .sh3 h3
{width:0;
height:0;
display:block;
overflow:hidden;
}
div.chart
{
width:571px;
height:231px;
background: url(images/chart_shopping_bill_pay.gif);
display:block;
margin:0 0 0 -30px;
}
.sh1, .sh2, .sh3
{width:385px;
display:block;
margin:0 0 0 60px;
padding:30px 0 0 95px;
}
.sh1 p, .sh2 p, .sh3 p
{
width:385px;

}
.sh1
{
background:url(images/sh1_shopping_bill_pay.gif) left top no-repeat;
}
.sh2
{
background:url(images/sh2_shopping_bill_pay.gif) left top no-repeat;
}
.sh3
{
background:url(images/sh3_shopping_bill_pay.gif) left top no-repeat;
}
a.whatMovie
{
display:block;
width:207px;
height:147px;
background:url(images/movie_shopping_bill_pay.jpg);
}
a.whatMovie:hover
{
background:url(images/movie_shopping_bill_pay.jpg) 0 -147px;
}