/* MAIN LAYOUT FEATURES */
body {font:12px 'Tahoma'; background:url('images/bg-body.gif') repeat-y top center; background-color:#D4DEFF;}
#container {width:920px; position:absolute; top:0px; left:50%; margin-left:-456px; margin-top:3px;}
#banner {width:919px; position:absolute; top:0px; left:50%; margin-left:-462px; margin-top:-3px;background-color:#3366FE;}
#navigator {width:907px; position:absolute; top:37px; left:50%; margin-left:-455px;} /* this relates to the solid red top menu */
#content {width:920px; position:absolute; top:124px; left:50%; margin-left:-530px;} /* this relates to the stuff below top menus */
#left {width:150px; position:absolute; left:50%; margin-left:-390px; margin-top:10px;}
#middle {width:590px; position:absolute; left:50%; margin-left:-215px;}
#right {width:140px; position:absolute; left:50%; margin-left:380px; margin-top:10px;}
a {color:#073CBD; text-decoration:none; font-weight:bold;}
a:hover {color:#ff0000;}

#rightback {width:152px; position:absolute; left:50%; margin-left:375px; background:url('images/promoback.png') repeat-x; z-index:-1;height:250px}
#leftback {width:177px; position:absolute; left:50%; margin-left:-392px; background:url('images/promoback.png') repeat-x; z-index:-1;height:250px}
#banner div.banrot {width:470px; position:absolute; top:10px; left:50%; margin-left:-10px;}

#right h5 {background:url('images/promotop.png') no-repeat; color:#fff; height:24px; padding-top:4px; font-size:13px;}
#right div.promo {width:134px; border: 2px solid #CC030F; margin-top:-4px; margin-bottom:15px;}

#right div.promo p {padding:5px 5px 5px 5px; font-size:11px; line-height:16px; font-weight:normal; text-align:center; color:#004D9B; background-color:#ffffff;}
#right div.promo div.texter {line-height:16px;position:relative;margin-top:-2px;}
#right div.promo p.bolden {padding:5px 5px 5px 5px; font-size:13px; line-height:16px; text-align:center; font-weight:bold; color:#000990;}
#right div.promo p.boldsmall {padding:5px 5px 5px 5px; font-size:11px; line-height:16px; text-align:center; font-weight:bold; color:#CE0035;}
#right div.promo div.promoback {font-size:11px; text-align:center; font-weight:bold; color:#ffffff;width:134px;padding-top:2px;background:url('images/codeback.png') repeat-x; height:18px; }
#right div.promo a {color:#730009; text-decoration:none; font-size:11px; }
#right div.promo a:hover {text-decoration:underline; font-size:11px; }

#middle h1:first-child {color:#A4030E; padding:10px 0px 3px 2px; font-size:15px;}
#middle h1.wider {background:url('images/header4.gif') no-repeat; color:#ffffff; padding:2px 0px 3px 15px; font-size:15px;}
#middle div.introduction {width:590px; background:url('images/promoback.png') repeat-x; }
#middle div.introduction div {float:right; margin:10px;}
#middle div.introduction p {padding:5px 8px 5px 8px; font-size:11px; line-height:16px; text-align:left;}

#middle div.paginator {width:590px; padding-top:20px; padding-bottom:20px; text-align:center; background:url('images/promoback.png') repeat-x; }
#middle div.paginator p.searchresult {padding-bottom:10px; font-weight:bold; color:#00006F; font-size:12px;}
#middle div.paginator p.searchresult span.keyword{padding-bottom:10px; font-weight:bold; color:#08B507; font-size:12px; text-decoration:underline;}

#middle h2 {margin-top:10px; background:url('images/header2.gif') no-repeat; color:#ffffff; padding:2px 0px 3px 15px; font-size:15px;}
#middle h3 {margin-top:10px; background:url('images/header3.gif') no-repeat; color:#ffffff; padding:2px 0px 3px 15px; font-size:15px;}
#middle h3 a {color:#fff;}
#middle h5 {margin-top:10px; color:#057d05; padding:8px; font-size:15px; text-decoration:underline;}
#middle h5 a {color:#fff;}

#middle div.mainprod {margin-bottom:10px; width:680px;}

#middle div.prodleft {text-align:left; width:200px; border:1px black solid; border-right:0px; height:204px; padding:2px;}
#middle div.prodmid {text-align:left; width:250px; border:1px black solid; position:relative; left:50%; margin-top:-210px; margin-left:-136px; padding:2px; padding-left:5px; padding-right:5px; height:204px; background:url('images/promobackpink.png') repeat-x; }
#middle div.prodright {width:116px; text-align:center; border:1px black solid; border-left:0px; background-color:#a7fca4; position:relative; left:50%; margin-top:-210px; margin-left:126px; padding:2px; height:204px;  }
#middle div.prodright p.price {font-size:16px; text-align:center; font-weight:bold; color:#00006F; margin-top:40px; margin-bottom:10px; padding:3px; background-color:#ffffff; border: 1px solid #000000;}
#middle div.prodright p.from {font-size:13px; text-align:center; font-weight:bold; color:#00006F; margin-bottom:5px; }
#middle div.prodright p.click {font-size:11px; text-align:center; font-weight:bold; padding-top:5px;}

#middle div.prodright a {color:#008080; text-decoration:none;}
#middle div.prodright a:hover {color:#09a7a3; text-decoration:underline;}
#middle div.prodmid p.prodtop {font-size:12px; margin-top:40px; padding-bottom:9px;}
#middle div.prodmid a {color:#730009; text-decoration:underline;}
#middle div.prodmid a:hover {text-decoration:none;}
#middle div.prodmid a.altprod {color:#730009; text-decoration:none; font-size:11px;}
#middle div.prodmid a:hover.altprod {text-decoration:underline;}


#right {text-align:center; font-size:11px; font-weight:bold; line-height:15px;}
#right img {margin-top:5px;}


#nav ul {height:45px; margin-top:-10px;}
#nav ul li {list-style-type:none; display:inline; float:left; width:87px; height:45px; cursor:pointer;}
#nav ul li.bookies {background:url('images/tab_bookies.gif') no-repeat; width:97px;}
#nav ul li.bingo {background:url('images/tab_bingo_off.gif') no-repeat;}
#nav ul li.bingo:hover {background:url('images/tab_bingo.gif') no-repeat;}
#nav ul li.poker {background:url('images/tab_poker_off.gif') no-repeat;}
#nav ul li.poker:hover {background:url('images/tab_poker.gif') no-repeat;}
#nav ul li.casino {background:url('images/tab_casino_off.gif') no-repeat;}
#nav ul li.casino:hover {background:url('images/tab_casino.gif') no-repeat;}
#nav ul li.lotto {background:url('images/tab_lotto_off.gif') no-repeat; width:98px;}
#nav ul li.lotto:hover {background:url('images/tab_lotto.gif') no-repeat;}

.alt1 {padding:5px; width:555px; border-bottom:1px #adadae dashed; font-size:11px;}
.alt2 {padding:5px; width:555px; border-bottom:1px #adadae dashed; font-size:11px;}
.boldlegend {font-weight:bold; float:left; width:150px; font-size:11px;}
.underheader {margin-top:5px;}
p.underheader .bonus {font-size:16px;} 

#footer {width:600px; position:absolute; left:50%; margin-left:-309px; font-size:12px; margin-bottom:5px; margin-top:10px; text-align:center; border-top:1px dashed #d8d8d8; padding:10px;}
#footer p {font-size:11px; color:#9B9B9B;}
#footer a {color:#9B9B9B; text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer a:visited {color:#9B9B9B;}

.bg1 {background-color:#ecffeb; }
.bg2 {background-color:#FFFFFF; }
.bg3 {color:#FF0000; font-weight:bold;}

.paginate {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
a.paginate {
    border: 1px solid #000080;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #000080;
background-color: #fff;
}
a.paginate:hover {
    background-color: #3366FE;
    color: #FFF;
    text-decoration: underline;
}
a.current {
    border: 1px solid #000080;
    padding: 2px 6px 2px 6px;
    cursor: default;
    background:#f75bf2;
    color: #FFF;
    text-decoration: none;
}
span.inactive {
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 2px 6px 2px 6px;
    color: #999;
    cursor: default;
}

#search_box {
    width: 158px;
    height: 31px;
    background: url(images/bg_search_box.gif);
    margin-left:2px;
    margin-top:140px;

}
#search_box #s {
   float: left;
   padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 119px;
    background: none;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#left div.leftmenu {height:200px; margin:0 auto; position:relative; margin-top:-4px;}

#left div.leftmenu ul {margin:0; padding:0; list-style:none; width:163px; white-space:nowrap; text-align:left; background:url(anywidth/opaque.png); padding:1px 1px 0 1px;}

#left div.leftmenu li {margin:0; padding:0; list-style:none;}
#left div.leftmenu li {display:inline-block; display:inline;}
#left div.leftmenu ul {position:absolute; left:-9999px;}
#left div.leftmenu ul.level1 {position:absolute; left:0px; top:0px;}

#left div.leftmenu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#fff; line-height:24px; text-decoration:none;padding:0 20px 0 3px; border-bottom:1px solid #3731A1;} 

#left div.leftmenu ul li:hover > ul {visibility:visible; left:100%; margin-top:-26px; margin-left:-1px;}

#left div.leftmenu a:hover ul,
#left div.leftmenu a:hover a:hover ul, 
#left div.leftmenu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#left div.leftmenu a:hover ul ul, 
#left div.leftmenu a:hover a:hover ul ul {left:-9999px;}

#left div.leftmenu li a:hover {background:#3A34A8; color:#fff;} 
#left div.leftmenu li:hover > a {background:#3A34A8; color:#fff;}
#left div.leftmenu li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}
#left div.leftmenu li a.fly:hover {background:#3A34A8 url(anywidth/arrow.gif) no-repeat right top;} 
#left div.leftmenu li:hover > a.fly {background:#3A34A8 url(anywidth/arrow.gif) no-repeat right top; color:#fff;}

#left div.leftmenu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}
#left h2 {background:url('images/lefthead.png') no-repeat; color:#fff; height:24px; padding-top:4px; font-size:13px; width:165px; text-align:center; margin-bottom:0px;}


table.sellertable {font:11px Tahoma; width:586px;}
table.sellertable td {text-align:center; border:1px solid #ccc;padding:3px; width:195px;}
table.sellertable td a {color:#89020D; text-decoration:none;}
table.sellertable td a:hover {text-decoration:underline;}
#middle table.sellertable p.price {color:#324184; font-size:13px; text-align:center; font-weight:bold;}

#middle h1.hot {color:#A4030E; font-size:16px; font-weight:bold;}

/* new stuff */

#left div.reccov {border:1px solid #0810E8; border-top:0px; width:153px; text-align:center; margin-top:-4px; padding:5px;}
#left div.recent {border:1px solid #ccc; padding:6px;text-align:center; margin-bottom:4px; width:142px;}
#left div.recent a {font-size:10px; color:#A4035C; text-decoration:underline;}
#left div.recent a:hover {text-decoration:none;}
#left div.reccov p {padding:5px 5px 5px 5px; font-size:11px; line-height:16px; text-align:center; margin-top:-5px; font-weight:normal;}