/*###### CSS File Structure ######*//* site: PartyCasino Site [ ------[ 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 { margin: 0; color: #000; background-color: #000000; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: .9em;} a { color: #0055BB; } a:hover { color: #003399; } h1, h2, h3, h4, h5, h6 { } /*[ ------[1][ Tag Overide ][end]------ ]*/ /*[ ------[2][ Classes ][start]------ ]*/ ::-moz-selection{ background:#003366; color:#fff; } ::selection { background:#003366; color:#fff; } /*[ ------[2][ Classes ][end]------ ]*/ /*[ ------ [3][ Header ][start]------ ]*/ #header #disclaimer { width: 100%; background-color: #000; text-align: center; height:60px; } #header #disclaimer a{} #header {height: 270px; width:960px; position:relative; margin:0 auto; } #header .container { margin-bottom: 0px; padding-top: 0px;} #header .plus18-header {position:absolute; top:60px; left:-5px;} #header .plus18-header-right {position:absolute; top:0; right:0;} #logo { position:absolute; top: 100px; left:32px;} #logo h1, #logo h2, #logo p { background: url(../images/logo.png) top left no-repeat; height: 76px; width: 250px; overflow: hidden; } #logo h1 a, #logo h2 a, #logo p a { display: block; height:76px; width: 250px; text-indent: -9999px; } .site-navigation li, .secondary-site-navigation li, .brand-navigation li, #product-list li, #social-navigation li { display: inline; } #product-list { position:relative; top:6px; left:46px; float:left;} #social-navigation {position:absolute; top:0px; left:781px; padding:0; margin:0; height:28px; width:28px;} #social-navigation li a {display:block; text-indent:-9999px; height:22px; width:22px; padding:0; margin:3px auto; background: transparent url(../images/facebook.gif) right top no-repeat; } .secondary-site-navigation {position:absolute; right:42px; top:160px;} .secondary-site-navigation a {text-decoration:none;} .secondary-site-navigation a:hover {text-decoration:underline;} .secondary-site-navigation li { padding:0 8px 0 7px } #header #language-navigation {position: absolute; top: 3px; right: 50px; z-index: 50; overflow: hidden; display:none;} #header #language-navigation ul{ background:transparent url(../images/dropdown_bg.png) repeat-x top; list-style-type: none;} #header #language-navigation ul{ width:90px; } #header #language-navigation ul li { display: none; padding:0;} #header #language-navigation ul li.first{display:block;} #header #language-navigation ul li a { width:98px; font-size:10px; display:block; padding:5px 10px; color:#ffffff; text-decoration:none; } #header #language-navigation ul li.first a{background: url(../images/breadcrumb-separator.gif) no-repeat 72px 5px;} #header #language-navigation ul li.first a:hover{background: #transparent url(../images/breadcrumb-separator.gif) no-repeat 72px 7px; color:#ffffff;} #header #language-navigation ul li.last { padding:0 0 6px 0; } #header #language-navigation ul li:last-child{display:none;} #header #language-navigation a:visited { color:#ffffff; text-decoration:none; } #header #language-navigation a:hover{ color:#ffffff; text-decoration:underline;} #login_box_con{width:480px; height:70px; position:absolute; right: 40px; top: 35px;} #product-list li { padding:0 7px 0 6px; background: transparent url(../images/secondary-navigation-divide.gif) right 4px no-repeat; float:left; height:16px; text-decoration:underline;} #product-list li.first { padding-left:0;} #product-list li a { color:#fff; font-size:11px; text-decoration:underline; } .secondary-site-navigation li a { color:#fff; font-size:10px; text-decoration:none } #product-list li.first { font-weight:bold; } #product-list li.last { background: none; } .site-navigation {position:absolute; top:186px; left:40px;} .site-navigation ul {clear:both;list-style:none;list-style-type:none;line-height:13px;padding:0;border:none;margin: 0;width:880px;} .site-navigation li { background: url(../images/site-navigation-divide.gif) right 1px no-repeat; height: 25px;float:left;margin:0;padding:0;position:relative;z-index:27;margin:0 5px 0 0;padding:0 10px 0 0;} .site-navigation li.last { background: none;float:right;margin-right:0;} .site-navigation li a {color: #ffffff;display:block;font-size:1em;margin-left:0;padding:5px !important;position:relative;text-decoration:none;z-index:30; font-weight: bold; font-size: 12px;} .site-navigation li a:hover {background-color:#5489C4;color:#FFFFFF;text-decoration:none; padding:0; margin:0;} .site-navigation .download, .site-navigation .instantplay {background:url(../images/red_button_f.gif) no-repeat left 0 !important;top:-6px;height:30px;padding:0 !important;margin-right:14px;} .site-navigation .download a,.site-navigation .download a:hover, .site-navigation .instantplay a,.site-navigation .instantplay a:hover {background:url(../images/red_button_b.gif) no-repeat right 0 !important;height:20px;padding:10px 27px 0 12px !important;float:left;margin:0 -7px 0 0;} .site-navigation .download a:hover, .site-navigation .instantplay a:hover{text-decoration:underline!important;} .site-navigation li.promotions { background: none; } .breadcrumb { background: #fff; width:960px; color: #666; font-size:11px; height: 50px; padding:0; position:absolute; top:220px;} .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; line-height:1.5em; } .breadcrumb li.last-crumb { font-weight:bold; background:none; color:#333; } .breadcrumbs ul li a { color:#666; } /*[ ------ [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; min-height: 400px; height: auto!important; height: 400px; 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 { line-height:20px; } body { background: black url(../images/main-site-background.jpg) center 60px no-repeat; } #content .container p { margin: 0 0 15px 0; } #main { font-size:12px; } #main h1 { margin-bottom:30px!important; font-size:30px; font-weight:bold; color:#333; font-family: verdana; line-height:30px; } #main h2 { margin:0; padding:30px 0 10px; border-bottom:1px solid #cdcdcd; font-size:18px; font-family:verdana; clear:left; color:#333; font-weight:bold;} #main .althead h2 { border:0;} div.althead { 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:#0055BB; font-weight:bold; } #main a:hover, #main a:hover { color:#003399; 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: 0 0 15px 0; padding-left: 15px; } #main ul ul, #main ol ol { margin: 4px 0 -5px 0; } #main ul li, #main ol li { line-height: 16px; padding: 6px 0 4px 5px; } #main ol li { list-style-type: decimal; } #main ol li ol li { list-style-type: decimal; margin: 0 0 0 5px; } #main blockquote { clear: both; font-family: Georgia, serif; font-style: italic; margin: 25px 0; padding: 15px 20px 15px 15px; } #main blockquote p { margin: 0 0 15px 0; } #main blockquote a:link, #main blockquote a:visited { text-decoration: underline; } #main img.left, #main img.right, #main img.center { padding: 5px; } #main img.left { float: left; clear: left; margin: 5px 10px 5px 0px; } #main img.right { float: right; clear: right; margin: 5px 0px 5px 10px; } #main div.image.center { display: block; margin: 20px auto; text-align: center; } #slides {background:#e5e5e5 url(../download/images/grey-diagonal-bg.jpg) repeat-x; padding:8px; margin:30px 0; border:1px solid #d1d1d1; width:640px} #slides h3 {background:#092441 url(../download/images/blue-diagonal-bg.jpg) repeat-x; padding:10px; margin:0 0 2px 0; border:1px solid #092441;color:#fff;} #slides p { padding:0 10px 0; margin:0;} #slide1, #slide2, #slide3, #slide4, #slide5, #slide6 { padding:12px 0!important; margin:0;} #slides #fig1, #slides #fig2 { clear:right; float:right; padding:0 10px 0 0} #slides #fig1 p, #slides #fig2 p {font-size:10px; padding:0; font-weight:bold; font-style:italic;} /*[ ------ [5][ Main ][end]------ ]*/ /*[ ------ [6][ Sidebar ][start]------ ]*/ .page-navigation { margin:16px 0; padding:0 0 0 1px; } .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; margin:0px } .page-navigation ul li a:hover { background: #333!important; 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: #ececec; } .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; background:#cdcdcd } .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); } #sidebar .left, #sidebar .right, #sidebar .center { padding: 0px; } #sidebar .left { float: left; clear: left; margin: 5px 10px 5px 0px; } #sidebar .right { float: right; clear: right; margin: 5px 0px 5px 10px; } #sidebar .center { display: block; margin: 15px auto 10px; text-align: center; } #sidebar #instantPlayLink a { font-size:11px; font-weight:bold; } /*[ ------ [6][ Sidebar ][end]------ ]*/ /*[ ------ [7][ Footer ][start]------ ]*/ #footer { margin: 0 auto; position:relative; text-align:center; width:960px; padding: 16px 0 50px 0; overflow:hidden;} #footer .container { text-align: center; } #footer .container ul { margin:0; line-height: 16px;} #footer #sub-navigation { position: relative; float: right; margin: 0px; padding: 0; top: 10px; } #footer .container p { color:#ffffff; font-size:11px; margin: 0; line-height: 1.3; padding: 5px 0px 0px; } #sub-navigation, #sub-navigation2 {overflow:hidden; width:960px; font-size:11px; height:40px;} #sub-navigation2{margin-top:15px;} #sub-navigation ul, #sub-navigation2 ul {display: block; left:50%; } #sub-navigation li, #sub-navigation2 li { display: inline; right:50%; color:#FFF;} #sub-navigation li a, #sub-navigation2 li a { color:#ffdf6f; background: transparent url(../images/secondary-navigation-divide.gif) right 3px no-repeat; padding:0 10px 0 0px } #sub-navigation ul li.last a, #sub-navigation2 ul li.last a { background: none!important; } #footer #footer-icons ul li a.address { background-image: none; text-indent: 0; text-decoration: none; font-size:13px; font-weight: bold; font-family: Arial; padding: 12px 2px; color: #fff; width: auto; } #footer #disclaimer-title h5 {float:left; margin: 20px 0 0;color:#CCC; clear:both; } #footer #disclaimer-col1, #footer #disclaimer-col2 {width:470px;float:left; font-size:10px;line-height:normal; margin:0;color:#CCC; text-align:left;} #footer .container #disclaimer-col1 p, #footer .container #disclaimer-col2 p {clear:both; margin: 10px 0; text-align:left;} #footer #disclaimer-col1 {margin-right:20px; clear:left;} #footer #disclaimer-col1 strong, #footer #disclaimer-col2 strong {font-weight:bold; text-align:left;} #footer #disclaimer-col1 ul, #footer #disclaimer-col2 ul {margin: 10px 0 0; clear:both;} #footer #disclaimer-col1 li, #footer #disclaimer-col2 li {list-style:disc; margin: 0 0 6px 14px; } #footer #disclaimer-col1 a, #footer #disclaimer-col2 a {text-decoration:underline; color: #CCC;} #footer #disclaimer-col1 a:hover, #footer #disclaimer-col2 a:hover {text-decoration:none;} /*[ ------ [7][ Footer ][end]------ ]*/ /*------Ticker Component start-----*/ #casino_jackpot_total_ticker{float:right;} /*------Ticker Component end-----*/ /*casino-game-category-component start*/ #casino-gameType{width:500px;height:auto;} #casino-gameType .casino-game a{color:silver;font-weight:bold;} #casino-gameType a{text-decoration:none;} #casino-gameType ul{list-style:none;} #casino-gameType .casino-game-title{text-decoration:underline;} /*casino-game-category-component end*/ #collapse {margin:30px 0;} #collapse h3{background:#e5e5e5 url(../download/images/grey-diagonal-bg.jpg) repeat-x; border:1px solid #d1d1d1; padding:10px 10px;margin:10px 0;} #collapse h3 span{background:transparent url(../images/accordion-arrow.png) no-repeat center left; padding:15px;} #collapse h3.ui-state-active span{background:transparent url(../images/accordion-arrow-active.png) no-repeat center left; padding:15px;} #collapse h3.ui-state-active{background:#092441 url(../download/images/blue-diagonal-bg.jpg) repeat-x; border:1px solid #092441;color:#fff;} .ui-accordion {border: 0; margin: 0;} /*casino landing page overrides */ #main .flash-container .inner-container { text-align: center;}