/* Page Elements ------ */ body{margin: 0px; padding: 0px; background: #717094 url("/images/V3/bg_body.jpg") repeat-x; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:76%;} a { color: #0260B7; text-decoration:none} a:hover { color: #7DB0FF; text-decoration:underline} img {border: none;} #container { width: 700px; margin: 0px auto; padding: 0px 22px 300px 9px; background: url("/images/V3/bg_container.jpg") repeat-y;} h1{font-family: Georgia; padding:8px 0px; font-size:1.4em; margin:0px; color:#333333;} h2, h3 { font-family:Arial, Helvetica, sans-serif; font-size:1.6em; color: #336699; margin: 0px; padding: 10px 0px; } h4 {font-size:14px; font-weight:bold; color:#000; text-decoration:underline; padding:10px 0px; margin:0px;} h5 {font-size:13px; font-weight:bold; color:#369; padding:10px 0px; margin:0px;} .RedArrows {font-family: "Times New Roman", Times, serif; font-size: 9px; font-weight: bold; color: #CC3300;} .imagecontainer{float:left; clear:left; background: url(/images/shadowp.png) no-repeat bottom right !important; background: url(/images/shadowp.gif) no-repeat bottom right; margin: 10px 0 10px 10px !important; margin: 10px 0 10px 5px; width: auto;} .imagecontainer img{display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px;} /* Ribbon ------ */ #container .ribbon_top { position: absolute; margin: 0px 0px 0px 675px; width: 52px; height: 150px; } #container .h_top { background: url("/images/V3/ribbons/home_top.png") no-repeat; } #container .g_top { background: url("/images/V3/ribbons/games_top.jpg") no-repeat; } #container .p_top { background: url("/images/V3/ribbons/parts_top.jpg") no-repeat; } #container .d_top { background: url("/images/V3/ribbons/distributors_top.jpg") no-repeat; } #container .a_top { background: url("/images/V3/ribbons/about_top.jpg") no-repeat; } #container .c_top { background: url("/images/V3/ribbons/contact_top.jpg") no-repeat; } #container .x_top { background: url("/images/V3/ribbons/admin_top.jpg") no-repeat; } #container .r_top { background: url("/images/V3/ribbons/redemption_top.png") no-repeat; } #container .n_top { background: url("/images/V3/ribbons/non_top.png") no-repeat; } #container .ribbon_btm { position: absolute; margin: 150px 0px 0px 675px; width: 75px; height: 525px; } #container .h_btm { background: url("/images/V3/ribbons/home_btm.png") no-repeat; } #container .g_btm { background: url("/images/V3/ribbons/games_btm.png") no-repeat; } #container .p_btm { background: url("/images/V3/ribbons/parts_btm.png") no-repeat; } #container .d_btm { background: url("/images/V3/ribbons/distributors_btm.png") no-repeat; } #container .a_btm { background: url("/images/V3/ribbons/about_btm.png") no-repeat; } #container .c_btm { background: url("/images/V3/ribbons/contact_btm.png") no-repeat; } #container .x_btm { background: url("/images/V3/ribbons/admin_btm.png") no-repeat; } #container .r_btm { background: url("/images/V3/ribbons/redemption_btm.png") no-repeat; } #container .n_btm { background: url("/images/V3/ribbons/non_btm.png") no-repeat; } /* Header ------ */ #header{width:850px; margin: 0px auto; font-family: 'lucida grande', helvetica, verdana, arial, sans-serif;} #header ul{ padding:0px; margin:0px; list-style-type:none; width:auto;} #header li{padding:5px 10px 0px 10px; margin:0px; float:left; width:46%; color:#FFFFFF;} #header li div{text-align:right;} #header li a {color:#0260B7;} #header .roundcont { margin:0px auto; background:#7FCDEF; background-position: 150px 0px;} #header .roundbottom {background: url(/images/br_009BDF.gif) no-repeat top right;} #header img.corner {width: 11px; height: 11px; border: none;display: block !important;} /* Header OLD ------ */ #header .left, #header .right { float: left;} #header-B {height:0px; padding-top:5px;} #nv_cart{padding:10px 10px 5px 10px; background: url(/images/cart_bg.jpg) no-repeat; font-size:.9em; margin:0px auto; width:680px; height:22px; float:left;} #nv_cart a{color:#0000FF;text-decoration:none;font-weight: bold;} #nv_cart a:active, #nv_cart a:hover{text-decoration:underline;} #nv_cart div{ float:left; width:330px;} /* Header styles for pages with differant layout formant ie: news articles ------ */ #nv_cart_sub a:link, #nv_cart_sub a:visited{color:#0000FF;text-decoration:none;font-weight: bold;} #nv_cart_sub{padding:5px 10px; line-height:27px; height:27px; background: url(/images/cart_bg.jpg) no-repeat; font-size:.9em; margin:0px auto; width:97%; float:left;} #nv_cart_sub div {float:left; width:50%} /* Navigation ------ */ /* Navigation ------ */ #nav { clear: left;} #nav .spacer { float: left; height: 36px; border-top: 1px solid #9a9a9a} #nav .l { width: 35px; background: url("/images/V2_nav3/nv_r2_c1.jpg") no-repeat;} #nav .r { width: 47px; background: url("/images/V2_nav3/nv_r2_c8.jpg") no-repeat} #nav a { display: block; float: left; height: 36px; border-top: 1px solid #9a9a9a} #nav a span { display: none; } #nav a.h { background: #E435FC url("/images/V3/nav/home_n.jpg") no-repeat; width: 75px;} #nav a.h:hover, #nav a.h_on { background: #E435FC url("/images/V3/nav/hover_home_n.jpg") no-repeat; } #nav a.g { background: #009BDE url("/images/V3/nav/games_n.jpg") no-repeat; width: 72px;} #nav a.g:hover, #nav a.g_on { background: #009BDE url("/images/V3/nav/hover_games_n.jpg") no-repeat; } #nav a.p { background: #225AA4 url("/images/V3/nav/parts_n.jpg") no-repeat; width: 120px;} #nav a.p:hover, #nav a.p_on { background: #225AA4 url("/images/V3/nav/hover_parts_n.jpg") no-repeat; } #nav a.d { background: #009F3B url("/images/V3/nav/distributors_n.jpg") no-repeat; width: 108px;} #nav a.d:hover, #nav a.d_on { background: #009F3B url("/images/V3/nav/hover_distributors_n.jpg") no-repeat; } #nav a.a { background: #61B40C url("/images/V3/nav/about_n.jpg") no-repeat; width: 83px; } #nav a.a:hover, #nav a.a_on { background: #61B40C url("/images/V3/nav/hover_about_n.jpg") no-repeat; } #nav a.c { background: #CD0067 url("/images/V3/nav/contact_n.jpg") no-repeat; width: 94px;} #nav a.c:hover, #nav a.c_on { background: #CD0067 url("/images/V3/nav/hover_contact_n.jpg") no-repeat; } #nav a.r { background: #ff6600 url("/images/V3/nav/education_n.jpg") no-repeat; width: 86px;} #nav a.r:hover, #nav a.r_on { background: #ff6600 url("/images/V3/nav/hover_education_n.jpg") no-repeat; } /* NOTE: OLD navigation #nav { clear: left;} #nav .spacer { float: left; height: 36px; border-top: 1px solid #9a9a9a} #nav .l { width: 39px; background: url("/images/V2_nav3/nv_r2_c1.jpg") no-repeat;} #nav .r { width: 50px; background: url("/images/V2_nav3/nv_r2_c8.jpg") no-repeat} #nav a { display: block; float: left; height: 36px; border-top: 1px solid #9a9a9a} #nav a span { display: none; } #nav a.h { background: #E435FC url("/images/V3/nav/home.jpg") no-repeat; width: 81px;} #nav a.h:hover, #nav a.h_on { background: #E435FC url("/images/V3/nav/hover_home.jpg") no-repeat; } #nav a.g { background: #009BDE url("/images/V3/nav/games.jpg") no-repeat; width: 80px;} #nav a.g:hover, #nav a.g_on { background: #009BDE url("/images/V3/nav/hover_games.jpg") no-repeat; } #nav a.p { background: #225AA4 url("/images/V3/nav/parts.jpg") no-repeat; width: 122px;} #nav a.p:hover, #nav a.p_on { background: #225AA4 url("/images/V3/nav/hover_parts.jpg") no-repeat; } #nav a.d { background: #009F3B url("/images/V3/nav/distributors.jpg") no-repeat; width: 113px;} #nav a.d:hover, #nav a.d_on { background: #009F3B url("/images/V3/nav/hover_distributors.jpg") no-repeat; } #nav a.a { background: #61B40C url("/images/V3/nav/about.jpg") no-repeat; width: 90px; } #nav a.a:hover, #nav a.a_on { background: #61B40C url("/images/V3/nav/hover_about.jpg") no-repeat; } #nav a.c { background: #CD0067 url("/images/V3/nav/contact.jpg") no-repeat; width: 100px;} #nav a.c:hover, #nav a.c_on { background: #CD0067 url("/images/V3/nav/hover_contact.jpg") no-repeat; } #nav a.r { background: #ff6600 url("/images/V3/nav/education.jpg") no-repeat; width: 86px;} #nav a.r:hover, #nav a.r_on { background: #ff6600 url("/images/V3/nav/hover_education.jpg") no-repeat; } */ /* Shopping cart ------ */ #cart .message{padding:3px; margin:10px; text-align:center; color: #666666; background:#FFFF99; font-family:Verdana, Arial, Helvetica, sans-serif;} #cart .message a{color:#666666; text-decoration:underline;} /* Body Contact Area */ #mainContent {clear: left; padding:0px 25px 10px 10px; line-height: 18px; } #mainContent p{font-size:1em;} #mainContent .h2_sub { padding:20px 0px 0px 10px; font-size:14px; color:#666666;} #gamecategory{text-align:left; font-size:12pt; font-weight:bold; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; color:#ffffff; width:640px; background-color:#336699; clear:both; font-family: 'lucida grande', helvetica, verdana, arial, sans-serif;} /* Copyright ------ */ #bottom{text-align:left; margin:10px auto 100px auto; width:680px; background:#efefef; clear:both; font-family: 'lucida grande', helvetica, verdana, arial, sans-serif;} #bottom ul{float:left; width:170px; padding:0px; margin:0px; list-style-type:none;} /* possible future color options from the ribbon banners .g{color:#009F3B;} .p{color:#225AA5;} .a{color:#60B40C;} */ #bottom li strong{padding:0px 10px; color:#333;} #bottom li{padding:5px 0px; margin:0px;} #bottom .g li a,#bottom .p li a,#bottom .a li a{padding:2px 0px 2px 10px; color:#666666} #bottom .a{width:140px;} #bottom .roundcont {width: 100%; margin:0px auto; background:#efefef;} #bottom .roundcont p {margin: 0 10px;} #bottom .roundtop {background: url(/images/tr_efefef.gif) no-repeat top right;} #bottom .roundbottom {background: url(/images/br_efefef.gif) no-repeat top right;} #bottom .copyright{ font-size:.8em; font-family: sans-serif, serif; color:#666666; text-align:center; border-top:1px #CCCCCC solid; margin-top:10px; padding:10px;} #bottom img.corner {width: 11px; height: 11px; border: none;display: block !important;} /* Game Information and Parts Details Page ------ */ #gameQuestionnaire{float:left; margin-bottom:20px; display:none;} #questionnaire div{width:170px; float:left; padding-top:5px;} #questionnaire label{padding-left:5px;} #questionnaire .category{width:500px; float:left; padding-left:5px; margin:10px 5px 5px; border-bottom:1px solid #ccc;} #questionnaire {border:1px solid #369; background-color:#efefef; margin:0px auto; width:550px; padding:5px;} /* Inquiry and contact forms */ #formQ{float:left; width:650px; margin:0px 0px 25px 5px;} #formQ .ques{padding-left:10px; float:left; width:100%;} #formQ .answ{padding-left:20px; float:left; width:100%;} #authorize {display:none; position: absolute; z-index:10;} #authMsg {border: 5px solid #225AA5; background:url(/images/pns/auth_notice_bg.jpg) #A8CCF4; padding: 5px; width:400px;} #authSent {border: 5px solid #00CC33; background:url(/images/pns/success_bg.jpg) #A7FF5D; padding: 5px; width:400px;} #authSent strong{color:#009900; text-transform: uppercase;} #video_files{font-size:.8em;} .gameDesc{ font-size:1.1em;} .gameDesc #video_files a{ font-size:1.1em;} .gameDesc a{ font-size:.9em;} .gameDesc .li ul {line-height:1.4;list-style-type:none; padding:0px; margin:0px;} .gameDesc .li li {padding-left:25px; background:transparent url("/images/star.jpg") no-repeat; background-position:0 5px; padding-top:5px; padding-bottom:5px;} #gameList{float:left;} #gameList .gameTitle{font-size: 1.3em; font-weight: bold; padding-bottom:10px;} #gameList .gameSpec, .l_gamedesc {font-family:Arial, Helvetica, sans-serif; font-size: .9em; color: #333333; line-height: 17px;} #gameList .l_gamedesc{font-size: 1em;} #gameList .m { width:300px; text-align:right;} #gameList h3{font-size:.9em; font-weight:bold; color:#333333; margin:0px; padding:0px;} #gameList .roundcont {width: 350px;background-color: #f90;color: #fff; margin:0px auto;} #gameList .roundcont p {margin: 0 10px;} #gameList .roundtop {background: url(/images/games/gallery/tr.gif) no-repeat top right;} #gameList .roundbottom {background: url(/images/games/gallery/br.gif) no-repeat top right;} #gameList img.corner {width: 15px; height: 15px; border: none;display: block !important;} /* Poster success message */ #chart_success{border:#00CC33 3px solid; padding:5px; font-weight:bold; margin-bottom:10px; color: #009900;background:#A7FF5D url(/images/pns/success_bg.jpg);} /* Game Parts Detail Page */ a.ulink:link, a.ulink:hover, a.ulink:active, a.ulink:visited {text-decoration: underline;} table.graybg {background-color:#fff; background-image: url(/images/fade_bg.jpg); background-repeat: no-repeat;} /* Streaming Video Player */ #video{position: absolute; z-index: 500; visibility: hidden; background:none;} #video .inner {background:#000; border: 1px solid #000;} #video .inner p { text-align: right; padding:0px; margin:0px;} #popup_cont { position: absolute; z-index: 400; display: none; left: 0px; background: #000; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; } /* Game Index Page Styles */ .game_cat{padding:0px 10px; float:left; width:122px; margin:10px 0px 45px 0px;} .game_cat .menu ul{list-style-type:none; padding:0; margin:0;} .game_cat .menu li{float:left; position:relative; z-index:100;} .game_cat .menu table{position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:22px;} .game_cat .menu a {display:block; padding:0px; color:#fff; background:#FFFFFF; text-decoration:none;} .game_cat .menu ul ul a {display:block; font-size:11px; width:135px; padding:3px 0px 3px 5px; color:#fff; background:#7DA5D6; text-decoration:none; margin-right:1px;text-align:left;} .game_cat .menu :hover{color:#000; background:#efefef; text-decoration:none;} .game_cat .menu ul ul {visibility:hidden; position:absolute; width:135px; height:0;} .game_cat .menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;} /* PARTS n SERVICE Parts Listing ------ */ tr.eee{background-color: #eeeeee;} #partsList table {width:600px; margin:0px auto; padding:5px 0px;} #partsList table .img{width:50px; vertical-align:middle; height:45px; line-height:45px;} #partsList table .add{width:43px; text-align:right; padding-right:10px;} #partsList div {margin:0px auto 0px auto;} #partsList h2{margin:20px 0px 20px 0px;} #search_results .r{padding:10px 0px;} #search_results .na{ color:#666666; font-size:1.2em;} #search_results .c{font-size:1.4em; padding-top:10px;} #search_results .n{color: #666; padding-bottom:10px; font-style:italic;} #search_results .nd{color: #000; padding-bottom:10px; font-style:italic; font-size:1.5em;} /* News and Events ------ */ .news{ font-size:1.1em; padding: 5px 0px 5px 0px;} /* Distributors ------ */ #distributors_info{ margin-top:10px; width:600px;} #distributors_search{ margin-top:10px; border-top:#999999 1px solid;} #distributors{width:660px; background:url(/images/distributors/map_bg.gif) no-repeat; float:left; margin-top:10px;} #distributors #zip_search #zip_entry{padding:5px; margin-left:5px;} #distributors #map{width:570px; float:left; height:380px;} #distributors .flags{width: 280px;} #distributors .flag{ float:left; padding:5px 20px; text-align:center; width:98px;} #distributors .flag p{ margin:0px auto; padding:1px 0px; width:98px; color:#333333; text-align:center; background:#FFFFFF;} #dl #list h3,#distributors #map h3{ background: #67BE5B; color:#FFFFFF; font-weight:bold; font-size:1em; padding:3px 5px; margin-bottom:10px; width:650px;} /* Distributors map ------ */ #map #zip_search {display:none; width:300px; z-index:100; position: absolute; background:#FFFFCC; padding:5px 0px 0px 5px; margin:0px; border:#CCCCCC 1px solid; font-size:.9em;} #map #zip_search .error{background:#FFFF99; padding:5px; margin-left:-5px; font-weight:bold; color:#990000; border-style:solid; border-color:#CCCCCC; border-width:1px 0px 1px 0px;} #map #zip_search_close {font-weight: bold; float:left;z-index: 101; position: absolute;left: 262px;top: 0px; height: 13px;padding: 1px; cursor:pointer; text-decoration:underline;} /* Distributors listing ------ */ #dl{width:660px; float:left; margin:0px auto;} #dl #title{ background:#CCC; text-align:right;} #dl #title div{ float:right;} #dl #title h1{ padding:30px 20px 20px 0px ; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:normal;} #dl #state_list{font-size:12px; float:left; width:640px;} #dl #state_list .listA { padding:5px; margin:0px auto; width:530px; background:#efefef;} #dl #state_list .listA ul{margin:0px;} #dl .col {width: 100%; margin: 1em 0; padding: 0;} #dl .col li {float: left; margin-left: 5px; padding: 5px 0px; list-style:none;} #dl .col.two li {width: 46.5%; margin-left: 3.5%;} #dl .col.thr li {width: 29%; margin-left: 4%;} #dl #list{font-size:12px; float:left;} #dl #list table{margin:0px auto; width:620px; padding-bottom:20px;} #dl #list .c{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; margin: 0 5px 0 10px; width:320px;} #dl #list .info{font-weight:normal; font-size:12px; padding-left:20px;} #dl #list .maps, #dl #list .side_info{font-size:11px;} #dl #list .side_info{text-align:right;} #dl #list span{font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #flags {width:700px;} #canada {padding:35px 0px 0px 30px;} #england {padding:10px 0px 0px 90px; margin-left:70px;} #belgium {padding:-50px 0px 0px 40px; margin-top:-5px; margin-left:-10px;position :relative;} #us {margin:20px 0px 0px 50px;} #mex {clear:both; float:left; margin:-10px 0px 0px 40px;} #uae {padding:0px; margin-left:0px;margin-top:-40px;} #ukraine{margin-top:10px; margin-left:30px;} #russia {padding:10px 0px 0px 80px; margin-left:15px;} #taiwan {margin-top:0px; margin-left:0px;} #italy {margin-left:40px; margin-top:5px; } #australia{margin-top:30px; margin-left:-10px;} #it {margin-left:10px; margin-top:-30px;}