/*
	Method for doing rollovers in CSS using one image - requires script
	Attribution - happycog.com

	By Marketcircle.

*/

#tenways_top_row	{
	width: 824px;
	height: 57px;
	border: 0;
	padding: 0;
	margin: 0;
	}

#tenways_bottom_row	{
	width: 824px;
	height: 65px;
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#tenways_top_row ul	{
	width: 824px;
	height: 57px;
	background: url(/images/v12/dl/onpage/dl_10ways_buttons_top.png);
	margin: 0;
	padding: 0;
	position: relative;
	}

#tenways_bottom_row ul	{
	width: 824px;
	height: 65px;
	background: url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png);
	margin: 0;
	padding: 0;
	position: relative;
	}

	
#tenways_top_row ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}

#tenways_bottom_row ul li	
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

	
#tenways_top_row ul li, #tenways_top_row a	
{
	height: 57px;
	display: block;
}

#tenways_bottom_row ul li, #tenways_bottom_row a	
{
	height: 65px;
	display: block;
}



#tenways_top_row ul li a	
{
	text-indent: -9999px; 
	text-decoration: none;
}

#tenways_bottom_row ul li a	
{
	text-indent: -9999px; 
	text-decoration: none;
}

#tw_tr_1 {left: 0; width: 165px;}
#tw_tr_2 {left: 165px; width: 165px;}
#tw_tr_3 {left: 330px; width: 165px;}
#tw_tr_4 {left: 495px; width: 165px;}
#tw_tr_5 {left: 660px; width: 164px;}

#tw_tr_1 a:hover {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_top.png) 0 -57px no-repeat;}
#tw_tr_2 a:hover {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_top.png) -165px -57px no-repeat;}
#tw_tr_3 a:hover {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_top.png) -330px -57px no-repeat;}
#tw_tr_4 a:hover {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_top.png) -495px -57px no-repeat;}
#tw_tr_5 a:hover {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_top.png) -660px -57px no-repeat;}

.tr_1_selected {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_top.png) 0 -57px no-repeat;}
.tr_2_selected {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_top.png) -165px -57px no-repeat;}
.tr_3_selected {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_top.png) -330px -57px no-repeat;}
.tr_4_selected {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_top.png) -495px -57px no-repeat;}
.tr_5_selected {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_top.png) -660px -57px no-repeat;}



#tw_br_1 {left: 0; width: 165px;}
#tw_br_2 {left: 165px; width: 165px;}
#tw_br_3 {left: 330px; width: 165px;}
#tw_br_4 {left: 495px; width: 165px;}
#tw_br_5 {left: 660px; width: 164px;}

#tw_br_1 a:hover {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png) 0 -65px no-repeat;}
#tw_br_2 a:hover {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png) -165px -65px no-repeat;}
#tw_br_3 a:hover {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png) -330px -65px no-repeat;}
#tw_br_4 a:hover {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png) -495px -65px no-repeat;}
#tw_br_5 a:hover {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png) -660px -65px no-repeat;}

.br_1_selected {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png) 0 -65px no-repeat;}
.br_2_selected {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png) -165px -65px no-repeat;}
.br_3_selected {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png) -330px -65px no-repeat;}
.br_4_selected {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png) -495px -65px no-repeat;}
.br_5_selected {background: transparent url(/images/v12/dl/onpage/dl_10ways_buttons_bottom.png) -660px -65px no-repeat;}