@media screen {
	body {
		font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 12pt;
	}

	td {
		font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 12px;
	}

	th {
		font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 12px;
	}

	.bodystyle {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	h3 {
		font-family: Verdana;
		font-size: 12pt;
		font-style: normal;
		font-weight: bold;
		color: #0000CC;
		text-decoration: none;
	}

	.small {
		font-family: Verdana,Arial, Helvetica, sans-serif;
		font-size: 9px;
	}

	.medium {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	.big {
		font-family: Verdana;
		font-size: 16px;
	}

	.xbig {
		font-family: Verdana;
		font-size: 24px;
	}

	.expanded {
		font-family: Verdana;
		font-size: 12px;
		line-height: 24px;
		letter-spacing: 2px;
	}

	.justified {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: justify;
	}

	.footer {
		font-family: Verdana;
		font-size: 9px;
		color: #000000;
	}

	.box1 {
		padding: 10px;
		border: 2px solid #85080b;
		font-family: Verdana;
		font-size: 10pt;
		word-spacing: 2px;
		text-align: left;
	}

	.box1a {
		padding: 10px;
		border: 1px solid #7a4e12;
		font-family: Verdana;
		font-size: 10pt;
		word-spacing: 2px;
		text-align: left;
	}
	.box2 {
		padding: 3px;
		font-family: Verdana;
		font-size: 12px;
		list-style-type: none;
		list-style-position: inside;
		list-style-image: url(images/check_bullet.jpg);
		font-weight: bold;
		line-height: 20px;
	}

	.box3 {
		background-image: url(images/small_palm.gif);
		background-repeat: no-repeat;
		padding: 10px;
		list-style-position: inside;
		list-style-type: square;
		border: 1px dotted #333333;
		line-height: 22px;
		margin: 5px;
		background-position: right top;
	}

	.box4 {
		background-image: url(images/sm_notvalid.gif);
		background-repeat: no-repeat;
		padding: 10px;
		border: 1px dashed #333333;
	}
	.box5 {
		padding: 2px;
		border: 2px solid #000000;
		font-family: Verdana;
		font-size: 10pt;
		word-spacing: 1px;
		text-align: left;
	}
	.box6 {
		padding: 2px;
		border: 2px solid #00FF00;
		font-family: Verdana;
		font-size: 10pt;
		word-spacing: 1px;
		text-align: left;
	}
	.box10 {
		padding: 1px; 1px; 1px; 1px;
		border: 2px solid #000000;
	}
	.box11 {
		padding: 1px; 1px; 1px; 1px;
		border: 1px solid #999999;
	}
	.boxspecial {
		padding: 2px;
		border: 2px solid #FF0000;
		font-family: Verdana;
		font-size: 10pt;
		word-spacing: 1px;
		text-align: left;
	}
.boxbill {
	padding: 10px;
	font-family: Verdana;
	border: 2px solid #ec9d04;
}

	a:link {
		color: #000099;
		font-weight: bold;
		text-decoration: none;
		font-family: Verdana;
	}

	a:visited {
		color: #000099;
		font-weight: bold;
		font-family: Verdana;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
		font-family: Verdana;
		font-weight: bold;
		color: #990000;
	}

	a:active {
		color: #000099;
		font-family: Verdana;
		font-weight: bold;
		text-decoration: none;
	}

	a.hidden {
	color: #363636;
	font-family: Verdana;
	font-size: 4pt;
	text-decoration: underline;
	}
	a.hidden:visited {
	color: #363636;
	font-family: Verdana;
	font-size: 4pt;
	text-decoration: underline;
	}
	a.hidden:hover {
	color: #363636;
	font-family: Verdana;
	font-size: 4pt;
	text-decoration: underline;
	}
	a.hidden:active {
	color: #363636;
	font-family: Verdana;
	font-size: 4pt;
	text-decoration: underline;
	}
	a.nav:link {
		color:  #10027B;		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	text-decoration: underline;
	}

	a.nav:visited {
		color:  #10027B;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	text-decoration: underline;
	}

	a.nav:hover {
		color: #9900;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		text-decoration: underline;
	}
	a.menu {
		font-family: Arial;
		text-decoration: none;
		font-size: 8pt;
		color: #0000CC;

	}

	a.menu:hover {
		font-family: Arial;
		text-decoration: underline;
		font-size: 8pt;
		color: #FF0000;
		}

	a.box {
		padding: 3px;
		background-color: #FFFFFF;
		text-decoration: none;
		border: medium solid #CCCCCC;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	a.box:hover {
	  color: #000000;
		padding: 3px;
		text-decoration: none;
		background-color: #666666;
		border: medium solid #3366FF;
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	form {
		font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 12px;
		padding: 3px;
		border: 1px dashed #333333;
		list-style-type: square;
		list-style-position: outside;
		}
	form2 {
		font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 12px;
		padding: 3px;
		list-style-type: square;
		list-style-position: outside;
		}


	input {
		font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 12px;
	}

	textarea {
		font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 12px;
	}

	select {
		font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 12px;
	}
	.style1, .money {color: #ff0000;
		font-weight: bold;
	}
	.style2 {	color: #009999;
		font-weight: bold;
		font-size: 24px;
		font-style: italic;
		font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	}
	.style3 {	color: #009999;
		font-size: 24px;
		font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-style: italic;
	}
	.style4 {font-size: 10px}
	.style11 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 16px; color: #FF3300; font-style: italic; }
	.style12 {	font-family: "Times New Roman", Times, serif;
		font-style: italic;
	}
	.style15 {color: #000000}
	.style17 {font-size: 16px; color: #FF3300; font-weight: bold; font-family: Verdana; }
	.style21 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 16px; color: #FF3300; }
	.style22 {font-size: 16px; color: #FF3300; font-weight: bold;}
	.style8 {font-family: "Times New Roman", Times, serif; color: #009999; font-size: 24px;}
	.style9 {	color: #000000;
		font-weight: bold;
		}

	smclass {
		vertical-align: sup;
		color: #000000;
		font-size: 8px;
	}

	.icon {
		width: 50px;
		border: 0px;
	}

	.small_logo {
		height: 50px;
	}

	a.menu1 {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/off25c.gif) no-repeat;
		text-align:center;
		padding-top:5px;
		padding-left:4px;
		padding-bottom:10px;
		display:block;
		text-decoration:none;
		color: #FFFFFF;
	   	padding: 10px 10px 10px 10px;
	}
	a.menu1:Visited {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/off25c.gif) no-repeat;
		text-align:center;
		padding-top:5px;
		padding-left:4px;
		padding-bottom:10px;
		display:block;
		text-decoration:none;
		color: #FFFFFF;
	   	padding: 10px 10px 10px 10px;
	}
	a.menu1:Active {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/off25c.gif) no-repeat;
		text-align:center;
		padding-top:5px;
		padding-left:4px;
		padding-bottom:10px;
		display:block;
		text-decoration:none;
		color: #FFFFFF;
	   	padding: 10px 10px 10px 10px;
	}
	a.menu1:Hover {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/on25c.gif) no-repeat;
		text-align:center;
		padding-top:5px;
		padding-left:4px;
		padding-bottom:10px;
		display:block;
		text-decoration:none;
		color: #85080b;
	   	padding: 10px 10px 10px 10px;
	}
	a.menu2 {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/off31b.gif) no-repeat;
		text-align:center;
		display:block;
		text-decoration:none;
		color: #000000;
	   	padding: 8px 8px 8px 8px;
	}
	a.menu2:Visited {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/off31b.gif) no-repeat;
		text-align:center;
		display:block;
		text-decoration:none;
		color: #000000;
	   	padding: 8px 8px 8px 8px;
	}
	a.menu2:Active {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/off31b.gif) no-repeat;
		text-align:center;
		display:block;
		text-decoration:none;
		color: #000000;
	   	padding: 8px 8px 8px 8px;
	}
	a.menu2:Hover {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/on31b.gif) no-repeat;
		text-align:center;
		display:block;
		text-decoration:none;
		color: #85080b;
	   	padding: 8px 8px 8px 8px;
	}
	a.menu3{
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		width:145px;
		height:28px;
		background:white url(images/buttons/green1a.gif) no-repeat;
		text-align:center;
		padding-top:5px;
		padding-left:4px;
		padding-bottom:10px;
		display:block;
		text-decoration:none;
		}
	a.menu3:Hover{
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		padding-top:5px;
		padding-left:4px;
		padding-bottom:10px;
		color:red;
		text-decoration:none;
		text-align:center;
		background:white url(images/buttons/on10a.gif) no-repeat;}

	a.menu4 {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/off30a.gif) no-repeat;
		text-align:center;
		padding-top:5px;
		padding-left:4px;
		padding-bottom:10px;
		display:block;
		text-decoration:none;
		color: #FFFFFF;
	   	padding: 10px 10px 10px 10px;
	}
	a.menu4:Visited {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/off30a.gif) no-repeat;
		text-align:center;
		padding-top:5px;
		padding-left:4px;
		padding-bottom:10px;
		display:block;
		text-decoration:none;
		color: #FFFFFF;
	   	padding: 10px 10px 10px 10px;
	}
	a.menu4:Active {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/off30a.gif) no-repeat;
		text-align:center;
		padding-top:5px;
		padding-left:4px;
		padding-bottom:10px;
		display:block;
		text-decoration:none;
		color: #FFFFFF;
	   	padding: 10px 10px 10px 10px;
	}
	a.menu4:Hover {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 10px;
		background:white url(images/buttons/on30s.gif) no-repeat;
		text-align:center;
		padding-top:5px;
		padding-left:4px;
		padding-bottom:10px;
		display:block;
		text-decoration:none;
		color: #85080b;
	   	padding: 10px 10px 10px 10px;
	}
	a.menu9 {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 12px;
		background:white url(images/buttons/off31b.gif) no-repeat;
		text-align:center;
		display:block;
		text-decoration:none;
		color: #000000;
	   	padding: 8px 8px 8px 8px;
	}
	a.menu9:Visited {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 12px;
		background:white url(images/buttons/off31b.gif) no-repeat;
		text-align:center;
		display:block;
		text-decoration:none;
		color: #000000;
	   	padding: 8px 8px 8px 8px;
	}
	a.menu9:Active {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 12px;
		background:white url(images/buttons/off31b.gif) no-repeat;
		text-align:center;
		display:block;
		text-decoration:none;
		color: #000000;
	   	padding: 8px 8px 8px 8px;
	}
	a.menu9:Hover {
		font-family: tahoma, verdana, Arial, sans-serif;
		font-size: 12px;
		background:white url(images/buttons/on31b.gif) no-repeat;
		text-align:center;
		display:block;
		text-decoration:none;
		color: #85080b;
	   	padding: 8px 8px 8px 8px;
	}		
	.album_pic {
	}

	.dir_field {
		width: 180px;
		border: 1px solid #444444;
	}

	.mini_logo {
		width: 100px;
		border: 0px;
	}
	.adbox {
		border: 2px dotted #C8C8C8;
		margin: 5px;
		padding: 5px;
	}
	.couponbox {
		border: 1px dotted #C8C8C8;
		margin: 2px;
		padding: 2px;
	}

	a.reward1:link {
		font-family: verdana, tahoma, Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		text-decoration: underline;
		color: #000000;
	}
	a.reward1:visited {
		font-family: verdana, tahoma, Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		text-decoration: underline;
		color: #000000;
	}
	a.reward1:hover {
		font-family: verdana, tahoma, Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		text-decoration: underline;
		color: #000000;
	}
	a.reward1:active {
		font-family:verdana, tahoma, Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		text-decoration: underline;
		color: #000000;

	}
	.blable {
		font-family: Verdana,Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #800000;
		font-weight: bold;
	}
	#flashcontent1 {
		width: 600px;
		height: 507px;
		float: center;
	}
#flashcontentMOVIE {
		width: 320px;
		height: 240px;
		float: center;
	}
/* root element for the scrollable. When scrolling occurs this element stays still. */
div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 995px;	
	height:125px;		
	/* custom decorations */
}
/* 
	root element for scrollable items. Must be absolutely positioned and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:relative;
	clear:both;		
	height:125px;		

}
/* single scrollable item */
div.scrollable div.items div {
	float:left;
  vertical-align: middle;
	text-align:center;
	width:130px;
	height:125px;		
 }
/* active item */
div.scrollable div.items div.active {
	background-color:#FFFFFF;
	height:125px;		
}
}

@media print {
	@page {
	  size: landscape;
	  margin: 10px;
	}

	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}

	td {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
	}

	th {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}

	.break_after {
		page-break-after: always;
	}

	.printstop {
		page-break-after: avoid;
	}

	.notprinted {
		display: none;
		visibility: hidden;
	}
		.couponbox {
		border: 1px dotted #C8C8C8;
		margin: 2px;
		padding: 2px;
	}
}