/*###### CSS File Structure ######*//* site: PartyPoker.com [ ------[ Styles Breakdown ][start]------ ] 1. Tag Overide 2. Classes 3. Header 4. Column Layout 5. Main 6. Sidebar 7. Footer [ ------[ Styles Breakdown ][end]------ ] *//*###### CSS File Structure ######*/ /*[ ------[1][ Tag Overide ][start]------ ]*/ body { background:#000000 url("../images/page_background.gif") repeat-x; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; } h1, h2, h3, h4, h5, h6 { } /*[ ------[1][ Tag Overide ][end]------ ]*/ /*[ ------[2][ Classes ][start]------ ]*/ ::-moz-selection{ background:#2e5c1e; color:#fff; } ::selection { background:#2e5c1e; color:#fff; } .coming-soon-mac { border: 1px solid #CCC; background-color: #EEE; margin-bottom: 25px; } #main .coming-soon-mac p { margin: 0; padding: 15px 15px 15px 50px; border-top: 1px solid #FFF; border-bottom: 1px solid #DDD; background-image: url("../images/support-icon-mac.png"); background-repeat: no-repeat; background-position: 8px 12px } #main .coming-soon h3 { padding-left: 100px !important; display: block; background-image: url("../images/bg_tag-coming-soon.gif"); background-repeat: no-repeat; background-position: 5px center; } .coming-soon li strong { float: left; text-indent: -9999px; width: 93px; height: 17px; background-image: url("../images/bg_tag-coming-soon.gif"); background-repeat: no-repeat; background-position: left top; } /*[ ------[2][ Classes ][end]------ ]*/ /*[ ------ [3][ Header ][start]------ ]*/ #header .container { overflow: visible; position: relative; z-index:31; } #branding { margin:30px 0; float: left; } #branding h2#logo { background: url("../images/logo.png") top left no-repeat; height: 50px; width: 250px; overflow: hidden; } #branding h2#logo a { display: block; height:50px; width: 250px; text-indent: -9999px; } .breadcrumb { background: #FFF; width:960px; color: #666; font-size:11px; height: 50px; padding:0; } .breadcrumbs h5 { display:none; } .breadcrumbs ul { float: left; margin:18px; } .breadcrumbs ul li { background:url("../images/breadcrumb_bullet.gif") no-repeat right; margin:18px 6px 18px 0px; padding:0 20px 0 0 } .breadcrumb li.last-crumb { font-weight:bold; background:none; color:#333; } .breadcrumbs ul li a { color:#666; } .site-navigation { clear: both; height:47px; font-size:14px; font-weight:bold; margin:0px; padding:0px; } .site-navigation ul { margin:0; width:960px; padding:0px; height:47px; list-style-type: none; } .site-navigation ul li { margin:0; padding:0px; background: transparent url("../images/site-navigation_divide.png") no-repeat scroll right 0; float:left; } .site-navigation ul li a { color:#FFF; margin:0; padding:15px 18px!important; display:block; height:17px; float:left; } .site-navigation ul li a:hover { background: url("../images/site-navigation_hover.gif") repeat-x; } .site-navigation ul li.active a, .site-navigation ul li.active a:hover { color:#333; margin:0; background:url("../images/site-navigation_highlight.gif") repeat-x; } #header #product-navigation{position: absolute; top: 0; right: 150px; z-index: 50; overflow: hidden; } #header #product-navigation ul{width:140px;} #header #product-navigation li.first a {background: url("../images/dropdown_arrow.png") no-repeat 127px 8px;} #header #product-navigation ul li.first a:hover {background: #2b521a url("../images/dropdown_arrow_left.png") no-repeat 127px 8px;} #header #product-navigation a:hover { color:#FFF; text-decoration:none; background: #2b521a url("../images/dropdown_arrow_left.png") no-repeat 127px 8px; } #header #language-navigation { position: absolute; top: 0; right: 0; z-index: 50; overflow: hidden; } #header #language-navigation ul,#header #product-navigation ul{ background:transparent url("../images/dropdown_bg.png") repeat-x top; border-width: 0 1px 1px; border-style: solid; border-color: #2b521a; list-style-type: none;} #header #language-navigation ul{width:100px;} #header #language-navigation ul li,#header #product-navigation ul li { display: none; } #header #language-navigation ul li.first,#header #product-navigation ul li.first{display:block;} #header #language-navigation ul li a,#header #product-navigation ul li a { font-size:10px; display:block; padding:6px; width:100%; color:#CCC; text-decoration:none; } #header #language-navigation ul li.first a{background: url("../images/dropdown_arrow.png") no-repeat 89px 8px;} #header #language-navigation ul li.first a:hover{background: #2b521a url("../images/dropdown_arrow_left.png") no-repeat 89px 8px;} #header #language-navigation ul li.last,#header #product-navigation li.last { padding:0 0 6px 0; } #header #language-navigation ul li:last-child,{display:none;} #header #language-navigation a:visited { color:#CCC; text-decoration:none; } #header #language-navigation a:hover{ color:#FFF; text-decoration:none; background: #2b521a url("../images/dropdown_arrow_left.png") no-repeat 89px 8px; } .secondary-site-navigation { font-size:11px; position: absolute; right: 0px; top:80px; } .secondary-site-navigation ul { list-style-type: none; float:right;} .secondary-site-navigation ul li { background:url("../images/secondary-navigation-divide.gif") no-repeat right 2px; margin-left:10px; padding-right:15px; float: left; } .secondary-site-navigation ul li.last { background:none; margin-left:10px; padding-right:0px } .secondary-site-navigation a { color:#CCC; text-decoration:none; } .secondary-site-navigation a:hover { color:#FFF; text-decoration:underline; } #header_message {margin:10px 0 0 100px; float:left} /*[ ------ [3][ Header ][end]------ ]*/ /*[ ------ [4][ Column Layout ][start]------ ]*/ #content.two-column .container, #content.two-column-footer .container, #content.three-column .container, #content.three-column-footer .container { background: url("../images/content_2col_background.gif") center top repeat-y; display: block;} .two-column #sidebar, .two-column-footer #sidebar, .three-column #sidebar, .three-column-footer #sidebar { margin:0; width: 224px; padding: 0; background:url("../images/sidebar_top_cap.gif") no-repeat;} .two-column #main, .two-column-footer #main, .two-column-right #main, .two-column-right-footer #main {margin:0 0 0 32px; padding: 0 0 100px 0; width:672px; display:inline; } .two-column-right #main, .two-column-right-footer #main { width: 640px; } .three-column #main, .three-column-footer #main { margin:0 0 0 32px; padding:0 0 70px 0; width: 415px; display:inline; } .two-column-right #secondary-sidebar, .two-column-right-footer #secondary-sidebar, .three-column #secondary-sidebar, .three-column-footer #secondary-sidebar { background: #FFF; width: 225px; margin: 0 0 0 32px; padding: 0; display:inline; } .two-column-footer #content-footer, .two-column-right-footer #content-footer, .three-column-footer #content-footer { background-color: #FFF; clear: both; padding: 20px 32px 32px 32px; } /*[ ------ [4][ Column Layout ][end]------ ]*/ /*[ ------ [5][ Main ][start] ------ ]*/ #content, #footer { line-height:1.5em; } #page { background: url("../images/header_background.jpg") top center no-repeat; } #content .container {background:#FFF; width:960px; } #main { font-size:12px; line-height:20px; } #main h1 { margin-bottom:30px!important; font-size:30px; font-weight:bold; color:#333; font-family: verdana; line-height:30px; } #main #homeHeader h1 { margin:10px 0 20px; font-size:25px; font-weight:normal; color:#333; font-family: verdana; line-height: 30px; } #main h2 { margin:40px 0 10px; padding:0 0 10px 0; border-bottom:1px solid #999; font-weight:bold; font-size:18px; font-family:verdana; clear:left; } #main h3 { font-size:16px; font-weight:bold; } #main h4 { font-size:14px; } #main h5 { font-size:13px; } #main h6 { font-size:12px; } #main a { color:#eb3e3a; font-weight:bold; } #main a:visited { color:#eb3e3a; font-weight:bold; } #main a:hover, #main a:hover { color:#cc0000; font-weight:bold; text-decoration:none; } /* #main div.image.left, #sidebar .left { margin-right: 35px; } #main div.image.right, #sidebar .right {margin-left: 35px; }*/ #main ul, #main ol { margin: 15px 0; padding-left: 15px; } #main ul li, #main ol li { padding: 0; margin: 10px 0; } /*[ ------ [5][ Main ][end]------ ]*/ /*[ ------ [6][ Sidebar ][start]------ ]*/ #download-button { padding:16px; } .page-navigation { padding: 10px 0 32px 0; } .page-navigation ul { border-width: 0; border-style: solid; border-color: #AAA; width: 222px; } .page-navigation ul li { border-bottom: 1px solid #d1d1d1; } .page-navigation ul li.sub1{ background-color:#d1d1d1;} .page-navigation ul li ul { border-width: 0; border-style: solid; border-color: #AAA; } .page-navigation ul li ul li, .page-navigation ul li ul li ul li { border-bottom: 0px; background:#fff; } .page-navigation ul li.sub1 li a, .page-navigation ul li.sub1 li.sub2 li a, .page-navigation ul li.sub1 li.sub2 li.sub3 li a { font-weight: normal; } .page-navigation ul li.sub1 li.sub2 li.active a, .page-navigation ul li.sub1 li.sub2 li.sub3 li.active a { background-image: url("../images/page-navigation_bullet.gif"); } .page-navigation ul li a { display: block; padding: 5px 10px 5px 20px; font-size: 12px; font-weight: bold; text-decoration: none; color:#333; } .page-navigation ul li a:hover { background: #333; color: #FFF; } .page-navigation ul li ul li a, .page-navigation ul li ul li a:hover, .page-navigation ul li ul li a { padding-left: 35px; border-top: 1px #d1d1d1 solid; background-color: transparent; background-image: url("../images/page-navigation_bullet.gif"); background-position: 20px 13px; background-repeat: no-repeat; color: #000; } .page-navigation ul li ul li a:hover { background-color: #eaeaea; } .page-navigation ul li ul li ul li a, .page-navigation ul li ul li ul li a:hover { font-size:11px; padding: 3px 10px 3px 50px; border-top: 0; background-position: 35px 13px; } .page-navigation ul li ul li ul li ul li a, .page-navigation ul li ul li ul li ul li a:hover { padding-left: 65px; background-position: 50px 13px; } .page-navigation ul li.active a , .page-navigation ul li.sub1 li.active a , .page-navigation ul li.sub1 li.sub2 li.active a, .page-navigation ul li.sub1 li.sub2 li.sub3 li.active a { font-weight: bold; }, .page-navigation ul li.sub1 li.sub2 li.active a, .page-navigation ul li.sub1 li.sub2 li.sub3 li.active a { background-image: url("../images/page-navigation_bullet_dark.gif"); } .page-navigation ul li.sub1 li.sub2 li a, .page-navigation ul li.sub1 li.sub2 li.sub3 li a { background-image: url("../images/page-navigation_bullet.gif"); } /*[ ------ [6][ Sidebar ][end]------ ]*/ /*[ ------ [7][ Footer ][start]------ ]*/ #footer .container { width:960px; margin:16px auto 32px; padding:0px; } #footer .container p { text-align: left; float:left; width: 605px;} #footer p { font-size:10px; text-align:left; } #footer p a { color: #CCCCCC;} #sub-navigation ul { margin:0; float:left; } #sub-navigation ul li { font-size:11px; display:inline; background:url("../images/secondary-navigation-divide.gif") no-repeat bottom right; padding-right:16px; } #sub-navigation ul li.last { background:none; } #sub-navigation li a { color:#ccc; text-decoration:none; } #sub-navigation li a:hover { color:#fff; text-decoration:underline; } #footer #footer-box { background:#09090a url("../images/footer-background.gif") repeat-y; border:1px solid #333; float:left; width:958px; padding:0; margin:10px 0 0; font-size:10px; color:#ccc; text-align: left; } #footer #regulatory-icons { float:left; clear:left; width:606px; padding:32px; background:transparent url("../images/footer-background-shade.png") repeat-x;} #footer #footer-icons {margin: 30px 10px 30px 0;float:left; display:block;position:static;} #footer #footer-icons ul { display: block; float:none; position:static; } #footer #footer-icons ul li { height: 40px; display: inline; float: left; position:static; } #footer #download-button { width:190px; float:right; color:#ccc; padding:0 49px; height:inherit; } #footer #download-button p { float:left; padding:0; text-align:left; width:140px; } #footer #download-button img { margin:32px auto 16px; display:block; padding:0; } #footer #eighteen {float: right; height: 40px;padding: 0; margin:0; } #footer #eighteen ul { margin:0; } #footer #eighteen ul li { margin:0; } #footer #eighteen ul li a { background: url("../images/footer/ft_18_plus.png") top left no-repeat; width: 41px; height: 40px; text-indent: -9999px; display:block; } #footer #legal-text p { float:left; font-size:10px; color:#5e5e5e; margin: 20px 0px 0; width:960px; text-align: left; } /*[ ------ [7][ Footer ][end]------ ]*/ /*Optimisation test : Cross Sale*/ /* --------------------- top strip test1----------------------- */ /* ------------------------------------------------------- */ #top-nav {width: 100%; height: 25px; background-color:#051307; overflow:hidden;} #top-nav #top-nav-menu {width: 960px; margin: 0 auto;} #top-nav #top-nav-menu ul.top-nav-left { float: left; list-style-type: none; font-size: 10px; padding: 7px 0 0 0;} #top-nav #top-nav-menu ul.top-nav-right { float: right; list-style-type: none; font-size: 10px; padding: 7px 120px 0 0;} #top-nav #top-nav-menu ul.top-nav-left li, #top-nav #top-nav-menu ul.top-nav-right li { background: url("http://www.partypoker.com/etc/designs/sites/partypokercom/images/secondary-navigation-divide-grey.gif") no-repeat scroll right 2px transparent; float: left; margin: 0 0 0 8px; padding: 0 10px 0 0;} #top-nav #top-nav-menu ul.top-nav-left li strong{color: #FFF;} #top-nav #top-nav-menu ul.top-nav-left li.last, #top-nav #top-nav-menu ul.top-nav-right li.last { background: none repeat scroll 0 0 transparent; margin-left: 10px; padding-right: 0;} #top-nav #top-nav-menu ul.top-nav-left li a, #top-nav #top-nav-menu ul.top-nav-right a { color: #a5a5a5; text-decoration: none;} #top-nav #top-nav-menu ul.top-nav-left li a:hover, #top-nav #top-nav-menu ul.top-nav-right a:hover { color: #dddddd; text-decoration: underline;} #header #language-navigation ul {} #header #language-navigation ul li.first { height: 23px;} #header #language-navigation ul li.first a:hover {height: 23px;} /* --------------------- folder tags test2,2b ----------------------- */ /* --------------------------------------------------------- */ #folder-tab-nav {width: 1028px; margin: 0 auto; position:relative;} #folder-tab-nav #folder-tab-menu {position:absolute; width: 34px; right: 0; top: 156px; overflow:hidden;} #folder-tab-nav #folder-tab-menu ul{list-style:none;} #folder-tab-nav #folder-tab-menu ul li{ line-height: 1.2} #folder-tab-nav #folder-tab-menu ul li.poker { width: 34px; height: 116px; background: url("http://www.partypoker.com/etc/designs/sites/partypokercom/images/folder-tab-poker-2.png") no-repeat 0 0; text-indent:-9000px;} #folder-tab-nav #folder-tab-menu ul li.casino a{ float:left; width: 34px; height: 137px; background: url("http://www.partypoker.com/etc/designs/sites/partypokercom/images/folder-tab-casino.png") no-repeat 0 0; text-indent:-9000px;} #folder-tab-nav #folder-tab-menu ul li.sports a{float:left; width: 34px; height: 139px; background: url("http://www.partypoker.com/etc/designs/sites/partypokercom/images/folder-tab-sports.png") no-repeat 0 0;text-indent:-9000px;} #folder-tab-nav #folder-tab-menu ul li.bingo a{float:left; width: 34px; height: 148px; background: url("http://www.partypoker.com/etc/designs/sites/partypokercom/images/folder-tab-bingo.png") no-repeat 0 0;text-indent:-9000px;} #folder-tab-nav #folder-tab-menu ul li.casino a:hover{background-position: 0 -137px; } #folder-tab-nav #folder-tab-menu ul li.sports a:hover{background-position: 0 -139px;} #folder-tab-nav #folder-tab-menu ul li.bingo a:hover{background-position: 0 -148px;} /* --------------------- top strip test 3----------------------- */ /* ------------------------------------------------------- */ #product-header-nav {width: 960px; margin: 0 auto; position:relative;} #product-header-nav #product-nav-right { font-size: 11px; position: absolute; right: 0; top: 40px; width: 320px; padding: 0 0 14px 0; background: url("http://www.partypoker.com/etc/designs/sites/partypokercom/images/header-divider.png") no-repeat bottom right; height:25px;} #product-header-nav #product-nav-right ul{float: right; list-style-type: none;} #product-header-nav #product-nav-right ul li{ background: url("http://www.partypoker.com/etc/designs/sites/partypokercom/images/secondary-navigation-divide.gif") no-repeat scroll right 2px transparent; float: left;margin-left: 10px; padding-right: 15px; color: #CCCCCC;} #product-header-nav #product-nav-right ul li a{ color: #CCCCCC; text-decoration:none;} #product-header-nav #product-nav-right ul li a:hover{ text-decoration: underline; color:#FFF;} #product-header-nav #product-nav-right ul li strong {color:#FFF;} #product-header-nav #product-nav-right ul li.bingo { background: none; margin-left: 10px; padding-right: 0;} #overlay { background: #000; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 10000; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } #hidegeo { display: none; }