/* these CSS properties will be used to simulate buttons with DIVs; each button
   that is defined as DIV, has a common "button" class with most of the styles
   and one specific class with information about width, height (optional) and
   background image; buttons that are disabled also have the "off" class */
div.button {
	background-position: top left;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	float: left;
	font-size: 1px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

div.on {
	background-position: bottom left;
}

/* top buttons row 1 */
div.button_private {
	background-image: url(/images/btn_private.gif);
	width: 99px;
	height: 10px;
}
div.button_mijncaiway {
	background-image: url(/images/btn_mijncaiway.gif);
	width: 99px;
	height: 10px;
}

div.button_customercare {
	background-image: url(/images/btn_customercare.gif);
	width: 99px;
	height: 10px;
}

div.button_aboutcaiw {
	background-image: url(/images/btn_aboutcaiw.gif);
	width: 99px;
	height: 10px;
}

div.button_business {
	background-image: url(/images/btn_business.gif);
	width: 99px;
	height: 10px;
}

div.button_shops {
	background-image: url(/images/btn_shops.gif);
	width: 99px;
	height: 10px;
}

/* top buttons row 2 */

div.button_tv {
	background-image: url(/images/btn_tv.gif);
	width: 134px;
	height: 11px;
}

div.button_internet {
	background-image: url(/images/btn_internet.gif);
	width: 135px;
	height: 11px;
}

div.button_voice {
	background-image: url(/images/btn_voice.gif);
	width: 140px;
	height: 11px;
}

div.button_packages {
	background-image: url(/images/btn_packages.gif);
	width: 99px;
	height: 11px;
}

div.button_amusement {
	background-image: url(/images/btn_amusement.gif);
	width: 137px;
	height: 11px;
}