@charset "utf-8";
/* CSS Document */

body { background-image:url(images/bg.jpg); background-repeat:repeat-y; background-position:center; margin:0; padding:0;  	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px; font-family:Arial, Helvetica, Verdana,  sans-serif; font-size:12px;
}

a { outline:none;}
a:link { color: #cc0000;text-decoration: none;}
a:visited { color:#cc0000;text-decoration: none;}
a:link:hover, a:visited:hover { color: #999999;}
a:link:active, a:visited:active { color:#999999;}


.button {background-image:url(images/hdr-bg.jpg); background-position:center; background-repeat: repeat-x; height:25px; line-height:25px; font-size:12px; font-family:Helvetica,Geneva, Arial,  sans-serif; color: #ffffff; font-weight:bold; margin:0px auto; padding:3px 15px; border:none; cursor:pointer;}
.button:hover {color: #333;}
a:link.button{ color: #fff;text-decoration: none;}
a:visited.button { color:#fff;text-decoration: none;}
a:link:hover.button, a:visited:hover.button { color: #222;}
a:link:active.button, a:visited:active.button { color:#222;}


#logos a { display:block; width:150px; height:65px; background-position:bottom; /*opacity:0.5; filter:alpha(opacity=50);*/ }
#logos a:hover { background-position:top; /*opacity:1; filter:alpha(opacity=100);*/}

.logoz { display:block; width:150px; height:65px; background-position:bottom; opacity:0.5;filter:alpha(opacity=50); float:right; z-index:1;}
.logoz:hover { background-position:top;opacity:1;filter:alpha(opacity=100)}

.logo-gala { background-image:url(images/logos/logo-gala.jpg);}
.logo-gina { background-image:url(images/logos/logo-gina.jpg);}
.logo-ritzy { background-image:url(images/logos/logo-ritzy.jpg);}
.logo-empire { background-image:url(images/logos/logo-empire.jpg);}
.logo-mega { background-image:url(images/logos/logo-mega.jpg);}
.logo-plex { background-image:url(images/logos/logo-plex.jpg);}
.logo-glamour { background-image:url(images/logos/logo-glamour.jpg);}
.logo-imperial { background-image:url(images/logos/logo-imperial.jpg);}
.logo-splash { background-image:url(images/logos/logo-splash.jpg);}
.logo-mst { background-image:url(images/logos/logo-mst.jpg);}
.logo-paramount { background-image:url(images/logos/logo-paramount.jpg);}
.logo-premier { background-image:url(images/logos/logo-premier.jpg);}
.logo-funland { background-image:url(images/logos/logo-funland.jpg);}
.logo-beez { background-image:url(images/logos/logo-beez.jpg);}
.logo-mtfx { background-image:url(images/logos/logo-mtfx.jpg);}


.content {
	font-size: 12px;
	color: #330000;
	}

.header {
	font-size: 18px;
	color: #330000;
	}
.page-title {
	font-size: 18px; margin:13px 0; padding:0;
	color: #bb0000; line-height:40px;
	}
.hdr { background-image:url(images/hdr-bg.jpg); background-position:center; background-repeat: repeat-x; width:169px; height:25px; line-height:25px; font-size:13px; color: #ffffff; font-weight:bold; margin:0 auto;}

.hdrs { background-image:url(images/hdr-bgr.jpg); background-position:center; background-repeat: repeat-x; height:25px; line-height:25px; font-size:15px; color: #333333; text-indent:10px; font-weight:bold; margin:0 auto;}

ul.check { list-style-image: url("images/check.jpg"); } 
ul.check li { margin:10px auto; padding:0px 0px;}


table.thinbdr{border:1px solid #ddd; border-collapse:collapse;}
table.thinbdr th, table.thinbdr td{border:1px solid #ddd; padding:3px; vertical-align:top;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {font-family: arial, sans-serif;  height:30px; font-size:13px; z-index:1000;}
/* hack to correct IE5.5 faulty box model */
/** html .menu {width:800px; w\idth:800px;}*/
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin: auto; list-style-type:none; width:667px;}
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:100px; position:relative; text-indent:10px;}
/* style the links for the top level */
.menu a, .menu a:visited {display: block; font-size:13px; text-decoration:none; color:#fff; width:100px; height:30px; border:1px solid #000; border-width:0px 0 0px 0px;  padding-left:0px; line-height:30px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:99px; w\idth:99px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#1C1C1C url(../images/arrow_over.gif) no-repeat 150px center; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#990000 url(../images/arrow_over.gif) no-repeat 150px center;}
.menu ul ul :hover > a.drop {background:#990000 url(../images/arrow_over.gif) no-repeat 150px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#1C1C1C;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#990000;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0px; width:150px;border-top:0px solid #000;text-align:left; text-indent:10px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:30px;}

/* position the third level flyout menu */
.menu ul ul ul{left:160px; top:-1px; width:150px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-160px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#1C1C1C; color:#fff; height:auto; line-height:1em; padding:6px 3px; width:150px; border-width:1px 1px 1px 1px; border-color:#1C1C1C;font-size:11px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:150px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#990000;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#990000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* Menu style end */

