@CHARSET "UTF-8"; * { margin:0; padding:0; } body { font-family: Tahoma, Arial, sans-serif; font-size: 11px; background: #fff; color: #fff; } a { text-decoration: none; color: #82bcde; cursor: pointer; outline: none; } a:hover { text-decoration: underline; } img { border: 0; margin:0; padding: 0;} img.link { cursor:pointer; } .wrapper { width: 960px; clear: both; margin: 0 auto; position:relative; z-index:50; } .clear { clear:both; } #centercontent { width: 100%; clear: both; border-top:2px solid #000;} #content { width: 960px; dislpay: block; float: left; } #content_bg {width:100%;background:#193455;float:left;clear:both;padding-bottom:10px;} #content_right_column {vertical-align:top; width:300px;padding-left:30px;} .contenttab {width:100%;} .contenttab .contenttab_body { vertical-align: top; } .bottombuttons {width:100%; clear:both;border-top:1px dotted #fff;padding-top:5px;margin:10px 0;float:left;} .bottombuttons a {color:#fff;} .bottombuttons .backbutton {float:right; width:94px; height:18px; text-align:center;line-height:16px;background:url(/include/images/hp/redbutton.png) no-repeat;} .bottombuttons .homebutton {float:left; width:94px; height:18px; text-align:center;line-height:16px;background:url(/include/images/hp/redbutton.png) no-repeat;} .buttonsbox {clear:both;width:100%;} .pagetitle { width: 660px; float: left; clear: both; text-align:center; z-index: 1; } .pagetitle .ttllb { width: 9px; float: left; height: 38px; background: url(/include/images/hp/titlebg.gif) no-repeat 0 0; } .pagetitle .ttlrb { width: 9px; float: left; height: 38px; background: url(/include/images/hp/titlebg.gif) no-repeat 0 -38px; } .pagetitle .ttlbody { width: 642px; float: left; height: 38px; background: url(/include/images/hp/titlebg.gif) repeat-x 0 -76px; } .pagetitle span { margin-left: 10px; line-height: 38px; font-size: 14px; font-family: Tahoma; font-weight: bold; color: #8890a6; } .pagetitle a { color: #8890A6; font-size: 16px; } .pagetitle a:hover { color: #fea54a; text-decoration:none; } .page_subtitle {font-size:16px;line-height:43px;width:100%;height:45px;float:left;position:relative;background:url(/include/images/hp/subtitle_right_bg.gif) repeat-x 0 0; z-index:20;} .page_subtitle_left {font-size:18px;padding-left:10px;color:#ffffff;float:left;width:198px;height:45px;background:url(/include/images/hp/subtitle_left_bg.gif) no-repeat 0 0;z-index:20;} .page_subtitle_left a {color: #fff;} .page_subtitle_right {color:#1a3556;font-size:14px;margin-left:208px;height:45px;z-index:15;} .page_subtitle_right_border {z-index:20;position:absolute;right:0;top:0;} .pagetitle_hover { width: 660px; float: left; clear: both; text-align:center; position:absolute; z-index: 2; } .pagetitle_hover .ttllb { width: 9px; float: left; height: 38px; background: url(/include/images/hp/titlebg_hover.gif) no-repeat 0 0; } .pagetitle_hover .ttlrb { width: 9px; float: left; height: 38px; background: url(/include/images/hp/titlebg_hover.gif) no-repeat 0 -38px; } .pagetitle_hover .ttlbody { width: 642px; float: left; height: 38px; background: url(/include/images/hp/titlebg_hover.gif) repeat-x 0 -76px; } .pagetitle_hover span { margin-left: 10px; line-height: 38px; font-size: 14px; font-family: Tahoma; font-weight: bold; color: #8890a6; } .pagetitle_hover a { color: #8890A6; font-size: 16px; } .pagetitle_hover a:hover { color: #fea54a; text-decoration:none; } #footer { width: 100%; float: left; clear: both; background: #0d2036 url(/include/images/hp/foot/bg.png) repeat-x; z-index:50; } #foot { color: #fff; background:#0d2036; } #foot a { color: #fff; } #foot .footmenu { list-style:none; display:inline; margin:0; padding: 10px 0 30px 0; } #foot .footmenu li { display: inline; padding: 0 4px 0 15px; } #foot .footmenu a { color: #fff; } #foot .footmenu a:hover { color: #fff; } #foot_left_border {position:absolute;z-index:45;left:0;top:0;} #foot_right_border {position:absolute;z-index:45;right:0;top:0;} #footlefttext { float: left; padding-top: 0px; width: 290px; height: 110px; } #footcentertext { float: left; padding-top: 0px; width: 310px; height: 110px; } #footrighttext { float: left; padding-top: 0px; width: 360px; height: 110px; } #footrighttext #footcontact { float: left; width: 180px; } #footrighttext #footcontact2 { float: left; width: 180px; } #logo { float: left;} #logo a { display: block; } #topbox { float: left; width: 960px; height: 102px; color: #fff; } #topmenu_box { width: 764px; float: left; z-index:50; } #topmenu { display:block; float:right; position: relative; width: 764px; height: 102px; padding: 0; margin: 0; list-style: none; z-index: 50; } #topmenu li { height: 102px; float: left; padding: 0; margin: 0; z-index: 50; } #topmenu li a { display: block; height:102px; background: url(/include/images/hp/menu.png) no-repeat 0 0; } #topmenu li.mp_1 { width: 100px; } #topmenu li.mp_2 { width: 98px; } #topmenu li.mp_3 { width: 88px; } #topmenu li.mp_4 { width: 102px; } #topmenu li.mp_5 { width: 79px; } #topmenu li.mp_6 { width: 110px; } #topmenu li.mp_7 { width: 88px; } #topmenu li.mp_8 { width: 99px; } #topmenu li.mp_1 a { background-position: 0 0; width: 100px; } #topmenu li.mp_2 a { background-position: -100px 0; width: 98px; } #topmenu li.mp_3 a { background-position: -198px 0; width: 88px;} #topmenu li.mp_4 a { background-position: -286px 0; width: 102px; } #topmenu li.mp_5 a { background-position: -388px 0; width: 79px; } #topmenu li.mp_6 a { background-position: -467px 0; width: 110px; } #topmenu li.mp_7 a { background-position: -577px 0; width: 88px; } #topmenu li.mp_8 a { background-position: -665px 0; width: 99px; } #topmenu li.mp_1 a:hover, #topmenu li.mp_1 a.active { background-position: 0 -102px; } #topmenu li.mp_2 a:hover, #topmenu li.mp_2 a.active { background-position: -100px -102px; } #topmenu li.mp_3 a:hover, #topmenu li.mp_3 a.active { background-position: -198px -102px; } #topmenu li.mp_4 a:hover, #topmenu li.mp_4 a.active { background-position: -286px -102px; } #topmenu li.mp_5 a:hover, #topmenu li.mp_5 a.active { background-position: -388px -102px; } #topmenu li.mp_6 a:hover, #topmenu li.mp_6 a.active { background-position: -467px -102px; } #topmenu li.mp_7 a:hover, #topmenu li.mp_7 a.active { background-position: -577px -102px; } #topmenu li.mp_8 a:hover, #topmenu li.mp_8 a.active { background-position: -665px -102px; } #bannerbox {float:left; width:100%;height:248px;background:#f3f3f2 url(/include/images/hp/top_banner_top_shadow.png) repeat-x 0 0; z-index:50;} #subpage_bannerbox {float:left; width:100%;height:248px;background:#f3f3f2 url(/include/images/hp/top_banner_top_shadow.png) repeat-x 0 0; z-index:50;} #toploginbox {position:absolute;z-index:50;right:0;} #toploginbox a { float:left; } #toplogedbox {padding-left:5px;position:absolute; z-index:50; right:0; background: #2484c0 url(/include/images/hp/blue_space_left_side.gif) no-repeat 0 0;} #banner1 {height:248px;background:url(/include/images/hp/home/kid.jpg) no-repeat 298px 0;} #banner1_z_nami {margin-top:69px;margin-left:0px;} #subpage_bannerbox #banner1 {height:248px;background:url(/include/images/hp/subpage/kid.jpg) no-repeat 300px 0;} #midbanner {float:left; width:100%; height:141px; background: url(/include/images/hp/midbanner/bg.png) repeat-x 0 0; z-index:50; } #midbanner .wrapper {background:#ffffff;height:141px;} #midbanner_left_c {position:absolute;top:0;left:0;height:141px;z-index:45;} #midbanner_right_c {position:absolute;top:0;right:0;height:141px;z-index:45;} #midbanner_left {float:left;height:130px;z-index:50;} #midbanner_right {float:right;height:130px;z-index:50;} #midbanners {position:absolute;top:6px; left: 6px;width:948px;height:130px;z-index:50;} .js_select { position: relative; width: 264px; float: left; z-index: 20; margin: 13px 0 0 10px; height: 29px; background: url(/include/images/hp/select/bg.jpg) no-repeat; color: #666; text-align: left; } .js_selectbox_input { width: 100%; float: left; } .js_selectbox_value { padding-left: 5px; overflow: hidden; float: left; width: 228px; border: 0; display: block; height: 29px; line-height: 29px; } .js_selectbox_button { width: 31px; float: right; height: 29px; background: #fff url(/include/images/hp/select/button.jpg) no-repeat; cursor: pointer; } .js_selectlist { overflow: auto; height: 300px; padding: 0; margin: 0; list-style: none; width: 260px; display: none; position: absolute; right: 0; top: 28px; z-index: 20; background: #fff; border: 1px solid #ccc; } .js_selectlist li:hover { background: #d4acc4; cursor: pointer; } .js_textinput { width: 264px; float: left; height: 29px; margin: 13px 0 0 10px; padding:0; background: url(/include/images/hp/select/bg.jpg) no-repeat; } .js_textinput_value { padding-left: 5px; width: 228px; float: left; border: 0px; height: 29px; line-height: 29px; background: transparent; color: #666; font-size: 11px; font-family: Verdana; } .js_textinput_button { width: 31px; float: right; height: 29px; background: url(/include/images/hp/select/button.jpg) no-repeat; } .js_textinput_search { width: 30px; float: right; height: 29px; margin-right: 1px; background: url(/include/images/hp/select/button_search.jpg) no-repeat; } .prodbox { text-align: left; float: left; width: 140px; margin-top: 10px; margin-right: 5px; background: url(/include/images/hp/prodsmall_topcorners.png) no-repeat top; } .prodbox_right { margin-right: 0; } .prodbox_image { margin-top: 6px; height: 127px; background: #fff; text-align: center; vertical-align: bottom; } .prodbox_desc { text-align: center; background: #57abde; border-bottom: 1px dotted #460224; height: 42px;} .prodbox_desc a{display:block;color:#fff;} .prodbox_clear { clear: both; width: 100%; } .prodbox_price { color:#57abde; background: #fff; text-align: center; line-height: 30px; font-weight:bold; } .prodbox2 { text-align: left; float: left; width: 217px; margin-top: 10px; margin-right: 3px; } .prodbox2 a { color: #460224; } .prodbox2_right { margin-right: 0; } .prodbox2_image { margin-top: 5px; height: 215px; background: #fff; text-align: center; vertical-align: bottom; } .prodbox2_desc { text-align: center; background: #ebd1df; border-bottom: 1px dotted #460224; padding: 8px 0;height:28px; } .prodbox2_desc a{display:block;} .prodbox2_clear { clear: both; width: 100%; float: left; } .prodbox2_price { text-align: center; font-size: 24px; } .prodbox2_buttons { padding: 8px 0 0 0 ; text-align: center; background: #fff; } .prodbox2_foot { width: 217px; height: 5px; } .prodbox2_price em {color:#666;text-decoration: line-through; font-style:normal; font-weight:bold; clear:both;font-size:14px;} .prodbox2_price div {text-align:center;font-size:24px;} .prodbox2_price div.promoprice {color:red} #producers { width: 100%; clear: both; } #producers .producersbox { float: left; width: 160px; height: 160px; } #producers .producers_image { margin: 4px; } input.button{margin:2px;color:#fff;font-weight:bold;padding:3px 5px;font-size:12px;font-family:Tahoma; text-decoration:none;cursor:pointer;cursor:hand;background:url("/include/images/inputgfx.png") repeat-x 0px -27px; border:1px solid #0d5478; } input.button:active{border-color:#9cf #69e #69e #7af;} input.button:hover{border-color:#9cf #69e #69e #7af;color:#555;background:url("/include/images/hborder.png") repeat-x 0px -195px;} input.button[disabled]{cursor:default;color:#888;} input.button[disabled]:hover{border:1px outset #ccc;} input.submit{background:url("/include/images/inputgfx.png") repeat-x 0px -115px;border-color:#496d26;} input.submit_red{background:url("/include/images/inputgfx.png") repeat-x 0px -195px;} .hoverinput {border:0;border-bottom:1px dotted #ccc;padding:3px 3px 2px 3px;background:#fff;margin:0;text-align:left;} .hoverinput_active {border:1px solid #ccc;padding:2px;background:#fff url(/include/images/but_edit.png) no-repeat right center;margin:0;} .success{color:#006600;} .error{color:#cc0000;} .important{color:#E71E25;} .veryimportant{font-weight:bold;color:#E71E25;} .lessimportant{color:#666;font-weight:normal;} .little{font-size:10px;} .small{font-size:11px;} .bigger{font-size:14px;} .hidden{display:none;} .identifier{color:green;font-family:tahoma;letter-spacing:1px;} table.box{width:100%;background-color:transparent;} .crumbs { background: url(/include/images/hp/crumbs_bg.gif) repeat-x left bottom; font-size:12px;font-family:Tahoma;clear:both;padding:5px 5px 3px 5px;margin:0;line-height:22px;border:1px solid #102339; } .crumbs a{color:#fff;} .crumbs .separator{color:#fff;font-size:10px;} .crumbs .active{font-weight:bold;} .top_search_bar {float:right;} .top_search_bar a { } .top_search_bar img { } #topbannerbox{float:left;width:100%; margin-bottom:10px;} .small-error-box{color:orange;font-size:11px;font-family:Tahoma;font-weight:bold;} #flying-error-box{background-color:#efefef;color:#444;padding:5px;border:6px solid #ccc;position:fixed;width:450px;top:50%;left:50%;margin-top:-100px;margin-left:-225px;z-index:1000;} #flying-error-box #scroll{overflow:auto;height:80px;border:1px solid #aaa;margin:10px 0;background:#fff;} #flying-error-box .small-error-box{font-size:12px;padding:3px 4px;} #flying-box-bg{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;position:fixed;z-index:900;top:0;left:0;width:100%;height:100%;background:#666;} .error-box, .success-box{font-size:16px;text-align:left;float:left;padding:0;margin:2px 0;list-style:none;} .error-box li{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background:#cc0000;color:#fff;padding:12px;margin:2px 0;} .success-box li{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;background:#15bf45;color:#fff;padding:12px;margin:2px 0;} .success-box a,.error-box a{color:#fff;text-decoration:underline;} #text-title{font-size:16px;color:#444;font-weight:bold;padding:5px 0;margin:0 0 10px 0;display:block;width:100%;float:left;clear:both;} #mod-content-border{float:right;width:960px;} #mod-content-border_100{float:left;width:960px;} #mod-content{text-align:left;margin-top:0;padding-bottom:10px;vertical-align:top;} #order-progress{width:100%;text-align:center;border:0; border-collapse:collapse; } #order-progress .step{font-size:22px;color:#fff;padding: 0 4px;} #order-progress .active{font-weight:bold;color:#fef078; } #order-progress .completed{font-weight:bold;color:#82BCDE;} .form{width:100%;margin:10px 0;float:left;color:#fff;} .form .formField{width:100%;float:left;clear:both;margin:5px 0;} .form .fieldLabel{width:190px;float:left;text-align:right;padding:4px 0px 0; font-weight:normal; } .form .fieldInput{width:445px;float:right;text-align:left;} .form .formTitle{width:440px;float:left;clear:both;color:#fff;font-size:14px;font-weight:normal;padding:5px 0 5px 200px;} .form .formText{width:440px;float:left;clear:both;padding:5px 0 5px 200px;} .form input[type="text"],.form input[type="password"],.form select{color:#000;background:#bcd5e0;width:370px;padding:1px 5px 0;border:1px solid #3782a6;line-height:17px;height:19px;font-family:tahoma;font-size:12px;font-weight:bold;} .form .title{text-align:left;color:#fff;font-size: 16px;font-weight:normal;padding:5px 0 5px 0px;} .form input[disabled] {background-color:#ddd;} .form-table{float:left;width:100%;border:0;border-collapse:collapse;font-size:11px;} .form-table > tbody > tr > td, .form-table > tbody > tr > th, .form-table > tbody > tr{} .form-table > tbody > tr > td{padding:4px;vertical-align:top;line-height:22px;} .form-table > tbody > tr > th{color:#444;vertical-align:top;width:140px;padding:4px 10px 2px 10px;font-weight:normal;line-height:22px;text-align:left;} .form-table .subtitles{margin-top:5px;font-weight:normal;color:#888;display:block;} .form-table > tbody > tr > th.title, .form-table > thead > tr > th{color:#000;text-align:left;line-height:21px;padding:0px 8px;font-weight:bold;width:auto;} .form-table > tbody > tr > td.title{text-align:left;padding:3px;padding-top:5px;width:auto;} .formtbl { color: #333;line-height: 18px;font-size: 12px;background: #fff;border: 1px solid #ccc;border-radius: 8px;-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;} .formtbl .title { font-weight:bold; font-size: 14px; } .formtbl th, .formtbl td { padding: 2px 5px; } #basket_box {color:#000;padding:10px;} .basket{width:100%;float:left;margin:10px 0;color:#000;border-bottom:1px solid #888;background:#fff;} .basket td.basket_title{font-weight:normal;padding:10px 0;text-align:left;} .basket td.basket_deck{border-top:1px solid #888;padding:10px 0;} .basket a {color:#193455} .list-table a:hover{text-decoration:underline;} .list-table{background:#fff;width:98%;float:left;margin:10px;color:#333;border-collapse:collapse; border: 1px solid #e1e1e1; } .list-table thead th,.list-table th.title{text-align:left;font-weight:normal;padding:10px 0;color:#666;background:#e1e1e1;font-weight:bold;} .list-table thead th,.list-table th.title a{color:#666;} .list-table tbody tr td{padding:10px 5px; border-bottom: 1px solid #e1e1e1;} .list-table tbody tr.row1{background:#efefef;} .list-table .center{text-align:center;} .list-table .right{text-align:right;} .list-table .pointer{padding-left:10px;background:url(/include/images/gray_arrow.png) no-repeat left center;} .finelist-table {border:0;} .finelist-table thead th { background:#fff;padding-top:0; } .listnav{width:100%;clear:both;margin:10px 0 0 0;float:left;} .pagesbox{float:left;width:400px;} .sortbox{float:left;width:260px;} .sortbox .sortselectbox {width:190px;float:right;} .sortbox > span {line-height:27px;} .niceinput{color:#fff;width:180px;height:27px;position:relative;background:url(/include/images/hp/select/bg2.gif) no-repeat;} .niceinput span{color:#666;display:block;width:7px;height: 27px;position:absolute;right:0;top:0;background:url(/include/images/hp/select/end2.gif) no-repeat;} .niceinput select{color:#666;border:0;background:#fff;height:20px;width:170px;margin:4px 0 0 2px;} .listnavpages{width:100%;float:left;clear:both;margin:0;list-style:none;} .listnavpages li{display:block;float:left;width:20px;height:21px;margin: 2px;cursor:pointer;text-align:center;line-height:21px;} .listnavpages li a{display:block;} .listnavprev{background:url(/include/images/hp/listnav.gif) no-repeat 0 0;} .listnavnext{background:url(/include/images/hp/listnav.gif) no-repeat -20px 0;} .listnavactive{color:#000;background:url(/include/images/hp/listnav.gif) no-repeat -40px 0;} #mod-content-border_100 .pd_left {width:700px;} .pd_box{float:left;width:100%;margin:15px 0 10px 0;} .pd_left{float:left;width:370px;} .pd_info_image_big{text-align:center;margin:5px;width:290px;margin-bottom:15px;} #pd_info_image_big{width:300px;float:left;position:relative;} .pd_info_image_available_text {position:absolute;color:#D62319;font-weight:bold;bottom:3px;right: 15px;font-size:12px;} .pd_small_images{float:left;width:100%;} .pd_small_image{float:left;width:80px;margin:5px 5px 5px 0;} .pd_small_image img{border:0;margin:11px 0;} .pd_related_img { float: left; width: 140px; text-align: center; } .pd_right{float:right;width:288px;} .pd_price_box{margin:10px 0;clear:both;float:left;width:288px; height:60px; background:url(/include/images/hp/pd_price_bg.gif) no-repeat 0 0;} .pd_price{ line-height:60px;padding-left:140px;font-size:28px;color:#fff} .pd_price_promo {line-height:40px;padding-left:140px;font-size:28px;color:#fff;} .pd_price_old {line-height:20px;padding-left:140px;font-size:14px;color:#ccc;font-weight:bold;text-decoration:line-through;} .pd_desc {float:left;width:100%;clear:both;line-height:140%;} .pd_desc ul { margin-left: 20px; list-style-image: url(/include/images/hp/right_menu_li.gif); } .pd_buy_buttons {margin:10px 0;width:100%;} .pd_buy_buttons img {float: left;} .ps_info{margin:10px 0;} .c { width: 660px; position: relative; float: left; margin: 0; clear:both; } .c .lb { position: absolute; } .c .rb { position: absolute; } .c .b { position: absolute; } .c .l { } .c .r { } .c .lt { position: absolute; } .c .rt { position: absolute; } .c .t { position: absolute; } .c .cbody { z-index: 20; width: 100%; position: relative; margin: 0; } .banner_box1 {margin-top:15px;width:100%;float:left;background:#fff url(/include/images/hp/banner_box1/l_r.gif) repeat-y; position:relative;width:305px;color:#000;} .banner_box1 .lt {position:absolute;left:0;top:0; z-index: 10;width:9px;height:9px;background:url(/include/images/hp/banner_box1/lc.gif) no-repeat;} .banner_box1 .rt {position:absolute;right:0;top:0; z-index: 10;width:9px;height:9px;background:url(/include/images/hp/banner_box1/rc.gif) no-repeat;} .banner_box1 .lb {position:absolute;left:0;bottom:0; z-index: 10;width:9px;height:9px;background:url(/include/images/hp/banner_box1/lcb.gif) no-repeat;} .banner_box1 .rb {position:absolute;right:0;bottom:0; z-index: 10;width:9px;height:9px;background:url(/include/images/hp/banner_box1/rcb.gif) no-repeat;} .banner_box1 .t {position:absolute;top:0;left:0;height:6px;width:300px;z-index:9;background:url(/include/images/hp/banner_box1/t_b.gif) repeat-x 0 0;} .banner_box1 .b {position:absolute;bottom:0;left:0;height:6px;width:300px;z-index:9;background:url(/include/images/hp/banner_box1/t_b.gif) repeat-x 0 -5px;} .banner_box1 .cbody {padding:10px;text-align:center;} .rounded_sky {margin-top:15px;width:100%;float:left;background:#ddf0fb;position:relative;} .rounded_sky .lt {position:absolute;left:0;top:0; z-index: 10;width:7px;height:7px;background:url(/include/images/hp/roundedbox.gif) no-repeat 0 0;} .rounded_sky .rt {position:absolute;right:0;top:0; z-index: 10;width:7px;height:7px;background:url(/include/images/hp/roundedbox.gif) no-repeat 0 -21px;} .rounded_sky .lb {position:absolute;left:0;bottom:0; z-index: 10;width:7px;height:7px;background:url(/include/images/hp/roundedbox.gif) no-repeat 0 -7px;} .rounded_sky .rb {position:absolute;right:0;bottom:0; z-index: 10;width:7px;height:7px;background:url(/include/images/hp/roundedbox.gif) no-repeat 0 -14px;} .rounded_sky .cbody {padding:7px;} .infobox {margin-top:0;width:100%;float:left;background:#348cc2 url(/include/images/hp/infobox/bg.png) repeat-x;position:relative; margin-bottom:10px;} .infobox .lt {position:absolute;left:0;top:0; z-index: 10;width:5px;height:5px;background:url(/include/images/hp/infobox/corners.png) no-repeat 0 0;} .infobox .rt {position:absolute;right:0;top:0; z-index: 10;width:5px;height:5px;background:url(/include/images/hp/infobox/corners.png) no-repeat -5px 0;} .infobox .lb {position:absolute;left:0;bottom:0; z-index: 10;width:5px;height:5px;background:url(/include/images/hp/infobox/corners.png) no-repeat -10px 0;} .infobox .rb {position:absolute;right:0;bottom:0; z-index: 10;width:5px;height:5px;background:url(/include/images/hp/infobox/corners.png) no-repeat -15px 0;} .infobox .cbody {padding:15px;font-size:14px; color: #193455; } .infobox a {color:#193455; font-weight:bold;} .whitebox{width:100%;float:left;border:1px solid #dadeeb;background:#fff;position:relative;float:left;} .whitebox .lt2 {position:absolute;left:-1px;top:-1px; z-index: 10;width:11px;height:11px;background:url(/include/images/hp/whitebox.gif) no-repeat 0 0;} .whitebox .rt2 {position:absolute;right:-1px;top:-1px; z-index: 10;width:11px;height:11px;background:url(/include/images/hp/whitebox.gif) no-repeat -11px 0;} .whitebox .lb2 {position:absolute;left:-1px;bottom:-1px; z-index: 10;width:11px;height:11px;background:url(/include/images/hp/whitebox.gif) no-repeat -22px 0;} .whitebox .rb2 {position:absolute;right:-1px;bottom:-1px; z-index: 10;width:11px;height:11px;background:url(/include/images/hp/whitebox.gif) no-repeat -33px 0;} .whitebox {color:#666;} .whitebox a{color:#348cc2;} .bottom_buttons_box {float: left; padding-left:20px;clear:both;margin-bottom:20px;} .simplebreak{clear:both;width:100%;height:10px;float:left;} #superstars{clear:both;width:120px;height:26px;background:url(/include/images/hp/stargrey.gif) repeat-x;position:relative;} .superstaractive{width:0px;height:26px;background:url(/include/images/hp/star.gif) repeat-x;float:left;} .superstar1{width:24px;} .superstar2{width:48px;} .superstar3{width:72px;} .superstar4{width:96px;} .superstar5{width:120px;} #bigbanner{width:660px;height:304px;position:relative;margin-bottom:15px;} #bigbanner #leftside{position:absolute;left:0;top:0;z-index:10;} #bigbanner #rightside{float:right;position:relative;} #bigbannerleftbutton{position:absolute;width:20px;height:20px;right:80px;bottom:15px;z-index:15;background:url(/include/images/hp/banner/lbutton.png) no-repeat;cursor:pointer;} #bigbannerrightbutton{position:absolute;width:20px;height:20px;right:55px;bottom:15px;z-index:15;background:url(/include/images/hp/banner/rbutton.png) no-repeat;cursor:pointer;} .rotatehand_cursor { cursor:w-resize; border:1px solid red; } /* Sky Table */ .sky_table { width:100%;background:#ddf0fb;border-collapse: collapse;border:0;} .sky_table td,.sky_table tr,.sky_table th {background:transparent;padding:4px;color:#193454;} .sky_table .th_shadow {padding:0;margin:0;height:26px;background:url(/include/images/hp/sky_table_th_shadow.gif) no-repeat center top; } .sky_table tbody tr {background:url(/include/images/hp/sky_table_td_border.gif) repeat-x left bottom;} .sky_table a {color:#348ec5;} .sky_table input.sky_input {border:0;color:#406ca1;font-weight:bold;text-align:center;line-height:27px;width:27px;height:27px;background:url(/include/images/hp/sky_input.gif) no-repeat 0 0;} /* (JS) Cufon Titles */ .cufon-loading h1 { /* for Cufon.replace('h1') */ visibility: hidden !important; } h1 {color:#fff;font-size:30px;margin:15px 0 10px 0;clear:both;} h1 span {color:#7bb8dc;} h1 span.violet {color:#ef52a6;} h1:hover { font-weight: bold; } /* Games List */ .game_box {margin:14px 21px 0 0;border-collapse:collapse; width:300px;height:164px;float:left;background:url(/include/images/hp/game_box.png) no-repeat 0 0;} .game_box .game_image {width:146px;text-align:center;} .game_box .game_name {padding:2px;height:39px;text-align:center;color:#fff;font-weight:bold;vertical-align: middle; } .game_box .game_name a {color:#fff;} .game_box .game_desc {padding:10px;color:#1a3556;} .game_box .game_buttons {height:50px;padding-top:5px;text-align:center;} .game_box_right {margin-right:0;} /* Games Menu */ #right_menu {width:100%;padding:10px 0;position:relative;background:url(/include/images/hp/right_menu_bg.png) repeat-y 0 0;} #right_menu ul {margin-left:10px;color:#fff;font-size:14px; list-style: none; } #right_menu ul li ul {margin:0;color:#fff;font-size:14px; list-style: none; } #right_menu a {color:#fff;} #right_menu li {padding-left:10px;background: url(/include/images/hp/right_menu_li.gif) no-repeat 0px 8px;} #right_menu_top_corner {position:absolute;left:0;top:0;} #right_menu_bottom_corner {position:absolute;left:0;bottom:0;} /* Games Description */ /* News - Home Page */ #home_banners_space {width:340px; vertical-align: top;} #home_porady {width:310px;height:150px;vertical-align:top; background:url(/include/images/hp/home/porady_specjalistow_bg.jpg) no-repeat right 10px;} #home_aboutus {vertical-align: top; text-align:left;padding-left:25px;} #home_aboutus p { text-indent: 25px; line-height:140%;} #home_producenci {float:left;width:640px;} #home_news_box {float:left;position:relative;width:100%;background:url(/include/images/hp/home/news_bg.jpg) repeat-y;} #home_news_topcorner {position:absolute;top:0;left:0;width:4px;height:4px; background:url(/include/images/hp/home/news_bottomleft_border.jpg) no-repeat;} #home_news_bottomcorner {position:absolute;bottom:0;left:0;width:4px;height:4px; background:url(/include/images/hp/home/news_topleft_border.jpg) no-repeat;} #home_news {color:#fff;} #home_news .news_box {float:left; width:40%; height:120px;margin:10px;line-height:16px;padding-left:18px;background:url(/include/images/hp/home/news_arrow.png) no-repeat 2px 5px;} #home_news .news_title_box {font-weight:bold;} #home_news .news_title_box .news_title {color:#b9e1f8;} #home_news .news_foot {color:#82bcde;margin-top:5px;} #home_news .news_foot .news_more_link {float:right;} #home_news a {color:#82bcde;} #home_text_contact {position:absolute;top:120px;right:30px;} #home_b_tukupiszonline {position:absolute;top:150px;right:30px;} #home_b_zobaczkoniecznie {position:absolute;top:30px;right:0px;} #home_b_zarejestrujkarte {position:absolute;top:30px;right:0px;} #home_banner_porady {color:#fff;font-size:14px;background:url(/include/images/hp/banner1/banner_z_nami_dowiesz_sie_jak.jpg) no-repeat;width:285px;height:193px;position:absolute;left:0; top:50px;} #home_banner_porady a {color:#fff;} #home_banner_porady ul {margin-left:40px;margin-top:50px;list-style: none;} #home_banner_porady ul li {padding-left:35px;line-height:25px;background:url(/include/images/hp/home/special_li.png) no-repeat left center;} .home_ul {margin-left:20px; list-style-image: url(/include/images/hp/home_li.gif)} .home_ul a {color:#fff;} /* Articles List */ #list-articles{width:100%;margin:0 0 10px 0;float:left;padding-right:5px;} .article_box{width:100%; margin:10px 0; line-height:16px; padding:0 0 0 15px; background:url(/include/images/hp/home/news_arrow.png) no-repeat 2px 5px;); clear:both;} .article_title{font-weight:bold;} .article_title a{color:#b9e1f8;} .article_date{font-size:10px;color:#fff;} .article{float:left;width:98%;margin:0 0 10px 0;color:#fff;line-height:1.5} .article img{} .article_box .foot{color:#82bcde;margin-top:5px;} .article_box .foot_more_link {float:right;} .article_preview {width:100%;margin:15px 0 0 0; float:left; line-height:16px;} .article_title_box {padding-left:40px;background:url(/include/images/hp/article_title_ico.gif) no-repeat; ;} .article_title_box .article_title {font-size:18px;font-weight:normal;} .article_title_box .article_date {color:#82bcde;font-size:11px;} .article_preview img { margin: 0px; } /* Image Box */ .image_box {position:relative;float:left;background:#fff;padding:3px;margin:10px;} .image_box .image img {border:1px solid #d9d9d9;} .image_box .lc {position:absolute;left:0;top:0;} .image_box .rc {position:absolute;right:0;top:0;} .image_box .lbc {position:absolute;left:0;bottom:0;} .image_box .rbc {position:absolute;right:0;bottom:0;} /* Other */ .back_button {float:left;clear:both;} /* Popup form */ .w_form {font-size:11px; color:#666;border:1px solid #ddd;background:#fff;} .w_form .summaryText {color:#444;background:#efefef;border-bottom:1px solid #ddd;padding:8px;} .w_form h1 {color:#fff;background:#368ec8;border:1px solid #035f91; border-bottom: 0px;font-weight:bold;padding:4px;margin:0;font-size:14px;} .w_form .formBody {margin:4px;width:90%;} .w_form .formBody th {text-align:right;padding-right:5px; } .w_form .formFoot {border-top:1px solid #ddd;background:#efefef;padding:4px;text-align:right;} .w_form input[type="text"] {width:90%;} .hr1 {clear:both;width:100%;height:25px;background:url(/include/images/hp/hr_single_dot.png) repeat-x left center;} .hr2 {clear:both;width:100%;height:25px;background:url(/include/images/hp/hr_double_dot.png) repeat-x left center;} .hrslide1 {clear:both;float:left; width:640px;} .hrslide1 .hrslide_body {position:relative; width:100%;height:117px;background:url(/include/images/hp/producers_box/bg.png) repeat-x;} .hrslide1 .hrslide_button_left {position:absolute;top:0;left:0;cursor:pointer;z-index:20;} .hrslide1 .hrslide_button_right {position:absolute;top:0;right:0;cursor:pointer;z-index:20;} .hrslide1 .hrslide_list_box {overflow:hidden;height:117px;position:relative;margin:5px 30px 0 30px; z-index:15;} .hrslide1 .hrslide_list {position:absolute;} .hrslide1 .hrslide_slide {float:left;width:117px;height:117px;margin-top:4px;} .hrslide2 .hrslide_body {position:relative; width:100%;height:117px;} .hrslide2 .hrslide_button_left {position:absolute;top:40px;left:-10px;cursor:pointer;z-index:20;} .hrslide2 .hrslide_button_right {position:absolute;top:40px;right:-10px;;cursor:pointer;z-index:20;} .hrslide2 .hrslide_list_box {overflow:hidden;height:117px;position:relative;margin:5px 0px 0 0px; z-index:15;} .hrslide2 .hrslide_list {position:absolute;} .hrslide2 .hrslide_slide {float:left;margin:0 4px;width:152px;height:117px;background:url(/include/images/hp/slider_2_box_bg.jpg) no-repeat; text-align:center; vertical-align: center; } .hrslide2 .hrslide_slide_body {padding:4px;} .hrslide3 .hrslide_body {position:relative; width:100%;height:130px;} .hrslide3 .hrslide_button_left {position:absolute;top:60px;left:-15px;cursor:pointer;z-index:20;} .hrslide3 .hrslide_button_right {position:absolute;top:60px;right:-15px;cursor:pointer;z-index:20;} .hrslide3 .hrslide_list_box {overflow:hidden;height:130px;position:relative;margin:0; z-index:15;} .hrslide3 .hrslide_list {position:absolute;} .hrslide3 .hrslide_slide {margin:0 2px;float:left;width:470px;height:130px;text-align:center;} #subpage_top_hr {border-top:8px #1b72a8 solid;height:0;float:left;width:100%;} #subpage_text_other {position:absolute;left:30px;top:100px;} #subpage_text_contact {position:absolute;right:80px;top:80px;} #filters-box {color:#666;margin-bottom:10px;} .list-nav-box {color:#666;float:right;margin-right:10px;} /* Facebook - LikeBox */ #fb_likebox {position:fixed;left:-250px;top:80px;z-index:110;width:325px;} #fb_likebox_button {width:50px;float:right;} #fb_likebox_body {background:#fff;width:188px;float:left;margin-left:20px;} /* Survey - Box */ /* OLD #survey_button_box {position:fixed;right:15px;top:80px;z-index:109;} */ #survey_box {position:fixed;right:-285px;top:80px;z-index:110;width:360px;} #survey_box_button {width:50px;float:left;cursor:pointer;} #survey_box_body {background:#fff;width:223px;float:right;margin-right:20px;padding:10px;border:1px solid #aaa;positon:relative;} #survey_box h3 {width:90%;border-bottom:1px solid #ccc;line-height:25px;} #survey_box .formFoot {border-top:1px solid #ccc;width:90%;margin-top:4px;padding-top:4px;} #survey_box_closebutton {cursor:pointer;position:absolute;right:25px;} #survey_box .success-box {width:400px;float:left;} #survey_box .error-box {width:400px;float:left;} #colorbox { color:#444; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(http://www.entliczek.pl/include/plugins/colorbox/images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(http://www.entliczek.pl/include/plugins/colorbox/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(http://www.entliczek.pl/include/plugins/colorbox/images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(http://www.entliczek.pl/include/plugins/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.entliczek.pl/include/plugins/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.entliczek.pl/include/plugins/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.entliczek.pl/include/plugins/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.entliczek.pl/include/plugins/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.entliczek.pl/include/plugins/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.entliczek.pl/include/plugins/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.entliczek.pl/include/plugins/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.entliczek.pl/include/plugins/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}