@charset "utf-8";
/* CSS Document of vanguard casino */
/* sitebuilding by pesura ---> http://pesura.extra.hu/ */


body {padding: 0; margin: 0; font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-size: 11px; background: url(images/body-bg.gif) #650D05 0 -1px repeat-x;}
#vipbody {background: #ead5bc;}

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEE064; font-size: 12px; font-weight: 400;}
p, ul, label {font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight: normal; text-transform: none; margin: 0; font-size: 12px;}
h1 {font-family: Arial, Helvetica, Verdana, sans-serif; color: #fff; font-weight: 900; text-transform: uppercase; margin: 0; padding: 12px 0 0 0; font-size: 14px; line-height: 14px; text-align: left;}
h2 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight: 900; text-transform: none; margin: 0; font-size: 14px;}
h3 {font-family: Helvetica, Verdana, Arial, sans-serif; color: #415972; font-weight: 900; text-transform: uppercase; margin: 0; font-size: 11px; text-align: left;}
.bold {font-weight: 900;}
br {font-size: 10px;}
* html img {font-size: 0;} /* hack for ie 6*/ 
img {vertical-align: bottom;} /* ie needs it */
.leftalign {text-align: left;}
form {padding: 0; margin: 0;}
/* Removing the default focus on input elements in safari and google chrome (webkit):*/
select, input, textarea, button {outline:none; resize:none;}

.noborder {border: none;}
.clear {clear: both; font-size: 0; height: 0;} /* hack for gecko browsers */

/* the function of the min-height: to force the footer to the bottom of the page */
.strech {width:100%; min-height: 100%; background: #dfdfdf;}
* html .strech {width:100%; height: 100%;}

.main {position: relative; width: 766px; height: auto; padding: 0; margin: 0; background: #741010;}

/* header */
.header {position: relative; width: 100%; height: 133px; font-size: 0; background: url(images/header-bg.gif) transparent 0 0 no-repeat; text-align: center; margin: 0; padding: 0;}
.header-logo {position: absolute; left: 0; top: 0; display: block; margin: 0;}
.header-navigation {position:absolute; left: 0; bottom: 0; width: 766px; height: 35px;}

a.nav1 {position: relative; float: left; display: block; background: url(images/nav1.gif) 0 0 no-repeat; padding: 0; height: 35px; width: 99px;}
a.nav2 {position: relative; float: left; display: block; background: url(images/nav2.gif) 0 0 no-repeat; padding: 0; height: 35px; width: 93px;}
a.nav3 {position: relative; float: left; display: block; background: url(images/nav3.gif) 0 0 no-repeat; padding: 0; height: 35px; width: 129px;}
a.nav4 {position: relative; float: left; display: block; background: url(images/nav4.gif) 0 0 no-repeat; padding: 0; height: 35px; width: 109px;}
a.nav5 {position: relative; float: left; display: block; background: url(images/nav5.gif) 0 0 no-repeat; padding: 0; height: 35px; width: 88px;}
a.nav6 {position: relative; float: left; display: block; background: url(images/nav6.gif) 0 0 no-repeat; padding: 0; height: 35px; width: 78px;}
a.nav7 {position: relative; float: left; display: block; background: url(images/nav7.gif) 0 0 no-repeat; padding: 0; height: 35px; width: 84px;}
a.nav8 {position: relative; float: left; display: block; background: url(images/nav8.gif) 0 0 no-repeat; padding: 0; height: 35px; width: 86px;}
a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover, a.nav7:hover, a.nav8:hover {background-position: 0 -35px;}


/* content */
.content {position: relative; width: 100%; height: auto; margin: 0; padding: 5px 0 20px 0; background: #741010;}
.sub-content {position: relative; width: 100%; height: auto; margin: 0; padding: 0 0 20px 0; background: url(images/left-pane-bg.jpg) #741010 0 0 repeat-y;}
.download {position: relative; width: 750px; height: 263px; padding: 0; margin: 2px 0 0 3px; background: #741010;}
.download-swf {position: relative; float: left; width: 419px; height: 263px; z-index: 0; overflow: hidden;}
.download-swf object {float: left;}
.download2 {position: absolute; right: 3px; top: 0; z-index: 2222; width: 331px; height: 263px; background: url(images/download-bg.jpg) #741010 0 0 no-repeat; overflow: hidden;}
.download-button {position: relative; display: block; width: 263px; height: 61px; margin: 196px auto 0 auto; padding: 0;}

.games-row {position: relative; width: 750px; height: 135px; margin: 5px 0 0 0; padding: 0; background: #741010;}
.game {position: relative; float: left; width: 247px; height: 135px; margin: 0; padding: 0; background: #741010;}
.more-info {position: absolute; right: 0; bottom: 10px; z-index: 444; width: 57px; height: 18px; margin: 0; padding: 0; background: url(images/more-info.jpg) #741010 0 0 no-repeat;}

.section {position: relative; width: 100%; height: auto; background: transparent;}

/* index */
.index-mainbox1 {position: relative; float: left; width: 478px; height: 728px; padding: 6px; background: url(images/indexbox-bg.jpg) #d3d3d3 0 0 repeat-x; border: 1px solid #c8c8c9;}
.index-mainbox2 {position: relative; float: right; width: 478px; height: 728px; padding: 6px; background: url(images/indexbox-bg.jpg) #d3d3d3 0 0 repeat-x; border: 1px solid #c8c8c9;}
.index-box {position: relative; margin: 0; width: 478px; height: 727px; background: url(images/indexbox2-bg.jpg) 0 0 repeat-x;}
.index-box1 {position: relative; margin: 0; width: 478px; height: 177px;}
.index-box1a {position: relative; margin: 0; width: 217px; height: 177px; float: left; text-align: left;}
.playgame {margin: 0 0 6px 0;}
.deviceform {margin: 0 0 0 20px;}
.index-box1a label, .index-box1a p {display: block; color: #2c4764; font-size: 9px; margin: 0;}
.selectdevice {width: 175px; height: 22px; margin: 2px 0 0 0;}
*:first-child+html .selectdevice {width: 176px; height: 22px; margin: 2px 0 0 0;}
* html .selectdevice {width: 176px; height: 22px; margin: 2px 0 0 0;}
.inputphone {width: 170px; height: 16px; margin: 2px 0 0 0;}
.sendbutton {margin: 0 0 0 115px;}

.index-box1b {position: relative; margin: 0; width: 255px; height: 173px; padding: 4px 0 0 6px; float: left; background: url(images/this-weeks-prizes-bg.jpg) center 0 no-repeat;}
.index-box1b  p{margin: 4px 0 0 0;}
.indexbox-prize1 {position: relative; float: left; width: 85px; height: 140px; margin: 2px 0 0 0; background: #2c4764;}
.indexbox-prize2 {position: relative; float: left; width: 85px; height: 140px; margin: 2px 0 0 0; background: #4b627b;}
.indexbox-prize3 {position: relative; float: left; width: 85px; height: 140px; margin: 2px 0 0 0; background: #66798f;}

.top10-players {margin: 7px 0 0 0;}
.top10line {position: relative; width: 231px; height: 19px; padding: 3px 2px 0 2px; margin: 0 0 2px 0; background: #a7a9ae;}
.top10line-light {background: #b3b4b8;}
.top10line-title {background: #66798f;}
.top10line p {font-weight: 900;}
.top10line-title p {text-transform: uppercase; font-weight: 900;}

.index-games {position: relative; width: 478px; height: 275px; padding: 5px 0 0 0;}
.flashgame-col1 {position: relative; float: left; width: 90px; height: 260px; background: url(images/flash-col-sep.jpg) top right repeat-y; margin: 5px 0 0 0; padding: 0 0 0 4px;}
.flashgame-col2 {position: relative; float: left; width: 90px; height: 260px;  margin: 5px 0 0 0; padding: 0 0 0 4px;}
* html .flashgame-col1, * html .flashgame-col2 {display: inline; padding: 0;}
.flashgame1 {position: relative; width: 94px; height: 34px; padding: 2px 0 5px 0;}
.flashgame2 {position: relative; width: 94px; height: 34px; padding: 19px 0 5px 0;}
.flashgame1 img, .flashgame2 img {position: relative; float: left;}
.flashgame-name {display: block; float: left; text-decoration: none; font-size: 10px; padding: 4px 0 0 4px; color: #415972;}
* html .flashgame-name {position:absolute; left: 60px; text-decoration: none; font-size: 10px; padding: 2px 0 0 2px; text-align: left;}

/* common definitions for the subpages */
.left-pane {position: relative; float: left; width: 229px; height: auto; padding: 0 0 20px 0;}
.text-area {position: relative; width: 514px; height: auto; text-align: left;}
.text-area p {padding: 8px 0 8px 0; font-size: 13px;}
.right-pane {position: relative; float: right; width: 535px; height: auto;}

.download-button3 {position: relative; display: block; margin: 10px auto 0 auto; width: 191px; height: 52px;}


.signup-button {position: relative; display: block; margin: 10px auto 0 auto; width: 167px; height: 50px; background: url(images/signup-button.jpg) 0 0 no-repeat;}
.signup-button:hover  {background-position: 0 -50px;}

/* preview games */
.games-row {position: relative; width: 100%; height: 145px; padding: 0 0 7px 0;}
.game-prev {position: relative; float: left; width: 120px; height: 145px; margin: 0 8px 0 0;}
.game-prev p {color: #feb402; font-size: 12px; font-weight: 900; height: 30px; width: 117px; padding: 1px 0 0 3px; background: #460904; display: block; text-transform: capitalize; margin: 0;}
.prev-buttons {float: left; margin: 3px 5px 0 0; display: inline;}

.gameprewpic {position: relative; float: left; padding: 8px 3px 3px 0;}

/* about us */
.aboutusimg {position: absolute; top: 4px; right: 2px;}
.aboutustext {width: 260px;}



/* footer */
.footer-main {position: relative; background: #000; width: 100%; height: 180px; border-top: 1px solid #feb402;}
.footer-sub {position: relative; background: transparent; width: 100%; height: 148px;}
.footer-sub1 {position: relative; float: left; background: #741010; width: 519px; height: 148px;}
.footer-sub1b {position: relative; width: 509px; height: 82px; overflow: auto; text-align: left; padding: 5px 0 0 10px;}
.footer-sub1b p {color: #fff799; font-size: 11px;}
.footer-sub1b a {color: #fff; font-size: 11px;}
.footer-sub1 a  img, .footer-sub1 img {padding: 1px 0 0 0; display: block;}
.footer-sub2 {position: relative; float: right; border: 1px solid #feb402; border-right: none; border-top: none; background: #460904; width: 236px; height: 137px; text-align: left; padding: 5px;}
.footer-sub2 p {color: #feb402; font-size: 11px;}
.footer-sub2 p a {color: #fff; font-size: 11px; text-decoration: none; display: inline;}

.footerlinks {float: left; margin: 8px 5px 0 5px; color: #a8a6a6; font-size: 11px; text-decoration: none;}
.copyright {float: right; margin: 8px 5px 0 5px; color: #a8a6a6; font-size: 11px; text-decoration: none;}


/* must be at the end */
ul.bulletlist {list-style-position: outside; padding: 0 0 0 15px; margin: 0;}
#last {margin: 0; padding: 0;}
.margin0 {margin: 0;}
.floatleft {float: left;}
.floatright {float: right;}
.alignright {text-align: right;}
.white {color: #fff;}
.small {font-size: 10px; color: #460904;}

.progressives {
    background: url('images/game1.jpg') no-repeat;
    width: 247px;
    height: 135px;
}

#p1 {
    position: absolute;
    top: 36px;
    left: 175px;
}

#p2 {
    position: absolute;
    top: 54px;
    left: 175px;
}

#p3 {
    position: absolute;
    top: 72px;
    left: 175px;
}

#p4 {
    position: absolute;
    top: 90px;
    left: 175px;
}

/* halloween */

.calendar-main {position: relative; width: 510px; height: auto; background: transparent; padding: 0; margin: 10px 0 0 0; border-top: 1px solid #FEB402;}
ul.calendar-line1 {position: relative; width: 100%; height: 20px; background: #230000; padding: 0; margin: 0; color: #fff; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #FEB402;}
ul.calendar-line2 {position: relative; width: 100%; height: 40px; background: #460904; padding: 0; margin: 0; color: #fff; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #FEB402;}
li.calendar1 {position: relative; float: left; display: inline; list-style: none; padding: 4px 0 0 0; margin: 0; /*height: 16px;*/ width: 14%; overflow: hidden; background: transparent; letter-spacing: -1px;} 
ul.calendar-line1 li {font-weight: 900; color: #FEB402;}
.spacer5 {position: relative; height: 5px; background: transparent; margin: 0; padding: 0; font-size: 0;}

.totalprize-main {position: relative; width: 300px; height: auto; background: transparent; padding: 0; margin: 10px auto 0 auto; border-top: 1px solid #FEB402;}
ul.totalprize-line {position: relative; width: 100%; height: 20px; background: #460904; padding: 0; margin: 0; color: #fff; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #FEB402;}
ul.totalprize-line2 {position: relative; width: 100%; height: 20px; background: #230000; padding: 0; margin: 0; color: #fff; text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #FEB402;}
li.totalprize1 {position: relative; float: left; display: inline; list-style: none; padding: 4px 0 0 1%; margin: 0; height: 16px; width: 74%; overflow: hidden; background: transparent; letter-spacing: -1px;}
li.totalprize2 {position: relative; float: left; display: inline; list-style: none; padding: 4px 0 0 0; margin: 0; height: 16px; width: 23%; overflow: hidden; background: transparent; letter-spacing: -1px;}
ul.totalprize-line2 li {font-weight: 900; color: #FEB402;}

/* xmas */

.calendarxmas-main {position: relative; width: 380px; height: auto; background: transparent; padding: 0; margin: 10px auto 0 auto; border-top: 1px solid #FEB402;}
ul.calendarxmas-line1 {position: relative; width: 100%; height: 20px; background: #230000; padding: 0; margin: 0; color: #fff; text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #FEB402;}
ul.calendarxmas-line2 {position: relative; width: 100%; height: 20px; background: #460904; padding: 0; margin: 0; color: #fff; text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #FEB402;}
li.calendarxmas1 {position: relative; float: left; display: inline; list-style: none; padding: 4px 0 0 0; margin: 0; /*height: 16px;*/ width: 30%; overflow: hidden; background: transparent; letter-spacing: -1px;}
li.calendarxmas1a {position: relative; float: left; display: inline; list-style: none; padding: 4px 0 0 0; margin: 0; /*height: 16px;*/ width: 9%; overflow: hidden; background: transparent; letter-spacing: -1px;} 
ul.calendarxmas-line1 li {font-weight: 900; color: #FEB402;}
.spacer5 {position: relative; height: 5px; background: transparent; margin: 0; padding: 0; font-size: 0;}

.totalprize-main {position: relative; width: 300px; height: auto; background: transparent; padding: 0; margin: 10px auto 0 auto; border-top: 1px solid #FEB402;}
ul.totalprize-line {position: relative; width: 100%; height: 20px; background: #460904; padding: 0; margin: 0; color: #fff; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #FEB402;}
ul.totalprize-line2 {position: relative; width: 100%; height: 20px; background: #230000; padding: 0; margin: 0; color: #fff; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #FEB402;}
li.totalprize1 {position: relative; float: left; display: inline; list-style: none; padding: 4px 0 0 1%; margin: 0; height: 16px; width: 74%; overflow: hidden; background: transparent; letter-spacing: -1px;}
li.totalprize2 {position: relative; float: left; display: inline; list-style: none; padding: 4px 0 0 0; margin: 0; height: 16px; width: 23%; overflow: hidden; background: transparent; letter-spacing: -1px;}
ul.totalprize-line2 li {font-weight: 900; color: #FEB402;}