/* General *************************************************************************************************************/ body { color: #272727;margin: 0px;direction: ltr;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height: 1.5em;} h1 { margin:0px; font-size:21px} h3 { margin:0px; font-size:16px;color: #480855;} p { margin:3px 0px 0px 3px;text-align:justify} img, div { border-width: 0px; behavior: url(script/iepngfix.htc); } /* Icons *************************************************************************************************************/ .Icons { background-image: url(images/Icons.png) ; background-repeat:no-repeat } .PoundIcon { background-position: -94px -24px; width: 18px; height: 18px; } .EuroIcon { background-position: -115px -24px; width: 18px; height: 18px; } .DollarIcon { background-position: -137px -24px; width: 18px; height: 18px; } .VideoIcon { background-position: -0px -0px; width: 32px; height: 33px;float:left } .ArticleIcon { background-position: -0px -33px; width: 30px; height: 32px; } .AmericanIcon { background-position: -32px -0px; width: 33px; height: 20px; } .DinersIcon { background-position: -65px -0px; width: 33px; height: 20px; } .DiscoverrIcon { background-position: -98px -0px; width: 33px; height: 20px; } .PaypalIcon { background-position: -131px -0px; width: 33px; height: 20px;} .VisaIcon { background-position: -164px -0px; width: 33px; height: 20px;} .StarIconBig { background-position: -0px -65px; width: 29px; height: 21px; } .JcbIcon { background-position: -197px -0px; width: 19px; height: 20px;} .MasterCardIcon { background-position: -52px -21px; width: 33px; height: 20px;} .SoloIcon { background-position: -216px -0px; width: 19px; height: 20px;} .SwithIcon { background-position: -235px -0px; width: 19px; height: 20px;} .InfoIcon { background-position: -0px -86px; width: 21px; height: 21px; } .SafariIcon { background-position: -31px -21px; width: 21px; height: 21px;} .ChromeIcon { background-position: -0px -128px; width: 19px; height: 19px;} .IexplorerIcon { background-position: -0px -107px; width: 20px; height: 21px;} .FirefoxIcon { background-position: -0px -147px; width: 19px; height: 19px;} .StarHalfGrayIcon { background-position: -0px -166px; width: 16px; height: 16px;} .StarIcon { background-position: -16px -166px; width: 16px; height: 16px;} .StarGrayIcon { background-position: -0px -182px; width: 15px; height: 16px;} .SpyWareIcon { background-position: -19px -147px; width: 13px; height: 17px;} .SecureIcon { background-position: -19px -128px; width: 12px; height: 15px;} .AppleIcon { background-position: -21px -86px; width: 10px; height: 12px;} .LinuxIcon { background-position: -20px -107px; width: 10px; height: 12px;} .WindowsIcon { background-position: -15px -182px; width: 12px; height: 10px;} /* Header *************************************************************************************************************/ #Header { width:908px;height:116px;background:url('images/header.jpg') no-repeat; vertical-align: bottom; padding:0px} #Header #menu { float:left;width: 895px;text-align: center; margin-top:0px;height: 111px;} #Header #menu ul { width: 895px;text-align: center; margin:0px 0px 0px 0px;list-style:none inside;padding:0px; float:left} #Header #menu li { display: inline; margin:0px 4px 0px 0px; border-right:1px solid black} #Header #menu li.last { border-right:0px} #Header #menu a { color:#3D0A41;font-size:13px;text-decoration:none;margin-left:7px;margin-right:16px;margin-top:10px} #Header #menu a:hover { color: #CC0000} #Header #menu span a { float:right; margin-right:11px;color:#FFFFFF;font-weight:bold;margin-bottom: 24px;} #Header img { float:left;margin-bottom:4px} /* Bordars *************************************************************************************************************/ #Lboarder { background:url('images/borders.png') repeat-y -1px 0px ;width:12px;} #Rboarder { background:url('images/borders.png') repeat-y -13px 0px ;width:10px;} /* Main Page *************************************************************************************************************/ #mainPage {} #mainPage h1 { margin-top:10px;margin-bottom:7px } #mainPage h1 span { margin-top:10px;color: #1781AB;font-style: italic;} /* Bonus Index*/ #ladbrokesBonus { background:url('images/LadbrokesMain.png');width:442px;height:314px;float:right;margin-bottom: 12px;} #ladbrokesBonus img { border-width: 0px; position:relative;top:194px;left:124px;display:none} #ladbrokesBonus:hover img { display:block} #PartyBonus { background:url('images/PartyMain.jpg');width:442px;height:314px;float:right} #PartyBonus img { border-width: 0px; position:relative;top:199px;left:137px;display:none} #PartyBonus:hover img { display:block} /* Menu Index*/ #MenuIndex { cursor:pointer;background: url('images/PageMenu.png') no-repeat; margin:0px;padding:0px;height: 41px} #MenuIndex img { background: url('images/PageMenu.png') no-repeat 0px 0px ; padding:0px;margin:-2px 0px 0px 0px;border:none} #MenuIndex #paymentButton { margin:0px 0px 0px -10px;background-position: -200px -100px; width: 178px; height: 41px; } #MenuIndex #paymentButton.selected { background: url('images/PageMenu.png') no-repeat ; background-position: 0px -47px; width: 178px; height: 41px; } #MenuIndex #articleButton { margin:0px 0px 0px -2px;background-position: -200px -100px; width: 178px; height: 41px; } #MenuIndex #articleButton.selected { background: url('images/PageMenu.png') no-repeat ;background-position: 0px -89px; width: 178px; height: 41px; } #MenuIndex #moregamesButton { margin:0px 0px 0px -9px; background-position: -200px -100px; width: 165px; height: 41px; } #MenuIndex #moregamesButton.selected { background: url('images/PageMenu.png') no-repeat ; background-position: 0px -131px; width: 165px; } #MenuIndex #facebookButton { background-position: 0px -214px; width: 109px; height: 41px; } #MenuIndex #facebookButton:hover { filter: alpha(opacity=65);-mos-opacity: 0.65;opacity: 0.65;} #MenuIndex #twitterButton { background-position: 0px -173px; width: 109px; height: 41px; } #MenuIndex #twitterButton:hover { filter: alpha(opacity=65);-mos-opacity: 0.65;opacity: 0.65; } /*Index Box*/ #indexBox {float:left;width:734px;border:1px solid #CCCCCC } #indexBox h2 { margin:4px 0px 6px 0px; font-size:17px;} #indexBox .paypal { color: #1781AB;font-style: italic;} /*Index Article*/ #homepage_articles { padding:5px} #indexArticle { background:#F4F4F4;width: 725px;} #indexArticle .box_img { float:left;margin:5px; width:120px;height:120px;border:1px solid #A7A7A7} #indexArticle span a { font-weight:bold; color:#7C1789;font-size:14px} #indexArticle ul { margin:0px;width: 178px;font-size:13px} #ArticleArchive div { float:left;width:211px;background:#FFFFFF; border:1px solid #C0C0C0;margin:0px 3px 0px 3px;padding:10px;font-size: 13px;} /*Index Payment*/ #homepage_paymant { padding:5px;display:none} #indexPayment { width: 725px;font-size: 14px;} #indexPayment td { background:#F4F4F4;} #indexPayment span { font-weight:bold;font-size: 16px;} #indexPayment .box_img { background:url('images/payment.png');height:73px; width:154px;float:left;margin:5px} #indexPayment #PayPal { background-position:0px -218px } #indexPayment #Neteller { background-position:0px -146px } #indexPayment #Moneybookers { background-position:0px -73px } #indexPayment #CreditCarts { background-position:0px 0px } /*Index More Games*/ #homepage_moregames { padding:5px;display:none} #indexGames { width: 725px;font-size: 14px;} #indexGames table { width:355px;float:left;margin:8px 3px 0px 0px; text-align:center} #indexGames td { background:#F4F4F4;text-align: center;font-weight: 700;} #indexGames .MoreGamesTd { padding:3px;font-weight: 700;} #indexGames .game { float:none; width: 328px; margin-bottom:18px;margin-left:6px} #indexGames .game a { font-size:10px; font-weight:normal} #indexGames .game i { font-size:10px; font-weight:normal} #indexGames .BgMoreGame { border-left:1px solid #BEBEBE;border-right:1px solid #BEBEBE;font-size: 16px; background:#FFFFFF} /*More Games Images*/ #indexGames .MoreGames { background:url('images/moreGames.png') no-repeat} #indexGames .Botton { background-position:0px 0px } #indexGames .BottonGreen { background-position:-173px -156px; height:30px} #indexGames .BottonGreen:hover { filter: alpha(opacity=65);-mos-opacity: 0.65;opacity: 0.65; } #indexGames #ladbrokes { width:349px;height:68px;background-position:0px 0px} #indexGames #party { width:349px;height:68px;background-position:0px -69px} #indexGames .topGameBordar { width:328px;height:9px;background-position:-4px -136px} #indexGames .BottomGameBordar { width:328px;height:9px;background-position:-4px -146px} #indexGames .lGameBordar { width:8px;background-position:-368px 0px;background-repeat:repeat-y;margin:0px;float: left;} #indexGames .rGameBordar { width:8px;background-position:-374px 0px;background-repeat:repeat-y;margin:0px;float: right;} /*Game Bonus*/ #indexGames .Logos { background-image: url(images/GamesLogos.png); background-repeat: no-repeat;} #LadbrokesBackgammon { background-position: -0px -0px; width: 317px; height: 42px; } #LadbrokesBingo { background-position: -0px -42px; width: 317px; height: 42px; } #LadbrokesCasino { background-position: -0px -84px; width: 317px; height: 42px; } #LadbrokesPoker { background-position: -0px -126px; width: 317px; height: 42px; } #LadbrokesSport { background-position: -0px -168px; width: 317px; height: 42px; } #PartyGameBets { background-position: -0px -210px; width: 317px; height: 42px; } #PartyGameBingo { background-position: -0px -254px; width: 317px; height: 42px; } #PartyGameCasino { background-position: -0px -296px; width: 317px; height: 42px; } #PartyGameGammon { background-position: -0px -338px; width: 317px; height: 42px; } #PartyGamePoker { background-position: -0px -380px; width: 317px; height: 42px; } #indexGames .pic { width: 297px;height:84px;border:2px solid #FFFFFF} #indexGames .GetButton { width: 167px;height:31px; background-position:0px -155px; } #indexGames .MoreGame { width:317px;border-bottom:1px solid #FFFFFF;border-top:1px solid #FFFFFF;font-weight: 700;font-size: 24px; padding:3px;background:#FFFFFF} #indexGames .MoreGame p { font-size:21px; margin:0px} /* Right Section *************************************************************************************************************/ #Right { float: right; margin-top:10px; width:303px} /* News Letter*/ #newsletter { float:right;background:url('images/newsLetter.png');width:303px;height:82px;margin-top:7px} #newsletter img { cursor:pointer;float:right;background:url('images/newsLetter.png') 0px -82px ;width:87px;height:27px; float:left; margin-left:10px; } #newsletter p { font-weight: 700; margin-top:12px;margin-bottom:8px;font-size:15px;text-align: center;} #newsletter input { width:183px; margin-left:13px; float:left;} #newsletter h2 {text-align:center;margin-top:25px;color:green} #newsletter #email_error {margin:0px 0px 0px 16px;float:left;color:red;font-size:10px;display:none;position:relative;top:-8px} /* Gray Boxes *************************************************************************************************************/ /* BlueTitle */ .BlueTitle { background:url('images/GrayBoxSprite.png') repeat-x 0px -166px ; height:36px;color:#FFFFFF;font-weight: bolder } .BlueTitle span { font-size:21px;margin:10px 0px 0px 6px;float:left} .BlueTitle img { background:url('images/GrayBoxSprite.png') no-repeat; height:36px} .BlueTitle .Lp { background-position:0px -202px; float:left;width:4px} .BlueTitle .Rp { background-position:-5px -202px; float:right;width:4px} /* PurpleTitle */ .PurpleTitle { background:url('images/GrayBoxSprite.png') repeat-x 0px -129px ; height:36px;color:#FFFFFF;font-weight: bolder } .PurpleTitle span { font-size:21px;margin:10px 0px 0px 6px;float:left} .PurpleTitle img { background:url('images/GrayBoxSprite.png') no-repeat; height:36px} .PurpleTitle .Lp { background-position:0px -68px; float:left;width:4px} .PurpleTitle .Rp { background-position:-5px -68px; float:right;width:4px} /* Gray_Box_small */ .GrayBoxsmall { width:301px; padding:0px; margin:7px 0px 0px 0px; float:right} .GrayBoxsmall td { padding:0px; margin:0px } .GrayBoxinside { background:url('images/GrayBoxRepeatBg.png') repeat-y 0px 0px; width:301px } .GrayBoxinside .GrayBoxtop { background:url('images/GrayBoxSprite.png') 0px -105px;height:2px} .informationTable { width:282px;margin:7px;} .informationTable td { background:#FFFFFF;;padding:0px 3px 0px 3px;text-align: left;font-size: 13px;} .RaitingTable { width:281px;margin:7px;} .RaitingTable td { background:#FFFFFF;;padding:0px 3px 0px 3px;text-align: left; font-size:13px} .RaitingTable td b { font-size:15px} /* Article Menu */ .ArticleMenu { float:left;margin:8px;width: 276px;} .ArticleMenu span { font-size:15px;font-weight:bold} .ArticleMenu p { font-size:14px; margin:0px; text-align:left} .ArticleMenu img { width:100px;height:100px;border:1px solid #A7A7A7;float:left;margin-top:5px;margin-bottom:5px;margin-right:5px} /* Left Section ************************************************************************************************************8*/ #Left { float:left;width: 576px;margin-right: 8px; margin-top:10px;} /* Articles ************************************************************************************************************8*/ .ArticleList { float:left;width:417px; border:1px solid #CCCCCC;padding:5px;margin-bottom:5px; background:#FFFFFF;margin-left:5px} .ArticleList img { float:left;margin:5px; width:100px;height:100px;border:1px solid #A7A7A7} .ArticleAddThis { width:448px;text-align:center;height: 21px; float:left} #ArticleNav{ float:left;text-align:left;width: 570px; font-weight:bold} .ArticleBox{ float:left;width: 441px; background:#808080;margin-top: 20px;} .ArticleBox h2{ font-size:21px; margin:5px 0px 5px 10px;float:left;color: #FFFFFF;} #RightBannerWarp {float: right;width:120px;margin-right:10px} #RightBannerWarp .banner {width: 121px;} /* Article ************************************************************************************************************8*/ #Article {} #Article h1 { margin-bottom:7px} #Article h3 { margin-bottom:5px;margin-top:10px} #ArticlePic { float:left;width:200px;height:200px;border:1px solid #B497B9;margin-right:7px;margin-bottom:7px} #Article p { margin-bottom: 6px;margin-top:0px;font-size: 14px;color: #252525;} #Article #ad { width:120px;height:240px;border:1px solid #B497B9; margin:5px;float:right} .ArticleNavMenu { float:left;width:205px; font-size:12px;background-color: #F4F4F4;} .ArticleNavMenu div { padding:4px;text-align: center; height:18px} .ArticleNavMenu ul { background-color:#FFFFFF;border:1px solid #EBEBEB;float:left;margin:5px 2px 3px 5px;padding-left:19px;width:173px;} #shareBig { width:250px;height:325px; margin:5px;float: left} #shareBig table { width: 250px;} #shareBig table th { background:#3A49DA;color: #FFFFFF;font-size: 15px; height:22px } #shareBig table td { text-align: center;} #shareBig table td img { width:238px;height:60px;margin-bottom:5px;margin-top:5px; background: url('images/ShareBig.png') no-repeat;border:0px} #shareBig #facebook { background-position: -1px 0px} #shareBig #digg { background-position: -1px -61px} #shareBig #twitter { background-position: -1px -123px} #shareBig #mail { background-position: -1px -185px} #shareBig #more { background: url('images/ShareBig.png') no-repeat 0px -252px;width:18px;height:17px; float:right;margin-top:0px;margin-right:7px} #share { width:567px;height:20px;background:#EBEBEB} /* Review ************************************************************************************************************8*/ #Review {} #LadbrokesLogo { text-align:center;background: #FF0D01; padding:5px } #PartyLogo { text-align:center;background: #EE238E; padding:5px } #PaddyLogo { text-align:center;background: #E57FE0; padding:5px } #secure {float:right; font-size:12px; width: 125px; padding-left:18px} .Review_Td td { padding:4px 4px 4px 4px;font-weight:bold;background:url('images/GrayBoxRepeatBg.png') repeat-y -302px 0px;font-size:17px} .Review_Td td span {color:#1B9504;font-size:14px} .play_now {border-width: 0px; float: right;} #editor { background:#F0E4B6;width:572px;font-size: 14px;float:left;font-style:italic} #editor .editorimg { background-image: url(images/editor.png); background-repeat: no-repeat; } #editor #editorLB { background-position: -0px -0px; width: 13px; height: 9px; position:relative;float:left } #editor #editorLT { background-position: -13px -0px; width: 13px; height: 9px; position:relative;float:left } #editor #editorRB { background-position: -26px -0px; width: 13px; height: 9px; position:relative;float: right } #editor #editorRT { background-position: -39px -0px; width: 13px; height: 9px; position:relative;float:right } #editor p { margin:4px 7px 7px 7px } /* Gray_Box */ .GrayBox { width:570px; padding:0px; margin:7px 7px 0px 0px; } .GrayBox td { padding:0px; margin:0px } .GrayBoxBiginside { background:url('images/GrayBoxRepeatBg.png') repeat-y -302px 0px } .GrayBoxinsideBig.GrayBoxtop { background:url('images/GrayBoxSprite.png') 0px -105px;height:2px;width:570px;} .GrayBoxBottom { background:url('images/GrayBoxSprite.png') repeat-x 0px -113px;height:16px } .GrayBoxBottom img { width:9px;height:12px;background:url('images/GrayBoxSprite.png') } .GrayBoxBottom .Rc { float:right;background-position:0px -22px } .GrayBoxBottom .Lc { float:left;background-position:0px -5px } .GrayBoxBottom td { padding:0px; margin:0px } /* Clips ************************************************************************************************************8*/ #clipBox { text-align:center;text-align: center; height:461px } #clipBox object { margin-top:5px } #clipBoxRight { float:left;width:281px;padding:6px;line-height:15px; height:456px} #clipBoxRight p {font-size:12px;text-align: left;height:87px;line-height:23px;font-weight:bold} #clipBoxRight .banner {margin-left:22px;margin-top:45px;} #clipimg { float:left;width:120px;height:90px;border:1px solid #333333; margin:0px 4px 4px 4px} .clipDiv { width:879px} .clipDiv div { float:left;width: 146px;font-weight:700; margin:0px 24px 14px 5px;} .clipDiv img { float:left;width:120px;height:90px;border:4px double #808080; margin:0px 4px 4px 4px} #ClipAddThis { width:478px;background:#FFFFFF;border:1px solid #D6D6D6;text-align:center;height: 21px;margin-left: 44px;margin-right: 45px; margin-top:8px} .clips_300_250_banner {float:right;margin-top:7px} /* contact ************************************************************************************************************8*/ #contact { float:left;width:543px; margin-left:10px;vertical-align:top;height: 279px;} #contact td { vertical-align:top } #contact input { width:200px} /* footer ************************************************************************************************************8*/ #footer { text-align:center;font-size: 11px; float:left;width:897px} #footer a { font-size:11px; color:#808080; text-decoration:none;margin-right:10px;margin-left:10px} #footer li { display: inline; margin:0px; border-right:1px solid #CCCCCC} #footer li#last { border-right:0px}