/* CSS Document */ label{ clear:both; } textarea.small{ width:200px; height:50px; } textarea.med{ width:320px; height:100px; } textarea.med_short{ width:350px; height:50px; } textarea.med_tall{ width:350px; height:200px; } textarea.large{ width:450px; height:400px; } textarea.large_tall{ width:450px; height:500px; } input.med{ width:350px; } input.large{ width:600px; } /*formAddBox*/ #formAddBox { background-color:transparent; clear:both; float:left; position:relative; text-decoration:none; width:370px; } #formAddBox fieldset{ padding:5px; border:#ccc 1px solid; margin:0 5px 10px 5px; } #formAddBox legend{ color:#15428B; font-size:14px; font-weight:bold; padding:0 5px; margin:0 0 0 5px; } #formAddBox form dt{ position: relative; float: left; width: 120px; background-color: transparent; color: #6B6B6B; font-weight: bold; font-size: 12px; clear: both; padding: 6px 0 0 20px; } #formAddBox form dd{ float:left; margin-bottom:10px; } #formAddBox input#submit{ float:right; } #formAddBox input[type='text']{ width: 50px; height: 21px; border: 1px solid #BFC6C8; background-color: #EDF4F7; margin-bottom: 11px; padding: 5px 0px 0px 5px; color: #6B6B6B; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } #formAddBox select{ width: 120px; } #formAddBox select option, #form input{ padding:2px; } #formAddBox input[type='submit']{ float:none; } /*form*/ #form { background-color:transparent; clear:both; float:left; position:relative; text-decoration:none; width:510px; } #form fieldset{ padding:5px; border:#ccc 1px solid; margin:0 5px 0 5px; border: 0; } #form legend{ color:#15428B; font-size:14px; font-weight:bold; padding:0 5px; margin:0 0 0 5px; } #main form dt{ position: relative; float: left; width: 230px; background-color: #F7F8F9; color: #6B6B6B; font-weight: bold; font-size: 12px; clear: both; min-height: 18px; margin: 0 0 6px; padding: 2px 0 0 4px; } #form_instance-label, #Save-label, #Zapisz-label, #Zaloguj-label, #Zarejestruj-label{ background-color: transparent !important; } label.required{ /*color:#cc0000;*/ } #main form dd{ float:left; margin: 0; } fieldset.formColumn{ width:245px; float:left; } fieldset.formColumn p{ margin:0 0 10px 0; } .formTop{ float:left; margin-bottom:5px; } .formTop textarea{ width:475px; height:50px; } .formLeft{ margin-right:10px; } .formLeft, .formRight{ float:left; width:230px; margin-bottom:5px; } .formLeft{ clear:both; } #fileContents{ width:475px; height:250px; margin-bottom:10px; } #centerPane label{ clear:both; display:block; padding:5px; margin:0 0 5px 0; font-weight:bold; } #centerPane label span{ display:block; float:left; width:120px; font-weight:bold; text-align:right; padding-right:20px; } #centerPane .column label span{ width:100px; } #centerPane label span.group{ text-align:left; } #centerPane label span.group input{ clear:both; } #leftPane label{ clear:both; display:block; padding:5px; margin:0 0 5px 0; } #leftPane label span{ display:block; font-weight:bold; color:#666; } .formBox{ padding:10px; margin: 0 0 10px 0; } .formBox.tile{ float:left; width:290px; margin-right:10px; } #results{ height:450px; overflow:auto; padding:10px; background-color:#000; } #results h3{ color:#FF9900; font-size:12px; background:none; border:none; padding:0; margin:0; } #results p{ clear:both; font-size:11px; color:#fff; } #results p.dateTime{ float:right; clear:none; margin-left:50px; font-size:10px; font-style:italic; color:#ccc; } #form #results a{ color:white; } #consoleCommand{ padding:0 10px; } #consoleCommand #command{ width:360px; } form label.formRow em{ font-weight:normal; font-size:11px; font-style:normal; } span.group input{ float:left; margin-right:10px; } p.rightLink{ text-align:right; padding-right:50px; } #saveBox{ position:fixed; z-index:1; top:25px; right:25px; background-color:#fff; border:#000 5px solid; padding:10px; width:200px; } div.imageWrapper{ padding:5px 10px 15px 10px; border:#ccc 1px solid; margin:5px; } div.imageWrapper img{ float:left; width:120px; height:auto; margin:0 20px 0 20px; } div.imageWrapper textarea{ float:left; width:120px; height:50px; } #leftPane select{ max-width:240px; } #centerPane select{ max-width:350px; } form#notes textarea{ width:510px; height:300px; margin:0 0 5px 0; } #form input#submit{ float:right; } #form input[type='text'], #form input[type='password']{ width: 240px; height: 18px; border: 1px solid #BFC6C8; background-color: #EDF4F7; margin-bottom: 11px; padding: 0px 0px 0px 5px; color: #6B6B6B; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } #form select{ width: 240px; } #form select option, #form input{ padding:2px; } #form .formRow input[type='submit']{ float:none; } input[type='submit']{ padding:0 10px; } #centerPane .formColumn label span{ width:60px; padding-right:10px; } #centerPane .formColumn input[type='text'], #centerPane .formColumn input[type='password']{ width:150px; } #aclList{ padding-right:25px; } #aclList, #aclList ul{ list-style:none; } #aclList input{ margin:0 10px 0 0; } #aclList li{ padding:5px; font-weight:bold; border:#5D86BD 1px solid; } #aclList li.module{ background:#A8C4EB; } #aclList li.controller{ background:#BCD4F6; } #aclList li.action{ background:#D9E9FF; } #form legend{ display: none; } #form fieldset.skin label{ display:block; width:220px; float:left; clear:none; margin:5px; padding:0; } #form fieldset.skin label input{ margin:0 10px 0 0; } .column input[type='text'], .column input[type='submit'], .column textarea, .column select{ width:190px; margin:0 4px 5px 4px; } .message_box{ border-top:#666 1px dotted; border-bottom:#ccc 1px dotted; border-left:#ccc 1px dotted; border-right:#ccc 1px dotted; margin:10px 0 10px 0; background-color:#f5f5f5; padding:10px; } #propLabels span{ display:block; float:left; width:200px; font-weight:bold; margin:0 5px 0 0; } #form #propertyList{ clear:both; } #form .propRow{ margin:0 0 5px 0; } #form .propRow input{ width:200px; margin:0 5px 0 0; } #fileChecklist input{ margin:0 10px 0 0; } #centerPane label span#multi_upload_wrap_labels{ text-align:left; width:400px; font-weight:normal; } #centerPane label span#multi_upload_wrap_labels span{ float:left; text-align:left; width:400px; font-weight:normal; } .test{ text-align:left; width:400px; font-weight:normal; display:inline; padding:0; margin:0; } .inlineButton{ padding:0 5px; margin:0 0 0 5px; } .dev{ background:#FFFF00; color:#990000; margin:5px; padding:5px; text-align:center; } a.rightLink{ float:right; margin-left:10px; } .wysiwyg{ clear:both; width:480px; height:300px; margin-bottom:20px; } .html, .wiki, .css{ width:450px; } a.link img.icon{ border:none; margin:0 10px 0 0; } .column a, #form a{ text-decoration:none; color:#000; height:1.5em; } #form a:hover, .column a:hover{ color:#5D86BD; } .column ul, #form ul{ list-style:none; padding:5px; } .column ul li a,#form ul li a{ text-decoration:none; color:#000; } .column a:hover img, #form a:hover img{ opacity:.8; } .notice{ border:#ff0000 2px dashed; padding:10px; margin:10px; color:#666; } .contentBrowser{ } a.handle{ background: url('../../../images/icons/text_linespacing.png') no-repeat; } .default{ color:#999; font-style:italic; width:150px; display:block; float:left; } h4 img{ margin-right:10px; } #form a img{ border:none; margin-right:10px; } .folderWrapper, .fileWrapper{ padding:5px; } #errorWrapper{ width: 500px; overflow:auto; border:1px solid #ccc; margin:10px; padding:5px; } div.wysiwyg{ margin-bottom:25px; } ul.errors{ max-width:320px; color:#cc0000; } 
BODY { margin: 0; padding: 0; background-image: url(../images/bg.jpg); background-repeat: repeat-x; font-family: Arial; font-size: 12px; text-decoration: none; font-style: normal; } IMG { border: 0; } .clear { width: 100%; height: 20px; background: blue; clear: both; position: relative; } #main { width: 990px; margin: auto; padding: 0; } #top { position: relative; background-repeat: no-repeat; height: 153px; background-image: url(../images/top.jpg); float: left; } #top .top_link { position: relative; float: left; width: 350px; height: 100px; display: block; z-index: 10; } #top_level_1 { position: relative; height: 38px; width: 610px; float: right; padding-top: 18px; font-family: Arial; color: #000; background-color: transparent; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; text-align: right; padding-right: 30px; } .login { font-family: Arial; color: #131313; background-color: transparent; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } .login:hover { text-decoration: underline; } .register { font-family: Arial; color: #595959; background-color: transparent; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } .register:hover { text-decoration: underline; } .img { border: 0; vertical-align: middle; } #top_level_2 { position: relative; width: 640px; height: 48px; text-align: right; float: right; } .tab-active { position: relative; width: 122px; height: 40px; background-image: url(../images/tab_active.gif); margin-left: 1px; margin-right: 1px; float: right; color: #FFF; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 14px; text-align: center; padding-top: 8px; } .tab { cursor: pointer; } .tab-inactive { position: relative; width: 122px; height: 30px; background-image: url(../images/tab_inactive.gif); margin-left: 1px; margin-right: 1px; float: right; color: #FAFAEA; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 14px; text-align: center; padding-top: 18px; } #top_level_3 { position: relative; width: 990px; height: 49px; background-image: url(../images/top_level_3_bg.gif); background-repeat: repeat-x; overflow: hidden; } #top_level_3_left { position: relative; width: 244px; height: 49px; float: left; background-image: url(../images/top_level_3_left_bg.gif); } #top_level_3_right { position: relative; width: 746px; height: 49px; float: right; background-image: url(../images/top_level_3_right_bg.gif); } .menu_h { position: relative; float: right; padding-top: 12px; } .menu_h A { font-family: Arial; color: #FFF; background-color: transparent; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } .menu_h A:hover { text-decoration: underline; } .menu_h IMG { vertical-align: middle; margin-left: 26px; } .search { width: 209px; height: 22px; border: 1px solid #4B9AC8; margin-left: 12px; margin-top: 15px; color: #777; background-color: transparent; font-size: 14px; padding-left: 8px; padding-right: 8px; padding-top: 2px; } #left { position: relative; width: 244px; float: left; } #menu_left { margin-right: 15px; } #menu_left .depth2 { font-weight: bold; } #menu_left .ui-icon { left: auto; margin-top: 0; position: absolute; top: auto; background-image: none; background: none; border: none; } #menu_left .ui-widget-content { background: none; } #menu_left .ui-accordion .ui-accordion-header { margin-top: 0; } #menu_left .ui-accordion .ui-accordion-content { overflow: hidden; } #menu_left .ui-state-default, #menu_left .ui-widget-content { border: none; } #menu_left .ui-accordion .ui-accordion-li-fix { display: block; } #menu_left UL { margin: 0; padding: 0; } #menu_left LI { background: url(../images/level1.gif) bottom; background-repeat: repeat-x; list-style-position: inside; padding-left: 0px; padding-top: 3px; min-height: 22px; margin-left: 0px; list-style-type: none; } #menu_left LI A { color: #556066; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; background-image: url(../images/bullet2.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 17px; margin-left: 0px; width: 229px; /*height: 22px;*/ display: block; } #menu_left LI A:hover { text-decoration: underline; } #menu_left LI LI { background-image: url(../images/level2.gif); background-repeat: repeat-x; list-style-position: outside; padding-left: 0px; padding-top: 2px; min-height: 20px; margin-left: 0px; list-style-type: none; } #menu_left LI LI A { color: #556066; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; background-image: url(../images/bullet3.gif); background-repeat: no-repeat; padding-left: 17px; margin-left: 2px; } #menu_left LI LI LI A { margin-left: 6px; } #menu_left LI LI LI LI A { margin-left: 10px; background-image: none; } #menu_left LI LI A:hover { text-decoration: underline; } #left_top { position: relative; width: 244px; height: 40px; background-image: url(../images/left_top_bg.gif); } #left_top_left { position: relative; width: 139px; float: left; padding-left: 15px; padding-top: 5px; } #left_top_left SELECT { width: 130px; height: 20px; } #left_top_right { position: relative; width: 90px; float: right; } #right { position: relative; width: 746px; float: right; overflow: hidden; } #banner { width: 746px; position: relative; height: 168px; background-image: url(../images/banner_bg.gif); text-align: center; } .banner_img { width: 650px; height: 150px; margin-left: 47px; } .banner2 { width: 229px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #DFDFDF; text-align: center; } #right_left { position: relative; width: 528px; float: left; overflow: hidden; } #right_right { position: relative; width: 212px; float: right; margin-right: 4px; } .item { position: relative; width: 172px; height: 298px; float: left; margin-right: 4px; margin-bottom: 5px; } .item_small { position: relative; width: 172px; height: 198px; float: left; margin-right: 4px; margin-top: 5px; } .item_top { position: relative; width: 172px; height: 229px; background-image: url(../images/item_top.gif); } .item_top_small { position: relative; width: 172px; height: 160px; background-image: url(../images/item_top.gif); } .item_title { position: relative; width: 162px; overflow: hidden; padding: 12px 5px 0px; color: #4B9AC8; background-color: transparent; text-decoration: none; font-weight: bold; font-size: 12px; text-align: center; height: 30px; } .item_title a { color: #4B9AC8; text-decoration: none; } .item_thumb { position: relative; width: 100px; margin: 10px auto 0px; height: 100px; overflow: hidden; } .category_cluetip { display: block; position: absolute; top: 136px; right: 10px; } .item_desc { position: relative; width: 162px; margin: 5px auto 0px; color: #585959; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: normal; font-size: 10px; text-align: left; padding-top: 10px; background-image: url(../images/item_separator.gif); background-repeat: repeat-x; } .item_bottom { position: relative; width: 172px; height: 35px; background: url(../images/item_bottom2.gif) bottom; } .item_bottom_box { margin: auto; position: relative; width: 164px; height: 30px; overflow: hidden; background-image: url(../images/item_bottom_box2.gif); } .item_price { color: #2546A9; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 13px; text-align: right; padding-right: 10px; padding-top: 6px; padding-bottom: 14px; } .item_price_price { position: relative; float: left; margin-left: 10px; } .item_cart { position: relative; width: 84px; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; padding-left: 4px; float: left; text-align: center; overflow: hidden; } .item_cart A { color: #FFF; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 13px; } .item_more { position: relative; width: 68px; margin: 0px 4px 0px 0px; float: right; text-align: center; overflow: hidden; } .item_more A { color: #638A8C; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 13px; } .item_cart A:hover, .item_more A:hover { text-decoration: underline; } .section { clear: both; float: left; position: relative; width: 510px; height: 31px; background-image: url(../images/title.gif); background-repeat: no-repeat; margin: 0 auto 13px auto; color: #FFF; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 18px; padding: 7px 0 0 18px; } #news_menu { position: relative; width: 212px; overflow: hidden; background: #F6FFE7 url(../images/news.gif) no-repeat; margin-top: 8px; } #news_menu .news_menu_top { position: relative; width: 200px; height: 27px; padding-left: 12px; padding-top: 13px; color: #679550; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 14px; } #news_menu .news_menu_list { background-image: url("../images/basket_sum.gif"); background-repeat: no-repeat; height: 46px; overflow: hidden; position: relative; width: 212px; } #news_menu .news_menu_list a { text-decoration: none; color: #517C06; font-weight: bold; display: block; margin: 4px auto auto 10px; } #news_menu .news_bottom { position: relative; width: 212px; height: 31px; background-image: url(../images/news_bottom.gif); background-repeat: no-repeat; overflow: hidden; text-align: right; padding-top: 5px; } #cart { position: relative; width: 212px; overflow: hidden; background: #F6FFE7 url(../images/basket.gif) no-repeat; } #cart_top { position: relative; width: 200px; height: 27px; padding-left: 12px; padding-top: 13px; color: #679550; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 14px; } .cart_section { position: relative; width: 210px; background-color: #F6FFE7; border-bottom: 1px solid #AED59B; border-left: 1px solid #AED59B; border-right: 1px solid #AED59B; overflow: hidden; } .cart_section_desc { position: relative; width: 200px; color: #1F2E00; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: normal; font-size: 11px; text-align: left; overflow: hidden; padding-top: 10px; padding-left: 12px; } .cart_section_item { position: relative; width: 205px; height: 23px; color: #2546A9; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 11px; text-align: right; padding-right: 7px; overflow: hidden; } #cart_sum { position: relative; width: 212px; height: 46px; background-image: url(../images/basket_sum.gif); background-repeat: no-repeat; overflow: hidden; } #cart_sum_1 { position: relative; width: 200px; height: 21px; color: #517C06; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; text-align: left; overflow: hidden; padding-top: 6px; padding-left: 12px; } #cart_sum_2 { position: relative; width: 205px; height: 19px; color: #2546A9; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; text-align: right; padding-right: 7px; overflow: hidden; } #cart_bottom { position: relative; width: 212px; height: 31px; background-image: url(../images/basket_bottom.gif); background-repeat: no-repeat; overflow: hidden; text-align: right; padding-top: 5px; } #cart_bottom A { color: #FFF; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; margin-right: 10px; } #cart_bottom A:hover { text-decoration: underline; } #contact { position: relative; width: 212px; margin-top: 9px; } #contact_top { position: relative; width: 200px; height: 39px; background-image: url(../images/contact_top.gif); background-repeat: no-repeat; padding-left: 12px; padding-top: 13px; color: #4B9AC8; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 14px; } #contact_middle { position: relative; width: 188px; background-color: #D7E0E6; color: #586670; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; padding-left: 12px; padding-right: 12px; padding-bottom: 10px; } .contact_section { position: relative; width: 200px; background-color: #CBD5DC; color: #323232; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; padding-left: 6px; padding-right: 6px; border-bottom: 1px solid #B1BBC2; text-align: left; } .contact_section_left { padding-top: 5px; position: relative; float: left; width: 200px; } .contact_section_left_gg { padding-top: 5px; position: relative; float: left; width: 100px; } .contact_section_left_skype { padding-top: 5px; position: relative; float: left; width: 200px; } .contact_section_right { padding-top: 5px; position: relative; float: right; width: 90px; text-align: right; font-weight: bold; padding-right: 10px;; } .contact_section_bottom { padding-top: 3px; position: relative; clear: both; } .contact_section A { background-color: transparent; color: #323232; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; } .contact_section A:hover { text-decoration: underline; } #contact_bottom { position: relative; width: 212px; height: 9px; overflow: hidden; background-image: url(../images/contact_bottom.gif); background-repeat: no-repeat; } #promotion { position: relative; width: 212px; margin-top: 7px; } #promotion_top { position: relative; width: 212px; height: 43px; background-image: url(../images/promotion.gif); background-repeat: no-repeat; } .promotion_section { position: relative; width: 212px; height: 165px; background-image: url(../images/promotion_bg.gif); background-repeat: repeat-y; } .promotion_title { position: relative; width: 212px; height: 27px; background-color: transparent; color: #000; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 10px; text-align: center; padding-top: 12px; overflow: hidden; } .promotion_title a { color: #000; text-decoration: none; font-size: 10px; } .promotion_thumb { position: relative; width: 100px; height: 100px; margin: auto; overflow: hidden; } .promotion_price { position: relative; width: 98px; height: 20px; margin: auto; background-image: url(../images/promotion_price.gif); background-repeat: repeat-x; overflow: hidden; text-align: center; background-color: transparent; color: #2546A9; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 14px; padding-top: 4px; } .promotion_separator { position: relative; width: 212px; height: 1px; background-image: url(../images/promotion_separator.gif); background-repeat: repeat-x; overflow: hidden; } #promotion_bottom { position: relative; width: 212px; height: 9px; background-image: url(../images/promotion_bottom.gif); background-repeat: no-repeat; overflow: hidden; } #bottom { width: 990px; position: relative; clear: both; } #footer_top { width: 990px; position: relative; height: 49px; background-image: url(../images/footer_top.gif); background-repeat: no-repeat; } #footer_top_left { position: relative; float: left; padding-left: 15px; padding-top: 10px; background-color: transparent; color: #FFF; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } #footer_top_left A { background-color: transparent; color: #FFF; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } #footer_top_left A:hover { text-decoration: underline; } #footer_top_right { position: relative; float: right; padding-right: 15px; padding-top: 10px; background-color: transparent; color: #2C5065; font-family: Arial; text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; } #footer_top_right A { background-color: transparent; color: #2C5065; font-family: Arial; text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; } #footer_top_right A:hover { text-decoration: underline; } #footer_middle { width: 990px; position: relative; height: 62px; background-image: url(../images/footer_middle.gif); background-repeat: no-repeat; } #footer_middle IMG { vertical-align: middle; } #footer_middle_left { position: relative; float: left; padding-left: 15px; } #footer_middle_right { position: relative; float: right; padding-right: 15px; } #footer_middle2 { width: 990px; position: relative; height: 21px; background-image: url(../images/footer_middle2.gif); background-repeat: no-repeat; } .footer_menu { position: relative; float: left; margin-right: 50px; margin-left: 15px; } .footer_menu_title { background-color: transparent; color: #4F9CC9; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } .footer_menu_content A { background-color: transparent; color: #484848; font-family: Arial; text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; } .footer_menu_content A:hover { text-decoration: underline; } #footer_middle3 { width: 990px; position: relative; background-image: url(../images/footer_middle3.gif); background-repeat: repeat-y; margin: auto; float: left; clear: both; } #footer_bottom { width: 990px; position: relative; float: left; clear: both; height: 5px; background-image: url(../images/footer_bottom.gif); background-repeat: no-repeat; } #product { position: relative; width: 510px; background-image: url(../images/product.gif); background-repeat: no-repeat; padding: 7px; float: left; } #path { position: relative; width: 510px; background-color: transparent; color: #769AA4; font-family: Arial; text-decoration: none; font-style: normal; font-weight: normal; font-size: 10px; height: 17px; border-bottom: 1px dotted #D9E4E7; } #path A { background-color: transparent; color: #769AA4; font-family: Arial; text-decoration: none; font-style: normal; font-weight: normal; font-size: 10px; } #path A:hover { text-decoration: underline; } #product_title { position: relative; width: 510px; background-color: transparent; color: #343C3E; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 18px; padding-top: 10px; } #product_code { position: relative; width: 510px; background-color: transparent; color: #959696; font-family: Arial; text-decoration: none; font-style: normal; font-weight: normal; font-size: 11px; height: 17px; padding-top: 5px; border-bottom: 1px solid #D9E4E7; } #product_left { width: 200px; position: relative; float: left; } #product_right { position: relative; width: 304px; float: right; padding-top: 6px; } #product_price { position: relative; width: 200px; background-color: transparent; color: #43A0D5; text-decoration: none; font-weight: bold; font-size: 18px; padding-top: 10px; padding-bottom: 10px; /*border-bottom: 1px solid #ADADAD;*/ text-align: center; } #product_points { position: relative; width: 200px; background-color: transparent; color: #0000a0; text-decoration: none; font-weight: bold; font-size: 18px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ADADAD; text-align: center; } #product_points span{ font-size: 14px; color: #808080; } #product_description { position: relative; width: 200px; background-color: transparent; color: #747474; text-decoration: none; font-size: 11px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ADADAD; text-align: left; } #product_availability { position: relative; width: 200px; background-color: transparent; color: #747474; text-decoration: none; font-size: 11px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ADADAD; text-align: center; } #product_delivery { position: relative; width: 200px; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 11px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ADADAD; text-align: center; } #product_delivery select { margin-top: 6px; width: 200px; } #product_add { position: relative; width: 200px; text-align: center; /*margin-top: 10px;*/ padding-top: 9px; padding-bottom: 10px; height: 33px; background-image: url(../images/basket_add.gif); background-repeat: no-repeat; background-position: top center; border-bottom: 1px solid #ADADAD; } #product_add A { background-color: transparent; color: #FFF; text-decoration: none; font-weight: bold; font-size: 14px; } #product_add A:hover { text-decoration: underline; } #product_addpoints { position: relative; width: 200px; text-align: center; margin-top: 10px; padding-top: 9px; padding-bottom: 10px; height: 33px; background-image: url(../images/basket_add.gif); background-repeat: no-repeat; background-position: top center; border-bottom: 1px solid #ADADAD; } #product_addpoints A { background-color: transparent; color: #FFF; text-decoration: none; font-weight: bold; font-size: 14px; } #product_addpoints A:hover { text-decoration: underline; } .pointinfo { font-size: 10px; } #product_photo, #product_gallery { position: relative; width: 270px; } #product_gallery_left, #product_gallery_right { position: relative; float: right; margin-left: 2px; margin-right: 2px; } .product_gallery_thumb { position: relative; float: right; background-image: url(../images/product_gallery_frame.gif); background-repeat: no-repeat; padding-left: 1px; padding-top: 1px; width: 70px; height: 61px; overflow: hidden; margin-top: 4px; margin-left: 2px; margin-right: 2px; } #tabs { position: relative; width: 510px; padding-left: 7px; padding-right: 7px; float: left; } #tabs2 { position: relative; width: 524px; background-image: url(../images/tabs_bg.gif); background-repeat: no-repeat; float: left; } /* .ui-state-active,.ui-state-default { position: relative; margin-left: 2px; margin-right: 2px; height: 28px; padding-top: 0px; float: left; } .ui-state-active DIV,.ui-state-default DIV { position: relative; float: left; height: 28px; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } .ui-state-active A,.ui-state-default A { font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } .ui-state-active,.ui-state-active A { color: #2546A9; } .ui-state-active,.ui-state-default A { color: #676767; } .ui-state-active A:hover,.ui-state-default A:hover { text-decoration: underline; } .ui-state-active .tab_left { width: 5px; background-image: url(../images/tab_active_left.gif) !important; background-repeat: no-repeat; } .ui-state-active .tab_middle { background-image: url(../images/tab_active_bg.gif) !important; background-repeat: repeat-x; padding-left: 5px; padding-right: 5px; padding-top: 1px; } .ui-state-active .tab_right { width: 5px; background-image: url(../images/tab_active_right.gif) !important; background-repeat: no-repeat; } .ui-state-default .tab_left { width: 5px; background-image: url(../images/tab_inactive_left.gif); background-repeat: no-repeat; } .ui-state-default .tab_middle { background-image: url(../images/tab_inactive_bg.gif); background-repeat: repeat-x; padding-left: 10px; padding-right: 10px; padding-top: 1px; } .ui-state-default .tab_right { width: 5px; background-image: url(../images/tab_inactive_right.gif); background-repeat: no-repeat; }*/ .tabs_content { position: relative; width: 490px; background-color: transparent; color: #333; font-family: Arial; text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; clear: both; padding: 15px 10px 15px 10px; } #technical_data { position: relative; width: 510px; padding-left: 7px; padding-right: 7px; } #technical_data_title { position: relative; width: 503px; background-color: transparent; color: #2546A9; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 14px; padding-left: 5px; border-bottom: 1px dotted #C2C2C2; height: 18px; float: left; } #technical_data_content { position: relative; width: 510px; background-image: url(../images/table_bg.gif); background-repeat: repeat; float: left; background-color: transparent; color: #323232; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; margin-bottom: 15px; } .technical_data_left { position: relative; float: left; height: 23px; overflow: hidden; width: 215px; padding-left: 15px; font-weight: bold; padding-top: 7px; } .technical_data_right { position: relative; float: right; height: 23px; overflow: hidden; width: 280px; font-weight: normal; padding-top: 7px; } .section2 { clear: both; position: relative; width: 724px; height: 31px; background-image: url(../images/title2.gif); background-repeat: no-repeat; margin-top: 6px; margin-bottom: 13px; color: #FFF; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 18px; padding-left: 18px; padding-top: 7px; } #order_list { position: relative; width: 742px; background-image: url(../images/order_list.gif); background-repeat: no-repeat; padding: 7px; float: left; clear: both; } #order_title { position: relative; width: 728px; background-color: transparent; color: #343C3E; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 18px; height: 17px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #D9E4E7; } .box_inactive { position: relative; float: left; } .box_active { position: relative; float: left; } .box_inactive .box_left { background-image: url(../images/box_inactive_left.gif); width: 7px; height: 33px; position: relative; float: left; } .box_inactive .box_right { background-image: url(../images/box_inactive_right.gif); width: 7px; height: 33px; position: relative; float: left; } .box_inactive .box_content { position: relative; float: left; background-color: #AEAFAF; color: #FFFFFF; text-decoration: none; font-style: normal; font-weight: bold; font-size: 14px; padding-top: 8px; height: 25px; } .box_inactive .box_content a { color: #FFFFFF; text-decoration: none; } .box_active .box_content a { color: #FFFFFF; text-decoration: none; } .box_inactive .box_content a:hover { color: #006; text-decoration: none; } .box_active .box_content a:hover { color: #006; text-decoration: none; } .box_active .box_left { background-image: url(../images/box_active_left.gif); width: 7px; height: 33px; position: relative; float: left; } .box_active .box_right { background-image: url(../images/box_active_right.gif); width: 7px; height: 33px; position: relative; float: left; } .box_active .box_content { position: relative; float: left; background-color: #4B9AC8; color: #FFFFFF; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 14px; padding-top: 8px; height: 25px; } .box_arrow { background-image: url(../images/box_arrow.gif); position: relative; float: left; width: 20px; height: 33px; } .box_active, .box_inactive { margin-bottom: 10px; } .form_left { position: relative; float: left; width: 100px; background-color: transparent; color: #6B6B6B; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; clear: both; padding-top: 6px; } .note { font-weight: normal; } .form_left2 { position: relative; float: left; width: 170px; clear: both; background-color: transparent; color: #6B6B6B; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; clear: both; padding-top: 6px; } .form_right { position: relative; float: left; background-color: transparent; color: #6B6B6B; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; width: 642px; } .form_right2 { width: 572px; } .form_right2 SELECT { border: 1px solid #BFC6C8; background-color: #EDF4F7; width: 202px; height: 26px; margin-bottom: 10px; color: #6B6B6B; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; padding-top: 3px; } .text { padding: 6px 5px 0px; position: relative; float: left; } .form_right TEXTAREA { border: 1px solid #BFC6C8; background-color: #EDF4F7; width: 273px; height: 134px; margin-bottom: 11px; color: #6B6B6B; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } .form_right INPUT { width: 202px; height: 21px; border: 1px solid #BFC6C8; background-color: #EDF4F7; margin-bottom: 11px; padding: 5px 0px 0px; color: #6B6B6B; font-family: Arial; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; } INPUT.post_code1 { width: 38px; } INPUT.post_code2 { width: 90px; } .order_table_top_left { position: relative; float: left; clear: both; width: 43px; background-image: url(../images/order_table_top_left.gif); background-repeat: no-repeat; height: 100%; padding-top: 10px; text-align: center; } #order_table_top { height: 37px; width: 742px; position: relative; float: left; clear: both; background-image: url(../images/order_table_top.gif); background-repeat: repeat-x; background-color: transparent; color: #2446A9; text-decoration: none; font-weight: bold; font-size: 12px; } .order_table_top_right_b { position: relative; float: left; width: 191px; text-align: center; background-image: url(../images/order_table_top_right.gif); background-repeat: no-repeat; background-position: top right; height: 100%; padding-top: 10px; } .order_table_top_right { position: relative; float: left; width: 49px; text-align: center; background-image: url(../images/order_table_top_right.gif); background-repeat: no-repeat; background-position: top right; height: 100%; padding-top: 10px; } .order_table_top3 { position: relative; float: left; width: 141px; text-align: center; padding-top: 10px; } .order_table_top2 { position: relative; float: left; width: 80px; text-align: center; padding-top: 10px; } .order_table_top1 { position: relative; float: left; width: 425px; text-align: center; padding-top: 10px; } .secondstage5 { position: relative; float: left; width: 150px; text-align: center; padding-top: 10px; } .order_table_top_separator { width: 1px; height: 37px; background-image: url(../images/order_table_top_separator.gif); position: relative; float: left; } #product_list_top { background-image: url(../images/product.gif); background-repeat: no-repeat; float: left; padding: 0; position: relative; width: 524px; height: 44px; } #product_list_top .options { float: right; position: relative; padding: 10px 10px 0 0; } #product_list_top .disabled { color: #FFF !important; } #product_list_table { position: relative; float: left; background-color: #F2F6F7; border-bottom: 1px solid #B0C8D0; width: 524px; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; } #product_list_table .td1 { position: relative; float: left; background-color: #FFF; width: 69px; height: 40px; text-align: left; position: relative; float: left; padding: 10px; border-left: 1px solid #F8FAFA; } #product_list_table .td2 { position: relative; float: left; width: 330px; height: 40px; text-align: left; position: relative; float: left; color: #323232; font-weight: bold; padding: 6px 5px 6px 4px; } #product_list_table a.product { color: #323232; text-decoration: none; font-weight: bold; font-size: 12px; } #product_list_table a.product:hover { color: #323232; text-decoration: underline; font-weight: bold; font-size: 12px; } .lucascalc { display: block; background: url(../../../../images/lukas/oblicz_rate.gif) no-repeat scroll center top transparent; width: 95px; height: 22px; margin: 10px 5px 5px auto; } #product_list_table .td3 { position: relative; float: left; width: 88px; height: 40px; text-align: right; position: relative; float: left; color: #2446A9; font-weight: bold; padding: 8px 3px 0 0; } #product_list_table .td3 a { color: #2446A9; text-decoration: none; font-weight: normal; font-size: 12px; } #product_list_table_tabs { position: relative; float: left; border-bottom: 1px solid #B0C8D0; width: 494px; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; } #product_list_table_tabs .td1 { position: relative; float: left; background-color: #FFF; width: 69px; height: 40px; text-align: left; position: relative; float: left; padding: 10px; border-left: 1px solid #F8FAFA; } #product_list_table_tabs .td2 { position: relative; float: left; width: 255px; height: 40px; text-align: left; position: relative; float: left; color: #323232; font-weight: bold; padding: 10px 10px 5px 15px; } #product_list_table_tabs a.product { color: #323232; text-decoration: none; font-weight: bold; font-size: 12px; } #product_list_table_tabs a.product:hover { color: #323232; text-decoration: underline; font-weight: bold; font-size: 12px; } #product_list_table_tabs .td3 { position: relative; float: left; width: 114px; height: 40px; text-align: right; position: relative; float: left; color: #2446A9; font-weight: bold; padding: 20px 10px 0 0; } #product_list_table_tabs .td3 a { color: #2446A9; text-decoration: none; font-weight: normal; font-size: 12px; } .order_table_type { margin-bottom: 10px; position: relative; float: left; width: 742px; } .order_table { position: relative; float: left; background-image: url(../images/order_table.gif); width: 742px; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; border-bottom: 1px solid #A3A3A3; } .order_table4b { position: relative; float: left; width: 191px; height: 30px; text-align: center; position: relative; float: left; color: #2446A9; font-weight: bold; padding-top: 15px; } .order_table4 { position: relative; float: left; width: 142px; height: 30px; text-align: center; position: relative; float: left; color: #2446A9; font-weight: bold; padding-top: 15px; } .order_table3b { position: relative; float: left; width: 81px; text-align: center; position: relative; float: left; color: #323232; font-weight: bold; padding-top: 15px; } .order_table3 { position: relative; float: left; width: 81px; text-align: center; position: relative; float: left; color: #323232; font-weight: bold; padding-top: 7px; } .order_table3 INPUT { width: 52px; height: 19px; text-align: center; padding-top: 5px; } .order_table2 { position: relative; float: left; width: 416px; height: 30px; text-align: left; position: relative; float: left; color: #323232; font-weight: bold; padding: 15px 0 0 10px; } .order_table2 span { color: #00C; } .order_table1 { position: relative; float: left; clear: both; width: 43px; height: 30px; text-align: center; position: relative; float: left; color: #323232; font-weight: normal; padding-top: 15px; } .order_table5 { position: relative; float: left; width: 49px; height: 30px; text-align: center; position: relative; float: left; color: #2446A9; font-weight: bold; padding-top: 15px; } #order_list_bottom { position: relative; float: left; background: url(../images/order_table_bottom.gif) repeat-x; height: 38px; margin-bottom: 10px; } #order_list_bottom_full { margin-bottom: 0px; position: relative; float: left; background: url(../images/order_table_bottom.gif) repeat-x; height: 38px; } .order_list_bottom_cell1 { position: relative; float: left; width: 43px; height: 100%; } .order_list_bottom_cell2 { position: relative; float: left; width: 426px; height: 100%; } .order_list_bottom_cell3 { position: relative; float: left; width: 81px; height: 100%; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; color: #323232; font-weight: bold; text-align: center; padding-top: 10px; } .order_list_bottom_cell4b { position: relative; float: left; width: 191px; height: 100%; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; color: #323232; font-weight: bold; text-align: center; padding-top: 10px; } .order_list_bottom_cell4 { position: relative; float: left; width: 142px; height: 100%; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; color: #323232; font-weight: bold; text-align: center; padding-top: 10px; } .order_list_bottom_cell5 { position: relative; float: left; width: 49px; height: 100%; background-color: transparent; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; color: #323232; font-weight: bold; text-align: center; padding-top: 10px; } .secondstage1 { width: 243px; } .secondstage2 { width: 150px; } .secondstage3 { width: 150px; } .secondstage4 { width: 45px; } .secondstage5 { width: 150px; } .secondstage1t { width: 244px; font-weight: bold; } .secondstage2t { width: 141px; text-align: center; } .secondstage3t { width: 151px; height: 30px; } .secondstage4t { width: 136px; height: 30px; text-align: right; padding-right: 15px; } .secondstage5t { width: 45px; } .list_bottom_cell_full { float: left; height: 100%; position: relative; width: 521px; font-weight: bold; padding-top: 10px; padding-left: 30px; } .list_bottom_cell_full2 { float: right; font-weight: bold; height: 100%; padding-top: 10px; position: relative; width: 143px; padding-right: 48px; text-align: right; } .blue { color: #2546A9; } .button { position: relative; float: right; height: 29px; margin-bottom: 10px; } .button_left { position: relative; float: left; height: 29px; width: 5px; background-image: url(../images/button_left.gif); margin-left: 2px; } .button_right { position: relative; float: left; height: 29px; width: 5px; background-image: url(../images/button_right.gif); margin-right: 4px; } .button_middle { position: relative; float: left; background-color: #2C4BA5; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; color: #FFFFFF; font-weight: bold; height: 22px; padding: 7px 10px 0px; } .button_middle A, .button_middle A:hover { background-color: #2C4BA5; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; color: #FFFFFF; font-weight: bold; } #parital { position: relative; float: left; margin-bottom: 10px; clear: both; } #parital IMG { position: relative; float: left; } #items_right { position: relative; float: left; clear: both; width: 721px; padding-left: 21px; } .input { position: relative; float: left; } #paginationControl { clear: both; float: left; position: relative; width: 400px; font-family: Arial; text-decoration: none; font-style: normal; font-size: 12px; color: #333; padding: 10px; } #paginationControl .select { color: #006; font-weight: bold; font-size: 16px; } #paginationControl .disabled { color: #E6E6E6; } #paginationControl a { color: #009; text-decoration: none; } #paginationControl a:hover { color: #009; text-decoration: underline; } #text { margin: 15px auto auto auto; padding: 0 10px 0 10px; position: relative; float: left; overflow: hidden; width: 504px; } #brand-box { height: 148px; position: relative; width: 706px; float: left; overflow: hidden; padding: 0 20px 0 20px; text-align: left; } #brand-box .title { position: relative; width: 706px; float: left; overflow: hidden; padding: 0; margin: 10px auto 15px auto; font-style: normal; font-weight: bold; font-size: 16px; color: #556066; } #brand-box .list { position: relative; width: 200px; float: left; overflow: hidden; padding: 0; margin: auto; } #brand-box ul { margin: 0; padding: 0; } #brand-box li { list-style-position: inside; padding-left: 0px; padding-top: 5px; padding-bottom: 7px; min-height: 26px; margin-left: 0px; list-style-type: none; } #brand-box li a { color: #556066; background-color: transparent; font-style: normal; font-weight: bold; font-size: 12px; background-image: url(../images/bullet2.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 17px; margin-left: 0px; text-decoration: none; } #brand-box li a:hover { text-decoration: underline; } #selectAtrr1 { margin-left: 10px; } .footer_menu ul { list-style: none outside none; padding-left: 5px; } .footer_menu li { background-image: none; padding-bottom: 0.4em; padding-top: 0.4em; text-align: left; } a.facebook { display: block; background-image: url("../../../../images/logo/facebook14.png"); background-position: left center; background-repeat: no-repeat; text-indent: 20px; } .orderlist ul { list-style: none outside none; padding-left: 15px; } .orderlist li { background-image: none; padding-bottom: 0.4em; padding-top: 0.4em; text-align: left; } .orderlist table, th, td { border: 1px solid #F7F7F7; border-collapse: collapse; } .orderlist td { background-color: #E6E6E6; padding: 6px; } .promotion-left { text-align: center; width: 229px; float: left; position: relative; padding-left: 30px; margin-top: 30px; margin-bottom: 30px; } #sygmaForm table, th, td { border: 0; border-collapse: collapse; } #setsbox { /*border-bottom: 1px solid #b0c8d0; */ position: relative; float: left; width: 490px; /*background-color: #b1c7ff; background-image:url(../images/tabs_bg_o.gif); background-repeat: no-repeat; background-position: bottom;*/ } #setsbox_bottom { position: relative; float: left; width: 494px; /*height: 46px;*/ margin-left: -16px; background-image: url(../images/tabs_bg_o.gif); background-repeat: no-repeat; background-position: bottom; margin-bottom: 20px; text-align: right; padding-right: 30px; padding-bottom: 30px; font-weight: bold; font-size: 14px; } #setsbox .itemsetprint { position: relative; float: left; width: 160px; } #setsbox .itemset { position: relative; float: left; width: 160px; height: 220px; text-align: center; vertical-align: bottom; background-image: url(../images/item_top-160.gif); background-repeat: no-repeat; margin-right: 3px; } #setsbox .title { text-align: center; height: 36px; position: relative; float: left; width: 160px; } #setsbox .price { text-align: right; padding: 2px; height: 12px;, position:relative; float: left; width: 160px; } #setsbox .photo { text-align: center; height: 110px; margin-top: 4px; position: relative; float: left; width: 160px; margin-top: 2px; } #setsbox .itemset span { font-weight: bold; margin-top: 8px; position: relative; float: left; display: block; width: 160px; } #setsbox .itemset select { width: 160px; } #setscart img { cursor: pointer; } .categoryList { color: #323232; font-size: 12px; font-weight: bold; text-decoration: none; padding: 10px; display: block; float: left; position: relative; width: 520px; } .krd { margin: 16px auto 16px 26px; display: block; overflow: hidden; } #product_credit .lucascalc { display: block; background: url(../../../../images/lukas/oblicz.gif) no-repeat scroll center top transparent; width: 169px; height: 36px; margin: 10px auto 5px; } #product_credit { color: #556066; font-size: 11px; font-weight: normal; position: relative; width: 200px; background-color: transparent; text-decoration: none; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ADADAD; text-align: center; } .sysAlert { margin: 0 0 10px 0; padding: 0.4em; text-align: center; border-radius: 4px 4px 4px 4px; background: #F6A828; border: 1px solid #E78F08; color: #FFFFFF; font-family: Arial; font-size: 14px; font-style: normal; font-weight: bold; width: 728px; } #form_instance-element, #form_instance-label { display: none; } div#facebookContent { background-color: #FFFFFF; border: 3px solid #3B5998; left: 0; padding: 7px; position: absolute; top: 150px; width: 200px; z-index: 1000; } div#facebookContener { left: -220px; position: fixed; top: 11px; width: 264px; z-index: 1000; } div#facebookIcon { background-image: url("../images/facebook_only_logo.png"); cursor: pointer; height: 110px; position: absolute; right: 0; top: 150px; width: 44px; }
/* global */ #cluetip-close img { border: 0; } #cluetip-title { overflow: hidden; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(../images/cluetip/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default { background-color: #d9d9c2; } .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; } .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* default arrows */ .clue-right-default .cluetip-arrows { background-image: url(../images/cluetip/darrowleft.gif); } .clue-left-default .cluetip-arrows { background-image: url(../images/cluetip/darrowright.gif); left: 100%; margin-right: -11px; } .clue-top-default .cluetip-arrows { background-image: url(../images/cluetip/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-default .cluetip-arrows { background-image: url(../images/cluetip/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'jtip' -------------------------------------- */ .cluetip-jtip { background-color: transparent; } .cluetip-jtip #cluetip-outer { border: 2px solid #ccc; position: relative; background-color: #fff; } .cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ccc; color: #333; } .cluetip-jtip #cluetip-inner { padding: 0 5px 5px; display: inline-block; } .cluetip-jtip div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* jtip arrows */ .clue-right-jtip .cluetip-arrows { background-image: url(../images/cluetip/arrowleft.gif); } .clue-left-jtip .cluetip-arrows { background-image: url(../images/cluetip/arrowright.gif); left: 100%; margin-right: -11px; } .clue-top-jtip .cluetip-arrows { background-image: url(../images/cluetip/arrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-jtip .cluetip-arrows { background-image: url(../images/cluetip/arrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'rounded' -------------------------------------- */ .cluetip-rounded { background: transparent url(../images/cluetip/bl.gif) no-repeat 0 100%; margin-top: 10px; margin-left: 12px; } .cluetip-rounded #cluetip-outer { background: transparent url(../images/cluetip/tl.gif) no-repeat 0 0; margin-top: -12px; } .cluetip-rounded #cluetip-title { background-color: transparent; padding: 12px 12px 0; margin: 0 -12px 0 0; position: relative; } .cluetip-rounded #cluetip-extra { position: absolute; display: block; background: transparent url(../images/cluetip/tr.gif) no-repeat 100% 0; top: 0; right: 0; width: 12px; height: 30px; margin: -12px -12px 0 0; } .cluetip-rounded #cluetip-inner { background: url(../images/cluetip/br.gif) no-repeat 100% 100%; padding: 5px 12px 12px; margin: -18px -12px 0 0; position: relative; } .cluetip-rounded div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #009; background: transparent; } .cluetip-rounded div#cluetip-close a { color: #777; } /* rounded arrows */ .clue-right-rounded .cluetip-arrows { background-image: url(../images/cluetip/rarrowleft.gif); } .clue-left-rounded .cluetip-arrows { background-image: url(../images/cluetip/rarrowright.gif); left: 100%; margin-left: 12px; } .clue-top-rounded .cluetip-arrows { background-image: url(../images/cluetip/rarrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-rounded .cluetip-arrows { background-image: url(../images/cluetip/rarrowup.gif); top: -23px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /* stupid IE6 HasLayout hack */ .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; }
.ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 20px; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em 6px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 3px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { /*padding: 1em 1.4em;*/ display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; }
.pikachoose{width:306px;margin:0 auto 50px auto;} /* This is the ul you have all your images in */ .pikachoose ul{padding-left:0;width:306px;margin:0;overflow:hidden;}/*height:180px;*/ .pikachoose ul li{float: left;border:1px solid #C8C8C8;padding:2px;background:#ECECEC;margin:0 6px 4px 0;position:relative;overflow:hidden;} .pikachoose ul li div img{position:relative;cursor:pointer;} /* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */ .pika_main{width:300px;height:210px;display:block;position:relative;} /*sine we give it the fake border, you need to position the image a little. */ .pika_main_img{position:relative;top:0px;opacity: 1 !important;max-height: 190px;}/*height:200px;*/ .pika_back_img{position:relative;top:0px;display: none;} .pika_subdiv{position:relative;border:1px solid #C8C8C8;background:#ECECEC;padding:2px;text-align: center;height:190px;} .pika_subdiv img, .pika_subdiv a img{border:none;} .pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('../../../../images/pikachoose/black.png') top left;} .pika_caption a{color:white;} .pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;} .pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../../../../images/pikachoose/play.png') top center no-repeat;} .pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../../../../images/pikachoose/pause.png') top center no-repeat;} .pika_navigation a{font-size: 12px; text-decoration: none;} .pika_navigation a:hover{text-decoration: underline;} .pika_navigation{padding-top:10px;clear:both;text-align:center;} /* if you want to 'hide' these jus make their height and width 1px */ 
