/* =GLOBAL ----------------------------------------------- */ * { margin: 0; padding: 0; } /*10pt Arial, Helvetica, sans-serif*/ body { color: #FFF; font: 13px Verdana, Arial, Helvetica, sans-serif; text-align: left; background: url("/images/bodyck.jpg") top center no-repeat #000; } .logo { float: left; background: url("/images/logo-fun.gif") top left no-repeat; width: 216px; height: 77px; } .logo a { display: block; width: 216px; height: 77px; } .logo a span { display: none; } div.wrapper { width: 910px; margin: 0 auto; padding-top: 30px; } .banner_inner { margin-bottom: 20px; } .banner-home { margin-bottom: 20px; } p { line-height: 1.5em; margin-bottom: 1.5em; } a { color: #CE1534; text-decoration: none; } a:hover { color: #FFF; text-decoration: underline; } a img { border: none; } h1 { font-size: 20px; color: #ce1534; margin-bottom: 10px; font-weight: normal; } h2 { font-size: 18px; color: #FFF; margin-bottom: 25px; font-weight: normal; } h3 { font-size: 12px; font-weight: bold; color: #CCCECE; margin-bottom: 1.5em; } div.nav_wrapper { width: 815px; float: left; } div.container { width: 910px; margin: 0 auto; float: left; } div.col1 { width: 400px; float: left; margin-right: 35px; } div.col1 a {text-decoration:underline;} div.col2 { width: 400px; float: left; margin-right: 35px; } div.col2 a {text-decoration:underline;} div.col3 { width: 340px; float: right; } div.colck { width: 860px; float: left; margin-right: 35px; } /* New Main Nav by CK */ div.navimain {position: relative; float: right; height: 44px; margin-right: -79px; } div.navimain ul { position: relative; float: left; height: 56px; } div.navimain ul li { display: block; float: left; font-size: 14px; font-weight: bold; margin-right: 30px; } div.navimain ul li a {display: block; overflow: hidden; color: #FFFFFF; padding-top: 10px;} div.navimain ul li a:hover { color: #CE1534; text-decoration: none; } div.navimain ul li.active a { color: #CE1534; } /* Top Telephone */ .top-info { float:right; text-align:right; width: 355px; padding: 3px 5px 1px 0; color: #FFFFFF; } .top-info p {color: #FFFFFF; font-family: "Trebuchet MS", Arial, Sans-Serif; text-align:right; font-size:18px; font-weight:bold;} /* =NAVIGATION - MAIN ---------------------------------------------------*/ div.nav_main { position: relative; float: right; height: 44px; margin-right: -79px; margin-top: 12px; } div.nav_main ul { position: relative; float: left; height: 36px; } div.nav_main ul li { display: block; float: left; } div.nav_main ul li a { display: block; overflow: hidden; height: 0px; padding-top: 36px; background: url(../FUN/repository/assets/images/nav-main.gif) 0 0 no-repeat; } div.nav_main ul li#home a { width: 94px; background: url(../FUN/repository/assets/images/nav-main.gif) 0 0 no-repeat; } div.nav_main ul li#home a:hover { width: 94px; background: url(../FUN/repository/assets/images/nav-main.gif) 0 -36px no-repeat; } div.nav_main ul li#home a:active { width: 94px; background: url(../FUN/repository/assets/images/nav-main.gif) 0 -72px no-repeat; } div.nav_main ul li#home a.active { width: 94px; background: url(../FUN/repository/assets/images/nav-main.gif) 0 -72px no-repeat; } div.nav_main ul li#pinball a { width: 119px; background: url(../FUN/repository/assets/images/nav-main.gif) -94px 0 no-repeat; } div.nav_main ul li#pinball a:hover { width: 119px; background: url(../FUN/repository/assets/images/nav-main.gif) -94px -36px no-repeat; } div.nav_main ul li#pinball a:active { width: 119px; background: url(../FUN/repository/assets/images/nav-main.gif) -94px -72px no-repeat; } div.nav_main ul li#pinball a.active { width: 119px; background: url(../FUN/repository/assets/images/nav-main.gif) -94px -72px no-repeat; } div.nav_main ul li#arcade-games a { width: 204px; background: url(../FUN/repository/assets/images/nav-main.gif) -213px 0 no-repeat; } div.nav_main ul li#arcade-games a:hover { width: 204px; background: url(../FUN/repository/assets/images/nav-main.gif) -213px -36px no-repeat; } div.nav_main ul li#arcade-games a:active { width: 204px; background: url(../FUN/repository/assets/images/nav-main.gif) -213px -72px no-repeat; } div.nav_main ul li#arcade-games a.active { width: 204px; background: url(../FUN/repository/assets/images/nav-main.gif) -213px -72px no-repeat; } div.nav_main ul li#billiards a { width: 140px; background: url(../FUN/repository/assets/images/nav-main.gif) -417px 0 no-repeat; } div.nav_main ul li#billiards a:hover { width: 140px; background: url(../FUN/repository/assets/images/nav-main.gif) -417px -36px no-repeat; } div.nav_main ul li#billiards a:active { width: 140px; background: url(../FUN/repository/assets/images/nav-main.gif) -417px -72px no-repeat; } div.nav_main ul li#billiards a.active { width: 140px; background: url(../FUN/repository/assets/images/nav-main.gif) -417px -72px no-repeat; } div.nav_main ul li#darts a { width: 91px; background: url(../FUN/repository/assets/images/nav-main.gif) -557px 0 no-repeat; } div.nav_main ul li#darts a:hover { width: 91px; background: url(../FUN/repository/assets/images/nav-main.gif) -557px -36px no-repeat; } div.nav_main ul li#darts a:active { width: 91px; background: url(../FUN/repository/assets/images/nav-main.gif) -557px -72px no-repeat; } div.nav_main ul li#darts a.active { width: 91px; background: url(../FUN/repository/assets/images/nav-main.gif) -557px -72px no-repeat; } div.nav_main ul li#inventory a { width: 152px; background: url(../FUN/repository/assets/images/nav-main.gif) -648px 0 no-repeat; } div.nav_main ul li#inventory a:hover { width: 152px; background: url(../FUN/repository/assets/images/nav-main.gif) -648px -36px no-repeat; } div.nav_main ul li#inventory a:active { width: 152px; background: url(../FUN/repository/assets/images/nav-main.gif) -648px -72px no-repeat; } div.nav_main ul li#inventory a.active { width: 152px; background: url(../FUN/repository/assets/images/nav-main.gif) -648px -72px no-repeat; } /* =NAVIGATION - RIGHT ---------------------------------------------------*/ div.nav_right { position: relative; float: right; height: 340px; } div.nav_right ul { position: relative; float: left; height: 340px; } div.nav_right ul li { display: block; } div.nav_right ul li a { display: block; overflow: hidden; width: 340px; height: 0px; padding-top: 44px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) 0 0 no-repeat; } div.nav_right ul li#consulting a { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) 0 0 no-repeat; } div.nav_right ul li#consulting a:hover { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) -340px 0 no-repeat; } div.nav_right ul li#consulting a:active { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) -340px 0 no-repeat; } div.nav_right ul li#consulting a.active { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) -340px 0 no-repeat; } div.nav_right ul li#it a { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) 0 -44px no-repeat; } div.nav_right ul li#it a:hover { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) -340px -44px no-repeat; } div.nav_right ul li#it a:active { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) -340px -44px no-repeat; } div.nav_right ul li#it a.active { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) -340px -44px no-repeat; } div.nav_right ul li#process a { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) 0 -88px no-repeat; } div.nav_right ul li#process a:hover { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) -340px -88px no-repeat; } div.nav_right ul li#process a:active { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) -340px -88px no-repeat; } div.nav_right ul li#process a.active { width: 340px; background: url(../FUN/repository/assets/images/right_nav-main.jpg) -340px -88px no-repeat; } /* =NAVIGATION - MINI ---------------------------------------------------*/ .nav_mini { float: right; margin-bottom: 28px; } .nav_mini ul { float: right; } .nav_mini ul li { display: block; float: left; } .nav_mini ul li a { display: block; overflow: hidden; height: 0px; padding-top: 27px; } .nav_mini ul li a.login { background: url(/repository/assets/images/client_login2.jpg) top left no-repeat; width: 147px; margin-right: 15px; } .nav_mini ul li a.support { background: url(/repository/assets/images/get_help2.jpg) top left no-repeat; width: 157px; margin-right: 15px; } .nav_mini ul li a.contact_sales { background: url("/images/contact_sales2.jpg") top left no-repeat; width: 167px; margin-right: 15px; } .nav_mini ul li a.login:hover, .nav_mini ul li a.support:hover, .nav_mini ul li a.contact_sales:hover { border-bottom: #FFF 2px solid; margin-bottom: -2px; } .nav_mini ul li.phone { font-size: 18px; color: #FFF; margin-top: 4px; } /* =BANNERS ---------------------------------------------------*/ .banner { margin: 15px 0 45px 0; } .banner_inner { margin: 15px 0 15px 0; background: url("/images/banner_inner.jpg") top left no-repeat; width: 910px; height: 72px; } .banner-home { margin: 15px 0 15px 0; background: url("../images/banner-hm.jpg") top left no-repeat; width: 910px; height: 30px; } /* =PRODUCT IMAGES ---------------------------------------------------*/ .products { float: left; margin-right: 10px; } .products a img { border: #FFF 4px solid; } .products a:hover img { border: #ce1534 4px solid; } .products a span { display: none; } .products_last { float: left; margin-bottom: 45px; } .products_last a img { border: #FFF 4px solid; } .products_last a:hover img { border: #ce1534 4px solid; } .products_last a span { display: none; } /* =FOOTER NAVIGATION ---------------------------------------------------*/ .footer_nav { background: url("/images/footer_bg.jpg") top left repeat-x #000; width: 910px; float: left; margin-bottom: 15px; } .footer_nav_left { padding: 4px 20px; border-right: #000 1px solid; float: left; } .footer_nav_mid { padding: 4px 20px; border-right: #000 1px solid; border-left: #121212 1px solid; float: left; } .footer_nav_mid2 { padding: 4px 20px; border-right: #000 1px solid; border-left: #121212 1px solid; float: left; width: 152px; } .footer_nav_right { padding: 4px 20px; border-left: #121212 1px solid; float: left; width: 220px; } .footer_nav p { font-size: 11px; color: #CCCECE; } .footer_nav p a { color: #619B9B; text-decoration: none; } .footer_nav p a:hover { text-decoration: underline; } .footer_nav ul { display: block; float: left } .footer_nav ul li { display: block; font-size: 11px; color: #CCCECE; line-height: 1.5em; } .footer_nav ul li a { color: #CCCECE; } .footer_nav ul li a:hover { text-decoration: underline; } /* =FOOTER ---------------------------------------------------*/ .footer_wrapper { border-top: #666 2px solid; margin-top: 20px; padding: 10px; } .footer { float: right; } .footer p { font-size: 10px; color: #999; } .footer p a { color: #999; } .footer p a:hover { color: #EEE; text-decoration: none; } /* =MISC ----------------------------------------------- */ .clear { clear: both; } .logo { float: left; } .left { float: left; margin-right: 30px; } .leftimage { float: left; margin: 0 15px 15px 0; } .rightimage { float: right; margin: 0 0 15px 15px; } .right { float: right; } .indent { margin-left: 20px; } .red { font-weight: bold; color: #ce1534; } .blue { font-weight: bold; color: #009999; } .green { font-weight: bold; color: #00BF00; } .telephone {font-size:18px;}